.sb-input__field:focus~.sb-input__placeholder,
.sb-input_active .sb-input__field~.sb-input__placeholder {
  top: 0
}

.sb-input__description,
.sb-input__error,
.sb-input__status {
  margin-top: 2px;
  font-weight: 100;
  font-size: 14px;
  line-height: 20px
}

.sb-input__field,
.sb-textarea__field {
  box-sizing: border-box;
  background-color: initial
}

.sb-input,
.sb-textarea,
.sb-textarea__field {
  width: 100%;
  vertical-align: top
}

.sb-input__placeholder_required:after,
.sb-textarea__placeholder_required:after {
  content: " *"
}

.sb-button-primary:not(.sb-button-primary_with-description),
.sb-button-secondary:not(.sb-button-secondary_with-description),
.sb-input__placeholder,
.sb-textarea__placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.sb-text-dark .sb-text-white .sb-input_active .sb-input__clear,
.sb-text-dark .sb-text-white .sb-input_active .sb-input__icon,
.sb-text-white .sb-input_active .sb-input__clear,
.sb-text-white .sb-input_active .sb-input__icon,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_active .sb-input__clear,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_active .sb-input__icon {
  color: #fff
}

.sb-text-dark .sb-text-white .sb-input_error .sb-input__wrapper:hover .sb-input__field,
.sb-text-white .sb-input_error .sb-input__wrapper:hover .sb-input__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_error .sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-input_error .sb-input__field,
.sb-text-white .sb-input_error .sb-input__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_error .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-input_error .sb-input__field:hover,
.sb-text-white .sb-input_error .sb-input__field:hover,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_error .sb-input__field:hover {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-input_error .sb-input__field:active,
.sb-text-dark .sb-text-white .sb-input_error .sb-input__field:focus,
.sb-text-white .sb-input_error .sb-input__field:active,
.sb-text-white .sb-input_error .sb-input__field:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_error .sb-input__field:active,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_error .sb-input__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-text-dark .sb-text-white .sb-input_search .sb-input__field::-webkit-input-placeholder,
.sb-text-white .sb-input_search .sb-input__field::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_search .sb-input__field::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-input_search .sb-input__field:-ms-input-placeholder,
.sb-text-white .sb-input_search .sb-input__field:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_search .sb-input__field:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-input_search .sb-input__field::-ms-input-placeholder,
.sb-text-white .sb-input_search .sb-input__field::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_search .sb-input__field::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-input_search .sb-input__field:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-input_search .sb-input__field::-moz-placeholder,
.sb-text-white .sb-input_search .sb-input__field:-moz-placeholder,
.sb-text-white .sb-input_search .sb-input__field::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_search .sb-input__field:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input_search .sb-input__field::-moz-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-input__field,
.sb-text-dark .sb-text-white .sb-input__field:focus~.sb-input__icon,
.sb-text-white .sb-input__field,
.sb-text-white .sb-input__field:focus~.sb-input__icon,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:focus~.sb-input__icon {
  color: #fff
}

.sb-text-dark .sb-text-white .sb-input__wrapper:hover .sb-input__field,
.sb-text-white .sb-input__wrapper:hover .sb-input__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-input__field:not(.sb-input__field_without-underline),
.sb-text-white .sb-input__field:not(.sb-input__field_without-underline),
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:not(.sb-input__field_without-underline) {
  border-bottom-color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-input__field:hover,
.sb-text-white .sb-input__field:hover,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:hover {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-input__field:active,
.sb-text-dark .sb-text-white .sb-input__field:focus,
.sb-text-white .sb-input__field:active,
.sb-text-white .sb-input__field:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:active,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-text-dark .sb-text-white .sb-input__field:focus::-webkit-input-placeholder,
.sb-text-white .sb-input__field:focus::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:focus::-webkit-input-placeholder {
  color: #fff
}

.sb-text-dark .sb-text-white .sb-input__field:focus:-ms-input-placeholder,
.sb-text-white .sb-input__field:focus:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:focus:-ms-input-placeholder {
  color: #fff
}

.sb-text-dark .sb-text-white .sb-input__field:focus::-ms-input-placeholder,
.sb-text-white .sb-input__field:focus::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:focus::-ms-input-placeholder {
  color: #fff
}

.sb-text-dark .sb-text-white .sb-input__field:focus:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-input__field:focus::-moz-placeholder,
.sb-text-white .sb-input__field:focus:-moz-placeholder,
.sb-text-white .sb-input__field:focus::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:focus:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:focus::-moz-placeholder {
  color: #fff
}

.sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill,
.sb-text-white .sb-input__field:-webkit-autofill,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill {
  color: #fff;
  -webkit-text-fill-color: #fff
}

.sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill:active,
.sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill:focus,
.sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill:hover,
.sb-text-white .sb-input__field:-webkit-autofill:active,
.sb-text-white .sb-input__field:-webkit-autofill:focus,
.sb-text-white .sb-input__field:-webkit-autofill:hover,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill:active,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff
}

.sb-text-dark .sb-text-white .sb-input__field.sb-input__field_without-underline,
.sb-text-white .sb-input__field.sb-input__field_without-underline,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__field.sb-input__field_without-underline {
  border-bottom-color: hsla(0, 0%, 100%, 0)
}

.sb-text-dark .sb-text-white .sb-input__clear,
.sb-text-dark .sb-text-white .sb-input__description,
.sb-text-dark .sb-text-white .sb-input__icon,
.sb-text-dark .sb-text-white .sb-input__placeholder,
.sb-text-white .sb-input__clear,
.sb-text-white .sb-input__description,
.sb-text-white .sb-input__icon,
.sb-text-white .sb-input__placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__clear,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__description,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__icon,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-input__error,
.sb-text-dark .sb-text-white .sb-input__promocode-action,
.sb-text-white .sb-input__error,
.sb-text-white .sb-input__promocode-action,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__error,
.sb-text-white .sb-text-dark .sb-text-white .sb-input__promocode-action {
  color: #fff
}

.sb-text-dark .sb-input_active .sb-input__clear,
.sb-text-dark .sb-input_active .sb-input__icon,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_active .sb-input__clear,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_active .sb-input__icon,
.sb-text-white .sb-text-dark .sb-input_active .sb-input__clear,
.sb-text-white .sb-text-dark .sb-input_active .sb-input__icon {
  color: #111
}

.sb-text-dark .sb-input_error .sb-input__wrapper:hover .sb-input__field,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_error .sb-input__wrapper:hover .sb-input__field,
.sb-text-white .sb-text-dark .sb-input_error .sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: rgba(211, 25, 25, .56)
}

.sb-input_error .sb-input__field,
.sb-text-dark .sb-input_error .sb-input__field,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_error .sb-input__field,
.sb-text-white .sb-text-dark .sb-input_error .sb-input__field {
  border-bottom-color: rgba(222, 90, 66, .48)
}

.sb-text-dark .sb-input_error .sb-input__field:hover,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_error .sb-input__field:hover,
.sb-text-white .sb-text-dark .sb-input_error .sb-input__field:hover {
  border-bottom-color: rgba(211, 25, 25, .56)
}

.sb-text-dark .sb-input_error .sb-input__field:active,
.sb-text-dark .sb-input_error .sb-input__field:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_error .sb-input__field:active,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_error .sb-input__field:focus,
.sb-text-white .sb-text-dark .sb-input_error .sb-input__field:active,
.sb-text-white .sb-text-dark .sb-input_error .sb-input__field:focus {
  border-bottom-color: rgba(211, 25, 25, .72)
}

.sb-text-dark .sb-input_search .sb-input__field::-webkit-input-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_search .sb-input__field::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-input_search .sb-input__field::-webkit-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-input_search .sb-input__field:-ms-input-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_search .sb-input__field:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-input_search .sb-input__field:-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-input_search .sb-input__field::-ms-input-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_search .sb-input__field::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-input_search .sb-input__field::-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-input_search .sb-input__field:-moz-placeholder,
.sb-text-dark .sb-input_search .sb-input__field::-moz-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_search .sb-input__field:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input_search .sb-input__field::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-input_search .sb-input__field:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-input_search .sb-input__field::-moz-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-input__field,
.sb-text-dark .sb-input__field:focus~.sb-input__icon,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:focus~.sb-input__icon,
.sb-text-white .sb-text-dark .sb-input__field,
.sb-text-white .sb-text-dark .sb-input__field:focus~.sb-input__icon {
  color: #111
}

.sb-text-dark .sb-input__wrapper:hover .sb-input__field,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__wrapper:hover .sb-input__field,
.sb-text-white .sb-text-dark .sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: rgba(0, 0, 0, .32)
}

