@layer base-components{._custom-button__btn_{--btn-main-color: var(--color-primary, #1b2739);--btn-dark-color: var(--color-primary-dark, #0a1321);--btn-light-color: var(--color-primary-light, #33415f);--btn-contrast-color: var(--color-contrast-primary, var(--color-light));--btn-background-color: var(--btn-main-color);--btn-border-color: var(--btn-main-color);--btn-text-color: var(--btn-primary-text-color, var(--color-contrast-primary, var(--color-light)));color:var(--btn-text-color);background-color:var(--btn-background-color);border-radius:var(--btn-border-radius);border:var(--btn-border-width) solid var(--btn-border-color);padding:calc(var(--spacing-unit) * 1.43) calc(var(--spacing-unit) * 3);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm, 8px);width:fit-content;position:relative;overflow:clip;outline:none;font-size:var(--typography-button-font-size, clamp(14px, 2vw, 16px));line-height:normal;margin-bottom:0}._custom-button__btn_:hover,._custom-button__btn_:focus{--btn-background-color: var(--btn-dark-color);--btn-border-color: var(--btn-dark-color);box-shadow:var(--shadow-1, 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px 0 hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), .03));cursor:pointer}._custom-button__btn_:disabled{opacity:.5;cursor:not-allowed}._custom-button__btn_.smaller{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1);font-size:.9rem}._custom-button__btn_.small{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1);font-size:1.05rem}._custom-button__btn_.large{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:1.2rem}._custom-button__btn_:active,._custom-button__btn_.active:not(a),._custom-button__btn_[data-pressed=true]{--btn-background-color: var(--btn-light-color);--btn-border-color: var(--btn-light-color);box-shadow:none}._custom-button__btn_.outlined{--btn-background-color: transparent;--btn-border-color: var(--btn-main-color);--btn-text-color: var(--btn-main-color)}._custom-button__btn_.outlined:hover,._custom-button__btn_.outlined:focus{--btn-background-color: var(--btn-main-color);--btn-text-color: var(--btn-contrast-color)}._custom-button__btn_.outlined:active,._custom-button__btn_.outlined.active:not(a),._custom-button__btn_.outlined[data-pressed=true]{--btn-background-color: var(--btn-light-color);--btn-border-color: var(--btn-light-color);box-shadow:none}._custom-button__btn_.text{--btn-background-color: transparent;--btn-border-color: transparent;--btn-text-color: var(--btn-main-color)}._custom-button__btn_.text:hover,._custom-button__btn_.text:focus{--btn-text-color: var(--btn-dark-color);box-shadow:none}._custom-button__btn_.text.active:not(a),._custom-button__btn_.text:active{box-shadow:none;color:var(--btn-light-color)}._custom-button__primary_{--btn-main-color: var(--color-primary, #1b2739);--btn-dark-color: var(--color-primary-dark, #0a1321);--btn-light-color: var(--color-primary-light, #33415f);--btn-contrast-color: var(--color-contrast-primary, var(--color-light));--btn-text-color: var(--btn-primary-text-color, var(--btn-contrast-color, var(--color-contrast-primary, )))}._custom-button__primary_:active,._custom-button__primary_.active:not(a),._custom-button__primary_[data-pressed=true]{--btn-text-color: hsla(var(--color-primary-hue), var(--color-primary-saturation), calc(var(--color-primary-lightness) + 40%), 1)}._custom-button__primary_.text:hover,._custom-button__primary_.text:focus{--btn-background-color: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), .1)}._custom-button__primary_.text.active:not(a),._custom-button__primary_.text:active{--btn-background-color: hsla(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness), .2)}._custom-button__secondary_{--btn-main-color: var(--color-secondary, #2da5ff);--btn-dark-color: hsla(var(--color-secondary-hue), var(--color-secondary-saturation), calc(var(--color-secondary-lightness) - 10%), 1);--btn-light-color: var(--color-secondary-light, #7cc7ff);--btn-contrast-color: var(--color-contrast-secondary, var(--color-light));--btn-text-color: var(--btn-secondary-text-color, var(--btn-contrast-color, var(--color-contrast-secondary, )))}._custom-button__secondary_:active,._custom-button__secondary_.active:not(a),._custom-button__secondary_[data-pressed=true]{--btn-text-color: hsla(var(--color-secondary-hue), var(--color-secondary-saturation), calc(var(--color-secondary-lightness) + 40%), 1)}._custom-button__secondary_.text:hover,._custom-button__secondary_.text:focus{--btn-background-color: hsla(var(--color-secondary-hue), var(--color-secondary-saturation), var(--color-secondary-lightness), .1)}._custom-button__secondary_.text.active:not(a),._custom-button__secondary_.text:active{--btn-background-color: hsla(var(--color-secondary-hue), var(--color-secondary-saturation), var(--color-secondary-lightness), .2)}._custom-button__accent_{--btn-main-color: var(--color-accent, #AB47BC);--btn-dark-color: hsla(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) - 10%), 1);--btn-light-color: hsla(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) + 10%), 1);--btn-contrast-color: var(--color-contrast-accent, var(--color-light));--btn-text-color: var(--btn-accent-text-color, var(--btn-contrast-color, var(--color-contrast-accent, )))}._custom-button__accent_:active,._custom-button__accent_.active:not(a),._custom-button__accent_[data-pressed=true]{--btn-text-color: hsla(var(--color-accent-hue), var(--color-accent-saturation), calc(var(--color-accent-lightness) + 40%), 1)}._custom-button__accent_.text:hover,._custom-button__accent_.text:focus{--btn-background-color: hsla(var(--color-accent-hue), var(--color-accent-saturation), var(--color-accent-lightness), .1)}._custom-button__accent_.text.active:not(a),._custom-button__accent_.text:active{--btn-background-color: hsla(var(--color-accent-hue), var(--color-accent-saturation), var(--color-accent-lightness), .2)}._custom-button__info_{--btn-main-color: var(--color-info, #FF66A6);--btn-dark-color: hsla(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) - 10%), 1);--btn-light-color: hsla(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) + 10%), 1);--btn-contrast-color: var(--color-contrast-info, var(--color-light));--btn-text-color: var(--btn-info-text-color, var(--btn-contrast-color, var(--color-contrast-info, )))}._custom-button__info_:active,._custom-button__info_.active:not(a),._custom-button__info_[data-pressed=true]{--btn-text-color: hsla(var(--color-info-hue), var(--color-info-saturation), calc(var(--color-info-lightness) + 40%), 1)}._custom-button__info_.text:hover,._custom-button__info_.text:focus{--btn-background-color: hsla(var(--color-info-hue), var(--color-info-saturation), var(--color-info-lightness), .1)}._custom-button__info_.text.active:not(a),._custom-button__info_.text:active{--btn-background-color: hsla(var(--color-info-hue), var(--color-info-saturation), var(--color-info-lightness), .2)}._custom-button__success_{--btn-main-color: var(--color-success, #9FCC2E);--btn-dark-color: hsla(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) - 10%), 1);--btn-light-color: hsla(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) + 10%), 1);--btn-contrast-color: var(--color-contrast-success, var(--color-primary));--btn-text-color: var(--btn-success-text-color, var(--btn-contrast-color, var(--color-contrast-success, )))}._custom-button__success_:active,._custom-button__success_.active:not(a),._custom-button__success_[data-pressed=true]{--btn-text-color: hsla(var(--color-success-hue), var(--color-success-saturation), calc(var(--color-success-lightness) + 40%), 1)}._custom-button__success_.text:hover,._custom-button__success_.text:focus{--btn-background-color: hsla(var(--color-success-hue), var(--color-success-saturation), var(--color-success-lightness), .1)}._custom-button__success_.text.active:not(a),._custom-button__success_.text:active{--btn-background-color: hsla(var(--color-success-hue), var(--color-success-saturation), var(--color-success-lightness), .2)}._custom-button__warning_{--btn-main-color: var(--color-warning, #FFC107);--btn-dark-color: hsla(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) - 10%), 1);--btn-light-color: hsla(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) + 10%), 1);--btn-contrast-color: var(--color-contrast-warning, var(--color-primary));--btn-text-color: var(--btn-warning-text-color, var(--btn-contrast-color, var(--color-contrast-warning, )))}._custom-button__warning_:active,._custom-button__warning_.active:not(a),._custom-button__warning_[data-pressed=true]{--btn-text-color: hsla(var(--color-warning-hue), var(--color-warning-saturation), calc(var(--color-warning-lightness) + 40%), 1)}._custom-button__warning_.text:hover,._custom-button__warning_.text:focus{--btn-background-color: hsla(var(--color-warning-hue), var(--color-warning-saturation), var(--color-warning-lightness), .1)}._custom-button__warning_.text.active:not(a),._custom-button__warning_.text:active{--btn-background-color: hsla(var(--color-warning-hue), var(--color-warning-saturation), var(--color-warning-lightness), .2)}._custom-button__error_{--btn-main-color: var(--color-error, #FF3F3F);--btn-dark-color: hsla(var(--color-error-hue), var(--color-error-saturation), calc(var(--color-error-lightness) - 10%), 1);--btn-light-color: hsla(var(--color-error-hue), var(--color-error-saturation), calc(var(--color-error-lightness) + 10%), 1);--btn-contrast-color: var(--color-contrast-error, var(--color-light));--btn-text-color: var(--btn-error-text-color, var(--btn-contrast-color, var(--color-contrast-error, )))}._custom-button__error_:active,._custom-button__error_.active:not(a),._custom-button__error_[data-pressed=true]{--btn-text-color: hsla(var(--color-error-hue), var(--color-error-saturation), calc(var(--color-error-lightness) + 40%), 1)}._custom-button__error_.text:hover,._custom-button__error_.text:focus{--btn-background-color: hsla(var(--color-error-hue), var(--color-error-saturation), var(--color-error-lightness), .1)}._custom-button__error_.text.active:not(a),._custom-button__error_.text:active{--btn-background-color: hsla(var(--color-error-hue), var(--color-error-saturation), var(--color-error-lightness), .2)}._custom-button__dark_{--btn-main-color: var(--color-dark, #303030);--btn-dark-color: hsla(var(--color-dark-hue), var(--color-dark-saturation), calc(var(--color-dark-lightness) - 10%), 1);--btn-light-color: hsla(var(--color-dark-hue), var(--color-dark-saturation), calc(var(--color-dark-lightness) + 10%), 1);--btn-contrast-color: var(--color-contrast-dark, var(--color-light));--btn-text-color: var(--btn-dark-text-color, var(--btn-contrast-color, var(--color-contrast-dark, )))}._custom-button__dark_:active,._custom-button__dark_.active:not(a),._custom-button__dark_[data-pressed=true]{--btn-text-color: hsla(var(--color-dark-hue), var(--color-dark-saturation), calc(var(--color-dark-lightness) + 40%), 1)}._custom-button__dark_.text:hover,._custom-button__dark_.text:focus{--btn-background-color: hsla(var(--color-dark-hue), var(--color-dark-saturation), var(--color-dark-lightness), .1)}._custom-button__dark_.text.active:not(a),._custom-button__dark_.text:active{--btn-background-color: hsla(var(--color-dark-hue), var(--color-dark-saturation), var(--color-dark-lightness), .2)}._custom-button__light_{--btn-main-color: var(--color-light, #eeeef2);--btn-dark-color: hsla(var(--color-light-hue), var(--color-light-saturation), calc(var(--color-light-lightness) - 10%), 1);--btn-light-color: hsla(var(--color-light-hue), var(--color-light-saturation), calc(var(--color-light-lightness) + 10%), 1);--btn-contrast-color: var(--color-contrast-light, var(--color-dark));--btn-text-color: var(--btn-light-text-color, var(--btn-contrast-color, var(--color-contrast-light, )))}._custom-button__light_:active,._custom-button__light_.active:not(a),._custom-button__light_[data-pressed=true]{--btn-text-color: hsla(var(--color-light-hue), var(--color-light-saturation), calc(var(--color-light-lightness) + 40%), 1)}._custom-button__light_.text:hover,._custom-button__light_.text:focus{--btn-background-color: hsla(var(--color-light-hue), var(--color-light-saturation), var(--color-light-lightness), .1)}._custom-button__light_.text.active:not(a),._custom-button__light_.text:active{--btn-background-color: hsla(var(--color-light-hue), var(--color-light-saturation), var(--color-light-lightness), .2)}._custom-button__icon_{display:inline-flex;height:1.1em}._custom-button__icon_ svg{height:100%}._custom-button__icon-button_{padding:calc(var(--spacing-unit) * 1.3);font-size:calc(var(--typography-button-font-size, clamp(14px, 2vw, 16px)) + 5px)}._custom-button__icon-button_.small{padding:calc(var(--spacing-unit) * 1);font-size:1.3em}._custom-button__icon-button_.large{padding:calc(var(--spacing-unit) * 2);font-size:1.2em}._custom-button__icon-button_ svg{height:1em}}