.o-devquickstart{border-bottom:1px solid var(--color-line);border-top:1px solid var(--color-line)}.o-devquickstart--white{background:var(--color-paper)}.o-devquickstart--haze{background:var(--color-haze)}.o-devquickstart--ink{background:var(--color-ink);border-color:var(--color-line)}.o-devquickstart--ink .o-h2{color:#fff}.o-devquickstart--ink .o-devquickstart__intro{color:hsla(0,0%,100%,.65)}.o-devsplit{align-items:center;display:grid;gap:48px}@media (min-width:1024px){.o-devsplit{grid-template-columns:1fr 1fr}}.o-code{background:var(--color-ink);border:1px solid var(--color-line);border-radius:16px;overflow:hidden}.o-devquickstart--ink .o-code{background:color-mix(in srgb,var(--color-ink) 85%,#fff 15%);border-color:hsla(0,0%,100%,.15)}.o-code__bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:6px;padding:12px 16px}.o-code__bar span{background:hsla(0,0%,100%,.2);border-radius:9999px;height:10px;width:10px}.o-code__accentdot{background:var(--color-mint)}.o-devquickstart--haze .o-code__accentdot,.o-devquickstart--white .o-code__accentdot{background:var(--color-signal)}.o-code__file{background:none!important;border-radius:0!important;color:hsla(0,0%,100%,.4);font-size:11px;height:auto!important;margin-left:12px;width:auto!important}.o-code pre,.o-code__file{font-family:var(--font-mono)}.o-code pre{color:hsla(0,0%,100%,.85);font-size:12.5px;line-height:1.7;margin:0;overflow-x:auto;padding:20px}