.ic-drawer.svelte-pohd2n{position:absolute;inset:0;z-index:8000;visibility:hidden;pointer-events:none}.ic-drawer--open.svelte-pohd2n{visibility:visible;pointer-events:auto}.ic-drawer__backdrop.svelte-pohd2n{position:absolute;inset:0;background-color:#0006;opacity:0;transition:opacity .25s ease}.ic-drawer--open.svelte-pohd2n .ic-drawer__backdrop:where(.svelte-pohd2n){opacity:1}.ic-drawer__panel.svelte-pohd2n{position:absolute;display:flex;flex-direction:column;background-color:var(--ic-background);border:1px solid var(--ic-border);outline:none;overflow:clip;transition:transform .25s ease}.ic-drawer__panel--horizontal.svelte-pohd2n{top:0;bottom:0}.ic-drawer__panel--vertical.svelte-pohd2n{left:0;right:0}.ic-drawer__panel--left.svelte-pohd2n{left:0;border-left:none;box-shadow:4px 0 16px #0003;transform:translate(-100%)}.ic-drawer__panel--right.svelte-pohd2n{right:0;border-right:none;box-shadow:-4px 0 16px #0003;transform:translate(100%)}.ic-drawer__panel--top.svelte-pohd2n{top:0;border-top:none;box-shadow:0 4px 16px #0003;transform:translateY(-100%)}.ic-drawer__panel--bottom.svelte-pohd2n{bottom:0;border-bottom:none;box-shadow:0 -4px 16px #0003;transform:translateY(100%)}.ic-drawer--open.svelte-pohd2n .ic-drawer__panel--left:where(.svelte-pohd2n),.ic-drawer--open.svelte-pohd2n .ic-drawer__panel--right:where(.svelte-pohd2n){transform:translate(0)}.ic-drawer--open.svelte-pohd2n .ic-drawer__panel--top:where(.svelte-pohd2n),.ic-drawer--open.svelte-pohd2n .ic-drawer__panel--bottom:where(.svelte-pohd2n){transform:translateY(0)}.ic-drawer__panel--horizontal.ic-drawer__panel--sm.svelte-pohd2n{width:320px}.ic-drawer__panel--horizontal.ic-drawer__panel--md.svelte-pohd2n{width:400px}.ic-drawer__panel--horizontal.ic-drawer__panel--lg.svelte-pohd2n{width:560px}.ic-drawer__panel--horizontal.ic-drawer__panel--xl.svelte-pohd2n{width:720px}.ic-drawer__panel--horizontal.ic-drawer__panel--full.svelte-pohd2n{width:100%}.ic-drawer__panel--vertical.ic-drawer__panel--sm.svelte-pohd2n{height:320px}.ic-drawer__panel--vertical.ic-drawer__panel--md.svelte-pohd2n{height:400px}.ic-drawer__panel--vertical.ic-drawer__panel--lg.svelte-pohd2n{height:560px}.ic-drawer__panel--vertical.ic-drawer__panel--xl.svelte-pohd2n{height:720px}.ic-drawer__panel--vertical.ic-drawer__panel--full.svelte-pohd2n{height:100%}.ic-drawer__header.svelte-pohd2n{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ic-border);flex-shrink:0}.ic-drawer__title.svelte-pohd2n{margin:0;font-size:.875rem;font-weight:600;color:var(--ic-foreground);line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-drawer__close.svelte-pohd2n{all:unset;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:2px;color:var(--ic-muted-foreground);cursor:pointer;margin-left:auto}.ic-drawer__close.svelte-pohd2n:hover{color:var(--ic-foreground);background:#00000014}.ic-drawer__body.svelte-pohd2n{flex:1 1 auto;padding:16px;overflow:auto;min-height:0}label.svelte-16goz7b{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-16goz7b input[type=text]:where(.svelte-16goz7b),label.svelte-16goz7b select:where(.svelte-16goz7b){padding:4px 8px;border:1px solid var(--ref-border);border-radius:3px;background:var(--ref-bg);color:var(--ref-fg);font-family:inherit;font-size:.9em}.checkbox-label.svelte-16goz7b{flex-direction:row;align-items:center;gap:6px}.drawer-container{position:relative;width:100%;min-height:500px;display:flex;align-items:flex-start;justify-content:center;padding-top:1rem}.drawer-body-demo__text{margin:0;font-size:.8rem;color:var(--ic-muted-foreground, #71717a);line-height:1.5}.drawer-body-demo__text code{font-size:.85em;background:#0000000f;padding:1px 4px;border-radius:2px}.drawer-form{display:flex;flex-direction:column;gap:12px}.drawer-form__label{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ic-muted-foreground, #71717a)}.drawer-form__input,.drawer-form__textarea{padding:6px 8px;border:1px solid var(--ic-border, #e4e4e7);border-radius:2px;background:var(--ic-background, #fff);color:var(--ic-foreground, #18181b);font-family:inherit;font-size:.8rem}.drawer-form__textarea{resize:vertical}.drawer-form__footer{display:flex;gap:8px;margin-top:4px}.drawer-form__btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border:1.5px solid transparent;border-radius:2px;font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer}.drawer-form__btn--primary{background:var(--ic-primary, #2563eb);color:var(--ic-primary-foreground, #fff)}.drawer-form__btn--outline{background:var(--ic-secondary, #f4f4f5);color:var(--ic-secondary-foreground, #18181b);border-color:var(--ic-border, #e4e4e7)}.custom-drawer-demo .ic-drawer__panel{background:#1e1e2e!important;border-top:2px solid #89b4fa!important;border-left:none!important;border-right:none!important;box-shadow:0 -4px 24px #00000080!important}.custom-drawer-demo .ic-drawer__header{background:#181825!important;border-bottom:1px solid #313244!important}.custom-drawer-demo .ic-drawer__title{color:#cdd6f4!important;font-family:monospace!important;font-size:.8rem!important;letter-spacing:.05em!important}.custom-drawer-demo .ic-drawer__close{color:#6c7086!important}.custom-drawer-demo .ic-drawer__close:hover{color:#cdd6f4!important;background:#ffffff0f!important}.custom-drawer-demo .ic-drawer__body{font-family:monospace!important;font-size:.8rem!important;color:#a6adc8!important}.console-output{display:flex;flex-direction:column;gap:2px}.console-line{line-height:1.6}.console-prompt{color:#89b4fa;margin-right:6px}.console-result{color:#a6e3a1;padding-left:24px}.console-blink{animation:svelte-16goz7b-blink 1s step-end infinite;color:#cdd6f4}@keyframes svelte-16goz7b-blink{50%{opacity:0}}.custom-row.svelte-16goz7b{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-16goz7b{flex:1;min-width:0}.custom-row__playground.svelte-16goz7b .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-16goz7b{flex:1;min-width:0}.custom-row__code.svelte-16goz7b .mc{margin:0;height:100%;display:flex;flex-direction:column}.custom-row__code.svelte-16goz7b .mc>div{flex:1;min-height:0;overflow-x:auto}.custom-row__code.svelte-16goz7b .mc pre{overflow-x:visible}.info-note.svelte-16goz7b{margin:1.5rem 0;padding:.75rem 1rem;border-left:3px solid #3b82f6;background:color-mix(in srgb,#3b82f6,transparent 92%);font-size:.85em;line-height:1.55;color:var(--ref-fg)}.info-note.svelte-16goz7b code:where(.svelte-16goz7b){font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-bg),var(--ref-border) 30%);padding:1px 4px;border-radius:3px}.compat-note.svelte-16goz7b{margin:1.5rem 0;padding:.75rem 1rem;border-left:3px solid #f59e0b;background:color-mix(in srgb,#f59e0b,transparent 92%);font-size:.85em;line-height:1.55;color:var(--ref-fg)}.compat-note.svelte-16goz7b strong:where(.svelte-16goz7b){color:#d97706}.compat-note.svelte-16goz7b code:where(.svelte-16goz7b){font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-bg),var(--ref-border) 30%);padding:1px 4px;border-radius:3px}.ic-ref-link{color:var(--ref-accent);font-family:var(--ref-font);font-size:.9em;background:color-mix(in srgb,var(--ref-accent),transparent 90%);padding:1px 4px;border-radius:3px;text-decoration:none}.ic-ref-link:hover{text-decoration:underline}.comp-layout__content h1{margin-bottom:1rem}.comp-layout__content h2{margin-top:2.5rem;margin-bottom:.75rem}.comp-layout__content p{margin-bottom:1rem}