.input-component{display:block;width:100%}.input-default{cursor:pointer;position:relative;width:100%}.input-default.error input,.input-default.error textarea{background:#ff2c5233;border-color:#ff2c52}.input-default.error .input-default__label{color:#ff2c52}.input-default:hover input,.input-default:hover textarea{background-color:#23253d}.input-default input,.input-default textarea{background-color:#1b1d32;border:1px solid transparent;border-radius:4px;font-size:13px;height:52px;width:100%}@media screen and (max-width:767.98px){.input-default input,.input-default textarea{font-size:16px}}.input-default input,.input-default textarea{color:#fff;font-weight:700;letter-spacing:-.03em;line-height:16px;padding:25px 12px 10px;transition:.2s ease}.input-default input::-moz-placeholder,.input-default textarea::-moz-placeholder{color:#666d85;font-weight:300}.input-default input::placeholder,.input-default textarea::placeholder{color:#666d85;font-weight:300}.input-default input:focus,.input-default textarea:focus{background-color:#23253d}.input-default input:-moz-read-only,.input-default textarea:-moz-read-only{cursor:default}.input-default input:read-only,.input-default textarea:read-only{cursor:default}.input-default textarea{height:120px;outline:none;resize:none}.input-default.new-design input{background:#13162d;border-radius:12px;font-size:14px;height:52px;padding:27px 16px 10px}.input-default.new-design .input-default__label{color:#858cab;font-size:12px;font-weight:400;left:16px}.input-default__label{color:#666d85;font-size:11px;font-weight:700;left:12px;letter-spacing:-.03em;line-height:14px;pointer-events:none;position:absolute;top:9px}.input-default__show-pass{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:0 16px;position:absolute;right:0;top:0}.input-default__show-pass svg{fill:#666d85;transition:.2s ease}.input-default__show-pass:hover svg{fill:#f3f3f3}.input-default__stroke-error{color:#ff2c52;font-size:13px;font-weight:400;letter-spacing:-.03em;line-height:17px}.input-default__safety{align-items:center;display:flex;font-size:11px;font-weight:400;justify-content:space-between;letter-spacing:-.03em;line-height:14px;margin-top:8px}.input-default__safety.middle{color:#ffbe18}.input-default__safety.high{color:#3eb13b}.input-default__safety.low{color:#ff2c52}.safety-bar__item{background-color:#1b1d32;border-radius:12px;height:3px;transition:.3s ease-in-out;width:24px}.safety-bar__item:nth-child(2){margin:0 4px}.input-default.with-icon input{padding-left:48px}.input-default.with-icon .input-default__label{left:48px}.input-default.with-icon.error .input-default__icon svg{fill:#ff2c52}.input-default.with-icon.disabled{cursor:not-allowed;pointer-events:none}.input-default.with-icon.disabled input{background-color:#1a1d2c;color:#666d85}.input-default__icon{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;left:0;position:absolute;top:0;width:48px}.input-default__icon svg{fill:#666d85}.input-phone .input-default input{border-bottom-left-radius:0;border-top-left-radius:0}.input-phone-select{display:flex;position:relative;width:100%;z-index:1}.input-phone-select .input-default{margin-left:112px;position:absolute;width:calc(100% - 112px)}.select-country-code{width:100%}.select-country-code .select-default__field{border-bottom-right-radius:0;border-right:1px solid rgba(133,140,171,.1);border-top-right-radius:0;width:112px}.select-country-code .select-default__options-list{max-height:120px}.select-country-code .select-country-code__option .select-country-code__country-code>span{margin-right:45px}.modal__sign-up .select-country-code .select-default__options-list{max-height:160px}.input-promocode{position:relative;width:100%}.input-promocode.disabled{cursor:not-allowed;pointer-events:none}.input-promocode__submit{background-color:#23253d;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#24abf8;font-size:13px;font-weight:700;height:52px;letter-spacing:-.03em;line-height:17px;padding:0 12px;position:absolute;right:0;top:0}.input-promocode__submit:not(.disabled):hover{opacity:.85}.input-promocode__submit.disabled{color:#666d85;cursor:not-allowed}.input-promocode__success{align-items:center;background-color:#23253d;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#24abf8;display:flex;font-size:13px;font-weight:700;height:52px;letter-spacing:-.03em;line-height:17px;padding:0 12px;position:absolute;right:0;top:0}.input-promocode__success svg{fill:#24abf8;margin-right:6px}.input-promocode .input-default:hover input{background-color:#1b1d32}.input-promocode .input-default input{font-size:13px;font-weight:700;padding-top:12px}@media screen and (max-width:767.98px){.input-promocode .input-default input{font-size:16px}}.input-promocode .input-default input{line-height:17px;text-transform:uppercase}.input-promocode .input-default input::-moz-placeholder{color:#f3f3f3;text-transform:none}.input-promocode .input-default input::placeholder{color:#f3f3f3;text-transform:none}.input-promocode .input-default.error input{background-color:#1b1d32;border-color:transparent;color:#ff2c52}.input-promocode .input-default .input-default__label{display:none}.input-promocode .input-default__stroke-error{margin-top:8px}.deposit-promo-code .input-promocode .input-default input,.deposit-promo-code .input-promocode .input-promocode__submit,.deposit-promo-code .input-promocode .input-promocode__success{height:41px}.input-quadro{width:100%}.input-quadro input{background-color:#1b1d32;border-radius:4px;color:#fff;height:64px;width:64px}.input-quadro input:hover{background-color:#23253d}.input-quadro input{font-size:24px;letter-spacing:-.03em;line-height:29px;text-align:center}.input-referral{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.input-referral__input input{color:#24abf8}@media screen and (max-width:767.98px){.input-referral__input input{padding-right:40px}}.input-referral__icon{fill:#24abf8;position:absolute;right:16px;top:16px}.input-referral__spinner{border-radius:50%;color:#f3f3f3;font-size:12px;height:1em;overflow:hidden;pointer-events:none;position:absolute;text-indent:-9999em;transform:translateZ(0);width:1em;z-index:1}.input-referral .input-default__icon,.input-referral .input-default__label,.input-referral .input-referral__icon{transition:.2s ease-in}.input-referral.loading .input-referral__spinner{animation:spinner-state-animation 1.7s ease infinite,spin-animation 1.7s ease infinite}.input-referral.loading .input-default__icon,.input-referral.loading .input-default__label,.input-referral.loading .input-referral__icon{opacity:0;pointer-events:none}.bonuses-block--referral .input-referral.loading .input-referral__input input{background-color:#332153;color:transparent}.bonuses-block--referral .input-referral__input input{color:#b658ff}.bonuses-block--referral .input-default__icon svg{fill:#f3f3f3}.bonuses-block--referral .input-referral__icon{fill:#b658ff}.bonuses-block--referral .input-default__label{color:#f3f3f3}.bonuses-block--referral .input-referral__spinner{color:#dfb9fc;font-size:16px}@keyframes spinner-state-animation{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}