: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, rgba(48, 48, 48, 0) 63.53%, hsla(0, 0%, 100%, .15) );--button-shadow-default: 0rem -.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem .0625rem rgba(0, 0, 0, .1) inset, 0rem .03125rem 0rem .09375rem #fff inset;--button-shadow-default--active: -.0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .122) inset, .0625rem 0rem .0625rem 0rem rgba(26, 26, 26, .122) inset, 0rem .125rem .0625rem 0rem rgba(26, 26, 26, .2) inset;--button-shadow-primary: 0rem -.0625rem 0rem .0625rem rgba(0, 0, 0, .8) inset, 0rem 0rem 0rem .0625rem var(--color-bg-fill-brand) inset, 0rem .03125rem 0rem .09375rem hsla(0, 0%, 100%, .25) inset;--button-shadow-primary--active: 0rem .1875rem 0rem 0rem rgba(0, 0, 0, .6) inset;--button-shadow-critical: 0rem -.0625rem 0rem .0625rem rgba(142, 31, 11, .8) inset, 0rem 0rem 0rem .0625rem rgba(181, 38, 11, .8) inset, 0rem .03125rem 0rem .09375rem hsla(0, 0%, 100%, .349) inset;--button-shadow-critical--active: -.0625rem 0rem .0625rem 0rem rgba(0, 0, 0, .2) inset, .0625rem 0rem .0625rem 0rem rgba(0, 0, 0, .2) inset, 0rem .125rem 0rem 0rem rgba(0, 0, 0, .6) inset}@layer components{.button{position:relative;display:inline-flex;gap:.3125rem;justify-content:center;align-items:center;inline-size:fit-content;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;block-size:calc(2.25rem + 2px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;overflow-wrap:break-word;text-align:inherit;padding-block:0;padding-inline:.75rem;font-weight:600;font-size:.875rem;line-height:1;border-radius:.75rem}.button:hover{text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.6}.button--full-width{inline-size:100%}.button--small{padding-block:0;padding-inline:.75rem;block-size:calc(1.75rem + 2px);font-size:.75rem;line-height:1rem;border-radius:.625rem}.button--default{box-shadow:var(--button-shadow-default);background-color:#fff;color:#27272a}.button--default:hover{background-color:#fafafa}.button--default:active{background-color:#f4f4f5;box-shadow:var(--button-shadow-default--active)}.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{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.button-group--nowrap{flex-wrap:nowrap}.button-group--vertical{flex-direction:column}@media(min-width:64rem){.button-group--responsive{flex-direction:row;align-items:center}}.button-group--end{justify-content:flex-end}.button-group--segmented{display:flex;flex-wrap:nowrap;gap:0}.button-group__item{position:relative;margin:0;line-height:1}.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}}