.fig-spinner.svelte-uqfq9v{width:var(--spacer-4);height:var(--spacer-4);background-color:var(--figma-color-icon-tertiary);-webkit-mask-image:var(--icon-24-spinner);mask-image:var(--icon-24-spinner);flex:none;animation:1s linear infinite svelte-uqfq9v-fig-spinner-spin;display:inline-flex;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fig-spinner.svelte-uqfq9v[data-size=small]{width:var(--spacer-3);height:var(--spacer-3);-webkit-mask-image:var(--icon-16-spinner);mask-image:var(--icon-16-spinner)}@keyframes svelte-uqfq9v-fig-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fig-chip.svelte-1ak2mn1{align-items:center;gap:var(--spacer-1);height:var(--spacer-4);padding:0 var(--spacer-1) 0 var(--spacer-2);border-radius:var(--radius-medium);background-color:var(--figma-color-bg-secondary);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);color:var(--figma-color-text);-webkit-user-select:none;user-select:none;display:inline-flex}.fig-chip-swatch.svelte-1ak2mn1{border-radius:var(--radius-small);width:.625rem;height:.625rem;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);flex:none}.fig-chip-label.svelte-1ak2mn1{white-space:nowrap}.fig-chip-remove.svelte-1ak2mn1{width:var(--spacer-3);height:var(--spacer-3);border-radius:var(--radius-small);color:var(--figma-color-icon-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.fig-chip-remove.svelte-1ak2mn1:hover{background-color:var(--figma-color-bg-transparent-hover);color:var(--figma-color-icon)}.fig-chip-remove.svelte-1ak2mn1:focus-visible{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.fig-tabs.svelte-1kh2r5h{box-sizing:border-box;gap:var(--spacer-1);min-width:0;padding:var(--spacer-2);flex-flow:row;flex-shrink:0;display:flex}.fig-tab.svelte-1kh2r5h{height:1.5rem;padding:0 var(--spacer-2);appearance:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-medium);color:var(--figma-color-text-secondary);line-height:1rem;font:inherit;background:0 0;border:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;display:inline-flex;position:relative}.fig-tab.svelte-1kh2r5h:after{content:attr(data-label);visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;height:0;font-weight:var(--body-medium-strong-fontWeight);display:block;overflow:hidden}.fig-tab.svelte-1kh2r5h[data-selected]{background-color:var(--figma-color-bg-secondary);font-weight:var(--body-medium-strong-fontWeight);color:var(--figma-color-text)}.fig-tab.svelte-1kh2r5h[data-icon]{width:1.5rem;padding:0}.fig-tab.svelte-1kh2r5h[data-icon]:after{content:none}.fig-tab.svelte-1kh2r5h[data-icon] svg{width:var(--spacer-3);height:var(--spacer-3);flex-shrink:0}.fig-tab.svelte-1kh2r5h:hover:not(:disabled){background-color:var(--figma-color-bg-secondary)}.fig-tab.svelte-1kh2r5h:focus-visible{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}.fig-tab.svelte-1kh2r5h:disabled{opacity:.4;pointer-events:none}.fig-menu.svelte-ldsbl7{flex-direction:column;min-width:10rem;display:flex}.fig-menu-item.svelte-ldsbl7{text-align:left;width:100%;height:var(--spacer-4);padding:0 var(--spacer-2);border-radius:var(--radius-medium);color:var(--figma-color-text-menu);font:inherit;font-weight:var(--body-medium-fontWeight);cursor:default;background:0 0;border:0;align-items:center;display:flex}.fig-menu-item.svelte-ldsbl7:hover,.fig-menu-item.svelte-ldsbl7:focus-visible{background:var(--figma-color-bg-menu-hover);outline:0}.fig-menu-item.svelte-ldsbl7:disabled{opacity:.4;cursor:not-allowed}.fig-listbox.svelte-1tkcayv{border-radius:var(--radius-medium);box-shadow:inset 0 0 0 1px var(--figma-color-border);background:var(--figma-color-bg);flex-direction:column;display:flex;overflow:hidden}.fig-listbox-option.svelte-1tkcayv{text-align:left;width:100%;padding:var(--spacer-1) var(--spacer-2);font:inherit;color:var(--figma-color-text);cursor:pointer;background:0 0;border:0;display:block}.fig-listbox-option.svelte-1tkcayv:hover:not(:disabled):not([data-selected]){background:var(--figma-color-bg-hover)}.fig-listbox-option.svelte-1tkcayv[data-selected]{background:var(--figma-color-bg-selected-strong);color:var(--figma-color-text-onselected-strong)}.fig-listbox-option.svelte-1tkcayv:focus-visible{outline:var(--figma-focus-outline);outline-offset:-2px}.fig-listbox-option.svelte-1tkcayv:disabled{opacity:.4;pointer-events:none}.content-frame.svelte-iz1w7o{width:100%;box-shadow:inset 0 0 0 1px var(--figma-color-border);border-radius:var(--radius-medium)}.field-frame.svelte-1xi78nn{width:100%}.footer-frame.svelte-1bjjr5s,.header-frame.svelte-7446xu{width:100%;box-shadow:inset 0 0 0 1px var(--figma-color-border);border-radius:var(--radius-medium);overflow:hidden}.icon-preview.svelte-8gn2cq{width:100%}.icon-preview-selected.svelte-8gn2cq{padding:var(--spacer-4);justify-content:center;align-items:center;display:flex}.icon-grid-label.svelte-8gn2cq{margin:0 0 var(--spacer-2);color:var(--figma-color-text-secondary);font-size:.75rem}.icon-grid.svelte-8gn2cq{gap:var(--spacer-1);grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));display:grid}.icon-grid-item.svelte-8gn2cq{align-items:center;gap:var(--spacer-1);padding:var(--spacer-2);background:var(--figma-color-bg);border-radius:var(--radius-medium);box-shadow:inset 0 0 0 1px var(--figma-color-border);color:var(--figma-color-text-secondary);cursor:pointer;border:0;flex-direction:column;display:flex}.icon-grid-item.svelte-8gn2cq span:where(.svelte-8gn2cq){text-align:center;overflow-wrap:break-word;font-size:.6875rem}.icon-grid-item.svelte-8gn2cq:hover{color:var(--figma-color-text);background:var(--figma-color-bg-secondary)}.icon-grid-item.svelte-8gn2cq[data-active]{color:var(--figma-color-text);box-shadow:inset 0 0 0 1px var(--figma-color-border-selected);background:var(--figma-color-bg-brand-tertiary)}.props-panel.svelte-1q21l6l{flex-direction:column;display:flex}.event-log.svelte-110kha3{padding:var(--spacer-3);border-top:1px solid var(--figma-color-border)}.event-log.svelte-110kha3 h3:where(.svelte-110kha3){margin:0 0 var(--spacer-2);font-size:.75rem;font-weight:var(--body-medium-strong-fontWeight);color:var(--figma-color-text-secondary)}.empty.svelte-110kha3{color:var(--figma-color-text-secondary);margin:0;font-size:.75rem}.event-log-block.svelte-110kha3 pre.shiki{padding:var(--spacer-2);border-radius:var(--radius-medium);white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,monospace;font-size:.75rem;background-color:var(--figma-color-bg-secondary)!important}@media (prefers-color-scheme:dark){.event-log-block.svelte-110kha3 pre.shiki,.event-log-block.svelte-110kha3 pre.shiki span{color:var(--shiki-dark)!important}}.code-view.svelte-x6kzvt{padding:var(--spacer-3);border-top:1px solid var(--figma-color-border)}.code-view-header.svelte-x6kzvt{margin-bottom:var(--spacer-2);justify-content:space-between;align-items:center;display:flex}.code-view-header.svelte-x6kzvt h3:where(.svelte-x6kzvt){font-size:.75rem;font-weight:var(--body-medium-strong-fontWeight);color:var(--figma-color-text-secondary);margin:0}.copy-button.svelte-x6kzvt{width:var(--spacer-4);height:var(--spacer-4);border-radius:var(--radius-medium);color:var(--figma-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.copy-button.svelte-x6kzvt svg:where(.svelte-x6kzvt){flex-shrink:0;width:1rem;height:1rem}.copy-button.svelte-x6kzvt:hover{color:var(--figma-color-text);background:var(--figma-color-bg-secondary)}.code-block.svelte-x6kzvt pre.shiki{padding:var(--spacer-2);border-radius:var(--radius-medium);margin:0;font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto;background-color:var(--figma-color-bg-secondary)!important}@media (prefers-color-scheme:dark){.code-block.svelte-x6kzvt pre.shiki,.code-block.svelte-x6kzvt pre.shiki span{color:var(--shiki-dark)!important}}.install.svelte-vfwzpx{align-items:center;gap:var(--spacer-1);min-width:0;display:flex}.install.svelte-vfwzpx .fig-text-input{min-width:0}.install.svelte-vfwzpx input{text-overflow:ellipsis}.copied.svelte-vfwzpx{padding:var(--spacer-1) var(--spacer-2);font-size:var(--body-medium-fontSize);color:var(--color-tooltip);background:var(--bg-tooltip);border-radius:var(--radius-medium);white-space:nowrap;line-height:1.4;position:relative}.copied.svelte-vfwzpx:after{content:"";border:5px solid #0000;border-top-color:var(--bg-tooltip);position:absolute;top:100%;left:50%;translate:-50% -1px}.playground.svelte-1u5dzuy{grid-template-columns:16rem 1fr 20rem;height:100vh;display:grid}.playground-nav.svelte-1u5dzuy{border-right:1px solid var(--figma-color-border);flex-direction:column;display:flex;overflow:hidden}.nav-scroll.svelte-1u5dzuy{padding:var(--spacer-2) 0;flex:auto;overflow-y:auto}.nav-item.svelte-1u5dzuy{text-align:left;width:100%;padding:var(--spacer-1) var(--spacer-3);font:inherit;color:var(--figma-color-text-secondary);cursor:pointer;border-radius:var(--radius-medium);background:0 0;border:0;display:block}.nav-item.svelte-1u5dzuy[data-active]{color:var(--figma-color-text);background:var(--figma-color-bg-secondary);font-weight:var(--body-medium-strong-fontWeight)}.nav-item.svelte-1u5dzuy:hover{color:var(--figma-color-text)}.playground-nav.svelte-1u5dzuy .nav-footer{align-items:stretch;gap:var(--spacer-2);flex-direction:column;display:flex}.repo-link.svelte-1u5dzuy{align-items:center;gap:var(--spacer-1);color:var(--figma-color-text-secondary);text-decoration:none;display:inline-flex}.repo-link.svelte-1u5dzuy:hover{color:var(--figma-color-text)}.playground-main.svelte-1u5dzuy{border-right:1px solid var(--figma-color-border);flex-direction:column;display:flex;overflow-y:auto}.playground-main.svelte-1u5dzuy .attribution{border-radius:0;flex:none}.playground-not-found.svelte-1u5dzuy{padding:var(--spacer-4);color:var(--figma-color-text-secondary)}.description.svelte-1u5dzuy{color:var(--figma-color-text-secondary);margin:0 0 var(--spacer-4)}.preview.svelte-1u5dzuy{min-height:12rem;padding:var(--spacer-6);background:var(--figma-color-bg);box-shadow:inset 0 0 0 1px var(--figma-color-border);border-radius:var(--radius-large);justify-content:center;align-items:center;display:flex}.playground-side.svelte-1u5dzuy{flex-direction:column;display:flex;overflow-y:auto}