/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
.demo-page{min-height:100dvh;padding:2rem}.demo-page h1{margin:0 0 .25rem;font-size:1.125rem}.demo-page>p{color:oklch(43.9% 0 0);margin:0 0 1.5rem;font-size:.875rem}@media (prefers-color-scheme:dark){.demo-page>p{color:oklch(70.8% 0 0)}}.demo-back{color:inherit;margin-bottom:1.5rem;font-size:.875rem;display:inline-block}.demo-button{box-sizing:border-box;background-color:var(--color-stone-200);white-space:nowrap;color:oklch(14.5% 0 0);-webkit-user-select:none;user-select:none;cursor:default;border-radius:7px;justify-content:center;align-items:center;gap:.5rem;height:2rem;margin:0;padding:0 .75rem;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1;display:flex}@media (prefers-color-scheme:dark){.demo-button{background-color:var(--color-stone-700)}@supports (color:color-mix(in lab, red, red)){.demo-button{background-color:color-mix(in oklab, var(--color-stone-700) 70%, transparent)}}.demo-button{color:#fff}}@media (hover:hover){.demo-button:hover:not([data-disabled]){background-color:var(--color-stone-300)}@supports (color:color-mix(in lab, red, red)){.demo-button:hover:not([data-disabled]){background-color:color-mix(in oklab, var(--color-stone-300) 70%, transparent)}}@media (prefers-color-scheme:dark){.demo-button:hover:not([data-disabled]){background-color:var(--color-stone-800)}}}.demo-button:active:not([data-disabled]){scale:.98}.demo-button:focus-visible{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.demo-button:focus-visible{outline-color:#fff}}.basic-backdrop{--backdrop-opacity:.2;z-index:50;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:fixed;inset:0}@media (prefers-color-scheme:dark){.basic-backdrop{--backdrop-opacity:.7}}.basic-backdrop[data-starting-style],.basic-backdrop[data-ending-style]{opacity:0}.basic-backdrop[data-swiping]{transition-duration:0s}.basic-backdrop[data-ending-style]{pointer-events:none;transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.basic-viewport{z-index:50;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.basic-popup{--bleed:3rem;box-sizing:border-box;width:calc(100% + 2px);max-height:calc(80vh + var(--bleed));margin-left:-1px;margin-right:-1px;margin-bottom:calc(-1 * var(--bleed));color:oklch(14.5% 0 0);touch-action:none;will-change:transform;transform:translateY(var(--drawer-swipe-movement-y));background-color:#fff;border:1px solid oklch(14.5% 0 0);border-bottom-width:0;outline:0;flex-direction:column;padding-top:1rem;transition:transform .45s cubic-bezier(.32,.72,0,1);display:flex;position:relative;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.basic-popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-color:#fff}}.basic-popup[data-swiping]{-webkit-user-select:none;user-select:none;transition-duration:0s}.basic-popup[data-starting-style],.basic-popup[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}.basic-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.basic-handle{background-color:oklch(87% 0 0);flex-shrink:0;width:3rem;height:.25rem;margin:0 auto 1rem}@media (prefers-color-scheme:dark){.basic-handle{background-color:oklch(37.1% 0 0)}}.basic-title{text-align:center;flex-shrink:0;margin:0 1.5rem .25rem;font-size:1rem;font-weight:700;line-height:1.5rem}.basic-description{color:oklch(43.9% 0 0);text-align:center;flex-shrink:0;margin:0 1.5rem 1rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.basic-description{color:oklch(70.8% 0 0)}}.basic-scroll{overscroll-behavior:contain;touch-action:auto;min-height:0;padding:1.25rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px) + var(--bleed));border-top:1px solid oklch(87% 0 0);flex:auto;overflow-y:auto}@media (prefers-color-scheme:dark){.basic-scroll{border-top-color:oklch(37.1% 0 0)}}.basic-body{width:100%;max-width:32rem;margin:0 auto}.basic-body p{color:oklch(37.1% 0 0);margin:0 0 .75rem;font-size:.875rem;line-height:1.375rem}@media (prefers-color-scheme:dark){.basic-body p{color:oklch(87% 0 0)}}.basic-heading{margin:1.5rem 0 .5rem;font-size:.925rem;font-weight:700;line-height:1.25rem}.basic-field{flex-direction:column;align-items:start;gap:.25rem;width:100%;margin:.25rem 0 1rem;display:flex}.basic-label{font-size:.875rem;font-weight:700;line-height:1.25rem}.basic-hint{color:oklch(43.9% 0 0);font-size:.8125rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.basic-hint{color:oklch(70.8% 0 0)}}.basic-input{box-sizing:border-box;color:oklch(14.5% 0 0);background-color:#fff;border:1px solid oklch(14.5% 0 0);border-radius:0;width:100%;height:2rem;margin:0;padding:0 .5rem;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem}@media (any-pointer:coarse){.basic-input{font-size:1rem;line-height:1.5rem}}@media (prefers-color-scheme:dark){.basic-input{color:#fff;background-color:oklch(14.5% 0 0);border:1px solid #fff}}.basic-input::placeholder{color:oklch(55.6% 0 0)}@media (prefers-color-scheme:dark){.basic-input::placeholder{color:oklch(70.8% 0 0)}}.basic-input:focus{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.basic-input:focus{outline-color:#fff}}.basic-actions{justify-content:end;margin-top:1.5rem;display:flex}.snap-backdrop{--backdrop-opacity:.2;z-index:50;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:fixed;inset:0}@media (prefers-color-scheme:dark){.snap-backdrop{--backdrop-opacity:.7}}.snap-backdrop[data-starting-style],.snap-backdrop[data-ending-style]{opacity:0}.snap-backdrop[data-swiping]{transition-duration:0s}.snap-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.snap-viewport{--bleed:3rem;z-index:50;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.snap-viewport:after{content:"";inset-inline:0;height:var(--bleed);pointer-events:none;background-color:#fff;position:fixed;bottom:0}@media (prefers-color-scheme:dark){.snap-viewport:after{background-color:oklch(14.5% 0 0)}}.snap-viewport[data-closed]:after{opacity:0}.snap-content{width:100%;max-width:22.5rem;margin:0 auto}.snap-popup{--bleed:3rem;--top-margin:1rem;box-sizing:border-box;z-index:1;width:100%;max-height:calc(100dvh - var(--top-margin));padding-bottom:max(0px, calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));color:oklch(14.5% 0 0);touch-action:none;transform:translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));will-change:transform;background-color:#fff;border-top:1px solid oklch(14.5% 0 0);outline:0;flex-direction:column;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow:visible;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.snap-popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-top:1px solid #fff}}.snap-popup:after{content:"";inset-inline:0;height:var(--bleed);background-color:inherit;pointer-events:none;position:absolute;top:100%}.snap-popup[data-swiping]{-webkit-user-select:none;user-select:none}.snap-popup[data-starting-style],.snap-popup[data-ending-style]{padding-bottom:0;transform:translateY(calc(100% + 2px));box-shadow:.25rem .25rem #0000}.snap-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.snap-drag-area{touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid oklch(87% 0 0);flex-shrink:0;padding:.875rem 1.5rem 1rem}@media (prefers-color-scheme:dark){.snap-drag-area{border-bottom:1px solid oklch(37.1% 0 0)}}.snap-scroll{overscroll-behavior:contain;touch-action:auto;min-height:0;padding:1rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));flex:auto;overflow-y:auto}.snap-handle{background-color:oklch(87% 0 0);flex-shrink:0;width:3rem;height:.25rem;margin:0 auto .625rem}@media (prefers-color-scheme:dark){.snap-handle{background-color:oklch(37.1% 0 0)}}.snap-title{text-align:center;cursor:default;margin:0;font-size:1rem;font-weight:700;line-height:1.5rem}.snap-description{color:oklch(43.9% 0 0);text-align:center;margin:0 0 1.5rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.snap-description{color:oklch(70.8% 0 0)}}.snap-cards{gap:.75rem;margin:0 0 1.5rem;display:grid}.snap-card{background-color:oklch(92.2% 0 0);height:3rem}@media (prefers-color-scheme:dark){.snap-card{background-color:oklch(37.1% 0 0)}}.snap-actions{justify-content:end;align-items:center;gap:1rem;display:flex}.nested-backdrop{--backdrop-opacity:.2;z-index:50;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:fixed;inset:0}@media (prefers-color-scheme:dark){.nested-backdrop{--backdrop-opacity:.7}}.nested-backdrop[data-starting-style],.nested-backdrop[data-ending-style]{opacity:0}.nested-backdrop[data-swiping]{transition-duration:0s}.nested-backdrop[data-ending-style]{pointer-events:none;transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.nested-viewport{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.nested-popup{--bleed:3rem;--peek:1rem;--stack-progress:clamp(0, var(--drawer-swipe-progress), 1);--stack-step:.05;--stack-peek-offset:max(0px, calc((var(--nested-drawers) - var(--stack-progress)) * var(--peek)));--stack-scale-base:max(0, calc(1 - (var(--nested-drawers) * var(--stack-step))));--stack-scale:calc(var(--stack-scale-base) + (var(--stack-step) * var(--stack-progress)));--stack-shrink:calc(1 - var(--stack-scale));--stack-height:max(0px, calc(var(--drawer-frontmost-height,var(--drawer-height)) - var(--bleed)));--translate-y:calc(var(--drawer-swipe-movement-y) - var(--stack-peek-offset) - (var(--stack-shrink) * var(--stack-height)));box-sizing:border-box;width:calc(100% + 2px);max-height:calc(80vh + var(--bleed));height:var(--drawer-height,auto);margin-left:-1px;margin-right:-1px;margin-bottom:calc(-1 * var(--bleed));padding:1rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px) + var(--bleed));color:oklch(14.5% 0 0);overscroll-behavior:contain;transform-origin:50% calc(100% - var(--bleed));will-change:transform;transform:translateY(var(--translate-y)) scale(var(--stack-scale));background-color:#fff;border:1px solid oklch(14.5% 0 0);border-bottom-width:0;outline:0;transition:transform .45s cubic-bezier(.32,.72,0,1),height .45s cubic-bezier(.32,.72,0,1),opacity .45s cubic-bezier(.32,.72,0,1);position:relative;overflow-y:auto;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.nested-popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-color:#fff}}.nested-popup[data-swiping],.nested-popup[data-nested-drawer-swiping]{transition-duration:0s}.nested-popup:after{content:"";pointer-events:none;background-color:#0000;transition:background-color .45s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.nested-popup[data-nested-drawer-open]{height:calc(var(--stack-height) + var(--bleed));overflow:hidden}.nested-popup[data-nested-drawer-open]:after{background-color:#0000000d}.nested-popup[data-starting-style],.nested-popup[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}.nested-popup[data-ending-style]{opacity:.9999;transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.nested-content{width:100%;max-width:32rem;margin:0 auto;transition:opacity .3s cubic-bezier(.45,1.005,0,1.005)}[data-nested-drawer-open] .nested-content{opacity:0}[data-nested-drawer-open][data-nested-drawer-swiping] .nested-content{opacity:1}.nested-handle{background-color:oklch(87% 0 0);width:3rem;height:.25rem;margin:0 auto 1rem;transition:opacity .2s}@media (prefers-color-scheme:dark){.nested-handle{background-color:oklch(37.1% 0 0)}}[data-nested-drawer-open] .nested-handle{opacity:0}[data-nested-drawer-open][data-nested-drawer-swiping] .nested-handle{opacity:1}.nested-title{text-align:center;margin-top:0;margin-bottom:.25rem;font-size:1rem;font-weight:700;line-height:1.5rem}.nested-description{color:oklch(43.9% 0 0);text-align:center;margin:0 0 1.5rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.nested-description{color:oklch(70.8% 0 0)}}.nested-actions{justify-content:end;align-items:center;gap:1rem;display:flex}.nested-actions-left{margin-right:auto}.nested-list{color:oklch(37.1% 0 0);margin:0 0 1.5rem;padding-left:1.25rem}@media (prefers-color-scheme:dark){.nested-list{color:oklch(87% 0 0)}}.nested-field{gap:.5rem;margin-bottom:1rem;display:grid}.nested-label{color:oklch(37.1% 0 0);font-size:.925rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){.nested-label{color:oklch(87% 0 0)}}.nested-input,.nested-textarea{box-sizing:border-box;color:oklch(14.5% 0 0);background-color:#fff;border:1px solid oklch(14.5% 0 0);border-radius:0;width:100%;margin:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem}.nested-input{height:2rem;padding:0 .5rem}.nested-textarea{resize:vertical;min-height:8rem;padding:.5rem .625rem}@media (any-pointer:coarse){.nested-input,.nested-textarea{font-size:1rem;line-height:1.5rem}}@media (prefers-color-scheme:dark){.nested-input,.nested-textarea{color:#fff;background-color:oklch(14.5% 0 0);border:1px solid #fff}}.nested-input:focus,.nested-textarea:focus{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.nested-input:focus,.nested-textarea:focus{outline-color:#fff}}.vk-backdrop{--backdrop-opacity:.2;--bleed:3rem;z-index:50;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:fixed;inset:0}@supports (-webkit-touch-callout:none){.vk-backdrop{position:absolute}}@media (prefers-color-scheme:dark){.vk-backdrop{--backdrop-opacity:.7}}.vk-backdrop[data-starting-style],.vk-backdrop[data-ending-style]{opacity:0}.vk-backdrop[data-swiping]{transition-duration:0s}.vk-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.vk-viewport{--bleed:3rem;z-index:50;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.vk-viewport:after{content:"";inset-inline:0;height:var(--bleed);pointer-events:none;background-color:#fff;position:fixed;bottom:0}@media (prefers-color-scheme:dark){.vk-viewport:after{background-color:oklch(14.5% 0 0)}}.vk-viewport[data-closed]:after{opacity:0}.vk-viewport:has([data-swiping]):after{opacity:0}.vk-popup{--bleed:3rem;--footer-reserved-height:calc(5.25rem + var(--bleed));box-sizing:border-box;z-index:1;width:100%;height:calc(100% - 1rem + var(--bleed));max-height:calc(100% - 1rem + var(--bleed));margin-bottom:calc(-1 * var(--bleed));color:oklch(14.5% 0 0);touch-action:none;transform:translateY(var(--drawer-swipe-movement-y));will-change:transform;background-color:#fff;border-top:1px solid oklch(14.5% 0 0);outline:0;flex-direction:column;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s cubic-bezier(.32,.72,0,1);display:flex;position:relative;overflow:visible;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.vk-popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-top:1px solid #fff}}.vk-popup[data-swiping]{-webkit-user-select:none;user-select:none}.vk-popup[data-starting-style],.vk-popup[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px));box-shadow:.25rem .25rem #0000}.vk-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.vk-header{touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid oklch(87% 0 0);flex-shrink:0;padding:1rem 1.5rem;position:relative}@media (prefers-color-scheme:dark){.vk-header{border-bottom:1px solid oklch(37.1% 0 0)}}.vk-header-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.vk-header-button{min-width:0}.vk-header-button:first-child{justify-self:start}.vk-header-button:last-child{justify-self:end}.vk-handle{background-color:oklch(87% 0 0);flex-shrink:0;width:3rem;height:.25rem;margin:0;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){.vk-handle{background-color:oklch(37.1% 0 0)}}.vk-title{text-align:center;cursor:default;margin:0;font-size:1rem;font-weight:700;line-height:1.5rem}.vk-scroll{overscroll-behavior:contain;touch-action:auto;flex:auto;min-height:0;padding:1rem 1.5rem 1.5rem;overflow-y:auto}.vk-form{gap:.75rem;width:100%;max-width:22.5rem;margin:0 auto;display:grid}.vk-field{flex-direction:column;align-items:start;gap:.25rem;width:100%;display:flex}.vk-field-label{color:oklch(14.5% 0 0);font-size:.875rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){.vk-field-label{color:#fff}}.vk-input,.vk-textarea,.vk-composer-input{box-sizing:border-box;color:oklch(14.5% 0 0);background-color:#fff;border:1px solid oklch(14.5% 0 0);border-radius:0;width:100%;margin:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem}@media (any-pointer:coarse){.vk-input,.vk-textarea,.vk-composer-input{font-size:1rem;line-height:1.5rem}}@media (prefers-color-scheme:dark){.vk-input,.vk-textarea,.vk-composer-input{color:#fff;background-color:oklch(14.5% 0 0);border:1px solid #fff}}.vk-input::placeholder,.vk-textarea::placeholder,.vk-composer-input::placeholder{color:oklch(55.6% 0 0)}@media (prefers-color-scheme:dark){.vk-input::placeholder,.vk-textarea::placeholder,.vk-composer-input::placeholder{color:oklch(70.8% 0 0)}}.vk-input:focus,.vk-textarea:focus,.vk-composer-input:focus{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.vk-input:focus,.vk-textarea:focus,.vk-composer-input:focus{outline-color:#fff}}.vk-input{height:2rem;padding:0 .5rem}.vk-textarea{resize:vertical;min-height:5.5rem;padding:.5rem}.vk-composer-input{height:2.5rem;padding:0 .625rem}.vk-footer-slot{min-height:var(--footer-reserved-height);flex-shrink:0;transition-property:min-height;transition-duration:.26s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:relative}.vk-footer-slot:focus-within{min-height:calc(var(--footer-reserved-height) + var(--drawer-keyboard-inset,0px))}@media (prefers-reduced-motion:reduce){.vk-footer-slot{transition-duration:0s}}.vk-sticky-footer{z-index:1;padding:.625rem 1.5rem calc(.625rem + env(safe-area-inset-bottom,0px) + var(--bleed));will-change:bottom, padding-bottom;background-color:#fff;border-top:1px solid oklch(14.5% 0 0);transition-property:bottom,padding-bottom;transition-duration:.26s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:absolute;bottom:0;left:0;right:0}.vk-sticky-footer:focus-within{z-index:3;padding-bottom:calc(.625rem + env(safe-area-inset-bottom,0px) + var(--bleed) + var(--drawer-keyboard-inset,0px));position:fixed;bottom:0;transform:translate(0,0)}@media (prefers-color-scheme:dark){.vk-sticky-footer{background-color:oklch(14.5% 0 0);border-top-color:#fff}}@media (prefers-reduced-motion:reduce){.vk-sticky-footer{transition-duration:0s}}.vk-composer{flex-direction:column;gap:.25rem;width:100%;max-width:22.5rem;margin:0 auto;display:flex}.indent-root{--bleed:3rem;width:100%;position:relative;overflow:hidden}.indent-surface{--indent-radius:calc(1rem * (1 - var(--drawer-swipe-progress)));--indent-transition:calc(1 - clamp(0, calc(var(--drawer-swipe-progress) * 100000), 1));transform-origin:top;will-change:transform;contain:layout;color:oklch(14.5% 0 0);background-color:var(--color-stone-100);min-height:20rem;transition:transform .4s cubic-bezier(.32,.72,0,1),border-radius .25s cubic-bezier(.32,.72,0,1);transition-duration:calc(.4s * var(--indent-transition)), calc(.25s * var(--indent-transition));border:1px solid oklch(14.5% 0 0);padding:1rem;position:relative}@media (prefers-color-scheme:dark){.indent-surface{color:#fff;background-color:oklch(14.5% 0 0);border:1px solid #fff}}.indent-surface[data-active]{transform:scale(calc(.98 + (.02 * var(--drawer-swipe-progress)))) translateY(calc(.5rem * (1 - var(--drawer-swipe-progress))));border-top-left-radius:var(--indent-radius);border-top-right-radius:var(--indent-radius)}.indent-center{justify-content:center;align-items:center;min-height:20rem;display:flex}.indent-bg{background-color:#000;position:absolute;inset:0}@media (prefers-color-scheme:dark){.indent-bg{background-color:oklch(87% 0 0)}}.indent-backdrop{--backdrop-opacity:.2;--bleed:3rem;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:absolute;inset:0}@media (prefers-color-scheme:dark){.indent-backdrop{--backdrop-opacity:.7}}.indent-backdrop[data-starting-style],.indent-backdrop[data-ending-style]{opacity:0}.indent-backdrop[data-swiping]{transition-duration:0s}.indent-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.indent-viewport{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.indent-popup{box-sizing:border-box;width:100%;max-height:calc(80vh + var(--bleed));margin-bottom:calc(-1 * var(--bleed));padding:1rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px) + var(--bleed));color:oklch(14.5% 0 0);overscroll-behavior:contain;will-change:transform;transform:translateY(var(--drawer-swipe-movement-y));background-color:#fff;border-top:1px solid oklch(14.5% 0 0);outline:0;transition:transform .45s cubic-bezier(.32,.72,0,1);overflow-y:auto;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.indent-popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-top:1px solid #fff}}.indent-popup[data-starting-style],.indent-popup[data-ending-style]{transform:translateY(calc(100% - var(--bleed) + 2px))}.indent-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.indent-content{width:100%;max-width:32rem;margin:0 auto}.indent-handle{background-color:oklch(87% 0 0);width:3rem;height:.25rem;margin:0 auto 1rem}@media (prefers-color-scheme:dark){.indent-handle{background-color:oklch(37.1% 0 0)}}.indent-title{text-align:center;margin-top:0;margin-bottom:.25rem;font-size:1rem;font-weight:700;line-height:1.5rem}.indent-description{color:oklch(43.9% 0 0);text-align:center;margin:0 0 1.5rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.indent-description{color:oklch(70.8% 0 0)}}.indent-actions{justify-content:end;align-items:center;gap:1rem;display:flex}.nav-backdrop{--backdrop-opacity:.2;z-index:50;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.45,1.005,0,1.005);position:fixed;inset:0}@media (prefers-color-scheme:dark){.nav-backdrop{--backdrop-opacity:.7}}.nav-backdrop[data-starting-style],.nav-backdrop[data-ending-style]{opacity:0}.nav-backdrop[data-swiping]{transition-duration:0s}.nav-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.nav-viewport{z-index:50;position:fixed;inset:0}.nav-scroller{box-sizing:border-box;overscroll-behavior:contain;touch-action:auto;height:100%;overflow-y:auto}.nav-scroll-content{justify-content:center;align-items:flex-end;min-height:100%;padding-top:2rem;display:flex}@media (width>=42rem){.nav-scroll-content{padding-top:4rem;padding-bottom:4rem;padding-inline:4rem}}.nav-content{width:100%}.nav-popup{box-sizing:border-box;will-change:transform;width:100%;max-width:42rem;transform:translateY(var(--drawer-swipe-movement-y));outline:0;margin:0 auto;transition:transform .6s cubic-bezier(.45,1.005,0,1.005)}@media (prefers-reduced-motion:reduce){.nav-popup{transition:none}}.nav-popup[data-starting-style]{transform:translateY(100dvh)}.nav-popup[data-ending-style]{pointer-events:none;transition-duration:.35s;transition-timing-function:cubic-bezier(.375,.015,.545,.455);transform:translateY(calc(max(100dvh,100%) + 2px))}.nav-panel{color:oklch(14.5% 0 0);background-color:#fff;border-top:1px solid oklch(14.5% 0 0);flex-direction:column;padding:1rem 1.5rem 1.5rem;transition:box-shadow .35s cubic-bezier(.375,.015,.545,.455);display:flex;position:relative;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.nav-panel{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-top:1px solid #fff}}@media (width>=42rem){.nav-panel{border:1px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.nav-panel{border:1px solid #fff}}}.nav-popup[data-ending-style] .nav-panel{box-shadow:.25rem .25rem #0000}.nav-header{grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.nav-header-spacer{width:2.25rem;height:2.25rem}.nav-handle{background-color:oklch(87% 0 0);justify-self:center;width:3rem;height:.25rem}@media (prefers-color-scheme:dark){.nav-handle{background-color:oklch(37.1% 0 0)}}.nav-close{color:oklch(14.5% 0 0);background-color:#0000;border:0;justify-content:center;justify-self:end;align-items:center;width:2rem;height:2rem;display:flex}@media (prefers-color-scheme:dark){.nav-close{color:#fff}}@media (hover:hover){.nav-close:hover{background-color:oklch(97% 0 0)}@media (prefers-color-scheme:dark){.nav-close:hover{background-color:oklch(26.9% 0 0)}}}.nav-close:active{background-color:oklch(92.2% 0 0)}.nav-close:focus-visible{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}.nav-title{margin:0 0 .25rem;font-size:1rem;font-weight:700;line-height:1.5rem}.nav-description{color:oklch(43.9% 0 0);margin:0 0 1.25rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.nav-description{color:oklch(70.8% 0 0)}}.nav-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.nav-long-list{gap:.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.nav-item{display:flex}.nav-link{box-sizing:border-box;width:100%;height:3rem;color:inherit;border:1px solid oklch(14.5% 0 0);align-items:center;padding:0 1rem;font-size:.875rem;line-height:1.25rem;text-decoration:none;display:flex}@media (prefers-color-scheme:dark){.nav-link{border:1px solid #fff}}@media (hover:hover){.nav-link:hover{background-color:oklch(97% 0 0)}@media (prefers-color-scheme:dark){.nav-link:hover{background-color:oklch(26.9% 0 0)}}}.nav-link:focus-visible{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.nav-link:focus-visible{outline-color:#fff}}.swipe-root{border:1px solid oklch(87% 0 0);width:100%;min-height:22rem;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.swipe-root{border-color:oklch(37.1% 0 0)}}.swipe-area{box-sizing:border-box;z-index:1;background-color:oklch(42.4% .199 265.638/.1);border-left:2px dashed oklch(42.4% .199 265.638);width:2.5rem;position:absolute;top:0;bottom:0;right:0}@media (prefers-color-scheme:dark){.swipe-area{background-color:oklch(62.3% .214 259.815/.1);border-left-color:oklch(62.3% .214 259.815)}}.swipe-label{transform-origin:50%;z-index:0;letter-spacing:.12em;text-transform:uppercase;color:oklch(42.4% .199 265.638);white-space:nowrap;pointer-events:none;margin-right:.5rem;font-size:.75rem;font-weight:700;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(-90deg)}@media (prefers-color-scheme:dark){.swipe-label{color:oklch(62.3% .214 259.815)}}.swipe-center{justify-content:center;align-items:center;min-height:22rem;padding:2rem;display:flex}.swipe-hint{color:oklch(43.9% 0 0);text-align:center;margin:0;font-size:.875rem}@media (prefers-color-scheme:dark){.swipe-hint{color:oklch(70.8% 0 0)}}.swipe-backdrop{--backdrop-opacity:.2;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:absolute;inset:0}@media (prefers-color-scheme:dark){.swipe-backdrop{--backdrop-opacity:.7}}.swipe-backdrop[data-starting-style],.swipe-backdrop[data-ending-style]{opacity:0}.swipe-backdrop[data-swiping]{transition-duration:0s}.swipe-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.swipe-viewport{--viewport-padding:0px;padding:var(--viewport-padding);z-index:2;justify-content:flex-end;display:flex;position:absolute;inset:0}@supports (-webkit-touch-callout:none){.swipe-viewport{--viewport-padding:.625rem}}.swipe-popup{--bleed:3rem;box-sizing:border-box;width:calc(20rem + var(--bleed));max-width:calc(100vw - 3rem + var(--bleed));height:100%;padding:1.5rem;padding-right:calc(1.5rem + var(--bleed));margin-right:calc(-1 * var(--bleed));color:oklch(14.5% 0 0);touch-action:auto;will-change:transform;transform:translateX(var(--drawer-swipe-movement-x));background-color:#fff;border-left:1px solid oklch(14.5% 0 0);outline:0;transition:transform .45s cubic-bezier(.32,.72,0,1);overflow-y:auto;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.swipe-popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border-left:1px solid #fff}}.swipe-popup[data-starting-style],.swipe-popup[data-ending-style]{transform:translateX(calc(100% - var(--bleed) + var(--viewport-padding) + 2px))}.swipe-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}@supports (-webkit-touch-callout:none){.swipe-popup{--bleed:0px;border:1px solid oklch(14.5% 0 0);margin-right:0}@media (prefers-color-scheme:dark){.swipe-popup{border:1px solid #fff}}}.swipe-content{width:100%}.swipe-title{margin:0 0 .25rem;font-size:1rem;font-weight:700;line-height:1.5rem}.swipe-description{color:oklch(43.9% 0 0);margin:0 0 1.5rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.swipe-description{color:oklch(70.8% 0 0)}}.swipe-actions{justify-content:end;align-items:center;gap:1rem;display:flex}.sheet-backdrop{--backdrop-opacity:.2;z-index:50;min-height:100dvh;opacity:calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));background-color:#000;transition-property:opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(.32,.72,0,1);position:fixed;inset:0}@media (prefers-color-scheme:dark){.sheet-backdrop{--backdrop-opacity:.7}}.sheet-backdrop[data-starting-style],.sheet-backdrop[data-ending-style]{opacity:0}.sheet-backdrop[data-swiping]{transition-duration:0s}.sheet-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.sheet-viewport{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-popup{box-sizing:border-box;width:100%;max-width:20rem;padding:0 1rem calc(1rem + env(safe-area-inset-bottom,0px));transform:translateY(var(--drawer-swipe-movement-y));will-change:transform;outline:0;flex-direction:column;gap:.75rem;transition:transform .45s cubic-bezier(.32,.72,0,1);display:flex;pointer-events:none!important}.sheet-popup[data-starting-style],.sheet-popup[data-ending-style]{transform:translateY(calc(100% + 1rem + 2px))}.sheet-popup[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength) * .4s)}.sheet-surface{pointer-events:auto;color:oklch(14.5% 0 0);background-color:#fff;border:1px solid oklch(14.5% 0 0);overflow:hidden;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.sheet-surface{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border:1px solid #fff}}.sheet-actions{margin:0;padding:0;list-style:none}.sheet-action:not(:first-child){border-top:1px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.sheet-action:not(:first-child){border-top:1px solid #fff}}.sheet-action-button,.sheet-danger-button{box-sizing:border-box;text-align:center;width:100%;height:2.5rem;color:inherit;-webkit-user-select:none;user-select:none;background-color:#0000;border:0;margin:0;padding:0 1.25rem;font-family:inherit;font-size:.875rem;line-height:1.25rem}.sheet-danger-button{color:oklch(50.5% .213 27.518)}@media (hover:hover){.sheet-action-button:hover,.sheet-danger-button:hover{background-color:oklch(97% 0 0)}@media (prefers-color-scheme:dark){.sheet-action-button:hover,.sheet-danger-button:hover{background-color:oklch(26.9% 0 0)}}}.sheet-action-button:active,.sheet-danger-button:active{background-color:oklch(92.2% 0 0)}@media (prefers-color-scheme:dark){.sheet-action-button:active,.sheet-danger-button:active{background-color:oklch(37.1% 0 0)}}.sheet-action-button:focus-visible,.sheet-danger-button:focus-visible{background-color:oklch(97% 0 0);outline:0}@media (prefers-color-scheme:dark){.sheet-action-button:focus-visible,.sheet-danger-button:focus-visible{background-color:oklch(26.9% 0 0)}}.sheet-danger-surface{pointer-events:auto;background-color:#fff;border:1px solid oklch(14.5% 0 0);overflow:hidden;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.sheet-danger-surface{box-shadow:none;background-color:oklch(14.5% 0 0);border:1px solid #fff}}.sheet-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.doc-inner.svelte-1uha8ag{max-width:44rem;margin:0 auto}.doc-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:1.5rem}.doc-tagline.svelte-1uha8ag{max-width:40rem}.doc-page.svelte-1uha8ag a{color:inherit}.doc-toc.svelte-1uha8ag{flex-wrap:wrap;gap:.375rem 1rem;margin:1rem 0 0;font-size:.8125rem;display:flex}.doc-toc.svelte-1uha8ag a:where(.svelte-1uha8ag){color:oklch(43.9% 0 0);text-decoration:none}.doc-toc.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{text-decoration:underline}@media (prefers-color-scheme:dark){.doc-toc.svelte-1uha8ag a:where(.svelte-1uha8ag){color:oklch(70.8% 0 0)}}.doc-section.svelte-1uha8ag{margin-top:3rem}.doc-section.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0 0 .25rem;font-size:1.125rem}.doc-section.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:1.5rem 0 .5rem;font-size:.9375rem}.doc-section.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:oklch(43.9% 0 0);margin:0 0 1.25rem;font-size:.875rem}@media (prefers-color-scheme:dark){.doc-section.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:oklch(70.8% 0 0)}}.doc-code.svelte-1uha8ag{background:var(--color-stone-200);margin:0;padding:1rem;font-size:.8125rem;line-height:1.5;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.doc-code.svelte-1uha8ag{background:color-mix(in oklab, var(--color-stone-200) 60%, transparent)}}.doc-code.svelte-1uha8ag{border:1px solid var(--color-stone-300);border-radius:4px}@media (prefers-color-scheme:dark){.doc-code.svelte-1uha8ag{background:var(--color-stone-900);border-color:var(--color-stone-800)}}.doc-install.svelte-1uha8ag{position:relative}.doc-install.svelte-1uha8ag .doc-code:where(.svelte-1uha8ag){padding-right:5rem}.doc-install-note.svelte-1uha8ag{margin-top:1rem}.doc-copy.svelte-1uha8ag{font:inherit;color:inherit;border:1px solid var(--color-stone-300);cursor:pointer;background:#fff;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.doc-copy.svelte-1uha8ag:hover{border-color:var(--color-stone-400)}@media (prefers-color-scheme:dark){.doc-copy.svelte-1uha8ag{background:var(--color-stone-800);border-color:var(--color-stone-700)}.doc-copy.svelte-1uha8ag:hover{border-color:var(--color-stone-600)}}code.svelte-1uha8ag{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.doc-ref.svelte-1uha8ag{gap:.375rem;margin:0;padding-left:1.25rem;font-size:.875rem;display:grid}.doc-ref.svelte-1uha8ag code:where(.svelte-1uha8ag){font-size:.8125rem}.doc-footer.svelte-1uha8ag{color:oklch(43.9% 0 0);border-top:1px solid oklch(92.2% 0 0);margin-top:4rem;padding-top:1.5rem;font-size:.8125rem}@media (prefers-color-scheme:dark){.doc-footer.svelte-1uha8ag{color:oklch(70.8% 0 0);border-top-color:oklch(26.9% 0 0)}}