@layer components{.c-button{--_button-width:auto;--_button-height:4.125rem;--_button-gap:calc(var(--spacing,.25rem)*2);--_button-padding-inline:1.5rem;--_button-padding-block:.25rem;--_button-radius:var(--radius-xs);--_button-icon-width:1.5rem;--_button-transition-ease:var(--ease-in-out);--_button-transition-duration:var(--transition-duration-fast);width:var(--button-width,var(--_button-width));text-align:center;border-radius:var(--button-radius,var(--_button-radius));cursor:pointer;display:inline-flex}.c-button:is(span){pointer-events:none}.c-button{--_button-color-border:transparent;--_button-hover-color-border:transparent;--_button-disabled-color-border:transparent}@media (hover:hover){.c-button:hover:not(.no-hover) .c-button_inner,.c-button:hover .c-button:not(.no-hover) .c-button_inner{color:var(--button-hover-color-text,var(--_button-hover-color-text));background-color:var(--button-hover-color-background,var(--_button-hover-color-background));border-color:var(--button-hover-color-border,var(--_button-hover-color-border))}}.c-button{--_button-color-text:var(--color-white);--_button-color-background:var(--color-red-500);--_button-hover-color-text:var(--color-white);--_button-hover-color-background:var(--color-red-800);--_button-disabled-color-text:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.c-button{--_button-disabled-color-text:color-mix(in oklab,var(--color-white)24%,transparent)}}.c-button{--_button-disabled-color-background:var(--color-red-800);--focus-visible-color:var(--button-color-background,var(--_button-color-background))}.c-button.-themed:where(.theme-primary,.theme-primary *){--_button-hover-color-background:var(--color-red-900)}.c-button.-primary{--_button-color-text:var(--color-black);--_button-color-background:var(--color-sand-200);--_button-hover-color-text:var(--color-black);--_button-hover-color-background:var(--color-sand-300);--_button-disabled-color-text:var(--color-sand-300);--_button-disabled-color-background:var(--color-sand-100);--focus-visible-color:var(--button-color-text,var(--_button-color-text))}.c-button.-primary.-themed:where(.theme-dark,.theme-dark *),.c-button.-primary.-themed:where(.theme-sand,.theme-sand *),.c-button.-primary.-themed:where(.theme-primary,.theme-primary *),.c-button.-primary.-themed:where(.theme-red-light,.theme-red-light *),.c-button.-primary.-themed:where(.theme-red-dark,.theme-red-dark *){--_button-color-text:var(--color-black);--_button-color-background:var(--color-white);--_button-hover-color-text:var(--color-black);--_button-hover-color-background:var(--color-gray-100);--_button-disabled-color-text:var(--color-antracite-400);--_button-disabled-color-background:var(--color-gray-300)}.c-button.-primary.-themed:where(.theme-gray,.theme-gray *){--_button-color-text:var(--color-white);--_button-color-background:var(--color-antracite-500);--_button-hover-color-text:var(--color-white);--_button-hover-color-background:var(--color-antracite-200);--_button-disabled-color-text:var(--color-antracite-200);--_button-disabled-color-background:var(--color-antracite-400)}.c-button.-secondary{--_button-color-text:var(--color-white);--_button-color-background:var(--color-black);--_button-hover-color-text:var(--color-white);--_button-hover-color-background:var(--color-antracite-300);--_button-disabled-color-background:var(--color-antracite-400)}.c-button.-secondary.-themed:where(.theme-dark,.theme-dark *){--_button-color-text:var(--color-white);--_button-color-background:var(--color-antracite-500);--_button-hover-color-text:var(--color-white);--_button-hover-color-background:var(--color-antracite-200);--_button-disabled-color-text:var(--color-antracite-200);--_button-disabled-color-background:var(--color-antracite-400)}.c-button.-secondary.-themed:where(.theme-sand,.theme-sand *){--_button-color-text:var(--color-black);--_button-color-background:var(--color-sand-200);--_button-hover-color-text:var(--color-black);--_button-hover-color-background:var(--color-sand-300);--_button-disabled-color-text:var(--color-sand-300);--_button-disabled-color-background:var(--color-sand-100);--focus-visible-color:var(--button-color-text,var(--_button-color-text))}.c-button.-secondary.-themed:where(.theme-primary,.theme-primary *),.c-button.-secondary.-themed:where(.theme-red-light,.theme-red-light *),.c-button.-secondary.-themed:where(.theme-red-dark,.theme-red-dark *){--_button-color-text:var(--color-white);--_button-color-background:var(--color-antracite-500);--_button-hover-color-text:var(--color-white);--_button-hover-color-background:var(--color-antracite-200);--_button-disabled-color-text:var(--color-antracite-200);--_button-disabled-color-background:var(--color-antracite-400)}.c-button.-secondary.-themed:where(.theme-gray,.theme-gray *){--_button-color-text:var(--color-white);--_button-color-background:var(--color-black);--_button-hover-color-text:var(--color-white);--_button-hover-color-background:var(--color-antracite-300);--_button-disabled-color-background:var(--color-antracite-400)}.c-button.-outline{--_button-color-text:var(--color-black);--_button-color-background:transparent;--_button-color-border:#0000001f}@supports (color:color-mix(in lab, red, red)){.c-button.-outline{--_button-color-border:color-mix(in oklab,var(--color-black)12%,transparent)}}.c-button.-outline{--_button-hover-color-text:var(--button-color-text,var(--_button-color-text));--_button-hover-color-background:var(--button-color-border,var(--_button-color-border));--_button-hover-color-border:transparent;--_button-disabled-color-text:var(--button-color-border,var(--_button-color-border));--_button-disabled-color-background:transparent;--_button-disabled-color-border:var(--button-color-border,var(--_button-color-border));--focus-visible-color:var(--button-color-text,var(--_button-color-text));--focus-visible-offset:3px}.c-button.-outline:where(.theme-dark,.theme-dark *){--_button-color-text:var(--color-white);--_button-color-border:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.c-button.-outline:where(.theme-dark,.theme-dark *){--_button-color-border:color-mix(in oklab,var(--color-white)24%,transparent)}}.c-button.-outline:where(.theme-primary,.theme-primary *){--_button-color-text:var(--color-white);--_button-color-border:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.c-button.-outline:where(.theme-primary,.theme-primary *){--_button-color-border:color-mix(in oklab,var(--color-white)24%,transparent)}}.c-button.-outline:where(.theme-red-light,.theme-red-light *){--_button-color-text:var(--color-white);--_button-color-border:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.c-button.-outline:where(.theme-red-light,.theme-red-light *){--_button-color-border:color-mix(in oklab,var(--color-white)24%,transparent)}}.c-button.-outline:where(.theme-red-dark,.theme-red-dark *){--_button-color-text:var(--color-white);--_button-color-border:#ffffff3d}@supports (color:color-mix(in lab, red, red)){.c-button.-outline:where(.theme-red-dark,.theme-red-dark *){--_button-color-border:color-mix(in oklab,var(--color-white)24%,transparent)}}.c-button.-outline:where(.theme-sand,.theme-sand *){--_button-color-text:var(--color-black);--_button-color-border:#0000001f}@supports (color:color-mix(in lab, red, red)){.c-button.-outline:where(.theme-sand,.theme-sand *){--_button-color-border:color-mix(in oklab,var(--color-black)12%,transparent)}}.c-button.-size-sm{--_button-height:2.625rem;--_button-padding-inline:1rem;--_button-icon-width:1.25rem}.c-button.-fullwidth{--_button-width:100%}.c-button.-radius-xs{--_button-radius:var(--radius-xs)}.c-button.-radius-full{--_button-radius:var(--button-height,var(--_button-height))}.c-button.-icon-only{--button-width:var(--button-height,var(--_button-height));--_button-padding-inline:0}.c-button[disabled],.c-button.is-disabled{cursor:not-allowed}:is(.c-button[disabled],.c-button.is-disabled) .c-button_inner{color:var(--button-disabled-color-text,var(--_button-disabled-color-text));background-color:var(--button-disabled-color-background,var(--_button-disabled-color-background));border-color:var(--button-disabled-color-border,var(--_button-disabled-color-border))}@media not all and (min-width:700px){.c-button{--_button-height:3.125rem;--_button-padding-inline:1rem}}.c-button_inner{justify-content:center;align-items:center;gap:var(--button-gap,var(--_button-gap));width:100%;min-height:var(--button-height,var(--_button-height));padding-inline:var(--button-padding-inline,var(--_button-padding-inline));padding-block:var(--button-padding-block,var(--_button-padding-block));color:var(--button-color-text,var(--_button-color-text));background-color:var(--button-color-background,var(--_button-color-background));border:1px solid var(--button-color-border,var(--_button-color-border));border-radius:inherit;transition-property:background-color,border,color;transition-duration:var(--button-transition-duration,var(--_button-transition-duration));transition-timing-function:var(--button-transition-ease,var(--_button-transition-ease));display:flex}.c-button_label{--line-height:1.2;display:block}.c-button_icon{--icon-width:var(--button-icon-width,var(--_button-icon-width));display:block}}
