.mintform{--mintform-size-scale:calc(var(--mintform-size) / 160px);--mintform-half-thickness:calc(var(--mintform-thickness) / 2);width:var(--mintform-size);height:var(--mintform-size);flex:0 0 var(--mintform-size);isolation:isolate;position:relative}.mintform__idle-track{position:absolute;inset:0}.mintform__face{--mintform-face-base:color-mix(in oklab, var(--mintform-material-base-raw), var(--mintform-material-shadow-raw) calc(var(--mintform-face-shade,0) * 100%));--mintform-face-mid:color-mix(in oklab, var(--mintform-material-mid-raw), var(--mintform-material-shadow-raw) calc(var(--mintform-face-shade,0) * 100%));--mintform-face-shadow:color-mix(in oklab, var(--mintform-material-shadow-raw), #000 calc(var(--mintform-face-shade,0) * 30%));--mintform-face-highlight:color-mix(in oklab, var(--mintform-material-highlight-raw), var(--mintform-material-base-raw) calc(var(--mintform-face-shade,0) * 100%));--mintform-face-depth-highlight:color-mix(in oklab, var(--mintform-material-depth-highlight-raw), var(--mintform-material-shadow-raw) calc(var(--mintform-face-shade,0) * 100%));--mintform-material-base:var(--mintform-face-base);--mintform-material-mid:var(--mintform-face-mid);--mintform-material-shadow:var(--mintform-face-shadow);--mintform-material-highlight:var(--mintform-face-highlight);--mintform-material-depth-highlight:var(--mintform-face-depth-highlight)}.mintform__body{width:var(--mintform-size);height:var(--mintform-size);transform-style:preserve-3d;position:absolute}.mintform__face{border-radius:50%;position:absolute;inset:0;overflow:hidden}.mintform__face--front{transform:translateZ(var(--mintform-half-thickness))}.mintform__face--back{transform:rotateY(180deg) translateZ(var(--mintform-half-thickness))}.mintform__face-inner--front{transform:rotateY(180deg) translateZ(calc(var(--mintform-half-thickness) * -1))}.mintform__face-inner--back{transform:translateZ(calc(var(--mintform-half-thickness) * -1));background-color:#fff}.mintform__face-outer,.mintform__face-rim,.mintform__face-inner-ring,.mintform__face-surface,.mintform__face-clean{border-radius:inherit;position:absolute}.mintform__face-clean{background:var(--mintform-material-base);inset:0}.mintform__face-outer{background-image:var(--mintform-face-outer-gradient);inset:0}.mintform__face-rim{inset:var(--mintform-rim-inset);background-image:var(--mintform-face-rim-gradient)}.mintform__face-inner-ring{inset:var(--mintform-inner-ring-inset);background-image:var(--mintform-face-inner-gradient)}.mintform__face-surface{inset:var(--mintform-surface-inset);background-image:var(--mintform-face-surface-gradient)}.mintform__face-surface:before{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.mintform__face--front .mintform__face-surface:before{box-shadow:inset calc(var(--mintform-shadow-x,0px) * -2) 0 var(--mintform-face-shadow),inset calc(var(--mintform-shadow-x,0px) * -2) 0 calc(4px * var(--mintform-size-scale)) #000c}.mintform__face--back .mintform__face-surface:before{box-shadow:inset calc(var(--mintform-shadow-x,0px) * 2) 0 var(--mintform-face-shadow),inset calc(var(--mintform-shadow-x,0px) * 2) 0 calc(4px * var(--mintform-size-scale)) #000c}.mintform__logo{width:var(--mintform-size);height:var(--mintform-size);color:color-mix(in oklab,var(--mintform-logo-color),var(--mintform-material-shadow-raw) calc(var(--mintform-face-shade,0) * 25%));clip-path:circle(var(--mintform-logo-clip-radius) at center);position:absolute;inset:0}.mintform__logo-content{width:100%;height:100%;transform:var(--mintform-logo-transform,none);transform-origin:50%;position:absolute;inset:0}.mintform__logo-content>*{width:100%;height:100%;display:block}.mintform__logo circle,.mintform__logo path{fill:currentColor}.mintform__edge-shell{transform-style:preserve-3d;position:absolute;inset:0}.mintform__edge-slice{--mintform-slice-color:var(--mintform-edge-primary);--mintform-face-color:color-mix(in oklab, var(--mintform-slice-color), var(--mintform-material-shadow-raw) calc(var(--mintform-edge-shade,0) * 100%));top:calc(50% - var(--mintform-half-thickness));left:calc(50% - var(--mintform-edge-panel-width) / 2);width:var(--mintform-edge-panel-width);height:var(--mintform-thickness);background:linear-gradient(90deg,color-mix(in oklab,var(--mintform-face-color),#000 12%),var(--mintform-face-color) 32% 68%,color-mix(in oklab,var(--mintform-face-color),#fff 10%));transform:rotate(calc(var(--mintform-slice-index) * 1turn / var(--mintform-segments))) translateY(calc(var(--mintform-edge-panel-radius) * -1)) rotateX(90deg);backface-visibility:hidden;position:absolute}.mintform__edge-slice[data-band=alternate]{--mintform-slice-color:var(--mintform-edge-alternate)}.mintform__edge-slice:before,.mintform__edge-slice:after{content:none}.mintform__shadow-anchor{right:50%;bottom:calc(var(--mintform-shadow-bottom) * -1 * var(--mintform-size-scale));width:75%;height:1px;position:absolute;transform:translate(50%)}.mintform__shadow-angle-track,.mintform__shadow-idle-track{transform-origin:50%;width:100%;height:100%}.mintform__shadow-idle-track{opacity:var(--mintform-shadow-base-opacity);justify-content:center;display:flex}.mintform__shadow{background:var(--mintform-shadow-color);width:100%;height:100%;box-shadow:0 0 var(--mintform-shadow-blur) var(--mintform-shadow-spread) var(--mintform-shadow-color);border-radius:50%}.mintform__hit-area{z-index:100000;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:100%;height:100%;padding:0;position:absolute;inset:0}.mintform__hit-area:focus-visible{outline:2px solid var(--mintform-focus-ring,#fff);outline-offset:5px}.mintform__body,.mintform__shadow-angle-track{will-change:auto}@keyframes mintform-idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--mintform-idle-height) * -1))}}@keyframes mintform-shadow-bounce{0%,to{opacity:var(--mintform-shadow-base-opacity);transform:scale(1)}50%{opacity:var(--mintform-shadow-bounce-opacity);transform:scale(var(--mintform-shadow-bounce-scale))}}.mintform[data-mintform-idle=bounce] .mintform__idle-track,.mintform[data-mintform-idle=bounce] .mintform__shadow-idle-track{animation-duration:var(--mintform-idle-duration);animation-timing-function:cubic-bezier(.45,0,.55,1);animation-delay:var(--mintform-idle-delay);animation-iteration-count:infinite;animation-play-state:paused}.mintform[data-mintform-idle=bounce] .mintform__idle-track{animation-name:mintform-idle-bounce}.mintform[data-mintform-idle=bounce] .mintform__shadow-idle-track{animation-name:mintform-shadow-bounce}.mintform[data-mintform-visible=true] .mintform__idle-track,.mintform[data-mintform-visible=true] .mintform__shadow-idle-track{animation-play-state:running}.mintform__face-field{z-index:2;border-radius:inherit;background-image:linear-gradient(to bottom,transparent var(--mintform-field-transparent-at),var(--mintform-field-overlay) var(--mintform-field-opaque-at));mix-blend-mode:color;pointer-events:none;position:absolute;inset:0}.mintform__logo{z-index:3}.mintform__edge-slice{background:linear-gradient(var(--mintform-ridge-field-overlay),var(--mintform-ridge-field-overlay)),linear-gradient(90deg,color-mix(in oklab,var(--mintform-face-color),#000 12%),var(--mintform-face-color) 32% 68%,color-mix(in oklab,var(--mintform-face-color),#fff 10%));background-blend-mode:color}.mintform__edge-shell[data-finish=smooth] .mintform__edge-slice{background:linear-gradient(var(--mintform-ridge-field-overlay),var(--mintform-ridge-field-overlay)),var(--mintform-face-color);background-blend-mode:color}.mintform[data-mintform-animating=true] .mintform__body,.mintform[data-mintform-animating=true] .mintform__shadow-angle-track{will-change:transform}.mintform[data-mintform-drag=true] .mintform__hit-area{cursor:grab;touch-action:none}.mintform[data-mintform-dragging=true] .mintform__hit-area{cursor:grabbing}@media (prefers-reduced-motion:reduce){.mintform[data-mintform-idle=bounce] .mintform__idle-track,.mintform[data-mintform-idle=bounce] .mintform__shadow-idle-track{animation:none}}@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Regular-Crq_kbPk.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Medium-Ci8G7la9.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Semibold-DFJ5egKh.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Bold-BeFL_mDB.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--sans:"Open Runde", Inter, ui-sans-serif, system-ui, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;color:#171a1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Open Runde,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:#fff;min-inline-size:20rem}body{min-block-size:100svh;min-inline-size:20rem;margin:0}button,input{font:inherit}button,input[type=range],input[type=color]{-webkit-tap-highlight-color:transparent}.page-shell{--page:#fff;--surface:#f7f8fa;--surface-soft:#eef1f5;--surface-strong:#e1e6ed;--surface-elevated:#fff;--text:#171a1f;--text-secondary:#505966;--text-tertiary:#77818f;--control-label:#667283;--control-value:#2f3a48;--control-rail:#dbe2ea;--control-fill:#c9d2dd;--control-thumb:#596777;--control-trailing-width:9.5rem;--icon-muted:#7a8593;--icon-hover:#242b34;--focus:#1976f3;--accent:#252a32;--shadow:0 1.25rem 3.5rem #00000038;--popover-shadow:0 .75rem 1.75rem #222d3a24;--color-popover-shadow:0 1.5rem 3rem #222d3a42, 0 .375rem 1rem #222d3a24;--type-xs:.75rem;--type-sm:.8125rem;--type-base:.9375rem;--type-md:1.0625rem;--type-lg:1.25rem;--type-xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;overflow-anchor:none;min-block-size:100svh;color:var(--text);font-family:var(--sans);background:0 0}.page-shell--dark{--page:#0f0f0f;--surface:#181818;--surface-soft:#212121;--surface-strong:#292929;--surface-elevated:#282828;--text:#f1f1f1;--text-secondary:#aaa;--text-tertiary:#717171;--control-label:#aaa;--control-value:#f1f1f1;--control-rail:#3f3f3f;--control-fill:#606060;--control-thumb:#f1f1f1;--icon-muted:#aaa;--icon-hover:#f1f1f1;--focus:#3ea6ff;--accent:#3ea6ff;--shadow:0 1.5rem 4.5rem #00000080;--popover-shadow:0 .75rem 2rem #0000007a;--color-popover-shadow:0 1.5rem 3rem #00000094, 0 .375rem 1rem #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.vault-app-root{--layer-shared-element:30;--layer-component-chrome:40;isolation:isolate;background-color:#fff;min-block-size:100svh;position:relative;overflow-x:clip}.vault-app-root:before{z-index:0;content:"";opacity:0;pointer-events:none;background:#0f0f0f;transition:opacity .24s;position:fixed;inset:0}.vault-app-root:has(>.route-chrome>.page-shell--dark):before{opacity:1}.route-chrome{z-index:1;position:relative}.component-page,.vault-page{padding-block:var(--space-12) 4rem;margin-inline:auto}.component-page{inline-size:min(100% - 2.5rem,38rem)}.vault-page{inline-size:min(100% - 2.5rem,33rem)}.page-shell h1,.page-shell h2,.page-shell p{margin-block-start:0}.page-shell h1,.page-shell h2{letter-spacing:-.035em;margin-block-end:0;font-weight:600}.page-shell h1{font-size:var(--type-xl);line-height:1.15}.page-shell h2{font-size:var(--type-md);line-height:1.3}.lede{max-inline-size:39rem;margin-block:var(--space-2) 0;color:var(--text-secondary);font-size:var(--type-base);line-height:1.5}.lede--after-preview{margin-block-start:var(--space-4)}.aave-reference{vertical-align:.08em;align-items:center;text-decoration:none;transition:opacity .15s,transform .15s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.aave-brand-mark{block-size:.625rem;inline-size:auto;display:block}.aave-reference:hover,.aave-reference:focus-visible{opacity:.78}.aave-reference:active{transform:scale(.98)}.aave-reference:focus-visible{outline:2px solid var(--focus);outline-offset:.1875rem}.section-heading h2,.code-section>h2{color:var(--text)}.studio-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:2.5rem;margin-block-end:var(--space-4);display:flex}.studio-header h1{color:var(--text);font-size:var(--type-md);line-height:1.3}.studio-close{block-size:2.25rem;inline-size:2.25rem;color:var(--icon-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;text-decoration:none;transition-property:background-color,color,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);display:grid}@media (hover:hover) and (pointer:fine){.studio-close:hover{background:var(--surface-soft);color:var(--icon-hover)}}.studio-close:active{transform:scale(.97)}.studio-close:focus-visible{background:var(--surface-soft);color:var(--icon-hover);outline:2px solid var(--focus);outline-offset:.1875rem}.studio{display:block}.vault-intro{max-inline-size:32rem}.vault-intro p{margin-block:var(--space-2) 0;color:var(--text-secondary);font-size:var(--type-base);line-height:1.5}.vault-collection{margin-block-start:var(--space-12)}.vault-collection>h2{margin-block-end:var(--space-4)}.vault-grid{gap:var(--space-4);display:grid}.vault-entry{content-visibility:auto;contain-intrinsic-size:auto 16.25rem}.vault-card{background:var(--surface);color:var(--text);text-decoration:none;transition:background-color .16s ease-out,transform .18s cubic-bezier(.25,.46,.45,.94);display:grid;overflow:hidden}.vault-card-preview{background:var(--surface);place-items:center;min-block-size:12.5rem;display:grid;overflow:hidden}.vault-card-preview--orbloom{background:#181818}.vault-card[data-card-theme=dark]{color:#f1f1f1;background:#181818}.vault-card[data-card-theme=dark] .vault-card-copy{background:#212121}.vault-card[data-card-theme=dark] .vault-card-copy strong{color:#f1f1f1}.vault-card[data-card-theme=dark] .vault-card-copy small,.vault-card[data-card-theme=dark] .vault-card-open{color:#aaa}.page-shell--dark .component-preview__canvas{background:#181818}.page-shell--dark .control-group>.smooth-surface,.page-shell--dark .color-trigger,.page-shell--dark .select-trigger,.page-shell--dark .range-control,.page-shell--dark .toggle-control{background:#212121}.page-shell--dark .color-trigger:hover,.page-shell--dark .color-trigger:focus-visible,.page-shell--dark .select-trigger:hover,.page-shell--dark .select-trigger:focus-visible,.page-shell--dark .range-control:hover,.page-shell--dark .range-control:focus-within,.page-shell--dark .toggle-control:hover,.page-shell--dark .toggle-control:focus-within{background:#292929}.page-shell--dark .select-menu,.page-shell--dark .color-popover{background:#282828}.page-shell--dark .select-options{overscroll-behavior:contain;scrollbar-color:#606060 transparent;scrollbar-width:thin;max-block-size:18.5rem;overflow-y:auto}.microphone-status--active{color:var(--text-secondary)}.microphone-status--error{color:#ff8a80}.vault-card-copy{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:3.75rem;padding:.375rem var(--space-4);background:var(--surface-soft);display:flex}.vault-card-copy>span:first-child{gap:var(--space-1);min-inline-size:0;display:grid}.vault-card-copy strong{font-size:var(--type-md);letter-spacing:-.02em;font-weight:600;line-height:1.25}.vault-card-copy small{color:var(--text-secondary);font-size:var(--type-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.vault-card-open{block-size:2.25rem;inline-size:2.25rem;color:var(--icon-muted);flex:none;place-items:center;transition:color .16s ease-out,transform .18s cubic-bezier(.25,.46,.45,.94);display:grid}@media (hover:hover) and (pointer:fine){.vault-card[href]:hover{background:var(--surface-soft);transform:translateY(-.125rem)}.vault-card[data-card-theme=dark]:hover{background:#181818}.vault-card[data-card-theme=dark]:hover .vault-card-copy{background:#292929}.vault-card:hover .vault-card-open{color:var(--text);transform:translate(.1875rem)}.vault-card[data-card-theme=dark]:hover .vault-card-open{color:#f1f1f1}}.vault-card:active{transform:scale(.99)}.vault-card:focus-visible{outline:2px solid var(--focus);outline-offset:.25rem}.route-loading{color:var(--text-tertiary);font-size:var(--type-sm)}.shared-element-slot{inline-size:min(var(--shared-element-slot-size), 100%);aspect-ratio:1;pointer-events:none;flex:none;block-size:auto}.shared-element{z-index:var(--layer-shared-element);visibility:hidden;transform-origin:0 0;position:absolute;inset-block-start:0;inset-inline-start:0}.shared-element[data-placed=true]{visibility:visible}.shared-element[data-interactive=false]{pointer-events:none}.shared-element[data-interactive=true]{pointer-events:auto}.shared-element[data-transitioning=true]{pointer-events:none;will-change:transform}.shared-element__scale{transform-origin:0 0;block-size:100%;inline-size:100%;position:absolute;inset:0}.shared-element[data-transitioning=true] .shared-element__scale{will-change:transform}.shared-element__scale>.mintform,.shared-element__scale>.orbloom-host{position:absolute;inset:0}.orbloom-host,.orbloom-host .orb-motion{block-size:100%;inline-size:100%}.orbloom-host{isolation:isolate;position:relative}.orbloom-host .orb-motion{--orb-diameter:100%;--orb-shell-blur:1rem;--orb-motion-distance:-.375rem}.orbloom-shared-element[data-presentation=card] .orb-chrome{opacity:.28}.mintform-shared-element .mintform__shadow-anchor{transition:opacity .11s ease-out}.mintform-shared-element[data-presentation=card] .mintform__shadow-anchor{opacity:0}.mintform-shared-element[data-transitioning=true][data-presentation-from=card][data-presentation-to=detail] .mintform__shadow-anchor{transition-delay:45ms}.controls-section{margin-block-start:var(--space-8)}.section-heading--controls{margin-block-end:var(--space-4)}.component-preview{background:var(--surface);display:block;overflow:hidden}.panel-topline,.inspector-heading{display:none}.component-preview__canvas{background:var(--surface);flex-direction:column;min-block-size:clamp(22rem,50vw,27rem);display:flex;position:relative;overflow:hidden}.component-preview__actions{z-index:var(--layer-component-chrome);justify-content:flex-end;align-self:stretch;gap:var(--space-2);padding:var(--space-4) var(--space-4) 0;flex:none;display:flex;position:relative}.component-preview__viewport{min-block-size:0;min-inline-size:0;padding:var(--space-3) var(--space-4) var(--space-4);flex:1;place-items:center;display:grid}.preview-action,.quiet-button,.advanced-toggle{cursor:pointer;font-family:var(--sans);border:0}.preview-action{min-block-size:2.5rem;padding-inline:var(--space-4);background:var(--surface-soft);color:var(--text-secondary);font-size:var(--type-xs);justify-content:center;align-items:center;font-weight:600;line-height:1;transition:background-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:inline-flex}.preview-action:disabled{cursor:default}.preview-action--spin{background:var(--surface-soft);color:var(--text-secondary)}.preview-action:hover,.preview-action:focus-visible,.preview-action--spin:hover,.preview-action--spin:focus-visible{background:var(--surface-strong);color:var(--text)}.preview-action:active,.quiet-button:active,.advanced-toggle:active,.resource-link:active{transform:scale(.97)}.component-preview__footer{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-4);background:var(--surface);color:var(--text-tertiary);font-size:var(--type-sm);line-height:1.25;display:flex}.component-preview__footer p{margin:0}.interaction-status-icon{color:var(--icon-muted);flex:none}.inspector,.control-scroll{background:0 0}.inspector{min-inline-size:0;container:controls/inline-size}.control-scroll{padding:0}.control-group{border:0;min-inline-size:0;margin:0;padding:0}.control-group+.control-group{margin-block-start:var(--space-6)}.control-group legend{color:var(--text-secondary);font-size:var(--type-sm);padding:0;font-weight:600;line-height:1.35}.control-group>*+*{margin-block-start:var(--space-2)}.control-group legend+*{margin-block-start:var(--space-4)}.control-group--quick legend+*{margin-block-start:0}.advanced-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:2.625rem;inline-size:100%;margin-block:var(--space-4);padding-inline:var(--space-3);color:var(--control-label);font-size:var(--type-sm);text-align:start;background:0 0;font-weight:500;transition:background-color .15s,color .15s,transform .15s cubic-bezier(.25,.46,.45,.94);display:flex}.advanced-toggle:hover,.advanced-toggle:focus-visible,.advanced-toggle[aria-expanded=true]{background:var(--surface-soft);color:var(--control-value)}.advanced-chevron{color:var(--icon-muted);flex:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),color .16s ease-out}.advanced-toggle[aria-expanded=true] .advanced-chevron{color:var(--text);transform:rotate(180deg)}.advanced-controls{padding-block-end:var(--space-5)}.advanced-controls .control-group+.control-group{margin-block-start:var(--space-8)}.control-note{margin:var(--space-2) var(--space-1) 0;color:var(--text-tertiary);font-size:var(--type-xs);line-height:1.45}.control-group>.control-reveal{margin-block-start:0}.control-group>.control-reveal.is-visible{margin-block-start:var(--space-2)}.control-reveal{--reveal-height:0px;--reveal-duration:.22s;--reveal-ease:cubic-bezier(.25, 1, .5, 1);opacity:0;pointer-events:none;transition:grid-template-rows var(--reveal-duration) var(--reveal-ease), height var(--reveal-duration) var(--reveal-ease), margin-block-start var(--reveal-duration) var(--reveal-ease), opacity .2s ease-out, transform var(--reveal-duration) var(--reveal-ease);grid-template-rows:0fr;display:grid;overflow:hidden;transform:translateY(-.25rem)}.control-reveal--advanced{--reveal-duration:.22s;height:var(--reveal-height);display:block}.control-reveal.is-visible{opacity:1;pointer-events:auto;grid-template-rows:1fr;transform:translateY(0)}.control-reveal-inner{min-block-size:0;overflow:hidden}.control-reveal-inner>*+*{margin-block-start:var(--space-2)}.control-reveal-inner>.control-reveal{margin-block-start:0}.control-reveal-inner>.control-reveal.is-visible{margin-block-start:var(--space-2)}.control-reveal:has(.color-control.is-open){z-index:80;position:relative;overflow:visible}.control-reveal:has(.color-control.is-open)>.control-reveal-inner{overflow:visible}.range-control,.toggle-control,.segmented-control,.color-trigger,.select-trigger{background:var(--surface);min-block-size:2.625rem;color:var(--control-label);font-size:var(--type-sm);transition:background-color .15s,box-shadow .15s,color .15s;position:relative}.range-control,.toggle-control{isolation:isolate}.segmented-control{grid-template-columns:minmax(0, 1fr) var(--control-trailing-width);align-items:center;gap:var(--space-3);min-block-size:2.625rem;padding:.3125rem var(--space-3);display:grid}.segmented-options{background:var(--surface-soft);grid-auto-columns:minmax(4.5rem,1fr);grid-auto-flow:column;gap:.1875rem;inline-size:100%;padding:.1875rem;display:grid}.segmented-option{min-block-size:1.875rem;padding-inline:var(--space-2);color:var(--control-label);cursor:pointer;font-size:var(--type-sm);background:0 0;place-items:center;font-weight:500;line-height:1;transition:background-color .14s ease-out,color .14s ease-out,transform .14s cubic-bezier(.25,.46,.45,.94),box-shadow .14s ease-out;display:grid;position:relative}.segmented-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.segmented-option.is-selected{background:var(--surface-elevated);color:var(--control-value);box-shadow:0 1px .25rem #222d3a1a}@media (hover:hover) and (pointer:fine){.segmented-option:not(.is-selected):hover{color:var(--control-value)}}.segmented-option:active{transform:scale(.97)}.segmented-option:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--focus);color:var(--control-value)}.range-control{grid-template-columns:minmax(0, 1fr) var(--control-trailing-width);column-gap:var(--space-3);min-block-size:3.5rem;padding:.625rem var(--space-3);grid-template-rows:1.125rem .875rem;align-items:center;row-gap:.375rem;display:grid}.range-control .control-leading{grid-area:1/1}.control-leading{min-inline-size:0;display:block}.control-icon{color:var(--icon-muted);flex:none;transition:color .16s ease-out}.control-label{min-inline-size:0;color:var(--control-label);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.range-track{--range-rail-size:.75rem;grid-area:2/1/auto/-1;block-size:.875rem;min-inline-size:0;display:block;position:relative}.range-track input{z-index:3;cursor:ew-resize;opacity:.001;block-size:calc(100% + .625rem);inline-size:100%;margin:0;position:absolute;inset-block:-.3125rem;inset-inline:0}.range-rail,.range-fill{block-size:var(--range-rail-size);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.range-rail{z-index:0;background:var(--control-rail);inline-size:100%;box-shadow:none}.range-fill{z-index:0;inline-size:var(--control-progress);background:var(--control-fill);border-radius:calc(var(--range-rail-size) / 2)}.range-thumb{z-index:1;inline-size:.1875rem;block-size:calc(var(--range-rail-size) - .125rem);background:var(--control-thumb);box-shadow:none;pointer-events:none;transform-origin:50%;transition:transform .14s cubic-bezier(.25,.46,.45,.94),background-color .14s ease-out,box-shadow .14s ease-out;position:absolute;inset-block-start:50%;inset-inline-start:var(--control-progress);transform:translate(-50%,-50%)scaleX(1)}.range-control:focus-within .range-thumb{background:var(--control-value);box-shadow:none;transform:translate(-50%,-50%)scaleX(1.35)}@media (hover:hover) and (pointer:fine){.range-control:hover .range-thumb{background:var(--control-value);box-shadow:none;transform:translate(-50%,-50%)scaleX(1.35)}}.range-value{min-inline-size:4.25rem;color:var(--control-value);font-family:var(--mono);font-size:var(--type-xs);font-variant-numeric:tabular-nums;text-align:end;grid-area:1/2;justify-content:flex-end;align-items:baseline;gap:.125rem;font-weight:500;display:inline-flex}.range-value input{appearance:textfield;inline-size:3.25rem;min-inline-size:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:end;background:0 0;border:0;outline:0;margin:0;padding:0}.range-value input::-webkit-inner-spin-button{appearance:none;margin:0}.range-value input::-webkit-outer-spin-button{appearance:none;margin:0}.color-control,.select-control{z-index:0;position:relative}.color-control.is-open{z-index:90}.color-trigger,.select-trigger{justify-content:space-between;align-items:center;gap:var(--space-3);inline-size:100%;padding-inline:var(--space-3);cursor:pointer;font-family:var(--sans);text-align:start;border:0;display:flex}.color-trigger{grid-template-columns:minmax(0, 1fr) var(--control-trailing-width);display:grid}.select-trigger{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--control-trailing-width) - 1.5rem)) auto;gap:var(--space-2);display:grid}.color-value{justify-content:flex-end;align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.color-value code{color:var(--control-value);font-family:var(--mono);font-size:var(--type-xs);font-weight:500}.color-swatch{block-size:1rem;inline-size:1rem}.color-popover-shell{z-index:100;inline-size:min(16rem,100vw - 2rem);filter:drop-shadow(var(--color-popover-shadow));opacity:1;transform-origin:100% 0;transition:opacity .18s cubic-bezier(.19,1,.22,1),transform .18s cubic-bezier(.19,1,.22,1);position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;transform:translateY(0)scale(1)}.color-popover-shell:before{z-index:-1;content:"";filter:blur(1.125rem);opacity:.7;pointer-events:none;background:#4d5b6d2e;border-radius:1.5rem;position:absolute;inset:.5rem -.25rem -1.25rem}.color-popover{gap:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);display:grid}.color-popover .react-colorful{block-size:10rem;inline-size:100%}.color-popover .react-colorful__saturation{border-radius:.5rem .5rem 0 0}.color-popover .react-colorful__hue{block-size:.75rem;border-radius:999px;margin-block-start:var(--space-2)}.color-popover .react-colorful__pointer{border:2px solid #fff;block-size:1rem;inline-size:1rem}.hex-input{gap:var(--space-3);color:var(--text-secondary);font-size:var(--type-xs);text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-items:center;font-weight:600;display:grid}.hex-input input{min-block-size:2.5rem;min-inline-size:0;padding-inline:var(--space-3);background:var(--surface-soft);color:var(--text);font:500 var(--type-sm)/1.2 var(--mono);border:0;border-radius:.5rem}.select-value{min-inline-size:0;color:var(--control-value);text-overflow:ellipsis;white-space:nowrap;text-align:end;font-weight:500;overflow:hidden}.select-chevron{color:var(--icon-muted);flex:none;transition:color .16s ease-out,transform .18s cubic-bezier(.2,.8,.2,1)}.select-control.is-open .select-chevron{transform:rotate(180deg)}.color-trigger:hover,.color-trigger:focus-visible,.select-trigger:hover,.select-trigger:focus-visible,.range-control:hover,.range-control:focus-within,.toggle-control:hover,.toggle-control:focus-within{background:var(--surface-soft);color:var(--control-value)}.color-trigger:hover .control-icon,.color-trigger:focus-visible .control-icon,.range-control:hover .control-icon,.range-control:focus-within .control-icon,.select-trigger:hover .select-chevron,.select-trigger:focus-visible .select-chevron,.select-trigger:hover .control-icon,.select-trigger:focus-visible .control-icon,.toggle-control:hover .control-icon,.toggle-control:focus-within .control-icon{color:var(--icon-hover)}.select-menu{padding:var(--space-1);background:var(--surface);box-shadow:var(--popover-shadow);display:grid;position:relative;overflow:visible}.select-options{gap:var(--space-1);display:grid}.select-reveal{--reveal-duration:.18s;--reveal-ease:cubic-bezier(.25, .46, .45, .94);height:var(--reveal-height);transition:height var(--reveal-duration) var(--reveal-ease), opacity .18s ease-out;margin-block-start:0;display:block;transform:none}.select-reveal.is-visible{margin-block-start:0;transform:none}.select-reveal .control-reveal-inner{padding-block-start:var(--space-2)}@starting-style{.color-popover-shell{opacity:0;transform:translateY(-.25rem)scale(.985)}}.select-option{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:2.5rem;inline-size:100%;padding-inline:var(--space-3);color:var(--control-label);cursor:pointer;font:400 var(--type-sm)/1.2 var(--sans);text-align:start;background:0 0;border:0;transition:background-color .14s,color .14s;display:flex}.select-option:hover,.select-option:focus-visible,.select-option[aria-selected=true]{background:var(--surface-soft);color:var(--control-value);outline:0;font-weight:500}.select-option-check{color:var(--control-value);font-size:var(--type-base);font-weight:500;line-height:1}.select-option-group+.select-option-group{margin-block-start:var(--space-2)}.select-option-group-label{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.625rem;font-weight:600;line-height:1.2;display:block}.select-menu-action{margin:0}.select-upload-action{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:3rem;inline-size:100%;padding-inline:var(--space-3);color:var(--control-label);cursor:pointer;font-family:var(--sans);text-align:start;background:0 0;border:0;transition:background-color .14s,color .14s,transform .14s cubic-bezier(.25,.46,.45,.94);display:flex}.select-upload-action:hover,.select-upload-action:focus-visible{background:var(--surface-soft);color:var(--control-value);outline:0}.select-upload-action:active{transform:scale(.97)}.select-upload-copy{gap:.1875rem;min-inline-size:0;display:grid}.select-upload-label{color:currentColor;font-size:var(--type-sm);font-weight:500;line-height:1.15}.select-upload-description{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:400;line-height:1.15;overflow:hidden}.select-upload-icon{background:var(--surface-soft);block-size:2rem;inline-size:2rem;color:var(--icon-muted);flex:none;place-items:center;transition:background-color .14s,color .14s,transform .14s cubic-bezier(.25,.46,.45,.94);display:grid}.select-upload-action:hover .select-upload-icon,.select-upload-action:focus-visible .select-upload-icon{background:var(--control-rail);color:var(--control-value)}.select-upload-action:active .select-upload-icon{transform:translateY(-.0625rem)}.toggle-control{inline-size:100%;padding-inline:var(--space-3);cursor:pointer;align-items:center;display:flex}.toggle-control input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.toggle-visual{background:#b8c0ca;border-radius:999px;block-size:1.125rem;inline-size:1.875rem;margin-inline-start:auto;transition:background-color .16s ease-out;position:relative}.toggle-visual:after{content:"";background:#fff;border-radius:50%;block-size:.75rem;inline-size:.75rem;transition:transform .17s cubic-bezier(.2,.8,.2,1);position:absolute;inset-block-start:.1875rem;inset-inline-start:.1875rem;box-shadow:0 1px 3px #00000029}.toggle-control input:checked~.toggle-visual{background:var(--accent)}.toggle-control input:checked~.toggle-visual:after{transform:translate(.75rem)}.toggle-control.is-disabled{cursor:not-allowed;opacity:.48}.range-control:focus-within,.color-trigger:focus-visible,.select-trigger:focus-visible,.toggle-control:focus-within,.advanced-toggle:focus-visible,.quiet-button:focus-visible,.resource-link:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:0}.range-control input:focus-visible,.color-trigger:focus-visible,.select-trigger:focus-visible,.toggle-control input:focus-visible{outline:0}.install-section,.code-section{margin-block-start:var(--space-12)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:2.5rem;margin-block-end:var(--space-3);display:flex}.resource-links{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.resource-link{align-items:center;gap:var(--space-1);min-block-size:2rem;padding-inline:var(--space-3);background:var(--surface-soft);color:var(--text-secondary);font-size:var(--type-xs);font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:inline-flex}.resource-link:hover,.resource-link:focus-visible{background:var(--surface-strong);color:var(--text)}.action-icon{flex:none;display:block}.install-tabs,.code-target-tabs{align-items:center;gap:var(--space-1);max-inline-size:100%;padding:var(--space-1);background:var(--surface-soft);border-radius:.75rem;margin-block-end:var(--space-2);display:inline-flex;overflow-x:auto}.install-tab,.code-target-tab{min-block-size:2rem;padding-inline:var(--space-3);color:var(--text-tertiary);cursor:pointer;font-family:var(--sans);font-size:var(--type-xs);text-transform:none;background:0 0;border:0;font-weight:600;line-height:1;transition:background-color .16s ease-out,color .16s ease-out,transform .16s ease-out}.install-tab:hover,.install-tab:focus-visible,.code-target-tab:hover,.code-target-tab:focus-visible{color:var(--text-secondary)}.install-tab.is-active,.code-target-tab.is-active{background:var(--surface);color:var(--text)}.install-command{align-items:center;gap:var(--space-3);min-block-size:3.5rem;padding-inline:var(--space-4) var(--space-2);background:var(--surface);display:flex}.install-command-text{min-inline-size:0;max-inline-size:100%;color:var(--text-secondary);font-family:var(--mono);font-size:var(--type-sm);font-variant-ligatures:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quiet-button{justify-content:center;align-items:center;gap:var(--space-1);min-block-size:2rem;padding-inline:var(--space-3);background:var(--surface-soft);color:var(--text-secondary);font-size:var(--type-xs);font-weight:600;line-height:1;transition:background-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:inline-flex}.quiet-button:hover,.quiet-button:focus-visible{background:var(--surface-strong);color:var(--text)}.install-command .quiet-button{margin-inline-start:auto}.copy-label,.code-file-name{display:inline-block}.copy-button--install .copy-label{min-inline-size:2.75rem}.copy-button--code .copy-label{min-inline-size:4.5rem}.code-section>h2{margin-block-end:var(--space-3)}.how-it-works{margin-block-end:var(--space-10);padding-block-start:var(--space-10)}.how-it-works h2{color:var(--text)}.how-it-works p{margin-block:var(--space-2) 0;color:var(--text-secondary);font-size:var(--type-base);line-height:1.55}.acknowledgements{margin-block-end:var(--space-16)}.acknowledgements h2{color:var(--text-secondary);font-size:var(--type-base);font-weight:500}.acknowledgements p{max-inline-size:54rem;margin-block:var(--space-2) 0;color:var(--text-tertiary);font-size:var(--type-sm);font-weight:400;line-height:1.6}.acknowledgements a{color:var(--text-secondary);-webkit-text-decoration-color:color-mix(in srgb, currentColor 32%, transparent);text-decoration-color:color-mix(in srgb, currentColor 32%, transparent);text-underline-offset:.18em;transition:color .16s ease-out,text-decoration-color .16s ease-out}.acknowledgements a:hover,.acknowledgements a:focus-visible{color:var(--text);text-decoration-color:currentColor}.code-card{--sh-class:#76519a;--sh-identifier:#46515f;--sh-sign:#8d98a7;--sh-property:#2e719f;--sh-entity:#76519a;--sh-jsxliterals:#526fa4;--sh-string:#187970;--sh-keyword:#985070;--sh-comment:#8d97a4;background:var(--surface);overflow:hidden}.page-shell--dark .code-card{--sh-class:#d8a7ff;--sh-identifier:#d6dce5;--sh-sign:#8f9aaa;--sh-property:#83c8f4;--sh-entity:#d8a7ff;--sh-jsxliterals:#9eb6ff;--sh-string:#7de0cc;--sh-keyword:#f09bbb;--sh-comment:#788493}.code-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:3.25rem;padding-inline:var(--space-4) var(--space-2);background:var(--surface-soft);color:var(--text-tertiary);font-size:var(--type-xs);font-weight:600;display:flex}.code-file-name{min-inline-size:0;color:var(--control-value);font-family:var(--mono);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.code-card pre{max-block-size:min(34rem,68svh);padding:var(--space-5);background:var(--surface);scrollbar-gutter:stable;tab-size:2;white-space:normal;margin:0;overflow:auto}.code-card pre code{min-inline-size:max-content;color:var(--text-secondary);font-family:var(--mono);font-size:var(--type-sm);font-variant-ligatures:none;line-height:1.7;display:block}.code-card .sh__line{white-space:pre;min-block-size:1.7em;display:block}[data-sonner-toaster] [data-sonner-toast].mintform-toast{background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow)!important;font-family:var(--sans)!important;border:0!important;border-radius:1.125rem!important}[data-sonner-toaster] [data-sonner-toast].mintform-toast [data-title]{color:var(--text)!important;font:600 var(--type-sm)/1.4 var(--sans)!important}.skip-link,.sr-only{position:absolute}.skip-link{z-index:50;padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--text);font-size:var(--type-sm);border-radius:.75rem;font-weight:600;inset-block-start:-5rem;inset-inline-start:var(--space-4)}.skip-link:focus{inset-block-start:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width>=64rem){.component-page,.vault-page{padding-block:4rem 5rem}}@container controls (inline-size<=26rem){.range-control{min-block-size:3.5rem;padding-block:.75rem}}@media (width<=48rem){.component-page{inline-size:min(100% - 2rem,42rem);padding-block:var(--space-10) var(--space-12)}.vault-page{inline-size:min(100% - 2rem,33rem);padding-block:var(--space-10) var(--space-12)}.component-preview__canvas{min-block-size:23rem}}@media (width<=31rem){.component-page,.vault-page{inline-size:min(100% - 1.25rem,31rem)}.component-preview__actions{padding:var(--space-3) var(--space-3) 0}.preview-action{min-block-size:2.25rem;padding-inline:var(--space-3)}.component-preview__canvas{min-block-size:20rem}.section-heading{flex-direction:column;align-items:flex-start}.resource-links{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.vault-app-root:before{transition-duration:.14s!important}}