.sb-text-dark .sb-input__field:not(.sb-input__field_without-underline),
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:not(.sb-input__field_without-underline),
.sb-text-white .sb-text-dark .sb-input__field:not(.sb-input__field_without-underline) {
  border-bottom-color: rgba(17, 17, 17, .24)
}

.sb-text-dark .sb-input__field:hover,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:hover,
.sb-text-white .sb-text-dark .sb-input__field:hover {
  border-bottom-color: rgba(0, 0, 0, .32)
}

.sb-text-dark .sb-input__field:active,
.sb-text-dark .sb-input__field:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:active,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:focus,
.sb-text-white .sb-text-dark .sb-input__field:active,
.sb-text-white .sb-text-dark .sb-input__field:focus {
  border-bottom-color: rgba(17, 17, 17, .4)
}

.sb-text-dark .sb-input__field:focus::-webkit-input-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:focus::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-input__field:focus::-webkit-input-placeholder {
  color: #111
}

.sb-text-dark .sb-input__field:focus:-ms-input-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:focus:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-input__field:focus:-ms-input-placeholder {
  color: #111
}

.sb-text-dark .sb-input__field:focus::-ms-input-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:focus::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-input__field:focus::-ms-input-placeholder {
  color: #111
}

.sb-text-dark .sb-input__field:focus:-moz-placeholder,
.sb-text-dark .sb-input__field:focus::-moz-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:focus:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:focus::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-input__field:focus:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-input__field:focus::-moz-placeholder {
  color: #111
}

.sb-text-dark .sb-input__field:-webkit-autofill,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill,
.sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill {
  color: #111;
  -webkit-text-fill-color: #111
}

.sb-text-dark .sb-input__field:-webkit-autofill:active,
.sb-text-dark .sb-input__field:-webkit-autofill:focus,
.sb-text-dark .sb-input__field:-webkit-autofill:hover,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill:active,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill:hover,
.sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill:active,
.sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill:focus,
.sb-text-white .sb-text-dark .sb-input__field:-webkit-autofill:hover {
  -webkit-text-fill-color: #111
}

.sb-text-dark .sb-input__field.sb-input__field_without-underline,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__field.sb-input__field_without-underline,
.sb-text-white .sb-text-dark .sb-input__field.sb-input__field_without-underline {
  border-bottom-color: rgba(17, 17, 17, 0)
}

.sb-input_error .sb-input__field:hover,
.sb-input_error .sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: rgba(211, 25, 25, .56)
}

.sb-text-dark .sb-input__clear,
.sb-text-dark .sb-input__description,
.sb-text-dark .sb-input__icon,
.sb-text-dark .sb-input__placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__clear,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__description,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__icon,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__placeholder,
.sb-text-white .sb-text-dark .sb-input__clear,
.sb-text-white .sb-text-dark .sb-input__description,
.sb-text-white .sb-text-dark .sb-input__icon,
.sb-text-white .sb-text-dark .sb-input__placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-input__error,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__error,
.sb-text-white .sb-text-dark .sb-input__error {
  color: #dd5656
}

.sb-input_active .sb-input__clear,
.sb-input_active .sb-input__icon,
.sb-text-dark .sb-input__promocode-action,
.sb-text-dark .sb-text-white .sb-text-dark .sb-input__promocode-action,
.sb-text-white .sb-text-dark .sb-input__promocode-action {
  color: #111
}

.sb-input {
  display: inline-block;
  text-align: left
}

.sb-input_error .sb-input__field:active,
.sb-input_error .sb-input__field:focus {
  border-bottom-color: rgba(211, 25, 25, .72)
}

.sb-input_search .sb-input__field::-webkit-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-input_search .sb-input__field:-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-input_search .sb-input__field::-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-input_search .sb-input__field:-moz-placeholder,
.sb-input_search .sb-input__field::-moz-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-input__field,
.sb-input__field:focus~.sb-input__icon {
  color: #111
}

.sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: rgba(0, 0, 0, .32)
}

