.action-hint-anchor[data-astro-cid-uearuesf]{position:absolute;inset-block-start:var(--padding);inset-inline-end:var(--padding);display:inline-grid}.copy-button-base[data-astro-cid-uearuesf]{display:inline-flex;align-items:center;gap:.2rem;padding:0;font-weight:400;border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch,var(--surface) 82%,transparent);transition:border-color .18s ease,background-color .18s ease,color .18s ease;.icon{display:inline-flex}[data-icon=copied]{display:none}&[data-copied=true]{[data-icon=copied]{display:inline-flex}}&:hover,&[data-copied=true]{border-color:color-mix(in oklch,var(--brand-orange) 65%,var(--border));background:color-mix(in oklch,var(--brand-orange) 18%,var(--surface))}}.copy-button-icon-only[data-astro-cid-uearuesf]{border:none;background:transparent;color:var(--text);@media(width<=37.5rem){background-color:var(--brand-orange);color:var(--on-brand-orange);padding:.25rem}&:hover,&:focus-visible{background:transparent;color:var(--brand-orange)}}.copy-button-share[data-astro-cid-uearuesf]{[data-icon=share]{display:inline-flex}&[data-copied=true]{color:var(--brand-orange)}}.code-panel[data-astro-cid-cfnrb6pp]{--panel-content-height: 0px;--panel-content-max-height: min(28rem, 52dvh);position:relative;display:flex;align-self:start;gap:var(--gap-sm);min-block-size:0;padding-block-end:calc(var(--panel-content-height) + var(--padding-sm));.snippet{order:var(--snippet-order);&[open]{summary{--action-surface-bg: linear-gradient( 145deg, color-mix(in oklch, var(--brand-orange) 18%, transparent), transparent 54% ), var(--bg-gradient);border-color:color-mix(in oklch,var(--brand-orange) 58%,var(--border));color:var(--brand-orange);pointer-events:none}&::details-content{opacity:1;block-size:var(--panel-content-height)}}&::details-content{position:absolute;inset-block-start:calc(100% - var(--panel-content-height));inset-inline-start:0;inline-size:100%}summary{user-select:none;display:flex;align-items:center;justify-content:center;padding:var(--padding-sm) var(--padding);&::marker{content:""}&:hover,&:focus-visible{border-color:color-mix(in oklch,var(--brand-orange) 45%,var(--border))}}.content{position:relative;@media(width>1000px){block-size:100%;min-block-size:0}&:hover .copy-button{display:inline-flex}.copy-button{display:none}[data-code-content]{@media(width>1000px){block-size:100%;min-block-size:0}}.lab-code-panel__pre{scrollbar-width:thin;scrollbar-color:var(--brand-orange) transparent;margin:0;max-block-size:var(--panel-content-max-height);padding:var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);overflow:auto;font-size:1rem;line-height:1.55;color:light-dark(oklch(.26 .03 250),oklch(.93 .02 110));background:linear-gradient(180deg,light-dark(oklch(.98 .01 95 / .96),oklch(.24 .01 95 / .98)),light-dark(oklch(.95 .01 95 / .94),oklch(.2 .01 95 / .98)));box-shadow:var(--shadow-full);@media(width>1000px){box-sizing:border-box;block-size:100%}}code{display:block;font-family:var(--font-mono);white-space:pre}.tok-selector{color:light-dark(oklch(.48 .11 85),oklch(.82 .1 92))}.tok-function{color:light-dark(oklch(.58 .13 55),oklch(.82 .13 62))}.tok-property{color:light-dark(oklch(.56 .12 235),oklch(.8 .11 230))}.tok-tag{color:light-dark(oklch(.52 .1 70),oklch(.84 .08 88))}.tok-attribute{color:light-dark(oklch(.58 .13 40),oklch(.8 .13 38))}.tok-string,.tok-color{color:light-dark(oklch(.59 .13 35),oklch(.79 .14 45))}.tok-property{text-shadow:0 0 .02em currentColor}.tok-number{color:light-dark(oklch(.43 .07 150),oklch(.82 .06 145))}.tok-comment{color:light-dark(oklch(.5 .09 155),oklch(.72 .11 152))}.tok-keyword,.tok-value{color:light-dark(oklch(.43 .08 145),oklch(.84 .06 140))}.tok-punctuation{color:light-dark(oklch(.61 .03 250),oklch(.72 .04 230))}}}}.controls[data-astro-cid-l2yidunt]{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--brand-orange) transparent;position:relative;display:flex;flex-direction:column;gap:var(--gap);.reset-anchor{position:absolute;inset-inline-end:var(--gap);inset-block-start:var(--gap);display:inline-grid;+.lab-group-fields{border-start-end-radius:40px;corner-end-start-shape:var(--corner-shape);corner-start-end-shape:scoop;@supports not (corner-start-end-shape: scoop){margin-inline-end:var(--gap-lg);border-radius:var(--radius)}}}.reset-button{display:flex;background-color:transparent;border:none;padding:0;&.clicked{animation:clicked .3s linear forwards}&:hover{color:var(--brand-orange)}}.group{gap:var(--gap-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}label:has(+[data-control=unit]){font-size:1.1rem;font-weight:var(--fw-semibold)}.lab-field:has(color-input){grid-column:1 / -1}}@keyframes clicked{to{transform:rotate(-360deg);color:var(--brand-orange)}}.controls[data-astro-cid-l2yidunt]>[data-radio-group=properties],.controls[data-astro-cid-l2yidunt]>[data-controls-group=axis],.controls[data-astro-cid-l2yidunt]>[data-controls-group=individual],.controls[data-astro-cid-l2yidunt]>[data-radio-group=textDirection]{display:none}.controls[data-astro-cid-l2yidunt]>[data-radio-group=mode]:has(input:checked[value=individual],input:checked[value=axis])~[data-radio-group=properties]{display:block}.controls[data-astro-cid-l2yidunt]>[data-radio-group=mode]:has(input:checked[value=individual],input:checked[value=axis])~[data-controls-group=all]{display:none}.controls[data-astro-cid-l2yidunt]>[data-radio-group=mode]:has(input:checked[value=individual],input:checked[value=axis])~[data-radio-group=properties]:has(input:checked[value=logical])~[data-radio-group=textDirection]{display:block}.controls[data-astro-cid-l2yidunt]>[data-radio-group=mode]:has(input:checked[value=individual])~[data-controls-group=all]{display:none}.controls[data-astro-cid-l2yidunt]>[data-radio-group=mode]:has(input:checked[value=individual])~[data-controls-group=individual]{display:grid}.controls[data-astro-cid-l2yidunt]>[data-radio-group=mode]:has(input:checked[value=axis])~[data-controls-group=axis]{display:grid}.lab-field{display:grid;gap:var(--gap-sm);&:has(.range){gap:calc(var(--gap-sm) + 8px)}.header{display:flex;align-items:start;justify-content:space-between;gap:var(--gap);output{text-align:end;color:var(--on-brand-orange);font-weight:var(--fw-regular);background-color:var(--brand-orange);padding:var(--padding-sm);border-radius:var(--radius);corner-shape:var(--corner-shape);text-box:trim-both ex alphabetic}}.header--single{justify-content:start}label,p{font-weight:var(--fw-regular);text-box:trim-both cap alphabetic}select{max-inline-size:max-content}}.info-button[data-astro-cid-emxyrrjp]{appearance:none;padding:0;background-color:transparent;border:none;border-radius:var(--radius);corner-shape:var(--corner-shape);display:inline-grid;place-items:center;color:var(--text)}.info[data-astro-cid-emxyrrjp]{position:absolute;inset-block-start:anchor(center);inset-inline-start:calc(anchor(right) + 2px);margin:0;padding:var(--padding);border:var(--border-popover);border-start-end-radius:var(--radius);border-end-start-radius:var(--radius);border-end-end-radius:var(--radius);corner-start-end-shape:var(--corner-shape);corner-end-start-shape:var(--corner-shape);corner-end-end-shape:var(--corner-shape);background:var(--surface);box-shadow:var(--shadow-full);color:var(--text);max-width:40ch;opacity:0;transform:scale(0);transform-origin:top left;transition:opacity .2s ease-in-out,transform .2s ease-in-out,overlay .2s ease-in-out allow-discrete,display .2s ease-in-out allow-discrete;&:popover-open{opacity:1;transform:scale(1);@starting-style{opacity:0;transform:scale(0)}}}.ai-assistant[data-astro-cid-gl4lcil5]{display:contents;.trigger{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:.35rem .7rem;font-weight:var(--fw-semibold);svg{inline-size:1.25rem;block-size:1.25rem}}.panel{inline-size:min(32rem,calc(100dvi - 1rem));max-inline-size:none;block-size:calc(100dvb - var(--padding) * 2);max-block-size:none;margin-block:var(--padding) 0;margin-inline:auto 0;padding:0;border:0;background:transparent;color:var(--text);overflow:visible;opacity:0;transform:translate(100%);transition:display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete,opacity .3s ease-in-out,transform .3s ease-in-out;&[open]{opacity:1;transform:translate(0);@starting-style{opacity:0;transform:translate(100%)}&::backdrop{background:color-mix(in oklch,var(--bg) 52%,transparent);backdrop-filter:blur(4px);@starting-style{background:transparent;backdrop-filter:blur(0)}}}&::backdrop{background:transparent;backdrop-filter:blur(0);transition:background .3s ease-in-out,backdrop-filter .3s ease-in-out}}.panel-inner{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--gap);block-size:100%;padding:var(--padding);background:linear-gradient(150deg,color-mix(in oklch,var(--brand-blue) 18%,transparent),transparent 38%),color-mix(in oklch,var(--surface-strong) 96%,var(--bg));box-shadow:var(--shadow-full);border-start-start-radius:var(--radius);border-end-start-radius:var(--radius);corner-shape:var(--corner-shape)}.panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--gap);align-items:start;h2{font-size:1.35rem}p{color:var(--text-muted)}}.close-button{display:inline-grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;padding:0;box-shadow:var(--shadow-full);border:none;border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch,var(--surface) 92%,transparent);color:var(--text);&:hover,&:focus-visible{color:var(--brand-orange)}}.form{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:var(--gap);label{font-weight:var(--fw-semibold)}}textarea{inline-size:100%;min-block-size:3lh;max-block-size:8lh;field-sizing:content;resize:none;padding:var(--padding-sm) var(--padding);box-shadow:var(--shadow-full);border:none;border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch,var(--surface) 92%,transparent);color:var(--text);scrollbar-width:thin;&::placeholder{color:var(--text-muted)}&[aria-invalid=true]{border-color:var(--brand-orange)}}.submit-button,.suggestions button{border:none;box-shadow:var(--shadow-full);border-radius:var(--radius);corner-shape:var(--corner-shape);font-weight:var(--fw-semibold);&:disabled{cursor:not-allowed;opacity:.55}}.submit-button{padding:var(--padding-sm) var(--padding);background:var(--brand-orange);color:var(--on-brand-orange);&:hover:not(:disabled),&:focus-visible{background:color-mix(in oklch,var(--brand-blue) 22%,var(--brand-orange))}}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-sm);button{padding:.35rem .7rem;background:color-mix(in oklch,var(--brand-blue) 18%,var(--surface));color:var(--text);&:hover:not(:disabled),&:focus-visible{background:color-mix(in oklch,var(--brand-orange) 18%,var(--surface))}}}.answer{display:block;overflow:auto;padding:var(--padding);box-shadow:var(--shadow-full);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch,var(--bg-elevated) 88%,transparent);color:var(--text);scrollbar-width:thin;scrollbar-color:var(--brand-orange) transparent;&:empty{display:none}>:not(:last-child,hr){margin-block-end:var(--gap-sm)}code{padding:.1rem;border-radius:.5rem;corner-shape:var(--corner-shape);background:var(--brand-blue);color:var(--on-brand-blue)}pre{overflow:auto;padding:var(--padding-sm);border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch,var(--surface) 90%,transparent);scrollbar-width:thin;scrollbar-color:var(--brand-orange) transparent}pre code{color:var(--text);display:block;padding:0;background:transparent}hr{margin-block:1.5rem}}footer{color:var(--text-muted);text-align:center;line-height:1}}.lab-shell[data-astro-cid-laftc2av]{min-block-size:100%;block-size:100%;padding:var(--padding);display:grid;grid-template-rows:minmax(0,auto) minmax(0,1fr);@media(width<=87.5rem){padding:var(--padding-lg) 0}>:not(:last-child){margin-block-end:var(--gap)}.heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--gap);@media(width<=62.5rem){grid-template-columns:1fr}.heading-content{min-inline-size:0;@media(width<=62.5rem){order:2}>:not(:last-child){margin-block-end:calc(var(--gap) / 2)}h1{font-size:clamp(1.563rem,.938rem + 1.667vw,2.188rem)}}.header-actions{display:flex;align-items:center;gap:var(--gap);justify-self:end;@media(width<=62.5rem){order:1}:global(.action-hint-anchor){position:static!important;display:inline-grid;inset:auto}a{vertical-align:middle}}.copy-url-button,.issue-link{inline-size:1.5rem;block-size:1.5rem;display:inline-grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text);&:hover{color:var(--brand-orange)}:global(svg),svg{inline-size:100%;block-size:100%}}}.grid{min-block-size:0;block-size:100%;display:grid;grid-template-columns:28.5rem 1fr;grid-template-rows:minmax(0,1fr);gap:var(--gap-sm);@media(width<=62.5rem){grid-template-columns:1fr}.controls{padding:1rem;border-radius:var(--radius);corner-shape:var(--corner-shape);box-shadow:var(--shadow-full);background:color-mix(in oklch,var(--surface-strong) 90%,transparent)}.stack{display:grid;grid-template-rows:minmax(0,auto) minmax(0,1fr);min-block-size:0;>:not(:last-child){margin-block-end:var(--gap-sm)}}.baseline-slider{display:flex;align-items:stretch;gap:var(--gap-sm);inline-size:100%;min-inline-size:0;max-inline-size:100%;&.is-scrollable{overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:thin;padding-block-end:.25rem}}baseline-status-card{display:flex;flex:0 0 100%;min-inline-size:0;max-inline-size:100%;scroll-snap-align:start;scroll-snap-stop:always}.baseline-slider.is-scrollable baseline-status-card{flex-basis:calc(100% - clamp(1.5rem,5vi,3rem))}.preview-code{display:grid;grid-template-rows:1fr auto;gap:var(--gap-sm);min-block-size:0}.preview{position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;min-block-size:16.25rem;padding:var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);box-shadow:var(--shadow-full);background:radial-gradient(circle at top left,color-mix(in oklch,var(--brand-orange) 34%,transparent),transparent 42%),radial-gradient(circle at bottom right,color-mix(in oklch,var(--brand-blue) 30%,transparent),transparent 38%),color-mix(in oklch,var(--surface-strong) 92%,transparent)}}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}