.base-button {
  --bb-font-weight: 500;
  --bb-font-size: 16px;
  --bb-line-height: 1.5;
  --bb-padding-horizontal: 24px;
  --bb-padding-vertical: 16px;
  --bb-text-color: #222222;
  --bb-background-color: #e9e9e9;
  --bb-radius: 4px;
  --bb-outline-width: 4px;
  --bb-outline-color: transparent;
  --bb-shadow-width: 0;
  --bb-shadow-color: transparent;
  --bb-icon-size: 24px;
  --bb-animation-time: .2s;
  --bb-content-opacity: 1;
  --bb-content-visibility: visible;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: var(--bb-padding-vertical) var(--bb-padding-horizontal);
  transition: color var(--bb-animation-time), outline-color var(--bb-animation-time), background-color var(--bb-animation-time), box-shadow var(--bb-animation-time);
  border: 0;
  border-radius: var(--bb-radius);
  outline: var(--bb-outline-width) solid var(--bb-outline-color);
  outline-offset: 0;
  background-color: var(--bb-background-color);
  box-shadow: 0 0 0 var(--bb-shadow-width) var(--bb-shadow-color) inset;
  color: var(--bb-text-color);
  font-size: var(--bb-font-size);
  font-weight: var(--bb-font-weight);
  line-height: var(--bb-line-height);
  cursor: pointer
}

.base-button[disabled],
.base-button:disabled {
  cursor: not-allowed;
  pointer-events: none
}

.base-button_loading {
  --bb-content-opacity: 0;
  --bb-content-visibility: hidden
}

.base-button__inner {
  display: flex;
  visibility: var(--bb-content-visibility);
  align-items: center;
  justify-content: center;
  opacity: var(--bb-content-opacity);
  text-align: center;
  white-space: nowrap;
  gap: 4px
}

.base-button__inner:has(>*:only-child) {
  white-space: normal
}

.base-button_nowrap .base-button__inner,
.base-button_nowrap .base-button__inner:has(>*:only-child) {
  white-space: nowrap
}

.base-button_primary {
  --bb-text-color: #ffffff;
  --bb-background-color: #fa8c16
}

@media not all and (hover:none) {
  .base-button_primary:hover {
    --bb-background-color: #f16e00
  }
}

.base-button_primary:focus-visible {
  --bb-outline-color: #feddb9;
  --bb-background-color: #f16e00
}

.base-button_primary:active {
  --bb-background-color: #e16803
}

.base-button_primary:disabled,
.base-button_primary[disabled] {
  --bb-background-color: #fcc58a
}

.base-button_secondary {
  --bb-text-color: #2f54eb;
  --bb-background-color: #ffffff;
  --bb-shadow-width: 1px;
  --bb-shadow-color: #c1ccf9
}

@media not all and (hover:none) {
  .base-button_secondary:hover {
    --bb-shadow-width: 2px;
    --bb-shadow-color: #6d87f1
  }
}

.base-button_secondary:focus-visible {
  --bb-outline-color: #d5ddfb;
  --bb-shadow-width: 2px;
  --bb-shadow-color: #6d87f1
}

.base-button_secondary:active {
  --bb-shadow-width: 2px;
  --bb-shadow-color: #2f54eb
}

.base-button_secondary:disabled,
.base-button_secondary[disabled] {
  --bb-text-color: #6d87f1;
  --bb-shadow-color: #e9e9e9
}

.base-button_small {
  --bb-font-size: 14px;
  --bb-line-height: 1.43;
  --bb-padding-horizontal: 16px;
  --bb-padding-vertical: 8px;
  --bb-icon-size: 20px
}

.base-button_medium {
  --bb-font-size: 16px;
  --bb-line-height: 1.5;
  --bb-padding-horizontal: 20px;
  --bb-padding-vertical: 8px
}

.base-button_large {
  --bb-font-size: 16px;
  --bb-line-height: 1.5;
  --bb-padding-horizontal: 24px;
  --bb-padding-vertical: 16px
}

.base-button_full-width {
  width: 100%
}

.base-button__loading-wrapper {
  position: absolute
}

.base-button__loading-icon {
  display: block;
  width: var(--bb-icon-size);
  height: var(--bb-icon-size);
  animation: spin 2s infinite linear
}

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

  to {
    transform: rotate(360deg)
  }
}

.zip-form[data-astro-cid-uqubeurd] {
  --zip-form-inner-width: fit-content;
  position: relative;
  padding-top: 44px;
  padding-bottom: 44px
}

@media(min-width:1024px) {
  .zip-form[data-astro-cid-uqubeurd] {
    padding-top: 48px;
    padding-bottom: 48px
  }
}

.zip-form_light-blue[data-astro-cid-uqubeurd] {
  background-color: #5976ef
}

@media(min-width:1024px) {
  .zip-form_light-blue[data-astro-cid-uqubeurd] {
    margin-bottom: 44px
  }
}

.zip-form_light-blue[data-astro-cid-uqubeurd] .zip-form__bg-wrapper[data-astro-cid-uqubeurd] {
  opacity: .15
}

.zip-form_blue[data-astro-cid-uqubeurd] {
  background-color: #2f54eb;
  background-image: url(assets/images/zip-background-mobile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: overlay
}

@media(min-width:576px) {
  .zip-form_blue[data-astro-cid-uqubeurd] {
    background-image: url(assets/images/zip-background-desktop.svg);
    background-size: initial
  }
}

.zip-form_blue[data-astro-cid-uqubeurd] .zip-form__bg-wrapper[data-astro-cid-uqubeurd] {
  display: none
}

.zip-form_white[data-astro-cid-uqubeurd] {
  background-color: #fff
}

.zip-form_white[data-astro-cid-uqubeurd] .zip-form__bg-wrapper[data-astro-cid-uqubeurd] {
  display: none
}

.zip-form_gray[data-astro-cid-uqubeurd] {
  background-color: #f5f6fe
}

.zip-form_gray[data-astro-cid-uqubeurd] .zip-form__bg-wrapper[data-astro-cid-uqubeurd] {
  display: none
}

.zip-form__bg-wrapper[data-astro-cid-uqubeurd] {
  position: absolute;
  width: 100%;
  max-width: 810px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  inset: 0
}

.zip-form__bg[data-astro-cid-uqubeurd] {
  position: absolute;
  top: 0;
  left: -50px;
  width: auto;
  max-width: 810px;
  height: auto;
  min-height: 100%
}

@media(min-width:768px) {
  .zip-form__bg[data-astro-cid-uqubeurd] {
    top: -30px;
    left: 0
  }
}

.zip-form__container[data-astro-cid-uqubeurd] {
  display: flex;
  justify-content: center
}

.zip-form__inner[data-astro-cid-uqubeurd] {
  width: 100%
}

@media(min-width:375px) {
  .zip-form__inner[data-astro-cid-uqubeurd] {
    width: var(--zip-form-inner-width)
  }
}