@charset "UTF-8";
html {
  --main-url: $url;
  --logout-title: 'Cerrar sesión';
  --logo-image: url('https://portal-admin2.versus.bet.br/library/images/main-logo.svg');
  --logo-width: 150px;
  --login-image: url('https://portal-admin2.versus.bet.br/library/images/popups/login-back.webp');
  --slider-bets-back: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-sports-back-desktop.webp');
  --slider-bets-character: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-sports-character.webp');
  --slider-cassino-back: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-casino-back-desktop.webp');
  --slider-cassino-top: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-casino-desktop-layer-top.webp');
  --slider-cassino-bottom: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-casino-desktop-layer-bottom.webp');
  --icon-bets: url('https://portal-admin2.versus.bet.br/library/icons/bets.svg');
  --icon-cassino: url('https://portal-admin2.versus.bet.br/library/icons/casino.svg');
  --icon-club: url('https://portal-admin2.versus.bet.br/library/icons/club.svg');
  --icon-promotions: url('https://portal-admin2.versus.bet.br/library/icons/promo.svg');
  --icon-omc: url('https://portal-admin2.versus.bet.br/library/icons/omc.svg');
  --icon-calendar: url('https://portal-admin2.versus.bet.br/library/icons/calendar.svg');
  --icon-credit-card: url('https://portal-admin2.versus.bet.br/library/icons/credit-card.svg');
  --icon-star: url('https://portal-admin2.versus.bet.br/library/icons/star.svg');
  --icon-roulette: url('https://portal-admin2.versus.bet.br/library/icons/roulette.svg');
  --icon-cherry: url('https://portal-admin2.versus.bet.br/library/icons/cherry.svg');
  --icon-money: url('https://portal-admin2.versus.bet.br/library/icons/money.svg');
  --icon-grid: url('https://portal-admin2.versus.bet.br/library/icons/grid.svg');
  --icon-ticket: url('https://portal-admin2.versus.bet.br/library/icons/ticket.svg');
  --icon-trophy: url('https://portal-admin2.versus.bet.br/library/icons/trophy.svg');
  --icon-target: url('https://portal-admin2.versus.bet.br/library/icons/geolocation.svg');
  --icon-cart: url('https://portal-admin2.versus.bet.br/library/icons/cart.svg');
  --icon-x: url('https://portal-admin2.versus.bet.br/library/icons/x.svg');
  --icon-instagram: url('https://portal-admin2.versus.bet.br/library/icons/instagram.svg');
  --icon-facebook: url('https://portal-admin2.versus.bet.br/library/icons/facebook.svg');
  --icon-threads: url('https://portal-admin2.versus.bet.br/library/icons/threads.svg');
  --icon-youtube: url('https://portal-admin2.versus.bet.br/library/icons/youtube.svg');
}
@media (width <= 767px) {
  html {
    --slider-bets-back: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-sports-back-mobile.webp') !important;
    --slider-cassino-back: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-casino-back-mobile.webp') !important;
    --slider-cassino-top: url('https://portal-admin2.versus.bet.br/library/images/sliders/home-casino-mobile-layer-top.webp') !important;
  }
}
html.root-home .home-wrapper .bets-wrapper .bets-banners > div:nth-child(2) > div .info h3 {
  text-align: center;
  line-height: 1;
  margin: 20px 0 19px 0;
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div:nth-child(2) > div .info h3 {
    margin: 10px 0 14px 0;
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div:nth-child(2) > div .info h3 {
    margin: 4px 0 6px 0;
  }
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div:nth-child(3) > div .info h3 {
    margin: 10px 0 14px 0;
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div:nth-child(3) > div .info h3 {
    max-width: 120px !important;
    margin: 4px 0 6px 0;
  }
}
html #application .portlet-wrapper.featured-grid:has(.cms-games-grid-game) .portlet__content_type_games-grid::before {
  background-image: url(https://static.versusbet.com/assets/images/common/pg-soft--desktop.webp);
  right: -18%;
}
html.root-registration body form.cms-dynamic-form {
  padding: 0;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] {
  padding-bottom: 10px;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-cpf .cms-control-content::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name .cms-control-content::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname .cms-control-content::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-birth-date .cms-control-content::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-gender .cms-control-content::after {
  display: none !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-cpf .cms-control-content input,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-cpf .cms-control-content .ts-control,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name .cms-control-content input,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name .cms-control-content .ts-control,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname .cms-control-content input,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname .cms-control-content .ts-control,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-birth-date .cms-control-content input,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-birth-date .cms-control-content .ts-control,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-gender .cms-control-content input,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-gender .cms-control-content .ts-control {
  pointer-events: none !important;
  border-color: rgb(var(--color-neutral-8)) !important;
  background-color: rgb(var(--color-neutral-12)) !important;
  color: rgb(var(--color-neutral-10)) !important;
  outline: 0 !important;
  opacity: 1;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-cpf .cms-control-content input::placeholder,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name .cms-control-content input::placeholder,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname .cms-control-content input::placeholder,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-birth-date .cms-control-content input::placeholder,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-gender .cms-control-content input::placeholder {
  color: rgb(var(--color-neutral-10));
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-cpf .cms-control-content .ts-control::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name .cms-control-content .ts-control::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname .cms-control-content .ts-control::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-birth-date .cms-control-content .ts-control::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-gender .cms-control-content .ts-control::after {
  display: none !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-citizenship {
  display: block !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name.cpf-masked-field .cms-control-content,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname.cpf-masked-field .cms-control-content {
  position: relative;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name.cpf-masked-field .cms-control-content input,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname.cpf-masked-field .cms-control-content input {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  caret-color: transparent !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name.cpf-masked-field .cms-control-content input::placeholder,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname.cpf-masked-field .cms-control-content input::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-name.cpf-masked-field .cms-control-content .cpf-mask-preview,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-][data-cpf-disabled="1"] .cms-form-field-name-lastname.cpf-masked-field .cms-control-content .cpf-mask-preview {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
  max-width: calc(100% - 55px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: var(--font-input);
  color: rgb(var(--color-neutral-10));
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cpf.loading label,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cep.loading label {
  color: rgb(var(--color-primary-base)) !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cpf.loading .cms-control-content input,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cep.loading .cms-control-content input {
  pointer-events: none !important;
  border-color: rgb(var(--color-neutral-8)) !important;
  background-color: rgb(var(--color-neutral-12)) !important;
  color: rgb(var(--color-neutral-10)) !important;
  outline: 0 !important;
  opacity: 1;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cpf.loading .cms-control-content::after,
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cep.loading .cms-control-content::after {
  animation: rotate 1s linear infinite;
  transform-origin: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IndoaXRlIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiwxQTExLDExLDAsMSwwLDIzLDEyLDExLDExLDAsMCwwLDEyLDFabTAsMTlhOCw4LDAsMSwxLDgtOEE4LDgsMCwwLDEsMTIsMjBaIiBvcGFjaXR5PSIuMjUiLz48cGF0aCBkPSJNMTAuMTQsMS4xNmExMSwxMSwwLDAsMC05LDguOTJBMS41OSwxLjU5LDAsMCwwLDIuNDYsMTIsMS41MiwxLjUyLDAsMCwwLDQuMTEsMTAuN2E4LDgsMCwwLDEsNi42Ni02LjYxQTEuNDIsMS40MiwwLDAsMCwxMiwyLjY5aDBBMS41NywxLjU3LDAsMCwwLDEwLjE0LDEuMTZaIi8+PC9zdmc+) !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cpf.loading [class*=ErrorMessage__error--],
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-cep.loading [class*=ErrorMessage__error--] {
  display: none !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-] .cms-form-field-name-city {
  width: 100% !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-]:has(.loading) [class*=Controls__controlsContainer--] button {
  background-color: rgb(var(--color-neutral-8)) !important;
  pointer-events: none !important;
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-]:has(.cms-form-field-name-state:not(.hidden)) .cms-form-field-name-cep {
  width: calc(50% - 24px);
}
html.root-registration body form.cms-dynamic-form [class^=cms-form-step-]:has(.cms-form-field-name-state:not(.hidden)) .cms-form-field-name-state {
  width: calc(50% + 4px);
}
html.root-account .portlet-dynamic-change-details .cms-form-field-name-address {
  width: calc((100% - 60px) * 0.45) !important;
}
@media (width <= 767px) {
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-address {
    width: 100% !important;
  }
}
html.root-account .portlet-dynamic-change-details .cms-form-field-name-number,
html.root-account .portlet-dynamic-change-details .cms-form-field-name-complement {
  width: calc((100% - 60px) * 0.15) !important;
}
@media (width <= 767px) {
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-number,
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-complement {
    width: calc((50% - 5px - 10px) / 2) !important;
    order: 5;
  }
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-number label,
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-complement label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
html.root-account .portlet-dynamic-change-details .cms-form-field-name-city,
html.root-account .portlet-dynamic-change-details .cms-form-field-name-province,
html.root-account .portlet-dynamic-change-details .cms-form-field-name-state {
  width: calc((100% - 40px) / 3) !important;
}
@media (width <= 767px) {
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-city,
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-province,
  html.root-account .portlet-dynamic-change-details .cms-form-field-name-state {
    width: calc(50% - 5px) !important;
    order: 5;
  }
}
html [class*=PagePopup__container--].root-onboarding {
  z-index: 150;
  width: 350px !important;
}
@media (width <= 767px) {
  html [class*=PagePopup__container--].root-onboarding {
    width: calc(100vw - 40px) !important;
  }
}
html [class*=PagePopup__container--].root-onboarding::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgb(var(--color-primary-base)), rgb(var(--color-secondary-base)));
  width: 80%;
  top: 0;
  left: 0;
  height: 100px;
  border-radius: 50%;
  filter: blur(50px);
  z-index: 0;
}
html [class*=PagePopup__container--].root-onboarding {
  padding: 0;
}
html [class*=PagePopup__container--].root-onboarding > div {
  display: none;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content {
  display: block;
  background-color: rgb(var(--color-neutral-13));
  position: relative;
  z-index: 1;
  padding: 30px;
}
@media (width <= 767px) {
  html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content {
    padding: 20px;
  }
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content * {
  color: rgb(var(--color-white));
  font: var(--font-body);
  border: 0;
  box-shadow: none;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=ErrorMessage__error--] {
  padding: 0;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content form label {
  font: var(--font-label);
  color: rgb(var(--color-primary-base));
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content form label * {
  font: var(--font-label);
  color: rgb(var(--color-primary-base));
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content form button {
  padding: 5px 20px !important;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content form button[id$=submitButton] {
  color: rgb(var(--color-black)) !important;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content form button[id$=submitButton] span {
  color: rgb(var(--color-black)) !important;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .edit-details-button {
  padding-top: 20px;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .edit-details-button button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 24px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgb(var(--color-tertiary-base));
  color: rgb(var(--color-black));
  transition: all 0.2s ease;
  outline: 0;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .edit-details-button button:hover, html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .edit-details-button button:focus-visible {
  outline: 0;
  background-color: rgb(var(--color-tertiary-darker20));
  color: rgb(var(--color-black));
}
@media (width <= 1023px) {
  html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .edit-details-button button {
    padding: 8px 16px;
  }
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .edit-details-button button {
  width: 100%;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .select-wrapper,
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .back-wrapper {
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  gap: 10px;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .select-wrapper button,
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .back-wrapper button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 24px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgb(var(--color-tertiary-base));
  color: rgb(var(--color-black));
  transition: all 0.2s ease;
  outline: 0;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .select-wrapper button:hover, html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .select-wrapper button:focus-visible,
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .back-wrapper button:hover,
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .back-wrapper button:focus-visible {
  outline: 0;
  background-color: rgb(var(--color-tertiary-darker20));
  color: rgb(var(--color-black));
}
@media (width <= 1023px) {
  html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .select-wrapper button,
  html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .back-wrapper button {
    padding: 8px 16px;
  }
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .select-wrapper button,
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .back-wrapper button {
  width: 100%;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=PhoneVerification__description--] {
  padding: 0 0 20px 0;
  margin: 0;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=PhoneVerification__controls--] {
  margin: 0;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=Button__button--] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 24px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgb(var(--color-tertiary-base));
  color: rgb(var(--color-black));
  transition: all 0.2s ease;
  outline: 0;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=Button__button--]:hover, html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=Button__button--]:focus-visible {
  outline: 0;
  background-color: rgb(var(--color-tertiary-darker20));
  color: rgb(var(--color-black));
}
@media (width <= 1023px) {
  html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=Button__button--] {
    padding: 8px 16px;
  }
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=Button__button--] {
  width: 100%;
  max-width: 100%;
  height: auto;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=Button__button--]:hover {
  background-color: rgb(var(--color-tertiary-darker20)) !important;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=EmailVerification__container--] {
  padding-bottom: 10px;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=EmailVerification__container--] div {
  text-align: left;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=EmailVerification__container--] [class*=EmailVerification__icon--] {
  display: none;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [data-web-content-id=ONBOARDING_SELECT_EMAIL] {
  padding-bottom: 20px;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content .portlet__content_type_dynamic-change-details select {
  border: 1px solid rgb(var(--color-neutral-8));
  color: rgb(var(--color-white));
  font: var(--font-input);
  position: relative;
  padding: 7px 14px;
}
html [class*=PagePopup__container--].root-onboarding > div.popup-modal__inner-content [class*=components__input--] {
  border: 1px solid rgb(var(--color-neutral-8));
  color: rgb(var(--color-white));
  font: var(--font-input);
  position: relative;
  padding: 7px 14px;
}
html [class*=PagePopup__container--].root-onboarding > div[class*=Icon__closePopup--] {
  display: block;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2MDYwNjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXgtaWNvbiBsdWNpZGUteCI+PHBhdGggZD0iTTE4IDYgNiAxOCIvPjxwYXRoIGQ9Im02IDYgMTIgMTIiLz48L3N2Zz4=);
  background-size: contain;
  background-position: center;
  z-index: 5;
}
@media (width <= 767px) {
  html [class*=PagePopup__container--].root-onboarding > div[class*=Icon__closePopup--] {
    top: 16px;
    right: 16px;
    height: 14px;
    width: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjI5MTggMi4xNjMyQzEyLjc4NjMgMS42Njg2NCAxMi43ODYzIDAuODY1NDggMTIuMjkxOCAwLjM3MDkyQzExLjc5NzIgLTAuMTIzNjQgMTAuOTk0MSAtMC4xMjM2NCAxMC40OTk1IDAuMzcwOTJMNi4zMzMzMyA0LjU0MTA1TDIuMTYzMiAwLjM3NDg3NkMxLjY2ODY0IC0wLjExOTY4NCAwLjg2NTQ4IC0wLjExOTY4NCAwLjM3MDkyIDAuMzc0ODc2Qy0wLjEyMzY0IDAuODY5NDM2IC0wLjEyMzY0IDEuNjcyNiAwLjM3MDkyIDIuMTY3MTZMNC41NDEwNSA2LjMzMzMzTDAuMzc0ODc2IDEwLjUwMzVDLTAuMTE5NjgzIDEwLjk5OCAtMC4xMTk2ODMgMTEuODAxMiAwLjM3NDg3NiAxMi4yOTU3QzAuODY5NDM2IDEyLjc5MDMgMS42NzI2IDEyLjc5MDMgMi4xNjcxNiAxMi4yOTU3TDYuMzMzMzMgOC4xMjU2MkwxMC41MDM1IDEyLjI5MThDMTAuOTk4IDEyLjc4NjMgMTEuODAxMiAxMi43ODYzIDEyLjI5NTcgMTIuMjkxOEMxMi43OTAzIDExLjc5NzIgMTIuNzkwMyAxMC45OTQxIDEyLjI5NTcgMTAuNDk5NUw4LjEyNTYyIDYuMzMzMzNMMTIuMjkxOCAyLjE2MzJaIj48L3BhdGg+PC9zdmc+);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}