.sb-input_white_error .sb-input__field:hover,
.sb-input_white_error .sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-input__field:not(.sb-input__field_without-underline) {
  border-bottom-color: rgba(17, 17, 17, .24)
}

.sb-input__field:hover {
  border-bottom-color: rgba(0, 0, 0, .32)
}

.sb-input__field:active,
.sb-input__field:focus {
  border-bottom-color: rgba(17, 17, 17, .4)
}

.sb-input__field:focus::-webkit-input-placeholder {
  color: #111
}

.sb-input__field:focus:-ms-input-placeholder {
  color: #111
}

.sb-input__field:focus::-ms-input-placeholder {
  color: #111
}

.sb-input__field:focus:-moz-placeholder,
.sb-input__field:focus::-moz-placeholder {
  color: #111
}

.sb-input__field:-webkit-autofill {
  color: #111;
  -webkit-text-fill-color: #111
}

.sb-input__field:-webkit-autofill:active,
.sb-input__field:-webkit-autofill:focus,
.sb-input__field:-webkit-autofill:hover {
  -webkit-text-fill-color: #111
}

.sb-input__field.sb-input__field_without-underline {
  border-bottom-color: rgba(17, 17, 17, 0)
}

.sb-input_white__field:not(.sb-input__field_without-underline),
.sb-input_white_error .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .56)
}

.sb-input__clear,
.sb-input__description,
.sb-input__icon,
.sb-input__placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-input__error {
  color: #dd5656
}

.sb-input__promocode-action {
  color: #111
}

@media screen and (max-width:639px) {
  .sb-input {
    max-width: 288px
  }
}

@media screen and (min-width:640px) {
  .sb-input {
    max-width: 400px
  }

  .sb-input_full-width {
    max-width: none
  }
}

.sb-input_white_active .sb-input__clear,
.sb-input_white_active .sb-input__icon {
  color: #fff
}

.sb-input_white_error .sb-input__field:active,
.sb-input_white_error .sb-input__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-input_white_search .sb-input__field::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-input_white_search .sb-input__field:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-input_white_search .sb-input__field::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-input_white_search .sb-input__field:-moz-placeholder,
.sb-input_white_search .sb-input__field::-moz-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-input_white__field,
.sb-input_white__field:focus~.sb-input__icon {
  color: #fff
}

.sb-input_white__wrapper:hover .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-input_white__clear,
.sb-input_white__description,
.sb-input_white__icon,
.sb-input_white__placeholder,
.sb-text-dark .sb-text-white .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-white .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-input_white__field:hover {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-input_white__field:active,
.sb-input_white__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-input_white__field:focus::-webkit-input-placeholder {
  color: #fff
}

.sb-input_white__field:focus:-ms-input-placeholder {
  color: #fff
}

.sb-input_white__field:focus::-ms-input-placeholder {
  color: #fff
}

.sb-input_white__field:focus:-moz-placeholder,
.sb-input_white__field:focus::-moz-placeholder {
  color: #fff
}

.sb-input_white__field:-webkit-autofill {
  color: #fff;
  -webkit-text-fill-color: #fff
}

.sb-input_white__field:-webkit-autofill:active,
.sb-input_white__field:-webkit-autofill:focus,
.sb-input_white__field:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff
}

.sb-input_white__field.sb-input__field_without-underline {
  border-bottom-color: hsla(0, 0%, 100%, 0)
}

.sb-input_white__error,
.sb-input_white__promocode-action {
  color: #fff
}

.sb-input_error .sb-input__description {
  display: none
}

.sb-input__clear>svg,
.sb-input_error .sb-input__error {
  display: block
}

.sb-input_search {
  position: relative
}

@media screen and (max-width:639px) {
  .sb-input_full-width {
    max-width: none
  }

  .sb-input_active .sb-input__field {
    padding: 22px 0 4px
  }

  .sb-input_active .sb-input__field~.sb-input__placeholder {
    font-weight: 100;
    font-size: 12px;
    line-height: 20px
  }

  .sb-input_search .sb-input__field:focus {
    padding: 16px 24px 11px 28px
  }
}

@media screen and (min-width:640px) {
  .sb-input_active .sb-input__field {
    padding: 20px 0 2px
  }

  .sb-input_active .sb-input__field~.sb-input__placeholder {
    font-weight: 100;
    font-size: 14px;
    line-height: 20px
  }

  .sb-input_search .sb-input__field:focus {
    padding: 11px 24px 11px 28px
  }
}

@media screen and (max-width:639px) {
  .sb-input_search .sb-input__field {
    padding: 16px 24px 11px 28px
  }
}

@media screen and (min-width:640px) {
  .sb-input_search .sb-input__field {
    padding: 11px 24px 11px 28px
  }
}

.sb-input__wrapper {
  position: relative;
  display: block
}

.sb-input__error,
.sb-textarea_error .sb-textarea__description {
  display: none
}

.sb-input__field {
  width: 100%;
  height: 47px;
  border: none;
  border-bottom: 2px solid;
  border-radius: 0;
  transition: border-color .15s
}

.sb-input__field::-webkit-input-placeholder {
  color: transparent
}

.sb-input__field:-ms-input-placeholder {
  color: transparent
}

.sb-input__field::-ms-input-placeholder {
  color: transparent
}

.sb-input__field:-moz-placeholder,
.sb-input__field::-moz-placeholder {
  color: transparent
}

.sb-input__field:invalid {
  box-shadow: none
}

.sb-input__field:-webkit-autofill {
  -webkit-transition: background-color 999999s;
  transition: background-color 999999s
}

@media screen and (max-width:639px) {
  .sb-input__field:focus {
    padding: 22px 0 4px
  }

  .sb-input__field:focus~.sb-input__placeholder {
    font-weight: 100;
    font-size: 12px;
    line-height: 20px
  }

  .sb-input__field {
    padding: 16px 0 11px;
    font-weight: 100;
    font-size: 14px;
    line-height: 20px
  }
}

@media screen and (min-width:640px) {
  .sb-input__field:focus {
    padding: 20px 0 2px
  }

  .sb-input__field:focus~.sb-input__placeholder {
    font-weight: 100;
    font-size: 14px;
    line-height: 20px
  }

  .sb-input__field {
    padding: 11px 0;
    font-weight: 100;
    font-size: 16px;
    line-height: 24px
  }
}

.sb-input__placeholder {
  position: absolute;
  left: 0;
  right: 0;
  transition: .15s;
  cursor: text
}

