:root{--button-fg-color-primary:var(--color-text-brand-on-bg-fill);--button-bg-color-primary:var(--color-bg-fill-brand);--button-bg-color-primary--hover:var(--color-bg-fill-brand-hover);--button-bg-color-primary--active:var(--color-bg-fill-brand-active);--button-bg-color-critical:var(--color-bg-fill-critical);--button-bg-color-critical--hover:var(--color-bg-fill-critical-hover);--button-bg-color-critical--active:var(--color-bg-fill-critical-active);--button-bg-gradient-primary:linear-gradient(180deg, #30303000 63.53%, #ffffff26);--button-shadow-default:0rem -.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem .0625rem #0000001a inset, 0rem .03125rem 0rem .09375rem #fff inset;--button-shadow-default--active:-.0625rem 0rem .0625rem 0rem #1a1a1a1f inset, .0625rem 0rem .0625rem 0rem #1a1a1a1f inset, 0rem .125rem .0625rem 0rem #1a1a1a33 inset;--button-shadow-primary:0rem -.0625rem 0rem .0625rem #000c inset, 0rem 0rem 0rem .0625rem var(--color-bg-fill-brand) inset, 0rem .03125rem 0rem .09375rem #ffffff40 inset;--button-shadow-primary--active:0rem .1875rem 0rem 0rem #0009 inset;--button-shadow-critical:0rem -.0625rem 0rem .0625rem #8e1f0bcc inset, 0rem 0rem 0rem .0625rem #b5260bcc inset, 0rem .03125rem 0rem .09375rem #ffffff59 inset;--button-shadow-critical--active:-.0625rem 0rem .0625rem 0rem #0003 inset, .0625rem 0rem .0625rem 0rem #0003 inset, 0rem .125rem 0rem 0rem #0009 inset}@layer components{.button{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:break-word;block-size:calc(2.25rem + 2px);inline-size:fit-content;text-align:inherit;border-radius:.75rem;justify-content:center;align-items:center;gap:.3125rem;padding-block:0;padding-inline:.75rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.button:hover{text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.6}.button--full-width{inline-size:100%}.button--small{border-radius:.625rem;block-size:calc(1.75rem + 2px);padding-block:0;padding-inline:.75rem;font-size:.75rem;line-height:1rem}.button--default{box-shadow:var(--button-shadow-default);color:#27272a;background-color:#fff}.button--default:hover{background-color:#fafafa}.button--default:active{box-shadow:var(--button-shadow-default--active);background-color:#f4f4f5}.button--primary{box-shadow:var(--button-shadow-primary);background:var(--button-bg-gradient-primary), var(--button-bg-color-primary);color:var(--button-fg-color-primary)}.button--primary:hover{background:var(--button-bg-gradient-primary), var(--button-bg-color-primary--hover)}.button--primary:active{box-shadow:var(--button-shadow-primary--active);background:var(--button-bg-gradient-primary), var(--button-bg-color-primary--active)}.button--critical{box-shadow:var(--button-shadow-critical);background:var(--button-bg-color-critical);color:var(--button-fg-color-primary)}.button--critical:hover{background:var(--button-bg-color-critical--hover)}.button--critical:active{box-shadow:var(--button-shadow-critical--active);background:var(--button-bg-color-critical--active)}.button--disabled{cursor:not-allowed;opacity:.6}.button__icon{display:inline-block}.button__icon--left{margin-inline-start:-.125rem}.button__icon--right{margin-inline-end:-.125rem}.button:active .button__icon,.button:active .button__text{transform:translateY(.0625rem)}.button-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.button-group--nowrap{flex-wrap:nowrap}.button-group--vertical{flex-direction:column}@media (width>=64rem){.button-group--responsive{flex-direction:row;align-items:center}}.button-group--end{justify-content:flex-end}.button-group--segmented{flex-wrap:nowrap;gap:0;display:flex}.button-group__item{margin:0;line-height:1;position:relative}.button-group__item:not(:first-child){margin-inline-start:-1px}.button-group--segmented .button-group__item:not(:last-child) .button{border-start-end-radius:0;border-end-end-radius:0}.button-group--segmented .button-group__item:not(:first-child) .button{border-start-start-radius:0;border-end-start-radius:0}}