html[data-storefront-demo-embedded] .demo-preview{display:none}html[data-storefront-demo-painting] *,html[data-storefront-demo-painting] :before,html[data-storefront-demo-painting] :after{transition:none!important}.demo-preview{--demo-rail-size:3rem;--demo-panel-width:min(26rem, calc(100vw - var(--demo-rail-size)));z-index:46;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.demo-preview>*{pointer-events:auto}.demo-preview__rail,.demo-preview__devices{z-index:2;border:var(--border-width) solid var(--border);background:var(--surface);color:var(--surface-foreground);box-shadow:var(--shadow-popover);border-inline-start:0;gap:.25rem;padding:.25rem;display:flex;position:absolute}.demo-preview__rail:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.demo-preview__rail:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.demo-preview__devices:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.demo-preview__devices:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.demo-preview__rail:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.demo-preview__rail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.demo-preview__devices:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.demo-preview__devices:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.demo-preview__rail{border-color:var(--primary);background:var(--primary);transition:background-color var(--hover-tempo) var(--hover-easing);flex-direction:column;padding:0;top:50%;translate:0 -50%}.demo-preview__rail:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card)}.demo-preview__rail:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card)}.demo-preview__rail:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card)}.demo-preview__rail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card)}.demo-preview[data-color-open] .demo-preview__rail{translate:var(--demo-panel-width) -50%;transition:translate var(--motion-duration) var(--motion-easing), background-color var(--hover-tempo) var(--hover-easing)}.demo-preview__devices{align-items:center;padding-block-end:calc(.25rem + env(safe-area-inset-bottom));bottom:0}.demo-preview__devices:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--radius-card)}.demo-preview__devices:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--radius-card)}.demo-preview__devices:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--radius-card)}.demo-preview__devices:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--radius-card)}.demo-preview[data-color-open] .demo-preview__devices:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--demo-panel-width)}.demo-preview[data-color-open] .demo-preview__devices:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--demo-panel-width)}.demo-preview[data-color-open] .demo-preview__devices:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--demo-panel-width)}.demo-preview[data-color-open] .demo-preview__devices:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--demo-panel-width)}@media (max-width:1023px),(hover:none),(pointer:coarse){.demo-preview__devices{display:none}}.demo-preview__key{width:2.75rem;height:3.5rem;color:var(--primary-foreground);place-items:center;display:grid}.demo-preview__key:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card);border-bottom-left-radius:0}.demo-preview__key:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card);border-bottom-left-radius:0}.demo-preview__key:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:0;border-top-left-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card);border-bottom-right-radius:0}.demo-preview__key:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:0;border-top-left-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card);border-bottom-right-radius:0}.demo-preview__key:hover{background:color-mix(in oklch, var(--primary-foreground) 18%, transparent)}.demo-preview__key:focus-visible{outline:var(--focus-ring-width) solid var(--ink-foreground);outline-offset:calc(-1 * var(--focus-ring-width))}.demo-preview__device{border-radius:var(--radius-control);width:2.5rem;height:2.5rem;color:var(--foreground);place-items:center;display:grid}.demo-preview__device:hover{background:var(--hover-on-card)}.demo-preview__device:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:calc(-1 * var(--focus-ring-width))}.demo-preview__device[aria-current]{background:var(--primary);color:var(--primary-foreground)}.demo-preview__glyph{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.demo-preview__panel{z-index:1;width:var(--demo-panel-width);background:var(--popover);height:min(44rem,100dvh - 1rem);color:var(--popover-foreground);box-shadow:var(--shadow-popover);animation:demo-preview-panel-in var(--motion-duration) var(--motion-easing) both;flex-direction:column;padding:0;display:flex;position:absolute;top:50%;overflow:hidden;translate:0 -50%}.demo-preview__panel:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card);left:0}.demo-preview__panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card);left:0}.demo-preview__panel:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card);right:0}.demo-preview__panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card);right:0}@keyframes demo-preview-panel-in{0%{translate:calc(var(--demo-panel-width) * -1) -50%}}.demo-preview__banner{background:var(--primary);color:var(--primary-foreground);transition:background-color var(--hover-tempo) var(--hover-easing);flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .5rem .75rem 1rem;display:flex}.demo-preview__banner-text{gap:.15rem;min-width:0;display:grid}.demo-preview__banner-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:560;overflow:hidden}.demo-preview__banner-code{margin:0;font-size:.8125rem}.demo-preview__panel-close{width:2.75rem;height:2.75rem;color:var(--primary-foreground);flex:none}.demo-preview__panel-close:hover{background:color-mix(in oklch, var(--primary-foreground) 18%, transparent);color:var(--primary-foreground)}.demo-preview__presets{grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem;display:grid}.demo-preview__preset{aspect-ratio:1;border:var(--border-width) solid var(--border);box-shadow:inset 0 0 0 4px var(--popover);transition:scale var(--hover-tempo) var(--hover-easing), border-color var(--hover-tempo) var(--hover-easing);border-radius:999px;place-items:center;display:grid}.demo-preview__preset:hover{scale:1.12}.demo-preview__preset[aria-checked=true]{border-color:var(--primary)}.demo-preview__preset-mark{color:var(--primary-foreground)}.demo-preview__custom{border-block-start:var(--border-width) solid var(--border);gap:.65rem;padding-block-start:1.5rem;display:grid}.demo-preview__field{border:var(--border-width) solid var(--input);border-radius:var(--radius-control);background:var(--background);height:3rem;transition:border-color var(--hover-tempo) var(--hover-easing);align-items:center;gap:.5rem;padding:.25rem .25rem .25rem 1rem;display:flex}.demo-preview__field:focus-within{border-color:var(--ring)}.demo-preview__field:has(.demo-preview__field-input:focus-visible){outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-gap)}.demo-preview__field[data-invalid]{border-color:var(--destructive)}.demo-preview__field-input{min-width:0;height:100%;color:var(--foreground);letter-spacing:.02em;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;font-size:1rem}.demo-preview__field-input::placeholder{color:var(--muted-foreground);text-transform:none}.demo-preview__picker{border:var(--border-width) solid var(--border);border-radius:var(--radius-control);background:0 0;flex:none;width:2.5rem;height:2.5rem;padding:0;overflow:hidden}.demo-preview__picker::-webkit-color-swatch-wrapper{padding:0}.demo-preview__picker::-webkit-color-swatch{border:0;border-radius:0}.demo-preview__picker::-moz-color-swatch{border:0;border-radius:0}.demo-preview__hint{font-size:var(--text-label);color:var(--muted-foreground);margin:0;line-height:1.35}.demo-preview__hint[data-invalid]{color:var(--destructive)}.demo-preview__footer{border-block-start:var(--border-width) solid var(--border);padding-block-start:1.25rem;display:grid}.demo-preview__reset{background:var(--background);justify-content:center;width:100%;height:3rem;padding-inline-start:.75rem;padding-inline-end:.75rem}.demo-preview__reset:hover{background:var(--hover-on-card)}html[data-storefront-demo-frame=tablet] :has(>[data-demo-preview-toolbar])>:not([data-demo-preview-toolbar]){display:none}html[data-storefront-demo-frame=mobile] :has(>[data-demo-preview-toolbar])>:not([data-demo-preview-toolbar]){display:none}html[data-storefront-demo-frame=tablet] body,html[data-storefront-demo-frame=mobile] body{background:var(--surface-subtle);overflow:hidden}.demo-preview__stage{pointer-events:auto;place-items:start center;padding:clamp(1rem,3vw,2.5rem);padding-block-end:clamp(4.5rem,7vw,6rem);padding-inline-start:clamp(4.5rem,7vw,6rem);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.demo-preview__hardware{width:max-content;padding:var(--demo-bezel-pad);border-radius:var(--demo-bezel-radius);background:var(--ink);transform:scale(var(--demo-frame-scale,1));transform-origin:top;position:relative}.demo-preview__hardware[data-device=tablet]{--demo-bezel-pad:1.35rem;--demo-bezel-radius:1.85rem;--demo-bezel-key:3.5rem}.demo-preview__hardware[data-device=mobile]{--demo-bezel-pad:.8rem;--demo-bezel-radius:2.4rem;--demo-bezel-key:2.75rem}.demo-preview__hardware:before,.demo-preview__hardware:after{content:"";background:var(--ink);width:.2rem;position:absolute}.demo-preview__hardware:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;right:-.2rem}.demo-preview__hardware:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;right:-.2rem}.demo-preview__hardware:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;right:-.2rem}.demo-preview__hardware:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;right:-.2rem}.demo-preview__hardware:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;left:-.2rem}.demo-preview__hardware:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;left:-.2rem}.demo-preview__hardware:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;left:-.2rem}.demo-preview__hardware:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;left:-.2rem}.demo-preview__hardware:before{height:calc(var(--demo-bezel-key) * .45);top:12%}.demo-preview__hardware:after{height:var(--demo-bezel-key);top:calc(12% + var(--demo-bezel-key) * .62)}.demo-preview__camera{background:var(--ink-muted-foreground);border-radius:999px;width:.4rem;height:.4rem;position:absolute;top:calc(var(--demo-bezel-pad) / 2);translate:-50% -50%}.demo-preview__camera:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.demo-preview__camera:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}.demo-preview__camera:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.demo-preview__camera:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.demo-preview__viewport{width:var(--demo-frame-width);height:var(--demo-frame-height);border-radius:calc(var(--demo-bezel-radius) - var(--demo-bezel-pad));background:var(--background);border:0;display:block}.demo-preview__fallback{border:var(--border-width) solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:var(--surface-foreground);justify-items:center;gap:.75rem;padding:1.5rem;display:grid}.demo-preview__fallback-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (prefers-reduced-motion:reduce){.demo-preview__panel{animation:none}.demo-preview[data-color-open] .demo-preview__rail,.demo-preview__preset{transition:none}.demo-preview__preset:hover{scale:none}}.demo-preview__design{flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex;overflow:hidden}.demo-preview__design>.design-controls{flex-direction:column;flex:1;gap:1.25rem;min-height:0;display:flex}.demo-preview__design .design-controls>:not(.design-controls__section){flex:none}.demo-preview__design .design-controls__section{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;padding:0;padding-inline-end:.75rem;overflow-y:auto}.demo-preview__design .design-controls :focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}.demo-preview__design .design-controls__fields,.demo-preview__design .design-controls__details-body{gap:1.5rem}.demo-preview__design .design-controls__field,.demo-preview__design .settings-select,.demo-preview__design .design-controls__fill label{gap:.375rem}.demo-preview__design .design-controls__field{margin:0}.demo-preview__design .design-controls__details{border-radius:var(--radius-control);background:var(--background);border:0;margin-block-start:1.5rem}.demo-preview__design .design-controls__fields>.design-controls__details{margin-block-start:0}.demo-preview__design .design-controls__details>summary{border-radius:var(--radius-control);background:0 0;padding:.625rem .75rem;font-size:.9375rem;font-weight:650;line-height:1.4}.demo-preview__design .design-controls__details>summary:hover{background:var(--hover-on-card)}.demo-preview__design .design-controls__details[open]>summary{color:var(--card-foreground)}.demo-preview__design .design-controls__details-body{padding:.25rem .75rem 1rem}.demo-preview__design .design-controls__details :-webkit-any([data-slot=input],[data-slot=select-trigger]){background:var(--card)}.demo-preview__design .design-controls__details :is([data-slot=input],[data-slot=select-trigger]){background:var(--card)}.demo-preview__design .design-controls__fill,.demo-preview__design .design-controls__stop{border:0}.demo-preview__design .design-controls__fill{gap:1rem;padding-block-start:.75rem}.demo-preview__design .design-controls__fill legend{font-size:1rem;font-weight:650;line-height:1.4}.demo-preview__design .design-controls__stop{gap:1rem;padding-block-start:0;padding-block-end:0}.demo-preview__design .design-controls__stop+.design-controls__stop{margin-block-start:.5rem}.demo-preview__design .design-controls__shapes{margin-block-end:1.5rem}.demo-preview__design .design-controls__section>.design-controls__restore{width:100%;margin-block-start:1rem}@media (max-height:30rem){.demo-preview__design{overscroll-behavior:contain;overflow-y:auto}.demo-preview__design>.design-controls{flex:none}.demo-preview__design .design-controls__section{flex:none;overflow:visible}}