.sb-input__clear,
.sb-input__promocode-action {
  z-index: 10;
  cursor: pointer;
  right: 0
}

@media screen and (max-width:639px) {
  .sb-input__placeholder {
    top: 16px;
    font-weight: 100;
    font-size: 14px;
    line-height: 20px
  }

  .sb-input__clear,
  .sb-input__icon {
    transform: translateY(-40%)
  }
}

@media screen and (min-width:640px) {
  .sb-input__placeholder {
    top: 11px;
    font-weight: 100;
    font-size: 16px;
    line-height: 24px
  }
}

.sb-input__status_error {
  color: #dd5656
}

.sb-input__status_success {
  color: #00b92d
}

.sb-input__promocode-action {
  position: absolute;
  bottom: 0;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px
}

.sb-input__clear,
.sb-input__icon {
  position: absolute;
  top: 50%
}

.sb-input__icon {
  left: 0
}

.sb-text-dark .sb-text-white .sb-textarea::-webkit-scrollbar,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea::-webkit-scrollbar,
.sb-text-white .sb-textarea::-webkit-scrollbar {
  width: 6px
}

.sb-text-dark .sb-text-white .sb-textarea::-webkit-scrollbar-thumb,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea::-webkit-scrollbar-thumb,
.sb-text-white .sb-textarea::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-textarea::-webkit-scrollbar-track,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea::-webkit-scrollbar-track,
.sb-text-white .sb-textarea::-webkit-scrollbar-track {
  background: 0 0
}

.sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-white .sb-textarea_error .sb-textarea__wrapper:hover .sb-textarea__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field,
.sb-text-white .sb-textarea_error .sb-textarea__field {
  border-bottom-color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field:hover,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field:hover,
.sb-text-white .sb-textarea_error .sb-textarea__field:hover {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field:active,
.sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field:active,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea_error .sb-textarea__field:focus,
.sb-text-white .sb-textarea_error .sb-textarea__field:active,
.sb-text-white .sb-textarea_error .sb-textarea__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-text-dark .sb-text-white .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-white .sb-textarea__wrapper:hover .sb-textarea__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field,
.sb-text-white .sb-textarea__field {
  border-bottom-color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-textarea__field::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field::-webkit-input-placeholder,
.sb-text-white .sb-textarea__field::-webkit-input-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-textarea__field:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:-ms-input-placeholder,
.sb-text-white .sb-textarea__field:-ms-input-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-textarea__field::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field::-ms-input-placeholder,
.sb-text-white .sb-textarea__field::-ms-input-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-textarea__field:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-textarea__field::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field::-moz-placeholder,
.sb-text-white .sb-textarea__field:-moz-placeholder,
.sb-text-white .sb-textarea__field::-moz-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-textarea__field:hover,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:hover,
.sb-text-white .sb-textarea__field:hover {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-text-white .sb-textarea__field:active,
.sb-text-dark .sb-text-white .sb-textarea__field:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:active,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:focus,
.sb-text-white .sb-textarea__field:active,
.sb-text-white .sb-textarea__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-text-dark .sb-text-white .sb-textarea__field:focus::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:focus::-webkit-input-placeholder,
.sb-text-white .sb-textarea__field:focus::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-textarea__field:focus:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:focus:-ms-input-placeholder,
.sb-text-white .sb-textarea__field:focus:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-textarea__field:focus::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:focus::-ms-input-placeholder,
.sb-text-white .sb-textarea__field:focus::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-textarea__field:focus:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-textarea__field:focus::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:focus:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field:focus::-moz-placeholder,
.sb-text-white .sb-textarea__field:focus:-moz-placeholder,
.sb-text-white .sb-textarea__field:focus::-moz-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-textarea__description,
.sb-text-dark .sb-text-white .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__description,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-white .sb-textarea__description,
.sb-text-white .sb-textarea__field~.sb-textarea__placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-textarea__error,
.sb-text-white .sb-text-dark .sb-text-white .sb-textarea__error,
.sb-text-white .sb-textarea__error {
  color: #fff
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea::-webkit-scrollbar,
.sb-text-dark .sb-textarea::-webkit-scrollbar,
.sb-text-white .sb-text-dark .sb-textarea::-webkit-scrollbar {
  width: 6px
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea::-webkit-scrollbar-thumb,
.sb-text-dark .sb-textarea::-webkit-scrollbar-thumb,
.sb-text-white .sb-text-dark .sb-textarea::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, .2)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea::-webkit-scrollbar-track,
.sb-text-dark .sb-textarea::-webkit-scrollbar-track,
.sb-text-white .sb-text-dark .sb-textarea::-webkit-scrollbar-track {
  background: 0 0
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-dark .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-white .sb-text-dark .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-dark .sb-textarea_error .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__wrapper:hover .sb-textarea__field {
  border-bottom-color: rgba(211, 25, 25, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field,
.sb-text-dark .sb-textarea_error .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field {
  border-bottom-color: rgba(222, 90, 66, .48)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field:hover,
.sb-text-dark .sb-textarea_error .sb-textarea__field:hover,
.sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field:hover {
  border-bottom-color: rgba(211, 25, 25, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field:active,
.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field:focus,
.sb-text-dark .sb-textarea_error .sb-textarea__field:active,
.sb-text-dark .sb-textarea_error .sb-textarea__field:focus,
.sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field:active,
.sb-text-white .sb-text-dark .sb-textarea_error .sb-textarea__field:focus {
  border-bottom-color: rgba(211, 25, 25, .72)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-dark .sb-textarea__wrapper:hover .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-textarea__wrapper:hover .sb-textarea__field {
  border-bottom-color: rgba(0, 0, 0, .32)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field,
.sb-text-dark .sb-textarea__field,
.sb-text-white .sb-text-dark .sb-textarea__field {
  border-bottom-color: rgba(17, 17, 17, .16)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field::-webkit-input-placeholder,
.sb-text-dark .sb-textarea__field::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field::-webkit-input-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:-ms-input-placeholder,
.sb-text-dark .sb-textarea__field:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field:-ms-input-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field::-ms-input-placeholder,
.sb-text-dark .sb-textarea__field::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field::-ms-input-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field::-moz-placeholder,
.sb-text-dark .sb-textarea__field:-moz-placeholder,
.sb-text-dark .sb-textarea__field::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field::-moz-placeholder {
  color: transparent
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:hover,
.sb-text-dark .sb-textarea__field:hover,
.sb-text-white .sb-text-dark .sb-textarea__field:hover {
  border-bottom-color: rgba(0, 0, 0, .32)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:active,
.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:focus,
.sb-text-dark .sb-textarea__field:active,
.sb-text-dark .sb-textarea__field:focus,
.sb-text-white .sb-text-dark .sb-textarea__field:active,
.sb-text-white .sb-text-dark .sb-textarea__field:focus {
  border-bottom-color: rgba(17, 17, 17, .4)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:focus::-webkit-input-placeholder,
.sb-text-dark .sb-textarea__field:focus::-webkit-input-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field:focus::-webkit-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:focus:-ms-input-placeholder,
.sb-text-dark .sb-textarea__field:focus:-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field:focus:-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:focus::-ms-input-placeholder,
.sb-text-dark .sb-textarea__field:focus::-ms-input-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field:focus::-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:focus:-moz-placeholder,
.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field:focus::-moz-placeholder,
.sb-text-dark .sb-textarea__field:focus:-moz-placeholder,
.sb-text-dark .sb-textarea__field:focus::-moz-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field:focus:-moz-placeholder,
.sb-text-white .sb-text-dark .sb-textarea__field:focus::-moz-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-textarea_error .sb-textarea__field:hover,
.sb-textarea_error .sb-textarea__wrapper:hover .sb-textarea__field {
  border-bottom-color: rgba(211, 25, 25, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__description,
.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-dark .sb-textarea__description,
.sb-text-dark .sb-textarea__field~.sb-textarea__placeholder,
.sb-text-white .sb-text-dark .sb-textarea__description,
.sb-text-white .sb-text-dark .sb-textarea__field~.sb-textarea__placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-text-dark .sb-text-white .sb-text-dark .sb-textarea__error,
.sb-text-dark .sb-textarea__error,
.sb-text-white .sb-text-dark .sb-textarea__error {
  color: #dd5656
}

.sb-textarea {
  display: inline-block;
  text-align: left
}

.sb-textarea::-webkit-scrollbar {
  width: 6px
}

.sb-textarea::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, .2)
}

.sb-textarea::-webkit-scrollbar-track {
  background: 0 0
}

.sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder {
  color: rgba(17, 17, 17, .56);
  top: 0
}

.sb-textarea_error .sb-textarea__field {
  border-bottom-color: rgba(222, 90, 66, .48)
}

.sb-textarea_error .sb-textarea__field:active,
.sb-textarea_error .sb-textarea__field:focus {
  border-bottom-color: rgba(211, 25, 25, .72)
}

.sb-textarea__field:hover,
.sb-textarea__wrapper:hover .sb-textarea__field {
  border-bottom-color: rgba(0, 0, 0, .32)
}

.sb-textarea_white_error .sb-input__field:hover,
.sb-textarea_white_error .sb-input__wrapper:hover .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-textarea__field::-webkit-input-placeholder {
  color: transparent
}

.sb-textarea__field:-ms-input-placeholder {
  color: transparent
}

.sb-textarea__field::-ms-input-placeholder {
  color: transparent
}

.sb-textarea__field:-moz-placeholder,
.sb-textarea__field::-moz-placeholder {
  color: transparent
}

.sb-textarea__field:active,
.sb-textarea__field:focus {
  border-bottom-color: rgba(17, 17, 17, .4)
}

.sb-textarea__field:focus::-webkit-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-textarea__field:focus:-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-textarea__field:focus::-ms-input-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-textarea__field:focus:-moz-placeholder,
.sb-textarea__field:focus::-moz-placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-textarea_white__field:not(.sb-input__field_without-underline),
.sb-textarea_white_error .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .56)
}

.sb-textarea__description,
.sb-textarea__field~.sb-textarea__placeholder {
  color: rgba(17, 17, 17, .56)
}

.sb-textarea__error {
  color: #dd5656
}

@media screen and (max-width:639px) {
  .sb-textarea {
    max-width: 288px
  }

  .sb-textarea_active .sb-textarea__field {
    height: calc(100% - 22px);
    padding-bottom: 4px;
    margin-top: 22px
  }
}

@media screen and (min-width:640px) {

  .sb-input__clear,
  .sb-input__icon {
    transform: translateY(-52%)
  }

  .sb-textarea {
    max-width: 400px
  }
}

@media screen and (min-width:960px) {
  .sb-textarea {
    max-width: 100%
  }
}

.sb-textarea_white_active .sb-input__clear,
.sb-textarea_white_active .sb-input__icon {
  color: #fff
}

.sb-textarea_white_error .sb-input__field:active,
.sb-textarea_white_error .sb-input__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-textarea_white_search .sb-input__field::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-textarea_white_search .sb-input__field:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-textarea_white_search .sb-input__field::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-textarea_white_search .sb-input__field:-moz-placeholder,
.sb-textarea_white_search .sb-input__field::-moz-placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-textarea_white__field,
.sb-textarea_white__field:focus~.sb-input__icon {
  color: #fff
}

.sb-textarea_white__wrapper:hover .sb-input__field {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-textarea_white__field:hover {
  border-bottom-color: hsla(0, 0%, 100%, .8)
}

.sb-textarea_white__field:active,
.sb-textarea_white__field:focus {
  border-bottom-color: hsla(0, 0%, 100%, .88)
}

.sb-textarea_white__field:focus::-webkit-input-placeholder {
  color: #fff
}

.sb-textarea_white__field:focus:-ms-input-placeholder {
  color: #fff
}

.sb-textarea_white__field:focus::-ms-input-placeholder {
  color: #fff
}

.sb-textarea_white__field:focus:-moz-placeholder,
.sb-textarea_white__field:focus::-moz-placeholder {
  color: #fff
}

.sb-textarea_white__field:-webkit-autofill {
  color: #fff;
  -webkit-text-fill-color: #fff
}

.sb-textarea_white__field:-webkit-autofill:active,
.sb-textarea_white__field:-webkit-autofill:focus,
.sb-textarea_white__field:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff
}

.sb-textarea_white__field.sb-input__field_without-underline {
  border-bottom-color: hsla(0, 0%, 100%, 0)
}

.sb-textarea_white__clear,
.sb-textarea_white__description,
.sb-textarea_white__icon,
.sb-textarea_white__placeholder {
  color: hsla(0, 0%, 100%, .56)
}

.sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white,
.sb-text-white .sb-button-scheme-white.sb-button-scheme-white,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white,
.sb-textarea_white__error,
.sb-textarea_white__promocode-action {
  color: #fff
}

@media screen and (max-width:639px) {
  .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder {
    font-weight: 100;
    font-size: 12px;
    line-height: 20px
  }
}

@media screen and (min-width:640px) {
  .sb-textarea_active .sb-textarea__field {
    height: calc(100% - 20px);
    padding-bottom: 2px;
    margin-top: 20px
  }

  .sb-textarea_active .sb-textarea__field~.sb-textarea__placeholder {
    font-weight: 100;
    font-size: 14px;
    line-height: 20px
  }
}

@media screen and (max-width:639px) {
  .sb-textarea_active .sb-textarea__content {
    padding: 22px 0 4px
  }
}

@media screen and (min-width:640px) {
  .sb-textarea_active .sb-textarea__content {
    padding: 20px 0 2px
  }
}

.sb-textarea_error .sb-textarea__error {
  display: block
}

.sb-textarea__wrapper {
  position: relative;
  display: block;
  min-height: 47px;
  max-height: 110px
}

.sb-textarea__field {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: none;
  border-bottom: 2px solid;
  border-radius: 0;
  resize: none;
  overflow: hidden;
  outline: 0;
  scrollbar-width: thin;
  transition: border-color .3s
}

.sb-textarea__field:focus~.sb-textarea__placeholder {
  top: 0
}

@media screen and (max-width:639px) {
  .sb-textarea__field:focus {
    height: calc(100% - 22px);
    padding-bottom: 4px;
    margin-top: 22px
  }

  .sb-textarea__field:focus~.sb-textarea__placeholder {
    font-weight: 100;
    font-size: 12px;
    line-height: 20px
  }

  .sb-textarea__field {
    height: calc(100% - 16px);
    padding-bottom: 11px;
    margin-top: 16px;
    line-height: 20px;
    font-weight: 100;
    font-size: 14px
  }
}

@media screen and (min-width:640px) {
  .sb-textarea__field:focus {
    height: calc(100% - 20px);
    padding-bottom: 2px;
    margin-top: 20px
  }

  .sb-textarea__field:focus~.sb-textarea__placeholder {
    font-weight: 100;
    font-size: 14px;
    line-height: 20px
  }

  .sb-textarea__field {
    height: calc(100% - 11px);
    padding-bottom: 11px;
    margin-top: 11px;
    line-height: 24px;
    font-weight: 100;
    font-size: 16px
  }
}

.sb-textarea__placeholder {
  position: absolute;
  left: 0;
  right: 0;
  transition: .15s;
  cursor: text
}

.sb-button-adding-to-cart,
.sb-round-icon {
  position: relative
}

.sb-button-primary,
.sb-button-secondary {
  min-width: 105px;
  max-width: 100%;
  text-align: center;
  outline: 0;
  transition: .3s;
  text-decoration: none
}

@media screen and (max-width:639px) {
  .sb-textarea__placeholder {
    top: 16px;
    font-weight: 100;
    line-height: 20px;
    font-size: 14px
  }
}

@media screen and (min-width:640px) {
  .sb-textarea__placeholder {
    top: 11px;
    line-height: 24px;
    font-weight: 100;
    font-size: 14px
  }
}

.sb-textarea__description,
.sb-textarea__error {
  margin-top: 2px;
  line-height: 20px;
  font-weight: 100;
  font-size: 14px
}

.sb-textarea__error {
  display: none
}

.sb-button-adding-icon:before,
.sb-button-primary,
.sb-button-secondary {
  display: inline-block;
  box-sizing: border-box
}

.sb-textarea__content {
  content: " ";
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  visibility: hidden
}

@media screen and (max-width:639px) {
  .sb-textarea__content {
    padding: 16px 0 11px;
    line-height: 20px;
    font-weight: 100;
    font-size: 14px
  }
}

@media screen and (min-width:640px) {
  .sb-textarea__content {
    padding: 11px 0;
    line-height: 24px;
    font-weight: 100;
    font-size: 16px
  }
}

.sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary,
.sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary {
  color: #fff;
  background-color: #111
}

.sb-text-dark .sb-text-white .sb-button-primary,
.sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary,
.sb-text-white .sb-button-primary,
.sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-primary,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary {
  color: #111;
  background-color: #fff
}

.sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary:focus,
.sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary:focus,
.sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-white.sb-button-scheme-white.sb-button-secondary.sb-button-type_filled:focus {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 84.3%, .56)
}

.sb-text-dark .sb-text-white .sb-button-primary:focus,
.sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary:focus,
.sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-button-primary:focus,
.sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary:focus,
.sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-primary:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-secondary.sb-button-type_filled:focus {
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .32)
}

.sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark,
.sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-scheme-dark.sb-button-scheme-dark {
  color: #111
}

.sb-text-dark .sb-text-white .sb-button-secondary,
.sb-text-white .sb-button-secondary,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary {
  border-color: hsla(0, 0%, 100%, .56);
  color: #fff
}

.sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_bordered,
.sb-text-white .sb-button-secondary.sb-button-type_bordered,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_bordered {
  border-color: hsla(0, 0%, 100%, .56);
  background-color: hsla(0, 0%, 100%, 0)
}

.sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_bordered:focus,
.sb-text-white .sb-button-secondary.sb-button-type_bordered:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_bordered:focus {
  box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .8)
}

.sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary:focus,
.sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_filled:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary:focus,
.sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_filled:focus {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 84.3%, .56)
}

@media screen and (max-width:959px) {

  .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_bordered.sb-button-type_inherit-color,
  .sb-text-white .sb-button-secondary.sb-button-type_bordered.sb-button-type_inherit-color,
  .sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_bordered.sb-button-type_inherit-color {
    border-color: inherit !important
  }
}

.sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_filled,
.sb-text-white .sb-button-secondary.sb-button-type_filled,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_filled {
  border: 0;
  background-color: hsla(0, 0%, 100%, .2)
}

@media screen and (max-width:959px) {

  .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_filled.sb-button-type_inherit-color,
  .sb-text-white .sb-button-secondary.sb-button-type_filled.sb-button-type_inherit-color,
  .sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_filled.sb-button-type_inherit-color {
    background-color: hsla(0, 0%, 100%, .2) !important
  }

  .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_link.sb-button-type_inherit-color,
  .sb-text-white .sb-button-secondary.sb-button-type_link.sb-button-type_inherit-color,
  .sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_link.sb-button-type_inherit-color {
    color: inherit !important
  }
}

.sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_link,
.sb-text-white .sb-button-secondary.sb-button-type_link,
.sb-text-white .sb-text-dark .sb-text-white .sb-button-secondary.sb-button-type_link {
  border-color: hsla(0, 0%, 100%, 0);
  background-color: hsla(0, 0%, 100%, 0)
}

.sb-text-dark .sb-button-scheme-white.sb-button-scheme-white,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white,
.sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white {
  color: #fff
}

.sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary,
.sb-text-white .sb-text-dark .sb-button-scheme-white.sb-button-scheme-white.sb-button-primary {
  color: #fff;
  background-color: #111
}

.sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark,
.sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark {
  color: #111
}

.sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary,
.sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary {
  color: #111;
  background-color: #fff
}

.sb-button-primary,
.sb-text-dark .sb-button-primary,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-primary,
.sb-text-white .sb-text-dark .sb-button-primary {
  color: #fff;
  background-color: #111
}

.sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary:focus,
.sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-primary:focus,
.sb-text-white .sb-text-dark .sb-button-scheme-dark.sb-button-scheme-dark.sb-button-secondary.sb-button-type_filled:focus {
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .32)
}

.sb-text-dark .sb-button-primary:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-primary:focus,
.sb-text-white .sb-text-dark .sb-button-primary:focus {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 84.3%, .56)
}

.sb-text-dark .sb-button-secondary,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-secondary,
.sb-text-white .sb-text-dark .sb-button-secondary {
  border: 2px solid rgba(17, 17, 17, .16);
  color: #111
}

.sb-text-dark .sb-button-secondary.sb-button-type_bordered,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_bordered,
.sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_bordered {
  border: 2px solid rgba(17, 17, 17, .16);
  background-color: rgba(17, 17, 17, 0)
}

.sb-text-dark .sb-button-secondary.sb-button-type_bordered:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_bordered:focus,
.sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_bordered:focus {
  box-shadow: inset 0 0 0 2px rgba(17, 17, 17, .32)
}

.sb-text-dark .sb-button-secondary.sb-button-type_filled,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_filled,
.sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_filled {
  border: 0;
  background-color: rgba(0, 0, 0, .04)
}

.sb-text-dark .sb-button-secondary.sb-button-type_filled:focus,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_filled:focus,
.sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_filled:focus {
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .32)
}

.sb-text-dark .sb-button-secondary.sb-button-type_link,
.sb-text-dark .sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_link,
.sb-text-white .sb-text-dark .sb-button-secondary.sb-button-type_link {
  border: 2px solid transparent;
  background-color: transparent
}

.sb-button-primary {
  padding: 0 24px;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.sb-button-primary:hover {
  opacity: .8
}

.sb-button-primary:active {
  opacity: .88
}

.sb-button-primary:disabled,
.sb-button-primary_disabled {
  cursor: default;
  opacity: .24
}

.sb-button-primary:disabled:active,
.sb-button-primary:disabled:focus,
.sb-button-primary:disabled:hover,
.sb-button-primary_disabled:active,
.sb-button-primary_disabled:focus,
.sb-button-primary_disabled:hover {
  box-shadow: none;
  opacity: .24
}

.sb-button-primary:focus {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 84.3%, .56)
}

.sb-button-primary_white {
  color: #111;
  background-color: #fff
}

.sb-button-primary_white:focus {
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .32)
}

.sb-button-primary_with-description {
  height: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1 !important
}

.sb-button-secondary {
  border: 2px solid rgba(17, 17, 17, .16);
  color: #111;
  padding: 0 24px;
  border-radius: 100px;
  background-color: initial;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.sb-button-secondary.sb-button-type_bordered {
  border: 2px solid rgba(17, 17, 17, .16);
  background-color: rgba(17, 17, 17, 0)
}

.sb-button-secondary.sb-button-type_bordered:focus {
  box-shadow: inset 0 0 0 2px rgba(17, 17, 17, .32)
}

.sb-button-secondary.sb-button-type_filled {
  border: 0;
  background-color: rgba(0, 0, 0, .04)
}

.sb-button-secondary.sb-button-type_filled:focus {
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .32)
}

.sb-button-secondary.sb-button-type_link {
  border: 2px solid transparent;
  background-color: transparent
}

.sb-button-secondary:hover {
  opacity: .8
}

.sb-button-secondary:active {
  opacity: .88
}

.sb-button-secondary:disabled,
.sb-button-secondary_disabled {
  cursor: default;
  opacity: .24
}

.sb-button-secondary:disabled:active,
.sb-button-secondary:disabled:focus,
.sb-button-secondary:disabled:hover,
.sb-button-secondary_disabled:active,
.sb-button-secondary_disabled:focus,
.sb-button-secondary_disabled:hover {
  box-shadow: none;
  opacity: .24
}

.sb-button-secondary_white {
  border-color: hsla(0, 0%, 100%, .56);
  color: #fff
}

.sb-button-secondary_white.sb-button-type_bordered {
  border-color: hsla(0, 0%, 100%, .56);
  background-color: hsla(0, 0%, 100%, 0)
}

.sb-button-secondary_white.sb-button-type_bordered:focus {
  box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .8)
}

.sb-button-secondary_white.sb-button-type_filled {
  border: 0;
  background-color: hsla(0, 0%, 100%, .2)
}

.sb-button-secondary_white.sb-button-type_filled:focus {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 84.3%, .56)
}

.sb-button-secondary_white.sb-button-type_link {
  border-color: hsla(0, 0%, 100%, 0);
  background-color: hsla(0, 0%, 100%, 0)
}

@media screen and (max-width:959px) {
  .sb-button-secondary_white.sb-button-type_bordered.sb-button-type_inherit-color {
    border-color: inherit !important
  }

  .sb-button-secondary_white.sb-button-type_filled.sb-button-type_inherit-color {
    background-color: hsla(0, 0%, 100%, .2) !important
  }

  .sb-button-secondary_white.sb-button-type_link.sb-button-type_inherit-color {
    color: inherit !important
  }
}

.sb-button-secondary_with-description {
  height: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1 !important
}

.sb-buttons-border_round .sb-button-primary,
.sb-buttons-border_round .sb-button-secondary {
  border-radius: 100px
}

.sb-buttons-border_round .sb-label {
  border-radius: 20px
}

.sb-buttons-border_semi-round .sb-button-primary,
.sb-buttons-border_semi-round .sb-button-secondary,
.sb-buttons-border_semi-round .sb-label {
  border-radius: 8px
}

.sb-buttons-border_square .sb-button-primary,
.sb-buttons-border_square .sb-button-secondary,
.sb-buttons-border_square .sb-label {
  border-radius: 0
}

.sb-button-adding-to-cart:disabled,
.sb-button-adding-to-cart:disabled:hover {
  opacity: 1
}

.sb-button-adding-to-cart_final .sb-button-adding-icon:after {
  animation: none;
  opacity: 0
}

.sb-button-adding-to-cart_final .sb-button-adding-text {
  opacity: 1
}

.sb-button-adding-to-cart.sb-button-adding-to-cart_checked .sb-button-adding-icon:after {
  opacity: 1;
  animation: .8s checkmark
}

.sb-button-adding-to-cart.sb-button-adding-to-cart_checked .sb-button-adding-icon:before {
  animation: none;
  opacity: 0
}

.sb-button-adding-to-cart .sb-button-adding-text {
  opacity: 0
}

.sb-button-adding-to-cart .sb-button-adding-icon:before {
  opacity: 1;
  animation: 1.2s linear infinite loader-spin
}

.sb-button-adding-text {
  transition: opacity 1s
}

.sb-button-adding-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%)
}

.sb-button-adding-icon:after {
  top: 12px;
  left: 2px;
  width: 8px;
  height: 17px;
  border-top: 3px solid;
  border-right: 3px solid;
  transform: scaleX(-1) rotate(135deg);
  transform-origin: left top
}

.sb-button-adding-icon:after,
.sb-button-adding-icon:before {
  content: "";
  position: absolute;
  transition: opacity .4s;
  opacity: 0
}

.sb-button-adding-icon:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid;
  border-right: 3px solid transparent;
  border-radius: 50%
}

@keyframes loader-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1
  }

  20% {
    height: 0;
    width: 8px;
    opacity: 1
  }

  40%,
  to {
    height: 17px;
    width: 8px;
    opacity: 1
  }
}

