@layer components{.icon{--icon-size: 1em;display:inline;stroke:currentColor;stroke-width:2;flex-shrink:0;align-self:center;width:var(--icon-size);height:var(--icon-size);max-width:none}.icon:where([data-size=small]){--icon-size: var(--spacing-2)}.icon:where([data-size=medium]){--icon-size: var(--spacing-4)}.icon:where([data-size=large]){--icon-size: var(--spacing-6)}}@layer components{.react-aria-Button{--button-font-size: var(--font-size);--button-height: var(--spacing-8);--button-padding-block: var(--spacing-2);--button-padding-inline: var(--spacing-3);border:none;border-radius:var(--radius);appearance:none;font-size:var(--button-font-size);font-weight:400;margin:0;height:var(--button-height);padding:var(--button-padding-block) var(--button-padding-inline);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);-webkit-tap-highlight-color:transparent;cursor:pointer}.react-aria-Button[data-size=small]{--button-font-size: var(--font-size-sm);--button-height: var(--spacing-6);--button-padding-block: calc(1.5 * var(--spacing-1));--button-padding-inline: calc(2 * var(--spacing-1))}.react-aria-Button[data-size=small]:has(>svg:only-child){--button-padding-inline: calc(1.5 * var(--spacing-1))}.react-aria-Button[data-size=medium]:has(>svg:only-child){--button-padding-inline: calc(2.25 * var(--spacing-1))}.react-aria-Button[data-size=large]{--button-font-size: var(--font-size-lg);--button-height: var(--spacing-10);--button-padding-block: var(--spacing-3);--button-padding-inline: var(--spacing-4);font-weight:500}.react-aria-Button[data-size=large]:has(>svg:only-child){--button-padding-inline: var(--spacing-3)}.react-aria-Button[data-pressed]{scale:.95}@media(prefers-color-scheme:dark){.react-aria-Button .react-aria-ProgressBar{--highlight-background: var(--gray-1600)}}.react-aria-Button kbd{font:var(--font-size-sm) system-ui;background:var(--highlight-hover);border:.5px solid var(--tint-500);padding:0 var(--spacing-1);border-radius:var(--radius-sm);margin-inline-start:var(--spacing-3)}}@layer components{.react-aria-Tooltip{box-shadow:0 8px 20px #0000001a;border-radius:var(--radius);background:var(--highlight-background);color:var(--highlight-foreground);forced-color-adjust:none;outline:none;padding:var(--spacing-1) var(--spacing-2);max-width:150px;transform:translateZ(0);transition:transform .2s,opacity .2s;font:var(--font-size) system-ui}.react-aria-Tooltip[data-entering],.react-aria-Tooltip[data-exiting]{transform:var(--origin);opacity:0}.react-aria-Tooltip[data-placement=top]{margin-bottom:10px;--origin: translateY(4px)}.react-aria-Tooltip[data-placement=bottom]{margin-top:10px;--origin: translateY(-4px)}.react-aria-Tooltip[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Tooltip[data-placement=right]{margin-left:10px;--origin: translateX(-4px)}.react-aria-Tooltip[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Tooltip[data-placement=left]{margin-right:10px;--origin: translateX(4px)}.react-aria-Tooltip[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.react-aria-Tooltip .react-aria-OverlayArrow svg{display:block;fill:var(--highlight-background)}}