@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Lexend:wght@100..900&family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--color-tourmaline:#24596b;--color-larimar:#d3e3e3;--color-amethyst:#574077;--color-iolite:#d3d4e4;--color-onyx:#2f3037;--color-quartz:#f3f2f3;--color-garnet:#97354e;--color-emerald:#2b6464;--color-tanzanite:#39507f;--color-tourmaline-10:hsl(from var(--color-tourmaline) h s 98);--color-tourmaline-20:hsl(from var(--color-tourmaline) h s 95);--color-tourmaline-30:hsl(from var(--color-tourmaline) h s 91);--color-tourmaline-40:hsl(from var(--color-tourmaline) h s 86);--color-tourmaline-50:hsl(from var(--color-tourmaline) h s 80);--color-tourmaline-60:hsl(from var(--color-tourmaline) h s 72);--color-tourmaline-70:hsl(from var(--color-tourmaline) h s 64);--color-tourmaline-80:hsl(from var(--color-tourmaline) h s 56);--color-tourmaline-90:hsl(from var(--color-tourmaline) h s 48);--color-tourmaline-100:hsl(from var(--color-tourmaline) h s 44);--color-tourmaline-110:hsl(from var(--color-tourmaline) h s 40);--color-tourmaline-120:hsl(from var(--color-tourmaline) h s 36);--color-tourmaline-130:hsl(from var(--color-tourmaline) h s 32);--color-tourmaline-140:hsl(from var(--color-tourmaline) h s 28);--color-tourmaline-150:hsl(from var(--color-tourmaline) h s 24);--color-tourmaline-160:hsl(from var(--color-tourmaline) h s 20);--color-larimar-10:hsl(from var(--color-larimar) h s 98);--color-larimar-20:hsl(from var(--color-larimar) h s 95);--color-larimar-30:hsl(from var(--color-larimar) h s 91);--color-larimar-40:hsl(from var(--color-larimar) h s 86);--color-larimar-50:hsl(from var(--color-larimar) h s 80);--color-larimar-60:hsl(from var(--color-larimar) h s 72);--color-larimar-70:hsl(from var(--color-larimar) h s 64);--color-larimar-80:hsl(from var(--color-larimar) h s 56);--color-larimar-90:hsl(from var(--color-larimar) h s 48);--color-larimar-100:hsl(from var(--color-larimar) h s 44);--color-larimar-110:hsl(from var(--color-larimar) h s 40);--color-larimar-120:hsl(from var(--color-larimar) h s 36);--color-larimar-130:hsl(from var(--color-larimar) h s 32);--color-larimar-140:hsl(from var(--color-larimar) h s 28);--color-larimar-150:hsl(from var(--color-larimar) h s 24);--color-larimar-160:hsl(from var(--color-larimar) h s 20);--color-amethyst-10:hsl(from var(--color-amethyst) h s 98);--color-amethyst-20:hsl(from var(--color-amethyst) h s 95);--color-amethyst-30:hsl(from var(--color-amethyst) h s 91);--color-amethyst-40:hsl(from var(--color-amethyst) h s 86);--color-amethyst-50:hsl(from var(--color-amethyst) h s 80);--color-amethyst-60:hsl(from var(--color-amethyst) h s 72);--color-amethyst-70:hsl(from var(--color-amethyst) h s 64);--color-amethyst-80:hsl(from var(--color-amethyst) h s 56);--color-amethyst-90:hsl(from var(--color-amethyst) h s 48);--color-amethyst-100:hsl(from var(--color-amethyst) h s 44);--color-amethyst-110:hsl(from var(--color-amethyst) h s 40);--color-amethyst-120:hsl(from var(--color-amethyst) h s 36);--color-amethyst-130:hsl(from var(--color-amethyst) h s 32);--color-amethyst-140:hsl(from var(--color-amethyst) h s 28);--color-amethyst-150:hsl(from var(--color-amethyst) h s 24);--color-amethyst-160:hsl(from var(--color-amethyst) h s 20);--color-iolite-10:hsl(from var(--color-iolite) h s 98);--color-iolite-20:hsl(from var(--color-iolite) h s 95);--color-iolite-30:hsl(from var(--color-iolite) h s 91);--color-iolite-40:hsl(from var(--color-iolite) h s 86);--color-iolite-50:hsl(from var(--color-iolite) h s 80);--color-iolite-60:hsl(from var(--color-iolite) h s 72);--color-iolite-70:hsl(from var(--color-iolite) h s 64);--color-iolite-80:hsl(from var(--color-iolite) h s 56);--color-iolite-90:hsl(from var(--color-iolite) h s 48);--color-iolite-100:hsl(from var(--color-iolite) h s 44);--color-iolite-110:hsl(from var(--color-iolite) h s 40);--color-iolite-120:hsl(from var(--color-iolite) h s 36);--color-iolite-130:hsl(from var(--color-iolite) h s 32);--color-iolite-140:hsl(from var(--color-iolite) h s 28);--color-iolite-150:hsl(from var(--color-iolite) h s 24);--color-iolite-160:hsl(from var(--color-iolite) h s 20);--color-onyx-10:hsl(from var(--color-onyx) h s 98);--color-onyx-20:hsl(from var(--color-onyx) h s 95);--color-onyx-30:hsl(from var(--color-onyx) h s 91);--color-onyx-40:hsl(from var(--color-onyx) h s 86);--color-onyx-50:hsl(from var(--color-onyx) h s 80);--color-onyx-60:hsl(from var(--color-onyx) h s 72);--color-onyx-70:hsl(from var(--color-onyx) h s 64);--color-onyx-80:hsl(from var(--color-onyx) h s 56);--color-onyx-90:hsl(from var(--color-onyx) h s 48);--color-onyx-100:hsl(from var(--color-onyx) h s 44);--color-onyx-110:hsl(from var(--color-onyx) h s 40);--color-onyx-120:hsl(from var(--color-onyx) h s 36);--color-onyx-130:hsl(from var(--color-onyx) h s 32);--color-onyx-140:hsl(from var(--color-onyx) h s 28);--color-onyx-150:hsl(from var(--color-onyx) h s 24);--color-onyx-160:hsl(from var(--color-onyx) h s 20);--color-quartz-10:hsl(from var(--color-quartz) h s 98);--color-quartz-20:hsl(from var(--color-quartz) h s 95);--color-quartz-30:hsl(from var(--color-quartz) h s 91);--color-quartz-40:hsl(from var(--color-quartz) h s 86);--color-quartz-50:hsl(from var(--color-quartz) h s 80);--color-quartz-60:hsl(from var(--color-quartz) h s 72);--color-quartz-70:hsl(from var(--color-quartz) h s 64);--color-quartz-80:hsl(from var(--color-quartz) h s 56);--color-quartz-90:hsl(from var(--color-quartz) h s 48);--color-quartz-100:hsl(from var(--color-quartz) h s 44);--color-quartz-110:hsl(from var(--color-quartz) h s 40);--color-quartz-120:hsl(from var(--color-quartz) h s 36);--color-quartz-130:hsl(from var(--color-quartz) h s 32);--color-quartz-140:hsl(from var(--color-quartz) h s 28);--color-quartz-150:hsl(from var(--color-quartz) h s 24);--color-quartz-160:hsl(from var(--color-quartz) h s 20);--color-garnet-10:hsl(from var(--color-garnet) h s 98);--color-garnet-20:hsl(from var(--color-garnet) h s 95);--color-garnet-30:hsl(from var(--color-garnet) h s 91);--color-garnet-40:hsl(from var(--color-garnet) h s 86);--color-garnet-50:hsl(from var(--color-garnet) h s 80);--color-garnet-60:hsl(from var(--color-garnet) h s 72);--color-garnet-70:hsl(from var(--color-garnet) h s 64);--color-garnet-80:hsl(from var(--color-garnet) h s 56);--color-garnet-90:hsl(from var(--color-garnet) h s 48);--color-garnet-100:hsl(from var(--color-garnet) h s 44);--color-garnet-110:hsl(from var(--color-garnet) h s 40);--color-garnet-120:hsl(from var(--color-garnet) h s 36);--color-garnet-130:hsl(from var(--color-garnet) h s 32);--color-garnet-140:hsl(from var(--color-garnet) h s 28);--color-garnet-150:hsl(from var(--color-garnet) h s 24);--color-garnet-160:hsl(from var(--color-garnet) h s 20);--color-emerald-10:hsl(from var(--color-emerald) h s 98);--color-emerald-20:hsl(from var(--color-emerald) h s 95);--color-emerald-30:hsl(from var(--color-emerald) h s 91);--color-emerald-40:hsl(from var(--color-emerald) h s 86);--color-emerald-50:hsl(from var(--color-emerald) h s 80);--color-emerald-60:hsl(from var(--color-emerald) h s 72);--color-emerald-70:hsl(from var(--color-emerald) h s 64);--color-emerald-80:hsl(from var(--color-emerald) h s 56);--color-emerald-90:hsl(from var(--color-emerald) h s 48);--color-emerald-100:hsl(from var(--color-emerald) h s 44);--color-emerald-110:hsl(from var(--color-emerald) h s 40);--color-emerald-120:hsl(from var(--color-emerald) h s 36);--color-emerald-130:hsl(from var(--color-emerald) h s 32);--color-emerald-140:hsl(from var(--color-emerald) h s 28);--color-emerald-150:hsl(from var(--color-emerald) h s 24);--color-emerald-160:hsl(from var(--color-emerald) h s 20);--color-tanzanite-10:hsl(from var(--color-tanzanite) h s 98);--color-tanzanite-20:hsl(from var(--color-tanzanite) h s 95);--color-tanzanite-30:hsl(from var(--color-tanzanite) h s 91);--color-tanzanite-40:hsl(from var(--color-tanzanite) h s 86);--color-tanzanite-50:hsl(from var(--color-tanzanite) h s 80);--color-tanzanite-60:hsl(from var(--color-tanzanite) h s 72);--color-tanzanite-70:hsl(from var(--color-tanzanite) h s 64);--color-tanzanite-80:hsl(from var(--color-tanzanite) h s 56);--color-tanzanite-90:hsl(from var(--color-tanzanite) h s 48);--color-tanzanite-100:hsl(from var(--color-tanzanite) h s 44);--color-tanzanite-110:hsl(from var(--color-tanzanite) h s 40);--color-tanzanite-120:hsl(from var(--color-tanzanite) h s 36);--color-tanzanite-130:hsl(from var(--color-tanzanite) h s 32);--color-tanzanite-140:hsl(from var(--color-tanzanite) h s 28);--color-tanzanite-150:hsl(from var(--color-tanzanite) h s 24);--color-tanzanite-160:hsl(from var(--color-tanzanite) h s 20)}:root,[data-theme=tourmaline]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-primary:var(--lightningcss-light,var(--color-tourmaline-130))var(--lightningcss-dark,var(--color-tourmaline-50));--color-primary-dark:var(--lightningcss-light,var(--color-tourmaline-140))var(--lightningcss-dark,var(--color-tourmaline-60));--color-secondary:var(--lightningcss-light,var(--color-larimar-40))var(--lightningcss-dark,var(--color-larimar-130));--color-secondary-dark:var(--lightningcss-light,var(--color-larimar-50))var(--lightningcss-dark,var(--color-larimar-140));--color-danger:var(--lightningcss-light,var(--color-garnet-110))var(--lightningcss-dark,var(--color-garnet-50));--color-success:var(--lightningcss-light,var(--color-emerald-140))var(--lightningcss-dark,var(--color-emerald-60));--color-info:var(--lightningcss-light,var(--color-tanzanite-120))var(--lightningcss-dark,var(--color-tanzanite-50));--color-background-neutral-light:var(--lightningcss-light,var(--color-quartz-10))var(--lightningcss-dark,var(--color-onyx-140));--color-background-neutral-default:var(--lightningcss-light,var(--color-quartz-20))var(--lightningcss-dark,var(--color-onyx-150));--color-background-neutral-dark:var(--lightningcss-light,var(--color-quartz-30))var(--lightningcss-dark,var(--color-onyx-160));--color-border-neutral:var(--lightningcss-light,var(--color-quartz-40))var(--lightningcss-dark,var(--color-onyx-130));--color-foreground-strong:var(--lightningcss-light,var(--color-onyx-160))var(--lightningcss-dark,var(--color-quartz-10));--color-foreground-default:var(--lightningcss-light,var(--color-onyx-140))var(--lightningcss-dark,var(--color-quartz-30));--color-foreground-subtle:var(--lightningcss-light,var(--color-onyx-110))var(--lightningcss-dark,var(--color-quartz-50));--color-foreground-contrast-strong:var(--lightningcss-light,var(--color-quartz-10))var(--lightningcss-dark,var(--color-onyx-160));--color-foreground-contrast-default:var(--lightningcss-light,var(--color-quartz-30))var(--lightningcss-dark,var(--color-onyx-140));--color-foreground-contrast-subtle:var(--lightningcss-light,var(--color-quartz-50))var(--lightningcss-dark,var(--color-onyx-110))}@media (prefers-color-scheme:dark){:root,[data-theme=tourmaline]{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=amethyst]{--color-primary:var(--lightningcss-light,var(--color-amethyst-120))var(--lightningcss-dark,var(--color-amethyst-50));--color-primary-dark:var(--lightningcss-light,var(--color-amethyst-130))var(--lightningcss-dark,var(--color-amethyst-60));--color-secondary:var(--lightningcss-light,var(--color-iolite-40))var(--lightningcss-dark,var(--color-iolite-110));--color-secondary-dark:var(--lightningcss-light,var(--color-iolite-50))var(--lightningcss-dark,var(--color-iolite-120))}[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-family-title:"Montserrat Alternates", sans-serif;--font-family-text:"Lexend", sans-serif;--font-family-mono:"Geist Mono", monospace;--font-size-regular:1rem;--font-weight-regular:400;--line-height-regular:1.62;--letter-spacing-regular:2%;--font-size-small:.8125rem;--letter-spacing-small:2%;--font-size-caption:.6875rem;--letter-spacing-caption:6%}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}html{font:400 16px sans-serif}body{background:var(--color-background-neutral-default);color:var(--color-foreground-default);font-family:var(--font-family-text);font-size:var(--font-size-regular);font-weight:var(--font-weight-regular);line-height:var(--line-height-regular);letter-spacing:var(--letter-spacing-regular)}a{color:inherit;cursor:pointer;text-decoration:none}h1,h2,h3,h4,h5,h5{font-family:var(--font-family-title)}img{display:flex}.breadcrumbs{font-size:.875rem}.breadcrumbs-list{flex-wrap:wrap;align-items:center;list-style:none;display:flex}.breadcrumbs-item{align-items:center;display:flex}.breadcrumbs-item:not(:first-child):before{color:var(--color-foreground-subtle);content:"/";margin:0 .5rem}.breadcrumbs-link{color:var(--color-foreground-subtle);text-decoration:none}.breadcrumbs-link:hover{color:var(--color-foreground-default);text-decoration:underline}.breadcrumbs-label{color:var(--color-foreground-subtle)}.breadcrumbs-current{color:var(--color-foreground-default);font-weight:600}.button{border:1px solid var(--color-border-neutral);color:var(--color-foreground-strong);cursor:pointer;font:inherit;height:3.25rem;font-weight:600;line-height:inherit;background:0 0;border-radius:1.625rem;padding:.75rem 1.5rem}.button.background-primary{background:var(--color-primary);color:var(--color-foreground-contrast-strong);border:0}.button.background-secondary{background:var(--color-secondary);color:var(--color-foreground-strong);border:0}.card{border:1.5px solid var(--color-border-neutral);color:var(--color-foreground-default);border-radius:1rem;flex-direction:column;justify-content:start;align-items:start;width:100%;display:flex;overflow:hidden}.card-content{flex-direction:column;justify-content:start;align-items:start;width:100%;padding:1.25rem;display:flex}.card-image img{width:100%;height:auto}.chip{background:var(--color-background-neutral-dark);color:var(--color-foreground-strong);font-size:var(--font-size-caption);height:1.75rem;letter-spacing:var(--letter-spacing-caption);text-transform:uppercase;border-radius:1rem;justify-content:center;align-items:center;padding:.25rem .75rem;display:inline-flex}.chip.color-primary,.chip.color-secondary,.chip.color-danger,.chip.color-success,.chip.color-info{color:var(--color-foreground-contrast-strong)}.chip.color-primary{background:var(--color-primary)}.chip.color-secondary{background:var(--color-secondary);color:var(--color-foreground-strong)}.chip.color-danger{background:var(--color-danger)}.chip.color-success{background:var(--color-success)}.chip.color-info{background:var(--color-info)}.input{background:var(--color-background-neutral-light);border:1px solid var(--color-border-neutral);color:var(--color-foreground-strong);font:inherit;border-radius:1.625rem;height:3.25rem;padding:.75rem 1.5rem}.input::placeholder{color:var(--color-foreground-subtle)}.input:disabled{cursor:not-allowed;opacity:.5}.notification{border:1px solid var(--color-border-neutral);color:var(--color-foreground-default);background:0 0;border-radius:.75rem;flex-direction:column;gap:.125rem;width:100%;padding:1rem 1.25rem;display:flex}.notification-title{color:var(--color-foreground-strong);font-weight:600}.notification.status-danger,.notification.status-success,.notification.status-info{color:var(--color-foreground-contrast-strong);border:0}.notification.status-danger .notification-title,.notification.status-success .notification-title,.notification.status-info .notification-title{color:var(--color-foreground-contrast-strong)}.notification.status-danger{background:var(--color-danger)}.notification.status-success{background:var(--color-success)}.notification.status-info{background:var(--color-info)}.select{display:inline-flex;position:relative}.select-input{appearance:none;background:var(--color-background-neutral-light);border:1px solid var(--color-border-neutral);color:var(--color-foreground-strong);cursor:pointer;font:inherit;border-radius:1.625rem;width:100%;padding:.75rem 2.75rem .75rem 1.5rem;font-weight:600}.select-caret{color:var(--color-foreground-strong);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.stack{flex-direction:column;justify-content:start;align-items:start;display:flex}.stack.align-center{align-items:center}.stack.align-end{align-items:end}.stack.align-space-between{align-items:space-between}.stack.align-start{align-items:start}.stack.align-stretch{align-items:stretch}.stack.flex-column{flex-direction:column}.stack.flex-row{flex-direction:row}.stack.gap-0125{gap:.125rem}.stack.gap-025{gap:.25rem}.stack.gap-0375{gap:.375rem}.stack.gap-05{gap:.5rem}.stack.gap-0625{gap:.625rem}.stack.gap-075{gap:.875rem}.stack.gap-1{gap:1rem}.stack.gap-1125{gap:1.125rem}.stack.gap-125{gap:1.25rem}.stack.gap-15{gap:1.5rem}.stack.gap-175{gap:1.75rem}.stack.gap-2{gap:2rem}.stack.gap-225{gap:2.25rem}.stack.gap-25{gap:2.5rem}.stack.justify-center{justify-content:center}.stack.justify-end{justify-content:end}.stack.justify-space-between{justify-content:space-between}.stack.justify-start{justify-content:start}.stack.justify-stretch{justify-content:stretch}.stack.width-full{width:100%}.tab{color:var(--color-foreground-subtle);cursor:pointer;font-size:var(--font-size-body);letter-spacing:var(--letter-spacing-body);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .75rem}.tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.tab-content{width:100%;padding:1.5rem 0}.tab-content.padding-0{padding:0}.tab-group{border-bottom:1px solid var(--color-border-neutral);width:100%;display:flex}.theme-mode-toggle{background:var(--color-secondary);color:var(--color-foreground-strong);cursor:pointer;font:inherit;border:0;border-radius:50%;justify-content:center;align-items:center;gap:.5rem;width:3.25rem;height:3.25rem;padding:.75rem;font-weight:600;display:inline-flex}.theme-select{display:inline-flex;position:relative}.theme-select-input{appearance:none;background:var(--color-background-neutral-light);border:1px solid var(--color-border-neutral);color:var(--color-foreground-strong);cursor:pointer;font:inherit;border-radius:1.625rem;width:100%;padding:.75rem 2.75rem .75rem 1.5rem;font-weight:600}.theme-select-caret{color:var(--color-foreground-strong);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.toggle{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--color-background-neutral-dark);border-radius:1rem;width:3rem;height:1.75rem;padding:.25rem;transition:background .15s;display:inline-flex}.toggle-thumb{background:var(--color-background-neutral-light);border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .15s}.toggle-input:checked+.toggle-track{background:var(--color-primary)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(1.25rem)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-input:disabled+.toggle-track{cursor:not-allowed;opacity:.5}.code-block{background-color:var(--color-background-neutral-dark);color:var(--color-foreground-default);border-radius:.25rem;width:100%;margin:0;padding:1rem 1.25rem;overflow-x:auto}.code-block code{font-family:var(--font-family-mono);font-size:var(--font-size-small);white-space:pre;line-height:1.62}.screen-footer{background:var(--color-onyx-160);border-top:1px solid var(--color-border-neutral);color:var(--color-quartz-30);font-size:var(--font-size-small);flex-direction:column;gap:1rem;width:100%;padding:2.5rem 2rem;display:flex}.screen-footer-nav{flex-direction:row;gap:1.25rem;display:flex}.screen-footer-nav .icon{font-size:1.25rem}@media (width>=30rem){.screen-footer{flex-direction:row;justify-content:space-between}}.screen-header{background:var(--color-background-neutral-light);border-bottom:1px solid var(--color-border-neutral);z-index:100;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;display:flex;position:sticky;top:0}.screen-header-brand{align-items:center;gap:.625rem;display:flex}.screen-header-logo{background-color:var(--color-primary);flex-shrink:0;width:2.5rem;height:2.5rem;-webkit-mask:url(/assets/images/logos/compass-logo.svg) 50%/contain no-repeat;mask:url(/assets/images/logos/compass-logo.svg) 50%/contain no-repeat}@media (width>=36rem){.screen-header{flex-direction:row}}.screen-side-nav{border-right:1px solid var(--color-border-neutral);font-size:var(--font-size-small);flex-direction:column;flex-shrink:0;gap:.25rem;width:15rem;margin-left:0;padding:1.5rem 2rem;transition:margin-left .25s;display:flex}.screen-side-nav--closed{margin-left:-15rem}@media (prefers-reduced-motion:reduce){.screen-side-nav{transition:none}}.screen-side-nav-link{color:var(--color-foreground-default);border-radius:.5rem;margin:0 -.5rem;padding:.25rem .5rem;text-decoration:none}.screen-side-nav-link:hover{background:var(--color-background-neutral-dark)}.screen-side-nav-link.active{background:var(--color-background-neutral-dark);color:var(--color-foreground-strong);font-weight:600}.screen-side-nav-section-title{font-size:var(--font-size-small);text-transform:uppercase;flex-direction:row;align-items:start;gap:.5rem;margin:1rem 0 .25rem;display:flex}.screen-side-nav-section-title>.icon{padding:1px 0 0;font-size:1rem}.screen{flex-direction:column;width:100%;min-height:100vh;display:flex}.screen-body{flex:1;width:100%;display:flex;overflow-x:clip}.screen-main{flex:1;min-width:0}.screen-content{flex-direction:column;justify-content:start;align-items:start;width:100%;max-width:75rem;padding:2.5rem;display:flex}.screen-content.gap-0125{gap:.125rem}.screen-content.gap-025{gap:.25rem}.screen-content.gap-0375{gap:.375rem}.screen-content.gap-05{gap:.5rem}.screen-content.gap-0625{gap:.625rem}.screen-content.gap-075{gap:.875rem}.screen-content.gap-1{gap:1rem}.screen-content.gap-1125{gap:1.125rem}.screen-content.gap-125{gap:1.25rem}.screen-content.gap-15{gap:1.5rem}.screen-content.gap-175{gap:1.75rem}.screen-content.gap-2{gap:2rem}.screen-content.gap-225{gap:2.25rem}.screen-content.gap-25{gap:2.5rem}.screen-main-header{background-color:var(--color-background-neutral-dark);color:inherit;isolation:isolate;width:100%;position:relative}.screen-main-header:before{background-color:var(--color-border-neutral);content:"";pointer-events:none;z-index:-1;position:absolute;inset:0;-webkit-mask:url(/assets/background-street-map-iK1qppi-.svg) 100% 0 no-repeat;mask:url(/assets/background-street-map-iK1qppi-.svg) 100% 0 no-repeat}.screen-main-header-nav-toggle{background:var(--color-border-neutral);color:inherit;cursor:pointer;font:inherit;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin:1rem 0 0 2rem;display:inline-flex}.screen-main-header>.screen-content{padding-top:1rem;padding-bottom:2rem}.screen-main-header .tab-group{margin:1rem -.75rem -2rem}.cards-screen-grid{flex-direction:column;align-items:start;gap:1rem;width:100%;display:flex}@media (width>=50rem){.cards-screen-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}}.colour-screen-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.5rem;width:100%;display:grid}.colour-screen-swatch{aspect-ratio:3/2;border-radius:.5rem;width:100%}.colour-screen-swatch--bordered{border:1px solid var(--color-border-neutral)}.colour-screen-name{color:var(--color-foreground-strong);font-size:var(--font-size-small)}.colour-screen-token{color:var(--color-foreground-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-caption)}.colour-screen-scale{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.25rem;width:100%;display:grid}.colour-screen-scale-step{flex-direction:column;gap:.25rem;display:flex}.colour-screen-scale-swatch{border-radius:.375rem;width:100%;min-height:2.5rem}.colour-screen-scale-step span{color:var(--color-foreground-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-caption);text-align:center}.dashboard-screen-component-card-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;width:100%;display:grid}.dashboard-gallery-link{color:inherit;text-decoration:none;display:flex}.dashboard-gallery-card{background:var(--color-background-neutral-dark);height:100%;transition:border-color .15s}.dashboard-gallery-link:hover .dashboard-gallery-card{border-color:var(--color-primary-dark)}.dashboard-gallery-card p{color:var(--color-foreground-subtle);font-size:var(--font-size-small)}.typography-screen-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1.5rem;width:100%;display:grid}.typography-screen-family-sample{aspect-ratio:3/2;background:var(--color-background-neutral-light);border:1px solid var(--color-border-neutral);color:var(--color-foreground-strong);border-radius:.5rem;justify-content:center;align-items:center;width:100%;font-size:3rem;display:flex}.typography-screen-name{color:var(--color-foreground-strong);font-size:var(--font-size-small)}.typography-screen-token{color:var(--color-foreground-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-caption)}.typography-screen-regular{font-size:var(--font-size-regular)}.typography-screen-small{font-size:var(--font-size-small)}.typography-screen-caption{font-size:var(--font-size-caption);letter-spacing:var(--letter-spacing-caption)}.typography-screen .caption{color:var(--color-foreground-subtle);font-size:var(--font-size-caption);letter-spacing:var(--letter-spacing-caption);text-transform:uppercase}