.sb-button__title {
  display: block;
  pointer-events: none
}

@media screen and (max-width:639px) {
  .sb-button__title {
    font-size: 14px;
    line-height: 20px
  }
}

@media screen and (min-width:640px) {
  .sb-button__title {
    font-size: 16px;
    line-height: 24px
  }
}

.sb-button__description {
  opacity: .72;
  pointer-events: none
}

@media screen and (max-width:639px) {
  .sb-button__description {
    font-size: 12px;
    line-height: 16px
  }
}

@media screen and (min-width:640px) {
  .sb-button__description {
    font-size: 14px;
    line-height: 20px
  }
}

.sb-round-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: rgba(17, 17, 17, .56);
  background-color: rgba(17, 17, 17, .04);
  transition: background-color .25s
}

.sb-image-ratio-1x1,
.sb-image-ratio-2x3,
.sb-image-ratio-3x2,
.sb-image-ratio-3x4,
.sb-image-ratio-4x3,
.sb-image-ratio-9x16,
.sb-image-rectangle-extra-small,
.sb-image-rectangle-horizontal,
.sb-image-rectangle-large,
.sb-image-rectangle-small,
.sb-image-square {
  position: relative;
  height: 0;
  overflow: hidden
}

.sb-round-icon:not(.sb-round-icon_disabled) {
  cursor: pointer
}

