.ic-popover.svelte-1smraon{position:relative;display:inline-flex}.ic-popover__trigger.svelte-1smraon{display:contents}.ic-popover__panel.svelte-1smraon{position:absolute;z-index:50;visibility:hidden;pointer-events:none;opacity:0;transform:scale(.97);transition:opacity .15s ease,transform .15s ease,visibility .15s}.ic-popover__panel--open.svelte-1smraon{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1)}label.svelte-m0e0jn{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-m0e0jn select:where(.svelte-m0e0jn){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}.popover-container{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%}.po-demo-trigger{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .85rem;border:1.5px solid transparent;border-radius:2px;background:var(--ic-primary, #2563eb);color:var(--ic-primary-foreground, #fff);font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff26}.po-demo-trigger--icon{padding:.4rem .55rem;font-size:1rem}.po-demo-trigger--custom{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.ic-po-panel{background-color:var(--ic-background, #fff);border:1px solid var(--ic-border, #e4e4e7);border-radius:3px;box-shadow:0 4px 16px #0003,0 1px 4px #0000001a,inset 0 1px #ffffff0f;min-width:120px;overflow:clip;padding:8px}.po-demo-text{margin:0;font-size:.8rem;color:var(--ic-muted-foreground, #71717a);padding:4px;white-space:nowrap}.po-demo-content{display:flex;flex-direction:column;min-width:150px}.po-demo-content__title{margin:0 0 4px;padding:4px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ic-muted-foreground, #a1a1aa)}.po-demo-action{all:unset;padding:6px 8px;font-size:.8rem;color:var(--ic-foreground, #18181b);border-radius:2px;cursor:pointer}.po-demo-action:hover{background:var(--ic-muted, #f4f4f5)}.po-demo-action--danger{color:var(--ic-destructive, #dc2626)}.po-demo-action--danger:hover{background:color-mix(in srgb,var(--ic-destructive, #dc2626),transparent 92%)}.custom-popover-demo .ic-po-panel{background:#1e1e2e!important;border:1px solid #313244!important;border-radius:6px!important;padding:12px!important;box-shadow:0 8px 32px #0006!important}.po-demo-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.po-demo-swatch{width:28px;height:28px;border-radius:4px;cursor:pointer;transition:transform .1s;box-shadow:inset 0 -2px 4px #0003}.po-demo-swatch:hover{transform:scale(1.15);box-shadow:inset 0 -2px 4px #0003,0 0 0 2px #ffffff4d}.custom-row.svelte-m0e0jn{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-m0e0jn{flex:1;min-width:0}.custom-row__playground.svelte-m0e0jn .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-m0e0jn{flex:1;min-width:0}.custom-row__code.svelte-m0e0jn .mc{margin:0;height:100%;display:flex;flex-direction:column}.custom-row__code.svelte-m0e0jn .mc>div{flex:1;min-height:0;overflow-x:auto}.custom-row__code.svelte-m0e0jn .mc pre{overflow-x:visible}.info-note.svelte-m0e0jn{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-m0e0jn strong:where(.svelte-m0e0jn){color:#2563eb}.info-note.svelte-m0e0jn code:where(.svelte-m0e0jn){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-m0e0jn{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-m0e0jn strong:where(.svelte-m0e0jn){color:#d97706}.compat-note.svelte-m0e0jn code:where(.svelte-m0e0jn){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}
