.ic-image.svelte-b2fbt9{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--ic-secondary);border:1px solid var(--ic-border);padding:0;font:inherit}.ic-image--clickable.svelte-b2fbt9{cursor:pointer}.ic-image--clickable.svelte-b2fbt9:focus-visible{border-color:var(--ic-primary);box-shadow:inset 0 1px 3px #00000026}.ic-image__img.svelte-b2fbt9{display:block;width:100%;height:100%}.ic-image__fallback.svelte-b2fbt9{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ic-secondary);color:var(--ic-muted-foreground)}label.svelte-xk3gu7{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ref-muted)}label.svelte-xk3gu7 select:where(.svelte-xk3gu7){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}.events-row{display:flex;align-items:center;justify-content:center}.custom-row.svelte-xk3gu7{display:flex;gap:1rem;align-items:stretch;margin:1.5rem 0}.custom-row__playground.svelte-xk3gu7{flex:1;min-width:0}.custom-row__playground.svelte-xk3gu7 .pg{margin:0;height:100%;border:none;background:transparent}.custom-row__code.svelte-xk3gu7{flex:1;min-width:0}.custom-row__code.svelte-xk3gu7 .mc{margin:0;height:100%;display:flex;flex-direction:column}.custom-row__code.svelte-xk3gu7 .mc>div{flex:1;min-height:0;overflow-x:auto}.custom-row__code.svelte-xk3gu7 .mc pre{overflow-x:visible}.glossy-demo{display:flex;align-items:center;justify-content:center}.glossy-demo .ic-image{border:1px solid rgba(255,255,255,.5)!important;border-radius:16px!important;background:linear-gradient(160deg,#d4d4d8,#a1a1aa 30%,#d4d4d8,#a1a1aa 70%,#d4d4d8)!important;padding:12px!important;box-shadow:inset 0 1px #fff9,0 12px 40px #00000040,0 2px 4px #00000026!important;position:relative!important;overflow:hidden!important}.glossy-demo .ic-image:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(115deg,#fff0 0% 35%,#ffffff80 45%,#fffc,#ffffff80 55%,#fff0 65% 100%)!important;pointer-events:none!important;border-radius:16px!important}.glossy-demo .ic-image__img{border-radius:8px!important}.compat-note.svelte-xk3gu7{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-xk3gu7 strong:where(.svelte-xk3gu7){color:#d97706}.compat-note.svelte-xk3gu7 code:where(.svelte-xk3gu7){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}