.visually-hidden:not(:focus):not(:active){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spinner{--spinner-color:var(--color-interactive-primary);--spinner-size:var(--size-3);--part-height:8px;--part-width:4px;--part-offset:10px;width:var(--spinner-size);height:var(--spinner-size);position:relative}.spinner[data-invert=true]{--spinner-color:var(--color-white)}.spinner[data-size=xs]{--spinner-size:var(--size-2);--part-height:5px;--part-width:2.5px;--part-offset:6.5px}.spinner[data-size=sm]{--spinner-size:var(--size-2-5);--part-height:6.5px;--part-width:3.5px;--part-offset:8.5px}.spinner[data-size=lg]{--spinner-size:var(--size-5);--part-height:13.25px;--part-width:5.25px;--part-offset:17.5px}.spinner>div{top:var(--part-height);left:var(--part-offset);width:var(--part-width);height:var(--part-height);background-color:var(--spinner-color);border-radius:var(--part-width);will-change:opacity;animation:1s linear infinite spinner-part;position:absolute}.spinner>div:first-child{transform:rotate(45deg) translateY(calc(-1 * var(--part-height)));animation-delay:-1.625s}.spinner>div:nth-child(2){transform:rotate(90deg) translateY(calc(-1 * var(--part-height)));animation-delay:-1.5s}.spinner>div:nth-child(3){transform:rotate(135deg) translateY(calc(-1 * var(--part-height)));animation-delay:-1.375s}.spinner>div:nth-child(4){transform:rotate(180deg) translateY(calc(-1 * var(--part-height)));animation-delay:-1.25s}.spinner>div:nth-child(5){transform:rotate(225deg) translateY(calc(-1 * var(--part-height)));animation-delay:-1.125s}.spinner>div:nth-child(6){transform:rotate(270deg) translateY(calc(-1 * var(--part-height)));animation-delay:-1s}.spinner>div:nth-child(7){transform:rotate(315deg) translateY(calc(-1 * var(--part-height)));animation-delay:-.875s}.spinner>div:nth-child(8){transform:rotate(360deg) translateY(calc(-1 * var(--part-height)));animation-delay:-.75s}@keyframes spinner-part{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.button{--button-font-size:var(--font-size-base);--button-color:var(--color-interactive-primary);--button-text-color:var(--color-interactive-primary-contrast);--button-border-radius:var(--border-radius-full);--button-padding-block:min(.625em, var(--size-2));--button-padding-inline:min(1em, var(--size-3));--icon-size:var(--button-font-size);--icon-color:currentColor;appearance:none;cursor:pointer;box-sizing:border-box;vertical-align:middle;background-color:var(--button-color);color:var(--button-text-color);border-radius:var(--button-border-radius);font-size:round(var(--button-font-size), 1px);font-weight:var(--font-weight-medium);font-family:var(--font-sans);line-height:var(--line-height-none);padding:round(var(--button-padding-block), 1px) round(var(--button-padding-inline), 1px);-webkit-user-select:none;user-select:none;white-space:nowrap;transition:scale var(--duration-short);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.button:hover{--button-color:var(--color-interactive-primary-hover)}}.button:is(:active,[aria-pressed=true]){--button-color:var(--color-interactive-primary-active)}.button:active{scale:.97}.button:disabled{filter:grayscale();opacity:var(--opacity-20);pointer-events:none}.button[data-fill=true]{width:100%}@media (forced-colors:active){.button:not([data-appearance=minimal]){border:var(--size-px) solid ButtonText}}.button[data-size=l]{--button-font-size:var(--font-size-l)}.button[data-size=s]{--button-font-size:var(--font-size-s)}.button[data-size=xs]{--button-font-size:var(--font-size-xs)}.button[data-rounded=true]{--button-border-radius:var(--border-radius-s)}.button[data-appearance=secondary]{--button-color:var(--color-interactive-secondary);--button-text-color:var(--color-interactive-secondary-contrast)}@media (hover:hover){.button[data-appearance=secondary]:hover{--button-color:var(--color-interactive-secondary-hover)}}.button[data-appearance=secondary]:is(:active,[aria-pressed=true]){--button-color:var(--color-interactive-secondary-active)}.button[data-appearance=outline]{--button-color:transparent;--button-text-color:var(--color-interactive-primary);box-shadow:inset 0 0 0 var(--size-px) var(--color-interactive-primary)}@media (hover:hover){.button[data-appearance=outline]:hover{--button-text-color:var(--color-interactive-primary-contrast);--button-color:var(--color-interactive-primary)}}.button[data-appearance=info]{--button-color:var(--color-interactive-info);--button-text-color:var(--color-interactive-info-contrast)}@media (hover:hover){.button[data-appearance=info]:hover{--button-color:var(--color-interactive-info-hover)}}.button[data-appearance=positive]{--button-color:var(--color-interactive-positive);--button-text-color:var(--color-interactive-positive-contrast)}@media (hover:hover){.button[data-appearance=positive]:hover{--button-color:var(--color-interactive-positive-hover)}}.button[data-appearance=minimal]{--button-color:transparent;--button-text-color:var(--color-interactive-primary);--button-padding-inline:0;--button-padding-block:0;line-height:var(--line-height-tight);border-radius:0}@media (hover:hover){.button[data-appearance=minimal]:hover{text-decoration:underline;text-decoration-thickness:var(--size-px);text-underline-offset:var(--size-0-5);text-decoration-color:currentColor}}.button[data-appearance=negative]{--button-color:var(--color-interactive-negative);--button-text-color:var(--color-interactive-negative-contrast)}@media (hover:hover){.button[data-appearance=negative]:hover{--button-color:var(--color-interactive-negative-hover)}}.button[data-shape=square],.button[data-shape=circle]{--icon-size:var(--font-size-l);--button-padding-block:calc((2.25 * var(--button-font-size) - var(--icon-size)) / 2);--button-padding-inline:var(--button-padding-block);aspect-ratio:1}:is(.button[data-shape=square],.button[data-shape=circle])[data-size=xs]{--icon-size:var(--font-size-base)}.button[data-shape=square]{--button-border-radius:var(--border-radius-s)}.button-text{justify-content:center;align-items:center;gap:min(.5em, var(--size-2));display:inline-flex}[data-busy=true] .button-text{visibility:hidden}.button-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-stack{gap:var(--size-1-5);flex-direction:column;display:flex}@media (width>=1024px){.button-stack{flex-direction:row;align-items:normal}}