@layer base;@layer components{@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{background-color:var(--button-bg);color:var(--button-text);border-radius:var(--button-border-radius);cursor:pointer;-webkit-tap-highlight-color:#0000;border:none;outline:none;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.button__icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.button--size-small{--button-border-radius:var(--button-border-radius-small,14px);height:28px;padding:0 12px;font-size:12px}.button--size-small .button__icon{margin-left:6px}.button--size-medium{--button-border-radius:var(--button-border-radius-medium,17px);height:34px;padding:0 16px;font-size:13px}.button--size-medium .button__icon{margin-left:10px}.button--size-large{--button-border-radius:var(--button-border-radius-large,23px);height:46px;padding:0 20px;font-size:15px}.button--size-large .button__label{font-weight:700}.button--size-large .button__icon{margin-left:10px}.button--theme-primary{--button-bg:var(--button-primary-bg);--button-text:var(--button-primary-text);--button-bg-active:color-mix(in srgb,var(--button-bg)80%);--border-color:var(--button-primary-bg)}.button--theme-primary.button--type-link{--button-text:var(--button-primary-bg)}.button--theme-secondary{--button-bg:var(--button-secondary-bg);--button-text:var(--button-secondary-text);--button-bg-active:color-mix(in srgb,var(--button-bg)70%);--border-color:var(--button-secondary-bg)}.button--type-link,.button--theme-outline{--button-bg:transparent}.button--type-link{--button-bg:transparent;height:auto}.button--type-link:hover{text-decoration:underline}.button--theme-negative{--button-bg:var(--button-negative-bg);--button-text:var(--button-negative-text);--border-color:var(--button-negative-bg)}.button--type-outline{--button-bg:transparent;border:2px solid var(--border-color);color:var(--border-color)}.button:active:not(.button--working){background-color:var(--button-bg-active)}@media screen and (min-height:920px){.button:active:not(.button--working) svg{transform:translate(4px)}}.button:disabled{opacity:.6;cursor:not-allowed}.button:disabled.button--working{cursor:default;opacity:.8}.button:focus-visible:not(:active){text-decoration:underline}@media screen and (min-height:920px){.button:focus-visible:not(:active){transform:translateY(-1px)}.button:focus-visible:not(:active) svg{transform:translate(4px)}}.button__inner{justify-content:center;align-items:center;display:flex;position:relative}.button__label{font-weight:600;transition:opacity .2s ease-in-out}.button__spinner{animation:1s linear infinite button-spin}.button--working{cursor:default}.button--working-no-icon .button__label{opacity:0}.button--working-no-icon .button__spinner{margin-left:0;position:absolute}.button--animate{transition:translate .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out;translate:0}.button--animate .button__icon{transition:translate .2s ease-in-out;translate:0}@media (hover:hover){.button--animate:hover:not(:disabled),.button--animate:hover.button--working{translate:0 -2px}.button--animate:hover:not(:disabled) .button__icon,.button--animate:hover.button--working .button__icon{translate:2px}}}@layer app,utilities;@keyframes fade-in{0%{opacity:0!important}to{opacity:1!important}}
@layer base;@layer components{.container{width:100%;margin:0 10px}.container--size-small{max-width:768px}.container--size-regular{max-width:1280px}}@layer app,utilities;@keyframes fade-in{0%{opacity:0!important}to{opacity:1!important}}