.btn-primary-default{background-color:var(--color-primary);color:var(--color-white)}@media (hover:hover){.btn-primary-default:hover{background-color:var(--color-primary-hover);--tw-shadow:0 1px 3px 1px var(--tw-shadow-color,#00000026),0 1px 2px 0 var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.btn-primary-default:hover:focus-visible{background-color:var(--color-primary-focused)}.btn-primary-default:hover:active{background-color:var(--color-primary-pressed);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-secondary-default{background-color:var(--color-secondary);color:var(--color-white)}@media (hover:hover){.btn-secondary-default:hover{background-color:var(--color-secondary-hover);--tw-shadow:0 1px 3px 1px var(--tw-shadow-color,#00000026),0 1px 2px 0 var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.btn-secondary-default:hover:focus-visible{background-color:var(--color-secondary-focused)}.btn-secondary-default:hover:active{background-color:var(--color-secondary-pressed);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-error-default{background-color:var(--color-error);color:var(--color-white)}@media (hover:hover){.btn-error-default:hover{background-color:var(--color-error-hover);--tw-shadow:0 1px 3px 1px var(--tw-shadow-color,#00000026),0 1px 2px 0 var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.btn-error-default:hover:focus-visible{background-color:var(--color-error-focused)}.btn-error-default:hover:active{background-color:var(--color-error-pressed);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-white-default{background-color:var(--color-white);color:var(--color-black)}@media (hover:hover){.btn-white-default:hover{background-color:color-mix(in oklab,var(--color-white) 76%,transparent)}}.btn-white-default:focus-visible{background-color:color-mix(in oklab,var(--color-white) 16%,transparent)}.btn-white-default:active{background-color:color-mix(in oklab,var(--color-white) 68%,transparent)}.btn-black-default{background-color:var(--color-black);color:var(--color-white)}@media (hover:hover){.btn-black-default:hover{background-color:var(--color-black-hover)}}.btn-black-default:active{background-color:var(--color-black-pressed)}.btn-black-default:focus-visible{background-color:var(--color-black)}.btn-black-default[disabled]{background-color:var(--color-black-disabled)!important;color:color-mix(in oklab,var(--color-black) 38%,transparent)!important}@media (hover:hover){.btn-primary-outline:not(.darksurface):hover{--tw-ring-color:var(--color-primary-hover)}}.btn-primary-outline:not(.darksurface):active{--tw-ring-color:var(--color-primary-pressed)}.btn-primary-outline:not(.darksurface):not(:focus-visible){--tw-ring-color:var(--color-primary)}@media (hover:hover){.btn-primary-outline.darksurface:hover{--tw-ring-color:var(--color-primary-hover-outline-text)}}.btn-primary-outline.darksurface:active{--tw-ring-color:var(--color-primary-pressed-outline)}.btn-primary-outline.darksurface:not(:focus-visible){--tw-ring-color:var(--color-primary)}@media (hover:hover){.btn-secondary-outline:not(.darksurface):hover{--tw-ring-color:var(--color-secondary-hover)}}.btn-secondary-outline:not(.darksurface):active{--tw-ring-color:var(--color-secondary-dark)}.btn-secondary-outline:not(.darksurface):not(:focus-visible){--tw-ring-color:var(--color-secondary)}@media (hover:hover){.btn-secondary-outline.darksurface:hover{--tw-ring-color:var(--color-secondary-hover-outline-text)}}.btn-secondary-outline.darksurface:active{--tw-ring-color:var(--color-secondary-pressed-outline)}.btn-secondary-outline.darksurface:not(:focus-visible){--tw-ring-color:var(--color-secondary)}.btn-error-outline:not(.darksurface):not(:focus-visible){--tw-ring-color:var(--color-error)}@media (hover:hover){.btn-error-outline.darksurface:hover{--tw-ring-color:var(--color-error-hover-outline-text)}}.btn-error-outline.darksurface:active{--tw-ring-color:var(--color-error-pressed-outline)}.btn-error-outline.darksurface:not(:focus-visible){--tw-ring-color:var(--color-error-dark)}.btn-white-outline.darksurface,.btn-white-outline:not(.darksurface){--tw-ring-color:var(--color-white)}.btn-black-outline{--tw-ring-color:var(--color-black)}.btn-primary-link:not(.darksurface){color:var(--color-primary-dark)}@media (hover:hover){.btn-primary-link:not(.darksurface):hover{background-color:color-mix(in oklab,var(--color-primary) 16%,transparent);color:var(--color-primary-darker)}}.btn-primary-link:not(.darksurface):focus-visible{background-color:color-mix(in oklab,var(--color-primary) 16%,transparent);color:var(--color-primary-hover)}.btn-primary-link:not(.darksurface):active{background-color:color-mix(in oklab,var(--color-primary) 24%,transparent);color:var(--color-primary-darkest)}.btn-primary-link.darksurface{color:var(--color-primary)}@media (hover:hover){.btn-primary-link.darksurface:hover{background-color:color-mix(in oklab,var(--color-primary) 24%,transparent);color:var(--color-primary-hover-outline-text)}}.btn-primary-link.darksurface:focus-visible{background-color:color-mix(in oklab,var(--color-primary) 24%,transparent);color:var(--color-primary-hover-outline-text)}.btn-primary-link.darksurface:active{background-color:color-mix(in oklab,var(--color-primary) 16%,transparent);color:var(--color-primary-pressed-outline)}.btn-secondary-link:not(.darksurface){color:var(--color-secondary-dark)}@media (hover:hover){.btn-secondary-link:not(.darksurface):hover{background-color:color-mix(in oklab,var(--color-secondary) 16%,transparent);color:var(--color-secondary-darker)}}.btn-secondary-link:not(.darksurface):focus-visible{background-color:color-mix(in oklab,var(--color-secondary) 16%,transparent);color:var(--color-secondary-hover)}.btn-secondary-link:not(.darksurface):active{background-color:color-mix(in oklab,var(--color-secondary) 24%,transparent)}.btn-secondary-link.darksurface{color:var(--color-secondary)}@media (hover:hover){.btn-secondary-link.darksurface:hover{background-color:color-mix(in oklab,var(--color-secondary) 24%,transparent);color:var(--color-secondary-hover-outline-text)}}.btn-secondary-link.darksurface:focus-visible{background-color:color-mix(in oklab,var(--color-secondary) 24%,transparent);color:var(--color-secondary-hover-outline-text)}.btn-secondary-link.darksurface:active{background-color:color-mix(in oklab,var(--color-secondary) 16%,transparent);color:var(--color-secondary-pressed-outline)}.btn-error-link:not(.darksurface){color:var(--color-error)}@media (hover:hover){.btn-error-link:not(.darksurface):hover{background-color:color-mix(in oklab,var(--color-error) 16%,transparent);color:var(--color-error-hover)}}.btn-error-link:not(.darksurface):active{background-color:color-mix(in oklab,var(--color-error) 24%,transparent);color:var(--color-error-pressed)}.btn-error-link.darksurface{color:var(--color-error-dark)}@media (hover:hover){.btn-error-link.darksurface:hover{background-color:color-mix(in oklab,var(--color-error-dark) 24%,transparent);color:var(--color-error-hover-outline-text)}}.btn-error-link.darksurface:focus-visible{background-color:color-mix(in oklab,var(--color-error) 24%,transparent);color:var(--color-error-hover-outline-text)}.btn-error-link.darksurface:active{background-color:color-mix(in oklab,var(--color-error-dark) 16%,transparent);color:var(--color-error-pressed-outline)}.btn-white-link:not(.darksurface){color:var(--color-white)}@media (hover:hover){.btn-white-link:not(.darksurface):hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.btn-white-link:not(.darksurface):focus-visible{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}.btn-white-link:not(.darksurface):active{background-color:color-mix(in oklab,var(--color-black) 16%,transparent)}.btn-white-link.darksurface{color:var(--color-white)}@media (hover:hover){.btn-white-link.darksurface:hover{background-color:color-mix(in oklab,var(--color-white) 16%,transparent)}}.btn-white-link.darksurface:focus-visible{background-color:color-mix(in oklab,var(--color-white) 16%,transparent)}.btn-white-link.darksurface:active{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}.btn-black-link{color:var(--color-black)}@media (hover:hover){.btn-black-link:hover{background-color:color-mix(in oklab,var(--color-primary) 16%,transparent)}}.btn-black-link:focus-visible{background-color:color-mix(in oklab,var(--color-primary) 16%,transparent)}.btn-black-link:active{background-color:color-mix(in oklab,var(--color-primary) 24%,transparent)}