:root{--c-Button-color-border:#0000;--c-Button-color-background:var(--c-Token-color-red-400);--c-Button-color-text:var(--c-Token-color-0);--c-Button-color-borderDisabled:#0000;--c-Button-color-backgroundDisabled:var(--c-Token-color-grey-200);--c-Button-color-textDisabled:var(--c-Token-color-grey-400);--c-Button-color-borderHover:#0000;--c-Button-color-backgroundHover:var(--c-Token-color-red-500);--c-Button-color-textHover:var(--c-Token-color-0);--c-Button-color-borderActive:#0000;--c-Button-color-backgroundActive:var(--c-Token-color-red-500);--c-Button-color-textActive:var(--c-Token-color-0);--c-Button-color-focusRing:var(--c-Token-color-1000);--c-Button-color-indicatorText:var(--c-Token-color-0);--c-Button-color-indicatorBackground:var(--c-Token-color-1000);--c-Button-size-paddingBlock:var(--c-Token-space-50);--c-Button-size-paddingInline:var(--c-Token-space-75);--c-Button-size-gap:var(--c-Token-space-75);--c-Button-style-textDecoration:none}.c-Button{align-items:center;background:var(--c-Button-color-background);border:none;border-radius:4px;color:var(--c-Button-color-text);cursor:pointer;display:flex;font-size:var(--c-Token-fontSize-75);font-weight:600;gap:var(--c-Button-size-gap);inline-size:fit-content;justify-content:center;line-height:var(--c-Token-lineHeight-75);padding-block:var(--c-Button-size-paddingBlock);padding-inline:var(--c-Button-size-paddingInline);position:relative;-webkit-text-decoration:var(--c-Button-style-textDecoration);text-decoration:var(--c-Button-style-textDecoration)}.c-Button:after{border:1px solid var(--c-Button-color-border);border-radius:inherit;content:"";inset:0;position:absolute}.c-Button:focus-visible,.c-Button:not([disabled]):hover{background:var(--c-Button-color-backgroundHover);color:var(--c-Button-color-textHover);outline:none;-webkit-text-decoration:var(--c-Button-style-textDecoration);text-decoration:var(--c-Button-style-textDecoration)}:is(.c-Button:not([disabled]):hover,.c-Button:focus-visible):after{border-color:var(--c-Button-color-borderHover)}.c-Button:not([disabled]):active{background:var(--c-Button-color-backgroundActive);color:var(--c-Button-color-textActive);outline:none;-webkit-text-decoration:var(--c-Button-style-textDecoration);text-decoration:var(--c-Button-style-textDecoration)}.c-Button:not([disabled]):active:after{border-color:var(--c-Button-color-borderActive)}.c-Button:focus{outline:none}.c-Button:focus-visible:before{border:2px solid var(--c-Button-color-focusRing);border-radius:8px;content:"";inset:-6px;position:absolute;z-index:100}.c-Button[disabled]{background:var(--c-Button-color-backgroundDisabled);color:var(--c-Button-color-textDisabled);cursor:default}.c-Button[disabled]:after{border-color:var(--c-Button-color-borderDisabled)}.c-Button.is-loading .c-Button-spinner{display:block}.c-Button:not(:has(.c-Button-text)){--c-Button-size-paddingBlock:var(--c-Button-size-paddingInline)}.c-Button .c-Button-spinner{display:none}.c-Button .c-Button-indicator{align-items:center;background-color:var(--c-Button-color-indicatorBackground);block-size:1lh;border-radius:999px;color:var(--c-Button-color-indicatorText);display:flex;font-size:var(--c-Token-fontSize-50);font-weight:700;inset:0 0 auto auto;justify-content:center;line-height:var(--c-Token-lineHeight-50);min-inline-size:1lh;position:absolute;transform:translate(33%,-33%);z-index:1}:is(.c-Button .c-Button-indicator):empty{display:none}.c-Button--secondary{--c-Button-color-border:var(--c-Token-color-grey-400);--c-Button-color-background:var(--c-Token-color-0);--c-Button-color-text:var(--c-Token-color-1000);--c-Button-color-borderDisabled:var(--c-Token-color-grey-400);--c-Button-color-backgroundDisabled:var(--c-Token-color-0);--c-Button-color-textDisabled:var(--c-Token-color-grey-400);--c-Button-color-borderHover:var(--c-Token-color-grey-600);--c-Button-color-backgroundHover:var(--c-Token-color-0);--c-Button-color-textHover:var(--c-Token-color-1000);--c-Button-color-borderActive:var(--c-Token-color-grey-600);--c-Button-color-backgroundActive:var(--c-Token-color-0);--c-Button-color-textActive:var(--c-Token-color-1000);--c-Button-color-indicatorText:var(--c-Token-color-0);--c-Button-color-indicatorBackground:var(--c-Token-color-red-400)}.c-Button--secondary-inverted{--c-Button-color-border:#0000;--c-Button-color-background:var(--c-Token-color-0);--c-Button-color-text:var(--c-Token-color-1000);--c-Button-color-borderDisabled:#0000;--c-Button-color-backgroundDisabled:var(--c-Token-color-0);--c-Button-color-textDisabled:var(--c-Token-color-grey-400);--c-Button-color-borderHover:#0000;--c-Button-color-backgroundHover:var(--c-Token-color-grey-100);--c-Button-color-textHover:var(--c-Token-color-1000);--c-Button-color-borderActive:#0000;--c-Button-color-backgroundActive:var(--c-Token-color-grey-200);--c-Button-color-textActive:var(--c-Token-color-1000);--c-Button-color-indicatorText:var(--c-Token-color-0);--c-Button-color-indicatorBackground:var(--c-Token-color-red-400)}.c-Button--tertiary{--c-Button-color-background:var(--c-Token-color-grey-700);--c-Button-color-text:var(--c-Token-color-0);--c-Button-color-backgroundDisabled:var(--c-Token-color-grey-200);--c-Button-color-textDisabled:var(--c-Token-color-grey-400);--c-Button-color-backgroundHover:var(--c-Token-color-1000);--c-Button-color-textHover:var(--c-Token-color-0);--c-Button-color-backgroundActive:var(--c-Token-color-1000);--c-Button-color-textActive:var(--c-Token-color-0);--c-Button-color-indicatorText:var(--c-Token-color-0);--c-Button-color-indicatorBackground:var(--c-Token-color-red-400)}.c-Button--ghost{--c-Button-color-background:#0000;--c-Button-color-text:var(--c-Token-color-1000);--c-Button-color-backgroundDisabled:#0000;--c-Button-color-textDisabled:var(--c-Token-color-grey-400);--c-Button-color-backgroundHover:#0000;--c-Button-color-textHover:var(--c-Token-color-red-400);--c-Button-color-backgroundActive:#0000;--c-Button-color-textActive:var(--c-Token-color-red-400);--c-Button-color-indicatorText:var(--c-Token-color-0);--c-Button-color-indicatorBackground:var(--c-Token-color-red-400);--c-Button-style-textDecoration:underline;--c-Button-size-paddingBlock:var(--c-Token-space-50);--c-Button-size-paddingInline:var(--c-Token-space-50);--c-Button-size-gap:var(--c-Token-space-50)}.c-Button--size-l{--c-Button-size-paddingBlock:var(--c-Token-space-75);--c-Button-size-paddingInline:var(--c-Token-space-100);--c-Button-size-gap:var(--c-Token-space-100);font-size:var(--c-Token-fontSize-100);font-weight:700;line-height:var(--c-Token-lineHeight-100)}.c-Button--size-l:where(.c-Button--ghost){--c-Button-size-paddingBlock:var(--c-Token-space-50);--c-Button-size-paddingInline:var(--c-Token-space-50);--c-Button-size-gap:var(--c-Token-space-50)}.c-Button--size-s{--c-Button-size-paddingBlock:var(--c-Token-space-25);--c-Button-size-paddingInline:var(--c-Token-space-50);--c-Button-size-gap:var(--c-Token-space-50);font-size:var(--c-Token-fontSize-50);font-weight:600;line-height:var(--c-Token-lineHeight-50)}.c-Button--size-s:where(.c-Button--ghost){--c-Button-size-paddingBlock:var(--c-Token-space-25);--c-Button-size-paddingInline:var(--c-Token-space-25);--c-Button-size-gap:var(--c-Token-space-25)}.c-Button--size-s .c-Button-indicator{transform:translate(50%,-50%)}.c-Button--iconPosition-start .c-Button-icon{order:0}.c-Button--iconPosition-start.is-loading .c-Button-icon{display:none}.c-Button--iconPosition-end .c-Button-icon{order:2}.c-Button--noPadding{--c-Button-size-paddingBlock:0;--c-Button-size-paddingInline:0}.c-Button--noPadding .c-Button-indicator{transform:translate(50%,-50%)}