.ui-slider{--slider-track:var(--color-fill-2);--slider-fill:var(--color-text-1);--slider-end:var(--color-text-3);--slider-value:var(--color-text-1);display:flex;align-items:center;gap:var(--space-3);min-width:0}.ui-slider[data-surface=scene]{--slider-track:var(--scene-fill-2);--slider-fill:var(--scene-text-1);--slider-end:var(--scene-text-2);--slider-value:var(--scene-text-1)}.ui-slider[data-disabled]{--slider-fill:var(--color-text-disabled)}.ui-slider__end{display:inline-flex;flex:none;color:var(--slider-end)}.ui-slider__value{flex:none;min-width:var(--hit-min);color:var(--slider-value);font:var(--type-callout);font-weight:var(--weight-bold);text-align:right}.ui-slider__input{--slider-mid:calc(14px + (100% - 28px) * var(--slider-at, 0));flex:1 1;min-width:0;height:var(--hit-min);margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-slider__input:disabled{cursor:not-allowed}.ui-slider__input:focus-visible{outline:none}.ui-slider__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--slider-fill) 0 var(--slider-mid),var(--slider-track) var(--slider-mid))}.ui-slider__input::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px;border:0;border-radius:var(--radius-full);background:var(--white);box-shadow:var(--elev-slider-knob);-webkit-appearance:none;appearance:none;-webkit-transition:transform var(--dur-enter) var(--ease-standard);transition:transform var(--dur-enter) var(--ease-standard)}.ui-slider__input:active:not(:disabled)::-webkit-slider-thumb,.ui-slider__input[data-force=press]::-webkit-slider-thumb{transform:scale(var(--press-scale-knob));transition-duration:var(--dur-press)}.ui-slider__input:focus-visible::-webkit-slider-thumb,.ui-slider__input[data-force=focus]::-webkit-slider-thumb{outline:2px solid var(--ui-focus-color,var(--color-focus));outline-offset:2px}.ui-slider__input::-moz-range-track{height:6px;border-radius:var(--radius-full);background:var(--slider-track)}.ui-slider__input::-moz-range-progress{height:6px;border-radius:var(--radius-full);background:var(--slider-fill)}.ui-slider__input::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:var(--radius-full);background:var(--white);box-shadow:var(--elev-slider-knob);-moz-transition:transform var(--dur-enter) var(--ease-standard);transition:transform var(--dur-enter) var(--ease-standard)}.ui-slider__input:active:not(:disabled)::-moz-range-thumb{transform:scale(var(--press-scale-knob))}.ui-slider__input:focus-visible::-moz-range-thumb{outline:2px solid var(--ui-focus-color,var(--color-focus));outline-offset:2px}@media (prefers-reduced-motion:reduce){.ui-slider__input:active:not(:disabled)::-webkit-slider-thumb,.ui-slider__input[data-force=press]::-webkit-slider-thumb{transform:none}.ui-slider__input:active:not(:disabled)::-moz-range-thumb{transform:none}}.ui-range__track{position:relative;flex:1 1;min-width:0;height:var(--hit-min)}.ui-range__track:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--slider-track) 0 calc(14px + (100% - 28px) * var(--range-from, 0)),var(--slider-fill) 0 calc(14px + (100% - 28px) * var(--range-to, 1)),var(--slider-track) 0)}.ui-range__input{position:absolute;inset:0;width:100%;pointer-events:none}.ui-range__input[data-top]{z-index:var(--z-inner-1)}.ui-range__input::-webkit-slider-runnable-track{background:transparent}.ui-range__input::-moz-range-progress,.ui-range__input::-moz-range-track{background:transparent}.ui-range__input::-webkit-slider-thumb{pointer-events:auto}.ui-range__input::-moz-range-thumb{pointer-events:auto}.kit-demo-slider{width:200px;max-width:100%}.kit-demo-slider-row{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:520px}.kit-demo-slider-row>:first-child{width:88px;flex:none;font:var(--type-headline)}.kit-demo-slider-row>.ui-slider{flex:1 1}.kit-demo-trim{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:560px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--scene-fill-1)}.kit-demo-trim__head{display:flex;justify-content:space-between;gap:var(--space-3);font:var(--type-callout);font-weight:var(--weight-bold)}.kit-demo-trim__head span:last-child{font:var(--type-footnote);color:var(--scene-text-2)}.ui-text-field{--ui-field-fill:var(--color-fill-1);--ui-field-hover:var(--color-fill-2);--ui-field-text:var(--color-text-1);--ui-field-label:var(--color-text-1);--ui-field-hint:var(--color-text-3);--ui-field-placeholder:var(--color-text-4);--ui-field-placeholder-hover:var(--color-text-3);--ui-field-icon:var(--color-text-3);--ui-field-ring:var(--color-focus);--ui-field-danger:var(--color-danger-text);--ui-field-line:var(--color-line-1);--ui-field-height:var(--control-lg);display:flex;flex-direction:column;min-width:0}.ui-text-field[data-size=md]{--ui-field-height:var(--control-md)}.ui-text-field[data-surface=scene]{--ui-field-clear:var(--scene-600);--ui-field-on-clear:var(--scene-card);--ui-field-fill:var(--scene-fill-1);--ui-field-hover:var(--scene-fill-2);--ui-field-text:var(--scene-text-1);--ui-field-label:var(--scene-text-1);--ui-field-hint:var(--scene-text-2);--ui-field-placeholder:var(--scene-text-2);--ui-field-placeholder-hover:var(--scene-text-2);--ui-field-icon:var(--scene-text-2);--ui-field-ring:var(--scene-text-1);--ui-field-danger:var(--scene-danger-text);--ui-field-line:var(--scene-line)}.ui-text-field[data-disabled]{--ui-field-hover:var(--ui-field-fill);--ui-field-text:var(--color-text-disabled);--ui-field-label:var(--color-text-disabled);--ui-field-hint:var(--color-text-disabled);--ui-field-placeholder:var(--color-text-disabled);--ui-field-placeholder-hover:var(--color-text-disabled);--ui-field-icon:var(--color-text-disabled);cursor:not-allowed}.ui-text-field[data-surface=scene][data-disabled]{--ui-field-hover:var(--ui-field-fill);--ui-field-text:var(--scene-600);--ui-field-label:var(--scene-600);--ui-field-hint:var(--scene-600);--ui-field-placeholder:var(--scene-600);--ui-field-placeholder-hover:var(--scene-600);--ui-field-icon:var(--scene-600)}.ui-text-field__label{margin-bottom:var(--space-2);color:var(--ui-field-label);font:var(--type-subhead)}.ui-text-field__note{color:var(--ui-field-hint);font-weight:var(--weight-regular)}.ui-text-field__shell{--ui-field-now:var(--ui-field-fill);--ui-field-ring-now:var(--ui-field-ring);position:relative;display:flex;align-items:center;gap:var(--space-2-5);box-sizing:border-box;min-width:0;min-height:var(--ui-field-height);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--ui-field-now);color:var(--ui-field-text);outline:2px solid transparent;outline-offset:-2px;transition:background-color var(--dur-select) var(--ease-standard)}.ui-text-field__shell[data-force=hover]{--ui-field-now:var(--ui-field-hover);--ui-field-placeholder:var(--ui-field-placeholder-hover)}@media (hover:hover){.ui-text-field__shell:hover{--ui-field-now:var(--ui-field-hover);--ui-field-placeholder:var(--ui-field-placeholder-hover)}}.ui-text-field__shell[data-readonly]{--ui-field-now:transparent;outline:1px solid var(--ui-field-line);outline-offset:-1px}.ui-text-field__shell:has(>.ui-text-field__input:focus),.ui-text-field__shell[data-force=focus]{outline:2px solid var(--ui-field-ring-now);outline-offset:-2px}.ui-text-field__shell[data-invalid]{--ui-field-ring-now:var(--ui-field-danger);outline:2px solid var(--ui-field-danger);outline-offset:-2px}.ui-text-field__input{flex:1 1;align-self:stretch;min-width:0;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--ui-field-text);caret-color:var(--ui-field-text);font:var(--type-body);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-text-field__input::placeholder{color:var(--ui-field-placeholder);opacity:1}.ui-text-field__input:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--ui-field-text)}.ui-text-field__icon{flex:none;color:var(--ui-field-icon)}.ui-text-field__button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--hit-min);height:var(--hit-min);margin:0;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--ui-field-icon,var(--color-text-3));cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-text-field__button:last-child{-webkit-margin-end:calc(var(--space-3) * -1);margin-inline-end:calc(var(--space-3) * -1)}.ui-text-field__button+.ui-text-field__button{-webkit-margin-start:calc(var(--space-5) * -1);margin-inline-start:calc(var(--space-5) * -1)}.ui-text-field__button:disabled{cursor:not-allowed}.ui-text-field__button:focus-visible{outline:2px solid var(--ui-field-ring,var(--color-focus));outline-offset:calc(var(--space-2) * -1)}.ui-text-field__clear-face{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--ui-field-clear,color-mix(in srgb,var(--color-text-1) 25%,var(--color-bg)));color:var(--ui-field-on-clear,var(--color-bg))}.ui-text-field__foot{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-1-5);color:var(--ui-field-hint);font:var(--type-footnote);letter-spacing:var(--track-footnote)}.ui-text-field__hint{flex:1 1;min-width:0}.ui-text-field__error{display:flex;align-items:flex-start;gap:var(--space-1-5);flex:1 1;min-width:0;color:var(--ui-field-danger)}.ui-text-field__error-icon{margin-top:1px}.ui-text-field__counter{flex:none;-webkit-margin-start:auto;margin-inline-start:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-text-field__counter[data-over]{color:var(--ui-field-danger)}.ui-text-field__shell[data-multiline]{align-items:stretch;padding:0}.ui-text-area__input{display:block;box-sizing:border-box;width:100%;padding:calc((var(--control-lg) - var(--space-6)) / 2) var(--space-4);border-radius:inherit;overflow-y:hidden;resize:none;white-space:pre-wrap;overflow-wrap:break-word}.ui-text-field__shell[data-multiline]:before{content:"";position:absolute;top:0;right:0;left:0;z-index:var(--z-inner-1);height:calc(var(--space-6) + var(--space-1-5));border-radius:var(--radius-md) var(--radius-md) 0 0;background:linear-gradient(180deg,var(--ui-field-now),transparent);opacity:0;pointer-events:none;transition:opacity var(--dur-select) var(--ease-standard)}.ui-text-field__shell[data-scrolled]:before{opacity:1}.ui-text-field__shell[data-multiline][data-readonly]:before{display:none}.kit-demo-scene-form{align-self:stretch;box-sizing:border-box;width:100%;max-width:440px}.kit-demo-scene-form h4{margin:0}.ui-search-field{--ui-search-fill:var(--color-fill-1);--ui-search-hover:var(--color-fill-2);--ui-search-text:var(--color-text-1);--ui-search-icon:var(--color-text-3);--ui-search-placeholder:var(--color-text-4);--ui-search-placeholder-hover:var(--color-text-3);display:flex;align-items:center;gap:var(--space-3);min-width:0}.ui-search-field[data-disabled]{--ui-search-hover:var(--ui-search-fill);--ui-search-text:var(--color-text-disabled);--ui-search-icon:var(--color-text-disabled);--ui-search-placeholder:var(--color-text-disabled);--ui-search-placeholder-hover:var(--color-text-disabled);cursor:not-allowed}.ui-search-field__shell{--ui-search-now:var(--ui-search-fill);display:flex;align-items:center;gap:var(--space-2);flex:1 1;box-sizing:border-box;min-width:0;height:var(--control-md);padding:0 var(--space-4) 0 calc(var(--space-4) - var(--space-0-5));border-radius:var(--radius-full);background:var(--ui-search-now);color:var(--ui-search-text);outline:2px solid transparent;outline-offset:-2px;transition:background-color var(--dur-select) var(--ease-standard)}@media (hover:hover){.ui-search-field__shell:hover{--ui-search-now:var(--ui-search-hover);--ui-search-placeholder:var(--ui-search-placeholder-hover)}}.ui-search-field__shell[data-force=hover]{--ui-search-now:var(--ui-search-hover);--ui-search-placeholder:var(--ui-search-placeholder-hover)}.ui-search-field__shell:has(>.ui-search-field__input:focus),.ui-search-field__shell[data-force=focus]{outline-color:var(--color-focus)}.ui-search-field__icon{flex:none;color:var(--ui-search-icon)}.ui-search-field__input{flex:1 1;align-self:stretch;min-width:0;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--ui-search-text);caret-color:var(--ui-search-text);font:var(--type-body);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-search-field__input::placeholder{color:var(--ui-search-placeholder);opacity:1}.ui-search-field__input:disabled{cursor:not-allowed;-webkit-text-fill-color:var(--ui-search-text)}.ui-search-field__input::-webkit-search-cancel-button,.ui-search-field__input::-webkit-search-decoration,.ui-search-field__input::-webkit-search-results-button,.ui-search-field__input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.ui-search-field__cancel{flex:none}.ui-text-field__shell[data-select]{padding:0;cursor:pointer}.ui-select-field__input{box-sizing:border-box;width:100%;padding:0 calc(var(--space-4) + var(--icon-md) + var(--space-2-5)) 0 var(--space-4);border-radius:inherit;text-overflow:ellipsis;cursor:pointer}.ui-select-field__input:disabled{cursor:not-allowed;opacity:1}.ui-select-field__chevron{position:absolute;top:50%;right:var(--space-4);margin-top:calc(var(--icon-md) / -2);color:var(--ui-field-icon);pointer-events:none}.ui-avatar{--ui-avatar-size:var(--avatar-md);position:relative;display:inline-flex;flex:none;width:var(--ui-avatar-size);height:var(--ui-avatar-size);border-radius:var(--radius-full);vertical-align:middle;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.ui-avatar[data-size="2xs"]{--ui-avatar-size:var(--avatar-2xs)}.ui-avatar[data-size=xs]{--ui-avatar-size:var(--avatar-xs)}.ui-avatar[data-size=sm]{--ui-avatar-size:var(--avatar-sm)}.ui-avatar[data-size=lg]{--ui-avatar-size:var(--avatar-lg)}.ui-avatar[data-size=xl]{--ui-avatar-size:var(--avatar-xl)}.ui-avatar-stack[data-surface=page],.ui-avatar[data-surface=page]{--ui-surface:var(--color-bg)}.ui-avatar-stack[data-surface=raised],.ui-avatar[data-surface=raised]{--ui-surface:var(--color-raised)}.ui-avatar-stack[data-surface=fill],.ui-avatar[data-surface=fill]{--ui-surface:var(--color-fill-1)}.ui-avatar-stack[data-surface=scene],.ui-avatar[data-surface=scene]{--ui-surface:var(--scene-card)}.ui-avatar__face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-full);background:var(--ui-avatar-bg,var(--color-fill-2));color:var(--white);font:var(--type-headline);font-size:calc(var(--ui-avatar-size) * .4);font-weight:var(--weight-heavy);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-avatar__face[data-kind=unknown]{color:var(--color-text-3)}.ui-avatar__face[data-kind=bot],.ui-avatar__face[data-kind=guest]{background:transparent}.ui-avatar__face[data-speaking]{outline:2px solid var(--color-live);outline-offset:2px}.ui-avatar__img,.ui-avatar__mascot{display:block;width:100%;height:100%;border-radius:inherit}.ui-avatar__img{object-fit:cover}.ui-avatar__dot{right:0;bottom:0;width:calc(var(--ui-avatar-size) * .28);height:calc(var(--ui-avatar-size) * .28);background:var(--color-live)}.ui-avatar-stack__badge,.ui-avatar__badge,.ui-avatar__dot{position:absolute;border-radius:var(--radius-full);outline:2px solid var(--ui-surface,var(--color-bg))}.ui-avatar-stack__badge,.ui-avatar__badge{top:calc(var(--space-1-5) * -1);right:calc(var(--space-1-5) * -1);display:flex}.ui-avatar__sticker{position:absolute;top:calc(var(--ui-avatar-size) * -.14);right:calc(var(--ui-avatar-size) * -.14);display:flex;align-items:center;justify-content:center;width:calc(var(--ui-avatar-size) * .4);height:calc(var(--ui-avatar-size) * .4)}.ui-avatar__sticker>*{max-width:100%;max-height:100%}.ui-avatar-stack{--ui-stack-size:var(--avatar-sm);position:relative;display:inline-flex;align-items:center;flex:none;vertical-align:middle}.ui-avatar-stack[data-size=xs]{--ui-stack-size:var(--avatar-xs)}.ui-avatar-stack[data-size=md]{--ui-stack-size:var(--avatar-md)}.ui-avatar-stack[data-size=lg]{--ui-stack-size:var(--avatar-lg)}.ui-avatar-stack[data-layout=row]{-webkit-padding-start:2px;padding-inline-start:2px}.ui-avatar-stack__face{outline:2px solid var(--ui-surface,var(--color-bg))}.ui-avatar-stack__face+.ui-avatar-stack__face,.ui-avatar-stack__more{-webkit-margin-start:calc(var(--ui-stack-size) * -.3);margin-inline-start:calc(var(--ui-stack-size) * -.3)}.ui-avatar-stack__more{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:var(--ui-stack-size);height:var(--ui-stack-size);padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-fill-2);color:var(--color-text-2);font:var(--type-caption);letter-spacing:var(--track-caption);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;outline:2px solid var(--ui-surface,var(--color-bg))}.ui-avatar-stack[data-size=xs]>.ui-avatar-stack__more{padding:0;letter-spacing:0}.ui-avatar-stack[data-layout=pair]{width:var(--ui-stack-size);height:var(--ui-stack-size)}.ui-avatar[data-pair]{--ui-avatar-size:calc(var(--ui-stack-size) * 0.68);position:absolute}.ui-avatar[data-pair=a]{top:0;left:0;outline:0}.ui-avatar[data-pair=b]{right:0;bottom:0}.kit-demo-scroll{overflow-x:auto}.kit-demo-avatars{width:100%;min-width:640px;border-collapse:collapse}.kit-demo-avatars td,.kit-demo-avatars th{padding:var(--space-3);border-top:1px solid var(--color-line-1);text-align:center;vertical-align:middle}.kit-demo-avatars thead th{border-top:0;color:var(--color-text-1);font:var(--type-subhead)}.kit-demo-avatars th span{display:block;color:var(--color-text-4);font:var(--type-caption)}.kit-demo-avatars tbody th{width:200px;color:var(--color-text-1);font:var(--type-headline);text-align:start}.kit-demo-avatars tbody th span{font:var(--type-footnote)}.kit-demo-sticker{display:block;width:100%;height:100%}.kit-demo-clip{justify-content:space-between;min-height:300px}.kit-demo-callbar{--ui-surface:var(--color-raised);display:flex;align-items:center;gap:var(--space-3);align-self:flex-start;height:var(--control-lg);padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--glass-1-line);border-radius:var(--radius-full);background:var(--glass-1-bg);box-shadow:var(--glass-1-shadow);color:var(--color-text-1);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.kit-demo-callbar-words{display:flex;flex-direction:column;font:var(--type-footnote)}.kit-demo-callbar-words b{font:var(--type-subhead);font-weight:var(--weight-bold)}.kit-demo-creator{display:flex;align-items:center;gap:var(--space-2-5)}.kit-demo-media-text{color:var(--media-text);font:var(--type-headline);text-shadow:var(--media-shadow)}.kit-demo-scene-name{display:flex;flex-direction:column;gap:var(--space-1-5);color:var(--scene-text-1);font:var(--type-title-3)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1-5);border-radius:var(--radius-full);background:var(--color-alert);color:var(--white);font:var(--type-badge);letter-spacing:var(--track-badge);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ui-badge[data-tone=muted]{background:var(--color-fill-2);color:var(--color-text-2)}.ui-badge[data-variant=dot]{min-width:0;width:var(--space-2-5);height:var(--space-2-5);padding:0}.ui-badge[data-placement=icon]{position:absolute;top:var(--space-0-5);left:calc(50% + var(--space-0-5));outline:2px solid var(--ui-surface,var(--color-bg))}.ui-badge[data-placement=icon][data-variant=dot]{top:calc(var(--space-2) + 1px);left:calc(50% + var(--space-1) + 1px)}.ui-tag{display:inline-flex;align-items:center;gap:var(--space-1-5);flex:none;box-sizing:border-box;height:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-xs);background:var(--ui-tag-bg,var(--color-fill-1));color:var(--color-text-2);font:var(--type-caption);letter-spacing:var(--track-caption);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;vertical-align:middle}.ui-tag[data-tone=live],.ui-tag[data-tone=tier]{color:var(--color-text-1)}.ui-tag[data-tone=outline]{background:transparent;color:var(--color-text-3);outline:1px solid var(--color-line-2);outline-offset:-1px}.ui-tag[data-tone=media]{--ui-tag-live:var(--green-400);background:var(--media-tag);color:var(--media-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-tag[data-tone=scene]{--ui-tag-live:var(--green-400);background:var(--scene-fill-1);color:var(--scene-text-2)}.ui-tag__dot{flex:none;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--ui-tag-live,var(--color-live))}.ui-tier-gem{display:block;flex:none;fill:currentColor}.ui-tier-gem[data-tier=legendary]{color:var(--tier-legendary)}.ui-tier-gem[data-tier=rare]{color:var(--tier-rare)}.ui-tier-gem[data-tier=uncommon]{color:var(--tier-uncommon)}.ui-tier-gem[data-tier=common]{color:var(--tier-common)}@media (prefers-reduced-transparency:reduce){.ui-tag[data-tone=media]{background:var(--scene-card);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.ui-tag[data-tone=media]{background:var(--scene-card)}}.kit-demo-cover{position:relative;display:block;width:90px;height:120px;overflow:hidden;border-radius:var(--radius-lg)}.kit-demo-cover-tl,.kit-demo-cover-tr{position:absolute;top:var(--space-1-5)}.kit-demo-cover-tl{left:var(--space-1-5)}.kit-demo-cover-tr{right:var(--space-1-5)}.kit-demo-scene-strip{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-xl);background:var(--scene-card)}.ui-divider{flex:none;box-sizing:content-box;height:1px;margin:0;padding:0;border:0;background:var(--color-line-1)}.ui-divider[data-inset="16"]{-webkit-margin-start:var(--space-4);margin-inline-start:var(--space-4)}.ui-divider[data-inset="72"]{-webkit-margin-start:calc(var(--space-4) + var(--avatar-md) + var(--space-4));margin-inline-start:calc(var(--space-4) + var(--avatar-md) + var(--space-4))}.ui-divider[data-variant=label]{display:flex;align-items:center;gap:var(--space-3);height:auto;background:none;color:var(--color-text-3);font:var(--type-footnote);letter-spacing:var(--track-footnote)}.ui-divider[data-variant=label]:after,.ui-divider[data-variant=label]:before{content:"";flex:1 1;height:1px;background:var(--color-line-1)}.ui-divider__label{flex:none}.kit-demo-list{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.ui-list-row{--ui-row-h:var(--space-16);position:relative;display:flex;align-items:stretch;gap:var(--space-3);box-sizing:border-box;width:100%;min-height:var(--ui-row-h);margin:0;padding:0 0 0 var(--space-4);border:0;border-radius:0;background:transparent;color:var(--ui-row-title,var(--color-text-1));font:inherit;text-align:start;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-press) var(--ease-standard)}.ui-list-row[data-size=sm]{--ui-row-h:var(--control-lg)}.ui-list-row[data-size=lg]{--ui-row-h:calc(var(--space-16) + var(--space-3));--ui-row-round:var(--avatar-lg)}.ui-list-row[data-unread]{--ui-row-title-weight:var(--weight-heavy);--ui-row-sub:var(--color-text-1);--ui-row-sub-weight:var(--weight-semibold);--ui-row-time:var(--color-text-1)}.ui-list-row[data-tone=danger]{--ui-row-title:var(--color-danger-text);--ui-row-tile:var(--color-danger-soft);--ui-row-icon:var(--color-danger-text)}.ui-list-row[data-disabled]{--ui-row-title:var(--color-text-disabled);--ui-row-sub:var(--color-text-disabled);--ui-row-meta:var(--color-text-disabled);--ui-row-icon:var(--color-text-disabled);--ui-row-rank:var(--color-text-disabled);--ui-row-time:var(--color-text-disabled);--ui-row-value:var(--color-text-disabled);--ui-row-chevron:var(--color-text-disabled);cursor:not-allowed}.ui-list-row[data-surface=scene]{--ui-row-title:var(--scene-text-1);--ui-row-sub:var(--scene-text-2);--ui-row-meta:var(--scene-text-3);--ui-row-time:var(--scene-text-2);--ui-row-value:var(--scene-text-2);--ui-row-chevron:var(--scene-text-3);--ui-row-rank:var(--scene-text-3);--ui-row-tile:var(--scene-fill-1);--ui-row-icon:var(--scene-text-1);--ui-row-hover:color-mix(in srgb,var(--white) 3%,transparent);--ui-row-press:color-mix(in srgb,var(--white) 4%,transparent);--ui-row-focus:var(--scene-text-1)}.ui-list-row[data-surface=scene][data-unread]{--ui-row-sub:var(--scene-text-1);--ui-row-time:var(--scene-text-1)}.ui-list-row[data-surface=scene][data-tone=danger]{--ui-row-title:var(--scene-danger-text);--ui-row-icon:var(--scene-danger-text)}.ui-list-row[data-surface=scene][data-disabled]{--ui-row-title:var(--scene-600);--ui-row-sub:var(--scene-600);--ui-row-icon:var(--scene-600);--ui-row-chevron:var(--scene-600)}.ui-list-row[data-interactive]{cursor:pointer}@media (hover:hover){.ui-list-row[data-interactive]:hover{background:var(--ui-row-hover,color-mix(in srgb,var(--color-fill-1) 50%,transparent))}}.ui-list-row[data-force=hover]{background:var(--ui-row-hover,color-mix(in srgb,var(--color-fill-1) 50%,transparent))}.ui-list-row:has(.ui-list-row__link:active),.ui-list-row[data-force=press],.ui-list-row[data-interactive]:active{background:var(--ui-row-press,var(--color-fill-1))}.ui-list-row:focus-visible,.ui-list-row[data-force=focus],.ui-list-row__link:focus-visible:after{outline:2px solid var(--ui-row-focus,var(--color-focus));outline-offset:-2px}.ui-list-row__avatar,.ui-list-row__control,.ui-list-row__cover,.ui-list-row__icon,.ui-list-row__leading,.ui-list-row__rank{display:flex;align-items:center;justify-content:center;flex:none;align-self:center;margin-block:var(--space-1-5)}.ui-list-row__icon{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-sm);background:var(--ui-row-tile,var(--color-fill-1));color:var(--ui-row-icon,var(--color-text-1))}.ui-list-row__icon[data-shape=round]{width:var(--ui-row-round,var(--avatar-md));height:var(--ui-row-round,var(--avatar-md));border-radius:var(--radius-full)}.ui-list-row__rank{width:calc(var(--space-6) + var(--space-1));color:var(--ui-row-rank,var(--color-text-3));font:var(--type-title-3);letter-spacing:var(--track-title-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-list-row__cover{overflow:hidden;width:var(--space-12);height:var(--space-16);margin-block:var(--space-2);border-radius:var(--radius-sm);background:var(--scene-bg)}.ui-list-row__cover[data-shape=square]{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-md)}.ui-list-row__cover>*{display:block;width:100%;height:100%;object-fit:cover}.ui-list-row__main{display:flex;align-items:center;gap:var(--space-3);flex:1 1;min-width:0;padding:var(--space-1) var(--space-4) var(--space-1) 0;border-bottom:1px solid var(--ui-list-line,transparent)}.ui-list-row__text{display:flex;flex-direction:column;gap:var(--space-0-5);flex:1 1;min-width:0}.ui-list-row__meta,.ui-list-row__subtitle,.ui-list-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-list-row__title{color:var(--ui-row-title,var(--color-text-1));font:var(--type-headline);font-weight:var(--ui-row-title-weight,var(--weight-bold))}.ui-list-row__subtitle{color:var(--ui-row-sub,var(--color-text-3));font:var(--type-subhead-regular);font-weight:var(--ui-row-sub-weight,var(--weight-regular))}.ui-list-row__meta{color:var(--ui-row-meta,var(--color-text-4));font:var(--type-footnote);letter-spacing:var(--track-footnote)}.ui-list-row__link{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-list-row__link:focus-visible{outline:none}.ui-list-row__link:after{content:"";position:absolute;inset:0}.ui-list-row__link:disabled{cursor:not-allowed}.ui-list-row__trailing{display:flex;align-items:center;gap:var(--space-2);flex:none}.ui-list-row__stamp{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1-5);flex:none}.ui-list-row__time{color:var(--ui-row-time,var(--color-text-4));font:var(--type-footnote);letter-spacing:var(--track-footnote);white-space:nowrap}.ui-list-row__badge{min-height:var(--space-5)}.ui-list-row__badge,.ui-list-row__value{display:flex;align-items:center;flex:none}.ui-list-row__value{gap:var(--space-1);color:var(--ui-row-value,var(--color-text-3));font:var(--type-subhead-regular);white-space:nowrap}.ui-list-row__chevron{color:var(--ui-row-chevron,var(--color-text-4))}.ui-list-row__action{position:relative;z-index:var(--z-inner-1);display:flex;align-items:center;flex:none}.ui-list-group{--ui-list-line:var(--color-line-1);display:block;margin:0;padding:0;list-style:none}.ui-list-group[data-variant=card]{overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.ui-list-group[data-surface=scene]{--ui-list-line:var(--scene-line);--ui-surface:var(--scene-card);border-color:var(--scene-line);background:transparent}.ui-list-group__item{display:block}.ui-list-group__item:last-child{--ui-list-line:transparent}.kit-demo-lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.kit-demo-list-col{display:flex;flex-direction:column;gap:var(--space-2-5);min-width:0}.kit-demo-narrow{max-width:440px}.kit-demo-page-box{overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.kit-demo-score{color:var(--scene-text-1);font:var(--type-headline);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-6) var(--space-4) var(--space-2);min-width:0}.ui-section-header[data-level=group]{padding-top:var(--space-4)}.ui-section-header__title{flex:1 1;min-width:0;margin:0;color:var(--color-text-1);font:var(--type-title-2);letter-spacing:var(--track-title-2)}.ui-section-header__title[data-level=group]{color:var(--color-text-3);font:var(--type-subhead);font-weight:var(--weight-bold);letter-spacing:0}.ui-section-header__action{flex:none;margin-block:calc((var(--hit-min) - var(--space-5)) / -2)}.ui-card{--ui-surface:var(--color-bg);display:block;box-sizing:border-box;min-width:0;margin:0;padding:var(--space-4);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text-1);font:inherit;text-align:start;text-decoration:none;-webkit-tap-highlight-color:transparent}.ui-card[data-variant=fill]{--ui-surface:var(--color-fill-1);--ui-tag-bg:var(--color-bg);border-color:transparent;background:var(--color-fill-1)}.ui-card[data-variant=scene]{--ui-surface:var(--scene-fill-1);border-color:transparent;border-radius:var(--radius-xl);background:var(--scene-fill-1);color:var(--scene-text-1)}.ui-card[data-interactive]{--ui-press-scale:var(--press-scale-card);cursor:pointer}.kit-demo-maker,.kit-demo-room,.kit-demo-step{display:flex;align-items:flex-start;gap:var(--space-3)}.kit-demo-maker,.kit-demo-room{align-items:center}.kit-demo-words{display:flex;flex:1 1;flex-direction:column;gap:var(--space-0-5);min-width:0;color:var(--color-text-3);font:var(--type-callout)}.kit-demo-words[data-scene]{color:var(--scene-text-2);font:var(--type-subhead-regular)}.kit-demo-words b{color:var(--color-text-1);font:var(--type-headline)}.kit-demo-words[data-scene] b{color:var(--scene-text-1)}.kit-demo-step-n{align-items:center;justify-content:center;flex:none;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-inverse);color:var(--color-on-inverse)}.kit-demo-stat,.kit-demo-step-n{display:flex;font:var(--type-subhead)}.kit-demo-stat{flex-direction:column;align-items:flex-start;gap:var(--space-1-5);color:var(--color-text-3)}.kit-demo-stat b{color:var(--color-text-1);font:var(--type-title-1);letter-spacing:var(--track-title-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-accordion{display:block;min-width:0}.ui-accordion[data-variant=card]{overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.ui-accordion__item{display:block}.ui-accordion__item+.ui-accordion__item{padding-top:1px;background:linear-gradient(var(--color-line-1),var(--color-line-1)) no-repeat var(--space-4) 0 /calc(100% - var(--space-4)) 1px}.ui-accordion__item[open]{--ui-accordion-turn:180deg}.ui-accordion__summary{display:flex;align-items:center;gap:var(--space-3);min-height:var(--space-16);padding:var(--space-1) var(--space-4);color:var(--color-text-1);list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-press) var(--ease-standard)}.ui-accordion__summary::-webkit-details-marker{display:none}@media (hover:hover){.ui-accordion__summary:hover{background:color-mix(in srgb,var(--color-fill-1) 50%,transparent)}}.ui-accordion__summary:active{background:var(--color-fill-1)}.ui-accordion__summary:focus-visible,.ui-accordion__summary[data-force=focus]{outline:2px solid var(--color-focus);outline-offset:-2px}.ui-accordion__title{flex:1 1;min-width:0;font:var(--type-headline)}.ui-accordion__chevron{flex:none;color:var(--color-text-4);rotate:var(--ui-accordion-turn,0deg);transition:rotate var(--dur-select) var(--ease-standard)}.ui-accordion__body{padding:0 var(--space-4) var(--space-5);color:var(--color-text-2);font:var(--type-callout)}.ui-accordion__body>:first-child{margin-top:0}.ui-accordion__body>:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){.ui-accordion__chevron{transition:none}}.ui-page-header{--ui-header-title:var(--type-title-3);--ui-header-track:var(--track-title-3);--ui-header-wrap:nowrap;--ui-header-actions-gap:0;--ui-header-actions-pull:calc(var(--space-2-5) * -1);display:flex;flex-direction:column;box-sizing:border-box;min-width:0;color:var(--color-text-1)}.ui-page-header__title{min-width:0;margin:0;overflow:hidden;color:var(--color-text-1);font:var(--ui-header-title);letter-spacing:var(--ui-header-track);text-overflow:ellipsis;white-space:var(--ui-header-wrap)}.ui-page-header__actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:var(--ui-header-actions-gap);flex:none;min-width:0;-webkit-margin-end:var(--ui-header-actions-pull);margin-inline-end:var(--ui-header-actions-pull)}.ui-page-header[data-variant=large]{--ui-header-title:var(--type-display);--ui-header-track:var(--track-display);--ui-header-wrap:normal;--ui-header-actions-gap:var(--space-1);--ui-header-actions-pull:0;gap:var(--space-1);padding:var(--top-clear,calc(env(safe-area-inset-top) + var(--space-3) + var(--space-0-5))) var(--space-4) var(--space-3)}.ui-page-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--hit-min)}.ui-page-header__lede{margin:0;color:var(--color-text-3);font:var(--type-callout)}.ui-page-header[data-variant=bar]{position:relative;padding-top:calc(var(--top-clear, calc(env(safe-area-inset-top) + var(--space-3) + var(--space-0-5))) - (var(--control-lg) - var(--hit-min)) / 2);background:var(--color-bg)}.ui-page-header[data-sticky]{position:-webkit-sticky;position:sticky;top:-1px;z-index:var(--z-raised)}.ui-page-header[data-variant=bar]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--color-line-1);opacity:0;pointer-events:none;transition:opacity var(--dur-select) var(--ease-standard)}.ui-page-header[data-state=stuck]:after{opacity:1}.ui-page-header__bar{--ui-header-justify:center;--ui-header-align:center;--ui-header-grow:0;display:grid;grid-template-columns:minmax(var(--hit-min),1fr) minmax(0,auto) minmax(var(--hit-min),1fr);align-items:center;grid-gap:var(--space-2);gap:var(--space-2);height:var(--control-lg);padding:0 var(--space-4)}.ui-page-header__bar[data-align=start]{--ui-header-justify:flex-start;--ui-header-align:start;--ui-header-grow:1;display:flex}.ui-page-header__spacer{display:block;justify-self:start;width:0}.ui-page-header__heading{display:flex;align-items:center;justify-content:var(--ui-header-justify);gap:var(--space-2-5);flex:var(--ui-header-grow) 1 auto;min-width:0;text-align:var(--ui-header-align)}.ui-page-header__leading{display:flex;flex:none}.ui-page-header__words{display:flex;flex-direction:column;min-width:0}.ui-page-header__subtitle{overflow:hidden;color:var(--color-text-3);font:var(--type-footnote);letter-spacing:var(--track-footnote);text-overflow:ellipsis;white-space:nowrap}.ui-page-header__back{justify-self:start;-webkit-margin-start:calc(var(--space-2-5) * -1);margin-inline-start:calc(var(--space-2-5) * -1)}.kit-demo-phone{width:100%;max-width:375px;overflow:hidden;border:1px solid var(--color-line-2);border-radius:var(--radius-2xl);background:var(--color-bg)}.kit-demo-scroller{height:280px;overflow-y:auto;overscroll-behavior:contain}.kit-demo-filler{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-6)}.kit-demo-bubble{align-self:flex-start;max-width:78%;margin:0;padding:var(--space-2-5) calc(var(--space-3) + var(--space-0-5));border-radius:var(--radius-xl);background:var(--color-fill-1);color:var(--color-text-1);font:var(--type-callout)}.kit-demo-bubble[data-mine]{align-self:flex-end;background:var(--color-inverse);color:var(--color-on-inverse)}.kit-demo-online{color:var(--color-live-text)}:where(.ui-backdrop){position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;background:var(--color-scrim)}.ui-panel:focus{outline:none}.ui-backdrop[data-state=open]{animation:ui-scrim-in var(--dur-enter) var(--ease-standard) both}.ui-backdrop[data-state=closed]{animation:ui-fade-out var(--dur-exit) var(--ease-exit) both;pointer-events:none}.ui-panel[data-state=open]{animation-duration:var(--dur-enter);animation-timing-function:var(--ease-standard);animation-fill-mode:both}.ui-panel[data-state=closed]{animation-duration:var(--dur-exit);animation-timing-function:var(--ease-exit);animation-fill-mode:both}.ui-panel[data-motion=fade][data-state=open]{animation-name:ui-fade-in}.ui-panel[data-motion=fade][data-state=closed]{animation-name:ui-fade-out}.ui-panel[data-motion=center][data-state=open]{animation-name:ui-pop-in}.ui-panel[data-motion=center][data-state=closed]{animation-name:ui-pop-out}.ui-panel:is([data-motion=bottom],[data-motion=sheet])[data-state=open]{animation-name:ui-up-in}.ui-panel:is([data-motion=bottom],[data-motion=sheet])[data-state=closed]{animation-name:ui-up-out}.ui-panel[data-motion=right][data-state=open]{animation-name:ui-right-in}.ui-panel[data-motion=right][data-state=closed]{animation-name:ui-right-out}.ui-panel[data-motion=left][data-state=open]{animation-name:ui-left-in}.ui-panel[data-motion=left][data-state=closed]{animation-name:ui-left-out}@media (min-width:1024px){.ui-panel[data-motion=sheet][data-state=open]{animation-name:ui-right-in}.ui-panel[data-motion=sheet][data-state=closed]{animation-name:ui-right-out}}@media (prefers-reduced-motion:reduce){.ui-backdrop[data-state],.ui-panel[data-state]{animation-duration:var(--dur-fade)!important}.ui-panel[data-state=open]{animation-name:ui-fade-in!important}.ui-panel[data-state=closed]{animation-name:ui-fade-out!important}}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-scrim-in{0%{background-color:transparent}}@keyframes ui-fade-out{to{opacity:0}}@keyframes ui-pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes ui-pop-out{to{opacity:0;transform:translateY(4px) scale(.98)}}@keyframes ui-up-in{0%{opacity:.6;transform:translateY(40%)}}@keyframes ui-up-out{to{opacity:0;transform:translateY(40%)}}@keyframes ui-right-in{0%{opacity:.6;transform:translateX(24%)}}@keyframes ui-right-out{to{opacity:0;transform:translateX(24%)}}@keyframes ui-left-in{0%{opacity:.6;transform:translateX(-24%)}}@keyframes ui-left-out{to{opacity:0;transform:translateX(-24%)}}.ui-sheet-backdrop{container:ui-sheet/inline-size;align-items:flex-end;justify-content:center;background:var(--color-scrim)}.ui-sheet-backdrop[data-surface=over-clip],.ui-sheet-backdrop[data-surface=scene]{background:var(--media-scrim)}.ui-sheet{--ui-sheet-form:bottom;--ui-sheet-muted:var(--color-text-3);--ui-sheet-line:var(--color-line-1);--ui-sheet-press:var(--color-fill-1);--ui-sheet-hover:var(--color-fill-1);--ui-sheet-danger:var(--color-danger-text);--ui-sheet-grabber:var(--color-line-2);--ui-surface:var(--color-raised);position:relative;display:flex;flex-direction:column;box-sizing:border-box;inline-size:100%;max-block-size:calc(var(--app-h, 100dvh) * .92);overflow:hidden;border-start-start-radius:var(--radius-2xl);border-start-end-radius:var(--radius-2xl);background:var(--color-raised);color:var(--color-text-1);box-shadow:var(--elev-sheet);translate:var(--ui-sheet-swipe,0) var(--ui-sheet-drag,0);touch-action:pan-y;transition:translate var(--dur-sheet) var(--ease-standard)}.ui-sheet[data-dragging]{transition:none}.ui-panel.ui-sheet[data-state=closed][data-swiped]{animation-name:ui-sheet-left-out;animation-timing-function:var(--ease-exit)}.ui-sheet[data-surface=over-clip]{--ui-surface:var(--glass-2-bg);border-top:1px solid var(--glass-1-line);background:var(--glass-2-bg);box-shadow:var(--glass-2-shadow);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter)}.ui-sheet[data-surface=scene]{--ui-sheet-muted:var(--scene-text-2);--ui-sheet-line:var(--scene-line);--ui-sheet-press:color-mix(in srgb,var(--scene-text-1) 6%,transparent);--ui-sheet-hover:color-mix(in srgb,var(--scene-text-1) 4%,transparent);--ui-sheet-danger:var(--scene-danger-text);--ui-sheet-grabber:color-mix(in srgb,var(--scene-text-1) 22%,transparent);--ui-surface:var(--scene-900);color-scheme:dark;border-top:1px solid var(--glass-scene-line);background:var(--glass-scene-bg);color:var(--scene-text-1);box-shadow:var(--glass-scene-sheet-shadow),inset 0 1px .5px var(--glass-scene-hi);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.ui-sheet__grabber{position:absolute;inset-block-start:var(--space-2);inset-inline-start:50%;inline-size:36px;block-size:5px;translate:-50% 0;border-radius:var(--radius-full);background:var(--ui-sheet-grabber);touch-action:none}.ui-sheet__head{position:relative;display:flex;align-items:center;gap:var(--space-3);flex:none;padding:var(--space-5) calc(var(--space-12) + var(--space-2)) var(--space-3) var(--space-4);touch-action:none}.ui-sheet__heading{display:flex;flex-direction:column;gap:var(--space-0-5);min-inline-size:0}.ui-sheet__title{margin:0;font:var(--type-title-3);letter-spacing:var(--track-title-3);color:inherit;overflow-wrap:anywhere}.ui-sheet__subtitle{margin:0;font:var(--type-footnote);letter-spacing:var(--track-footnote);color:var(--ui-sheet-muted)}.ui-sheet__close{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.ui-sheet__body{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-4);touch-action:pan-y}.ui-sheet__body[data-scrolled]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,var(--black) var(--space-6));mask-image:linear-gradient(to bottom,transparent 0,var(--black) var(--space-6))}.ui-sheet__body:last-child{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.ui-sheet__foot{display:flex;flex-direction:column;gap:var(--space-2);flex:none;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}.ui-sheet__foot>*{width:100%}.ui-panel.ui-sheet[data-state=open]{animation-name:ui-sheet-up-in;animation-duration:var(--dur-sheet);animation-timing-function:var(--ease-standard)}.ui-panel.ui-sheet[data-state=closed]{animation-name:ui-sheet-up-out;animation-duration:var(--dur-exit);animation-timing-function:var(--ease-exit)}@container ui-sheet (min-width: 1024px){.ui-sheet{--ui-sheet-form:side;align-self:stretch;-webkit-margin-start:auto;margin-inline-start:auto;inline-size:400px;max-block-size:none;border-start-start-radius:var(--radius-2xl);border-start-end-radius:0;border-end-start-radius:var(--radius-2xl);box-shadow:var(--elev-3);translate:none}.ui-sheet[data-size=lg]{inline-size:560px}.ui-sheet[data-surface=over-clip]{border-top:0;-webkit-border-start:1px solid var(--glass-1-line);border-inline-start:1px solid var(--glass-1-line);box-shadow:var(--glass-2-float-shadow)}.ui-sheet[data-surface=scene]{border:1px solid var(--glass-scene-line);-webkit-border-end:0;border-inline-end:0;background:var(--glass-scene-deep-bg);box-shadow:var(--glass-scene-deep-shadow),inset 0 1px .5px var(--glass-scene-hi)}.ui-sheet__grabber{display:none}.ui-sheet__head{touch-action:auto}.ui-panel.ui-sheet[data-state=open]{animation-name:ui-sheet-side-in}.ui-panel.ui-sheet[data-state=closed]{animation-name:ui-sheet-side-out}}@keyframes ui-sheet-left-out{to{transform:translateX(-100vw)}}@keyframes ui-sheet-up-in{0%{transform:translateY(100%)}}@keyframes ui-sheet-up-out{to{transform:translateY(100%)}}@keyframes ui-sheet-side-in{0%{transform:translateX(100%)}}@keyframes ui-sheet-side-out{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.ui-sheet{translate:0 var(--ui-sheet-drag,0);opacity:calc(1 - var(--ui-sheet-swipe-k, 0));transition:none}}.ui-action-sheet{display:flex;flex-direction:column}.ui-action-sheet__row{display:flex;align-items:center;gap:var(--space-4);box-sizing:border-box;min-block-size:var(--control-lg);margin-inline:calc(-1 * var(--space-2));padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background-color:transparent;color:inherit;font:var(--type-headline);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-select) var(--ease-standard)}.ui-action-sheet__row+.ui-action-sheet__row{background-image:linear-gradient(var(--ui-sheet-line),var(--ui-sheet-line));background-repeat:no-repeat;background-position:calc(var(--space-2) + var(--space-10)) 0;background-size:calc(100% - var(--space-2) * 2 - var(--space-10)) 1px}.ui-action-sheet__row:active:not(:disabled){background-color:var(--ui-sheet-press)}@media (hover:hover){.ui-action-sheet__row:hover:not(:disabled){background-color:var(--ui-sheet-hover)}}.ui-action-sheet__row:focus-visible{outline:2px solid var(--ui-focus-color,var(--color-focus));outline-offset:-2px}.ui-action-sheet__row[data-tone=danger]{color:var(--ui-sheet-danger)}.ui-action-sheet__row:disabled{color:var(--color-text-disabled);cursor:not-allowed}.ui-action-sheet__row svg{flex:none}.ui-action-sheet__label{min-inline-size:0;overflow-wrap:anywhere}.kit-demo-overlay-frame{position:relative;display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;inline-size:375px;max-inline-size:100%;block-size:640px;padding:var(--space-5);justify-content:flex-start;align-items:flex-start;overflow:hidden;transform:translateZ(0)}.kit-demo-overlay-frame[data-tone=page]{border:1px solid var(--color-line-1);border-radius:var(--radius-xl);background:var(--color-bg);color:var(--color-text-1)}.kit-demo-overlay-frames{display:flex;flex-wrap:wrap;gap:var(--space-5)}.kit-demo-sheet-lines{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.kit-demo-sheet-lines li{display:flex;flex-direction:column;gap:var(--space-0-5)}.kit-demo-sheet-lines b{font:var(--type-subhead)}.kit-demo-sheet-lines span{font:var(--type-callout)}.kit-demo-sheet-bleed{margin-inline:calc(var(--space-4) * -1)}.ui-dialog-backdrop{container:ui-dialog/inline-size;background:var(--color-scrim)}.ui-dialog-backdrop[data-surface=scene]{background:var(--scene-scrim-strong)}.ui-dialog{--ui-dialog-muted:var(--color-text-2);--ui-dialog-sign-fill:var(--color-danger-soft);--ui-dialog-sign:var(--color-danger-text);--ui-surface:var(--color-raised);position:relative;display:flex;flex-direction:column;gap:var(--space-5);box-sizing:border-box;inline-size:min(340px,100% - var(--space-8));max-block-size:calc(100% - var(--space-8));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6);border:1px solid var(--color-raised-edge);border-radius:var(--radius-2xl);background:var(--color-raised);color:var(--color-text-1);box-shadow:var(--elev-3)}@container ui-dialog (min-width: 768px){.ui-dialog[data-size=sm]{inline-size:min(400px,100% - var(--space-8))}.ui-dialog[data-size=md]{inline-size:min(480px,100% - var(--space-8))}.ui-dialog[data-size=lg]{inline-size:min(640px,100% - var(--space-8))}}.ui-dialog[data-surface=scene]{--ui-dialog-muted:var(--scene-text-2);--ui-dialog-sign-fill:color-mix(in srgb,var(--scene-danger-text) 16%,transparent);--ui-dialog-sign:var(--scene-danger-text);--ui-surface:var(--scene-950);color-scheme:dark;border-color:var(--glass-scene-line);background:var(--glass-scene-deep-bg);color:var(--scene-text-1);box-shadow:var(--glass-scene-deep-shadow),inset 0 1px .5px var(--glass-scene-hi);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.ui-dialog[data-variant=alert]{gap:var(--space-4)}.ui-dialog__close{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.ui-dialog__close+.ui-dialog__words{-webkit-padding-end:var(--space-5);padding-inline-end:var(--space-5)}.ui-dialog__sign{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:48px;block-size:48px;border-radius:var(--radius-full);background:var(--ui-dialog-sign-fill);color:var(--ui-dialog-sign)}.ui-dialog__sign[data-tone=default]{--ui-dialog-sign-fill:var(--color-fill-1);--ui-dialog-sign:var(--color-text-1)}.ui-dialog__words{display:flex;flex-direction:column;gap:var(--space-2)}.ui-dialog__title{margin:0;font:var(--type-title-2);letter-spacing:var(--track-title-2);color:inherit;overflow-wrap:anywhere}.ui-dialog__text{margin:0;font:var(--type-callout);color:var(--ui-dialog-muted)}.ui-dialog__body{gap:var(--space-3);min-inline-size:0}.ui-dialog__body,.ui-dialog__foot{display:flex;flex-direction:column}.ui-dialog__foot{gap:var(--space-2)}.ui-dialog__foot>*{width:100%}.ui-dialog__foot[data-variant=answers]{-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}@container ui-dialog (min-width: 1024px){.ui-dialog__foot{flex-direction:row-reverse;flex-wrap:wrap;justify-content:flex-start}.ui-dialog__foot>*,.ui-dialog__foot>[data-block]{width:auto}.ui-dialog__foot>.ui-button[data-size=lg]{height:var(--control-md);padding-inline:calc(var(--space-5) - 1.5px)}}.ui-panel.ui-dialog[data-state=open]{animation-name:ui-dialog-in;animation-duration:var(--dur-enter);animation-timing-function:var(--ease-standard)}.ui-panel.ui-dialog[data-state=closed]{animation-name:ui-dialog-out;animation-duration:var(--dur-exit);animation-timing-function:var(--ease-exit)}@keyframes ui-dialog-in{0%{opacity:0;transform:scale(.96)}}@keyframes ui-dialog-out{to{opacity:0;transform:scale(.96)}}.ui-menu{position:fixed;z-index:var(--z-overlay);display:flex;flex-direction:column;box-sizing:border-box;inline-size:264px;max-block-size:calc(100dvh - var(--space-4));overflow-y:auto;padding:var(--space-2);border-radius:var(--radius-xl);background:var(--color-raised);color:var(--color-text-1);box-shadow:var(--elev-2),inset 0 0 0 1px var(--color-line-1)}.ui-menu:focus{outline:none}.ui-menu[data-state=open]{animation:ui-menu-in var(--dur-select) var(--ease-standard) both}.ui-menu[data-state=closed]{animation:ui-menu-out var(--dur-exit) var(--ease-exit) both;pointer-events:none}.ui-menu__item{display:flex;align-items:center;gap:var(--space-3);flex:none;box-sizing:border-box;min-block-size:var(--control-md);padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;font:var(--type-subhead-regular);text-align:start;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.ui-menu__item:focus{background:var(--color-fill-1)}.ui-menu__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.ui-menu__item:active:not([aria-disabled=true]){background:var(--color-fill-2)}.ui-menu__item[data-tone=danger]{color:var(--color-danger-text)}.ui-menu__item[aria-disabled=true]{color:var(--color-text-disabled);cursor:not-allowed}.ui-menu__item svg{flex:none}.ui-menu__label{min-inline-size:0;overflow-wrap:anywhere}.ui-menu__separator{flex:none;block-size:1px;margin:var(--space-1) var(--space-3);background:var(--color-line-1)}@keyframes ui-menu-in{0%{opacity:0;transform:scale(.95);filter:blur(2px)}}@keyframes ui-menu-out{to{opacity:0;transform:scale(.95);filter:blur(2px)}}@keyframes ui-menu-fade-in{0%{opacity:0}}@keyframes ui-menu-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.ui-menu[data-state]{animation-duration:var(--dur-fade)!important}.ui-menu[data-state=open]{animation-name:ui-menu-fade-in!important}.ui-menu[data-state=closed]{animation-name:ui-menu-fade-out!important}}.kit-demo-menu-bar{display:flex;align-items:center;gap:var(--space-3);min-block-size:72px;padding:0 var(--space-6);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.kit-demo-menu-cover{flex:none;inline-size:36px;block-size:48px;border-radius:var(--radius-sm);background:radial-gradient(circle at 70% 25%,var(--gold-400) 0 6px,transparent 7px),linear-gradient(160deg,var(--green-400),var(--green-600))}.kit-demo-menu-name{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.kit-demo-menu-name b{font:var(--type-headline)}.kit-demo-menu-name span{font:var(--type-footnote);letter-spacing:var(--track-footnote);color:var(--color-text-3)}.ui-toast-host{position:fixed;z-index:var(--z-toast);inset-inline:0;inset-block-end:calc(env(safe-area-inset-bottom) + var(--space-4));display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-sizing:border-box;padding-inline:var(--space-4);pointer-events:none}html:has(.shell:not(.bare)) .ui-toast-host{inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom) / 2 + var(--space-4))}html:has(.shell) .ui-toast-host{-webkit-padding-start:calc(var(--rail-w, 0px) + var(--space-4));padding-inline-start:calc(var(--rail-w, 0px) + var(--space-4))}@media (min-width:1024px){.ui-toast-host,html:has(.shell:not(.bare)) .ui-toast-host{inset-block-end:calc(env(safe-area-inset-bottom) + var(--space-6))}}html:has(.play-shell) .ui-toast-host{inset-block-end:6%}.ui-toast{--ui-toast-muted:color-mix(in srgb,var(--color-on-inverse) 72%,transparent);--ui-toast-danger:var(--color-danger-on-inverse);--ui-focus-color:var(--color-on-inverse);--ui-focus-edge:transparent;display:flex;align-items:center;gap:var(--space-2-5);box-sizing:border-box;max-inline-size:100%;min-block-size:var(--control-md);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--color-inverse);color:var(--color-on-inverse);box-shadow:var(--elev-2);pointer-events:auto;touch-action:none;translate:0 var(--ui-toast-drag,0);transition:translate var(--dur-enter) var(--ease-standard)}.ui-toast:focus-visible{outline:2px solid var(--ui-focus-color);outline-offset:2px}.ui-toast[data-dragging]{transition:none}.ui-toast[data-layout=card]{gap:var(--space-3);inline-size:min(100%,420px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl)}.ui-toast[data-surface=media]{--ui-toast-muted:var(--color-text-3);--ui-toast-danger:var(--color-danger-text);--ui-focus-color:var(--color-focus);border:1px solid var(--glass-1-line);background:var(--glass-2-bg);color:var(--color-text-1);box-shadow:var(--glass-2-float-shadow);-webkit-backdrop-filter:var(--glass-2-filter);backdrop-filter:var(--glass-2-filter)}.ui-toast[data-surface=scene]{--ui-toast-muted:var(--scene-text-2);--ui-toast-danger:var(--scene-danger-text);--ui-focus-color:var(--scene-text-1);color-scheme:dark;border:1px solid var(--glass-scene-line);background:var(--glass-scene-bg);color:var(--scene-text-1);box-shadow:var(--glass-scene-float-shadow),inset 0 1px .5px var(--glass-scene-hi);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.ui-toast__icon{flex:none}.ui-toast[data-tone=error]{--ui-toast-sign:var(--ui-toast-danger)}.ui-toast__icon{color:var(--ui-toast-sign,currentColor)}.ui-toast__media{display:inline-flex;flex:none;inline-size:var(--avatar-xs);block-size:var(--avatar-xs);overflow:hidden;border-radius:var(--radius-full)}.ui-toast__words{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-0-5);min-inline-size:0}.ui-toast__title{margin:0;font:var(--type-subhead)}.ui-toast[data-layout=card] .ui-toast__title{font-weight:var(--weight-bold)}.ui-toast__body{margin:0;font:var(--type-footnote);letter-spacing:var(--track-footnote);color:var(--ui-toast-muted)}.ui-toast__action{--link-fg:currentColor;flex:none;margin-block:calc(var(--space-3) * -1);-webkit-text-decoration-line:underline;text-decoration-line:underline}.ui-toast[data-state=open]{animation:ui-toast-in var(--dur-enter) var(--ease-standard) both}.ui-toast[data-state=closing]{animation:ui-toast-out var(--dur-exit) var(--ease-exit) both;pointer-events:none}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes ui-toast-out{to{opacity:0;transform:translateY(12px)}}@keyframes ui-toast-fade-in{0%{opacity:0}}@keyframes ui-toast-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.ui-toast{transition:none}.ui-toast[data-state]{animation-duration:var(--dur-fade)!important}.ui-toast[data-state=open]{animation-name:ui-toast-fade-in!important}.ui-toast[data-state=closing]{animation-name:ui-toast-fade-out!important}}.kit-demo-toast-strip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);box-sizing:border-box;min-block-size:128px;padding:var(--space-4)}.kit-demo-toast-strip[data-tone=page]{border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.kit-demo-toast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:var(--space-3);gap:var(--space-3)}.kit-demo-toast-strip>.kit-caption{align-self:flex-start}.ui-banner{--ui-banner-sign:var(--color-text-2);display:flex;align-items:center;gap:var(--space-3);box-sizing:border-box;min-inline-size:0;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-fill-1);color:var(--color-text-2)}.ui-banner[data-tone=warn]{--ui-banner-sign:var(--color-warn-text);background:var(--color-warn-soft);color:var(--color-text-1)}.ui-banner[data-tone=danger]{--ui-banner-sign:var(--color-danger-text);background:var(--color-danger-soft);color:var(--color-text-1)}.ui-banner__sign{flex:none;align-self:flex-start;-webkit-margin-before:1px;margin-block-start:1px;color:var(--ui-banner-sign)}.ui-banner__words{flex:1 1 auto;min-inline-size:0;font:var(--type-callout);overflow-wrap:anywhere}.ui-banner__words :is(p,ul){margin:0}.ui-banner__action,.ui-banner__close{flex:none}.ui-banner__action[data-variant=secondary]{--button-bg:var(--color-bg);--button-bg-hover:var(--color-fill-2);--button-bg-press:var(--color-fill-3)}.ui-banner__close{--close-bg:transparent;--close-bg-hover:color-mix(in srgb,var(--color-text-1) 8%,transparent);--close-bg-press:color-mix(in srgb,var(--color-text-1) 14%,transparent)}.kit-demo-banners{gap:var(--space-3);max-inline-size:560px}.kit-demo-banners,.ui-empty-state{display:flex;flex-direction:column}.ui-empty-state{--ui-empty-ink:var(--color-text-1);--ui-empty-muted:var(--color-text-3);align-items:center;justify-content:center;box-sizing:border-box;text-align:center;color:var(--ui-empty-muted)}.ui-empty-state[data-surface=scene]{--ui-empty-ink:var(--scene-text-1);--ui-empty-muted:var(--scene-text-2)}.ui-empty-state[data-size=page]{flex:1 0 auto;min-block-size:calc(100dvh - var(--tabbar-h, 0px) - env(safe-area-inset-bottom));padding:var(--space-6) var(--space-4)}.ui-empty-state[data-size=section]{padding:var(--space-8) var(--space-4)}.ui-empty-state[data-size=inline]{display:block;margin:0;font:var(--type-callout);text-align:start}.ui-empty-state__words{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4)}.ui-empty-state__title{margin:0;font:var(--type-title-2);letter-spacing:var(--track-title-2);color:var(--ui-empty-ink);text-wrap:balance}.ui-empty-state__body{max-inline-size:32ch;margin:0;font:var(--type-callout);color:var(--ui-empty-muted);text-wrap:balance}.ui-empty-state__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);-webkit-margin-before:var(--space-5);margin-block-start:var(--space-5)}.kit-demo-empty-phone{display:flex;flex-direction:column;box-sizing:border-box;inline-size:300px;max-inline-size:100%;block-size:480px;overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-xl);background:var(--color-bg)}.kit-demo-empty-card>.ui-empty-state[data-size=page],.kit-demo-empty-phone>.ui-empty-state[data-size=page]{min-block-size:0}.kit-demo-empty-card>.ui-empty-state[data-size=page]{padding-block:var(--space-12)}.kit-demo-empty-phones{display:flex;flex-wrap:wrap;gap:var(--space-4)}.kit-demo-empty-card{inline-size:340px;max-inline-size:100%;overflow:hidden;border:1px solid var(--color-line-1);border-radius:var(--radius-lg);background:var(--color-bg)}.kit-demo-empty-card[data-tone=sheet]{box-sizing:border-box;padding:var(--space-5) var(--space-4);border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-lg) var(--radius-lg);background:var(--color-raised)}.kit-demo-empty-card[data-tone=scene]{box-sizing:border-box;padding:var(--space-4);border-color:var(--scene-line);border-radius:var(--radius-2xl);background:var(--scene-card);color:var(--scene-text-1)}.kit-demo-empty-card h4{margin:0 0 var(--space-4);font:var(--type-title-3);letter-spacing:var(--track-title-3)}.kit-demo-empty-card>.ui-tabs{padding-inline:var(--space-4)}.ui-skeleton{--ui-skeleton:color-mix(in srgb,var(--color-text-1) 8%,transparent);display:block;flex:none;box-sizing:border-box;border-radius:var(--radius-xs);background:var(--ui-skeleton);animation:ui-skeleton-pulse var(--dur-pulse) var(--ease-standard) infinite alternate}.ui-skeleton[data-surface=scene]{--ui-skeleton:color-mix(in srgb,var(--scene-text-1) 8%,transparent)}.ui-skeleton[data-shape=line]{inline-size:100%;block-size:16px}.ui-skeleton[data-shape=line][data-size=sm]{block-size:12px}.ui-skeleton[data-shape=circle]{inline-size:var(--ui-skeleton-face,var(--avatar-md));block-size:var(--ui-skeleton-face,var(--avatar-md));border-radius:var(--radius-full)}.ui-skeleton[data-size="2xs"]{--ui-skeleton-face:var(--avatar-2xs)}.ui-skeleton[data-size=xs]{--ui-skeleton-face:var(--avatar-xs)}.ui-skeleton[data-size=sm]{--ui-skeleton-face:var(--avatar-sm)}.ui-skeleton[data-size=lg]{--ui-skeleton-face:var(--avatar-lg)}.ui-skeleton[data-size=xl]{--ui-skeleton-face:var(--avatar-xl)}.ui-skeleton[data-shape=cover]{inline-size:100%;aspect-ratio:3/4;border-radius:var(--radius-lg)}.ui-skeleton[data-shape=block]{border-radius:var(--radius-md)}@keyframes ui-skeleton-pulse{0%{opacity:1}to{opacity:.6}}@media (prefers-reduced-motion:reduce){.ui-skeleton{animation:none}}.ui-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2-5);inline-size:100%}.ui-skeleton-text[data-size=sm]{gap:var(--space-2)}.ui-skeleton-row{display:flex;align-items:center;gap:var(--space-3);box-sizing:border-box;inline-size:100%;min-block-size:64px;padding:0 var(--space-4)}.ui-skeleton-row[data-size=lg]{min-block-size:76px}.ui-skeleton-row__lines{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2);min-inline-size:0}.ui-skeleton-row__end[data-shape]{inline-size:64px;block-size:var(--control-sm);border-radius:var(--radius-full)}.ui-skeleton-cover{display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:0}.ui-skeleton-group{min-inline-size:0}.ui-skeleton-reveal{animation:ui-skeleton-reveal var(--dur-select) var(--ease-standard) both}@keyframes ui-skeleton-reveal{0%{opacity:0}}.kit-demo-skeletons{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-8)}.kit-demo-skeleton-text{inline-size:220px}.kit-demo-skeleton-faces{display:flex;align-items:flex-end;gap:var(--space-3)}.kit-demo-skeleton-covers{display:flex;align-items:flex-end;gap:var(--space-2)}.kit-demo-skeleton-rows{display:flex;flex-direction:column;inline-size:340px;max-inline-size:100%}.kit-demo-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);inline-size:340px;max-inline-size:100%}.kit-demo-skeleton-scene{display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;inline-size:320px;max-inline-size:100%;padding:var(--space-4);border:1px solid var(--scene-line);border-radius:var(--radius-xl);background:var(--scene-card);color:var(--scene-text-1);font:var(--type-title-3)}.kit-demo-skeleton-scene .ui-skeleton-row{padding:0;min-block-size:40px}.ui-spinner{display:inline-flex;flex:none;vertical-align:middle;color:var(--color-text-1)}.ui-spinner[data-tone=inherit]{color:inherit}.ui-spinner[data-tone=media]{color:var(--media-text)}.ui-spinner[data-tone=scene]{color:var(--scene-text-1)}.ui-spinner__ring{display:block;animation:ui-spinner-turn var(--dur-spin) linear infinite}.ui-spinner__track{fill:none;stroke:currentColor;stroke-opacity:.2}.ui-spinner__arc{fill:none;stroke:currentColor;stroke-linecap:round}@keyframes ui-spinner-turn{to{transform:rotate(1turn)}}@keyframes ui-spinner-breathe{to{opacity:.4}}@media (prefers-reduced-motion:reduce){.ui-spinner__ring{animation-name:ui-spinner-breathe;animation-duration:var(--dur-pulse)!important;animation-timing-function:var(--ease-standard);animation-iteration-count:infinite!important;animation-direction:alternate}}.list-end{display:grid;place-items:center;min-height:72px}.kit-demo-spinner-disc{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--control-lg);block-size:var(--control-lg);border-radius:var(--radius-full);background:var(--scene-fill-1)}.ui-progress{position:relative;overflow:hidden;block-size:6px;border-radius:var(--radius-full);background:var(--color-fill-2)}.ui-progress__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--ui-progress, 0) * 100%);border-radius:inherit;background:var(--color-text-1);transition:inline-size var(--dur-select) var(--ease-standard)}.ui-progress[data-surface=scene]{background:var(--scene-fill-2)}.ui-progress[data-surface=scene] .ui-progress__fill{background:var(--scene-text-1)}.ui-progress[data-state=indeterminate] .ui-progress__fill{inline-size:30%;animation:ui-progress-sweep var(--dur-sweep) var(--ease-standard) infinite}@keyframes ui-progress-sweep{0%{translate:-100% 0}to{translate:340% 0}}@media (prefers-reduced-motion:reduce){.ui-progress[data-state=indeterminate] .ui-progress__fill{animation:none;translate:125% 0}}.ui-progress[data-variant=clip]{block-size:2px;background:color-mix(in srgb,var(--media-text) 35%,transparent)}.ui-progress[data-variant=clip] .ui-progress__fill{background:var(--media-text);transition:none}.ui-meter{--ui-meter-fill:var(--color-text-1);display:flex;flex-direction:column;gap:var(--space-1-5);min-inline-size:0}.ui-meter[data-level=warn]{--ui-meter-fill:var(--color-warn-text)}.ui-meter[data-level=alert]{--ui-meter-fill:var(--color-alert)}.ui-meter__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.ui-meter__label{font:var(--type-subhead);color:var(--color-text-1)}.ui-meter__value{font:var(--type-footnote);letter-spacing:var(--track-footnote);color:var(--color-text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ui-meter__bar{position:relative;overflow:hidden;block-size:8px;border-radius:var(--radius-full);background:var(--color-fill-2)}.ui-meter__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:max(calc(var(--ui-progress, 0) * 100%),var(--ui-meter-least,0px));border-radius:inherit;background:var(--ui-meter-fill);transition:inline-size var(--dur-select) var(--ease-standard),background-color var(--dur-select) var(--ease-standard)}.kit-demo-progress{display:flex;flex-direction:column;gap:var(--space-5);inline-size:320px;max-inline-size:100%}.kit-demo-progress-clip{position:relative;inline-size:320px;max-inline-size:100%;block-size:120px;padding:0}.kit-demo-progress-clip .ui-progress{position:absolute;inset-inline:0;inset-block-end:var(--space-3)}.pager{display:flex;height:100dvh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.pager-page{flex:0 0 100%;min-width:0;height:100%;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always}.pager.still{overflow-x:hidden}.pager.fit{height:auto;align-items:flex-start}.pager.fit>.pager-page{height:auto;overflow:visible}