.sb-round-icon:not(.sb-round-icon_disabled):hover {
  color: rgba(17, 17, 17, .88);
  background-color: rgba(17, 17, 17, .16)
}

.sb-round-icon_disabled {
  opacity: .4
}

.sb-round-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.sb-image-square {
  padding-bottom: 100%
}

.sb-image-rectangle-large {
  padding-bottom: 142.86%
}

.sb-image-rectangle-horizontal {
  padding-bottom: 80%
}

.sb-image-rectangle-small {
  padding-bottom: 66.67%
}

.sb-image-rectangle-extra-small {
  padding-bottom: 46.67%
}

.sb-image-ratio-1x1 {
  padding-bottom: 100%
}

.sb-image-ratio-2x3 {
  padding-bottom: 150%
}

.sb-image-ratio-3x2 {
  padding-bottom: 66.67%
}

.sb-image-ratio-3x4 {
  padding-bottom: 133.33%
}

.sb-image-ratio-4x3 {
  padding-bottom: 75%
}

.sb-image-ratio-9x16 {
  padding-bottom: 177.78%
}

.sb-image-crop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .2s
}

.sb-image-crop_loaded {
  opacity: 1
}

.sb-image-crop_loaded.sb-image-crop_placeholder {
  opacity: .5
}

.sb-image-crop_placeholder {
  height: auto
}

