.btn{--btn-bg: var(--c-blue);--btn-min-size: 44px;--btn-color: var(--c-white);--btn-radius: 8px;--btn-border-color: var(--btn-bg);--btn-padding: var(--spacing-2xl);background-color:var(--btn-bg);min-height:var(--btn-min-size);color:var(--btn-color);padding:0 var(--btn-padding);border-width:1px;border-style:solid;border-color:var(--btn-border-color);border-radius:var(--btn-radius);margin:0;opacity:1;position:relative;overflow:hidden;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:opacity,background-color,border-color}.btn:disabled{cursor:not-allowed}.btn:not(:disabled){cursor:pointer}.btn.variant-big-primary{font:var(--t-body-primary-400)}.btn.variant-big-primary:disabled{--btn-bg: var(--c-blue-dark);--btn-color: var(--c-blue-disabled);--btn-border-color: var(--btn-bg)}.btn.variant-big-primary:not(:disabled):hover{--btn-bg: var(--c-blue-lighter)}.btn.variant-big-dark{--btn-bg: var(--c-bg-black);--btn-border-color: var(--c-neutral-3);font:var(--t-body-primary-300)}.btn.variant-big-dark:disabled{--btn-bg: var(--c-blue-dark);--btn-color: var(--c-blue-disabled);--btn-border-color: var(--btn-bg)}.btn.variant-big-dark:not(:disabled):hover{--btn-bg: var(--c-neutral-1);--btn-border-color: var(--c-neutral-1)}.btn.variant-big-inverted{--btn-bg: transparent;--btn-border-color: var(--c-blue);--btn-color: var(--c-blue);font:var(--t-body-primary-300)}.btn.variant-big-inverted:disabled{--btn-bg: var(--c-blue-dark);--btn-color: var(--c-blue-disabled);--btn-border-color: var(--btn-bg)}.btn.variant-big-inverted:not(:disabled):hover{--btn-bg: transparent;--btn-border-color: var(--c-blue-lighter);--btn-color: var(--c-blue-lighter)}.btn.variant-medium-white{--btn-min-size: 36px;--btn-padding: var(--spacing-lg);--btn-color: var(--c-neutral-1);--btn-bg: var(--c-white);--btn-border-color: var(--btn-bg);font:var(--t-body-primary-500)}.btn.variant-medium-white:not(:disabled):hover{--btn-bg: var(--c-neutral-14)}.btn.variant-medium-inverted{--btn-min-size: 36px;--btn-padding: var(--spacing-lg);--btn-color: var(--c-white);--btn-bg: var(--c-bg-black);--btn-border-color: var(--c-neutral-3);font:var(--t-body-primary-500)}.btn.variant-medium-inverted:not(:disabled):hover{--btn-bg: var(--c-neutral-1);--btn-border-color: var(--btn-bg)}.btn.variant-small-inverted{--btn-min-size: 36px;--btn-padding: var(--spacing-lg);--btn-color: var(--c-blue);--btn-bg: var(--c-bg-black);--btn-border-color: var(--c-blue);--btn-radius: 8px;font:var(--t-body-primary-500)}.btn.variant-small-inverted:disabled{--btn-bg: var(--c-blue-dark);--btn-color: var(--c-blue-disabled);--btn-border-color: var(--btn-bg)}.btn.variant-small-inverted:not(:disabled):hover{--btn-border-color: var(--c-blue-lighter);--btn-color: var(--c-white)}.btn.variant-small-primary{--btn-radius: 8px;--btn-min-size: 36px;--btn-padding: var(--spacing-lg);--btn-color: var(--c-white);--btn-bg: var(--c-blue);--btn-border-color: var(--btn-bg);font:var(--t-body-primary-500)}.btn.variant-small-primary:disabled{--btn-bg: var(--c-blue-dark);--btn-color: var(--c-blue-disabled);--btn-border-color: var(--btn-bg)}.btn.variant-small-primary:not(:disabled):hover{--btn-bg: var(--c-blue-lighter)}.btn>.loading-overlay{position:absolute;inset:0;background-color:var(--c-blue);opacity:0;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:opacity}.btn.lodader>.loading-overlay{opacity:1}.btn span{font:inherit;color:inherit;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:color}.loader-spinner{display:inline-block;user-select:none}.loader-spinner.variant-primary{--spinner-track: var(--c-blue);--spinner-indicator: var(--c-blue-lighter)}.loader-spinner svg{animation:spin 1s ease-in-out infinite}.loader-spinner svg>path{stroke:var(--spinner-indicator);fill:none;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:stroke}.loader-spinner svg>circle{stroke:var(--spinner-track);transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:stroke}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}