@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;text-transform:uppercase;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);width:fit-content;box-shadow:none;cursor:pointer;color:var(--color);background-color:var(--bg-color);outline:none;flex-direction:column;font-size:16px;font-weight:700;line-height:18px;text-decoration:none;position:relative;overflow:hidden}@layer mixins{.main-button{justify-content:center;align-items:center;display:flex}.main-button .main-button__checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@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{text-transform:none;font-size:11px;font-style:normal;font-weight:500;line-height:1.6}.main-button span,.main-button .spinner,.main-button .main-button__checkmark{transition:opacity .3s}.main-button .spinner{--color:var(--color-disabled)}.main-button .spinner,.main-button .main-button__checkmark,.main-button.is-loading span,.main-button.is-loaded span,.main-button.is-loading .main-button__icon,.main-button.is-loaded .main-button__icon{opacity:0}.main-button.is-loading:not(.is-loaded) .spinner,.main-button.is-loaded .main-button__checkmark{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)}.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{--padding-block:10px;--padding-inline:14px;font-size:14px;line-height:16px}.main-button.size-s{--padding-block:8px;--padding-inline:10px;font-size:14px;line-height:16px}.main-button.size-xs{text-transform:none;--button-radius:var(--radius-s);--padding-block:3px;--padding-inline:5px;font-size:12px;font-weight:600;line-height:16px}.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:hover,.main-button.is-secondary:active,.main-button.is-secondary:disabled{--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)}}