.sb-image-zoom {
  pointer-events: auto;
  cursor: zoom-in
}

.s-back-to-top_editor-section {
  position: relative;
  width: 100%;
  height: 140px;
  background-color: #fff
}

.s-back-to-top__image {
  position: fixed;
  right: 18px;
  bottom: 20px;
  z-index: 98;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid hsla(0, 0%, 100%, .12);
  border-radius: 16px;
  box-sizing: border-box;
  color: #fff;
  background-color: rgba(17, 17, 17, .56);
  transform: translateZ(0);
  cursor: pointer;
  transition: .3s
}

.s-back-to-top__image:hover {
  border: 1px solid hsla(0, 0%, 100%, .56)
}

.s-back-to-top__image_hidden {
  opacity: 0;
  visibility: hidden
}

.s-back-to-top__image_with-one {
  bottom: 92px
}

.s-back-to-top__image_with-two {
  bottom: 166px
}

.s-back-to-top__image_editor-position {
  position: absolute;
  top: 42px;
  right: 14px;
  bottom: 42px
}

.s-back-to-top__icon {
  width: 32px;
  height: 32px
}

.sb-crossed {
  position: relative;
  min-width: 5px;
  text-decoration: none
}

.sb-crossed:empty {
  display: none
}

.sb-crossed:before,
.sb-crossed>font:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform: translateY(-50%) rotate(5deg)
}

.sb-crossed.sb-super-font:after {
  top: 0
}