@layer theme, base, components, utilities;@layer components{:root{--syn-z-sticky:10;--syn-z-sticky-nav:20;--syn-z-popover:40;--syn-z-dialog:40;--syn-z-toast:50;--syn-z-tooltip:60;--syn-ui-quick:var(--syn-duration-quick);--syn-ui-base:var(--syn-duration-base);--syn-ui-gentle:var(--syn-duration-gentle);--syn-ui-exit:var(--syn-duration-exit);--syn-ui-indicator:var(--syn-duration-indicator);--syn-ui-popover:var(--syn-duration-popover);--syn-ui-press-in:var(--syn-duration-press-in);--syn-ui-press-out:var(--syn-duration-press-out);--syn-ui-modal:var(--syn-duration-modal);--syn-fill-accent:linear-gradient(180deg,var(--syn-accent-solid),color-mix(in oklab,var(--syn-accent-solid) 88%,black));--syn-fill-accent-hover:linear-gradient(180deg,color-mix(in oklab,var(--syn-accent-solid) 88%,white),var(--syn-accent-solid));--syn-fill-accent-active:linear-gradient(180deg,color-mix(in oklab,var(--syn-accent-solid) 88%,black),color-mix(in oklab,var(--syn-accent-solid) 78%,black));--syn-fill-critical:linear-gradient(180deg,var(--syn-critical-solid),color-mix(in oklab,var(--syn-critical-solid) 88%,black));--syn-fill-critical-hover:linear-gradient(180deg,color-mix(in oklab,var(--syn-critical-solid) 88%,white),var(--syn-critical-solid));--syn-fill-critical-active:linear-gradient(180deg,color-mix(in oklab,var(--syn-critical-solid) 88%,black),color-mix(in oklab,var(--syn-critical-solid) 78%,black));--syn-fill-disabled:linear-gradient(180deg,var(--syn-bg-component),var(--syn-bg-component-active));--syn-inset-highlight:inset 0 1px 0 0 rgb(255 255 255/0.25)}@media (prefers-reduced-motion:reduce){:root{--syn-ui-quick:0ms;--syn-ui-base:0ms;--syn-ui-gentle:0ms;--syn-ui-exit:0ms;--syn-ui-indicator:0ms;--syn-ui-popover:0ms;--syn-ui-press-in:0ms;--syn-ui-press-out:0ms;--syn-ui-modal:0ms}}.syn-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:clip;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}}@layer base{::-webkit-scrollbar{inline-size:12px;block-size:12px;background:transparent}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background-clip:padding-box;background-color:transparent}:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--syn-text) 16%,transparent)}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--syn-text) 32%,transparent)}::-webkit-scrollbar-thumb:active{background-color:color-mix(in oklab,var(--syn-text) 45%,transparent)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--syn-text) 18%,transparent) transparent}}}@layer components{.syn-alert-dialog .syn-dialog-header{padding:var(--syn-space-5)}}@layer components{.syn-alert{--_bg:var(--syn-bg-subtle);--_border:var(--syn-border-subtle);--_icon:var(--syn-text-muted);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-column-gap:var(--syn-space-2-5);column-gap:var(--syn-space-2-5);box-sizing:border-box;padding:var(--syn-space-3);border:var(--syn-border-hairline) solid var(--_border);border-radius:var(--syn-radius-md);background:var(--_bg);color:var(--syn-text);font:var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans);&:has(>.syn-alert-action){grid-template-columns:auto minmax(0,1fr) auto}}.syn-alert-icon{grid-column:1;grid-row:1;inline-size:1rem;block-size:1rem;margin-block:calc((var(--syn-line-height-sm) * var(--syn-font-size-sm) - 1rem) / 2);color:var(--_icon)}.syn-alert-title{grid-column:2;font-weight:var(--syn-font-weight-medium)}.syn-alert-description{grid-column:2;& p{margin:0}}.syn-alert-title+.syn-alert-description{-webkit-margin-before:var(--syn-space-0-5);margin-block-start:var(--syn-space-0-5)}.syn-alert-action{grid-column:3;grid-row:1/span 2;align-self:center;display:flex;align-items:center;gap:var(--syn-space-2);-webkit-margin-start:var(--syn-space-1);margin-inline-start:var(--syn-space-1)}.syn-alert[data-tone=info]{--_bg:var(--syn-info-bg);--_border:var(--syn-info-border);--_icon:var(--syn-info-text)}.syn-alert[data-tone=positive]{--_bg:var(--syn-positive-bg);--_border:var(--syn-positive-border);--_icon:var(--syn-positive-text)}.syn-alert[data-tone=caution]{--_bg:var(--syn-caution-bg);--_border:var(--syn-caution-border);--_icon:var(--syn-caution-text)}.syn-alert[data-tone=critical]{--_bg:var(--syn-critical-bg);--_border:var(--syn-critical-border);--_icon:var(--syn-critical-text)}.syn-avatar{--_size:1.5rem;position:relative;isolation:isolate;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);overflow:clip;border-radius:var(--syn-radius-pill);background:var(--syn-bg-component-active);color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-micro) /1 var(--syn-font-sans);vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.syn-avatar-fallback,.syn-avatar-image{position:absolute;inset:0;inline-size:100%;block-size:100%}}@layer components{.syn-avatar-image{z-index:1;object-fit:cover;&[data-error],&[data-loading]{visibility:hidden}}.syn-avatar-fallback{display:grid;place-items:center;background:var(--syn-bg-component-active);color:var(--syn-text)}:is(.syn-avatar,.syn-avatar-group-count)[data-size="20"]{--_size:1.25rem}:is(.syn-avatar,.syn-avatar-group-count)[data-size="32"]{--_size:2rem;font-size:var(--syn-font-size-xs)}:is(.syn-avatar,.syn-avatar-group-count)[data-size="40"]{--_size:2.5rem;font-size:var(--syn-font-size-base)}.syn-avatar-group{display:inline-flex;align-items:center;isolation:isolate;&>:is(.syn-avatar,.syn-avatar-group-count){box-shadow:0 0 0 var(--syn-space-0-5) var(--syn-bg)}&>*+*{-webkit-margin-start:calc(-1 * var(--syn-space-1-5));margin-inline-start:calc(-1 * var(--syn-space-1-5))}}.syn-avatar-group-count{--_size:1.5rem;position:relative;display:inline-grid;flex:none;place-items:center;box-sizing:border-box;min-inline-size:var(--_size);block-size:var(--_size);padding-inline:var(--syn-space-1);border-radius:var(--syn-radius-pill);background:var(--syn-bg-component);color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-micro) /1 var(--syn-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.syn-avatar-fallback[data-color=gray]{background:var(--syn-label-gray-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=red]{background:var(--syn-label-red-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=orange]{background:var(--syn-label-orange-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=yellow]{background:var(--syn-label-yellow-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=lime]{background:var(--syn-label-lime-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=green]{background:var(--syn-label-green-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=teal]{background:var(--syn-label-teal-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=cyan]{background:var(--syn-label-cyan-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=blue]{background:var(--syn-label-blue-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=purple]{background:var(--syn-label-purple-text);color:var(--syn-bg)}.syn-avatar-fallback[data-color=pink]{background:var(--syn-label-pink-text);color:var(--syn-bg)}}@layer components{.syn-badge{--_h:1.25rem;--_icon:0.75rem;display:inline-flex;align-items:center;gap:var(--syn-space-1);box-sizing:border-box;block-size:var(--_h);padding-inline:var(--syn-space-1-5);border-radius:var(--syn-radius-base);background:var(--syn-bg-component);color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-xs) /1rem var(--syn-font-sans);letter-spacing:.15px;white-space:nowrap;& svg{inline-size:var(--_icon);block-size:var(--_icon);flex:none}}.syn-badge[data-size=md]{--_h:1.5rem;--_icon:0.875rem;padding-inline:var(--syn-space-2)}.syn-badge[data-tone=accent]{background:var(--syn-accent-bg);color:var(--syn-accent-text)}.syn-badge[data-tone=outline]{background:transparent;box-shadow:inset 0 0 0 var(--syn-border-hairline) var(--syn-border);color:var(--syn-text-muted)}.syn-badge[data-status]{border-radius:var(--syn-radius-pill);background:var(--_bg);color:var(--_text)}.syn-badge[data-status][data-variant=solid]{background:var(--_solid);box-shadow:none;color:var(--_on-solid)}.syn-badge[data-tone=positive]{--_bg:var(--syn-positive-bg);--_border:var(--syn-positive-border);--_text:var(--syn-positive-text);--_solid:var(--syn-positive-solid);--_on-solid:var(--syn-positive-on-solid)}.syn-badge[data-tone=caution]{--_bg:var(--syn-caution-bg);--_border:var(--syn-caution-border);--_text:var(--syn-caution-text);--_solid:var(--syn-caution-solid);--_on-solid:var(--syn-caution-on-solid)}.syn-badge[data-tone=critical]{--_bg:var(--syn-critical-bg);--_border:var(--syn-critical-border);--_text:var(--syn-critical-text);--_solid:var(--syn-critical-solid);--_on-solid:var(--syn-critical-on-solid)}.syn-badge[data-tone=info]{--_bg:var(--syn-info-bg);--_border:var(--syn-info-border);--_text:var(--syn-info-text);--_solid:var(--syn-info-solid);--_on-solid:var(--syn-info-on-solid)}.syn-badge-count{display:inline-grid;place-items:center;box-sizing:border-box;min-inline-size:1.125rem;block-size:1.125rem;padding-inline:var(--syn-space-1);border-radius:var(--syn-radius-pill);background:var(--syn-bg-component);color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-micro) /1 var(--syn-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syn-badge-count[data-tone=accent]{background:var(--syn-accent-solid);color:var(--syn-accent-on-solid)}.syn-badge-count[data-tone=critical]{background:var(--syn-critical-solid);color:var(--syn-critical-on-solid)}.syn-breadcrumb-list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;color:var(--syn-text-muted);font:var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans);overflow-wrap:anywhere}.syn-breadcrumb-item,.syn-breadcrumb-list{align-items:center;gap:var(--syn-space-1-5)}.syn-breadcrumb-item{display:inline-flex;min-inline-size:0}}@layer components{.syn-breadcrumb-link{border-radius:var(--syn-radius-sm);color:inherit;text-decoration:none;transition:color var(--syn-ui-quick) var(--syn-easing-standard);@media (hover:hover){&:hover{color:var(--syn-text)}}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}}.syn-breadcrumb-page{color:var(--syn-text);font-weight:var(--syn-font-weight-medium)}.syn-breadcrumb-separator{display:inline-flex;align-items:center;& svg{inline-size:.875rem;block-size:.875rem;flex:none}&:dir(rtl) svg{transform:scaleX(-1)}}.syn-breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--syn-size-control-xs);block-size:var(--syn-size-control-xs);& svg{inline-size:1rem;block-size:1rem;flex:none}}}@layer components{.syn-button-group{display:inline-flex;align-items:stretch;isolation:isolate;&>.syn-button:focus-visible{z-index:1}@media (hover:hover){&>.syn-button:hover{z-index:1}}}.syn-button-group[data-orientation=horizontal]{&>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}&>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}&>.syn-button+.syn-button{-webkit-margin-start:calc(var(--syn-border-hairline) * -1);margin-inline-start:calc(var(--syn-border-hairline) * -1)}}.syn-button-group[data-orientation=vertical]{flex-direction:column;&>:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}&>:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}&>.syn-button+.syn-button{-webkit-margin-before:calc(var(--syn-border-hairline) * -1);margin-block-start:calc(var(--syn-border-hairline) * -1)}}.syn-button-group-separator{flex:none;align-self:stretch;inline-size:var(--syn-border-hairline);background:var(--syn-border);&[data-orientation=horizontal]{inline-size:auto;block-size:var(--syn-border-hairline)}}}@layer components{.syn-button{--_h:var(--syn-size-control);--_px:var(--syn-space-3);--_gap:var(--syn-space-1);--_icon:1rem;--_radius:var(--syn-radius-base);position:relative;isolation:isolate;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--_gap);box-sizing:border-box;block-size:var(--_h);padding-inline:var(--_px);border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--_radius);background:var(--syn-bg);color:var(--syn-text);box-shadow:var(--syn-shadow-xs);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--syn-ui-quick) ease,border-color var(--syn-ui-quick) ease,box-shadow var(--syn-ui-quick) ease,color var(--syn-ui-quick) ease,transform var(--syn-ui-press-out) var(--syn-easing-standard);& svg{inline-size:var(--_icon);block-size:var(--_icon);flex:none}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}@media (hover:hover){&:hover:not([data-disabled]){background:var(--syn-bg-subtle);border-color:var(--syn-border-subtle)}}&:active:not([data-disabled]){background:var(--syn-bg-component);border-color:var(--syn-border-strong);transform:scale(.98);transition-duration:var(--syn-ui-quick),var(--syn-ui-quick),var(--syn-ui-quick),var(--syn-ui-quick),var(--syn-ui-press-in)}}.syn-button-content{display:contents}.syn-button[data-size=xs]{--_h:var(--syn-size-control-xs);--_px:var(--syn-space-2);--_gap:var(--syn-space-1);--_icon:0.875rem;--_radius:calc(var(--syn-radius-base) - 2px);font-size:var(--syn-font-size-xs);line-height:1rem}.syn-button[data-size=sm],[data-density=compact] .syn-button[data-size=md]{--_h:var(--syn-size-control-sm);--_px:var(--syn-space-2-5)}.syn-button[data-size=lg]{--_h:var(--syn-size-control-lg);--_px:var(--syn-space-4);--_gap:var(--syn-space-1-5);font-size:var(--syn-font-size-base)}@media (pointer:coarse){.syn-button[data-size=md],[data-density=compact] .syn-button[data-size=md]{--_h:var(--syn-size-control-lg)}.syn-button:after{content:"";position:absolute;inset:min(0px,calc((var(--_h) - var(--syn-size-tap)) / 2))}}.syn-button[data-icon-only]{inline-size:var(--_h);padding-inline:0}.syn-button[data-variant=primary]{border-color:transparent;background:var(--syn-fill-accent);color:var(--syn-accent-on-solid);&:before{content:"";position:absolute;inset:calc(var(--syn-border-hairline) * -1);z-index:-1;border-radius:inherit;background:var(--syn-fill-accent-hover);opacity:0;pointer-events:none;transition:opacity var(--syn-ui-quick) ease}@media (hover:hover){&:hover:not([data-disabled]){border-color:transparent;background:var(--syn-fill-accent)}&:hover:not([data-disabled]):before{opacity:1}}&:active:not([data-disabled]){border-color:transparent;background:var(--syn-fill-accent-active)}&:active:not([data-disabled]):before{opacity:0}}.syn-button[data-variant=tinted]{border-color:transparent;background:var(--syn-accent-bg);box-shadow:none;color:var(--syn-accent-text);@media (hover:hover){&:hover:not([data-disabled]){border-color:transparent;background:var(--syn-accent-bg-hover)}}&:active:not([data-disabled]){border-color:transparent;background:color-mix(in oklab,var(--syn-accent-bg-hover) 70%,var(--syn-accent-border))}}.syn-button[data-variant=ghost]{border-color:transparent;background:transparent;box-shadow:none;color:var(--syn-text-muted);@media (hover:hover){&:hover:not([data-disabled]){border-color:transparent;background:var(--syn-bg-subtle);color:var(--syn-text)}}&:active:not([data-disabled]){border-color:transparent;background:var(--syn-bg-component);color:var(--syn-text)}}.syn-button[data-variant=link]{block-size:auto;padding:0;border:0;background:none;box-shadow:none;color:var(--syn-accent-text);text-underline-offset:3px;@media (hover:hover){&:hover:not([data-disabled]){background:none;text-decoration:underline}}&:active:not([data-disabled]){background:none;transform:none}}.syn-button[data-tone=critical]{color:var(--syn-critical-text);@media (hover:hover){&:hover:not([data-disabled]){border-color:var(--syn-critical-border);background:var(--syn-critical-bg)}}}.syn-button[data-tone=critical][data-variant=primary]{background:var(--syn-fill-critical);color:var(--syn-critical-on-solid);&:before{background:var(--syn-fill-critical-hover)}@media (hover:hover){&:hover:not([data-disabled]){border-color:transparent;background:var(--syn-fill-critical)}}&:active:not([data-disabled]){background:var(--syn-fill-critical-active)}}.syn-button[data-tone=critical][data-variant=ghost]:hover:not([data-disabled]),.syn-button[data-tone=critical][data-variant=tinted]:hover:not([data-disabled]){border-color:transparent}.syn-button[data-tone=critical][data-variant=tinted]{background:var(--syn-critical-bg)}.syn-button[data-tone=critical][data-variant=link]:hover:not([data-disabled]){border-color:transparent;background:none}.syn-button[data-disabled]:not([aria-busy=true]){border-color:transparent;background:var(--syn-bg-subtle);box-shadow:none;color:var(--syn-text-disabled);cursor:not-allowed;transform:none;&:before{display:none}}.syn-button[data-disabled]:not([aria-busy=true])[data-variant=primary]{background:var(--syn-fill-disabled)}.syn-button[data-disabled]:not([aria-busy=true])[data-variant=ghost],.syn-button[data-disabled]:not([aria-busy=true])[data-variant=link]{background:transparent}.syn-button[aria-busy=true]{cursor:progress;&>.syn-button-content{visibility:hidden}}.syn-button-spinner{position:absolute;inset:0;display:grid;place-items:center;& svg{animation:syn-spin .8s linear infinite}}@keyframes syn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.syn-button,.syn-button:active{transform:none}.syn-button-spinner svg{animation-duration:2.4s}}}@layer components{.syn-card{display:flex;flex-direction:column;box-sizing:border-box;min-inline-size:0;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg);box-shadow:var(--syn-shadow-card);color:var(--syn-text);font:var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans)}.syn-card-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;grid-column-gap:var(--syn-space-3);column-gap:var(--syn-space-3);padding:var(--syn-space-4);&:has(>.syn-card-action){grid-template-columns:minmax(0,1fr) auto}&>:not(.syn-card-action){grid-column:1}}.syn-card-title{margin:0;font:var(--syn-font-weight-semibold) var(--syn-font-size-base) /var(--syn-line-height-base) var(--syn-font-sans);text-wrap:balance}.syn-card-description{margin:0;color:var(--syn-text-muted)}.syn-card-title+.syn-card-description{-webkit-margin-before:var(--syn-space-1);margin-block-start:var(--syn-space-1)}.syn-card-action{grid-column:2;grid-row:1/span 2;justify-self:end;display:flex;align-items:center;gap:var(--syn-space-1)}.syn-card-content{padding:var(--syn-space-4)}.syn-card-header+.syn-card-content{-webkit-padding-before:0;padding-block-start:0}.syn-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--syn-space-2);-webkit-margin-before:auto;margin-block-start:auto;padding:var(--syn-space-3) var(--syn-space-4);-webkit-border-before:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-start:var(--syn-border-hairline) solid var(--syn-bg-component)}}@layer components{.syn-checkbox{position:relative;box-sizing:border-box;display:inline-grid;flex:none;place-items:center;inline-size:1rem;block-size:1rem;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:calc(var(--syn-radius-base) - 2px);background:var(--syn-bg);box-shadow:var(--syn-shadow-xs);color:var(--syn-accent-on-solid);vertical-align:middle;cursor:pointer;transition:background-color var(--syn-ui-quick) ease,border-color var(--syn-ui-quick) ease,box-shadow var(--syn-ui-quick) ease;@media (hover:hover){&:hover:not([data-disabled],[data-checked],[data-indeterminate]){border-color:var(--syn-border-strong)}}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&[data-checked],&[data-indeterminate]{border-color:transparent;background:var(--syn-fill-accent);box-shadow:inset 0 2px 0 0 rgb(255 255 255/.25),inset 0 0 0 1px var(--syn-accent-solid)}@media (hover:hover){&[data-checked]:hover:not([data-disabled]),&[data-indeterminate]:hover:not([data-disabled]){background:var(--syn-fill-accent-hover)}}&[data-invalid]:not([data-checked],[data-indeterminate]){border-color:var(--syn-critical-solid)}&[data-disabled]{border-color:var(--syn-bg-component);background:var(--syn-bg-subtle);box-shadow:none;color:var(--syn-text-disabled);cursor:not-allowed}@media (pointer:coarse){&:before{content:"";position:absolute;inset:calc((1rem - var(--syn-size-tap)) / 2)}}}.syn-checkbox-indicator{display:grid;place-items:center;& svg{inline-size:1rem;block-size:1rem}& svg path{stroke-dasharray:1;stroke-dashoffset:0;animation:syn-check-draw var(--syn-ui-indicator) var(--syn-easing-out)}&[data-indeterminate]{& svg{display:none}&:before{content:"";inline-size:.5rem;block-size:var(--syn-space-0-5);border-radius:var(--syn-radius-pill);background:currentColor}}}:where(label:has(>.syn-checkbox)){display:inline-flex;align-items:center;gap:var(--syn-space-2)}@keyframes syn-check-draw{0%{stroke-dashoffset:1}}}@layer components{.syn-collapsible{min-inline-size:0}.syn-collapsible-trigger{--_h:var(--syn-size-control);display:flex;align-items:center;gap:var(--syn-space-2);box-sizing:border-box;inline-size:100%;block-size:var(--_h);margin:0;padding-inline:var(--syn-space-2);border:0;border-radius:var(--syn-radius-base);background:transparent;color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1 var(--syn-font-sans);text-align:start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--syn-ui-quick) var(--syn-easing-standard);&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}@media (hover:hover){&:hover:not([data-disabled]){background:var(--syn-bg-component-hover)}}&:active:not([data-disabled]){background:var(--syn-bg-component-active)}&[data-disabled]{color:var(--syn-text-disabled);cursor:not-allowed}}[data-density=compact] .syn-collapsible-trigger{--_h:var(--syn-size-control-sm)}@media (pointer:coarse){.syn-collapsible-trigger,[data-density=compact] .syn-collapsible-trigger{--_h:var(--syn-size-control-lg)}}.syn-collapsible-trigger-content{display:flex;flex:1 1;align-items:center;gap:var(--syn-space-2);min-inline-size:0;& svg{inline-size:1rem;block-size:1rem;flex:none}}.syn-collapsible-chevron{inline-size:1rem;block-size:1rem;flex:none;color:var(--syn-text-muted);transition:transform var(--syn-ui-base) var(--syn-easing-standard);[data-panel-open]>&{transform:rotate(180deg)}[data-disabled]>&{color:var(--syn-text-disabled)}}.syn-collapsible-content{height:var(--collapsible-panel-height);overflow:clip;transition:height var(--syn-ui-base) var(--syn-easing-standard);&[data-ending-style],&[data-starting-style]{height:0}&[hidden]:not([hidden=until-found]){display:none}}}@layer components{.syn-input-group-addon.syn-combobox-actions{gap:0}.syn-combobox-trigger svg{transition:transform var(--syn-ui-quick) var(--syn-easing-standard)}.syn-combobox-trigger[data-popup-open] svg{transform:rotate(180deg)}.syn-combobox-positioner{z-index:var(--syn-z-popover);outline:none}.syn-combobox-content{box-sizing:border-box;display:flex;flex-direction:column;inline-size:var(--anchor-width);max-inline-size:var(--available-width);max-block-size:min(24rem,var(--available-height));border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg);box-shadow:var(--syn-shadow-dropdown);color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);outline:none;transform-origin:var(--transform-origin);transition:opacity var(--syn-ui-popover) var(--syn-easing-out),transform var(--syn-ui-popover) var(--syn-easing-out),filter var(--syn-ui-popover) var(--syn-easing-out);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.95);filter:blur(2px)}&[data-ending-style]{transition-duration:var(--syn-ui-popover);transition-timing-function:var(--syn-easing-out)}}.syn-combobox-list{box-sizing:border-box;min-block-size:0;padding:var(--syn-space-2);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--syn-space-1);outline:none;&[data-empty]{padding:0}}.syn-combobox-item{display:flex;align-items:center;gap:var(--syn-space-2);box-sizing:border-box;min-block-size:var(--syn-size-control-sm);padding-inline:var(--syn-space-2);border-radius:var(--syn-radius-base);outline:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;&[data-highlighted]{background:var(--syn-bg-subtle)}&[data-disabled]{color:var(--syn-text-disabled);cursor:not-allowed}}.syn-combobox-item-text{display:flex;flex:1 1;align-items:center;gap:var(--syn-space-2);min-inline-size:0;&>svg{inline-size:1rem;block-size:1rem;flex:none;color:var(--syn-text-muted)}}.syn-combobox-item-indicator{display:flex;flex:none;color:var(--syn-accent-text);& svg{inline-size:1rem;block-size:1rem}}.syn-combobox-empty{color:var(--syn-text-muted);&:not(:empty){padding:var(--syn-space-3)}}.syn-combobox-group-label{padding:var(--syn-space-2) var(--syn-space-2) var(--syn-space-1);color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-sans)}.syn-input.syn-input-group.syn-combobox-chips[data-size]{block-size:auto;min-block-size:var(--_h);padding-block:calc(var(--syn-space-1) - var(--syn-border-hairline));-webkit-padding-start:var(--syn-space-1);padding-inline-start:var(--syn-space-1)}.syn-combobox-chips-list{display:flex;flex:1 1;flex-wrap:wrap;align-items:center;gap:var(--syn-space-1);min-inline-size:0}.syn-combobox-chip{display:inline-flex;align-items:center;gap:var(--syn-space-0-5);box-sizing:border-box;block-size:var(--syn-size-control-xs);padding-inline:var(--syn-space-2) var(--syn-space-0-5);border-radius:var(--syn-radius-sm);background:var(--syn-bg-component);color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-xs) /1 var(--syn-font-sans);white-space:nowrap;cursor:default;&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&:focus{background:var(--syn-bg-component-active)}}.syn-combobox-chip-remove{display:grid;place-items:center;inline-size:1.25rem;block-size:1.25rem;margin:0;padding:0;border:0;border-radius:calc(var(--syn-radius-sm) - var(--syn-space-px));background:transparent;color:var(--syn-text-muted);cursor:pointer;& svg{inline-size:.875rem;block-size:.875rem}@media (hover:hover){&:hover:not([data-disabled]){background:var(--syn-bg-subtle);color:var(--syn-text)}}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}}.syn-input-group-input.syn-combobox-chips-input{flex:1 1;min-inline-size:4rem;block-size:var(--syn-size-control-xs);-webkit-padding-start:var(--syn-space-1-5);padding-inline-start:var(--syn-space-1-5)}.syn-command-dialog-viewport{position:fixed;inset:0;z-index:var(--syn-z-dialog);display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--syn-space-4) var(--syn-space-4)}}@layer components{.syn-command-dialog{box-sizing:border-box;display:flex;flex-direction:column;inline-size:min(40rem,100%);max-block-size:100%;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-xl);background:var(--syn-bg);box-shadow:var(--syn-shadow-lg);color:var(--syn-text);font:var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans);outline:none;transition:opacity var(--syn-ui-base) var(--syn-easing-emphasized),transform var(--syn-ui-base) var(--syn-easing-emphasized);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translateY(calc(var(--syn-space-2) * -1)) scale(.98)}&[data-ending-style]{transition-duration:var(--syn-ui-exit);transition-timing-function:var(--syn-easing-exit)}}.syn-command-input-group{display:flex;flex:none;align-items:center;gap:var(--syn-space-2-5);padding-inline:var(--syn-space-4);-webkit-border-after:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-end:var(--syn-border-hairline) solid var(--syn-bg-component);border-start-start-radius:calc(var(--syn-radius-xl) - var(--syn-border-hairline));border-start-end-radius:calc(var(--syn-radius-xl) - var(--syn-border-hairline));color:var(--syn-text-muted);&:has(.syn-command-input:focus-visible){outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:-1px}&>svg{inline-size:1rem;block-size:1rem;flex:none}}.syn-command-input{flex:1 1 auto;box-sizing:border-box;min-inline-size:0;block-size:3rem;margin:0;padding:0;border:0;background:transparent;color:var(--syn-text);font:var(--syn-font-size-base) /var(--syn-line-height-base) var(--syn-font-sans);outline:none;&::placeholder{color:var(--syn-text-muted);opacity:1}@media (pointer:coarse){font-size:var(--syn-font-size-md)}}.syn-command-list{box-sizing:border-box;flex:0 1 auto;min-block-size:0;max-block-size:20rem;padding:var(--syn-space-1-5);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--syn-space-1-5);&[data-empty]{display:none}}.syn-command-group+.syn-command-group{-webkit-margin-before:var(--syn-space-1-5);margin-block-start:var(--syn-space-1-5)}.syn-command-group-label{padding:var(--syn-space-2) var(--syn-space-2) var(--syn-space-1);color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-micro) /var(--syn-line-height-micro) var(--syn-font-sans);letter-spacing:var(--syn-tracking-label);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.syn-command-item{--_h:var(--syn-size-control);display:flex;align-items:center;gap:var(--syn-space-2-5);box-sizing:border-box;min-block-size:var(--_h);padding-inline:var(--syn-space-2);border-radius:var(--syn-radius-base);color:var(--syn-text);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;&>svg{inline-size:1rem;block-size:1rem;flex:none;color:var(--syn-text-muted)}&[data-highlighted]{background:var(--syn-bg-component-hover);&>svg{color:var(--syn-text)}}&[data-disabled]{color:var(--syn-text-disabled);cursor:not-allowed}}[data-density=compact] .syn-command-item{--_h:var(--syn-size-control-sm)}@media (pointer:coarse){.syn-command-item,[data-density=compact] .syn-command-item{--_h:var(--syn-size-control-lg)}}.syn-command-shortcut{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--syn-space-4);padding-inline-start:var(--syn-space-4);color:var(--syn-text-muted);font:var(--syn-font-size-xs) /1 var(--syn-font-mono);white-space:nowrap}.syn-command-empty-message{padding:var(--syn-space-8) var(--syn-space-4);color:var(--syn-text-muted);text-align:center;overflow-wrap:anywhere}.syn-command-footer{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--syn-space-4);padding:var(--syn-space-2) var(--syn-space-4);-webkit-border-before:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-start:var(--syn-border-hairline) solid var(--syn-bg-component);border-end-start-radius:calc(var(--syn-radius-xl) - var(--syn-border-hairline));border-end-end-radius:calc(var(--syn-radius-xl) - var(--syn-border-hairline));background:var(--syn-bg-subtle);color:var(--syn-text-muted);font:var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-sans);&>span{display:inline-flex;align-items:center;gap:var(--syn-space-1)}}}@layer components{.syn-dialog-backdrop{position:fixed;inset:0;z-index:var(--syn-z-dialog);background:var(--syn-overlay);transition:opacity var(--syn-ui-modal) var(--syn-easing-out);&[data-ending-style],&[data-starting-style]{opacity:0}&[data-ending-style]{transition-duration:var(--syn-ui-exit)}}.syn-dialog-viewport{position:fixed;inset:0;z-index:var(--syn-z-dialog);display:grid;place-items:center;padding:var(--syn-space-4);overflow-y:auto;&[data-placement=top]{place-items:start center;-webkit-padding-before:10vh;padding-block-start:10vh}}.syn-dialog{--_w:35rem;position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);inline-size:min(var(--_w),100%);max-block-size:100%;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-xl);background:var(--syn-bg);box-shadow:var(--syn-shadow-xl),0 0 0 var(--syn-border-hairline) var(--syn-bg-component);color:var(--syn-text);font:var(--syn-font-size-base) /var(--syn-line-height-base) var(--syn-font-sans);outline:none;transition:opacity var(--syn-ui-modal) var(--syn-easing-modal),transform var(--syn-ui-modal) var(--syn-easing-modal),filter var(--syn-ui-modal) var(--syn-easing-modal);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.85);filter:blur(4px)}&[data-ending-style]{transition-timing-function:var(--syn-easing-modal)}}.syn-dialog[data-size=sm]{--_w:25rem}.syn-dialog[data-size=lg]{--_w:55rem}.syn-dialog-close{position:absolute;inset-block-start:var(--syn-space-3);inset-inline-end:var(--syn-space-3)}.syn-dialog-header{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--syn-space-1);gap:var(--syn-space-1);padding:var(--syn-space-5) var(--syn-space-12) 0 var(--syn-space-5)}.syn-dialog-title{margin:0;font:var(--syn-font-weight-semibold) var(--syn-font-size-md) /var(--syn-line-height-md) var(--syn-font-sans);letter-spacing:var(--syn-tracking-md);text-wrap:balance}.syn-dialog-description{margin:0;color:var(--syn-text-muted)}.syn-dialog-body{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--syn-space-4);gap:var(--syn-space-4);padding:var(--syn-space-4) var(--syn-space-5) var(--syn-space-5);min-block-size:0;overflow-y:auto}.syn-dialog-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--syn-space-2);padding:var(--syn-space-4) var(--syn-space-5);-webkit-border-before:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-start:var(--syn-border-hairline) solid var(--syn-bg-component)}.syn-dialog>:not([data-slot]){padding-inline:var(--syn-space-5)}.syn-dropdown-menu-positioner{z-index:var(--syn-z-popover);outline:none}}@layer components{.syn-dropdown-menu{box-sizing:border-box;min-inline-size:12rem;max-block-size:var(--available-height);padding:var(--syn-space-2);overflow-y:auto;overscroll-behavior:contain;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg);box-shadow:var(--syn-shadow-dropdown);color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);outline:none;transform-origin:var(--transform-origin);transition:opacity var(--syn-ui-popover) var(--syn-easing-out),transform var(--syn-ui-popover) var(--syn-easing-out),filter var(--syn-ui-popover) var(--syn-easing-out);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.95);filter:blur(2px)}&[data-ending-style]{transition-duration:var(--syn-ui-popover);transition-timing-function:var(--syn-easing-out)}}.syn-dropdown-menu-item{--_h:var(--syn-size-control-sm);display:flex;align-items:center;gap:var(--syn-space-2);box-sizing:border-box;min-block-size:var(--_h);padding-inline:var(--syn-space-2);border-radius:var(--syn-radius-base);color:var(--syn-text);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;&>svg{inline-size:1rem;block-size:1rem;flex:none;color:var(--syn-text-muted)}&[data-highlighted]{background:var(--syn-bg-subtle)}&[data-disabled]{color:var(--syn-text-disabled);cursor:not-allowed;&>svg{color:currentColor}}}[data-density=compact] .syn-dropdown-menu-item{--_h:var(--syn-size-control-sm)}@media (pointer:coarse){.syn-dropdown-menu-item,[data-density=compact] .syn-dropdown-menu-item{--_h:var(--syn-size-control-lg)}}.syn-dropdown-menu-item[data-tone=critical]:not([data-disabled]){color:var(--syn-critical-text);&>svg{color:currentColor}&[data-highlighted]{background:var(--syn-critical-bg)}}.syn-dropdown-menu-sub-trigger[data-popup-open]{background:var(--syn-bg-subtle)}.syn-dropdown-menu-item>.syn-dropdown-menu-chevron{-webkit-margin-start:auto;margin-inline-start:auto;&:dir(rtl){transform:scaleX(-1)}}.syn-dropdown-menu-shortcut{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--syn-space-4);padding-inline-start:var(--syn-space-4);color:var(--syn-text-muted);font:var(--syn-font-size-xs) /1 var(--syn-font-mono);white-space:nowrap;[data-disabled]>&{color:inherit}}.syn-dropdown-menu-indicator{display:grid;place-items:center;inline-size:1rem;block-size:1rem;flex:none;& svg{inline-size:1rem;block-size:1rem}}.syn-dropdown-menu-radio-dot{inline-size:.375rem;block-size:.375rem;border-radius:var(--syn-radius-pill);background:currentColor}.syn-dropdown-menu-label{padding:var(--syn-space-2) var(--syn-space-2) var(--syn-space-1);color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-micro) /var(--syn-line-height-micro) var(--syn-font-sans);letter-spacing:var(--syn-tracking-label);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.syn-dropdown-menu-separator{block-size:var(--syn-border-hairline);margin:var(--syn-space-1) calc(var(--syn-space-1) * -1);background:var(--syn-border-subtle)}.syn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--syn-space-1);box-sizing:border-box;min-inline-size:0;padding:var(--syn-space-10) var(--syn-space-6);color:var(--syn-text);font:var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans);text-align:center}.syn-empty[data-bordered]{border:var(--syn-border-hairline) dashed var(--syn-border);border-radius:var(--syn-radius-md)}}@layer components{.syn-empty-media{display:grid;flex:none;place-items:center;inline-size:2.5rem;block-size:2.5rem;-webkit-margin-after:var(--syn-space-2);margin-block-end:var(--syn-space-2);border-radius:var(--syn-radius-lg);background:var(--syn-accent-bg);color:var(--syn-accent-text);& svg{inline-size:1.25rem;block-size:1.25rem}}.syn-empty-title{margin:0;font:var(--syn-font-weight-semibold) var(--syn-font-size-base) /var(--syn-line-height-base) var(--syn-font-sans);text-wrap:balance}.syn-empty-description{max-inline-size:40ch;margin:0;color:var(--syn-text-muted);text-wrap:pretty}.syn-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--syn-space-2);-webkit-margin-before:var(--syn-space-3);margin-block-start:var(--syn-space-3)}.syn-field{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--syn-space-1-5);gap:var(--syn-space-1-5);min-inline-size:0}}@layer components{.syn-field-label{color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans);.syn-field[data-disabled] &{color:var(--syn-text-disabled)}}.syn-field-optional{color:var(--syn-text-muted);font-weight:var(--syn-font-weight-regular)}.syn-field-description{margin:0;color:var(--syn-text-muted);font:var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-sans)}.syn-field-error{display:flex;align-items:center;gap:var(--syn-space-1-5);margin:0;color:var(--syn-critical-text);font:var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-sans);& svg{inline-size:.875rem;block-size:.875rem;flex:none}}.syn-input{--_h:var(--syn-size-control);--_ring:transparent;box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:var(--_h);margin:0;padding-inline:var(--syn-space-3) var(--syn-space-2);border:0;border-radius:var(--syn-radius-base);background:var(--syn-bg-component);box-shadow:inset 0 0 0 2px var(--_ring);color:var(--syn-text);font:var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);outline:none;transition:background-color var(--syn-ui-quick) ease,box-shadow var(--syn-ui-quick) ease,color var(--syn-ui-quick) ease;&::placeholder{color:var(--syn-text-disabled);opacity:1;transition:color var(--syn-ui-quick) ease}&:focus::placeholder{color:var(--syn-text-muted)}@media (hover:hover){&:hover:not([data-disabled]){--_ring:var(--syn-border-subtle)}}&:focus,&:focus-within{--_ring:var(--syn-focus-ring)}&[data-invalid]{background:var(--syn-critical-bg);--_ring:transparent;&::placeholder{color:var(--syn-critical-text)}&:focus,&:focus-within{--_ring:var(--syn-critical-solid)}}&[data-disabled]{background:var(--syn-bg-subtle);color:var(--syn-text-disabled);cursor:not-allowed;--_ring:transparent}@media (pointer:coarse){font-size:var(--syn-font-size-md)}}.syn-input[data-appearance=outline]{--_edge:var(--syn-border-subtle);background:var(--syn-bg);box-shadow:inset 0 0 0 var(--syn-border-hairline) var(--_edge),var(--syn-shadow-xs);@media (hover:hover){&:hover:not([data-disabled]){--_edge:var(--syn-border-strong)}}&:focus,&:focus-within{--_edge:var(--syn-focus-ring);box-shadow:inset 0 0 0 var(--syn-border-hairline) var(--_edge),0 0 0 3px color-mix(in oklab,var(--syn-focus-ring) 18%,transparent)}&:has(.syn-input-group-input[data-invalid]),&[data-invalid]{--_edge:var(--syn-critical-solid);background:var(--syn-bg)}&:has(.syn-input-group-input[data-disabled]),&[data-disabled]{--_edge:var(--syn-bg-component);background:var(--syn-bg-subtle);box-shadow:inset 0 0 0 var(--syn-border-hairline) var(--_edge)}}.syn-input[data-size=sm],[data-density=compact] .syn-input[data-size=md]{--_h:var(--syn-size-control-sm);padding-inline:var(--syn-space-2)}.syn-input[data-size=lg]{--_h:var(--syn-size-control-lg);padding-inline:var(--syn-space-3);font-size:var(--syn-font-size-base)}@media (pointer:coarse){.syn-input[data-size=md],[data-density=compact] .syn-input[data-size=md]{--_h:var(--syn-size-control-lg)}}.syn-textarea{block-size:auto;min-block-size:calc(var(--_h) * 2);padding-block:var(--syn-space-2);resize:vertical;field-sizing:content}.syn-input-group{display:flex;align-items:center;gap:var(--syn-space-2)}}@layer components{.syn-input.syn-input-group:has(.syn-input-group-input[data-invalid]){background:var(--syn-critical-bg);&:focus-within{--_ring:var(--syn-critical-solid)}}.syn-input.syn-input-group:has(.syn-input-group-input[data-disabled]){background:var(--syn-bg-subtle);color:var(--syn-text-disabled);cursor:not-allowed;--_ring:transparent;& .syn-input-group-addon,& .syn-input-group-text{color:var(--syn-text-disabled)}}.syn-input-group-input{flex:1 1;align-self:stretch;box-sizing:border-box;min-inline-size:0;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;outline:none;&::placeholder{color:var(--syn-text-muted);opacity:1}&[data-disabled]{cursor:not-allowed}}.syn-input-group-addon{display:flex;flex:none;align-items:center;gap:var(--syn-space-1-5);color:var(--syn-text-muted);cursor:text;-webkit-user-select:none;-moz-user-select:none;user-select:none;&>svg{inline-size:1rem;block-size:1rem;flex:none}&[data-align=start]{order:-1}&[data-align=end]{order:1}&[data-align=start]:has(>.syn-button:first-child){-webkit-margin-start:calc(var(--syn-space-1) * -1);margin-inline-start:calc(var(--syn-space-1) * -1)}&[data-align=end]:has(>.syn-button:last-child){-webkit-margin-end:calc(var(--syn-space-1) * -1);margin-inline-end:calc(var(--syn-space-1) * -1)}}.syn-input-group-text{color:var(--syn-text-muted);white-space:nowrap;& kbd{font:inherit}}}@layer components{.syn-item{--_h:var(--syn-size-control-lg);display:flex;align-items:center;gap:var(--syn-space-3);box-sizing:border-box;min-inline-size:0;min-block-size:var(--_h);margin:0;padding-block:var(--syn-space-1-5);padding-inline:var(--syn-space-3);border:var(--syn-border-hairline) solid transparent;border-radius:var(--syn-radius-base);background:transparent;color:var(--syn-text);font:var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans);text-align:start;text-decoration:none;transition:background-color var(--syn-ui-quick) var(--syn-easing-standard);&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:-1px}}.syn-item[data-variant=outline]{border-color:var(--syn-border-subtle);background:var(--syn-bg)}.syn-item[data-size=sm]{gap:var(--syn-space-2);padding-inline:var(--syn-space-2-5)}.syn-item[data-size=sm],[data-density=compact] .syn-item[data-size=md]{--_h:var(--syn-size-control);padding-block:var(--syn-space-1)}.syn-item:is(a[href],button){cursor:pointer;@media (hover:hover){&:hover:not(:disabled){background:var(--syn-bg-subtle)}}@media (pointer:coarse){min-block-size:max(var(--_h),var(--syn-size-tap))}}button.syn-item{inline-size:100%;&:disabled{color:var(--syn-text-disabled);cursor:not-allowed}}.syn-item-media{display:flex;flex:none;align-items:center;justify-content:center}.syn-item-media[data-variant=icon]{color:var(--syn-text-muted);& svg{inline-size:1rem;block-size:1rem}}.syn-item-content{display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr);min-inline-size:0}.syn-item-title{font-weight:var(--syn-font-weight-medium)}.syn-item-description,.syn-item-title{overflow:clip;text-overflow:ellipsis;white-space:nowrap}.syn-item-description{margin:0;color:var(--syn-text-muted);font:var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-sans)}.syn-item-actions{display:flex;flex:none;align-items:center;gap:var(--syn-space-1);-webkit-margin-start:auto;margin-inline-start:auto}.syn-item-group{display:flex;flex-direction:column;min-inline-size:0;& .syn-item[data-variant=default]{border-radius:0}}.syn-item-group-item{min-inline-size:0}.syn-item-group-item+.syn-item-group-item{-webkit-border-before:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-start:var(--syn-border-hairline) solid var(--syn-bg-component)}.syn-item-group-item:has(>.syn-item[data-variant=outline])+.syn-item-group-item:has(>.syn-item[data-variant=outline]){-webkit-margin-before:var(--syn-space-2);margin-block-start:var(--syn-space-2);-webkit-border-before:0;border-block-start:0}}@layer components{.syn-kbd{justify-content:center;box-sizing:border-box;min-inline-size:1.125rem;block-size:1.125rem;padding-inline:var(--syn-space-1);border:0;border-radius:calc(var(--syn-radius-base) - 2px);background:var(--syn-bg-component);font:var(--syn-font-weight-medium) var(--syn-font-size-micro) /1 var(--syn-font-sans);white-space:nowrap}.syn-kbd,.syn-kbd-group{display:inline-flex;align-items:center;color:var(--syn-text-muted);vertical-align:middle}.syn-kbd-group{gap:var(--syn-space-0-5);font:var(--syn-font-size-xs) /1 var(--syn-font-sans)}.syn-label-chip{display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;flex:none;align-items:center;gap:var(--syn-space-1);box-sizing:border-box;block-size:1.25rem;padding-block:0;padding-inline:var(--syn-space-2);border:var(--syn-border-hairline) solid transparent;border-radius:var(--syn-radius-base);background:var(--_bg);color:var(--_text);font:var(--syn-font-weight-medium) var(--syn-font-size-xs) /1 var(--syn-font-sans);white-space:nowrap;vertical-align:middle}.syn-label-chip[data-size=md]{block-size:1.5rem;padding-inline:var(--syn-space-2-5)}.syn-label-chip[data-variant=outline]{border-color:var(--_border);background:var(--syn-bg)}.syn-label-chip[data-variant=bare]{border-color:transparent;background:transparent;padding-inline:0;color:var(--syn-text-muted)}.syn-label-chip-dot{flex:none;inline-size:.375rem;block-size:.375rem;border-radius:var(--syn-radius-pill);background:var(--_dot)}.syn-label-chip[data-color=gray]{--_bg:var(--syn-label-gray-bg);--_border:var(--syn-label-gray-border);--_text:var(--syn-label-gray-text);--_dot:var(--syn-label-gray-dot)}.syn-label-chip[data-color=red]{--_bg:var(--syn-label-red-bg);--_border:var(--syn-label-red-border);--_text:var(--syn-label-red-text);--_dot:var(--syn-label-red-dot)}.syn-label-chip[data-color=orange]{--_bg:var(--syn-label-orange-bg);--_border:var(--syn-label-orange-border);--_text:var(--syn-label-orange-text);--_dot:var(--syn-label-orange-dot)}.syn-label-chip[data-color=yellow]{--_bg:var(--syn-label-yellow-bg);--_border:var(--syn-label-yellow-border);--_text:var(--syn-label-yellow-text);--_dot:var(--syn-label-yellow-dot)}.syn-label-chip[data-color=lime]{--_bg:var(--syn-label-lime-bg);--_border:var(--syn-label-lime-border);--_text:var(--syn-label-lime-text);--_dot:var(--syn-label-lime-dot)}.syn-label-chip[data-color=green]{--_bg:var(--syn-label-green-bg);--_border:var(--syn-label-green-border);--_text:var(--syn-label-green-text);--_dot:var(--syn-label-green-dot)}.syn-label-chip[data-color=teal]{--_bg:var(--syn-label-teal-bg);--_border:var(--syn-label-teal-border);--_text:var(--syn-label-teal-text);--_dot:var(--syn-label-teal-dot)}.syn-label-chip[data-color=cyan]{--_bg:var(--syn-label-cyan-bg);--_border:var(--syn-label-cyan-border);--_text:var(--syn-label-cyan-text);--_dot:var(--syn-label-cyan-dot)}.syn-label-chip[data-color=blue]{--_bg:var(--syn-label-blue-bg);--_border:var(--syn-label-blue-border);--_text:var(--syn-label-blue-text);--_dot:var(--syn-label-blue-dot)}.syn-label-chip[data-color=purple]{--_bg:var(--syn-label-purple-bg);--_border:var(--syn-label-purple-border);--_text:var(--syn-label-purple-text);--_dot:var(--syn-label-purple-dot)}.syn-label-chip[data-color=pink]{--_bg:var(--syn-label-pink-bg);--_border:var(--syn-label-pink-border);--_text:var(--syn-label-pink-text);--_dot:var(--syn-label-pink-dot)}}@layer components{}@layer components{.syn-native-select{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-inline-size:0;&>*{grid-area:1/1}}.syn-native-select>.syn-native-select-field.syn-input[data-size]{-webkit-padding-end:calc(var(--syn-space-2-5) + 1rem + var(--syn-space-1-5));padding-inline-end:calc(var(--syn-space-2-5) + 1rem + var(--syn-space-1-5));inline-size:100%;min-inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;&[data-disabled]{cursor:not-allowed}}.syn-native-select-field{&:has(option[value=""]:checked){color:var(--syn-text-muted)}& option{background:var(--syn-bg);color:var(--syn-text)}}.syn-native-select-icon{justify-self:end;inline-size:1rem;block-size:1rem;-webkit-margin-end:var(--syn-space-2-5);margin-inline-end:var(--syn-space-2-5);color:var(--syn-text-muted);pointer-events:none;.syn-native-select:has(>[data-disabled]) &{color:var(--syn-text-disabled)}}.syn-native-select>.syn-native-select-field.syn-input{border:var(--syn-border-hairline) solid var(--syn-bg-component);background:var(--syn-bg);box-shadow:var(--syn-shadow-xs);padding-inline:var(--syn-space-2-5);font-weight:var(--syn-font-weight-medium);@media (hover:hover){&:hover:not([data-disabled]){--_ring:transparent;border-color:var(--syn-border-subtle);background:var(--syn-bg-subtle)}}&:focus-visible{--_ring:transparent;outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&:focus:not(:focus-visible){--_ring:transparent}&[data-popup-open]{border-color:var(--syn-border-strong)}}}@layer components{.syn-popover-positioner{z-index:var(--syn-z-popover);outline:none}.syn-popover{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--syn-space-3);gap:var(--syn-space-3);inline-size:min(18rem,var(--available-width));max-block-size:var(--available-height);padding:var(--syn-space-4);overflow-y:auto;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg);box-shadow:var(--syn-shadow-dropdown);color:var(--syn-text);font:var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans);outline:none;transform-origin:var(--transform-origin);transition:opacity var(--syn-ui-popover) var(--syn-easing-out),transform var(--syn-ui-popover) var(--syn-easing-out),filter var(--syn-ui-popover) var(--syn-easing-out);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.95);filter:blur(2px)}&[data-ending-style]{transition-duration:var(--syn-ui-popover);transition-timing-function:var(--syn-easing-out)}}.syn-popover-header{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--syn-space-1);gap:var(--syn-space-1)}.syn-popover-title{margin:0;font:var(--syn-font-weight-semibold) var(--syn-font-size-base) /var(--syn-line-height-base) var(--syn-font-sans);text-wrap:balance}.syn-popover-description{margin:0;color:var(--syn-text-muted)}.syn-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;grid-gap:var(--syn-space-1-5) var(--syn-space-2);gap:var(--syn-space-1-5) var(--syn-space-2);min-inline-size:0}.syn-progress-label{color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /var(--syn-line-height-sm) var(--syn-font-sans)}.syn-progress-value{grid-column:2;color:var(--syn-text-muted);font:var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:end}.syn-progress-track{grid-column:1/-1;position:relative;block-size:var(--syn-space-1-5);border-radius:var(--syn-radius-pill);background:var(--syn-bg-component-active);overflow:clip}.syn-progress-indicator{--_fill:var(--syn-accent-solid);block-size:100%;border-radius:inherit;background:var(--_fill);transition:width var(--syn-ui-base) var(--syn-easing-standard)}.syn-progress-indicator[data-tone=positive]{--_fill:var(--syn-positive-solid)}.syn-progress-indicator[data-tone=caution]{--_fill:var(--syn-caution-solid)}.syn-progress-indicator[data-tone=critical]{--_fill:var(--syn-critical-solid)}}@layer components{.syn-progress-indicator[data-indeterminate]{--_travel:1;inline-size:40%;animation:syn-progress-travel 1.4s var(--syn-easing-standard) infinite;&:dir(rtl){--_travel:-1}}@keyframes syn-progress-travel{0%{transform:translateX(calc(-100% * var(--_travel)))}to{transform:translateX(calc(250% * var(--_travel)))}}@keyframes syn-progress-pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.syn-progress-indicator[data-indeterminate]{inline-size:100%;animation:syn-progress-pulse 1.6s var(--syn-easing-standard) infinite}}}@layer components{.syn-radio-group{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--syn-space-2);gap:var(--syn-space-2)}.syn-radio{position:relative;box-sizing:border-box;display:inline-grid;flex:none;place-items:center;inline-size:1rem;block-size:1rem;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-pill);background:var(--syn-bg);box-shadow:var(--syn-shadow-xs);vertical-align:middle;cursor:pointer;transition:background-color var(--syn-ui-quick) ease,border-color var(--syn-ui-quick) ease,box-shadow var(--syn-ui-quick) ease;@media (hover:hover){&:hover:not([data-disabled],[data-checked]){border-color:var(--syn-border-strong)}}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&[data-checked]{border-color:transparent;background:var(--syn-fill-accent);box-shadow:inset 0 2px 0 0 rgb(255 255 255/.25),inset 0 0 0 1px var(--syn-accent-solid)}&[data-invalid]:not([data-checked]){border-color:var(--syn-critical-solid)}&[data-disabled]{border-color:var(--syn-bg-component);background:var(--syn-bg-subtle);box-shadow:none;cursor:not-allowed}@media (pointer:coarse){&:before{content:"";position:absolute;inset:calc((1rem - var(--syn-size-tap)) / 2)}}}.syn-radio-indicator{display:block;inline-size:.375rem;block-size:.375rem;border-radius:var(--syn-radius-pill);background:var(--syn-bg);animation:syn-radio-dot var(--syn-ui-indicator) var(--syn-easing-out);&[data-disabled]{background:var(--syn-text-disabled)}}:where(label:has(>.syn-radio)){display:inline-flex;align-items:center;gap:var(--syn-space-2)}@keyframes syn-radio-dot{0%{opacity:0;scale:.4}}}@layer components{.syn-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--syn-space-2);text-align:start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;&[data-disabled]{cursor:not-allowed}}.syn-select-value{display:flex;flex:1 1;align-items:center;gap:var(--syn-space-2);min-inline-size:0;overflow:clip;white-space:nowrap;text-overflow:ellipsis;&[data-placeholder]{color:var(--syn-text-muted)}& svg{inline-size:1rem;block-size:1rem;flex:none}}.syn-select-icon{display:flex;flex:none;color:var(--syn-text-muted);& svg{inline-size:1rem;block-size:1rem}[data-disabled]>&{color:var(--syn-text-disabled)}}.syn-select-positioner{z-index:var(--syn-z-popover);outline:none}.syn-select-content{position:relative;box-sizing:border-box;min-inline-size:var(--anchor-width);max-block-size:var(--available-height);border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg);box-shadow:var(--syn-shadow-dropdown);color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);outline:none;transform-origin:var(--transform-origin);transition:opacity var(--syn-ui-popover) var(--syn-easing-out),transform var(--syn-ui-popover) var(--syn-easing-out),filter var(--syn-ui-popover) var(--syn-easing-out);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.95);filter:blur(2px)}&[data-ending-style]{transition-duration:var(--syn-ui-popover);transition-timing-function:var(--syn-easing-out)}&[data-side=none]{transition:none;&[data-ending-style],&[data-starting-style]{opacity:1;transform:none}}}.syn-select-list{box-sizing:border-box;max-block-size:var(--available-height);padding:var(--syn-space-2);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:var(--syn-space-4);outline:none}.syn-select-item{display:flex;align-items:center;gap:var(--syn-space-2);box-sizing:border-box;min-block-size:var(--syn-size-control-sm);padding-inline:var(--syn-space-2);border-radius:var(--syn-radius-base);outline:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;&[data-highlighted]{background:var(--syn-bg-subtle)}&[data-disabled]{color:var(--syn-text-disabled);cursor:not-allowed}}.syn-select-item-text{display:flex;flex:1 1;align-items:center;gap:var(--syn-space-2);min-inline-size:0;&>svg{inline-size:1rem;block-size:1rem;flex:none;color:var(--syn-text-muted)}}.syn-select-item-indicator{display:flex;flex:none;color:var(--syn-accent-text);& svg{inline-size:1rem;block-size:1rem}}.syn-select-group-label{padding:var(--syn-space-2) var(--syn-space-2) var(--syn-space-1);color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-sans)}.syn-select-separator{block-size:var(--syn-border-hairline);margin:var(--syn-space-1) calc(var(--syn-space-1) * -1);background:var(--syn-border-subtle)}.syn-select-scroll-arrow{position:absolute;inset-inline:0;z-index:1;display:flex;align-items:center;justify-content:center;block-size:var(--syn-space-5);background:var(--syn-bg);color:var(--syn-text-muted);cursor:default;&[data-direction=up]{inset-block-start:0;border-start-start-radius:var(--syn-radius-base);border-start-end-radius:var(--syn-radius-base)}&[data-direction=down]{inset-block-end:0;border-end-start-radius:var(--syn-radius-base);border-end-end-radius:var(--syn-radius-base)}& svg{inline-size:1rem;block-size:1rem}}.syn-select-trigger.syn-input{border:var(--syn-border-hairline) solid var(--syn-bg-component);background:var(--syn-bg);box-shadow:var(--syn-shadow-xs);padding-inline:var(--syn-space-2-5);font-weight:var(--syn-font-weight-medium);@media (hover:hover){&:hover:not([data-disabled]){--_ring:transparent;border-color:var(--syn-border-subtle);background:var(--syn-bg-subtle)}}&:focus-visible{--_ring:transparent;outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&:focus:not(:focus-visible){--_ring:transparent}&[data-popup-open]{border-color:var(--syn-border-strong)}}}@layer components{.syn-separator{flex:none;margin:0;border:0;background:var(--syn-border-subtle);&[data-orientation=horizontal]{inline-size:100%;block-size:var(--syn-border-hairline)}&[data-orientation=vertical]{align-self:stretch;inline-size:var(--syn-border-hairline)}}}@layer components{.syn-sheet{--_from:translateX(var(--syn-space-6));position:fixed;z-index:var(--syn-z-dialog);inset-block:var(--syn-space-2);inset-inline-end:var(--syn-space-2);box-sizing:border-box;display:flex;flex-direction:column;inline-size:min(27.5rem,calc(100% - var(--syn-space-4)));border:0;border-radius:var(--syn-radius-xl);background:var(--syn-bg);box-shadow:var(--syn-shadow-sidebar),var(--syn-shadow-xl);color:var(--syn-text);font:var(--syn-font-size-base) /var(--syn-line-height-base) var(--syn-font-sans);outline:none;transition:opacity var(--syn-ui-modal) var(--syn-easing-modal),transform var(--syn-ui-modal) var(--syn-easing-modal);&:dir(rtl){--_from:translateX(calc(var(--syn-space-6) * -1))}&[data-ending-style],&[data-starting-style]{opacity:0;transform:var(--_from)}}.syn-sheet[data-side=left]{--_from:translateX(calc(var(--syn-space-6) * -1));inset-inline:var(--syn-space-2) auto;&:dir(rtl){--_from:translateX(var(--syn-space-6))}}.syn-sheet[data-side=bottom]{--_from:translateY(var(--syn-space-6));inset-block-start:auto;inset-inline:var(--syn-space-2);inline-size:auto;max-block-size:calc(100% - var(--syn-space-16))}.syn-sheet-body{flex:1 1 auto;min-block-size:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;grid-gap:var(--syn-space-4);gap:var(--syn-space-4);padding:var(--syn-space-4) var(--syn-space-5);overflow-y:auto;overscroll-behavior:contain}.syn-sheet-footer{-webkit-margin-before:auto;margin-block-start:auto}.syn-skeleton{block-size:1em;border-radius:var(--syn-radius-sm);background:var(--syn-bg-component);animation:syn-skeleton-pulse 1.6s var(--syn-easing-standard) infinite}}@layer components{@keyframes syn-skeleton-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.syn-skeleton{animation:none}}}@layer components{.syn-spinner{--_size:1rem;display:inline-flex;flex:none;vertical-align:middle;& svg{inline-size:var(--_size);block-size:var(--_size);animation:syn-spinner-turn .8s linear infinite}}.syn-spinner[data-size=sm]{--_size:0.875rem}.syn-spinner[data-size=lg]{--_size:1.25rem}@keyframes syn-spinner-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.syn-spinner svg{animation-duration:2.4s}}}@layer components{.syn-switch{--_w:2.625rem;--_h:1.5rem;--_thumb:1.125rem;--_gap:calc((var(--_h) - var(--syn-border-hairline) * 2 - var(--_thumb)) / 2);--_travel:calc(var(--_w) - var(--syn-border-hairline) * 2 - var(--_gap) * 2 - var(--_thumb));--_dir:1;position:relative;box-sizing:border-box;display:inline-flex;flex:none;align-items:center;inline-size:var(--_w);block-size:var(--_h);padding-inline:var(--_gap);border:var(--syn-border-hairline) solid transparent;border-radius:var(--syn-radius-pill);background:var(--syn-bg-component);vertical-align:middle;cursor:pointer;transition:background-color var(--syn-ui-quick) ease,box-shadow var(--syn-ui-quick) ease;&:dir(rtl){--_dir:-1}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&[data-checked]{border-color:transparent;background:var(--syn-fill-accent);box-shadow:var(--syn-inset-highlight),inset 0 0 0 .75px var(--syn-accent-solid)}&[data-invalid]:not([data-checked]){border-color:var(--syn-critical-solid)}&[data-disabled]{background:var(--syn-bg-subtle);cursor:not-allowed}&[data-disabled][data-checked]{background:var(--syn-accent-border);box-shadow:none}@media (pointer:coarse){&:before{content:"";position:absolute;inset-block:calc((var(--_h) - var(--syn-size-tap)) / 2);inset-inline:calc((var(--_w) - var(--syn-size-tap)) / 2)}}}.syn-switch[data-size=sm]{--_w:1.75rem;--_h:1rem;--_thumb:0.75rem}.syn-switch-thumb{display:block;flex:none;inline-size:var(--_thumb);block-size:var(--_thumb);position:relative;border-radius:var(--syn-radius-pill);background:linear-gradient(180deg,var(--syn-bg),var(--syn-bg-subtle));box-shadow:0 1px 2px 0 rgb(0 0 0/.1),0 0 0 .5px rgb(0 0 0/.04);transition:transform var(--syn-ui-indicator) var(--syn-easing-standard);&:after{content:"";position:absolute;inset:0;margin:auto;inline-size:40%;block-size:40%;border-radius:inherit;background:linear-gradient(0deg,var(--syn-bg),var(--syn-bg-subtle));box-shadow:inset 0 0 0 .375px var(--syn-bg-component);transition:background var(--syn-ui-quick) ease}&[data-checked]:after{background:linear-gradient(0deg,color-mix(in oklab,var(--syn-accent-solid) 63%,white),var(--syn-accent-solid));box-shadow:inset 0 0 0 .375px var(--syn-accent-solid-hover)}&[data-checked]{transform:translateX(calc(var(--_travel) * var(--_dir)))}&[data-disabled]{background:var(--syn-bg-subtle);box-shadow:none}}:where(label:has(>.syn-switch)){display:inline-flex;align-items:center;gap:var(--syn-space-2)}}@layer components{.syn-table-container{position:relative;box-sizing:border-box;inline-size:100%;overflow-x:auto;border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg)}.syn-table{inline-size:100%;border-collapse:collapse;caption-side:bottom;color:var(--syn-text);font:var(--syn-font-weight-regular) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syn-table-row{-webkit-border-after:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-end:var(--syn-border-hairline) solid var(--syn-bg-component);transition:background-color var(--syn-ui-quick) ease}.syn-table-body>.syn-table-row:last-child,.syn-table-footer>.syn-table-row:last-child{-webkit-border-after:0;border-block-end:0}.syn-table-row[data-selected]{background:var(--syn-accent-bg)}@media (hover:hover){.syn-table-body>.syn-table-row:hover{background:var(--syn-bg-subtle)}.syn-table-body>.syn-table-row[data-selected]:hover{background:var(--syn-accent-bg-hover)}}.syn-table-head{box-sizing:border-box;block-size:2.5rem;padding-block:var(--syn-space-2-5);padding-inline:var(--syn-space-3);-webkit-border-after:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-end:var(--syn-border-hairline) solid var(--syn-bg-component);background:var(--syn-bg-subtle);color:var(--syn-text-disabled);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);text-align:start;vertical-align:middle;white-space:nowrap}.syn-table-head[scope=row]{block-size:var(--syn-size-control-lg);background:transparent;color:var(--syn-text);font-size:var(--syn-font-size-sm);line-height:var(--syn-line-height-sm)}.syn-table-cell{box-sizing:border-box;block-size:var(--syn-size-control-lg);padding-block:var(--syn-space-2-5);padding-inline:var(--syn-space-3);text-align:start;vertical-align:middle}.syn-table-cell[data-align=end],.syn-table-head[data-align=end]{text-align:end;white-space:nowrap}.syn-table-footer{background:var(--syn-bg-subtle);font-weight:var(--syn-font-weight-medium)}.syn-table-caption,.syn-table-footer{-webkit-border-before:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-start:var(--syn-border-hairline) solid var(--syn-bg-component)}.syn-table-caption{padding:var(--syn-space-2) var(--syn-space-3);color:var(--syn-text-muted);font:var(--syn-font-size-xs) /var(--syn-line-height-xs) var(--syn-font-sans);text-align:start}}@layer components{.syn-tabs{display:flex;flex-direction:column;gap:var(--syn-space-4);min-inline-size:0;&[data-orientation=vertical]{flex-direction:row}}.syn-tabs-list{position:relative;display:flex;align-items:center;&[data-orientation=vertical]{flex-direction:column;align-items:stretch}}.syn-tabs-list[data-variant=line]{gap:var(--syn-space-1);-webkit-border-after:var(--syn-border-hairline) solid var(--syn-bg-component);border-block-end:var(--syn-border-hairline) solid var(--syn-bg-component);&[data-orientation=vertical]{gap:var(--syn-space-0-5);-webkit-border-after:0;border-block-end:0;-webkit-border-end:var(--syn-border-hairline) solid var(--syn-bg-component);border-inline-end:var(--syn-border-hairline) solid var(--syn-bg-component)}}.syn-tabs-indicator{position:absolute;left:0;inset-block-end:calc(-1 * var(--syn-border-hairline));width:var(--active-tab-width);block-size:var(--syn-space-0-5);border-radius:0;background:var(--syn-accent-solid);transform:translateX(var(--active-tab-left));transition:transform var(--syn-ui-indicator) var(--syn-easing-standard),width var(--syn-ui-indicator) var(--syn-easing-standard);&[data-orientation=vertical]{top:0;left:auto;inset-block-end:auto;inset-inline-end:calc(-1 * var(--syn-border-hairline));width:var(--syn-space-0-5);height:var(--active-tab-height);transform:translateY(var(--active-tab-top));transition:transform var(--syn-ui-indicator) var(--syn-easing-standard),height var(--syn-ui-indicator) var(--syn-easing-standard)}}.syn-tabs-list[data-variant=pill]{display:inline-flex;align-self:flex-start;gap:var(--syn-space-0-5);padding:var(--syn-space-1);border-radius:var(--syn-radius-md);background:var(--syn-bg-subtle)}.syn-tabs-trigger{--_h:var(--syn-size-control);display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--syn-space-1-5);box-sizing:border-box;block-size:var(--_h);margin:0;padding-inline:var(--syn-space-2-5);border:0;border-radius:var(--syn-radius-base);background:transparent;color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--syn-ui-quick) ease;& svg{inline-size:1rem;block-size:1rem;flex:none}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}@media (hover:hover){&:hover:not([data-disabled]){color:var(--syn-text)}}&[data-active]{color:var(--syn-text)}&[data-disabled]{color:var(--syn-text-disabled);cursor:not-allowed}&[data-orientation=vertical]{justify-content:flex-start}}[data-density=compact] .syn-tabs-trigger{--_h:var(--syn-size-control-sm)}@media (pointer:coarse){.syn-tabs-trigger,[data-density=compact] .syn-tabs-trigger{--_h:var(--syn-size-control-lg)}}.syn-tabs-list[data-variant=line] .syn-tabs-trigger[data-active]{color:var(--syn-accent-text)}.syn-tabs-list[data-variant=pill] .syn-tabs-trigger{position:relative;z-index:1;block-size:calc(var(--_h) - 2 * var(--syn-space-1));padding-inline:var(--syn-space-2-5);border-radius:var(--syn-radius-base)}.syn-tabs-indicator[data-variant=pill]{top:var(--active-tab-top);inset-block-end:auto;height:var(--active-tab-height);border-radius:var(--syn-radius-base);background:var(--syn-bg);box-shadow:var(--syn-shadow-thumb),0 0 0 var(--syn-border-hairline) var(--syn-bg-component);transition:transform var(--syn-ui-indicator) var(--syn-easing-standard),width var(--syn-ui-indicator) var(--syn-easing-standard),height var(--syn-ui-indicator) var(--syn-easing-standard)}.syn-tabs-content{flex:1 1;min-inline-size:0;border-radius:var(--syn-radius-sm);&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}}}@layer components{.syn-toaster{position:fixed;z-index:var(--syn-z-toast);inset-block-end:var(--syn-space-4);inset-inline-end:var(--syn-space-4);inline-size:min(22.5rem,calc(100vw - var(--syn-space-8)))}.syn-toast{--_gap:var(--syn-space-3);--_peek:var(--syn-space-2-5);--_scale:calc(max(0, 1 - (var(--toast-index) * 0.05)));--_shrink:calc(1 - var(--_scale));--_height:var(--toast-frontmost-height,var(--toast-height));--_offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--_gap) * -1) + var(--toast-swipe-movement-y));position:absolute;inset-block-end:0;inset-inline-end:0;z-index:calc(1000 - var(--toast-index));box-sizing:border-box;inline-size:100%;block-size:var(--_height);border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg);box-shadow:var(--syn-shadow-dropdown),var(--syn-shadow-md);color:var(--syn-text);font:var(--syn-font-size-base) /1.25rem var(--syn-font-sans);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:bottom center;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--_peek)) - (var(--_shrink) * var(--_height)))) scale(var(--_scale));transition:transform .25s var(--syn-easing-out),opacity .25s var(--syn-easing-out),filter .25s var(--syn-easing-out);&:after{content:"";position:absolute;inset-block-start:100%;inset-inline:0;block-size:calc(var(--_gap) + var(--syn-border-hairline))}&:focus-visible{outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&[data-expanded]{block-size:var(--toast-height);transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--_offset-y))}&[data-starting-style]{opacity:0;transform:translateY(12px) scale(.97);filter:blur(4px)}&[data-ending-style]{transform:translateY(8px) scale(.96);filter:blur(3px)}&[data-limited]{opacity:0}&[data-ending-style]{opacity:0;transition-duration:.18s;transition-timing-function:var(--syn-easing-out);&[data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}&[data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}&[data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--_offset-y))}&[data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--_offset-y))}}}.syn-toast[data-tone=positive]{--_tone:var(--syn-positive-text)}.syn-toast[data-tone=caution]{--_tone:var(--syn-caution-text)}.syn-toast[data-tone=critical]{--_tone:var(--syn-critical-text)}.syn-toast[data-tone=info]{--_tone:var(--syn-info-text)}.syn-toast-content{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--syn-space-2-5);block-size:100%;padding:var(--syn-space-3) var(--syn-space-3) var(--syn-space-3) var(--syn-space-4);overflow:clip;transition:opacity var(--syn-ui-base) var(--syn-easing-standard);&[data-behind]{opacity:0}&[data-expanded]{opacity:1}}.syn-toast-icon{inline-size:1rem;block-size:1rem;flex:none;margin-block:var(--syn-space-1-5);color:var(--_tone)}.syn-toast-text{display:grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;grid-gap:var(--syn-space-0-5);gap:var(--syn-space-0-5);min-inline-size:0;padding-block:var(--syn-space-1)}.syn-toast-title{margin:0;font:inherit;font-weight:var(--syn-font-weight-medium);overflow-wrap:break-word}.syn-toast-description{margin:0;color:var(--syn-text-muted);overflow-wrap:break-word}.syn-toast-action,.syn-toast-close{flex:none}}@layer components{.syn-toggle-group{--_h:var(--syn-size-control);--_px:var(--syn-space-2-5);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--syn-space-0-5);padding:var(--syn-space-1);border-radius:var(--syn-radius-md);background:var(--syn-bg-subtle);&[data-orientation=vertical]{flex-direction:column;align-items:stretch}}.syn-toggle-group[data-size=sm],[data-density=compact] .syn-toggle-group[data-size=md]{--_h:var(--syn-size-control-sm);--_px:var(--syn-space-2)}@media (pointer:coarse){.syn-toggle-group[data-size=md],[data-density=compact] .syn-toggle-group[data-size=md]{--_h:var(--syn-size-control-lg)}}.syn-toggle-group-item{--_item-h:calc(var(--_h) - var(--syn-space-0-5) * 2);position:relative;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--syn-space-1-5);block-size:var(--_item-h);margin:0;padding-inline:var(--_px);border:0;border-radius:var(--syn-radius-base);background:transparent;color:var(--syn-text-muted);font:var(--syn-font-weight-medium) var(--syn-font-size-sm) /1.25rem var(--syn-font-sans);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--syn-ui-quick) var(--syn-easing-standard),color var(--syn-ui-quick) var(--syn-easing-standard);& svg{inline-size:1rem;block-size:1rem;flex:none}@media (hover:hover){&:hover:not([data-disabled]){color:var(--syn-text)}}&:active:not([data-disabled],[data-pressed]){background:var(--syn-bg-component-active)}&:focus-visible{z-index:1;outline:var(--syn-border-focus) solid var(--syn-focus-ring);outline-offset:2px}&[data-pressed]{background:var(--syn-bg);box-shadow:var(--syn-shadow-thumb),0 0 0 var(--syn-border-hairline) var(--syn-bg-component);color:var(--syn-text)}&[data-disabled]{color:var(--syn-text-disabled);cursor:not-allowed}&[data-icon-only]{inline-size:var(--_item-h);padding-inline:0}}}@layer components{.syn-tooltip-positioner{z-index:var(--syn-z-tooltip)}.syn-tooltip{box-sizing:border-box;display:flex;align-items:center;gap:var(--syn-space-2);max-inline-size:15rem;padding:var(--syn-space-1-5) var(--syn-space-2-5);border:var(--syn-border-hairline) solid var(--syn-bg-component);border-radius:var(--syn-radius-md);background:var(--syn-bg);box-shadow:var(--syn-shadow-dropdown);color:var(--syn-text);font:var(--syn-font-weight-medium) var(--syn-font-size-xs) /1rem var(--syn-font-sans);letter-spacing:.15px;overflow-wrap:break-word;transform-origin:var(--transform-origin);transition:opacity var(--syn-duration-indicator) var(--syn-easing-out),transform var(--syn-duration-indicator) var(--syn-easing-out),filter var(--syn-duration-indicator) var(--syn-easing-out);&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.9);filter:blur(4px)}&[data-ending-style]{transition-duration:var(--syn-duration-indicator);transition-timing-function:var(--syn-easing-out)}&[data-instant]{transition:none}}.syn-tooltip-shortcut{flex:none;-webkit-margin-end:calc(var(--syn-space-0-5) * -1);margin-inline-end:calc(var(--syn-space-0-5) * -1)}}