.spinner{--spinner-arc-color:var(--brand-primary);--spinner-track-color:var(--opacity-black-light);flex-shrink:0;display:block}.spinner-track{fill:none;stroke:var(--spinner-track-color)}.spinner-arc{fill:none;stroke:var(--spinner-arc-color);stroke-linecap:round}.spinner-color-primary{--spinner-arc-color:var(--brand-primary);--spinner-track-color:var(--opacity-black-light)}.spinner-color-secondary{--spinner-arc-color:var(--brand-secondary);--spinner-track-color:var(--opacity-black-light)}.spinner-color-tertiary{--spinner-arc-color:var(--brand-tertiary);--spinner-track-color:var(--opacity-black-light)}.spinner-color-reversed{--spinner-arc-color:var(--neutral-white);--spinner-track-color:var(--opacity-white-light)}.spinner-variant-loading .spinner-arc{transition:stroke-dashoffset var(--speed-medium) var(--ease-linear)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-arc-breathe{0%{stroke-dasharray:calc(var(--spinner-circumference) * .01) calc(var(--spinner-circumference) * 1.6);stroke-dashoffset:0}50%{stroke-dasharray:calc(var(--spinner-circumference) * .71) calc(var(--spinner-circumference) * 1.6);stroke-dashoffset:calc(var(--spinner-circumference) * -.28)}to{stroke-dasharray:calc(var(--spinner-circumference) * .71) calc(var(--spinner-circumference) * 1.6);stroke-dashoffset:calc(var(--spinner-circumference) * -.99)}}.spinner-arc-group{transform-box:fill-box;transform-origin:50%}.spinner-variant-loop .spinner-arc-group{animation:2s linear infinite spinner-rotate}.spinner-variant-loop .spinner-arc{stroke-dasharray:calc(var(--spinner-circumference) * .01) calc(var(--spinner-circumference) * 1.6);stroke-dashoffset:0;animation:1.5s ease-in-out infinite spinner-arc-breathe}
.button{justify-content:center;align-items:center;gap:var(--button-gap);cursor:pointer;box-sizing:border-box;border:var(--stroke-components) solid transparent;transition:background-color var(--speed-medium) var(--ease-linear), border-color var(--speed-medium) var(--ease-linear), outline-color var(--speed-medium) var(--ease-linear);white-space:nowrap;box-shadow:var(--shadow-components);display:inline-flex;position:relative}.button-icon>svg{transition:all var(--speed-medium) var(--ease-linear)}.button:focus-visible{outline:2px solid var(--support-focus);outline-offset:2px}.button-label{line-height:var(--line-label);font-family:var(--font-sans);font-size:var(--size-label);font-weight:var(--weight-label);letter-spacing:var(--spacing-label);align-items:center;display:inline-flex}.button-icon{width:var(--space-16);height:var(--space-16);color:currentColor;justify-content:center;align-items:center;display:flex}.button-icon>svg,.button-icon>img{width:100%;height:100%}.button-size-xxl{padding:var(--space-20);border-radius:var(--radius-20);gap:var(--space-8)}.button-size-xl{padding:var(--space-16);border-radius:var(--radius-16);gap:var(--space-6)}.button-size-l{padding:var(--space-12);border-radius:var(--radius-12);gap:var(--space-6)}.button-size-m{padding:var(--space-8);border-radius:var(--radius-8);gap:var(--space-4)}.button-size-s{padding:var(--space-6);padding-block:var(--space-4);border-radius:var(--radius-6);gap:var(--space-4)}.button-size-xs{padding:var(--space-4);padding-block:var(--space-2);border-radius:var(--radius-4);gap:var(--space-4)}.button-size-xxs{padding:var(--space-2);border-radius:var(--radius-2);gap:var(--space-4);padding-block:0}.button-type-primary.button-style-filled{background-color:var(--color-surface-primary);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--color-border-primary);color:var(--neutral-content-oncolor)!important}.button-type-primary .button-icon>svg{stroke:var(--neutral-content-oncolor)!important}.button-type-primary.button-style-filled:hover{background-color:var(--brand-600);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--brand-600)}.button-type-primary.button-style-outline{border-color:var(--color-border-primary);box-shadow:var(--shadow-components);background-color:#0000;color:var(--color-content-primary)!important}.button-type-primary.button-style-outline .button-icon>svg{stroke:var(--color-surface-primary)!important}.button-type-primary.button-style-outline:hover{border-color:var(--brand-400);box-shadow:var(--shadow-components);color:var(--brand-400)!important}.button-type-primary.button-style-outline:hover .button-icon>svg{stroke:var(--brand-400)!important}.button-type-secondary.button-style-filled{background-color:var(--color-surface-secondary);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--color-border-secondary);color:var(--neutral-content-main-titles)!important}.button-type-secondary .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-filled:hover{background-color:var(--grey-400);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--grey-400)}.button-type-secondary.button-style-outline{border-color:var(--color-border-secondary);box-shadow:var(--shadow-components);background-color:#0000;color:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-outline .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-outline:hover{border-color:var(--grey-400);box-shadow:var(--shadow-components);color:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-outline:hover .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-neutral.button-style-filled{background-color:var(--neutral-surface-oncolor);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--neutral-surface-oncolor);color:var(--neutral-content-oncolor)!important}.button-type-neutral .button-icon>svg{stroke:var(--neutral-content-oncolor)!important}.button-type-neutral.button-style-filled:hover{background-color:var(--grey-800);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--grey-800)}.button-type-neutral.button-style-outline{border-color:var(--neutral-surface-oncolor);box-shadow:var(--shadow-components);background-color:#0000;color:var(--neutral-surface-oncolor)!important}.button-type-neutral.button-style-outline .button-icon>svg{stroke:var(--neutral-surface-oncolor)!important}.button-type-neutral.button-style-outline:hover{border-color:var(--grey-800);box-shadow:var(--shadow-components);color:var(--grey-800)!important}.button-type-neutral.button-style-outline:hover .button-icon>svg{stroke:var(--grey-800)!important}.button-type-destructive.button-style-filled{background-color:var(--color-surface-error);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--color-surface-error);color:var(--neutral-content-oncolor)!important}.button-type-destructive .button-icon>svg{stroke:var(--neutral-content-oncolor)!important}.button-type-destructive.button-style-filled:hover{background-color:var(--color-surface-error-light);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--color-surface-error-light);color:var(--color-surface-error)!important}.button-type-destructive:hover .button-icon>svg{stroke:var(--color-surface-error)!important}.button-type-destructive.button-style-outline{border-color:var(--color-surface-error);box-shadow:var(--shadow-components);background-color:#0000;color:var(--color-surface-error)!important}.button-type-destructive.button-style-outline .button-icon>svg{stroke:var(--color-surface-error)!important}.button-type-destructive.button-style-outline:hover{border-color:var(--color-surface-error-light);box-shadow:var(--shadow-components);color:var(--color-surface-error)!important}.button-type-destructive.button-style-outline:hover .button-icon>svg{stroke:var(--color-surface-error)!important}.button-type-reversed.button-style-filled{background-color:var(--neutral-surface-background);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--neutral-surface-background);color:var(--neutral-content-main-titles)!important}.button-type-reversed .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-reversed.button-style-filled:hover{background-color:var(--grey-200);box-shadow:var(--shadow-components), inset 0 0 0 var(--stroke-components) var(--grey-200)}.button-type-reversed.button-style-outline{border-color:var(--neutral-surface-background);box-shadow:var(--shadow-components);background-color:#0000;color:var(--neutral-content-main-titles)!important}.button-type-reversed.button-style-outline .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-reversed.button-style-outline:hover{border-color:var(--grey-800);box-shadow:var(--shadow-components);color:var(--grey-800)!important}.button-type-reversed.button-style-outline:hover .button-icon>svg{stroke:var(--grey-800)!important}.button.button-loading{cursor:wait;pointer-events:none}@keyframes button-spinner-enter{0%{opacity:0;transform:translate(-6px)scale(.75)}to{opacity:1;transform:translate(0)scale(1)}}.button-icon--spinner{animation:button-spinner-enter .25s var(--ease-custom) both}.button:disabled:not(.button-loading),.button[aria-disabled=true]:not(.button-loading){cursor:not-allowed}.button-style-filled:disabled:not(.button-loading),.button-style-filled[aria-disabled=true]:not(.button-loading){background-color:var(--neutral-surface-disabled)!important;color:var(--neutral-content-disabled)!important;box-shadow:none!important}.button-style-filled:disabled:not(.button-loading) .button-icon>svg,.button-style-filled[aria-disabled=true]:not(.button-loading) .button-icon>svg{stroke:var(--neutral-content-disabled)!important}.button-style-outline:disabled:not(.button-loading),.button-style-outline[aria-disabled=true]:not(.button-loading){color:var(--neutral-content-disabled)!important;border-color:var(--neutral-border-disabled)!important;box-shadow:var(--shadow-components)!important;background-color:#0000!important}.button-style-outline:disabled:not(.button-loading) .button-icon>svg,.button-style-outline[aria-disabled=true]:not(.button-loading) .button-icon>svg{stroke:var(--neutral-content-disabled)!important}