.button{appearance:none;box-sizing:border-box;width:auto;height:auto;transition:var(--default-transition);font-family:var(--body-font-family);outline-offset:-2px;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.button[data-ellipsis=true]{flex-shrink:1;min-width:0}.button[data-ellipsis=true]>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.button[data-content-alignment=start]{justify-content:flex-start}.button[data-content-alignment=space-between]{justify-content:flex-start}.button[data-content-alignment=space-between]>span{text-align:left;width:100%}.button[data-content-alignment=center]{justify-content:center}.button[data-content-alignment=end]{justify-content:flex-end}.button[data-size=Xsmall]{height:calc(var(--size-unit) * 5);padding:0px var(--size-small-base);border-radius:calc(var(--border-radius-small-base) - 2px);gap:var(--gap-small-base);font-size:13px}.button[data-size=Xsmall]>.icon:not([data-size]){width:var(--size-icon-small-base);height:var(--size-icon-small-base)}.button[data-size=Xsmall]:has(>.icon:only-child){width:calc(var(--size-unit) * 5)}.button[data-size=Xsmall][data-shape=Circular]{border-radius:calc(var(--size-unit) * 5)}.button[data-size=Xsmall] span{font-size:13px}.button[data-size=Small]{height:calc(var(--size-unit) * 6);padding:0px var(--size-small-base);border-radius:var(--border-radius-small-base);gap:var(--gap-small-base);font-size:13px}.button[data-size=Small]>.icon:not([data-size]){width:var(--size-icon-small-base);height:var(--size-icon-small-base)}.button[data-size=Small]:has(>.icon:only-child){width:calc(var(--size-unit) * 6)}.button[data-size=Small][data-shape=Circular]{border-radius:calc(var(--size-unit) * 6)}.button[data-size=Small] span{font-size:13px}.button[data-size=Normal]{height:calc(var(--size-unit) * 8);padding:var(--size-normal-base);border-radius:var(--border-radius-normal-base);gap:var(--gap-normal-base);font-size:14px}.button[data-size=Normal]>.icon:not([data-size]){width:var(--size-icon-normal-base);height:var(--size-icon-normal-base)}.button[data-size=Normal]:has(>.icon:only-child){width:calc(var(--size-unit) * 8)}.button[data-size=Normal][data-shape=Circular]{border-radius:calc(var(--size-unit) * 8)}.button[data-size=Normal] span{font-size:14px}.button[data-size=Large]{height:calc(var(--size-unit) * 12);padding:var(--size-large-base);border-radius:var(--border-radius-large-base);gap:var(--gap-large-base);font-size:16px}.button[data-size=Large]>.icon:not([data-size]){width:var(--size-icon-large-base);height:var(--size-icon-large-base)}.button[data-size=Large]:has(>.icon:only-child){width:calc(var(--size-unit) * 12)}.button[data-size=Large][data-shape=Circular]{border-radius:calc(var(--size-unit) * 12)}.button[data-size=Large] span{font-size:16px}.button{cursor:var(--pointer-cursor)}.button[data-fill-style=Ghost]{background-color:var(--button-rest-ghost-background-color);color:var(--button-rest-ghost-text-color)}.button[data-fill-style=Ghost]:hover,.button[data-fill-style=Ghost][data-hover=true]{background-color:color-mix(in srgb, var(--button-hover-ghost-background-color) 12.5%, transparent);color:var(--button-hover-ghost-text-color)}.button[data-fill-style=Ghost]:active,.button[data-fill-style=Ghost][data-active=true]{box-shadow:inset 0px .625px .5px 0px color-mix(in srgb, var(--color-white) var(--button-inset-highlight-opacity,12.5%), transparent), 0px 1px 1px 0px color-mix(in srgb, var(--color-black) 12.5%, transparent);background-color:color-mix(in srgb, var(--button-active-ghost-background-color) 25%, transparent);color:var(--button-active-ghost-text-color)}.button[data-fill-style=Ghost]:disabled{background-color:color-mix(in srgb, var(--button-disabled-ghost-background-color) 0%, transparent);color:var(--button-disabled-ghost-text-color);cursor:var(--not-allowed-cursor);opacity:.5}.button[data-fill-style=Ghost]:disabled>*{cursor:var(--not-allowed-cursor)}.button:focus-visible{outline-offset:-2px;outline:2px solid}.button[data-fill-style=Ghost][data-color=Neutral]{--button-rest-ghost-background-color:transparent;--button-rest-ghost-text-color:var(--color-neutral-400);--button-hover-ghost-background-color:var(--color-neutral-400);--button-hover-ghost-text-color:var(--color-neutral-300);--button-active-ghost-background-color:var(--color-neutral-400);--button-active-ghost-text-color:var(--color-neutral-200);--button-disabled-ghost-background-color:var(--color-neutral-400);--button-disabled-ghost-text-color:var(--color-neutral-500)}.button[data-fill-style=Ghost][data-color=Primary]{--button-rest-ghost-background-color:transparent;--button-rest-ghost-text-color:var(--color-primary-400);--button-hover-ghost-background-color:var(--color-primary-400);--button-hover-ghost-text-color:var(--color-primary-300);--button-active-ghost-background-color:var(--color-primary-400);--button-active-ghost-text-color:var(--color-primary-200);--button-disabled-ghost-background-color:var(--color-primary-300);--button-disabled-ghost-text-color:var(--color-primary-400)}.button[data-fill-style=Ghost][data-color=Constructive]{--button-rest-ghost-background-color:transparent;--button-rest-ghost-text-color:var(--color-constructive-400);--button-hover-ghost-background-color:var(--color-constructive-400);--button-hover-ghost-text-color:var(--color-constructive-300);--button-active-ghost-background-color:var(--color-constructive-400);--button-active-ghost-text-color:var(--color-constructive-200);--button-disabled-ghost-background-color:var(--color-constructive-300);--button-disabled-ghost-text-color:var(--color-constructive-400)}.button[data-fill-style=Ghost][data-color=Warning]{--button-rest-ghost-background-color:transparent;--button-rest-ghost-text-color:var(--color-warning-400);--button-hover-ghost-background-color:var(--color-warning-400);--button-hover-ghost-text-color:var(--color-warning-300);--button-active-ghost-background-color:var(--color-warning-400);--button-active-ghost-text-color:var(--color-warning-200);--button-disabled-ghost-background-color:var(--color-warning-300);--button-disabled-ghost-text-color:var(--color-warning-400)}.button[data-fill-style=Ghost][data-color=Destructive]{--button-rest-ghost-background-color:transparent;--button-rest-ghost-text-color:var(--color-destructive-400);--button-hover-ghost-background-color:var(--color-destructive-400);--button-hover-ghost-text-color:var(--color-destructive-300);--button-active-ghost-background-color:var(--color-destructive-400);--button-active-ghost-text-color:var(--color-destructive-200);--button-disabled-ghost-background-color:var(--color-destructive-300);--button-disabled-ghost-text-color:var(--color-destructive-400)}.button[data-fill-style=Solid]{background-color:var(--button-rest-solid-background-color);color:color-contrast(var(--button-active-solid-background-color) vs var(--color-white), var(--color-black));box-shadow:inset 0px .625px .5px 0px color-mix(in srgb, var(--color-white) var(--button-inset-highlight-opacity,12.5%), transparent), inset 0px -.5px .5px 0px color-mix(in srgb, var(--color-black) var(--button-inset-shadow-opacity,25%), transparent), 0px 1px 1px 0px color-mix(in srgb, var(--color-black) 12.5%, transparent)}.button[data-fill-style=Solid]:hover,.button[data-fill-style=Solid][data-hover=true]{box-shadow:inset 0px .625px .5px 0px color-mix(in srgb, var(--color-white) calc(var(--button-inset-highlight-opacity,12.5%) / 2), transparent), inset 0px -.5px .5px 0px color-mix(in srgb, var(--color-black) calc(var(--button-inset-shadow-opacity,25%) / 2), transparent);background-color:var(--button-hover-solid-background-color)}.button[data-fill-style=Solid]:active,.button[data-fill-style=Solid][data-active=true]{box-shadow:inset 0px .625px .5px 0px color-mix(in srgb, var(--color-white) 0%, transparent), inset 0px -.5px .5px 0px color-mix(in srgb, var(--color-black) 0%, transparent);background-color:var(--button-active-solid-background-color)}.button[data-fill-style=Solid]:disabled{box-shadow:none;background-color:var(--button-disabled-solid-background-color);cursor:var(--not-allowed-cursor);opacity:.25}.button[data-fill-style=Solid][data-color=Neutral]{--button-inset-highlight-opacity:12.5%;--button-inset-shadow-opacity:12.5%;--button-rest-solid-background-color:var(--color-neutral-800);--button-hover-solid-background-color:var(--color-neutral-700);--button-active-solid-background-color:var(--color-neutral-600);--button-disabled-solid-background-color:var(--color-neutral-800)}.button[data-fill-style=Solid][data-color=Primary]{--button-inset-highlight-opacity:25%;--button-inset-shadow-opacity:25%;--button-rest-solid-background-color:var(--color-primary-500);--button-hover-solid-background-color:var(--color-primary-600);--button-active-solid-background-color:var(--color-primary-700);--button-disabled-solid-background-color:var(--color-primary-700)}.button[data-fill-style=Solid][data-color=Constructive]{--button-rest-solid-background-color:var(--color-constructive-500);--button-hover-solid-background-color:var(--color-constructive-600);--button-active-solid-background-color:var(--color-constructive-700);--button-disabled-solid-background-color:var(--color-constructive-700)}.button[data-fill-style=Solid][data-color=Warning]{--button-rest-solid-background-color:var(--color-warning-500);--button-hover-solid-background-color:var(--color-warning-600);--button-active-solid-background-color:var(--color-warning-700);--button-disabled-solid-background-color:var(--color-warning-700)}.button[data-fill-style=Solid][data-color=Destructive]{--button-rest-solid-background-color:var(--color-destructive-700);--button-hover-solid-background-color:var(--color-destructive-600);--button-active-solid-background-color:var(--color-destructive-500);--button-disabled-solid-background-color:var(--color-destructive-700)}
.word-cycler{--word-cycler-rx:0deg;--word-cycler-ry:0deg;--word-cycler-press:0px;--word-cycler-tx:0px;--word-cycler-ty:0px;--word-cycler-blur:0px;--word-cycler-opacity:1;isolation:isolate;white-space:nowrap;box-sizing:content-box;vertical-align:baseline;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:width var(--word-cycler-duration,.5s) cubic-bezier(.22, 1, .36, 1), color var(--word-cycler-duration,.5s) cubic-bezier(.22, 1, .36, 1);align-items:baseline;display:inline-flex;position:relative}.word-cycler__surface{z-index:-1;border-radius:inherit;background-color:var(--word-cycler-background,var(--color-white));transform:perspective(600px) rotateX(var(--word-cycler-rx)) rotateY(var(--word-cycler-ry)) translateZ(var(--word-cycler-press));filter:blur(var(--word-cycler-blur));opacity:var(--word-cycler-opacity);transition:transform .25s cubic-bezier(.22, 1, .36, 1), filter .25s cubic-bezier(.22, 1, .36, 1), opacity .25s cubic-bezier(.22, 1, .36, 1), background-color var(--word-cycler-duration,.5s) cubic-bezier(.22, 1, .36, 1);pointer-events:none;position:absolute;inset:0;overflow:hidden}.word-cycler__surface-layer{opacity:0;transition:opacity var(--word-cycler-duration,.5s) cubic-bezier(.22, 1, .36, 1);position:absolute;inset:0}.word-cycler__surface-layer[data-active=true]{opacity:1}.word-cycler__surface-layer>img,.word-cycler__surface-layer>video{object-fit:cover;width:100%;height:100%;display:block}.word-cycler__clip{min-width:0;transform:translate(var(--word-cycler-tx), var(--word-cycler-ty));flex:auto;align-items:baseline;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex;overflow:clip}.word-cycler.word-cycler,.word-cycler.word-cycler span{font-size:inherit}.word-cycler__track{flex:none;display:inline-block;position:relative}.word-cycler__decoration{transform:skewX(var(--word-cycler-decoration-skew,-7.5deg));flex:none;align-self:center;align-items:center;display:inline-flex}.word-cycler__word{align-items:baseline;gap:var(--word-cycler-decoration-gap,.125em);will-change:transform, filter;display:inline-flex}.word-cycler__word--out{animation:word-cycler-out var(--word-cycler-duration,.5s) cubic-bezier(.22, 1, .36, 1) forwards;position:absolute;top:0;left:0}.word-cycler__word--in{animation:word-cycler-in var(--word-cycler-duration,.5s) cubic-bezier(.22, 1, .36, 1) both}@keyframes word-cycler-in{0%{filter:blur(var(--word-cycler-motion-blur,.08em));transform:translateY(110%)}to{filter:blur();transform:translateY(0)}}@keyframes word-cycler-out{0%{filter:blur();transform:translateY(0)}to{filter:blur(var(--word-cycler-motion-blur,.08em));transform:translateY(-110%)}}.word-cycler__cursor-anchor{z-index:2147483647;pointer-events:none;position:fixed;top:0;left:0}.word-cycler__cursor{opacity:0;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.word-cycler__cursor-image{visibility:hidden;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.word-cycler__cursor[data-kind=arrow] [data-kind=arrow],.word-cycler__cursor[data-kind=hand] [data-kind=hand]{visibility:visible}.word-cycler[data-hinting],.word-cycler[data-hinting] *{cursor:none!important}@media (prefers-reduced-motion:reduce){.word-cycler,.word-cycler__surface,.word-cycler__surface-layer,.word-cycler__clip,.word-cycler__word--in,.word-cycler__word--out{transition:none;animation:none}}
.icon{width:initial;height:initial;pointer-events:none;transition:var(--default-transition);flex-shrink:0;display:flex}.icon svg [id*=color1]{fill:currentColor;transition:var(--default-transition)}.icon[data-clickable=true]{pointer-events:all}
.input-wrapper{font-family:var(--typography-body-family);letter-spacing:normal;outline:1px solid color-mix(in srgb, var(--color-primary-400) 0%, transparent);outline-offset:-1px;transition:var(--default-transition);flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.input-wrapper .input-content-resizer{flex:auto;align-items:center;min-width:0;max-width:100%;display:inline-grid;position:relative}.input-wrapper .input-content-resizer input,.input-wrapper .input-content-resizer .input-resizer-ghost-wrapper{font:inherit;letter-spacing:inherit;grid-area:1/1/2/2}.input-wrapper .input-content-resizer .input-resizer-ghost-wrapper{visibility:hidden;white-space:pre;pointer-events:none;overflow:hidden}.input-wrapper .input-content-resizer .input-resizer-ghost-wrapper .input-resizer-ghost{min-width:1ch;display:inline-block}.input-wrapper input{color:currentColor;appearance:none;width:100%;min-width:0;max-width:100%;height:100%;transition:var(--transition);text-overflow:ellipsis;cursor:var(--text-cursor);background:0 0;border:none;outline:none;flex-shrink:1;margin:0;padding:0}.input-wrapper input::selection{background-color:color-mix(in srgb, var(--color-primary-300) 50%, transparent)}.input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input[type=date]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.input-wrapper input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.input-wrapper input[type=datetime-local]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.input-wrapper input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.input-wrapper input[type=number]{-moz-appearance:textfield;appearance:none}.input-wrapper[data-size=Small]{height:calc(var(--size-unit) * 6);padding:0px var(--size-small-base);border-radius:var(--border-radius-small-base);gap:var(--gap-small-base);font-size:13px}.input-wrapper[data-size=Small]>.right-decorator .icon:not([data-size]),.input-wrapper[data-size=Small]>.icon:not([data-size]){width:var(--size-icon-small-base);height:var(--size-icon-small-base)}.input-wrapper[data-size=Normal]{height:calc(var(--size-unit) * 8);padding:var(--size-normal-base);border-radius:var(--border-radius-normal-base);gap:var(--gap-normal-base);font-size:14px}.input-wrapper[data-size=Normal]>.right-decorator .icon:not([data-size]),.input-wrapper[data-size=Normal]>.icon:not([data-size]){width:var(--size-icon-normal-base);height:var(--size-icon-normal-base)}.input-wrapper[data-size=Large]{height:calc(var(--size-unit) * 12);padding:var(--size-large-base);border-radius:var(--border-radius-large-base);gap:var(--gap-large-base);font-size:16px}.input-wrapper[data-size=Large]>.right-decorator .icon:not([data-size]),.input-wrapper[data-size=Large]>.icon:not([data-size]){width:var(--size-icon-large-base);height:var(--size-icon-large-base)}.input-wrapper[data-fill-style]{background-color:var(--color-black);color:var(--color-white)}.input-wrapper[data-fill-style] input::placeholder{color:var(--color-neutral-300);opacity:.25}.input-wrapper[data-fill-style]:hover{outline:1px solid color-mix(in srgb, var(--color-primary-400) 50%, transparent);outline-offset:-1px}.input-wrapper[data-fill-style][data-active=true]{outline:1px solid color-mix(in srgb, var(--color-primary-500) 100%, transparent)}.input-wrapper[data-fill-style]:has(input:focus){outline:1px solid color-mix(in srgb, var(--color-primary-500) 100%, transparent)}.input-wrapper[data-fill-style]:has(input:disabled){outline:1px solid color-mix(in srgb, var(--color-primary-500) 0%, transparent);cursor:not-allowed;opacity:.5}.input-wrapper[data-fill-style]:has(input:disabled) input{cursor:not-allowed}.input-wrapper[data-fill-style][data-invalid=true][data-show-error]{outline:1px solid var(--color-destructive-500)}.input-wrapper[data-fill-style][data-invalid=true][data-show-error]:hover{outline:1px solid var(--color-destructive-400)}.input-wrapper[data-fill-style][data-invalid=true][data-show-error]:has(input:focus){outline:1px solid var(--color-destructive-500)}.input-error-message{color:var(--color-destructive-500);white-space:nowrap;pointer-events:none;font-size:12px;position:absolute;bottom:-18px;left:0}.input-wrapper[data-fill-style=Ghost]{background-color:color-mix(in srgb, var(--color-black) 0%, transparent);color:var(--color-white)}.input-wrapper[data-fill-style=Ghost]:hover{background-color:color-mix(in srgb, var(--color-black) 50%, transparent)}.input-wrapper[data-fill-style=Ghost][data-active=true]{background-color:color-mix(in srgb, var(--color-black) 100%, transparent)}.input-wrapper[data-fill-style=Ghost]:has(input:focus){background-color:color-mix(in srgb, var(--color-black) 100%, transparent)}.input-wrapper[data-fill-style=Ghost]:has(input:disabled){background-color:color-mix(in srgb, var(--color-black) 100%, transparent)}
.tooltip{box-sizing:border-box;background-color:color-mix(in srgb, var(--color-black) 90%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-normal-base);box-shadow:0 4px 8px 0px color-mix(in srgb, var(--color-black) 20%, transparent);z-index:1000;visibility:hidden;max-width:calc(100vw - 16px);padding:calc(var(--size-unit) * 2);pointer-events:none;outline:none;flex-direction:column;font-size:13px;display:flex;overflow:visible}.tooltip[data-positioned=true]{visibility:visible}.tooltip-content{overscroll-behavior:contain;pointer-events:none;flex-direction:column;display:flex;overflow:auto}.tooltip-arrow{fill:var(--color-black);pointer-events:none}.tooltip[data-placement^=top]{animation-name:tooltip-enter-top}.tooltip[data-placement^=bottom]{animation-name:tooltip-enter-bottom}.tooltip[data-placement^=left]{animation-name:tooltip-enter-left}.tooltip[data-placement^=right]{animation-name:tooltip-enter-right}@keyframes tooltip-enter-top{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tooltip-enter-bottom{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tooltip-enter-left{0%{opacity:0;transform:translate(4px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes tooltip-enter-right{0%{opacity:0;transform:translate(-4px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.tooltip-backdrop{background:0 0;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.tooltip{animation:none}}
