.spinner{--spinner-color: var(--color-interactive-primary);--spinner-size: var(--size-3);--part-height: 8px;--part-width: 4px;--part-offset: 10px;position:relative;width:var(--spinner-size);height:var(--spinner-size)}.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{position:absolute;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);animation:spinner-part 1s linear infinite;will-change:opacity}.spinner>div:nth-child(1){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}}.visually-hidden:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.button{--button-padding-inline: var(--size-2);--button-height: var(--size-5);--button-font-size: var(--font-size-text-md);--button-color: var(--color-interactive-primary);--button-text-color: var(--color-interactive-primary-contrast);--button-text-gap: var(--size-1);--button-border-radius: var(--radius-md);--icon-size: var(--font-size-text-md);--icon-color: currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;gap:var(--size-1);padding-inline:var(--button-padding-inline);height:var(--button-height);background-color:var(--button-color);color:var(--button-text-color);border:none;border-radius:var(--button-border-radius);font-size:var(--button-font-size);font-weight:var(--font-weight-medium);font-family:var(--font-sans);line-height:var(--line-height-none);-webkit-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;position:relative;transition:background-color var(--duration-short) var(--ease-in-out)}@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:disabled{filter:grayscale(100%);opacity:var(--opacity-20);pointer-events:none}.button[data-fill=true]{width:100%}.button[data-size=lg]{--button-height: var(--size-6);--button-font-size: var(--font-size-text-lg);--button-padding-inline: var(--size-2-5)}.button[data-size=sm]{--button-height: var(--size-4);--button-font-size: var(--font-size-text-sm);--button-padding-inline: var(--size-1-5)}.button[data-size=xs]{--button-height: var(--size-3);--button-font-size: var(--font-size-text-sm);--button-padding-inline: var(--size-1);--button-border-radius: var(--radius-sm)}.button[data-variant=pill]{--button-height: var(--size-5);--button-font-size: var(--font-size-text-md);--button-padding-inline: var(--size-1-5) var(--size-2);--button-text-gap: 6px;--icon-size: var(--font-size-text-md);border-radius:var(--radius-full)}.button[data-variant=pill][data-size=sm]{--button-height: var(--size-4);--button-padding-inline: var(--size-1) var(--size-1-5);--button-font-size: var(--font-size-text-sm)}.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=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=info]:is(:active,[aria-pressed=true]){--button-color: var(--color-interactive-info-active)}.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=positive]:is(:active,[aria-pressed=true]){--button-color: var(--color-interactive-positive-active)}.button[data-appearance=minimal]{--button-color: transparent;--button-text-color: var(--color-interactive-primary);--button-padding-inline: 0;--button-height: auto;line-height:var(--line-height-snug);border-radius:0}@media (hover: hover){.button[data-appearance=minimal]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--size-0-5);text-decoration-color:currentColor;opacity:var(--opacity-80)}}.button[data-appearance=minimal]:is(:active,[aria-pressed=true]){opacity:var(--opacity-60)}.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-appearance=negative]:is(:active,[aria-pressed=true]){--button-color: var(--color-interactive-negative-active)}.button[data-shape=square],.button[data-shape=circle]{--button-padding-inline: 0;aspect-ratio:1}.button[data-shape=square][data-size=sm],.button[data-shape=circle][data-size=sm]{--icon-size: var(--font-size-text-sm)}.button[data-shape=circle]{border-radius:100%}.button-text{display:inline-flex;justify-content:center;align-items:center;gap:var(--button-text-gap)}[data-busy=true] .button-text{visibility:hidden}.button-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-stack{display:flex;flex-direction:column;gap:var(--size-1-5)}@media (min-width: 1024px){.button-stack{align-items:normal;flex-direction:row}}@media (min-width: 768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}