.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-devquickstart__heading{margin-top:24px}.o-devquickstart__intro{font-size:16px;margin-top:20px;max-width:34rem}.o-devquickstart--layout-two .o-devquickstart__intro{max-width:46rem}.o-devsplit{align-items:center;display:grid;gap:48px}@media (min-width:1024px){.o-devsplit{grid-template-columns:1fr 1fr}}.o-devpair{align-items:start;display:grid;gap:24px}@media (min-width:768px){.o-devpair{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}.o-code__body{display:block;white-space:pre-wrap}.o-code__body div,.o-code__body p,.o-code__body pre{background:none;color:inherit;font:inherit;margin:0;padding:0}.o-code__body a{color:inherit;text-decoration:underline}.o-code__body img{display:none}