@layer base,anta,components,utilities,anta.reset;@layer anta.components{a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]){--button-primary-fg:#fff;--bg-primary-disabled:light-dark(#ece9ec,#272329);--bg-secondary-disabled:light-dark(#f6f4f6,#1d1a1e);--fg-disabled-primary:light-dark(#afa9b1,#776e77);--fg-disabled:light-dark(#afa9b1,#635b65);--button-loading-stripe:14px;--button-loading-stripe-gap:16px;--button-loading-period:calc(var(--button-loading-stripe) + var(--button-loading-stripe-gap));--button-loading-angle:125deg;--button-loading-x-period:calc(var(--button-loading-period) / cos(var(--button-loading-angle) - 90deg));--button-loading-opacity:.15;--button-loading-blur:5px;--_src:var(--anta-seed-neutral);--button-bg-primary-rest:light-dark(oklch(from var(--_src) .5 .02 h),oklch(from var(--_src) .4 .015 h));--button-bg-primary-hover:light-dark(oklch(from var(--_src) .45 .02 h),oklch(from var(--_src) .44 .015 h));--button-bg-primary-active:light-dark(oklch(from var(--_src) .4 .02 h),oklch(from var(--_src) .48 .015 h));--button-fg-primary-rest:var(--button-primary-fg);--button-fg-secondary-rest:light-dark(oklch(from var(--_src) .46 .008 h),oklch(from var(--_src) .86 .015 h));--button-fg-secondary-hover:light-dark(oklch(from var(--_src) .4 .008 h),oklch(from var(--_src) .86 .015 h));--button-fg-tertiary-rest:var(--button-fg-secondary-rest);--button-fg-tertiary-hover:var(--button-fg-secondary-hover);--button-bg-tertiary-hover:light-dark(oklch(from var(--_src) .54 .03 h / .1),oklch(from var(--_src) .44 .01 h / .24));--button-bg-tertiary-active:light-dark(oklch(from var(--_src) .54 .03 h / .15),oklch(from var(--_src) .44 .01 h / .34));--button-fg-quaternary-rest:light-dark(oklch(from var(--_src) .46 .008 h / .85),oklch(from var(--_src) .86 .015 h / .85));--button-fg-quaternary-hover:light-dark(oklch(from var(--_src) .38 .008 h),oklch(from var(--_src) .9 .015 h));--button-bg-secondary-rest:light-dark(oklch(from var(--_src) .54 .03 h / .1),oklch(from var(--_src) .44 .01 h / .24));--button-bg-secondary-hover:light-dark(oklch(from var(--_src) .54 .03 h / .15),oklch(from var(--_src) .44 .01 h / .34));--button-bg-secondary-active:light-dark(oklch(from var(--_src) .54 .03 h / .2),oklch(from var(--_src) .44 .01 h / .44));--_fs:15px;--_lh:20px;--_pb:1px;--_radius:4px;--_padding-x-text:round(calc(.8em - 2px) , 1px);--button-padding-x:var(--_padding-x-text);--button-padding-y:calc((8px - var(--_pb)) / 2);--button-timing-in:75ms ease-in;--button-timing-active:50ms linear;--button-timing-out:.15s ease-out;--button-loading-duration:.5s}a-button[round],a[role=button][data-anta][round],button[data-anta][round],input[data-anta]:is([type=reset],[type=submit])[round]{--button-round:999px;--_radius:var(--button-round,999px);@supports (border-radius:attr(probe type(<length>),1px)){--button-round:attr(round type(<length>), 999px)}}a-button[tone]:not([tone=""],[tone=neutral]),a[role=button][data-anta][tone]:not([tone=""],[tone=neutral]),button[data-anta][tone]:not([tone=""],[tone=neutral]),input[data-anta]:is([type=reset],[type=submit])[tone]:not([tone=""],[tone=neutral]){--button-bg-primary-rest:light-dark(oklch(from var(--_src) .51 .17 h),oklch(from var(--_src) .4 .16 h));--button-bg-primary-hover:light-dark(oklch(from var(--_src) .46 .17 h),oklch(from var(--_src) .44 .16 h));--button-bg-primary-active:light-dark(oklch(from var(--_src) .41 .17 h),oklch(from var(--_src) .48 .16 h));--button-fg-secondary-rest:light-dark(oklch(from var(--_src) .46 .17 h),oklch(from var(--_src) .86 .13 h));--button-fg-secondary-hover:light-dark(oklch(from var(--_src) .4 .17 h),oklch(from var(--_src) .86 .13 h));--button-fg-tertiary-rest:var(--button-fg-secondary-rest);--button-fg-tertiary-hover:var(--button-fg-secondary-hover);--button-bg-tertiary-hover:light-dark(oklch(from var(--_src) .54 .17 h / .1),oklch(from var(--_src) .58 .16 h / .215));--button-bg-tertiary-active:light-dark(oklch(from var(--_src) .54 .17 h / .15),oklch(from var(--_src) .58 .16 h / .29));--button-fg-quaternary-rest:light-dark(oklch(from var(--_src) .46 .17 h / .85),oklch(from var(--_src) .86 .13 h / .85));--button-fg-quaternary-hover:light-dark(oklch(from var(--_src) .38 .17 h),oklch(from var(--_src) .9 .13 h));--button-bg-secondary-rest:light-dark(oklch(from var(--_src) .54 .17 h / .1),oklch(from var(--_src) .58 .16 h / .215));--button-bg-secondary-hover:light-dark(oklch(from var(--_src) .54 .17 h / .15),oklch(from var(--_src) .58 .16 h / .29));--button-bg-secondary-active:light-dark(oklch(from var(--_src) .54 .17 h / .2),oklch(from var(--_src) .58 .16 h / .34))}a-button[tone=brand],a[role=button][data-anta][tone=brand],button[data-anta][tone=brand],input[data-anta]:is([type=reset],[type=submit])[tone=brand]{--_src:var(--anta-seed-brand)}a-button[tone=info],a[role=button][data-anta][tone=info],button[data-anta][tone=info],input[data-anta]:is([type=reset],[type=submit])[tone=info]{--_src:var(--anta-seed-info)}a-button[tone=success],a[role=button][data-anta][tone=success],button[data-anta][tone=success],input[data-anta]:is([type=reset],[type=submit])[tone=success]{--_src:var(--anta-seed-success)}a-button[tone=warning],a[role=button][data-anta][tone=warning],button[data-anta][tone=warning],input[data-anta]:is([type=reset],[type=submit])[tone=warning]{--_src:var(--anta-seed-warning)}a-button[tone=critical],a[role=button][data-anta][tone=critical],button[data-anta][tone=critical],input[data-anta]:is([type=reset],[type=submit])[tone=critical]{--_src:var(--anta-seed-critical)}a-button[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]),a[role=button][data-anta][tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]),button[data-anta][tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]),input[data-anta]:is([type=reset],[type=submit])[tone]:not([tone=""],[tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--_src:var(--button-tone-source,transparent);@supports (color:attr(probe type(<color>),red)){--_src:var(--button-tone-source,attr(tone type(<color>), transparent))}}button[data-anta],input[data-anta]:is([type=reset],[type=submit]){box-sizing:border-box;-webkit-appearance:none;appearance:none;border:none;margin:0}a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]){user-select:none;cursor:pointer;align-items:center;gap:.5ch;display:inline-flex;&:has(>a-copy):not(:has(>a-icon)){cursor:copy}color:var(--button-fg);background-color:var(--button-bg);border-radius:var(--_radius);box-shadow:inset 0 0 1px color-mix(in oklch,currentColor,transparent 90%);font-size:var(--_fs);font-family:var(--sans-serif);font-weight:450;font-stretch:100%;line-height:var(--_lh);letter-spacing:.025ch;text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;max-width:100%;padding-inline:var(--button-padding-x);padding-block:var(--button-padding-y);flex-shrink:0;min-height:28px;text-decoration:none;&>a-button-label{text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;min-width:0;line-height:var(--_lh);padding-bottom:var(--_pb);display:inline-block;overflow:hidden;&:has(>*){gap:.25ch;display:inline-flex}}&>*{pointer-events:none}& a-icon{transition:color var(--button-timing-out)}transition:color var(--button-timing-out),background-color var(--button-timing-out);&:hover,&:focus-visible{transition:color var(--button-timing-in),background-color var(--button-timing-in);& a-icon{transition:color var(--button-timing-in)}}&:active,&[selected]{transition:color var(--button-timing-active),background-color var(--button-timing-active);& a-icon{transition:color var(--button-timing-active)}}&[disabled]{pointer-events:none;cursor:not-allowed;transition:none;& a-icon{transition:none}}&:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px}&[priority=quaternary]{--button-timing-in:0s;--button-timing-active:0s;--button-timing-out:0s}&[size=small]{--_fs:13px;--_lh:16px;--_pb:.5px;min-height:24px;& a-icon{--icon-size:14px}}&[size=large]{--_fs:17px;--_lh:24px;--_pb:1.5px;min-height:32px;& a-icon{--icon-size:18px}}&[priority=tertiary],&[priority=quaternary]{&[underline=solid]{text-decoration:underline}&[underline=dashed]{text-decoration:underline dashed}&[underline=dotted]{text-decoration:underline dotted}&[underline]{text-decoration-color:color-mix(in oklch,currentColor 75%,transparent);text-underline-offset:3px;text-decoration-thickness:1px;&[selected]{text-decoration-color:var(--button-fg);text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){&:hover{text-decoration-color:var(--button-fg);text-decoration-thickness:1px}}}&[underline][underline-on-hover]{text-decoration-color:#0000;&[selected]{text-decoration-color:#0000}@media (hover:hover) and (pointer:fine){&:hover{text-decoration-color:var(--button-fg)}}}}&[priority=quaternary][paddingless]{--button-padding-x:0;--button-padding-y:0;border-radius:min(var(--_radius),3px);min-height:0;&[loading]:before{clip-path:inset(0 0 0 var(--button-loading-x-period) round min(var(--_radius),3px));animation-name:btn-loading-slide-paddingless}}&:has(>a-icon):not(:has(>a-icon~a-icon)):not(:has(>:not(a-icon):not(a-tooltip):not(a-copy))){--button-padding-y:calc(.5em - 1.5px);--button-padding-x:var(--button-padding-y);justify-content:center;min-height:0}&:is(:has(>a-icon:first-child),:has(>a-tooltip:first-child+a-icon)):is(:has(>a-icon~a-icon),:has(>:not(a-icon):not(a-tooltip):not(a-copy))){padding-inline-start:max(0px,var(--button-padding-x) - 2px)}&:is(:has(>a-icon:last-child),:has(>a-icon+a-tooltip:last-child)):is(:has(>a-icon~a-icon),:has(>:not(a-icon):not(a-tooltip):not(a-copy))){padding-inline-end:max(0px,var(--button-padding-x) - 2px)}&[loading]{pointer-events:none;cursor:wait;position:relative;&:before{content:"";top:0;bottom:0;left:calc(0px - var(--button-loading-x-period));width:calc(100% + var(--button-loading-x-period));pointer-events:none;clip-path:inset(0 0 0 var(--button-loading-x-period) round var(--_radius));background:repeating-linear-gradient(var(--button-loading-angle),transparent 0,transparent var(--button-loading-stripe-gap),currentColor var(--button-loading-stripe-gap),currentColor calc(var(--button-loading-stripe-gap) + var(--button-loading-stripe)));opacity:var(--button-loading-opacity);filter:blur(var(--button-loading-blur));will-change:transform,clip-path;animation:btn-loading-slide var(--button-loading-duration) linear infinite;animation-delay:-9999s;position:absolute}}--button-fg:light-dark(oklch(from var(--button-fg-secondary-rest) calc(l - .05) c h),var(--button-fg-secondary-rest));--button-bg:var(--button-bg-secondary-rest);@media (hover:hover) and (pointer:fine){&:hover{--button-fg:var(--button-fg-secondary-hover);--button-bg:var(--button-bg-secondary-hover)}}&:active{--button-fg:var(--button-fg-secondary-hover);--button-bg:var(--button-bg-secondary-active)}&[selected]{--button-fg:var(--button-fg-secondary-hover);--button-bg:var(--button-bg-secondary-hover)}&[priority=primary]{--button-fg:var(--button-fg-primary-rest);--button-bg:var(--button-bg-primary-rest);box-shadow:none;@media (hover:hover) and (pointer:fine){&:hover{--button-bg:var(--button-bg-primary-hover)}}&:active{--button-bg:var(--button-bg-primary-active)}&[selected]{--button-bg:var(--button-bg-primary-hover)}}&[priority=tertiary]{--button-fg:var(--button-fg-tertiary-rest);--button-bg:transparent;box-shadow:none;@media (hover:hover) and (pointer:fine){&:hover{--button-fg:var(--button-fg-tertiary-hover);--button-bg:var(--button-bg-tertiary-hover)}}&:active{--button-fg:var(--button-fg-tertiary-hover);--button-bg:var(--button-bg-tertiary-active)}&[selected]{--button-fg:var(--button-fg-tertiary-hover);--button-bg:var(--button-bg-tertiary-hover)}}&[priority=quaternary]{--button-fg:var(--button-fg-quaternary-rest);--button-bg:transparent;box-shadow:none;font-weight:400;@media (hover:hover) and (pointer:fine){&:hover{--button-fg:var(--button-fg-quaternary-hover)}}&:active{--button-fg:var(--button-fg-quaternary-rest)}&[selected]{--button-fg:var(--button-fg-quaternary-hover)}}&[selected]{box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 50%,transparent);&[priority=quaternary][paddingless]{box-shadow:0 0 0 1px color-mix(in oklch,currentColor 50%,transparent)}}&[disabled]{background-color:var(--bg-secondary-disabled);color:var(--fg-disabled);&[priority=primary]{background-color:var(--bg-primary-disabled);color:var(--fg-disabled-primary)}&[priority=tertiary],&[priority=quaternary]{color:var(--fg-disabled);background-color:#0000}}}@media (forced-colors:active){:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit])){--anta-forced-foreground:ButtonText;color:buttontext;box-shadow:none;background-color:buttonface;border:1px solid buttontext}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[priority=primary]{--anta-forced-foreground:ButtonFace;color:buttonface;background-color:buttontext;border-color:buttontext}a-button:is([priority=primary],[selected]){forced-color-adjust:none}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[priority=tertiary]{--anta-forced-foreground:CanvasText;color:canvastext;background-color:canvas;border:0}@media (hover:hover) and (pointer:fine){:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[priority=tertiary]:hover:not(:focus-visible){outline-offset:0;outline:1px solid buttontext}}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[priority=quaternary]{--anta-forced-foreground:LinkText;color:linktext;background-color:buttonface;border:0;text-decoration:none}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[selected]{--anta-forced-foreground:HighlightText;color:highlighttext;background-color:highlight;border-color:highlight}:is(a-button,a[role=button][data-anta],button[data-anta],input[data-anta]:is([type=reset],[type=submit]))[disabled]{--anta-forced-foreground:GrayText;color:graytext;background-color:canvas;border-color:graytext;text-decoration-color:graytext}}}@layer anta.theme;@keyframes btn-loading-slide{to{transform:translate(var(--button-loading-x-period));clip-path:inset(0 var(--button-loading-x-period) 0 0 round var(--_radius))}}@keyframes btn-loading-slide-paddingless{to{transform:translate(var(--button-loading-x-period));clip-path:inset(0 var(--button-loading-x-period) 0 0 round min(var(--_radius),3px))}}