@layer shared{.main-button{--color:var(--white);--bg-color:var(--green-400);--color-hover:var(--color);--bg-color-hover:var(--green-300);--color-click:var(--color-hover);--bg-color-click:var(--green-500);--color-disabled:var(--gray-400);--bg-color-disabled:rgb(from var(--gray-200) r g b/30%);--border-color:var(--bg-color);--border-width:0px;--padding-block:13px;--padding-inline:16px;--button-radius:var(--radius);--icon-size:16px;font-size:16px;line-height:18px;font-weight:700;text-decoration:none;text-transform:uppercase;position:relative;flex-direction:column;padding:calc(var(--padding-block) - var(--border-width)) calc(var(--padding-inline) - var(--border-width));border:var(--border-width) solid var(--border-color);border-radius:var(--button-radius);outline:none;width:-moz-fit-content;width:fit-content;box-shadow:none;overflow:hidden;cursor:pointer;color:var(--color);background-color:var(--bg-color)}@layer mixins{.main-button{display:flex;justify-content:center;align-items:center}}@media(hover:hover){.main-button:not(:disabled):hover{color:var(--color-hover);background-color:var(--bg-color-hover)}.main-button:not(:disabled):active{color:var(--color-click);background-color:var(--bg-color-click)}}.main-button:disabled{cursor:default}.main-button:disabled:not(.is-loaded){color:var(--color-disabled);background-color:var(--bg-color-disabled)}.main-button:disabled:not(.is-loaded) .main-button__icon{fill:var(--color-disabled)}.main-button em{font-size:11px;font-weight:500;line-height:1.6;font-style:normal;text-transform:none}.main-button .main-button__checkmark,.main-button .spinner,.main-button span{transition:opacity .3s}.main-button .spinner{--color:var(--color-disabled)}.main-button .main-button__checkmark,.main-button .spinner,.main-button.is-loaded .main-button__icon,.main-button.is-loaded span,.main-button.is-loading .main-button__icon,.main-button.is-loading span{opacity:0}.main-button.is-loaded .main-button__checkmark,.main-button.is-loading:not(.is-loaded) .spinner{opacity:1}.main-button .main-button__icon{width:var(--icon-size);height:var(--icon-size);fill:var(--color)}.main-button .main-button__checkmark{width:11px;height:8px;fill:var(--color)}@layer mixins{.main-button .main-button__checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.main-button.has-sublabel{--padding-block:7px;--padding-inline:16px}.main-button.is-full-width{width:100%}.main-button.has-icon{--padding-block:14px}.main-button.size-m{font-size:14px;line-height:16px;--padding-block:10px;--padding-inline:14px}.main-button.size-s{font-size:14px;line-height:16px;--padding-block:8px;--padding-inline:10px}.main-button.size-xs{font-size:12px;line-height:16px;font-weight:600;text-transform:none;--button-radius:var(--radius-s);--padding-block:3px;--padding-inline:5px}.main-button.has-icon{--padding-inline:var(--padding-block)}.main-button.is-secondary{--color:var(--gray-500);--bg-color:var(--gray-100);--color-hover:var(--black-400);--bg-color-hover:var(--gray-200);--color-click:var(--color-hover);--bg-color-click:var(--gray-300);--bg-color-disabled:var(--gray-200);--border-color:var(--gray-200);--border-width:1px}.main-button.is-secondary:active,.main-button.is-secondary:disabled,.main-button.is-secondary:hover{--border-width:0px}.main-button.color-light-purple{--bg-color:var(--dark-purple-300);--bg-color-hover:var(--dark-purple-200);--bg-color-click:var(--dark-purple-100);--color-disabled:var(--dark-purple-100);--bg-color-disabled:var(--bg-color)}.main-button.color-dark-purple{--bg-color:var(--dark-purple-400);--bg-color-hover:var(--dark-purple-300);--bg-color-click:var(--dark-purple-100);--color-disabled:var(--dark-purple-200);--bg-color-disabled:var(--bg-color)}.main-button.color-transparent{--bg-color:rgb(from var(--white) r g b/15%);--bg-color-hover:rgb(from var(--white) r g b/25%);--bg-color-click:rgb(from var(--white) r g b/35%);--color-disabled:rgb(from var(--white) r g b/50%);--bg-color-disabled:rgb(from var(--white) r g b/10%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}