.async-hide { opacity: 0 !important; }
.CheckoutFooter { margin-top: 20px; padding: 0px 12px; background-color: rgb(244, 244, 244); color: rgb(140, 140, 140); font-size: 13px; }
.CheckoutFooter-content { width: 100%; }
.payday .CheckoutFooter { background-color: rgb(4, 9, 73); color: rgb(255, 255, 255); }
.black-friday .CheckoutFooter { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.fantastic-sale .CheckoutFooter { background-color: rgb(189, 2, 29); color: rgb(170, 208, 230); }
.CheckoutFooter-icon-description { color: rgb(140, 140, 140); }
.payday .CheckoutFooter-icon-description { color: rgb(255, 255, 255); }
.black-friday .CheckoutFooter-icon-description { color: rgb(255, 255, 255); }
.fantastic-sale .CheckoutFooter-icon-description { color: rgb(170, 208, 230); }
.payday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante { display: inline-block; width: 62px; height: 62px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABfCAMAAABfuyCDAAABCFBMVEUAAAD4+Pn4+Pn4+PmX0eGn3evb29yEhISq3er4+PmCx9v4+PnH6O+CyNy3t7f4+PnF6O/4+PmCx9vH6O+Cx9uCx9v4+PmCx9v4+Pn4+PnqISbqISbqISbqISb4+PmhoaH4+PnqISbj4+TqISb4+Pl1dXbqISZcXFzqISb4+PmCx9uCx9vqISaCx9vqISbx8fLqISai2OaCx9v4+PnT09OCx9vqISa95e6Cx9uCx9tGRka/5e6Y0eHBwcHqISai2+qCx9v4+PnH6O/qISb///+W1OWOz+Ke2emr3uzA5u6z4u2Hy9665O3uS0/+8vL1kJP6xMX2nqHzfoHxYmXsMzj85OX71tf3rK6cjUOoAAAAP3RSTlMAQIDA0ODAQPbgECDx8IBgYBDPMDBg8J8w0IAQ4NCgYFBA0KBwMCAfu5CQe29QMPDw5t+wsK9fU0AgEMvEkJDGTfVLAAADkElEQVRo3uzSy4qDMBTG8bMyOx/ARIqKl4V0uiizKMyAfGfrpWMv7/8mk2NswW2yK/4hhGx+mkPoE8sKg7TIyKa6riNXZYwOhHUDV6M3dAbI17ou9pZT4DaOYw+kG5ralsLoAriydAUSR9eqJlcQXQEz8zANzDNOWuhIVklkd1ly8qJb4MHco2eegG9Lu74uC/2T+9MJwGsDkCz0Wf41FjpoIL9Cr630gUTNg+kEuMtA8HeDG4h4B9lC6aNFmYfngwfrV4H0tub1+O49CnK0qFE4XZ2AeZyediBGL3QcRzLxNx1dlO9IDFzpkYR2nWmlczn52joxAidkq3P3qmN60aW7gn8ZvVNKlSSVqqa9vb1/UskmBWEYCKMjKEioELSld1BcKIiCguUD7Y+5/3lciM4MaaWZvl2Y5qV9TQ9+IbjKxZmmscnuTIsgVtmGpjDLwK4AoPutGkxyewDN19UBejnF7SHeswGUO4DdNjOCNqP9hbe7Pas+Ju0G2G0zA9LM39GA3QYzxw1gPvk7WN1eitjDpwUY3R5My7+Q3bJQdjaagQ4RrT7N01jcXHFYxhzUEzdHYykqyfMe86okOY1np3bWkblW84JSKOXWR6R+yvGWknDrinn97VFSIu74p8hDzNaOUslXoshwj6OjdC7DRXiyyslCERWJe+zJRslFBnoUZOXUX6T/clivYN3X491OGewmCERR9M6b1YSYCSYS2BAXbtS4Mk3qyrwFuOj//0/fAzuiUGo7uConRnJRb/B68A0RnBYDN3s9qN2fFfzo3+SLE+JY9Rapgnax7B8XqSPl6Cv4sMceU7C8U7vqaxerYN3901uiQ7wmYY+g3STdt0WqvhzxCtZhj3dMye6q9mVIu3gFq3aPHaZFNal1D9Vu8u6FLHIZliNewepcL7R5eg71WbR7Dav6gJl/jWHFIuMcR94gLTN2BG4AsYEQktUPUBstK2as2hKRx5oLeQCFZMde6oWv6pDYw7An0hOWSUjGqgkNtrmENZdAYj1bKNfqkJyDYdOesPzUICR9GW9DF1ixGu+SZ9+pVvDTIAbImY+daqczabxLcK5TTQKeGKRgx2v49gvQN4PAc/mLQUojYMPWsEvTLNusCyYujJASb+SQhAQ4vlUbYfRnbEiyLMFW1s6dpBLcYIgVCgnwnWplZJHUNKQmB5on5Hol17OJUZKQAMgR0Dfm7WuYmZmZmXkRn1OFmFtAC0JeAAAAAElFTkSuQmCC"); background-size: contain; }
.black-friday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante { display: inline-block; width: 62px; height: 62px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABfCAMAAABfuyCDAAABCFBMVEUAAAD4+Pn4+Pn4+PmX0eGn3evb29yEhISq3er4+PmCx9v4+PnH6O+CyNy3t7f4+PnF6O/4+PmCx9vH6O+Cx9uCx9v4+PmCx9v4+Pn4+PnqISbqISbqISbqISb4+PmhoaH4+PnqISbj4+TqISb4+Pl1dXbqISZcXFzqISb4+PmCx9uCx9vqISaCx9vqISbx8fLqISai2OaCx9v4+PnT09OCx9vqISa95e6Cx9uCx9tGRka/5e6Y0eHBwcHqISai2+qCx9v4+PnH6O/qISb///+W1OWOz+Ke2emr3uzA5u6z4u2Hy9665O3uS0/+8vL1kJP6xMX2nqHzfoHxYmXsMzj85OX71tf3rK6cjUOoAAAAP3RSTlMAQIDA0ODAQPbgECDx8IBgYBDPMDBg8J8w0IAQ4NCgYFBA0KBwMCAfu5CQe29QMPDw5t+wsK9fU0AgEMvEkJDGTfVLAAADkElEQVRo3uzSy4qDMBTG8bMyOx/ARIqKl4V0uiizKMyAfGfrpWMv7/8mk2NswW2yK/4hhGx+mkPoE8sKg7TIyKa6riNXZYwOhHUDV6M3dAbI17ou9pZT4DaOYw+kG5ralsLoAriydAUSR9eqJlcQXQEz8zANzDNOWuhIVklkd1ly8qJb4MHco2eegG9Lu74uC/2T+9MJwGsDkCz0Wf41FjpoIL9Cr630gUTNg+kEuMtA8HeDG4h4B9lC6aNFmYfngwfrV4H0tub1+O49CnK0qFE4XZ2AeZyediBGL3QcRzLxNx1dlO9IDFzpkYR2nWmlczn52joxAidkq3P3qmN60aW7gn8ZvVNKlSSVqqa9vb1/UskmBWEYCKMjKEioELSld1BcKIiCguUD7Y+5/3lciM4MaaWZvl2Y5qV9TQ9+IbjKxZmmscnuTIsgVtmGpjDLwK4AoPutGkxyewDN19UBejnF7SHeswGUO4DdNjOCNqP9hbe7Pas+Ju0G2G0zA9LM39GA3QYzxw1gPvk7WN1eitjDpwUY3R5My7+Q3bJQdjaagQ4RrT7N01jcXHFYxhzUEzdHYykqyfMe86okOY1np3bWkblW84JSKOXWR6R+yvGWknDrinn97VFSIu74p8hDzNaOUslXoshwj6OjdC7DRXiyyslCERWJe+zJRslFBnoUZOXUX6T/clivYN3X491OGewmCERR9M6b1YSYCSYS2BAXbtS4Mk3qyrwFuOj//0/fAzuiUGo7uConRnJRb/B68A0RnBYDN3s9qN2fFfzo3+SLE+JY9Rapgnax7B8XqSPl6Cv4sMceU7C8U7vqaxerYN3901uiQ7wmYY+g3STdt0WqvhzxCtZhj3dMye6q9mVIu3gFq3aPHaZFNal1D9Vu8u6FLHIZliNewepcL7R5eg71WbR7Dav6gJl/jWHFIuMcR94gLTN2BG4AsYEQktUPUBstK2as2hKRx5oLeQCFZMde6oWv6pDYw7An0hOWSUjGqgkNtrmENZdAYj1bKNfqkJyDYdOesPzUICR9GW9DF1ixGu+SZ9+pVvDTIAbImY+daqczabxLcK5TTQKeGKRgx2v49gvQN4PAc/mLQUojYMPWsEvTLNusCyYujJASb+SQhAQ4vlUbYfRnbEiyLMFW1s6dpBLcYIgVCgnwnWplZJHUNKQmB5on5Hol17OJUZKQAMgR0Dfm7WuYmZmZmXkRn1OFmFtAC0JeAAAAAElFTkSuQmCC"); background-size: contain; }
.payday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante img { display: none; }
.black-friday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante img { display: none; }
.CheckoutFooter-top { margin-bottom: 20px; padding-top: 20px; text-align: center; }
.CheckoutFooter-top-item { display: inline-block; padding-right: 15px; padding-left: 15px; }
.CheckoutFooter-section { padding-bottom: 20px; text-align: center; }
.CheckoutFooter-icon { width: 25px; height: 25px; vertical-align: middle; }
.payday .CheckoutFooter-icon { fill: rgb(255, 255, 255); }
.black-friday .CheckoutFooter-icon { fill: rgb(255, 255, 255); }
.fantastic-sale .CheckoutFooter-icon { fill: rgb(170, 208, 230); }
.CheckoutFooter-logo-internetSegura { width: 61px; height: 23px; vertical-align: middle; }
.CheckoutFooter-logo-ebit { width: 50px; height: 20px; vertical-align: middle; }
.EbitDiamante-icon { width: 62px; height: 62px; }
@media (min-width: 996px) {
  .CheckoutFooter { font-size: 14px; }
  .CheckoutFooter-content { width: 996px; margin-right: auto; margin-left: auto; }
  .CheckoutFooter-top { display: flex; justify-content: center; line-height: 30px; }
}
.CheckoutSteps { display: flex; align-items: center; margin-top: -6px; }
.CheckoutSteps-item { margin-left: 10px; font-size: 14px; }
.CheckoutSteps-item-button { border: 0px; background: none; }
.CheckoutSteps-item-title, .CheckoutSteps-item-title--active, .header-pink .CheckoutSteps-item-title--active, .payday .CheckoutSteps-item-title--active, .black-friday .CheckoutSteps-item-title--active { color: rgb(0, 100, 191); vertical-align: middle; }
.header-pink .CheckoutSteps-item-title, .header-pink .CheckoutSteps-item-title--active { color: rgb(165, 41, 111); }
.payday .CheckoutSteps-item-title, .payday .CheckoutSteps-item-title--active { color: rgb(102, 102, 102); }
.black-friday .CheckoutSteps-item-title, .black-friday .CheckoutSteps-item-title--active { color: rgb(102, 102, 102); }
.CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.header-pink .CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.payday .CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.black-friday .CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.CheckoutSteps-item-icon, .CheckoutSteps-item-icon--active, .header-pink .CheckoutSteps-item-icon--active, .payday .CheckoutSteps-item-icon--active, .black-friday .CheckoutSteps-item-icon--active { width: 25px; height: 25px; margin-right: 5px; margin-left: 10px; vertical-align: middle; fill: rgb(0, 100, 191); }
.header-pink .CheckoutSteps-item-icon, .header-pink .CheckoutSteps-item-icon--active { fill: rgb(165, 41, 111); }
.payday .CheckoutSteps-item-icon, .payday .CheckoutSteps-item-icon--active { fill: rgb(102, 102, 102); }
.black-friday .CheckoutSteps-item-icon, .black-friday .CheckoutSteps-item-icon--active { fill: rgb(102, 102, 102); }
.CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.header-pink .CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.payday .CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.black-friday .CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.CheckoutHeader { display: flex; flex-flow: column; background-color: rgb(0, 134, 255); }
.header-pink .CheckoutHeader { background-color: rgb(255, 80, 179); }
.payday .CheckoutHeader { background-color: rgb(4, 9, 73); }
.black-friday .CheckoutHeader { background-color: rgb(0, 0, 0); }
.fantastic-sale .CheckoutHeader { background-color: rgb(189, 2, 29); }
.CheckoutHeader-colorsStrip { overflow-y: hidden; height: 4px; }
.CheckoutHeader-colorsStrip-image { display: block; width: 100%; }
.CheckoutHeader-content { width: 100%; height: 52px; }
.CheckoutHeader-logo { margin-top: 17px; margin-left: 10px; }
@media (max-width: 995px) {
  .CheckoutHeader-logo-icon { width: 90px; }
}
@media (min-width: 996px) {
  .CheckoutHeader-content { display: flex; justify-content: space-between; width: 956px; height: 72px; margin: 0px auto; }
  .CheckoutHeader-logo { margin-top: 27px; margin-left: 20px; }
  .CheckoutHeader-colorsStrip { width: 956px; margin: 0px auto; }
}
.NavigationIcon { height: 28px; width: 32px; }
@media (max-width: 995px) {
  .NavigationIcon { height: 16px; width: 20px; }
}
.NavigationOption-container { display: flex; flex-direction: column; }
.NavigationOption-shortcut { display: flex; align-items: center; }
.NavigationOption-button { background: none; border: 2px solid; margin: 0px; padding: 14px; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
@media (max-width: 995px) {
  .NavigationOption-button { border: 1px solid; padding: 5px; width: 32px; height: 32px; }
}
.NavigationOption-button-neutral { border-color: rgb(140, 140, 140); }
.NavigationOption-button-passed { border-color: rgb(88, 194, 46); }
.NavigationOption-button-current { border-color: rgb(0, 134, 255); }
.NavigationOption-progress { border: 0.5px solid; height: 1px; margin-bottom: 2px; padding: 0px; width: 56px; }
@media (max-width: 995px) {
  .NavigationOption-progress { border-bottom: 0px; width: 36px; }
}
.NavigationOption-progress-neutral { border-color: rgb(140, 140, 140); }
.NavigationOption-progress-passed { border-color: rgb(88, 194, 46); }
.NavigationOption-progress-current { border-color: rgb(0, 134, 255); }
.NavigationOption-progress-wallet { border: 0.5px solid; height: 1px; padding: 0px; width: 56px; }
@media (max-width: 995px) {
  .NavigationOption-progress-wallet { border-bottom: 0px; width: 36px; }
}
.NavigationOption-progress-wallet-neutral { border-color: rgb(140, 140, 140); }
.NavigationOption-progress-wallet-passed { border-color: rgb(88, 194, 46); }
.NavigationOption-progress-wallet-current { border-color: rgb(0, 134, 255); }
.NavigationOption-title { font: var(--tom-font-3xsm-medium); margin-top: 4px; }
@media (max-width: 995px) {
  .NavigationOption-title { font: var(--tom-font-3xsm-regular); }
}
.NavigationOption-title-sacola { margin-left: 15px; }
@media (max-width: 995px) {
  .NavigationOption-title-sacola { margin-left: 0px; }
}
.NavigationOption-title-identificacao { margin-left: -3px; }
@media (max-width: 995px) {
  .NavigationOption-title-identificacao { margin-left: -18px; }
}
.NavigationOption-title-entrega { margin-left: 11px; }
@media (max-width: 995px) {
  .NavigationOption-title-entrega { margin-left: -4px; }
}
.NavigationOption-title-pagamento { margin-left: 1px; }
@media (max-width: 995px) {
  .NavigationOption-title-pagamento { margin-left: -14px; }
}
.NavigationOption-title-revisao { margin-left: 13px; }
@media (max-width: 995px) {
  .NavigationOption-title-revisao { margin-left: -5px; }
}
.NavigationOption-title-neutral { color: rgb(140, 140, 140); }
.NavigationOption-title-passed { color: rgb(88, 194, 46); }
.NavigationOption-title-current { color: rgb(0, 134, 255); }
.Navigation-container { display: flex; align-items: center; justify-content: center; margin-top: var(--tom-spacing-lg); margin-bottom: var(--tom-spacing-lg); }
@media (max-width: 995px) {
  .Navigation-container { margin-top: var(--tom-spacing-md); margin-bottom: var(--tom-spacing-md); }
}
.footer-iframe-reset { margin-left: -8px; width: 100vw; height: 820px; }
.CenteredLoading { position: fixed; bottom: 50%; left: 50%; width: 55px; height: 55px; margin-left: -27.5px; animation: 1s linear 0s infinite normal none running rotation; }
@keyframes rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.LoadingBackground { position: fixed; z-index: 20; inset: 0px; background-color: rgba(255, 255, 255, 0.35); }
.Loading--small { width: 20px; height: 20px; }
@media (min-width: 996px) {
  .App { width: 996px; min-height: calc(-291px + 100vh); margin-right: auto; margin-left: auto; padding: 0px 20px; }
  .CustomerArea-theme { background-color: var(--tom-color-on-surface-9); width: auto; margin-bottom: -18px; }
}
@media (max-width: 995px) {
  .App { overflow: hidden; width: auto; }
  .CustomerArea-theme { margin-bottom: -18px; height: 100vh; }
}
.BasketPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .BasketPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.BasketTable-header { display: flex; align-items: center; font-weight: 700; background-color: rgb(240, 243, 244); height: 56px; padding: 0px 10px; }
.BasketPage-title { padding-top: 0px; }
@media (max-width: 995px) {
  .BasketPage-title { margin-bottom: 0px; margin-left: 16px; }
}
.BasketTable-header-quantity { width: 18%; margin-left: 52%; text-align: center; }
.BasketTable-header-price { width: 30%; }
@media (max-width: 995px) {
  .BasketTable { padding-top: 0px; }
  .BasketTable-header { height: 16px; }
  .BasketTable-items { margin-top: 24px; }
}
.BasketSoldBy-store, .BasketSoldBy-store--unavailable, .BasketSoldBy-provider { color: rgb(93, 93, 93); font-weight: 700; display: inline-flex; vertical-align: bottom; }
.BasketSoldBy--unavailable { color: rgb(185, 185, 185); }
.BasketSoldBy-store--unavailable { color: rgb(185, 185, 185); }
.TagInternational-tag { display: inline-flex; justify-content: center; border-radius: var(--tom-radius-sm); gap: var(--tom-spacing-2xsm); font: var(--tom-font-2xsm-regular); padding-bottom: var(--tom-spacing-2xsm); padding-left: var(--tom-spacing-xsm); padding-right: var(--tom-spacing-xsm); padding-top: var(--tom-spacing-2xsm); background-color: var(--tom-color-interaction-lighter-inverted); border-color: var(--tom-color-interaction-lighter-inverted); color: var(--tom-color-brand-default); }
.TagInternational-tag-bold { font: var(--tom-font-2xsm-bold); }
.BasketItemProduct-info-sku, .BasketItemProduct-info-sku--unavailable { color: rgb(93, 93, 93); font-size: 14px; }
.BasketItemProduct-quantity-remove { border: 0px; background: none; text-decoration: underline; }
.BasketItemProduct-quantity-dropdown--unavailable, .BasketItemProduct-quantity-dropdown:disabled, .BasketItemProduct-quantity-dropdown--unavailable:disabled { cursor: not-allowed; }
.BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .BasketItemProduct-quantity-dropdown::placeholder, .BasketItemProduct-quantity-dropdown--unavailable::placeholder { color: transparent; }
}
.BasketItemProduct-quantity-dropdown--unavailable, .BasketItemProduct-quantity-dropdown:disabled, .BasketItemProduct-quantity-dropdown--unavailable:disabled { background-color: rgb(244, 244, 244); }
.BasketItemProduct { display: flex; }
.BasketItemProduct-image { min-width: 102px; }
@media (min-width: 996px) {
  .BasketItemProduct-image { margin-right: 40px; }
}
.BasketItemProduct-info-title, .BasketItemProduct-info-title--unavailable { color: rgb(93, 93, 93); text-decoration: none; font-weight: 600; font-size: 16px; }
.BasketItemProduct-info-title--unavailable { color: rgb(185, 185, 185); }
.BasketItemProduct-info-sku, .BasketItemProduct-info-sku--unavailable { font-weight: 400; }
.BasketItemProduct-info-sku--unavailable { color: rgb(185, 185, 185); }
.BasketItemProduct-info-extra { float: right; width: 100%; margin-right: 0px; color: rgb(64, 64, 64); text-decoration: none; }
@media (min-width: 996px) {
  .BasketItemProduct-tag-international { margin-top: 16px; }
}
@media (max-width: 995px) {
  .BasketItemProduct-tag-international { margin-top: 12px; }
}
.BasketItemProduct-info-store { color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .BasketItemProduct-info-store { margin-top: 16px; }
}
@media (max-width: 995px) {
  .BasketItemProduct-info-store { margin-top: 12px; }
}
.BasketItemProduct-info-store-link { color: rgb(64, 64, 64); font-weight: 700; }
.BasketItemProduct-informative { font-size: 14px; }
.BasketItemProduct-delivery-iconConventional { margin-right: 6px; width: 30px; height: 30px; fill: rgb(83, 83, 83); }
.BasketItemProduct-delivery-iconConventional-hours, .BasketItemProduct-delivery-iconConventional-international { margin-right: 6px; width: 18px; height: 18px; fill: rgb(83, 83, 83); }
.BasketItemProduct-delivery-one-hour, .BasketItemProduct-delivery-message { color: rgb(88, 194, 46); font-weight: 400; display: flex; align-items: center; }
.BasketItemProduct-magazine { position: relative; top: -2px; left: 4px; color: rgb(88, 194, 46); font-size: 14px; font-weight: 400; }
.BasketItemProduct-quantity { margin-left: 80px; margin-right: 80px; text-align: center; }
.BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { width: 58px; height: 40px; }
.BasketItemProduct-quantity-remove { display: block; margin-top: 10px; margin-right: auto; margin-left: auto; color: rgb(140, 140, 140); font-size: 14px; line-height: 1; }
.BasketItem-delete-icon { display: none; }
.BasketItemProduct-price, .BasketItemProduct-price--unavailable { width: 30%; font-weight: 400; color: rgb(93, 93, 93); font-size: 18px; text-align: right; }
.BasketItemProduct-to { font-weight: 700; }
.BasketItemProduct-price--unavailable { color: rgb(185, 185, 185); }
@media (min-width: 996px) {
  .BasketItemProduct { width: 52%; }
}
@media (max-width: 995px) {
  .BasketItemProduct-price, .BasketItemProduct-price--unavailable { width: 45%; margin-top: 10px; font-size: 14px; }
  .BasketItemProduct { width: 100%; margin-right: 0px; margin-bottom: 24px; }
  .BasketItemProduct-image { margin-right: 20px; }
  .BasketItemProduct-quantity-title { display: block; font-size: 14px; }
  .BasketItemProduct-quantity { float: left; margin-right: 10px; margin-left: 0px; text-align: left; }
  .BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { float: left; width: 4rem; padding-bottom: 10px; }
  .BasketItemProduct-quantity-remove { border-radius: 4px; border: 1px solid rgb(229, 229, 229); float: left; margin-top: 0px; margin-left: 10px; padding: 10px; }
  .BasketItemProduct-info-title, .BasketItemProduct-info-title--unavailable { font-size: 14px; }
  .BasketItemProduct-info-sku, .BasketItemProduct-info-sku--unavailable { font-size: 12.5px; margin-top: 4px; }
}
.BasketItemWarranty { width: 52%; }
.BasketItemWarranty-title { margin-left: 142px; }
@media (max-width: 995px) {
  .BasketItemWarranty-title { width: 163px; margin-right: 0px; margin-bottom: 20px; margin-left: 10px; }
  .BasketItemWarranty-title::before { display: block; width: 100%; margin-bottom: 10px; font-weight: bold; content: "Garantia"; }
  .BasketItemWarranty { width: auto; }
}
.ModalDefault-wrapper { display: flex; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 3; }
.ModalDefault-wrapper .cursor-pointer { cursor: pointer; }
.ModalDefault-overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background-color: rgba(0, 0, 0, 0.63); }
.ModalDefault-header { display: flex; align-items: center; justify-content: space-between; padding: 32px 32px 24px; border-bottom: 1px solid rgb(211, 218, 221); gap: 20px; }
.ModalDefault-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.ModalDefault-header .ti-arrow-back { display: none; }
.ModalDefault-header .icon-close { display: flex; }
.ModalDefault-content { background-color: rgb(255, 255, 255); border-radius: 12px; position: absolute; left: 50%; top: 5%; transform: translateX(-50%); z-index: 2; }
.ModalDefault-body { padding: 24px 32px; }
.ModalDefault-footer { padding: 24px; border-top: 1px solid rgb(211, 218, 221); }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: calc(-152px + 100vh); overflow: auto; }
}
.InternationalTaxContingencyModal-content { display: flex; gap: 13px; margin-bottom: 16px; text-align: left; }
.InternationalTaxContingencyModal-content-column { display: flex; flex-direction: column; gap: 13px; text-align: left; }
.InternationalTaxContingencyModal-icon { width: 66px; height: 67px; }
.InternationalTaxContingencyModal .font-sm-regular { width: calc(100% - 66px); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; line-height: 125%; color: rgb(81, 81, 81); }
.InternationalTaxContingencyModal .font-sm-medium { font: var(--tom-font-sm-medium); color: rgb(81, 81, 81); }
.InternationalTaxContingencyModal-btn { padding: 11px 100px; margin: 0px auto; display: block; width: fit-content; }
@media (max-width: 995px) {
  .InternationalTaxContingencyModal-content { flex-direction: column; align-items: center; }
  .InternationalTaxContingencyModal .font-sm-regular { width: 100%; }
}
.InternationalTaxContingency-text { display: block; margin-top: 12px; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; text-align: right; line-height: 16px; }
.InternationalTaxContingency-link { color: var(--tom-color-on-surface-5); text-decoration-line: underline; cursor: pointer; }
.InternationalTax-wrapper { display: flex; flex-direction: column; margin-top: 14px; }
.InternationalTax-wrapper .InternationalTax-row { display: flex; justify-content: space-between; margin-top: 4px; }
.InternationalTax-wrapper .InternationalTax-text, .InternationalTax-wrapper .InternationalTax-tax-text { font: var(--tom-font-2xsm-regular); }
@media (max-width: 995px) {
  .InternationalTax-wrapper .InternationalTax-tax-text { flex-basis: min-content; }
}
.BasketItem-availabilityWarning-link { border: 0px; background: none; text-decoration: underline; }
@media (min-width: 996px) {
  .BasketItem { padding-top: 32px; padding-bottom: 32px; }
}
.BasketItem-border-dashed { border-bottom: 1px dashed rgb(211, 218, 221); }
.BasketItem-productContainer { display: flex; }
.BasketItem-policyViolation, .BasketItem-unavailableWarning { margin-bottom: 20px; color: rgb(237, 106, 10); }
.BasketItem-policyViolation-button { margin-right: 12px; background: transparent; border: none; }
.BasketItem-policyViolation { display: flex; align-items: center; }
@media (max-width: 995px) {
  .BasketItem-policyViolation { padding: 12px; }
}
.BasketItem-unavailableWarning-link { color: rgb(0, 134, 255); }
.BasketItem-customerCompanyWarning { float: left; width: 100%; margin-top: 20px; margin-right: 20px; color: rgb(226, 83, 53); }
.BasketItem-availabilityWarning { float: left; width: 100%; margin-right: 20px; margin-bottom: 20px; color: rgb(251, 150, 0); }
.BasketItem-text-bold { font-weight: 700; }
.BasketItem-availabilityWarning-title { margin-bottom: 20px; color: rgb(0, 131, 202); font-size: 22px; }
.BasketItem-availabilityWarning-description { margin-bottom: 20px; }
.BasketItem-availabilityWarning-link { margin-left: 5px; color: rgb(251, 150, 0); }
.BasketItem-warrantyContainer { display: flex; justify-content: space-between; margin-top: 20px; }
@media (max-width: 995px) {
  .BasketItem-productContainer { flex-wrap: wrap; justify-content: space-between; }
  .BasketItem { font-size: 14px; padding-bottom: 24px; }
  .BasketItem-border-solid { padding: 0px 16px 24px; border-bottom: 0px; }
  .BasketItem-border-dashed { border-bottom: 1px dashed rgb(211, 218, 221); margin: 0px 16px 24px; }
  .BasketItem:first-child { padding-top: 0px; }
  .BasketItem-delete-icon { display: block; }
  .BasketItem-delete-label { display: none; }
  .BasketItem-warrantyContainer { flex-wrap: wrap; margin-top: 20px; padding-top: 20px; }
  .BasketItem-warrantyContainer .BasketItem-delete-label { display: none; }
  .BasketItem-warrantyContainer .BasketItem-delete-icon { display: block; }
  .BasketItem-warrantyContainer .BasketItemProduct-quantity { order: 1; }
  .BasketItem-warrantyContainer .BasketItemWarranty { order: 2; }
  .BasketItem-warrantyContainer .BasketItemProduct-price { width: 100%; margin-bottom: -24px; }
  .BasketItem-unavailableWarning { width: auto; margin-right: 16px; margin-bottom: 24px; }
  .BasketItem-availabilityWarning-title { font-size: 18px; text-align: center; }
  .BasketItem-availabilityWarning-description { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; line-height: 1.3; text-align: center; }
}
.Policies-wrapper { display: flex; flex: 1 1 0%; width: 100%; text-align: left; flex-direction: column; font-size: 1.2rem; }
.Policies-description { position: relative; background-color: rgb(251, 235, 219); padding: 14px; border-radius: 6px; display: flex; flex-direction: column; }
.Policies-description :first-child { font-weight: bold; color: rgb(226, 83, 53); }
.Policies-description ::before { content: ""; width: 5px; background-color: rgb(226, 83, 53); height: 100%; position: absolute; left: 0px; top: 0px; }
.Policies-info-description { font-weight: 700; color: rgb(226, 83, 53); }
.Policies-info { margin-top: 18px; }
.Policies-rules-content { display: flex; margin-top: 8px; flex-direction: column; }
.BasketItemProduct-shipping { display: flex; align-items: center; margin-bottom: 56px; }
@media (max-width: 995px) {
  .BasketItemProduct-shipping { margin-bottom: 0px; }
}
.BasketItemProduct-shipping span { font-weight: 700; }
@media (max-width: 995px) {
  .BasketItemProduct-shipping span { margin-left: auto; }
}
.BasketItemDelivery-price { margin-left: 7px; color: rgb(93, 93, 93); }
.BasketItemDelivery-price--free { color: rgb(88, 194, 46); }
.BasketTable-header-package { display: flex; align-items: center; }
.BasketTable-header-package-title { display: flex; font-weight: bold; align-items: flex-end; }
@media (min-width: 996px) {
  .BasketTable-header-package { background-color: rgb(240, 243, 244); height: 56px; }
  .BasketTable-header-package-title { size: 20px; padding-left: 12px; }
  .BasketTable-header-package-logo { margin: 0px 8px; }
}
@media (max-width: 995px) {
  .BasketTable-header-package-title { size: 16px; padding: 24px 0px 0px 16px; flex-wrap: wrap; border-top: 16px solid rgb(240, 243, 244); width: 100%; }
  .BasketTable-header-package-logo { margin: 0px 6px; }
  .BasketTable-items-package { margin-top: 24px; }
}
.Basket-shipment-box { border-top: 1px solid rgb(211, 218, 221); }
@media (min-width: 996px) {
  .Basket-shipment-box { padding-top: 32px; }
}
@media (max-width: 995px) {
  .Basket-shipment-box { padding: 16px; }
}
.Basket-shipment-title { font-weight: 700; color: rgb(93, 93, 93); }
.InternationalTaxICMSModal { max-width: 490px; }
.InternationalTaxICMSModal-header { margin-bottom: 16px; text-align: left; }
.InternationalTaxICMSModal-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.InternationalTaxICMSModal-content { margin-bottom: 24px; }
.InternationalTaxICMSModal-content .font-sm-regular { font: var(--tom-font-sm-regular); }
.InternationalTaxICMSModal-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
.ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: center; display: none; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; display: flex; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: 100vh; overflow: auto; }
  .InternationalTaxICMSModal-header { display: none; }
  .InternationalTaxICMSModal-content { flex-direction: column; }
  .InternationalTaxICMSModal .font-sm-regular { width: 100%; }
}
.InternationalImportTaxModal { max-width: 490px; }
.InternationalImportTaxModal-header { margin-bottom: 16px; text-align: left; }
.InternationalImportTaxModal-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.InternationalImportTaxModal-content { margin-bottom: 24px; }
.InternationalImportTaxModal-content .font-sm-regular { font: var(--tom-font-sm-regular); }
.InternationalImportTaxModal-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
.ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: center; display: none; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; display: flex; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: 100vh; overflow: auto; }
  .InternationalImportTaxModal-header { display: none; }
  .InternationalImportTaxModal-content { flex-direction: column; }
  .InternationalImportTaxModal .font-sm-regular { width: 100%; }
}
.BasketPriceBox-prices { margin-bottom: 10px; display: flex; flex-direction: row; justify-content: space-between; }
.BasketPriceBox-prices-value { display: flex; justify-content: flex-end; }
.BasketPriceBox-prices-title { margin-right: 20px; display: flex; flex-direction: column; text-align: right; }
.BasketPriceBox-prices-values, .BasketPriceBox-prices-values--unavailable { color: rgb(64, 64, 64); }
.BasketPriceBox-prices-values--unavailable { color: rgb(185, 185, 185); text-decoration: line-through; }
.BasketPriceBox-unavailableWarning { padding-top: 20px; justify-content: right; color: rgb(64, 64, 64); text-align: right; }
@media (min-width: 996px) {
  .BasketPriceBox-price { display: flex; justify-content: flex-end; flex-direction: column; }
  .BasketPriceBox-prices { margin-right: 0px; }
  .BasketPriceBox-prices-values, .BasketPriceBox-prices-values--unavailable { display: inline-block; width: 224px; margin-right: 0px; }
  .BasketPriceBox-prices-free { color: rgb(89, 193, 12); font-weight: 700; font-size: 18px; margin-right: 50px; }
  .BasketPriceBox-prices-cash-to { display: flex; flex-direction: column; width: 235px; }
  .BasketPriceBox-prices-cash { font-size: 20px; font-weight: 700; }
  .BasketPriceBox-prices-to { font-weight: 400; font-size: 20px; }
  .BasketPriceBox-prices-delivery { font-weight: 500; font-size: 18px; width: 235px; }
  .BasketPriceBox-prices-withoutDiscount { font-weight: 500; font-size: 18px; width: 235px; }
  .BasketPriceBox-prices-titleTotal { font-size: 18px; margin-right: 24px; display: flex; align-items: center; gap: 5px; }
  .BasketPriceBox-prices-titleProducts { font-weight: 500; font-size: 18px; margin-right: 24px; }
  .BasketPriceBox-prices-titleBold { font-weight: 700; font-size: 20px; margin-right: 24px; }
}
@media (max-width: 995px) {
  .BasketPriceBox-prices { font-size: 14px; flex-wrap: wrap; }
  .BasketPriceBox-price { display: flex; justify-content: flex-end; flex-direction: column; margin: 16px 16px 8px; }
  .BasketContinueFloating-line { display: flex; justify-content: flex-end; }
  .BasketPriceBox-prices-title { width: initial; text-align: left; margin-left: 16px; }
  .BasketPriceBox-prices-values, .BasketPriceBox-prices-values--unavailable { margin-right: 20px; text-align: right; }
  .BasketPriceBox-prices-titleTotal { font-size: 14px; display: flex; flex-direction: row-reverse; align-items: center; gap: 5px; }
  .BasketPriceBox-prices-titleProducts { font-weight: 500; font-size: 14px; }
  .BasketPriceBox-prices-titleBold { font-weight: 700; font-size: 16px; }
  .BasketPriceBox-unavailableWarning { box-sizing: border-box; padding: 16px 16px 0px; background-color: rgb(244, 244, 244); text-align: center; width: 100%; }
  .BasketPriceBox-prices-cash-to { display: flex; flex-direction: column; align-items: end; }
  .BasketPriceBox-prices-cash { font-size: 16px; font-weight: 700; }
  .BasketPriceBox-prices-to { font-weight: 400; font-size: 16px; margin-left: 28px; }
  .BasketPriceBox-prices-delivery { font-weight: 500; font-size: 14px; }
  .BasketPriceBox-prices-free { color: rgb(89, 193, 12); font-weight: 700; font-size: 14px; }
  .BasketPriceBox-prices-withoutDiscount { font-weight: 500; font-size: 14px; }
}
.BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 250px; }
}
.BasketContinue-button:hover { background-color: rgb(72, 165, 36); }
.BasketContinue-button:active { background-color: rgb(55, 142, 22); }
.BasketContinue-button:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 250px; }
}
.BasketContinue-button:hover { background-color: rgb(72, 165, 36); }
.BasketContinue-button:active { background-color: rgb(55, 142, 22); }
.BasketContinue-button:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BasketContinue-actions { margin-right: 0px; line-height: 40px; display: flex; justify-content: flex-end; }
.BasketContinue-button-buyMore { background-color: transparent; }
.BasketContinue-information-promocode-vale { color: rgb(185, 185, 185); font-size: 12px; line-height: 1.5; }
.BasketContinue-button:hover { background-color: rgb(72, 165, 36); }
.BasketContinue-button[disabled], .BasketContinue-button[disabled]:hover { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BasketContinue-button:active { background-color: rgb(55, 142, 22); }
@media (min-width: 996px) {
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 235px; }
  .BasketContinue-buyMore { margin-right: 24px; font-size: 14px; text-align: right; }
  .BasketContinue-information-promocode-vale { display: flex; justify-content: flex-end; margin-top: 10px; margin-right: 6px; text-align: center; }
}
@media (max-width: 995px) {
  .BasketContinue { padding: 16px 0px 1px; background-color: rgb(244, 244, 244); }
  .BasketContinue-actions { display: flex; flex-flow: column-reverse; padding-right: 10px; padding-left: 10px; }
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 100%; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0.05em; }
  .BasketContinue-buyMore { font-size: 14px; text-align: center; color: var(--tom-color-interaction-darker); font-weight: 700; }
  .BasketContinue-button-buyMore { margin: var(--tom-spacing-2xsm) 0; padding: var(--tom-spacing-xsm); }
  .BasketContinue-information-promocode-vale { margin-bottom: 16px; text-align: center; }
}
@keyframes animateHide { 
  0% { opacity: 1; }
  100% { opacity: 0; bottom: -100vh; }
}
@keyframes animateShow { 
  0% { opacity: 0; bottom: -100vh; }
  100% { opacity: 1; }
}
.BasketContinueFloating { position: fixed; bottom: 0px; width: 100%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 13px 2px; padding: 18px 16px 36px; animation-name: animateHide; animation-duration: 120ms; animation-timing-function: ease; animation-fill-mode: forwards; }
@media (min-width: 996px) {
  .BasketContinueFloating { display: none; }
}
.BasketContinueFloating--show { z-index: 20; animation-name: animateShow; animation-duration: 120ms; animation-timing-function: ease; animation-fill-mode: forwards; }
.BasketContinueFloating-table { margin-bottom: 10px; font-weight: 500; font-size: 14px; }
.BasketContinueFloating-titleTotal { font-size: 16px; font-weight: 700; }
.BasketAddress-floating-free { font-size: 14px; font-weight: 700; color: rgb(88, 194, 46); }
.BasketContinueFloating-line { display: flex; justify-content: flex-end; }
@media (min-width: 996px) {
  .BasketContinueFloating-line { margin-top: 4px; }
}
.BasketContinueFloating-value { font-weight: 500; }
.BasketContinueFloating-title-value { display: flex; align-items: center; gap: 5px; }
.BasketContinueFloating-value-delivery { font-weight: 500; }
.BasketContinueFloating-value-shipment { display: flex; flex-direction: column; align-items: end; font-size: 16px; }
.BasketContinueFloating-value-shipment p:first-child { font-weight: 700; }
.BasketContinueFloating-separator { border-bottom: 1px solid rgb(229, 229, 229); margin: 10px 0px; }
@media (max-width: 995px) {
  .BasketContinueFloating-line { display: flex; justify-content: space-between; margin-bottom: 8px; }
}
.ZipcodeForm-input { border-radius: 4px 0px 0px 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto 0px 0px; width: 120px; padding: 0px 10px; }
@media (min-width: 996px) {
  .ZipcodeForm-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .ZipcodeForm-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .ZipcodeForm-input::placeholder { color: transparent; }
}
.ZipcodeForm-input { padding-top: 2px; }
.ZipcodeForm { display: inline; }
.ZipcodeForm-link { margin-left: 56px; }
@media (max-width: 995px) {
  .ZipcodeForm { display: inline-flex; margin-top: 4px; width: 100%; }
  .ZipcodeForm-input { height: 44px; font-size: 16px; width: 70%; }
  .ZipcodeForm-input::placeholder { color: rgb(140, 140, 140); }
  .ZipcodeForm-link { margin-left: 4px; margin-top: 12px; line-height: 19.69px; width: 100%; }
  .ZipcodeForm .buttonWithin { width: 50px; font-size: 16px; height: 44px; font-weight: 500; }
  .ZipcodeForm .buttonWithin-text { position: relative; top: -3px; }
}
.ButtonLink { border: 0px; background: none; text-decoration: underline; color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .ButtonLink { display: block; }
}
.ButtonLink { border: 0px; background: none; text-decoration: underline; color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .ButtonLink { display: block; }
}
.ButtonLink { color: var(--tom-color-interaction-default); }
@media (max-width: 995px) {
  .ButtonLink { margin-left: 10px; }
}
.ButtonLink__label { display: none; font-size: 16px; font-weight: 400; line-height: 18.4px; }
.ButtonLink__icon { display: inline-block; }
@media (min-width: 996px) {
  .ButtonLink__label { display: block; margin-top: 6px; }
  .ButtonLink__icon { display: none; }
}
.BasketAddress-address-change { border: 0px; background: none; text-decoration: underline; color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .BasketAddress-address-change { display: block; }
}
.BasketAddress { display: flex; }
.BasketAddress-alterZipcode { display: flex; align-items: center; margin-bottom: 9.04px; }
.BasketAddress-alterZipcode > :first-child { margin-right: 8px; font-size: 16px; font-weight: 400; line-height: 18.97px; }
.BasketAddress-address-change__icon { display: none !important; }
.BasketAddress-shipmentCost { color: rgb(0, 131, 202); }
.BasketAddress-labelContainer { display: flex; justify-content: space-between; margin-bottom: 8px; align-items: center; }
.BasketAddress-firstLabel { font-size: 17px; font-weight: 400; margin-bottom: 8px; line-height: 19.55px; }
.BasketAddress-secondLabel { font-size: 17px; font-weight: 700; line-height: 19.55px; }
.BasketAddress-free { color: rgb(88, 194, 46); font-weight: 700; }
.BasketAddress-address { width: 100%; }
@media (min-width: 996px) {
  .BasketAddress { line-height: 40px; }
  .BasketAddress-address-firstLine { display: flex; flex-direction: column; max-width: 450px; font-size: 17px; line-height: 19.92px; }
  .BasketAddress-address-secondLine { font-size: 16.7px; font-weight: 400; line-height: 25.5px; }
}
@media (max-width: 995px) {
  .BasketAddress { justify-content: space-between; border-bottom: 2px solid rgb(229, 229, 229); margin-top: 16px; }
  .BasketAddress-address { font-size: 12px; border-top: 16px solid rgb(240, 243, 244); margin-top: -24px; }
  .BasketAddress-free { align-self: flex-end; }
  .BasketAddress-address-firstLine { font-size: 16px; font-weight: 400; line-height: 1.5; display: flex; flex-direction: column; margin: 24px 16px; }
  .BasketAddress-address-secondLine { line-height: 1.5; font-size: 12px; font-weight: 400; }
  .BasketAddress-alterZipcode { justify-content: space-between; }
  .BasketAddress-zipcode::before { font-size: 16px; font-weight: 400; }
  .BasketAddress-address-change { text-decoration: none; }
  .BasketAddress-address-change__label { color: var(--tom-color-interaction-darker); font: var(--tom-font-xsm-bold); }
  .BasketAddress-shipmentCost { display: flex; justify-content: flex-end; margin-right: 20px; font-size: 15px; font-weight: 400; }
  .BasketAddress-firstLabel { font-size: 16px; font-weight: 400; margin-bottom: 8px; color: rgb(93, 93, 93); }
  .BasketAddress-secondLabel { font-size: 16px; color: rgb(93, 93, 93); }
}
.CardLuiza { margin-top: 5px; color: rgb(64, 64, 64); font-size: 13px; font-weight: 400; }
.CardLuiza__icon-cardluiza { margin-right: 24px; }
.CardLuiza__icon-cardluiza svg { width: 34px; }
@media (min-width: 996px) {
  .CardLuiza { display: inline-flex; }
  .CardLuiza__text-luiza { width: 235px; }
  .BasketPriceBox-prices .CardLuiza { display: flex; justify-content: flex-end; margin-left: 92px; }
}
@media (max-width: 995px) {
  .CardLuiza { display: flex; text-align: right; justify-content: flex-end; margin: 0px 16px 16px; }
  .OrderReviewTotals .CardLuiza { float: right; margin-top: 5px; margin-right: 15px; margin-left: 0px; text-align: right; }
  .CardLuiza__icon-cardluiza { display: none; }
}
.BasketPriceBox { display: flex; padding-top: 5px; padding-bottom: 24px; justify-content: space-between; }
.BasketPriceBox-unavaible { display: flex; width: 100%; justify-content: right; }
@media (min-width: 996px) {
  .BasketPriceBox { flex-direction: column; padding: 24px 12px; border-radius: 3px; background-color: rgb(240, 243, 244); position: relative; z-index: 2; }
}
@media (max-width: 995px) {
  .BasketPriceBox { flex-flow: column wrap; z-index: 2; }
  .BasketPriceBox-shipment { width: 100%; }
  .BasketPriceBox-prices--values, .BasketPriceBox-price { width: 100%; }
}
.BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { width: 250px; }
}
.BobbyCompactProduct-button:hover { background-color: rgb(72, 165, 36); }
.BobbyCompactProduct-button:active { background-color: rgb(55, 142, 22); }
.BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { border: 1px solid rgb(88, 194, 46); background-color: rgb(255, 255, 255); color: rgb(88, 194, 46); }
.BobbyCompactProduct-button:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BobbyCompactProduct { float: left; width: 468px; margin-right: 20px; }
.BobbyCompactProduct-title { float: left; width: 346px; margin-right: 20px; cursor: pointer; }
.BobbyCompactProduct-price { float: left; width: 346px; margin-right: 20px; margin-bottom: 10px; cursor: pointer; }
.BobbyCompactProduct-productRow { float: left; width: 100%; margin-right: 20px; }
.BobbyCompactProduct-productRow:hover .BobbyCompactProduct-title, .BobbyCompactProduct-productRow:hover .BobbyCompactProduct-price { text-decoration: underline; }
.BobbyCompactProduct-productRow-left { float: left; width: 102px; margin-right: 20px; cursor: pointer; }
.BobbyCompactProduct-productRow-right { float: right; width: 346px; margin-right: 0px; }
.BobbyCompactProduct-title-link { color: rgb(64, 64, 64); text-decoration: none; }
.BobbyCompactProduct-price-link { color: rgb(93, 93, 93); font-size: 16px; font-weight: 600; text-decoration: none; }
.BobbyCompactProduct-buttonRow { float: left; width: 100%; margin-right: 20px; }
.BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { float: left; width: 102px; margin-right: 20px; margin-left: 122px; font-size: 14px; line-height: 30px; }
.BobbyCompactProduct-button:hover { border: 1px solid rgb(72, 165, 36); color: rgb(72, 165, 36); }
.BobbyCompactProduct-button:active { border: 1px solid rgb(55, 142, 22); color: rgb(55, 142, 22); }
.BobbyCompactProduct-button-icon, .BobbyCompactProduct-button-icon:hover, .BobbyCompactProduct-button-icon:active { width: 16px; height: 16px; vertical-align: sub; fill: rgb(88, 194, 46); }
.BobbyCompactProduct-button-icon:hover { fill: rgb(72, 165, 36); }
.BobbyCompactProduct-button-icon:active { fill: rgb(55, 142, 22); }
@media (max-width: 995px) {
  .BobbyCompactProduct-title-link, .BobbyCompactProduct-price-link { width: 100%; padding: 2% 0px; font-size: 14px; text-align: left; }
  .BobbyCompactProduct { width: 100vw; margin-right: 0px; }
  .BobbyCompactProduct img { width: 25vw; }
  .BobbyCompactProduct-productRow { width: 100%; margin: 0px; }
  .BobbyCompactProduct-productRow-left { width: 30%; margin: 0px; }
  .BobbyCompactProduct-productRow-right { width: 70%; margin: 0px; }
  .BobbyCompactProduct-title { width: auto; }
  .BobbyCompactProduct-price { width: auto; }
  .BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { margin-left: 30%; }
}
.BobbyArrow-left, .BobbyArrow-left--disabled, .BobbyArrow-right, .BobbyArrow-right--disabled { position: absolute; top: calc(50% - 15px); width: 20px; height: 30px; cursor: pointer; fill: rgb(0, 131, 202); }
.BobbyArrow-left, .BobbyArrow-left--disabled { left: -24px; }
.BobbyArrow-right, .BobbyArrow-right--disabled { right: -24px; }
.BobbyArrow-left--disabled { fill: rgb(140, 140, 140); }
.BobbyArrow-right--disabled { fill: rgb(140, 140, 140); }
@media (max-width: 995px) {
  .BobbyArrow-left, .BobbyArrow-left--disabled, .BobbyArrow-left--disabled, .BobbyArrow-right, .BobbyArrow-right--disabled, .BobbyArrow-right--disabled { visibility: hidden; }
}
.BobbyCarousel { padding-top: 44px; }
.BobbyCarousel:last-of-type { padding-bottom: 8px; }
.BobbyCarousel--larger { margin-right: 20px; padding-top: 50px; }
.BobbyContainer, .BobbyContainer--compact { padding-top: 2px; }
.BobbyCarousel--larger:last-of-type .BobbyContainer, .BobbyCarousel--larger:last-of-type .BobbyContainer--compact { padding-bottom: 22px; }
.BobbyContainer-title, .BobbyContainer-title--bigger { margin-left: 12px; color: rgb(0, 131, 202); }
.BobbyContainer-title--bigger { font-size: 24px; }
.stewie-bold { font-weight: 700; }
.slick-slider { position: relative; }
.slick-list { overflow: hidden; width: 100%; padding: 10px 10px 25px; }
.slick-track { display: flex; align-items: stretch; }
.slick-slide { display: flex; float: left; }
.slick-slide > div { display: flex; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button::before { font-size: 25px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; }
.slick-dots li.slick-active button::before { opacity: 0.75; }
@media (min-width: 996px) {
  .BobbyCarousel { margin-right: 20px; padding-top: 20px; }
  .BobbyContainer .slick-slide > div:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px; }
}
@media (max-width: 995px) {
  .BobbyContainer-title, .BobbyContainer-title--bigger { margin-left: 12px; text-align: left; }
}
.EmptyBasket-page-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .EmptyBasket-page-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.EmptyBasket-title { font-weight: 700; }
.EmptyBasket-box { margin-top: 20px; padding: 20px; background-color: rgb(244, 244, 244); }
@media (min-width: 996px) {
  .EmptyBasket { width: 100%; }
  .EmptyBasket-box { border-radius: 4px; float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; }
  .EmptyBasket-title { padding-top: 30px; }
  .EmptyBasket-asset { float: left; }
}
@media (max-width: 995px) {
  .EmptyBasket-box { text-align: center; }
  .EmptyBasket-page-title { margin-top: 10px; margin-bottom: 0px; margin-left: 20px; }
}
.BobbyProduct-link { display: block; color: rgb(93, 93, 93); text-decoration: none; }
.BobbyProduct-image { text-align: center; }
.BobbyProduct-stars { width: 95px; }
.BobbyProduct-title { margin: 10px 0px; font-size: 16px; line-height: 1.2; }
.BobbyProductTitle { color: rgb(93, 93, 93); font-weight: 400; font-size: 16px; text-align: left; }
.BobbyProduct-priceContainer { color: rgb(93, 93, 93); text-align: left; }
.BobbyProduct-price { float: left; width: 100%; margin-right: 20px; font-size: 16px; }
.BobbyProduct-price-link { font-weight: 700; }
.BobbyProduct-priceFrom { float: left; width: 100%; margin-right: 20px; color: rgb(93, 93, 93); }
.BobbyProduct-stockStatus { float: left; width: 100%; margin-right: 20px; }
@media (min-width: 996px) {
  .BobbyProduct { display: flex; width: 214px; margin: 10px 0px; padding: 10px; color: rgb(0, 0, 0); font-size: 12px; cursor: pointer; text-align: center; }
}
@media (max-width: 995px) {
  .BobbyProduct { width: 100%; }
  .BobbyProduct-image { width: 90%; }
  .BobbyProduct-price-link { font-size: 18px; }
  .BobbyProduct-installment { color: rgb(93, 93, 93); font-size: 12px; }
  .BobbyProductTitle { font-weight: 500; font-size: 14px; }
}
.GenericFooter { color: rgb(93, 93, 93); font-size: 14px; text-align: center; }
@media (min-width: 996px) {
  .GenericFooter--full { display: inline-flex; }
}
@media (max-width: 995px) {
  .GenericFooter--full { order: 99; width: 90%; margin: 0px auto; }
}
.grecaptcha-badge { z-index: 20; }
.ButtonShowPassword { border: 0px; background: none; display: flex; position: absolute; align-items: center; justify-content: space-around; top: 0px; }
@media (min-width: 996px) {
  .ButtonShowPassword { margin-left: -50px; width: 40px; height: 40px; }
}
@media (max-width: 995px) {
  .ButtonShowPassword { right: 0px; width: 51px; height: 52px; }
}
.FormGroup-textarea, .FormGroup-input { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .FormGroup-textarea, .FormGroup-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .FormGroup-textarea, .FormGroup-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .FormGroup-textarea::placeholder, .FormGroup-input::placeholder { color: transparent; }
}
.FormGroup-input--withError, .input--withError { border-color: rgb(226, 83, 53); }
.FormGroup-input--withError:focus, .input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
.FormGroup-textarea, .FormGroup-input { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .FormGroup-textarea, .FormGroup-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .FormGroup-textarea, .FormGroup-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .FormGroup-textarea::placeholder, .FormGroup-input::placeholder { color: transparent; }
}
.FormGroup-input--withError, .input--withError { border-color: rgb(226, 83, 53); }
.FormGroup-input--withError:focus, .input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
.FormGroup { position: relative; display: flex; margin-bottom: 20px; }
@media (max-width: 995px) {
  .FormGroup { flex-flow: column; }
}
.FormGroup--last, .FormGroup--thin { margin-bottom: 10px; }
.FormGroup--multiple { display: flex; }
@media (min-width: 996px) {
  .FormGroup--multiple .FormGroup-inputGroup { width: 40%; }
  .FormGroup--multiple .FormGroup-label { width: 346px; }
}
@media (max-width: 995px) {
  .FormGroup--multiple { display: flex; justify-content: space-between; }
  .FormGroup--multiple .FormGroup { width: 48%; }
}
@media (min-width: 996px) {
  .FormGroup-label { display: inline-flex; align-items: center; justify-content: flex-end; width: 346px; height: 40px; margin-right: 20px; line-height: 1.5; text-align: right; }
}
@media (max-width: 995px) {
  .FormGroup-label { position: absolute; top: 16px; left: 10px; padding-left: 6px; color: rgb(140, 140, 140); }
  .FormGroup-label-icon { margin-left: 32px; }
}
.FormGroup-input-icon { padding-left: 38px; }
@media (max-width: 995px) {
  .FormGroup-radioLabel { position: static; padding-bottom: 10px; color: initial; font-size: 14px; font-weight: bold; }
  .FormGroup-inputGroup { display: inline; width: 100%; }
}
@media (min-width: 996px) {
  .FormGroup-inputGroup { width: 400px; }
  .FormGroup-inputGroup--long { width: 250px; }
  .FormGroup-inputGroup--small { width: 185px; }
  .FormGroup-inputGroup--extraSmall { width: 120px; }
}
.FormGroup-radioGroup { display: inline-flex; }
.FormGroup-radioOption { display: inline-flex; align-items: center; margin-right: 20px; }
.FormGroup-radio, .FormGroup-radioOption > [class^="InputRadioButton"] { margin-right: 10px; }
.FormGroup-textarea { height: 200px; margin-right: 20px; line-height: 1.5; }
@media (min-width: 996px) {
  .FormGroup-textarea { width: 250px; }
}
@media (max-width: 995px) {
  .FormGroup-textarea { width: 100%; }
}
.FormGroup-textarea--withError { border-color: rgb(226, 83, 53); }
.FormGroup-input { width: 100%; }
.FormGroup-errorMessage { display: flex; color: rgb(226, 83, 53); line-height: 1.5; }
@media (max-width: 995px) {
  .FormGroup-errorMessage { text-align: initial; }
}
@media (min-width: 996px) {
  .FormGroup-errorMessage { width: 110%; }
}
.FormGroup-errorMessage--break { white-space: normal; }
@media (min-width: 996px) {
  .FormGroup-errorMessage--break { width: 400px; }
}
@media (max-width: 995px) {
  .FormGroup-feedback { display: none; }
}
@media (min-width: 996px) {
  .FormGroup-feedback { width: 35px; }
  .FormGroup-children { align-self: flex-start; margin-top: 6px; margin-right: 10px; margin-left: 10px; }
  .FormGroup-cvv .FormGroup-children { display: flex; width: 40%; height: 40px; margin-top: 0px; }
}
.FormGroup-cvv { position: relative; display: flex; margin-bottom: 20px; }
.FormGroup-cvv div:first-child { margin-right: 6px; }
.FormGroup-icon-card { position: absolute; margin: 0px 12px; fill: rgb(139, 139, 139); width: 18px; }
@media (min-width: 996px) {
  .FormGroup-icon-card { top: -7px; }
}
.FormGroup-icon-user { position: absolute; margin: 0px 12px; }
@media (max-width: 995px) {
  .FormGroup-icon-user { top: 18px; }
}
@media (min-width: 996px) {
  .FormGroup-icon-user { top: 12px; }
}
@media (max-width: 995px) {
  .FormGroup--withIcon .FormGroup-inputGroup { width: calc(100% - 40px); }
  .FormGroup--withIcon .FormGroup-feedback { display: inline-flex; }
  .FormGroup--withIcon .ButtonLink { position: absolute; top: 20px; right: 10px; }
  input:-webkit-autofill + label, .active--input { top: 0px; left: 0px; color: rgb(140, 140, 140); font-size: 80%; transition: 0.125s; }
}
.LoginBox-form-continue { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .LoginBox-form-continue { width: 250px; }
}
.LoginBox-form-continue:hover { background-color: rgb(72, 165, 36); }
.LoginBox-form-continue:active { background-color: rgb(55, 142, 22); }
.LoginBox-form-continue:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.LoginBox-title { margin-bottom: 20px; margin-left: 182px; font-size: 18px; font-weight: 700; }
@media (min-width: 996px) {
  .LoginBox-form { margin-bottom: 20px; }
}
.LoginBox-form-continue { margin-left: 182px; }
.LoginBox-help { margin-left: 182px; color: rgb(140, 140, 140); font-size: 14px; }
@media (max-width: 995px) {
  .LoginBox-help { margin-bottom: 10px; }
}
.LoginBox-strong { color: rgb(66, 74, 82); }
.LoginBox-form-error--unique { margin-bottom: var(--tom-spacing-sm); display: flex; flex-direction: column; border-radius: var(--tom-radius-sm); border-width: var(--tom-border-thin); border-color: var(--tom-color-danger-default); background-color: var(--tom-color-danger-lighter-inverted); padding-top: ; padding-bottom: ; padding-left: ; padding-right: var(--tom-spacing-md); color: var(--tom-color-on-surface-2); }
.overflow-x-shadow.LoginBox-form-error--unique { background-image: linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)); }
.LoginBox-form-error--unique { font: var(--tom-font-2xsm-regular); }
@media (min-width: 744px) {
  .LoginBox-form-error--unique { margin-left: 182px; width: 250px; }
}
@media (max-width: 995px) {
  .LoginBox .FormGroup, .SignupBox .FormGroup { margin-bottom: 5px; }
  .LoginBox-title { margin: 0px; font-size: 14px; font-weight: 600; }
  .LoginBox-form-continue { width: 100%; height: 50px; margin: 0px; }
  .LoginBox-help { margin-top: 5px; margin-left: 0px; }
  .LoginBox-redirect { margin-top: 5px; margin-left: 0px; }
  .LoginBox-form-error--unique { margin-top: 0px; margin-left: 0px; }
}
@media (min-width: 996px) {
  .LoginBox, .SignupBox { display: flex; flex-flow: column; align-items: flex-start; }
  .LoginBox-form .FormGroup-label { width: 162px; }
}
.MaxAttemptsContent { display: flex; flex-direction: column; align-items: center; gap: var(--tom-spacing-md); padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); }
.MaxAttemptsLabel { text-align: center; font: var(--tom-font-xsm-bold); }
.bottom-sheet-header { border-bottom: none !important; }
.bottom-sheet-content { padding-bottom: 0px !important; padding-top: 0px !important; }
.bottom-sheet-footer { border-top: none !important; }
.SocialLoginBox { padding: 5px 0px; text-align: center; display: flex; align-items: center; justify-content: center; }
@media (max-width: 995px) {
  .SocialLoginBox { flex-direction: column; }
}
.SocialLoginBox-group-buttons { display: flex; align-items: center; }
.SocialLoginBox-button, .SocialLoginBox-button--FB, .SocialLoginBox-button--Google { width: 20px; height: 20px; margin-left: 10px; cursor: pointer; vertical-align: middle; }
.SocialLogin-Facebook, .SocialLogin-Google { width: 136px; margin: 0px 9px; padding: 5px 6px; border: 0px; border-radius: 3px; text-align: left; }
.SocialLogin-Facebook { margin: 4px; background-color: rgb(66, 103, 178); }
.SocialLogin-Google { margin: 4px; background-color: rgb(242, 242, 242); }
.SocialLoginBox-button--ButtonNameFB, .SocialLoginBox-button--ButtonNameGoogle { margin-left: 10px; font-size: 15px; }
.SocialLoginBox-button--ButtonNameFB { color: rgb(255, 255, 255); }
.SocialLoginBox-button--ButtonNameGoogle { color: rgb(0, 0, 0); }
.SocialLoginBox--InformationLogin { padding: 6px; }
@media (max-width: 995px) {
  .SocialLoginBox--InformationLogin { display: block; }
  .SocialLoginBox--Divider { display: inline-block; width: 100%; margin-top: 5px; margin-bottom: 5px; }
  .SocialLoginBox { margin-top: -15px; padding: 0px; }
}
.LoginPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .LoginPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.LoginPage-mainContainer { display: flex; padding-top: 20px; padding-bottom: 20px; }
.LoginPage-leftContainer { width: 48.8494%; margin-right: 20px; border-right: 1px solid rgb(229, 229, 229); }
.LoginPage-rightContainer { width: 48.954%; }
.LoginPage-socialContainer { margin-top: 20px; }
@media (max-width: 995px) {
  .LoginPage { box-sizing: border-box; padding: 10px; }
  .LoginPage-title { margin-top: 1px; margin-left: 0px; }
  .LoginPage-mainContainer { flex-flow: column; padding-top: 0px; }
  .LoginPage-leftContainer { order: 3; width: 100%; border-right: 0px; }
  .LoginPage-rightContainer { order: 2; width: 100%; }
  .LoginPage-socialContainer { margin-top: 0px; }
}
.InputRadioButton, .radio-button-off, .radio-button-on { display: none; }
.InputRadioButton--on, .InputRadioButton--off { display: inline-block; vertical-align: middle; }
.InputRadioButton--on .radio-button-on { display: block; }
.InputRadioButton--off .radio-button-off { display: block; }
@media (min-width: 996px) {
  .SignupForm, .EditRegistrationPage { margin-top: 20px; }
  .SignupForm .AddressForm, .EditRegistrationPage .AddressForm { flex-flow: column; margin-bottom: 20px; }
  .SignupForm .AddressForm .AddressForm-form-group, .EditRegistrationPage .AddressForm .AddressForm-form-group { margin-left: 195px; }
  .SignupForm .AddressForm .FormGroup-label, .EditRegistrationPage .AddressForm .FormGroup-label { margin-left: -195px; }
  .SignupForm .continueButton, .EditRegistrationPage .continueButton { margin-left: 367px; }
}
@media (max-width: 995px) {
  .SignupForm, .EditRegistrationPage { padding-top: 6px; }
}
.hide { display: none; visibility: hidden; }
@media (min-width: 996px) {
  .SignupPolicy { display: inline-block; margin-bottom: 25px; }
}
@media (max-width: 995px) {
  .SignupPolicy { display: contents; }
}
.SignupFormPF::after { display: table; clear: both; content: ""; }
.SignupFormPF-redirect-me { align-items: center; margin-top: -15px; font-size: 12px; }
@media (min-width: 996px) {
  .SignupFormPF-redirect-me { margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupFormPF-redirect-me { margin-right: 10px; margin-bottom: 20px; }
}
.SignupFormPF-strong { color: rgb(66, 74, 82); font-weight: 600; }
.SignupFormPF-link { color: rgb(66, 74, 82); background-color: transparent; text-decoration: underline; }
.SignupFormPF-divider-line { height: 1px; border: 0px; margin-top: -15px; margin-bottom: 25px; background-color: rgb(203, 203, 203); }
@media (min-width: 996px) {
  .SignupFormPF-divider-line { margin-left: 366px; }
}
.CheckboxGroup { margin-right: 10px; margin-bottom: 20px; }
@media (min-width: 996px) {
  .CheckboxGroup { display: flex; position: relative; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
.CheckboxGroup-input { position: absolute; width: 20px; height: 20px; }
.checked--icon { width: 16px; height: 15px; margin-top: 1px; margin-left: 1px; fill: rgb(255, 255, 255); }
.unchecked--icon { visibility: hidden; }
.CheckboxGroup--state-checked, .CheckboxGroup--state-unchecked { position: absolute; width: 20px; height: 20px; margin-right: 10px; border: 1px solid rgb(0, 131, 202); border-radius: 4px; background: rgb(0, 131, 202); transition: 0.125s; }
.CheckboxGroup--state-unchecked { border-color: rgb(140, 140, 140); background: rgb(255, 255, 255); transition: 0.125s; }
.CheckboxGroup-labelText { margin-left: 30px; }
.SignupFormPJ::after { display: table; clear: both; content: ""; }
@media (max-width: 995px) {
  .FormGroup-state-registration { display: inline-block; padding-top: 10px; }
}
@media (min-width: 996px) {
  .FormGroup-state-registration .CheckboxGroup { margin: 0px; }
}
.SignupFormPJ-divider-line { height: 1px; border: 0px; margin-top: -15px; margin-bottom: 25px; background-color: rgb(203, 203, 203); }
@media (min-width: 996px) {
  .SignupFormPJ-divider-line { margin-left: 366px; }
}
.AddressForm::after { display: table; clear: both; content: ""; }
@media (min-width: 996px) {
  .AddressForm { display: flex; }
  .AddressForm-form-label-cancel { margin-right: 20px; padding-left: 20px; }
  .AddressForm-form-label--large { display: inline-flex; justify-content: flex-end; width: 300px; margin-right: 20px; margin-left: 179px; padding-top: 10px; }
}
.AddressForm-form-label-cancel { display: inline-flex; justify-content: flex-end; }
.AddressForm-form-zipcode-link { display: inline-flex; }
@media (max-width: 995px) {
  .AddressForm-form-zipcode-link { margin-top: 10px; }
}
.AddressForm-cancel { width: 590px; margin-right: 0px; margin-left: 366px; }
@media (min-width: 996px) {
  .AddressForm-form-group-cancel { margin-left: 263px; }
}
@media (max-width: 995px) {
  .AddressForm [name="zipcode"]::placeholder { color: rgb(140, 140, 140); }
  .AddressForm-form-label--large { position: initial; justify-content: flex-start; width: 100%; padding-top: 8px; color: rgb(140, 140, 140); }
  .AddressForm-form-label--large.active--input { padding-top: 12px; }
  .AddressForm-form-group-cancel { display: flex; align-items: center; }
  .AddressForm .FormGroup-inputGroup { text-align: left; }
  .AddressForm-form-zipcode-link--href { display: flex; }
}
.SignupNotificationsPF { margin-bottom: 40px; }
@media (min-width: 996px) {
  .SignupNotificationsPF { margin-top: -40px; }
}
.SignupNotificationsPF-title b { margin-right: 5px; }
@media (min-width: 996px) {
  .SignupNotificationsPF-title { font-size: 18px; }
}
.SignupNotificationsPF-description { display: block; margin-bottom: 25px; }
@media (min-width: 996px) {
  .SignupNotificationsPF-description { margin-left: 366px; }
}
.SignupNotificationsPF-icon { margin-right: 6px; }
.SignupNotificationsPF-iconDescription { font-weight: 500; }
.SignupNotificationsPF-checkboxGroup, .SignupNotificationsPF-title { display: inline-flex; align-items: center; }
@media (min-width: 996px) {
  .SignupNotificationsPF-checkboxGroup, .SignupNotificationsPF-title { width: 373px; margin-top: 25px; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupNotificationsPF-checkboxGroup, .SignupNotificationsPF-title { margin-right: 10px; margin-bottom: 20px; }
}
.SignupNotificationsPJ { margin-bottom: 40px; }
@media (min-width: 996px) {
  .SignupNotificationsPJ { margin-top: -40px; }
  .SignupNotificationsPJ-title { font-size: 18px; }
}
.SignupNotificationsPJ-description { display: block; margin-bottom: 25px; }
@media (min-width: 996px) {
  .SignupNotificationsPJ-description { margin-left: 366px; }
}
.SignupNotificationsPJ-icon { margin-right: 6px; }
.SignupNotificationsPJ-iconDescription { font-weight: 500; }
.SignupNotificationsPJ-checkboxGroup, .SignupNotificationsPJ-title { display: inline-flex; align-items: center; }
@media (min-width: 996px) {
  .SignupNotificationsPJ-checkboxGroup, .SignupNotificationsPJ-title { width: 373px; margin-top: 25px; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupNotificationsPJ-checkboxGroup, .SignupNotificationsPJ-title { margin-right: 10px; margin-bottom: 20px; }
}
.SignupOptInMagaluPay { margin-bottom: 20px; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay { margin-top: -40px; }
}
.SignupOptInMagaluPay-title b { margin-right: 5px; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay-title { font-size: 16px; }
}
.SignupOptInMagaluPay-description { display: block; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay-description { margin-left: 366px; }
}
.SignupOptInMagaluPay-icon { margin-right: 6px; }
.SignupOptInMagaluPay-terms-link { text-decoration: none; }
.SignupOptInMagaluPay-info, .SignupOptInMagaluPay-terms-link { color: rgb(0, 134, 255); font-weight: 600; cursor: pointer; }
.SignupOptInMagaluPay-terms, .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { display: inline-flex; align-items: center; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay-terms, .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { width: 463px; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupOptInMagaluPay-terms, .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { flex-wrap: wrap; margin-right: 10px; margin-bottom: 20px; }
}
@media (min-width: 996px) {
  .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { margin-top: 24px; }
}
.DeliveryModeButtons-wrapper { display: flex; align-items: center; width: 100%; margin: 1rem auto 0px; flex-direction: column; }
.DeliveryModeButtons-wrapper button:nth-child(1) { margin-bottom: 12px; }
.DeliveryModeButtons-btn { padding: 18px; font-size: 14px; background-color: rgb(255, 255, 255); border-radius: 6px; width: 100%; max-width: 328px; border: none; display: flex; align-items: center; justify-content: space-between; box-shadow: rgba(87, 85, 85, 0.12) 0px 4px 20px 0px; }
@media (max-width: 995px) {
  .DeliveryModeButtons-btn { max-width: unset; }
}
.DeliveryModeButtons-btn-content { display: flex; justify-content: start; align-items: center; }
.DeliveryModeButtons-btn-content svg { margin: 0px 15px 0px 0px !important; }
.DeliveryModeButtons-btn-content :nth-child(2) { text-align: left; max-width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 500; font-size: 14px; line-height: 16px; }
@media (max-width: 995px) {
  .DeliveryModeButtons-btn-content { max-width: 88%; }
}
.DeliveryModeButtons-btn-info { color: rgb(0, 134, 255); }
.DeliveryModeButtons-svg-hidden { width: 20px; height: 20px; color: var(--tom-color-brand-default); font-size: 40px; display: flex; align-items: center; margin-right: 10px !important; margin-bottom: 0px !important; }
.DeliveryModeButtons-btn__svg { width: 24px; height: 24px; font-size: 26px; color: var(--tom-color-brand-default); margin-right: 15px !important; margin-bottom: 0px !important; }
.SelectEmailOrSms-wrapper, .SelectEmailOrSms-wrapper-modal { margin-top: 32px; padding: 40px; text-align: center; background-color: rgb(255, 255, 255); border-radius: 15px; width: 408px; height: 405px; }
@media (max-width: 995px) {
  .SelectEmailOrSms-wrapper, .SelectEmailOrSms-wrapper-modal { background-color: var(--tom-color-on-surface-9); padding-right: ; padding-bottom: ; padding-left: ; padding-top: var(--tom-spacing-2xlg); border-radius: 0px; margin-top: 0px; width: 100vw; height: 100vh; }
}
@media (min-width: 996px) {
  .SelectEmailOrSms-wrapper-modal { margin: auto; width: auto; height: auto; padding: 0px; }
}
@media (max-width: 995px) {
  .SelectEmailOrSms-wrapper-modal { width: auto; height: 100vh; }
}
.SelectEmailOrSms-title { font-weight: 500; font-size: 2rem; margin: 8px 0px; text-align: center; }
.SelectEmailOrSms-text-info { display: inline-block; overflow-wrap: break-word; max-width: 262px; font-weight: 600; font-size: 18px; line-height: 26px; }
.SelectEmailOrSms-outlined-btn { margin-top: 22px; font-size: 1.2rem; border: none; background: transparent; color: rgb(0, 134, 255); }
.SelectEmailOrSms-outlined-btn:hover { text-decoration: underline; }
.SelectEmailOrSms-wrapper-error { display: flex; justify-content: center; margin-top: 1rem; max-width: 100%; color: rgb(226, 83, 53); }
.SelectEmailOrSms-wrapper-error span { margin-left: 5px; }
@media (max-width: 995px) {
  .SelectEmailOrSms-wrapper-error { padding: 0px 12px; }
}
.InputPinCode-wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; max-width: 380px; }
.InputPinCode-form { display: flex; width: 100%; max-width: 312px; height: 48px; align-items: center; justify-content: space-between; }
.InputPinCode-input { width: 42px; height: 48px; border: 1px solid var(--tom-color-on-surface-6); border-radius: 12px; font-weight: 400; color: var(--tom-color-on-surface-5); font-size: 1.5rem; text-align: center; gap: 8px; }
.InputPinCode-input:focus { border: 2px solid var(--tom-color-brand-default); outline: none; background-color: var(--tom-color-on-interaction-lighter); }
.InputPinCode-wrapper-error { display: flex; max-width: 312px; color: var(--tom-color-on-danger-default-inverted); margin-top: 4px; }
.InputPinCode-wrapper-error .ti { width: 24px; height: 24px; margin: 5px; }
.InputPinCode-message-error { text-align: left; }
.InputPinCode-error svg { width: 25px; height: 25px; }
.InputPinCode-error { border-color: var(--tom-color-on-danger-default-inverted); background-color: var(--tom-color-on-danger-lighter); }
.InputPinCode-success { border-color: var(--tom-color-success-lighter); }
.Timer { margin-top: 24px; text-align: center; }
.Timer-formattedTime { color: rgb(140, 140, 140); font-weight: 600; margin-left: -16px; }
.Timer-button { border: none; background-color: transparent; color: rgb(0, 134, 255); }
.Timer-button:disabled { color: rgb(140, 140, 140); }
.OtpErrorNotification-wrapper { position: fixed; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: var(--tom-color-on-brand-default); }
@media (min-width: 996px) {
  .OtpErrorNotification-wrapper { padding: 0px 15px; left: calc(-185px + 50vw); margin-left: auto; margin-right: auto; top: 27vh; border-radius: var(--tom-radius-lg); max-width: 360px; }
}
@media (max-width: 995px) {
  .OtpErrorNotification-wrapper { width: 100%; padding: 15px 16px 0px; left: 0px; margin-left: auto; margin-right: auto; bottom: 0px; border-top-left-radius: var(--tom-radius-2xlg); border-top-right-radius: var(--tom-radius-2xlg); }
}
.OtpOverlay { background-color: var(--tom-color-on-surface-2); opacity: var(--tom-opacity-20); position: fixed; width: 100%; height: 100%; right: 0px; top: 0px; }
.OtpErrorNotification-description { display: flex; flex-direction: column; width: 100%; align-items: center; max-width: 325px; }
@media (max-width: 995px) {
  .OtpErrorNotification-description { max-width: max-content; gap: 32px; margin-bottom: 16px; }
}
@media (min-width: 996px) {
  .OtpErrorNotification-description { margin-bottom: 32px; margin-top: 52px; gap: 16px; }
}
.OtpErrorNotification-title { font: var(--tom-font-lg-bold); color: var(--tom-color-on-surface-3); }
@media (max-width: 995px) {
  .OtpErrorNotification-title { font: var(--tom-font-md-bold); display: grid; grid-template-columns: 24px 1fr; align-self: baseline; gap: 13px; }
}
.OtpErrorNotification-title .warning-icon-amber { fill: rgb(204, 172, 0); }
.OtpErrorNotification-description p { font: var(--tom-font-xsm-regular); }
@media (max-width: 995px) {
  .OtpErrorNotification-description p { line-height: 25px; text-align: left; max-width: 328px; }
}
@media (min-width: 996px) {
  .OtpErrorNotification-description p { line-height: 18px; }
}
.OtpErrorNotification-btn { color: var(--tom-color-on-interaction-default); background-color: var(--tom-color-interaction-default); font: var(--tom-font-xsm-bold); width: 100%; height: 48px; border: none; }
@media (min-width: 996px) {
  .OtpErrorNotification-btn { border-radius: var(--tom-radius-lg); max-width: 305px; margin-bottom: 24px; }
}
@media (max-width: 995px) {
  .OtpErrorNotification-btn { max-width: 328px; border-radius: 8px; margin-bottom: 16px; }
}
.OtpClose .ti.ti-close { font-size: 24px; color: var(--tom-color-on-surface-3); cursor: pointer; }
.OtpClose { cursor: pointer; position: absolute; display: flex; right: 16px; top: 12px; max-width: fit-content; padding: 4px; border-radius: var(--tom-radius-2xlg); background-color: var(--tom-color-surface-container-low); }
.OtpCode-wrapper, .OtpCode-wrapper-modal { font-family: var(--tom-font-family); }
@media (max-width: 995px) {
  .OtpCode-wrapper, .OtpCode-wrapper-modal { text-align: center; padding: 16px; }
  .OtpCode-wrapper { padding: 0px 0px 120px; }
}
.OtpCode-content { display: flex; flex-direction: column; align-items: center; }
.OtpCode-info { width: 328px; text-align: justify; gap: 24px; }
@media (max-width: 995px) {
  .OtpCode-info { width: 100%; }
}
.OtpCode-title { white-space: nowrap; font-weight: 600; font-size: 22px; color: var(--tom-color-on-surface-2); }
.OtpCode-text-info { display: inline-block; overflow-wrap: break-word; max-width: 479px; margin-bottom: 24px; text-align: initial; }
.OtpCode-text-info__link { margin-top: 6px; }
.OtpCode-text-info__link a { cursor: pointer; font-weight: 400; font-size: 16px; line-height: 18px; color: var(--tom-color-brand-default); }
.OtpCode-info-user { font-weight: 700; }
.OtpCode-outlined-btn { margin-top: 48px; font-size: 16px; font-weight: 600; border: none; background: transparent; color: rgb(0, 134, 255); }
.OtpCode-outlined-btn:hover { text-decoration: underline; }
.ModalContainer { position: fixed; z-index: 2; top: 0px; bottom: 0px; left: 0px; float: left; overflow: hidden auto; width: 100%; margin-right: 20px; padding-top: 0px; background-color: rgb(255, 255, 255); }
.ModalContainer-CloseIcon { position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; cursor: pointer; fill: rgb(0, 131, 202); }
.DeliveryModal-header { margin-top: 23px; margin-bottom: 12px; color: rgb(0, 131, 202); font-size: 20px; font-weight: 700; text-align: center; display: block !important; }
.AddressModal-header { margin-top: 17px; margin-bottom: -54px; }
.SimpleLoader-wrapper { display: flex; backdrop-filter: blur(6px); align-items: center; justify-content: center; position: fixed; z-index: 30; inset: 0px; background-color: rgba(255, 255, 255, 0.35); }
.SimpleLoader-wrapper span { margin-left: 5px; font-size: 1rem; color: rgb(0, 134, 255); font-weight: 700; }
.SimpleLoader-circle { border-width: 3px; border-style: solid; border-color: rgb(0, 134, 255) rgb(229, 229, 229) rgb(229, 229, 229); border-image: initial; border-radius: 50%; width: 18px; height: 18px; animation: 1.2s linear 0s infinite normal none running spin; }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.ValidateAccountOtp, .ValidateAccountOtp-modal { display: flex; justify-content: center; text-align: center; background-color: rgb(255, 255, 255); border-radius: 15px; width: 408px; }
@media (min-width: 996px) {
  .ValidateAccountOtp, .ValidateAccountOtp-modal { padding: 40px; }
}
@media (max-width: 995px) {
  .ValidateAccountOtp, .ValidateAccountOtp-modal { margin-top: 0px; }
}
@media (min-width: 996px) {
  .ValidateAccountOtp-modal { margin: auto; width: auto; height: auto; padding: 0px; }
}
@media (max-width: 995px) {
  .ValidateAccountOtp-modal { width: auto; height: 100vh; }
}
.SuccessNotificationModal-wrapper { display: flex; align-items: center; flex-direction: column; text-align: center; }
.SuccessNotificationModal-wrapper span { max-width: 449px; }
.SuccessNotificationModal-wrapper span:first-of-type { margin-top: 12px; font-size: 1.5rem; font-weight: 700; }
.SuccessNotificationModal-wrapper button { padding: 18px; margin-top: 12px; color: rgb(255, 255, 255); font-weight: 700; background-color: rgb(0, 134, 255); border-radius: 6px; width: 100%; max-width: 328px; border: none; }
@media (min-width: 996px) {
  .SuccessNotificationModal-wrapper button { max-width: 275px; }
}
@media (max-width: 995px) {
  .ReactModal__Content { width: auto !important; margin-top: 56px !important; padding-top: 14px !important; padding-right: 10px !important; padding-left: 10px !important; text-align: left !important; }
  .Modal-content { margin-top: 30px; text-align: center; }
  .Forgot-title { font-size: 18px; text-align: center; }
  .Forgot-description { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; line-height: 1.3; text-align: center; }
  .Forgot-form .continueButton { width: 100%; height: 50px; margin: 0px; }
}
.Input-input { min-width: 0px; padding-right: 3.5rem; padding-left: var(--tom-spacing-md) !important; }
.Input-input:-webkit-autofill, .Input-input:-webkit-autofill:hover, .Input-input:-webkit-autofill:focus, .Input-input:-webkit-autofill:active { box-shadow: white 0px 0px 0px 30px inset !important; }
.SignupPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .SignupPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.SignupPage::after { display: table; clear: both; content: ""; }
@media (max-width: 995px) {
  .SignupPage { padding: 10px; }
  .SignupPage-title { margin-top: 2px; margin-left: 0px; }
}
.radio-group:focus:not(:disabled) ~ .AddressBox { outline-color: var(--tom-color-surface-container-highest); }
.radio-group:focus:not(:disabled) ~ .AddressBox:checked { outline-color: var(--tom-color-interaction-default); background-color: var(--tom-color-interaction-default); }
.AddressBox { display: flex; width: 100%; border-radius: var(--tom-radius-lg); border-color: var(--tom-color-on-surface-7); padding-left: var(--tom-spacing-lg); padding-right: var(--tom-spacing-lg); padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); font: var(--tom-font-2xsm-regular); margin-bottom: var(--tom-spacing-xsm); box-sizing: border-box; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.AddressBox[\:has\(\:checked\)] { border-color: var(--tom-color-interaction-default); }
.AddressBox:has(:checked) { border-color: var(--tom-color-interaction-default); }
.AddressBox { border-width: var(--tom-border-thin); }
.AddressBox.AddressFormContainer { display: block; }
.AddressBox input { margin-right: var(--tom-spacing-lg); width: 20px; height: 20px; }
.AddressBox-title { font: var(--tom-font-2xsm-bold); }
.AddressBox-label { display: flex; width: 100%; flex-direction: column; }
@media (max-width: 995px) {
  .ModalContainer .AddressBox { margin: 0px; padding: 60px 10px 10px; }
}
.AddressList-subtitle { margin-top: var(--tom-spacing-xsm); margin-bottom: var(--tom-spacing-xsm); color: var(--tom-color-on-surface-4); font: var(--tom-font-xsm-bold); }
.AddressList-buttonsContainer { display: flex; width: 100%; flex-direction: column; justify-content: flex-end; column-gap: var(--tom-spacing-md); row-gap: var(--tom-spacing-sm); }
@media (min-width: 744px) {
  .AddressList-buttonsContainer { flex-direction: row; }
}
.AddressList-newAddressButton { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-md); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-2xsm); padding-bottom: var(--tom-spacing-xsm); padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); padding-top: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.AddressList-newAddressButton:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.AddressList-newAddressButton:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.AddressList-newAddressButton:disabled, .AddressList-newAddressButton.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-newAddressButton { background-color: transparent; border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default-inverted); }
.AddressList-newAddressButton:hover { background-color: transparent; border-color: var(--tom-color-interaction-lighter); color: var(--tom-color-on-interaction-lighter-inverted); }
.AddressList-newAddressButton:active { background-color: var(--tom-color-surface-container-mid); border-color: var(--tom-color-interaction-darker); color: var(--tom-color-on-interaction-darker-inverted); }
.AddressList-newAddressButton:disabled, .AddressList-newAddressButton.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-newAddressButton { justify-content: center; }
.AddressList-confirmButton { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-md); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-2xsm); padding-bottom: var(--tom-spacing-xsm); padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); padding-top: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.AddressList-confirmButton:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.AddressList-confirmButton:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.AddressList-confirmButton:disabled, .AddressList-confirmButton.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-confirmButton { background-color: var(--tom-color-success-default); border-color: var(--tom-color-success-default); color: var(--tom-color-on-success-default); }
.AddressList-confirmButton:hover { background-color: var(--tom-color-success-lighter); border-color: var(--tom-color-on-success-lighter); }
.AddressList-confirmButton:active { background-color: var(--tom-color-success-darker); border-color: var(--tom-color-on-success-darker); }
.AddressList-confirmButton:disabled, .AddressList-confirmButton.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-confirmButton { justify-content: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.Modal.inset-0 { inset: 0px; }
.Modal.inset-x-0 { top: 0px; right: 0px; }
.Modal-overlay { cursor: auto; background-color: var(--tom-color-on-surface-2); opacity: var(--tom-opacity-20); position: fixed; width: 100%; height: 100%; right: 0px; top: 0px; }
.DeliveryAddress { margin-left: auto; margin-right: auto; max-width: 744px; }
.DeliveryAddress-title { margin-bottom: var(--tom-spacing-md); border-color: var(--tom-color-on-surface-7); padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); color: var(--tom-color-on-surface-3); font: var(--tom-font-xsm-bold); }
@media not all and (min-width: 744px) {
  .DeliveryAddress-title { padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); }
}
@media (min-width: 744px) {
  .DeliveryAddress-title { padding-bottom: var(--tom-spacing-lg); padding-top: var(--tom-spacing-md); font: var(--tom-font-md-bold); }
}
.DeliveryAddress-title { border-bottom-width: var(--tom-border-thin); }
@media (min-width: 996px) {
  .AddressForm-form-group { margin-bottom: 20px; }
}
@media (max-width: 995px) {
  .DeliveryAddress-title { margin-top: 10px; }
}
.PaymentBox .PaymentBox-line, .PaymentBox .PaymentBox-line-disabled, .PaymentBox .SecurePurchase { box-shadow: rgb(229, 229, 229) 0px 1px 0px 0px, rgb(255, 255, 255) 0px 2px 0px 0px; }
.PaymentBox .PaymentBox-line:first-child, .PaymentBox .PaymentBox-line-disabled:first-child, .PaymentBox .SecurePurchase:first-child { padding-top: 0px; }
.PaymentBox .PaymentBox-line:last-child, .PaymentBox .PaymentBox-line-disabled:last-child, .PaymentBox .SecurePurchase:last-child { box-shadow: none; }
.PaymentBox { border-radius: 4px; margin: 10px -20px; padding: 20px 20px 0px; background-color: rgb(244, 244, 244); }
.PaymentBox-icon, .PaymentBox-icon--flag, .PaymentBox-icon--flagVisa { width: 50px; height: 30px; padding-right: 10px; padding-left: 10px; vertical-align: middle; fill: rgb(64, 64, 64); }
.PaymentBox-icon--flagVisa { width: 55px; height: 30px; padding-right: 10px; padding-left: 5px; }
.PaymentBox-line, .PaymentBox-line-disabled { padding: 10px 0px; }
.PaymentBox-line-disabled { color: rgb(185, 185, 185); }
.PaymentBox-line-label { display: inline-flex; align-items: center; width: 100%; cursor: pointer; }
.PaymentBox-line-label .CheckboxGroup { margin-left: 0px; margin-right: 20px; padding-left: 0px; }
.PaymentBox-line-label .CheckboxGroup-labelText { margin-left: 20px; }
.PaymentBox-line-info-label--success { color: rgb(88, 194, 46); }
.PaymentBox__special-message { border-radius: 4px; margin-left: 15px; padding: 3px 7px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 13px; letter-spacing: 1px; }
.ImgCardLuizaGold, .ImgCardLuizaSilver { position: relative; top: 5px; margin-right: 10px; margin-left: 5px; fill: rgb(64, 64, 64); }
@media (min-width: 996px) {
  .PaymentBox-line-info-label { flex: 0 0 590px; margin-left: auto; }
  .PaymentBox-line-label .CheckboxGroup { margin-bottom: 18px; }
}
@media (max-width: 995px) {
  .PaymentBox { width: 100%; margin-bottom: 20px; margin-left: 0px; }
  .PaymentBox-line-info-label { display: block; margin-top: 5px; margin-left: 30px; }
  .PaymentBox-line-label { display: block; padding-bottom: 10px; }
  .PaymentBox-line-label .CheckboxGroup { display: inline-block; vertical-align: middle; }
  .SecurePurchase { padding: 10px 0px; text-align: center; }
  .SecurePurchase-description { margin-left: 4px; font-size: 14px; }
}
.CardFlag, .CardFlag-smartphone, .CardFlag-cvv-card { width: 46px; height: 30px; margin-right: 10px; }
@media (max-width: 995px) {
  .CardFlag, .CardFlag-smartphone, .CardFlag-cvv-card { margin-top: 6px; }
}
.PaymentForm-cardFlagsBox > .CardFlag, .PaymentForm-cardFlagsBox > .CardFlag-smartphone, .PaymentForm-cardFlagsBox > .CardFlag-cvv-card { cursor: pointer; }
@media (max-width: 995px) {
  .CardFlag-smartphone { margin-top: 0px; width: 45px; height: 45px; }
}
@media (min-width: 996px) {
  .CardFlag-smartphone { width: 22px; height: 22px; }
}
@media (max-width: 995px) {
  .CardFlag-cvv-card { margin-top: 0px; width: 120px; height: 50px; }
}
@media (min-width: 996px) {
  .CardFlag-cvv-card { width: 60px; height: 30px; }
}
.PaymentFailModal-title { color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; padding-top: 0px; }
@media (max-width: 995px) {
  .PaymentFailModal-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { width: 250px; }
}
.PaymentFailModal-continue:hover { background-color: rgb(72, 165, 36); }
.PaymentFailModal-continue:active { background-color: rgb(55, 142, 22); }
.PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { background-color: rgb(0, 131, 202); }
.PaymentFailModal-continue:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.PaymentFailModal { text-align: center; }
.PaymentFailModal-title-icon { width: 77px; height: 54px; margin: 0px auto; }
.PaymentFailModal-subtitle { margin-bottom: 40px; color: rgb(0, 131, 202); }
.PaymentFailModal-ReasonsWrapper { display: flex; }
.PaymentFailModal-ReasonIcon { display: block; width: 157px; height: 92px; margin: 0px auto 20px; }
.PaymentFailModal-ReasonText { padding: 0px 10px; }
.PaymentFailModal-content { margin-top: 40px; margin-bottom: 20px; color: rgb(0, 131, 202); }
.PaymentFailModal-RetryPaymentWrapper { display: flex; justify-content: space-around; margin-bottom: 40px; }
.PaymentFailModal-RetryPaymentItem, .PaymentFailModal-RetryPaymentItem--NewCard, .PaymentFailModal-RetryPaymentItem--NewCardLarge, .PaymentFailModal-RetryPaymentItem--BankSlip { cursor: pointer; text-decoration: underline; }
.PaymentFailModal-RetryPaymentItem--NewCardLarge { margin-left: 20px; }
.PaymentFailModal-RetryPaymentIcon { width: 50px; height: 30px; padding-right: 10px; padding-left: 10px; vertical-align: middle; fill: rgb(64, 64, 64); }
.PaymentFailModal-ReceiveCallText { max-width: 540px; margin: 0px auto; color: rgb(0, 131, 202); font-size: 15px; line-height: 40px; }
.PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { width: 224px; }
.PaymentFailModal-continue:hover { background-color: rgb(0, 97, 149); }
.PaymentFailModal-continue:active { background-color: rgb(2, 79, 121); }
@media (max-width: 995px) {
  .PaymentFailModal-title { box-sizing: border-box; margin-top: 50px; padding: 10px; }
  .PaymentFailModal-RetryPaymentItem, .PaymentFailModal-RetryPaymentItem--NewCard, .PaymentFailModal-RetryPaymentItem--NewCardLarge, .PaymentFailModal-RetryPaymentItem--BankSlip { margin-bottom: 10px; }
  .PaymentFailModal-RetryPaymentWrapper { margin-bottom: 20px; }
  .PaymentFailModal-titleWrapper { margin-top: 20px; }
  .PaymentFailModal-ReasonsWrapper { flex-direction: column; }
  .PaymentFailModal-ReasonItem, .PaymentFailModal-ReasonItem--bigger { margin-bottom: 20px; }
  .PaymentFailModal-RetryPaymentItem--NewCardLarge { margin-left: 0px; }
  .PaymentFailModal-ReceiveCallText { box-sizing: border-box; width: 100%; padding: 10px; line-height: 1.5; }
  .PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { margin: 0px auto 20px; text-align: center; }
}
.PaymentInfoLabel { font-size: 14px; color: rgb(64, 64, 64); display: flex; align-items: center; }
.CardFlagsBox { display: flex; flex-wrap: wrap; align-items: center; }
.CardFlagContainer, .CardFlagContainer--notChosen { opacity: 1; cursor: pointer; }
.CardFlagContainer--notChosen { opacity: 0.15; }
@media (max-width: 995px) {
  .CardFlagsBox { margin-top: 40px; margin-left: 13px; margin-bottom: 13px; }
}
.VirtualDebitEloForm-limit-warning { color: rgb(93, 93, 93); font-size: 14px; }
.PaymentForm-form-dropdown:disabled, .PaymentForm-form-dropdown--withError:disabled, .PaymentForm-form-dropdown--half:disabled, .PaymentForm-form-dropdown--half--withError:disabled { cursor: not-allowed; }
.PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .PaymentForm-form-dropdown::placeholder, .PaymentForm-form-dropdown--withError::placeholder, .PaymentForm-form-dropdown--half::placeholder, .PaymentForm-form-dropdown--half--withError::placeholder { color: transparent; }
}
.PaymentForm-form-dropdown:disabled, .PaymentForm-form-dropdown--withError:disabled, .PaymentForm-form-dropdown--half:disabled, .PaymentForm-form-dropdown--half--withError:disabled { background-color: rgb(244, 244, 244); }
.PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 224px; height: 40px; }
.PaymentForm-form-dropdown--withError { border-color: rgb(226, 83, 53); }
.PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 93px; height: 40px; }
.PaymentForm-form-dropdown--half + .FormGroup-errorMessage, .PaymentForm-form-dropdown--half--withError + .FormGroup-errorMessage { width: 93px; white-space: nowrap; }
.PaymentForm-form-dropdown--half--withError { border-color: rgb(226, 83, 53); }
.BankSlipForm-samedaymessage { max-width: 625px; margin-bottom: 18px; color: rgb(251, 150, 0); line-height: 1.6; }
.BankSlipForm-price, .PixForm-price { margin: 30px 0px 20px; font-weight: 700; }
.BankSlipForm-price--highlighted, .PixForm-price--highlighted { color: rgb(0, 131, 202); }
.BankSlipForm-description, .PixForm-description { margin-bottom: 10px; }
.SavedCardForm { padding-top: 20px; }
.ValeTrocaCreditForm-messages { max-width: 625px; margin-bottom: 10px; margin-left: 30px; line-height: 1.5; }
.ValeTrocaCreditForm-money { color: rgb(88, 194, 46); }
.ValeTrocaCreditForm-error { color: rgb(226, 83, 53); }
.ValeCompraForm-remaining-credit { padding-bottom: 10px; }
.ValeCompraForm-remaining-amount { color: rgb(0, 131, 202); }
.ValeCompraForm-info { padding-bottom: 10px; }
.ValeCompraForm-info-third-party-items { padding-bottom: 20px; }
.ValeCompraForm-info-third-party-items-warning { color: rgb(226, 83, 53); }
@media (max-width: 995px) {
  .PaymentBox { box-sizing: border-box; width: 100%; margin-bottom: 20px; margin-left: 0px; }
  .PaymentPage-title { margin-left: 15px; padding-left: 0px; }
  .PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 240px; height: 52px; }
  .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 118px; height: 52px; }
  .PaymentForm-form-checkboxGroup { width: 90%; margin-left: 0px; }
  .BankSlipForm-description, .PixForm-description { margin-top: 15px; line-height: 1.5; }
  .BankSlipForm, .PixForm, .SavedCardForm { width: 285px; margin: 0px auto; padding-bottom: 20px; }
  .PaymentModal { background-color: rgb(244, 244, 244); }
  .PaymentForm-form-cardFlagsBox { margin-top: 20px; }
  .ValeCompraForm-remaining-credit-next { display: block; }
}
.PaymentExpirationItem { display: flex; margin-bottom: 20px; }
@media (max-width: 995px) {
  .PaymentExpirationItem { justify-content: space-between; }
}
.PaymentExpirationItem-group { position: relative; display: flex; }
.PaymentExpirationItem-group:first-child { margin-right: 20px; }
@media (min-width: 996px) {
  .BankSlipForm-samedaymessage { margin: 10px auto; text-align: center; }
  .BankSlipForm-price, .PixForm-price { margin-left: 320px; }
  .BankSlipForm-price--highlighted, .PixForm-price--highlighted { color: rgb(0, 131, 202); margin-left: 46px; }
  .BankSlipForm-description, .PixForm-description { margin-left: 366px; }
  .ValeTrocaCreditForm-messages { margin-left: 366px; }
  .NewCardForm .FormGroup--multiple .FormGroup:first-child, .VirtualDebitEloForm .FormGroup--multiple .FormGroup:first-child { width: 463px; margin-right: 20px; }
  .NewCardForm .FormGroup--multiple .FormGroup:nth-child(2), .VirtualDebitEloForm .FormGroup--multiple .FormGroup:nth-child(2) { width: 97px; }
  .NewCardForm .FormGroup-label, .VirtualDebitEloForm .FormGroup-label { width: 346px; }
  .NewCardForm .checkboxGroup, .VirtualDebitEloForm .checkboxGroup { margin-left: 346px; }
  .BankSlipForm .continueButton, .PixForm .continueButton, .ValeTrocaCreditForm .continueButton, .SavedCardForm .continueButton, .NewCardForm .continueButton, .VirtualDebitEloForm .continueButton { margin-left: 366px; }
  .NewCardForm .FormGroup--multiple .FormGroup-inputGroup, .VirtualDebitEloForm .FormGroup--multiple .FormGroup-inputGroup { width: 97px; }
}
@media (max-width: 995px) {
  .VirtualDebitEloForm-limit-warning { text-align: center; }
}
@media (min-width: 996px) {
  .VirtualDebitEloForm-limit-warning { margin-left: 366px; }
}
.PaymentWithoutInternationalTax { text-align: center; max-width: 490px; }
.PaymentWithoutInternationalTax-header { margin-bottom: 16px; }
.PaymentWithoutInternationalTax-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.PaymentWithoutInternationalTax-content { margin-bottom: 24px; }
.PaymentWithoutInternationalTax-content .font-sm-regular { font: var(--tom-font-sm-regular); }
.PaymentWithoutInternationalTax-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
.ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: center; display: none; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; display: flex; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: 100vh; overflow: auto; }
  .PaymentWithoutInternationalTax-header { display: none; }
  .PaymentWithoutInternationalTax-content { flex-direction: column; }
  .PaymentWithoutInternationalTax .font-sm-regular { width: 100%; }
}
.InternationalPurchaseValidationModal { text-align: center; max-width: 490px; }
.InternationalPurchaseValidationModal-header { margin-bottom: 16px; }
.InternationalPurchaseValidationModal-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.InternationalPurchaseValidationModal-content { margin-bottom: 24px; }
.InternationalPurchaseValidationModal-content .font-sm-regular { font: var(--tom-font-sm-regular); margin-bottom: 12px; }
.InternationalPurchaseValidationModal-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 90%; top: 5%; right: 5%; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: auto; overflow: auto; }
  .InternationalPurchaseValidationModal-content { flex-direction: column; align-items: center; }
  .InternationalPurchaseValidationModal .font-sm-regular { width: 100%; }
}
.Promocode__link-button { border: 0px; background: none; text-decoration: underline; }
.Promocode-promocode__text { display: inline; }
.Promocode__label { cursor: pointer; text-decoration: underline; }
.Promocode__label--disabled { text-decoration: none; }
.Promocode__input-group { display: inline; }
.Promocode__link-button { margin-left: 16px; color: rgb(140, 140, 140); }
.Promocode__error-message, .Promocode__no-discount-message { margin-top: 10px; margin-bottom: 40px; color: rgb(226, 83, 53); }
@media (min-width: 996px) {
  .Promocode__error-message { white-space: nowrap; }
}
.Promocode { display: inline-flex; }
@media (min-width: 996px) {
  .Promocode { align-items: center; height: 40px; }
  .Promocode__form .buttonWithin { position: static; }
}
@media (max-width: 995px) {
  .Promocode .FormGroup-inputGroup { display: flex; flex-flow: wrap; }
  .Promocode { padding: 20px 10px 0px; }
  .Promocode__form { display: flex; flex-flow: column wrap; }
  .Promocode__form .inputWithin { width: 50%; margin: 0px; }
  .Promocode-promocode__text { display: contents; }
  .Promocode__label { width: 100%; margin-bottom: 10px; font: var(--tom-font-xsm-bold); color: var(--tom-color-interaction-darker); }
  .Promocode__link-button { margin-left: 10px; padding-top: 11px; }
  .Promocode__error-message { margin-top: 10px; color: rgb(226, 83, 53); display: flex; margin-bottom: 0px; text-align: left; }
  .Promocode__no-discount-message { margin-top: 10px; color: rgb(226, 83, 53); margin-bottom: 0px; }
}
.ButtonEdit { display: block; color: rgb(140, 140, 140); }
@media (max-width: 995px) {
  .ButtonEdit { display: inline-block; color: var(--tom-color-interaction-darker); text-decoration: none; font: var(--tom-font-xsm-bold); }
}
.OrderReviewTotals { font-size: 14px; }
.OrderReviewTotals-total { padding-top: 20px; font-weight: 700; }
.OrderReviewTotals-products, .OrderReviewTotals-services { display: flex; }
.OrderReviewTotals-right, .OrderReviewTotals-right--servicesAmount { color: rgb(0, 131, 202); }
.OrderReviewTotals-right--free { color: rgb(88, 194, 46); font-weight: 700; }
.OrderReviewTotals--promocode { color: rgb(88, 194, 46); }
.OrderReviewTotals--loyalty { color: rgb(159, 61, 149); }
.OrderReviewTotals-international-tax { margin-bottom: 10px; }
.OrderReviewTotals-international-tax-text { font: var(--tom-font-sm-regular); cursor: pointer; }
.OrderReviewTotals-international-tax-item { align-items: center; }
.OrderReviewTotals-international-tax-item .OrderReviewTotals-left { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.OrderReviewTotals-international-tax-item .OrderReviewTotals-right { font-weight: 700; }
.OrderReviewTotals-international-tax-icms .OrderReviewTotals-left { font-size: 15.6px; }
.OrderReviewTotals-shipment { margin-bottom: 10px; }
.OrderReviewTotal__to { font-weight: 400; }
@media (max-width: 995px) {
  .OrderReviewTotals-products, .OrderReviewTotals-services, .OrderReviewTotals-shipment, .OrderReviewTotals-international-tax-item, .OrderReviewTotals-discount, .OrderReviewTotals-total { display: flex; justify-content: space-between; }
  .OrderReviewTotals-right, .OrderReviewTotals-right--servicesAmount { color: var(--tom-color-on-surface-1); font-weight: 700; }
  .OrderReviewTotal__to { font-weight: 700; }
  .OrderReviewTotals-left, .OrderReviewTotals-left--servicesQuantity { padding-left: 15px; }
  .OrderReviewTotals-right, .OrderReviewTotals-right--free, .OrderReviewTotals-right--servicesAmount { padding-right: 15px; text-align: right; }
  .OrderReviewTotals-total .OrderReviewTotals-left { font-size: 16px; }
  .OrderReviewTotals-international-tax-item .OrderReviewTotals-left { flex-direction: row-reverse; }
  .OrderReviewTotals-discount__minus { padding-right: 8px; }
}
@media (min-width: 996px) {
  .OrderReviewTotals-shipment, .OrderReviewTotals-international-tax-item, .OrderReviewTotals-discount, .OrderReviewTotals-total { display: inline-flex; width: 100%; }
  .OrderReviewTotals-left, .OrderReviewTotals-left--servicesQuantity { width: 180px; margin-right: 20px; text-align: right; }
  .OrderReviewTotals .CardLuiza { width: 100%; }
  .OrderReviewTotals .CardLuiza__icon-cardluiza { width: 227px; text-align: right; }
  .OrderReviewTotals-discount__minus { display: inline-flex; width: 8px; margin-left: -8px; }
}
.OrderReviewItem-zipCodeRestriction { color: rgb(251, 150, 0); }
.OrderReviewVariation { border-radius: 4px; display: inline-block; margin-right: 15px; padding: 1px 7px; position: relative; top: 5px; background-color: rgb(227, 232, 234); font-size: 13px; font-weight: bolder; letter-spacing: 1px; margin-bottom: 4px; }
.OrderReviewItem { margin-bottom: 4px; }
.OrderReviewItem:last-of-type { margin-bottom: unset; }
.OrderReviewPackage { padding-bottom: 20px; font-size: 14px; }
.OrderReviewPackage-international { margin: 2px 0px 8px; }
.OrderReviewPackage-samedayMessage { color: rgb(251, 150, 0); }
@media (max-width: 995px) {
  .OrderReviewPackage { padding-right: 15px; padding-left: 15px; }
}
.OrderReviewAddress { margin-bottom: 20px; font-size: 14px; }
@media (max-width: 995px) {
  .OrderReviewAddress { padding-right: 15px; padding-left: 15px; border-bottom: 15px solid rgb(229, 229, 229); }
  .OrderReviewAddress-description { margin-bottom: 20px; display: flex; flex-direction: column; }
  .OrderReviewAddress-description-edit { margin-top: var(--tom-spacing-xsm); align-self: flex-end; }
}
.OrderReviewWarning { border-radius: 8px; box-sizing: border-box; padding: 8px 12px; background-color: rgb(255, 252, 235); border: 1px solid rgb(234, 198, 0); width: 80%; margin-bottom: 12px; }
@media (max-width: 995px) {
  .OrderReviewWarning { width: 100%; }
}
.OrderReviewWarning svg { float: left; margin-right: 10px; margin-top: -4px; }
.OrderReviewWarning .warning-icon-amber { fill: rgb(249, 197, 46); }
.OrderReviewWarning .TextWarning { width: 100%; }
.OrderReview { padding-top: 20px; }
.OrderReview-title { font-size: 20px; }
.OrderReview-container { display: flex; padding-top: 20px; }
.OrderReview-store { padding-top: 20px; }
.OrderReview-giftCard { margin-bottom: 20px; }
@media (min-width: 996px) {
  .mobile-only { display: none; }
  .OrderReview-leftContainer { min-width: 62%; }
  .OrderReview-titleContainer { display: flex; flex-direction: column; }
  .OrderReview-rightContainer { min-width: 35%; border-left: 1px solid rgb(229, 229, 229); }
}
@media (max-width: 995px) {
  .desktop-only { display: none; }
  .OrderReview-titleContainer { padding-right: var(--tom-spacing-md); padding-left: var(--tom-spacing-sm); display: flex; justify-content: space-between; align-items: center; }
  .OrderReview-title { color: var(--tom-color-on-surface-1); font-size: 18px; font-weight: 700; }
  .OrderReview-container { display: flex; flex-direction: column; }
  .OrderReview-leftContainer { order: 2; }
  .OrderReview-leftContainer .OrderReview-title { display: flex; margin-top: 20px; margin-left: 15px; margin-bottom: var(--tom-spacing-xsm); }
  .OrderReview-rightContainer { order: 1; }
  .OrderReview-giftCard { padding-bottom: 20px; padding-left: 15px; border-bottom: 15px solid rgb(229, 229, 229); }
}
.PaymentPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .PaymentPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.PaymentPage-PJWarning { padding: 10px; color: rgb(251, 150, 0); }
.PaymentContract-link { display: block; margin-bottom: 20px; }
@media (max-width: 995px) {
  .PaymentPage-title { margin-left: 15px; color: var(--tom-color-on-surface-1); }
}
.ReceiptPage { float: left; width: 100%; margin-right: 20px; -webkit-font-smoothing: antialiased; }
.ReceiptHeader { float: left; width: 100%; margin-right: 20px; padding-top: 10px; padding-bottom: 10px; line-height: 58px; }
.ReceiptHeader-logo { float: left; width: 224px; margin-right: 20px; }
.ReceiptHeader-timestamp { float: right; width: 346px; margin-right: 0px; margin-left: 366px; font-size: 14px; text-align: right; }
.ReceiptTitle { float: left; width: 100%; margin-right: 20px; }
.ReceiptTitle-title { float: left; width: 100%; margin-right: 20px; font-weight: 700; text-align: center; }
.ReceiptTitle-subtitle { float: left; width: 100%; margin-right: 20px; text-align: center; }
.ReceiptContent { float: left; width: 100%; margin-right: 20px; padding-top: 20px; }
.ReceiptContent-titleContainer { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid rgb(229, 229, 229); }
.ReceiptContent-title { float: left; width: 100%; margin-right: 20px; font-weight: 700; }
.ReceiptContent-details { float: left; width: 100%; margin-right: 20px; padding-top: 10px; }
.ReceiptBasketTable { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding: 20px; border-bottom: 1px solid rgb(229, 229, 229); }
.ReceiptBasketTable-items { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px solid rgb(229, 229, 229); }
.ReceiptBasketTable-title { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid rgb(229, 229, 229); font-weight: 700; }
.ReceiptBasketTable-total { float: left; width: 100%; margin-right: 20px; padding-top: 10px; font-weight: 700; }
.ReceiptBasketTable-title-product { float: left; width: 712px; margin-right: 20px; }
.ReceiptBasketTable-total-title { float: left; width: 163px; margin-right: 20px; margin-left: 549px; font-weight: 700; text-align: right; }
.ReceiptBasketTable-title-price, .ReceiptBasketTable-total-price { float: right; width: 224px; margin-right: 0px; }
.ReceiptBasketPackage { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketPackage-description { float: left; width: 100%; margin-right: 20px; padding-top: 20px; }
.ReceiptBasketPackage-items { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketPackage-shippingType { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketPackage-shippingType-description { float: left; width: 712px; margin-right: 20px; }
.ReceiptBasketPackage-shippingType-price { float: right; width: 224px; margin-right: 0px; font-weight: 700; }
.ReceiptBasketItem { float: left; width: 100%; margin-right: 20px; margin-bottom: 20px; }
.ReceiptBasketItem-description { float: left; width: 712px; margin-right: 20px; }
.ReceiptBasketItem-price { float: right; width: 224px; margin-right: 0px; }
.ReceiptBasketAddress { float: left; width: 100%; margin-right: 20px; padding-top: 10px; }
.ReceiptBasketAddress-description { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketAddress-receiver { float: left; width: 100%; margin-right: 20px; }
.EditRegistrationPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .EditRegistrationPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.EditRegistrationPage::after { display: table; clear: both; content: ""; }
@media (max-width: 995px) {
  .EditRegistrationPage { padding: 10px; }
}
.CustomerAreaPage { padding: 80px 0px 240px; display: flex; justify-content: center; background-color: var(--tom-color-on-surface-9); font-family: var(--tom-font-family); }
.CustomerAreaPage-success { width: fit-content; padding: 16px; margin: 0px auto 32px; border-radius: 8px; border: solid 1px var(--tom-color-success-default); background-color: var(--tom-color-on-success-lighter); display: flex; }
.CustomerAreaPage-success .ti-check-circle { margin: 0px 12px 0px 0px; align-items: center; }
.CustomerAreaPage-success .ti-check-circle::before { font-size: 24px; color: var(--tom-color-success-default); }
.CustomerAreaPage-success span { font-size: 16px; font-weight: 400; vertical-align: middle; }
.CustomerAreaPage-warn { width: fit-content; padding: 16px; margin: 0px auto 32px; border-radius: 8px; border: 1px solid rgb(204, 172, 0); background-color: rgb(255, 253, 240); display: flex; }
.CustomerAreaPage-warn .ti-warning-amber { margin: 0px 12px 0px 0px; align-items: center; }
.CustomerAreaPage-warn .ti-warning-amber::before { font-size: 24px; color: rgb(204, 172, 0); }
.CustomerAreaPage-warn span { font-size: 16px; font-weight: 400; vertical-align: middle; }
.CustomerAreaPage-container { background-color: var(--tom-color-on-brand-default); border-radius: 12px; width: 504px; }
.CustomerAreaPage-content { margin-top: 40px; padding: 0px 40px; }
.CustomerAreaPage-content h2 { margin: 0px 0px 30px; padding: 0px; font-weight: 600; font-size: 22px; line-height: 28px; color: var(--tom-color-on-surface-2); }
.CustomerAreaPage-content-option { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.CustomerAreaPage-content-option a { font-weight: 600; font-size: 16px; line-height: 18px; color: var(--tom-color-interaction-default); text-decoration: none; cursor: pointer; }
.CustomerAreaPage-content-option a:hover { text-decoration: underline; }
.CustomerAreaPage-content-description span { font-weight: 500; font-size: 16px; line-height: 18px; color: var(--tom-color-on-surface-2); }
.CustomerAreaPage-content-description p { font-weight: 400; font-size: 16px; line-height: 18px; color: var(--tom-color-on-surface-2); }
@media (max-width: 995px) {
  .CustomerAreaPage { padding: 24px 0px 240px; background-color: unset; }
  .CustomerAreaPage-content { padding: 0px 16px; margin: 0px; }
}
.ShowDeliveryTime-title--multiple_deliveries { font-weight: 700; }
.StorePickupToken { font-family: var(--tom-font-family); border-radius: 8px; box-sizing: border-box; padding: 8px 12px; background-color: rgb(255, 252, 235); border: 1px solid rgb(234, 198, 0); width: 100%; }
.StorePickupToken .ti { float: left; margin-right: 10px; font-size: 22px; color: rgb(204, 172, 0); }
.StorePickupToken-warning-text { width: 100%; display: table-row; }
@media (max-width: 995px) {
  .StorePickupToken { width: 100%; }
}
.ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; display: flex; justify-content: center; width: 224px; }
@media (min-width: 996px) {
  .ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder:hover { background-color: rgb(72, 165, 36); }
.ConfirmOrderBox-trackOrder:active { background-color: rgb(55, 142, 22); }
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { background-color: rgb(0, 131, 202); }
.ConfirmOrderBox-trackOrder:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; display: flex; justify-content: center; width: 224px; }
@media (min-width: 996px) {
  .ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder:hover { background-color: rgb(72, 165, 36); }
.ConfirmOrderBox-trackOrder:active { background-color: rgb(55, 142, 22); }
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { background-color: rgb(0, 131, 202); }
.ConfirmOrderBox-trackOrder:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.ConfirmOrderBox { display: flex; flex-wrap: wrap; padding: 20px; background-color: rgb(244, 244, 244); }
.ConfirmOrderBox-barCode { margin-left: -10px; }
.ConfirmOrderBox-orderNumber { margin-bottom: 5px; font-size: 24px; font-weight: 700; }
.ConfirmOrderBox-rightContainer { width: 50%; }
.ConfirmOrderBox-colorBlue { color: rgb(0, 131, 202); }
.ConfirmOrderBox-buttonsHolder { line-height: 40px; }
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { float: left; width: 224px; margin-right: 20px; }
.ConfirmOrderBox-trackOrder:hover { background-color: rgb(0, 97, 149); }
.ConfirmOrderBox-trackOrder:active { background-color: rgb(2, 79, 121); }
.ConfirmOrderBox-print { font-size: 14px; }
.ConfirmOrderBox-printSlip { display: flex; flex-wrap: wrap; margin-top: 20px; }
.ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { margin-bottom: 10px; }
.ConfirmOrderBox-printSlip-button:hover { background-color: rgb(72, 165, 36); }
.ConfirmOrderBox-printSlip-button:active { background-color: rgb(55, 142, 22); }
.ConfirmOrderBox-printSlip-copy { float: left; width: 100%; margin-right: 20px; font-size: 14px; }
.ConfirmOrderBox-printSlip-slipInstruction { width: 100%; margin-bottom: 10px; font-size: 14px; }
.ConfirmOrderBox-bankSlip { width: 90%; border: none; background-color: transparent; resize: none; }
.ConfirmOrderBox-bankSlip-title { font-weight: 700; }
.ConfirmOrderBox-payment { display: flex; }
.ConfirmOrderBox-payment_types { margin-left: 5px; }
.ConfirmOrderBox-payment_types-amount { color: rgb(140, 140, 140); font-size: 14px; }
.ConfirmOrderBox-payment_types-expiration { color: rgb(251, 150, 0); }
.CardLuizaInformation { float: left; width: 100%; margin-top: 8px; text-align: center; }
.cardluiza-confirmorder__success { color: rgb(88, 194, 46); font-size: 16px; font-weight: 700; }
.cardluiza-confirmorder__information { font-size: 16px; }
.cardluiza-confirmorder__terms { color: rgb(140, 140, 140); font-size: 13px; }
@media (min-width: 996px) {
  .ConfirmOrderBox { border-radius: 4px; margin-right: -20px; margin-left: -20px; }
  .ConfirmOrderBox-leftContainer { width: 50%; }
  .ConfirmOrderBox-copyIcon { float: right; width: 20px; height: 20px; margin-top: -60px; margin-right: 20px; vertical-align: middle; fill: rgb(63, 203, 42); }
}
@media (max-width: 995px) {
  .ConfirmOrderBox-leftContainer { margin-bottom: 10px; text-align: center; }
  .ConfirmOrderBox { margin-bottom: 20px; }
  .ConfirmOrderBox-show-details { text-align: center; }
  .ConfirmOrderBox-rightContainer { float: left; width: 90%; margin-right: 20px; }
  .ConfirmOrderHeader-description, .ConfirmOrderHeader-description--warning { padding: 10px; background-color: rgb(244, 244, 244); text-align: center; }
  .ConfirmOrderBox-copyIcon { float: right; }
  .ConfirmOrderBox-orderNumber { color: rgb(0, 131, 202); }
  .ConfirmOrderBox-copyText { display: block; margin-bottom: 10px; color: rgb(88, 194, 46); font-size: 14px; }
  .CardLuizaInformation { width: 291px; height: 137px; margin-top: 20px; margin-bottom: -50px; padding-left: 10px; }
}
.ConfirmOrderBox-samedayMessage { color: rgb(251, 150, 0); }
.ConfirmOrderBox-StorePickupToken { display: contents; }
@media (min-width: 996px) {
  .ConfirmOrderBox-StorePickupToken .StorePickupToken { margin-top: 20px; }
}
.Raffle { float: left; width: 100%; margin-top: 20px; margin-right: 20px; line-height: 1; }
.Raffle_content { border-radius: 4px; background: rgb(62, 24, 112); }
.Raffle_coupom { overflow: hidden; width: 950px; margin: 0px auto; padding: 10px 0px; background: url("https://s.mlcdn.com.br/banner/campanhas/valide1.png") -10px no-repeat; }
.Raffle_coupom__titles { float: left; width: 300px; margin-left: 4px; text-align: center; }
.Raffle_coupom__main-title { font-size: 1em; }
.Raffle_coupom__sub-title { margin-top: 5px; color: rgb(0, 233, 167); font-size: 0.8em; text-transform: uppercase; }
.Raffle_coupom__bold { font-weight: 700; }
.Raffle_coupom__actions { float: right; overflow: hidden; width: 610px; }
.Raffle_coupom__call { float: left; }
.Raffle_coupom__parag { margin-top: 15px; color: rgb(255, 255, 255); font-size: 0.8em; line-height: 1; }
.Raffle_coupom__link { color: rgb(255, 255, 255); }
.Raffle_coupom__exclam { display: inline-block; width: 13px; margin-right: 2px; padding: 2px; border: 1px solid rgb(0, 233, 167); border-radius: 50%; background: rgb(0, 233, 167); color: rgb(62, 24, 112); font-weight: 700; text-align: center; }
.Raffle_coupom__call-title { color: rgb(0, 233, 167); font-size: 1.5em; font-weight: 700; }
.Raffle_coupom__btns { float: right; width: 170px; margin-right: 8px; text-align: right; }
.Raffle_coupom__btn { margin-top: 10px; padding: 8px 15px; border: 1px solid rgb(255, 255, 255); border-radius: 5px; background: transparent; color: rgb(255, 255, 255); font-weight: 700; }
.Raffle_coupom__rules { color: rgb(255, 255, 255); font-size: 0.9em; }
.Raffle_coupom__certificate { display: block; clear: both; margin-top: 15px; color: rgb(255, 255, 255); font-size: 0.7em; text-align: right; }
@media (max-width: 950px) {
  .Raffle_content { background: rgb(62, 24, 112); text-align: center; }
  .Raffle_coupom { width: 100%; background: rgb(62, 24, 112); }
  .Raffle_coupom__titles, .Raffle_coupom__actions { display: block; float: none; width: 100%; margin-top: 25px; }
  .Raffle_coupom__call, .coupom__btns { display: block; float: none; width: 80%; margin: 0px auto; }
  .Raffle_coupom__btns { display: block; float: none; width: 80%; margin: 20px auto; text-align: center; }
  .Raffle_coupom__rules { display: block; }
  .Raffle_coupom__certificate { text-align: center; }
  .Raffle_coupom__link { position: relative; display: block; margin-top: 15px; }
}
.QrcodePix { text-align: center; }
.QrcodePix-img { max-width: 300px; height: auto; }
@media (max-width: 995px) {
  .QrcodePix { margin-top: 20px; }
}
.CopyPix-button { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; display: flex; justify-content: center; width: 224px; }
@media (min-width: 996px) {
  .CopyPix-button { width: 250px; }
}
.CopyPix-input { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .CopyPix-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .CopyPix-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .CopyPix-input::placeholder { color: transparent; }
}
.CopyPix { text-align: center; }
.CopyPix-input { margin-bottom: 10px; font-size: 16px; }
.CopyPix-button { display: inline-flex; }
.CopyPix-buttonn:hover { background-color: rgb(72, 165, 36); }
.CopyPix-button:active { background-color: rgb(55, 142, 22); }
@media (min-width: 996px) {
  .CopyPix-input { opacity: 0; height: 0px; }
}
@media (max-width: 995px) {
  .CopyPix { margin-top: 20px; }
  .CopyPix-input, .CopyPix-button { width: 100%; }
}
.ExpirationTimerPix { font-weight: bold; margin-top: 10px; color: rgb(0, 0, 0); }
@media (min-width: 996px) {
  .ExpirationTimerPix { text-align: center; }
}
.PixSteps-option { display: inline-block; width: 25px; align-self: flex-start; text-align: center; border: 1px solid rgb(81, 81, 81); border-radius: 50%; }
.OrderBoxPix { padding: 20px; margin-top: 20px; background-color: rgb(244, 244, 244); }
.OrderBoxPix-help { max-width: 300px; margin: 0px auto 20px; color: rgb(81, 81, 81); text-align: center; }
.OrderBoxPix-titleDescription, .OrderBoxPix-information { display: flex; align-items: center; color: rgb(81, 81, 81); font-weight: 700; }
@media (min-width: 996px) {
  .PixSteps-option { margin-right: 10px; }
  .PixSteps-description { width: 80%; }
  .PixSteps, .PixSteps-block { display: inline-flex; margin-bottom: 10px; }
  .OrderBoxPix { border-radius: 4px; margin-right: -20px; margin-left: -20px; }
  .OrderBoxPix-title { display: flex; margin-bottom: 20px; }
  .OrderBoxPix-titleIcon { margin-right: 10px; }
  .OrderBoxPix-information { flex-direction: column; margin-top: 20px; }
}
@media (max-width: 995px) {
  .PixSteps-option { margin-bottom: 10px; }
  .PixSteps-description { margin-bottom: 20px; }
  .OrderBoxPix { margin-bottom: 20px; text-align: center; }
  .OrderBoxPix-titleDescription { display: block; color: rgb(0, 0, 0); font-size: 18px; margin-bottom: 20px; }
  .OrderBoxPix-information { display: inline-flex; width: 80%; margin: 0px; }
  .OrderBoxPix-help { max-width: none; }
}
.NewsletterOption-button { border: 0px; background: none; }
@media (max-width: 995px) {
  .NewsletterOption { display: flex; justify-content: center; }
}
.WhatsAppOption__container-modules { position: relative; height: 120px; }
.WhatsAppOption__lateral-borders { display: flex; align-items: center; }
.WhatsAppOption__icon-whatsapp--magalu { margin-right: 10px; }
.WhatsAppOption__description--magalu { margin-bottom: 15px; font-size: 16px; line-height: 18px; letter-spacing: normal; }
.WhatsAppOption__option-in--magalu { padding: 6px; border: 1px solid rgb(255, 255, 255); border-radius: 4px; font-size: 16px; cursor: pointer; letter-spacing: normal; }
.WhatsAppOption__block, .WhatsAppOption__none { position: absolute; top: 0px; display: flex; align-items: center; width: 100%; height: 120px; padding: 10px; border-radius: 4px; background-color: rgb(0, 131, 202); color: rgb(255, 255, 255); transition: 0.3s linear; }
.WhatsAppOption__block { z-index: 1; opacity: 1; }
.WhatsAppOption__none { z-index: 0; opacity: 0; }
@media (max-width: 995px) {
  .WhatsAppOption__icon-whatsapp--magalu { width: 25%; }
  .WhatsAppOption__content--magalu { width: 75%; }
}
.WhatsAppFeedBack__icon-whatsapp-registered { height: 46px; margin-top: 12px; margin-right: 10px; margin-left: 10px; }
.WhatsAppFeedBack__content { margin-top: 20px; }
.WhatsAppFeedBack__description { margin-bottom: 15px; font-size: 16px; line-height: 18px; letter-spacing: normal; }
@media (max-width: 995px) {
  .WhatsAppFeedBack__icon-whatsapp-registered { margin-right: 10px; margin-left: 10px; }
  .WhatsAppFeedBack__content { width: 75%; }
}
.ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.ConfirmOrderFooter-legalTerms { color: rgb(93, 93, 93); font-size: 14px; }
.ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.ConfirmOrderFooter-legalTerms { color: rgb(93, 93, 93); font-size: 14px; }
.ConfirmOrderHeader { margin-bottom: 20px; }
.ConfirmOrderHeader-title--success { color: rgb(88, 194, 46); }
.ConfirmOrderHeader-title--error { color: rgb(226, 83, 53); }
.ConfirmOrderHeader-title-icon { width: 22px; height: 22px; vertical-align: middle; fill: rgb(88, 194, 46); }
.ConfirmOrderHeader-title-icon-check { display: block; margin: 0px auto 18px; }
.ConfirmOrderHeader-description, .ConfirmOrderHeader-description--warning { padding-bottom: 20px; }
.ConfirmOrderHeader-description--warning { color: rgb(251, 150, 0); }
.ConfirmOrderHeader-email { color: rgb(0, 131, 202); }
.ConfirmOrderFooter-legalTerms { margin-top: 20px; margin-bottom: 20px; text-align: center; }
.Banner-epoca { float: left; width: 100%; margin: 20px 20px 20px -7px; }
.Banner-adx { float: left; width: 100%; margin: 20px 0px; text-align: center; }
.Banner-Ebit-container { display: flex; width: 100%; text-align: center; }
.Banner-Ebit { width: 100%; }
.Banner-Affinion-container { float: left; width: 100%; margin: 20px -40px 20px 0px; padding-right: 40px; }
@media (max-width: 995px) {
  .ConfirmOrderHeader-email { color: inherit; font-weight: 700; }
  .ConfirmOrderHeader-title--error, .ConfirmOrderHeader-title--success { margin: 20px; line-height: 1.5; text-align: center; }
}
.CustomerAreaConfirmPage { padding: 80px 0px 240px; display: flex; justify-content: center; background-color: var(--tom-color-on-surface-9); font-family: var(--tom-font-family); }
@media (max-width: 995px) {
  .CustomerAreaConfirmPage { padding: 0px 16px; background-color: unset; }
}
.ChangeDataBox-form-continue { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .ChangeDataBox-form-continue { width: 250px; }
}
.ChangeDataBox-form-continue:hover { background-color: rgb(72, 165, 36); }
.ChangeDataBox-form-continue:active { background-color: rgb(55, 142, 22); }
.ChangeDataBox-form-continue:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.ChangeDataBox * { font-family: var(--tom-font-family); }
.ChangeDataBox { background: var(--tom-color-on-brand-default); width: 408px; min-height: 420px; border-radius: var(--tom-radius-lg); padding: var(--tom-spacing-2xlg); }
@media (max-width: 995px) {
  .ChangeDataBox { padding: var(--tom-spacing-md); display: unset; width: 100%; border-radius: 0px; height: 100vh; }
}
.ChangeDataBox-data { font: var(--tom-font-xsm-medium); }
.ChangeDataBox-title { font: var(--tom-font-lg-bold); color: var(--tom-color-on-surface-2); margin-bottom: var(--tom-spacing-sm); letter-spacing: -0.7px; }
.ChangeDataBox-subtext { width: 328px; }
.ChangeDataBox-subtext [name="email"] { margin-bottom: var(--tom-spacing-sm); line-height: 18px; }
.ChangeDataBox-subtext-instructions { margin-bottom: var(--tom-spacing-sm); }
.ChangeDataBox-subtext [name="telephone"] { margin-bottom: var(--tom-spacing-sm); display: inline-flex; align-items: center; }
.ChangeDataBox-subtext [name="telephone"] .ChangeDataBox-data { margin-left: var(--tom-spacing-2xsm); }
@media (max-width: 995px) {
  .ChangeDataBox-subtext { width: 100%; }
}
.ChangeDataBox .FormGroup-input { max-width: 328px; height: 48px; padding-left: var(--tom-spacing-md); font: var(--tom-font-sm-regular); color: var(--tom-color-on-surface-3); border-radius: var(--tom-radius-lg); }
@media (max-width: 995px) {
  .ChangeDataBox .FormGroup-input { max-width: unset; width: 100%; }
}
.ChangeDataBox .FormGroup-input.focus-visible { outline: 1px solid var(--tom-color-brand-default); background-color: var(--tom-color-brand-lighter-inverted); }
.ChangeDataBox .FormGroup-input:focus-visible { outline: 1px solid var(--tom-color-brand-default); background-color: var(--tom-color-brand-lighter-inverted); }
.ChangeDataBox-form { margin-top: var(--tom-spacing-lg); }
.ChangeDataBox-form div:first-child { margin-bottom: 0.5rem; }
.ChangeDataBox-form-continue { width: 100%; max-width: 328px; height: 48px; background-color: var(--tom-color-brand-default); font: var(--tom-font-xsm-bold); border-radius: var(--tom-radius-lg); }
@media (max-width: 995px) {
  .ChangeDataBox-form-continue { max-width: unset; }
}
.ChangeDataBox-form-continue:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.ChangeDataBox .FormGroup-label { justify-content: flex-start; font: var(--tom-font-xsm-medium); color: var(--tom-color-on-surface-4); margin-bottom: calc(var(--tom-spacing-2xsm) * -1); margin-left: var(--tom-spacing-2xsm); display: inline-flex; align-items: center; height: 40px; position: relative; top: 0px; left: 0px; padding-left: 0px; }
.ChangeDataBox .FormGroup { flex-direction: column; margin-bottom: var(--tom-spacing-md); }
.ChangeDataBox .icon { display: block; }
@media (max-width: 995px) {
  .ChangeDataBox-title { font: var(--tom-font-md-bold); }
  .ChangeDataBox .FormGroup-input { padding-top: var(--tom-spacing-none); }
}
.ChangeDataBox .FormGroup-inputGroup { width: 328px; }
@media (max-width: 995px) {
  .ChangeDataBox .FormGroup-inputGroup { width: 100%; }
}
.ChangeDataBox .FormGroup-errorMessage { color: var(--tom-color-danger-default); font: var(--tom-font-xsm-medium); }
.ChangeDataBox p.FormGroup-errorMessage { font: var(--tom-font-xsm-regular); white-space: normal; }
.ChangeDataBox .FormGroup-error { color: var(--tom-color-danger-default); font: var(--tom-font-xsm-medium); display: flex; gap: var(--tom-spacing-2xsm); padding-left: var(--tom-spacing-2xsm); padding-top: var(--tom-spacing-xsm); align-items: flex-start; }
.ChangeDataBox .FormGroup-input--withError { border-color: var(--tom-color-danger-default); }
.ChangeDataBox .ti.ti-highlight-off { position: absolute; float: right; right: 16px; font-size: var(--tom-spacing-lg); top: 48px; }
.CustomerAreaChangeData { padding: 80px 0px 240px; display: flex; justify-content: center; background-color: var(--tom-color-on-surface-9); font-family: var(--tom-font-family); }
@media (max-width: 995px) {
  .CustomerAreaChangeData { padding: 0px; }
}
.buttonWithin { border-radius: 0px 4px 4px 0px; border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(229, 229, 229); border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-image: initial; margin-left: 0px; padding: 11px; border-left-style: initial; border-left-color: initial; cursor: pointer; }
@media (min-width: 996px) {
  .buttonWithin { height: 40px; background-color: rgb(244, 244, 244); font-size: 16px; position: absolute; }
  .buttonWithin:hover { background-color: rgb(203, 203, 203); }
  .buttonWithin:active { background-color: rgb(179, 179, 179); }
}
@media (max-width: 995px) {
  .buttonWithin { width: 15%; height: 52px; margin: 0px; padding-top: 0px; line-height: 52px; }
}
.continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 250px; }
}
.continueButton:hover, .continueButton--withCancel:hover { background-color: rgb(72, 165, 36); }
.continueButton:active, .continueButton--withCancel:active { background-color: rgb(55, 142, 22); }
.continueButton:disabled, .continueButton--withCancel:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.inputWithin, .inputWithin--withError { border-radius: 4px 0px 0px 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto 0px 0px; width: 120px; padding: 0px 10px; }
@media (min-width: 996px) {
  .inputWithin, .inputWithin--withError { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .inputWithin, .inputWithin--withError { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .inputWithin::placeholder, .inputWithin--withError::placeholder { color: transparent; }
}
.input--withError { border-color: rgb(226, 83, 53); }
.input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
dl, dt, dd, ul, li, p { margin: 0px; }
ul { padding: 0px; list-style: none; }
img[src*="googleads.g.doubleclick.net/pagead/viewthroughconversion"] { display: none; }
.buttonWithin { border-radius: 0px 4px 4px 0px; border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(229, 229, 229); border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-image: initial; margin-left: 0px; padding: 11px; border-left-style: initial; border-left-color: initial; cursor: pointer; }
@media (min-width: 996px) {
  .buttonWithin { height: 40px; background-color: rgb(244, 244, 244); font-size: 16px; position: absolute; }
  .buttonWithin:hover { background-color: rgb(203, 203, 203); }
  .buttonWithin:active { background-color: rgb(179, 179, 179); }
}
@media (max-width: 995px) {
  .buttonWithin { width: 15%; height: 52px; margin: 0px; padding-top: 0px; line-height: 52px; }
}
.continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 250px; }
}
.continueButton:hover, .continueButton--withCancel:hover { background-color: rgb(72, 165, 36); }
.continueButton:active, .continueButton--withCancel:active { background-color: rgb(55, 142, 22); }
.continueButton:disabled, .continueButton--withCancel:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.inputWithin, .inputWithin--withError { border-radius: 4px 0px 0px 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto 0px 0px; width: 120px; padding: 0px 10px; }
@media (min-width: 996px) {
  .inputWithin, .inputWithin--withError { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .inputWithin, .inputWithin--withError { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .inputWithin::placeholder, .inputWithin--withError::placeholder { color: transparent; }
}
.input--withError { border-color: rgb(226, 83, 53); }
.input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
body { overflow-y: scroll; color: rgb(64, 64, 64); font-family: Arial, Helvetica, "Liberation Sans", Roboto, sans-serif; line-height: 1.5; }
body:has(.OverScreen.show) { overflow: hidden; }
a { color: rgb(140, 140, 140); }
.no-scroll { overflow: hidden; }
.flow-controll-modal { overflow: hidden; }
.clearfix::after { display: table; clear: both; content: ""; }
button { padding: 0px; cursor: pointer; }
select { background-color: rgb(255, 255, 255); }
iframe { margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; vertical-align: baseline; }
* { box-sizing: border-box; }
@media (max-width: 995px) {
  input:-webkit-autofill + label, .active--input { top: 0px; left: 0px; color: rgb(140, 140, 140); font-size: 80%; transition: 0.125s; }
}
.form-title { margin-bottom: 20px; margin-left: 366px; font-size: 18px; font-weight: 700; }
@media (max-width: 995px) {
  .form-title { margin: 0px; padding-bottom: 10px; font-size: 14px; }
}
.checkboxGroup { margin-right: 10px; margin-bottom: 20px; }
@media (min-width: 996px) {
  .checkboxGroup { margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
.checkbox { margin-right: 10px; }
.checkbox-label { width: 90%; }
.continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { margin-bottom: 20px; }
@media (max-width: 995px) {
  .continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 85%; margin-left: 20px; }
}
.continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: rgb(88, 194, 46); }
@media (max-width: 995px) {
  .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 100%; margin-left: 20px; }
}
@media (min-width: 996px) {
  .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { margin-left: 0px; }
}
.continueButton--withCancel:hover { background-color: rgb(72, 165, 36); }
.continueButton--withCancel:active { background-color: rgb(55, 142, 22); }
@media (max-width: 995px) {
  .inputWithinGroup { display: flex; flex-flow: wrap; justify-content: center; text-align: center; }
}
@media (min-width: 996px) {
  .inputWithinGroup { width: 70%; }
}
.inputWithin { margin-bottom: 10px; padding-top: 2px; }
@media (max-width: 995px) {
  .inputWithin { width: 85%; height: 52px; margin-left: 0px; }
}
.inputWithin--withError { border-color: rgb(226, 83, 53); }
.Success { align-self: flex-start; width: 35px; height: 15px; margin-top: 10px; fill: rgb(63, 203, 42); }
@media (max-width: 995px) {
  .Success { display: none; }
}
.mobile-only { display: none; }
@media (max-width: 995px) {
  .mobile-only { display: block; }
  .mobile-hidden { display: none; }
}
.BtnLarge { border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-lg); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.CloseIcon { position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; cursor: pointer; fill: rgb(0, 131, 202); }
@media (max-width: 995px) {
  .CloseIcon { top: 15px; right: 16px; width: 18px; height: 18px; }
}
*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
:root { --tom-color-brand-default: #0086FF; --tom-color-brand-darker: #0075E2; --tom-color-brand-lighter: #2FA0FD; --tom-color-brand-default-inverted: #FFFFFF; --tom-color-brand-darker-inverted: #FFFFFF; --tom-color-brand-lighter-inverted: #EDF8FF; --tom-color-on-brand-default: #FFFFFF; --tom-color-on-brand-darker: #FFFFFF; --tom-color-on-brand-lighter: #EDF8FF; --tom-color-on-brand-default-inverted: #0086FF; --tom-color-on-brand-darker-inverted: #0075E2; --tom-color-on-brand-lighter-inverted: #2FA0FD; --tom-color-on-danger-default: #FFFFFF; --tom-color-on-danger-darker: #FFFFFF; --tom-color-on-danger-lighter: #FFF6F7; --tom-color-on-danger-default-inverted: #D30D31; --tom-color-on-danger-darker-inverted: #B01636; --tom-color-on-danger-lighter-inverted: #E41C41; --tom-color-on-info-default: #FFFFFF; --tom-color-on-info-darker: #FFFFFF; --tom-color-on-info-lighter: #F6FCFF; --tom-color-on-info-default-inverted: #08A8E7; --tom-color-on-info-darker-inverted: #0F9ACB; --tom-color-on-info-lighter-inverted: #1FB7F3; --tom-color-on-interaction-default: #FFFFFF; --tom-color-on-interaction-darker: #FFFFFF; --tom-color-on-interaction-lighter: #EDF8FF; --tom-color-on-interaction-default-inverted: #0086FF; --tom-color-on-interaction-darker-inverted: #0075E2; --tom-color-on-interaction-lighter-inverted: #2FA0FD; --tom-color-on-success-default: #FFFFFF; --tom-color-on-success-darker: #FFFFFF; --tom-color-on-success-lighter: #F9FFF3; --tom-color-on-success-default-inverted: #4EA900; --tom-color-on-success-darker-inverted: #429502; --tom-color-on-success-lighter-inverted: #5EBE09; --tom-color-on-surface-1: #1E2428; --tom-color-on-surface-2: #343B3F; --tom-color-on-surface-3: #51585C; --tom-color-on-surface-4: #697277; --tom-color-on-surface-5: #949EA2; --tom-color-on-surface-6: #B8C1C4; --tom-color-on-surface-7: #D3DADD; --tom-color-on-surface-8: #E3E8EA; --tom-color-on-surface-9: #F0F3F4; --tom-color-on-surface-10: #FFFFFF; --tom-color-on-warning-default: #FFFFFF; --tom-color-on-warning-darker: #FFFFFF; --tom-color-on-warning-lighter: #FFFDF0; --tom-color-on-warning-default-inverted: #CCAC00; --tom-color-on-warning-darker-inverted: #997800; --tom-color-on-warning-lighter-inverted: #EAC600; --tom-color-on-artic-100: #00C3D9; --tom-color-on-artic-200: #FFFFFF; --tom-color-on-artic-300: #FFFFFF; --tom-color-on-artic-400: #FFFFFF; --tom-color-on-artic-000: #00C3D9; --tom-color-on-blonde-100: #DFC018; --tom-color-on-blonde-200: #FFFFFF; --tom-color-on-blonde-300: #FFFFFF; --tom-color-on-blonde-400: #FFFFFF; --tom-color-on-blonde-000: #DFC018; --tom-color-on-blue-100: #0075E2; --tom-color-on-blue-200: #FFFFFF; --tom-color-on-blue-300: #FFFFFF; --tom-color-on-blue-400: #FFFFFF; --tom-color-on-blue-000: #0075E2; --tom-color-on-cyan-100: #0F9ACB; --tom-color-on-cyan-200: #FFFFFF; --tom-color-on-cyan-300: #FFFFFF; --tom-color-on-cyan-400: #FFFFFF; --tom-color-on-cyan-500: #FFFFFF; --tom-color-on-cyan-000: #0F9ACB; --tom-color-on-gold-100: #EEB510; --tom-color-on-gold-200: #FFFFFF; --tom-color-on-gold-300: #FFFFFF; --tom-color-on-gold-400: #FFFFFF; --tom-color-on-gold-500: #FFFFFF; --tom-color-on-gold-000: #EEB510; --tom-color-on-green-100: #429502; --tom-color-on-green-200: #FFFFFF; --tom-color-on-green-300: #FFFFFF; --tom-color-on-green-400: #FFFFFF; --tom-color-on-green-500: #FFFFFF; --tom-color-on-green-000: #429502; --tom-color-on-grey-100: #1E2428; --tom-color-on-grey-200: #1E2428; --tom-color-on-grey-300: #1E2428; --tom-color-on-grey-400: #1E2428; --tom-color-on-grey-500: #1E2428; --tom-color-on-grey-600: #FFFFFF; --tom-color-on-grey-700: #FFFFFF; --tom-color-on-grey-800: #FFFFFF; --tom-color-on-grey-900: #FFFFFF; --tom-color-on-grey-000: #1E2428; --tom-color-on-lime-100: #11C11B; --tom-color-on-lime-200: #FFFFFF; --tom-color-on-lime-300: #FFFFFF; --tom-color-on-lime-400: #FFFFFF; --tom-color-on-lime-000: #11C11B; --tom-color-on-pink-100: #EB2593; --tom-color-on-pink-200: #FFFFFF; --tom-color-on-pink-300: #FFFFFF; --tom-color-on-pink-400: #FFFFFF; --tom-color-on-pink-000: #EB2593; --tom-color-on-purple-100: #9110C2; --tom-color-on-purple-200: #FFFFFF; --tom-color-on-purple-300: #FFFFFF; --tom-color-on-purple-400: #FFFFFF; --tom-color-on-purple-000: #9110C2; --tom-color-on-red-100: #B01636; --tom-color-on-red-200: #FFFFFF; --tom-color-on-red-300: #FFFFFF; --tom-color-on-red-400: #FFFFFF; --tom-color-on-red-500: #FFFFFF; --tom-color-on-red-000: #B01636; --tom-color-on-scarlet-100: #E3172C; --tom-color-on-scarlet-200: #FFFFFF; --tom-color-on-scarlet-300: #FFFFFF; --tom-color-on-scarlet-400: #FFFFFF; --tom-color-on-scarlet-000: #E3172C; --tom-color-on-tangerine-100: #EC7712; --tom-color-on-tangerine-200: #FFFFFF; --tom-color-on-tangerine-300: #FFFFFF; --tom-color-on-tangerine-400: #FFFFFF; --tom-color-on-tangerine-000: #EC7712; --tom-color-on-yellow-100: #E5A400; --tom-color-on-yellow-200: #FFFFFF; --tom-color-on-yellow-300: #FFFFFF; --tom-color-on-yellow-400: #FFFFFF; --tom-color-on-yellow-500: #FFFFFF; --tom-color-on-yellow-000: #E5A400; --tom-color-danger-default: #D30D31; --tom-color-danger-darker: #B01636; --tom-color-danger-lighter: #E41C41; --tom-color-danger-default-inverted: #FFFFFF; --tom-color-danger-darker-inverted: #FFFFFF; --tom-color-danger-lighter-inverted: #FFF6F7; --tom-color-info-default: #08A8E7; --tom-color-info-darker: #0F9ACB; --tom-color-info-lighter: #1FB7F3; --tom-color-info-default-inverted: #FFFFFF; --tom-color-info-darker-inverted: #FFFFFF; --tom-color-info-lighter-inverted: #F6FCFF; --tom-color-interaction-default: #0086FF; --tom-color-interaction-darker: #0075E2; --tom-color-interaction-lighter: #2FA0FD; --tom-color-interaction-default-inverted: #FFFFFF; --tom-color-interaction-darker-inverted: #FFFFFF; --tom-color-interaction-lighter-inverted: #EDF8FF; --tom-color-success-default: #4EA900; --tom-color-success-darker: #429502; --tom-color-success-lighter: #5EBE09; --tom-color-success-default-inverted: #FFFFFF; --tom-color-success-darker-inverted: #FFFFFF; --tom-color-success-lighter-inverted: #F9FFF3; --tom-color-surface-low: #F0F3F4; --tom-color-surface-high: #FFFFFF; --tom-color-surface-container-lowest: #FFFFFF; --tom-color-surface-container-lower: #F0F3F4; --tom-color-surface-container-low: #E3E8EA; --tom-color-surface-container-mid: #D3DADD; --tom-color-surface-container-high: #B8C1C4; --tom-color-surface-container-higher: #949EA2; --tom-color-surface-container-highest: #697277; --tom-color-warning-default: #CCAC00; --tom-color-warning-darker: #997800; --tom-color-warning-lighter: #EAC600; --tom-color-warning-default-inverted: #FFFFFF; --tom-color-warning-darker-inverted: #FFFFFF; --tom-color-warning-lighter-inverted: #FFFDF0; --tom-color-artic-100: #CBF5FD; --tom-color-artic-200: #2BD7EE; --tom-color-artic-300: #00CCE4; --tom-color-artic-400: #00C3D9; --tom-color-artic-000: #F2FDFF; --tom-color-blonde-100: #FFF9CB; --tom-color-blonde-200: #FFE868; --tom-color-blonde-300: #FBDC31; --tom-color-blonde-400: #DFC018; --tom-color-blonde-000: #FFFBED; --tom-color-blue-100: #D8F3FF; --tom-color-blue-200: #2FA0FD; --tom-color-blue-300: #0086FF; --tom-color-blue-400: #0075E2; --tom-color-blue-000: #EDF8FF; --tom-color-cyan-100: #DBF5FF; --tom-color-cyan-200: #1FB7F3; --tom-color-cyan-300: #08A8E7; --tom-color-cyan-400: #0F9ACB; --tom-color-cyan-500: #095E7B; --tom-color-cyan-000: #F6FCFF; --tom-color-gold-100: #FFF8D7; --tom-color-gold-200: #FED556; --tom-color-gold-300: #F9C52E; --tom-color-gold-400: #EEB510; --tom-color-gold-500: #99620F; --tom-color-gold-000: #FAF6EA; --tom-color-green-100: #EBFDD9; --tom-color-green-200: #5EBE09; --tom-color-green-300: #4EA900; --tom-color-green-400: #429502; --tom-color-green-500: #2D6501; --tom-color-green-000: #F9FFF3; --tom-color-grey-100: #F0F3F4; --tom-color-grey-200: #E3E8EA; --tom-color-grey-300: #D3DADD; --tom-color-grey-400: #B8C1C4; --tom-color-grey-500: #949EA2; --tom-color-grey-600: #697277; --tom-color-grey-700: #51585C; --tom-color-grey-800: #343B3F; --tom-color-grey-900: #1E2428; --tom-color-grey-000: #FFFFFF; --tom-color-lime-100: #D9FDDA; --tom-color-lime-200: #3BE33F; --tom-color-lime-300: #21D427; --tom-color-lime-400: #11C11B; --tom-color-lime-000: #F5FFF5; --tom-color-pink-100: #FFD8ED; --tom-color-pink-200: #FF62B7; --tom-color-pink-300: #FC3EA7; --tom-color-pink-400: #EB2593; --tom-color-pink-000: #FFF0F7; --tom-color-purple-100: #F9DEFF; --tom-color-purple-200: #B532EC; --tom-color-purple-300: #A320DE; --tom-color-purple-400: #9110C2; --tom-color-purple-000: #FDF5FF; --tom-color-red-100: #FFDEE2; --tom-color-red-200: #E41C41; --tom-color-red-300: #D30D31; --tom-color-red-400: #B01636; --tom-color-red-500: #831028; --tom-color-red-000: #FFF6F7; --tom-color-scarlet-100: #FFE0E6; --tom-color-scarlet-200: #FF455C; --tom-color-scarlet-300: #FC2A41; --tom-color-scarlet-400: #E3172C; --tom-color-scarlet-000: #FFF5F6; --tom-color-tangerine-100: #FFE6D3; --tom-color-tangerine-200: #FF9E4D; --tom-color-tangerine-300: #FD8A25; --tom-color-tangerine-400: #EC7712; --tom-color-tangerine-000: #FFF5F0; --tom-color-yellow-100: #FFF6CC; --tom-color-yellow-200: #FED34E; --tom-color-yellow-300: #F8BF1B; --tom-color-yellow-400: #E5A400; --tom-color-yellow-500: #B25F00; --tom-color-yellow-000: #FFFDF0; --tom-border-none: 0; --tom-border-thin: 1px; --tom-border-medium: 2px; --tom-border-thick: 3px; --tom-border-thicker: 4px; --tom-elevation-none: none; --tom-elevation-sm: 0px 4px 7px rgba(0, 0, 0, 0.04), 0px 1.92921px 0.876509px rgba(0, 0, 0, 0.015); --tom-elevation-md: 0px 9px 14px 2px rgba(0, 0, 0, 0.05), 0px 2.64715px 0.931014px 2px rgba(0, 0, 0, 0.0183), 0px 5.0715px 3.12708px 2px rgba(0, 0, 0, 0.0017); --tom-elevation-lg: 0px 24px 36px 2px rgba(0, 0, 0, 0.05), 0px 15.9152px 10.8529px 2px rgba(0, 0, 0, 0.017), 0px 9.91213px 4.50776px 2px rgba(0, 0, 0, 0.01), 0px 5.32265px 1.63037px 2px rgba(0, 0, 0, 0.0057); --tom-opacity-0: 0; --tom-opacity-10: 0.1; --tom-opacity-20: 0.2; --tom-opacity-30: 0.3; --tom-opacity-40: 0.4; --tom-opacity-50: 0.5; --tom-opacity-60: 0.6; --tom-opacity-70: 0.7; --tom-opacity-80: 0.8; --tom-opacity-90: 0.9; --tom-radius-none: 0; --tom-radius-xsm: 2px; --tom-radius-sm: 4px; --tom-radius-md: 8px; --tom-radius-lg: 12px; --tom-radius-xlg: 16px; --tom-radius-2xlg: 24px; --tom-radius-full: 9999px; --tom-screen-android-min: 360px; --tom-screen-android-max: 743px; --tom-screen-ios-min: 375px; --tom-screen-ios-max: 743px; --tom-screen-responsive-min: 360px; --tom-screen-responsive-max: 1440px; --tom-screen-breakpoints-sm: 360px; --tom-screen-breakpoints-md: 744px; --tom-screen-breakpoints-lg: 1280px; --tom-spacing-3xsm: 2px; --tom-spacing-2xsm: 4px; --tom-spacing-xsm: 8px; --tom-spacing-sm: 12px; --tom-spacing-md: 16px; --tom-spacing-lg: 24px; --tom-spacing-xlg: 32px; --tom-spacing-2xlg: 40px; --tom-spacing-3xlg: 48px; --tom-spacing-hg: 64px; --tom-spacing-xhg: 80px; --tom-spacing-2xhg: 96px; --tom-font-family: "Magalu UI", Tahoma, sans-serif; --tom-font-DEFAULT: 400 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-4xlg-regular: 400 55px/62px "Magalu UI", Tahoma, sans-serif; --tom-font-4xlg-medium: 500 55px/62px "Magalu UI", Tahoma, sans-serif; --tom-font-4xlg-bold: 560 55px/62px "Magalu UI", Tahoma, sans-serif; --tom-font-3xlg-regular: 400 44px/50px "Magalu UI", Tahoma, sans-serif; --tom-font-3xlg-medium: 500 44px/50px "Magalu UI", Tahoma, sans-serif; --tom-font-3xlg-bold: 560 44px/50px "Magalu UI", Tahoma, sans-serif; --tom-font-2xlg-regular: 400 35px/40px "Magalu UI", Tahoma, sans-serif; --tom-font-2xlg-medium: 500 35px/40px "Magalu UI", Tahoma, sans-serif; --tom-font-2xlg-bold: 560 35px/40px "Magalu UI", Tahoma, sans-serif; --tom-font-xlg-regular: 400 28px/32px "Magalu UI", Tahoma, sans-serif; --tom-font-xlg-medium: 500 28px/32px "Magalu UI", Tahoma, sans-serif; --tom-font-xlg-bold: 560 28px/32px "Magalu UI", Tahoma, sans-serif; --tom-font-lg-regular: 400 22px/28px "Magalu UI", Tahoma, sans-serif; --tom-font-lg-medium: 500 22px/28px "Magalu UI", Tahoma, sans-serif; --tom-font-lg-bold: 560 22px/28px "Magalu UI", Tahoma, sans-serif; --tom-font-md-regular: 400 20px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-md-medium: 500 20px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-md-bold: 560 20px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-sm-regular: 400 18px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-sm-medium: 500 18px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-sm-bold: 560 18px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-xsm-regular: 400 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-xsm-medium: 500 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-xsm-bold: 560 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-2xsm-regular: 400 14px/16px "Magalu UI", Tahoma, sans-serif; --tom-font-2xsm-medium: 500 14px/16px "Magalu UI", Tahoma, sans-serif; --tom-font-2xsm-bold: 560 14px/16px "Magalu UI", Tahoma, sans-serif; --tom-font-3xsm-regular: 400 12px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-3xsm-medium: 500 12px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-3xsm-bold: 560 12px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-4xsm-regular: 400 10px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-4xsm-medium: 500 10px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-4xsm-bold: 560 10px/14px "Magalu UI", Tahoma, sans-serif; }
*, ::before, ::after { border-width: 0px; border-style: solid; border-color: currentcolor; box-sizing: inherit; }
html { box-sizing: border-box; }
@font-face { font-family: "Magalu UI"; font-display: swap; src: url("https://tom.mlcdn.com.br/fonts/magalu-ui-variable/files/MagaluUIVariable.woff2") format("woff2"); }
@keyframes bottom-sheet-sticky { 
  0% { top: 50%; }
  100% { top: 0px; }
}
@keyframes ripple-pressed { 
  0% { background-color: var(--tom-color-surface-container-low); }
  50% { background-color: var(--tom-color-surface-container-high); }
  100% { background-color: var(--tom-color-surface-container-low); }
}
@font-face { font-family: tom-icons; font-display: block; src: url("https://tom.mlcdn.com.br/icons/1.32.0/font/tom-icons.ttf") format("truetype"), url("https://tom.mlcdn.com.br/icons/1.32.0/font/tom-icons.woff") format("woff"), url("https://tom.mlcdn.com.br/icons/1.32.0/font/tom-icons.woff2") format("woff2"); }
@keyframes ripple-pressed { 
  0% { background-color: var(--tom-color-surface-container-low); }
  50% { background-color: var(--tom-color-surface-container-high); }
  100% { background-color: var(--tom-color-surface-container-low); }
}
@keyframes tab-indicator-show { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.container { width: 100%; }
@media (min-width: 360px) {
  .container { max-width: 360px; }
}
@media (min-width: 744px) {
  .container { max-width: 744px; }
}
@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}
.bottom-sheet { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; visibility: hidden; opacity: 0; transition: 0.1s linear; }
.bottom-sheet.visible { visibility: visible; opacity: 1; }
.bottom-sheet.visible .bottom-sheet-container { transform: translateY(0%); }
.bottom-sheet .bottom-sheet-overlay { position: absolute; top: 0px; left: 0px; content: ""; display: block; width: 100%; height: 100%; background-color: var(--tom-color-surface-container-highest); opacity: var(--tom-opacity-50); z-index: 0; }
.bottom-sheet .bottom-sheet-container { position: fixed; display: flex; flex-direction: column; width: 100%; height: auto; bottom: 0px; z-index: 1; max-height: 100%; overflow-y: auto; background-color: var(--tom-color-surface-container-lowest); border-top-left-radius: var(--tom-radius-2xlg); border-top-right-radius: var(--tom-radius-2xlg); transform: translateY(100%); transition: 0.4s; }
.bottom-sheet .bottom-sheet-container .bottom-sheet-header { position: sticky; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; top: 0px; left: 0px; padding: var(--tom-spacing-lg) var(--tom-spacing-md) var(--tom-spacing-md); background-color: var(--tom-color-surface-container-lowest); border-top-left-radius: var(--tom-radius-2xlg); border-top-right-radius: var(--tom-radius-2xlg); border-bottom: var(--tom-border-thin) solid var(--tom-color-surface-container-mid); gap: var(--tom-spacing-xlg); }
.bottom-sheet .bottom-sheet-container .bottom-sheet-header .bottom-sheet-close { position: relative; display: inline-flex; align-items: center; border-radius: var(--tom-radius-2xlg); padding: var(--tom-spacing-2xsm); background-color: var(--tom-color-surface-container-low); }
.bottom-sheet .bottom-sheet-container .bottom-sheet-header .bottom-sheet-close::before { width: var(--tom-spacing-lg); height: var(--tom-spacing-lg); content: ""; color: var(--tom-color-on-surface-3); font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; line-height: 1; font-size: var(--tom-spacing-lg); font-family: tom-icons !important; }
.bottom-sheet .bottom-sheet-container .bottom-sheet-content { padding: var(--tom-spacing-lg) var(--tom-spacing-md); flex-grow: 3; }
.bottom-sheet .bottom-sheet-container .bottom-sheet-footer { position: sticky; display: block; width: 100%; height: auto; bottom: 0px; left: 0px; padding: var(--tom-spacing-md); background-color: var(--tom-color-surface-container-lowest); border-top: var(--tom-border-thin) solid var(--tom-color-surface-container-mid); }
.bottom-sheet.bottom-sheet-full .bottom-sheet-container { height: 100%; }
@supports (animation-timeline: scroll()) {
  .bottom-sheet.bottom-sheet-sticky .bottom-sheet-container { min-height: 50%; top: 50%; animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: bottom-sheet-sticky; animation-range: normal; animation-timeline: scroll(self); }
}
.btn { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-md); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-2xsm); padding-bottom: var(--tom-spacing-xsm); padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); padding-top: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.btn:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.btn:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.btn:disabled, .btn.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-sm.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-sm:disabled, .btn-sm.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-md.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-md:disabled, .btn-md.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-lg { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-lg); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-xsm); padding-bottom: var(--tom-spacing-sm); padding-left: var(--tom-spacing-md); padding-right: var(--tom-spacing-md); padding-top: var(--tom-spacing-sm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.btn-lg:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.btn-lg:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.btn-lg:disabled, .btn-lg.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-lg.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-outline { background-color: transparent; border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default-inverted); }
.btn-outline:hover { background-color: transparent; border-color: var(--tom-color-interaction-lighter); color: var(--tom-color-on-interaction-lighter-inverted); }
.btn-outline:active { background-color: var(--tom-color-surface-container-mid); border-color: var(--tom-color-interaction-darker); color: var(--tom-color-on-interaction-darker-inverted); }
.btn-outline:disabled, .btn-outline.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-outline.\!disabled { background-color: transparent !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-invisible { background-color: transparent; border-color: transparent; color: var(--tom-color-on-interaction-default-inverted); }
.btn-invisible:hover { background-color: transparent; border-color: transparent; color: var(--tom-color-on-interaction-lighter-inverted); }
.btn-invisible:active { background-color: var(--tom-color-surface-container-mid); border-color: var(--tom-color-surface-container-mid); color: var(--tom-color-on-interaction-darker-inverted); }
.btn-invisible:disabled, .btn-invisible.disabled { background-color: transparent; border-color: transparent; color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-invisible.\!disabled { background-color: transparent !important; border-color: transparent !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-inverted.\!disabled { background-color: var(--tom-color-surface-container-lowest) !important; border-color: var(--tom-color-surface-container-lowest) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-inverted:disabled, .btn-inverted.disabled { background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-lowest); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success { background-color: var(--tom-color-success-default); border-color: var(--tom-color-success-default); color: var(--tom-color-on-success-default); }
.btn-success:hover { background-color: var(--tom-color-success-lighter); border-color: var(--tom-color-on-success-lighter); }
.btn-success:active { background-color: var(--tom-color-success-darker); border-color: var(--tom-color-on-success-darker); }
.btn-success:disabled, .btn-success.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-outline.\!disabled { background-color: transparent !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-outline:disabled, .btn-success-outline.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success-invisible.\!disabled { background-color: transparent !important; border-color: transparent !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-invisible:disabled, .btn-success-invisible.disabled { background-color: transparent; border-color: transparent; color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success-inverted.\!disabled { background-color: var(--tom-color-surface-container-lowest) !important; border-color: var(--tom-color-surface-container-lowest) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-inverted:disabled, .btn-success-inverted.disabled { background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-lowest); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger:disabled, .btn-danger.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger-outline.\!disabled { background-color: transparent !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger-outline:disabled, .btn-danger-outline.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger-invisible.\!disabled { background-color: transparent !important; border-color: transparent !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger-invisible:disabled, .btn-danger-invisible.disabled { background-color: transparent; border-color: transparent; color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger-inverted.\!disabled { background-color: var(--tom-color-surface-container-lowest) !important; border-color: var(--tom-color-surface-container-lowest) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger-inverted:disabled, .btn-danger-inverted.disabled { background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-lowest); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.checkbox-group { width: fit-content; box-sizing: content-box; position: relative; display: flex; align-items: center; }
.checkbox-group > .title { position: absolute; left: 22px; color: var(--tom-color-on-surface-3); margin-left: var(--tom-spacing-xsm); font: var(--tom-font-sm-regular); cursor: pointer; z-index: 1; }
.checkbox-group > .\!title { position: absolute !important; left: 22px !important; color: var(--tom-color-on-surface-3) !important; margin-left: var(--tom-spacing-xsm) !important; font: var(--tom-font-sm-regular) !important; cursor: pointer !important; z-index: 1 !important; }
.checkbox-group > .ripple { box-sizing: unset; position: absolute; height: 22px; width: 22px; padding: 11px; background-color: var(--tom-color-surface-container-low); border-radius: 50%; left: -11px; z-index: 0; opacity: 0; transform-origin: center center; transition: opacity 375ms linear; }
.checkbox-group > .mark { display: none; position: absolute; }
.checkbox-group > .mark::before { position: absolute; content: ""; display: block; width: 11px; border-radius: var(--tom-radius-xsm); height: 0px; border: 1px solid; left: 7px; top: -1px; color: var(--tom-color-on-interaction-default); user-select: none; pointer-events: none; z-index: 2; transform: rotate(-45deg); }
.checkbox-group > .mark::after { position: absolute; content: ""; display: block; width: 6px; border-radius: var(--tom-radius-xsm); height: 0px; border: 1px solid; left: 3px; top: 1px; color: var(--tom-color-on-interaction-default); user-select: none; pointer-events: none; z-index: 2; transform: rotate(45deg); }
.checkbox-group > .checkbox { box-sizing: border-box; appearance: none; border-width: 2px; border-style: solid; border-image: initial; border-color: var(--tom-color-surface-container-higher); border-radius: var(--tom-radius-sm); cursor: pointer; height: 22px; outline: none; width: 22px; z-index: 1; }
.checkbox-group > .checkbox:checked ~ .unchecked, .checkbox-group > .checkbox:not(:checked) ~ .checked { display: none; }
.checkbox-group > .checkbox:checked ~ .checked, .checkbox-group > .checkbox:not(:checked) ~ .unchecked { position: absolute; display: inline-flex; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.checkbox-group > .checkbox:hover:not(:disabled) { border-color: var(--tom-color-surface-container-highest); }
.checkbox-group > .checkbox:hover:not(:disabled) ~ .ripple { opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.checkbox-group > .checkbox:disabled { cursor: not-allowed; }
.checkbox-group > .checkbox:disabled ~ .ripple { display: none; }
.checkbox-group > .checkbox:disabled ~ .title { cursor: not-allowed; }
.checkbox-group > .checkbox:disabled ~ .\!title { cursor: not-allowed !important; }
.checkbox-group > .checkbox:disabled:checked, .checkbox-group > .checkbox:disabled:indeterminate { background-color: var(--tom-color-surface-container-higher); border-color: var(--tom-color-surface-container-higher); }
.checkbox-group > .checkbox:disabled:checked:hover, .checkbox-group > .checkbox:disabled:indeterminate:hover { background-color: var(--tom-color-surface-container-higher); border-color: var(--tom-color-surface-container-higher); }
.checkbox-group > .checkbox:checked, .checkbox-group > .checkbox:indeterminate { background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); }
.checkbox-group > .checkbox:checked:hover, .checkbox-group > .checkbox:indeterminate:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-interaction-lighter); }
.checkbox-group > .checkbox:checked ~ .ripple { animation: 500ms ease 0s 1 normal none running ripple-pressed; }
.checkbox-group > .checkbox:checked ~ .mark { display: block; }
.checkbox-group > .checkbox:indeterminate ~ .mark { display: block; }
.checkbox-group > .checkbox:indeterminate ~ .mark::before { display: block; transform: none; left: 50%; margin-left: 4px; }
.checkbox-group > .checkbox:indeterminate ~ .mark::after { display: none; }
.checkbox-group > .transparent { border: none !important; background-color: transparent !important; }
.chip > .\!input.text { font: var(--tom-font-xsm-regular) !important; }
.chip > .input.text { font: var(--tom-font-xsm-regular); }
.chip.selected, .selected > .chip { background-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.chip.\!disabled, .\!disabled > .chip { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip.disabled, .disabled > .chip { background-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip.\!disabled, .\!disabled > .chip { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-sm > .\!input.text { font: var(--tom-font-2xsm-regular) !important; }
.chip-sm > .input.text { font: var(--tom-font-2xsm-regular); }
.chip-sm.selected, .selected > .chip-sm { background-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.chip-sm.\!disabled, .\!disabled > .chip-sm { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-sm.disabled, .disabled > .chip-sm { background-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip-sm.\!disabled, .\!disabled > .chip-sm { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-md > .\!input.text { font: var(--tom-font-xsm-regular) !important; }
.chip-md > .input.text { font: var(--tom-font-xsm-regular); }
.chip-md.selected, .selected > .chip-md { background-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.chip-md.\!disabled, .\!disabled > .chip-md { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-md.disabled, .disabled > .chip-md { background-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip-md.\!disabled, .\!disabled > .chip-md { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-outline.selected, .selected > .chip-outline { background-color: transparent; border-color: var(--tom-color-on-interaction-default-inverted); color: var(--tom-color-on-interaction-default-inverted); }
.chip-outline.\!disabled, .\!disabled > .chip-outline { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-outline.disabled, .disabled > .chip-outline { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip-outline.\!disabled, .\!disabled > .chip-outline { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.\!icon { display: inline-flex !important; }
.icon { display: inline-flex; }
.\!icon::before { font-family: tom-icons !important; font-style: normal !important; font-weight: normal !important; font-feature-settings: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; }
.icon::before, .icon-left::before, .icon-right::after { font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: tom-icons !important; }
.\!icon.icon-access-time::before { content: "" !important; }
.icon.icon-access-time::before { content: ""; }
.\!icon.icon-account-circle::before { content: "" !important; }
.icon.icon-account-circle::before { content: ""; }
.\!icon.icon-add::before { content: "" !important; }
.icon.icon-add::before { content: ""; }
.\!icon.icon-arrow-back::before { content: "" !important; }
.icon.icon-arrow-back::before { content: ""; }
.\!icon.icon-arrow-down-left::before { content: "" !important; }
.icon.icon-arrow-down-left::before { content: ""; }
.\!icon.icon-arrow-down-right::before { content: "" !important; }
.icon.icon-arrow-down-right::before { content: ""; }
.\!icon.icon-arrow-downward::before { content: "" !important; }
.icon.icon-arrow-downward::before { content: ""; }
.\!icon.icon-arrow-forward::before { content: "" !important; }
.icon.icon-arrow-forward::before { content: ""; }
.\!icon.icon-arrow-upward::before { content: "" !important; }
.icon.icon-arrow-upward::before { content: ""; }
.\!icon.icon-audio-up::before { content: "" !important; }
.icon.icon-audio-up::before { content: ""; }
.\!icon.icon-bank-slip::before { content: "" !important; }
.icon.icon-bank-slip::before { content: ""; }
.\!icon.icon-calendar-today::before { content: "" !important; }
.icon.icon-calendar-today::before { content: ""; }
.\!icon.icon-category-af::before { content: "" !important; }
.icon.icon-category-af::before { content: ""; }
.\!icon.icon-category-am::before { content: "" !important; }
.icon.icon-category-am::before { content: ""; }
.\!icon.icon-category-ar::before { content: "" !important; }
.icon.icon-category-ar::before { content: ""; }
.\!icon.icon-category-au::before { content: "" !important; }
.icon.icon-category-au::before { content: ""; }
.\!icon.icon-category-bb::before { content: "" !important; }
.icon.icon-category-bb::before { content: ""; }
.\!icon.icon-category-br::before { content: "" !important; }
.icon.icon-category-br::before { content: ""; }
.\!icon.icon-category-bs::before { content: "" !important; }
.icon.icon-category-bs::before { content: ""; }
.\!icon.icon-category-cf::before { content: "" !important; }
.icon.icon-category-cf::before { content: ""; }
.\!icon.icon-category-ci::before { content: "" !important; }
.icon.icon-category-ci::before { content: ""; }
.\!icon.icon-category-cj::before { content: "" !important; }
.icon.icon-category-cj::before { content: ""; }
.\!icon.icon-category-cm::before { content: "" !important; }
.icon.icon-category-cm::before { content: ""; }
.\!icon.icon-category-co::before { content: "" !important; }
.icon.icon-category-co::before { content: ""; }
.\!icon.icon-category-cp::before { content: "" !important; }
.icon.icon-category-cp::before { content: ""; }
.\!icon.icon-category-cr::before { content: "" !important; }
.icon.icon-category-cr::before { content: ""; }
.\!icon.icon-category-de::before { content: "" !important; }
.icon.icon-category-de::before { content: ""; }
.\!icon.icon-category-ea::before { content: "" !important; }
.icon.icon-category-ea::before { content: ""; }
.\!icon.icon-category-ed::before { content: "" !important; }
.icon.icon-category-ed::before { content: ""; }
.\!icon.icon-category-ep::before { content: "" !important; }
.icon.icon-category-ep::before { content: ""; }
.\!icon.icon-category-es::before { content: "" !important; }
.icon.icon-category-es::before { content: ""; }
.\!icon.icon-category-et::before { content: "" !important; }
.icon.icon-category-et::before { content: ""; }
.\!icon.icon-category-fj::before { content: "" !important; }
.icon.icon-category-fj::before { content: ""; }
.\!icon.icon-category-fm::before { content: "" !important; }
.icon.icon-category-fm::before { content: ""; }
.\!icon.icon-category-fs::before { content: "" !important; }
.icon.icon-category-fs::before { content: ""; }
.\!icon.icon-category-ga::before { content: "" !important; }
.icon.icon-category-ga::before { content: ""; }
.\!icon.icon-category-im::before { content: "" !important; }
.icon.icon-category-im::before { content: ""; }
.\!icon.icon-category-in::before { content: "" !important; }
.icon.icon-category-in::before { content: ""; }
.\!icon.icon-category-li::before { content: "" !important; }
.icon.icon-category-li::before { content: ""; }
.\!icon.icon-category-md::before { content: "" !important; }
.icon.icon-category-md::before { content: ""; }
.\!icon.icon-category-me::before { content: "" !important; }
.icon.icon-category-me::before { content: ""; }
.\!icon.icon-category-mo::before { content: "" !important; }
.icon.icon-category-mo::before { content: ""; }
.\!icon.icon-category-ms::before { content: "" !important; }
.icon.icon-category-ms::before { content: ""; }
.\!icon.icon-category-na::before { content: "" !important; }
.icon.icon-category-na::before { content: ""; }
.\!icon.icon-category-pa::before { content: "" !important; }
.icon.icon-category-pa::before { content: ""; }
.\!icon.icon-category-pe::before { content: "" !important; }
.icon.icon-category-pe::before { content: ""; }
.\!icon.icon-category-pf::before { content: "" !important; }
.icon.icon-category-pf::before { content: ""; }
.\!icon.icon-category-pi::before { content: "" !important; }
.icon.icon-category-pi::before { content: ""; }
.\!icon.icon-category-re::before { content: "" !important; }
.icon.icon-category-re::before { content: ""; }
.\!icon.icon-category-rg::before { content: "" !important; }
.icon.icon-category-rg::before { content: ""; }
.\!icon.icon-category-sa::before { content: "" !important; }
.icon.icon-category-sa::before { content: ""; }
.\!icon.icon-category-se::before { content: "" !important; }
.icon.icon-category-se::before { content: ""; }
.\!icon.icon-category-tb::before { content: "" !important; }
.icon.icon-category-tb::before { content: ""; }
.\!icon.icon-category-te::before { content: "" !important; }
.icon.icon-category-te::before { content: ""; }
.\!icon.icon-category-tf::before { content: "" !important; }
.icon.icon-category-tf::before { content: ""; }
.\!icon.icon-category-ud::before { content: "" !important; }
.icon.icon-category-ud::before { content: ""; }
.\!icon.icon-chat-bubble-outline::before { content: "" !important; }
.icon.icon-chat-bubble-outline::before { content: ""; }
.\!icon.icon-check-circle::before { content: "" !important; }
.icon.icon-check-circle::before { content: ""; }
.\!icon.icon-check-magalu-indica::before { content: "" !important; }
.icon.icon-check-magalu-indica::before { content: ""; }
.\!icon.icon-check::before { content: "" !important; }
.icon.icon-check::before { content: ""; }
.\!icon.icon-chevron-down::before { content: "" !important; }
.icon.icon-chevron-down::before { content: ""; }
.\!icon.icon-chevron-left::before { content: "" !important; }
.icon.icon-chevron-left::before { content: ""; }
.\!icon.icon-chevron-right::before { content: "" !important; }
.icon.icon-chevron-right::before { content: ""; }
.\!icon.icon-chevron-up::before { content: "" !important; }
.icon.icon-chevron-up::before { content: ""; }
.\!icon.icon-close::before { content: "" !important; }
.icon.icon-close::before { content: ""; }
.icon-left.icon-close::before { content: ""; }
.icon-right.icon-close::after { content: ""; }
.icon-close:not(.icon)::before { content: ""; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: tom-icons !important; }
.\!icon.icon-compra-internacional::before { content: "" !important; }
.icon.icon-compra-internacional::before { content: ""; }
.\!icon.icon-credit-card::before { content: "" !important; }
.icon.icon-credit-card::before { content: ""; }
.\!icon.icon-cupom::before { content: "" !important; }
.icon.icon-cupom::before { content: ""; }
.\!icon.icon-customer-contact::before { content: "" !important; }
.icon.icon-customer-contact::before { content: ""; }
.\!icon.icon-delete::before { content: "" !important; }
.icon.icon-delete::before { content: ""; }
.\!icon.icon-delivery-success::before { content: "" !important; }
.icon.icon-delivery-success::before { content: ""; }
.\!icon.icon-delivery-warning::before { content: "" !important; }
.icon.icon-delivery-warning::before { content: ""; }
.\!icon.icon-discount::before { content: "" !important; }
.icon.icon-discount::before { content: ""; }
.\!icon.icon-entrega-2-dias::before { content: "" !important; }
.icon.icon-entrega-2-dias::before { content: ""; }
.\!icon.icon-epoca::before { content: "" !important; }
.icon.icon-epoca::before { content: ""; }
.\!icon.icon-error-outline::before { content: "" !important; }
.icon.icon-error-outline::before { content: ""; }
.\!icon.icon-exchange::before { content: "" !important; }
.icon.icon-exchange::before { content: ""; }
.\!icon.icon-facebook::before { content: "" !important; }
.icon.icon-facebook::before { content: ""; }
.\!icon.icon-favorite-border::before { content: "" !important; }
.icon.icon-favorite-border::before { content: ""; }
.\!icon.icon-favorite::before { content: "" !important; }
.icon.icon-favorite::before { content: ""; }
.\!icon.icon-file-download::before { content: "" !important; }
.icon.icon-file-download::before { content: ""; }
.\!icon.icon-file-upload::before { content: "" !important; }
.icon.icon-file-upload::before { content: ""; }
.\!icon.icon-filter-list::before { content: "" !important; }
.icon.icon-filter-list::before { content: ""; }
.\!icon.icon-guarantee-filled::before { content: "" !important; }
.icon.icon-guarantee-filled::before { content: ""; }
.\!icon.icon-guarantee::before { content: "" !important; }
.icon.icon-guarantee::before { content: ""; }
.\!icon.icon-help-outline::before { content: "" !important; }
.icon.icon-help-outline::before { content: ""; }
.\!icon.icon-highlight-off::before { content: "" !important; }
.icon.icon-highlight-off::before { content: ""; }
.\!icon.icon-home::before { content: "" !important; }
.icon.icon-home::before { content: ""; }
.\!icon.icon-info::before { content: "" !important; }
.icon.icon-info::before { content: ""; }
.icon-left.icon-info::before { content: ""; }
.icon-right.icon-info::after { content: ""; }
.icon-info:not(.icon)::before { content: ""; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: tom-icons !important; }
.\!icon.icon-instagram::before { content: "" !important; }
.icon.icon-instagram::before { content: ""; }
.\!icon.icon-inventory::before { content: "" !important; }
.icon.icon-inventory::before { content: ""; }
.\!icon.icon-ios-share::before { content: "" !important; }
.icon.icon-ios-share::before { content: ""; }
.\!icon.icon-linkedin::before { content: "" !important; }
.icon.icon-linkedin::before { content: ""; }
.\!icon.icon-list::before { content: "" !important; }
.icon.icon-list::before { content: ""; }
.\!icon.icon-loader-color-full::before { content: "" !important; }
.icon.icon-loader-color-full::before { content: ""; }
.\!icon.icon-loader-color-less::before { content: "" !important; }
.icon.icon-loader-color-less::before { content: ""; }
.\!icon.icon-local-mall::before { content: "" !important; }
.icon.icon-local-mall::before { content: ""; }
.\!icon.icon-local-offer-outline::before { content: "" !important; }
.icon.icon-local-offer-outline::before { content: ""; }
.\!icon.icon-local-shipping-filled::before { content: "" !important; }
.icon.icon-local-shipping-filled::before { content: ""; }
.\!icon.icon-local-shipping::before { content: "" !important; }
.icon.icon-local-shipping::before { content: ""; }
.\!icon.icon-luiza-card::before { content: "" !important; }
.icon.icon-luiza-card::before { content: ""; }
.\!icon.icon-magalu-recommend::before { content: "" !important; }
.icon.icon-magalu-recommend::before { content: ""; }
.\!icon.icon-magalu::before { content: "" !important; }
.icon.icon-magalu::before { content: ""; }
.\!icon.icon-mail::before { content: "" !important; }
.icon.icon-mail::before { content: ""; }
.\!icon.icon-menu::before { content: "" !important; }
.icon.icon-menu::before { content: ""; }
.\!icon.icon-more-horiz::before { content: "" !important; }
.icon.icon-more-horiz::before { content: ""; }
.\!icon.icon-more-vert::before { content: "" !important; }
.icon.icon-more-vert::before { content: ""; }
.\!icon.icon-my-location::before { content: "" !important; }
.icon.icon-my-location::before { content: ""; }
.\!icon.icon-netshoes-circle::before { content: "" !important; }
.icon.icon-netshoes-circle::before { content: ""; }
.\!icon.icon-notifications::before { content: "" !important; }
.icon.icon-notifications::before { content: ""; }
.\!icon.icon-open-in-new::before { content: "" !important; }
.icon.icon-open-in-new::before { content: ""; }
.\!icon.icon-package-alert::before { content: "" !important; }
.icon.icon-package-alert::before { content: ""; }
.\!icon.icon-pedido::before { content: "" !important; }
.icon.icon-pedido::before { content: ""; }
.\!icon.icon-person::before { content: "" !important; }
.icon.icon-person::before { content: ""; }
.\!icon.icon-pix::before { content: "" !important; }
.icon.icon-pix::before { content: ""; }
.\!icon.icon-place::before { content: "" !important; }
.icon.icon-place::before { content: ""; }
.\!icon.icon-play-circle::before { content: "" !important; }
.icon.icon-play-circle::before { content: ""; }
.\!icon.icon-privacy-policy::before { content: "" !important; }
.icon.icon-privacy-policy::before { content: ""; }
.\!icon.icon-receipt::before { content: "" !important; }
.icon.icon-receipt::before { content: ""; }
.\!icon.icon-regulatory::before { content: "" !important; }
.icon.icon-regulatory::before { content: ""; }
.\!icon.icon-remove::before { content: "" !important; }
.icon.icon-remove::before { content: ""; }
.\!icon.icon-reply-all::before { content: "" !important; }
.icon.icon-reply-all::before { content: ""; }
.\!icon.icon-search::before { content: "" !important; }
.icon.icon-search::before { content: ""; }
.\!icon.icon-service-baby-shower::before { content: "" !important; }
.icon.icon-service-baby-shower::before { content: ""; }
.\!icon.icon-service-consortium::before { content: "" !important; }
.icon.icon-service-consortium::before { content: ""; }
.\!icon.icon-service-control-plan::before { content: "" !important; }
.icon.icon-service-control-plan::before { content: ""; }
.\!icon.icon-service-emp-magalu::before { content: "" !important; }
.icon.icon-service-emp-magalu::before { content: ""; }
.\!icon.icon-service-gold-client::before { content: "" !important; }
.icon.icon-service-gold-client::before { content: ""; }
.\!icon.icon-service-house-security::before { content: "" !important; }
.icon.icon-service-house-security::before { content: ""; }
.\!icon.icon-service-luizaseg::before { content: "" !important; }
.icon.icon-service-luizaseg::before { content: ""; }
.\!icon.icon-service-marketplace::before { content: "" !important; }
.icon.icon-service-marketplace::before { content: ""; }
.\!icon.icon-service-marriage::before { content: "" !important; }
.icon.icon-service-marriage::before { content: ""; }
.\!icon.icon-service-partner::before { content: "" !important; }
.icon.icon-service-partner::before { content: ""; }
.\!icon.icon-service-smart-house::before { content: "" !important; }
.icon.icon-service-smart-house::before { content: ""; }
.\!icon.icon-settings::before { content: "" !important; }
.icon.icon-settings::before { content: ""; }
.\!icon.icon-share::before { content: "" !important; }
.icon.icon-share::before { content: ""; }
.\!icon.icon-shopping-bag-fast::before { content: "" !important; }
.icon.icon-shopping-bag-fast::before { content: ""; }
.\!icon.icon-shopping-bag-filled::before { content: "" !important; }
.icon.icon-shopping-bag-filled::before { content: ""; }
.\!icon.icon-shopping-bag::before { content: "" !important; }
.icon.icon-shopping-bag::before { content: ""; }
.\!icon.icon-star-border::before { content: "" !important; }
.icon.icon-star-border::before { content: ""; }
.\!icon.icon-star-half-filled::before { content: "" !important; }
.icon.icon-star-half-filled::before { content: ""; }
.\!icon.icon-star-half::before { content: "" !important; }
.icon.icon-star-half::before { content: ""; }
.\!icon.icon-star::before { content: "" !important; }
.icon.icon-star::before { content: ""; }
.\!icon.icon-support-agent::before { content: "" !important; }
.icon.icon-support-agent::before { content: ""; }
.\!icon.icon-thumb-up::before { content: "" !important; }
.icon.icon-thumb-up::before { content: ""; }
.\!icon.icon-tiktok::before { content: "" !important; }
.icon.icon-tiktok::before { content: ""; }
.\!icon.icon-twitter::before { content: "" !important; }
.icon.icon-twitter::before { content: ""; }
.\!icon.icon-verified-user::before { content: "" !important; }
.icon.icon-verified-user::before { content: ""; }
.\!icon.icon-warning-amber::before { content: "" !important; }
.icon.icon-warning-amber::before { content: ""; }
.\!icon.icon-whatsapp::before { content: "" !important; }
.icon.icon-whatsapp::before { content: ""; }
.\!icon.icon-youtube::before { content: "" !important; }
.icon.icon-youtube::before { content: ""; }
.\!icon.icon-zattini::before { content: "" !important; }
.icon.icon-zattini::before { content: ""; }
.input-text { align-items: center; color: var(--tom-color-on-surface-3); font: var(--tom-font-sm-regular); border-radius: var(--tom-radius-lg); border-width: 1px; border-style: solid; border-image: initial; border-color: var(--tom-color-on-surface-6); outline: none; background-color: var(--tom-color-surface-container-lowest); padding: var(--tom-spacing-sm) var(--tom-spacing-md) calc(var(--tom-spacing-sm) - var(--tom-spacing-3xsm)); }
.input-text:hover { border-color: var(--tom-color-on-surface-3); }
.input-text:focus { border-color: var(--tom-color-on-interaction-lighter-inverted); background-color: var(--tom-color-interaction-lighter-inverted); }
.input-text:disabled, .disabled > .input-text { background-color: var(--tom-color-surface-container-lowest); }
.\!disabled > .input-text { background-color: var(--tom-color-surface-container-lowest) !important; }
.input-text:disabled:hover, .disabled > .input-text:hover { border-color: var(--tom-color-on-surface-6); }
.\!disabled > .input-text:hover { border-color: var(--tom-color-on-surface-6) !important; }
.input-text.error, .error > .input-text { border-color: var(--tom-color-on-danger-lighter-inverted); background-color: var(--tom-color-danger-lighter-inverted); }
.input-text.\!error, .\!error > .input-text { border-color: var(--tom-color-on-danger-lighter-inverted) !important; background-color: var(--tom-color-danger-lighter-inverted) !important; }
.input-multiline.\!error, .\!error > .input-multiline { border-color: var(--tom-color-on-danger-lighter-inverted) !important; background-color: var(--tom-color-danger-lighter-inverted) !important; }
.input-multiline.error, .error > .input-multiline { border-color: var(--tom-color-on-danger-lighter-inverted); background-color: var(--tom-color-danger-lighter-inverted); }
.input-multiline.\!error, .\!error > .input-multiline { border-color: var(--tom-color-on-danger-lighter-inverted) !important; background-color: var(--tom-color-danger-lighter-inverted) !important; }
.input-group { display: grid; justify-content: space-between; gap: var(--tom-spacing-2xsm); grid-template-areas: "ihleft ihright" "ibody ibody" "ifooter ifooter"; }
.input-group > label { grid-area: ihleft; font: var(--tom-font-xsm-medium); margin-left: var(--tom-spacing-3xsm); margin-right: var(--tom-spacing-xsm); color: var(--tom-color-on-surface-3); }
.input-group > .input-tip { grid-area: ihright; text-align: right; font: var(--tom-font-3xsm-regular); margin-right: var(--tom-spacing-3xsm); color: var(--tom-color-on-surface-4); }
.input-group > .input-icon[class*="icon-"] { color: var(--tom-color-on-surface-5); font-size: var(--tom-spacing-lg); grid-area: ibody; height: var(--tom-spacing-lg); margin-left: var(--tom-spacing-md); margin-right: var(--tom-spacing-xsm); margin-top: var(--tom-spacing-sm); width: var(--tom-spacing-lg); z-index: 1; }
.input-group > .input-text { grid-area: ibody; flex-basis: 100%; }
.input-group > .input-icon + .input-text { padding-left: calc(var(--tom-spacing-md) + var(--tom-spacing-lg) + var(--tom-spacing-xsm)); }
.input-group:has(.input-reset) > .input-text { padding-right: calc(var(--tom-spacing-md) + var(--tom-spacing-lg) + var(--tom-spacing-xsm)); }
.input-group > .input-text + .input-reset { border-radius: 50%; box-sizing: content-box; color: var(--tom-color-on-surface-3); font-size: var(--tom-spacing-lg); grid-area: ibody; height: var(--tom-spacing-lg); margin-bottom: auto; margin-left: auto; margin-right: var(--tom-spacing-md); margin-top: auto; position: relative; width: var(--tom-spacing-lg); z-index: 1; }
.input-group > .input-text:placeholder-shown + .input-reset { display: none; }
.input-group > .input-info { align-items: center; display: flex; grid-area: ifooter; font: var(--tom-font-2xsm-regular); margin-left: var(--tom-spacing-3xsm); color: var(--tom-color-on-surface-4); gap: var(--tom-spacing-2xsm); }
.input-group.error > label, .input-group.error > .input-tip, .input-group.error > .input-info { color: var(--tom-color-on-danger-lighter-inverted); }
.input-group.\!error > label, .input-group.\!error > .input-tip, .input-group.\!error > .input-info { color: var(--tom-color-on-danger-lighter-inverted) !important; }
.input-group > .input-multiline { grid-area: ibody; }
.radio-group { box-sizing: content-box; position: relative; display: flex; align-items: center; gap: var(--tom-spacing-xsm); }
.radio-group:hover:not(:disabled) { border-color: var(--tom-color-surface-container-highest); }
.radio-group:hover:not(:disabled) ~ .ripple { opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.radio-group:focus:not(:disabled) ~ .ripple { background-color: var(--tom-color-surface-container-mid); opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.radio-group:focus:not(:disabled) ~ .radio { outline-color: var(--tom-color-surface-container-highest); }
.radio-group:focus:not(:disabled) ~ .radio:checked { outline-color: var(--tom-color-interaction-default); background-color: var(--tom-color-interaction-default); }
.radio-group > label { color: var(--tom-color-on-surface-3); }
.radio-group > input[class="radio"] { box-sizing: border-box; appearance: none; width: 20px; height: 20px; outline-style: solid; outline-width: 2px; outline-color: var(--tom-color-surface-container-higher); border-radius: 50%; cursor: pointer; z-index: 1; }
.radio-group > input[class="radio"]:hover:not(:disabled) { outline-color: var(--tom-color-surface-container-highest); }
.radio-group > input[class="radio"]:hover:not(:disabled) ~ .ripple { opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.radio-group > input[class="radio"]:disabled { outline-color: var(--tom-color-surface-container-high); cursor: not-allowed; }
.radio-group > input[class="radio"]:disabled ~ .ripple { display: none; }
.radio-group > input[class="radio"]:disabled ~ label { cursor: not-allowed; }
.radio-group > input[class="radio"]:disabled:checked { border-width: 4px; border-style: solid; border-image: initial; border-color: var(--tom-color-surface-container-lowest); background-color: var(--tom-color-surface-container-high); outline-color: var(--tom-color-surface-container-high); }
.radio-group > input[class="radio"]:disabled:checked:hover { outline-color: var(--tom-color-surface-container-higher); background-color: var(--tom-color-surface-container-higher); }
.radio-group > input[class="radio"]:checked { border-width: 4px; border-style: solid; border-image: initial; border-color: var(--tom-color-surface-container-lowest); outline-color: var(--tom-color-interaction-default); background-color: var(--tom-color-interaction-default); }
.radio-group > input[class="radio"]:checked:hover { outline-color: var(--tom-color-interaction-lighter); background-color: var(--tom-color-interaction-lighter); }
.radio-group > input[class="radio"]:checked ~ .ripple { animation: 500ms ease 0s 1 normal none running ripple-pressed; }
.radio-group > .ripple { position: absolute; height: 40px; width: 40px; background-color: var(--tom-color-surface-container-low); border-radius: 50%; left: -11px; z-index: 0; opacity: 0; transform-origin: center center; transition: opacity 375ms linear; }
.tab.selected { color: var(--tom-color-interaction-default); }
.tab.selected::after { position: absolute; content: ""; width: 100%; height: 2px; bottom: 0px; left: 0px; padding: 0 var(--tom-spacing-xsm); background-clip: content-box; background-color: var(--tom-color-interaction-default); animation: 0.1s linear 0s 1 normal none running tab-indicator-show; }
.rating { border: none; display: flex; width: fit-content; flex-direction: row-reverse; }
.rating > input { display: none; }
.rating > .rating-item::before { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-family: tom-icons; display: inline-block; content: ""; }
.rating > .rating-half::before { content: ""; position: absolute; color: transparent; }
.rating:not(.no-hover) > .rating-full:hover::before { content: ""; }
.rating > input:checked ~ .rating-item::before, .rating:not(:checked):not(.no-hover) > .rating-item:hover::before, .rating > .checked::before, .rating > .checked ~ .rating-item::before { color: var(--tom-color-warning-lighter); }
.rating > input:checked ~ .rating-full::before, .rating:not(:checked):not(.no-hover) > .rating-item:hover ~ .rating-full::before, .rating > .checked ~ .rating-full::before, .rating > .checked.rating-full::before { content: ""; }
.rating > .rating-item { color: var(--tom-color-warning-lighter); float: right; }
.rating > input:checked ~ .rating-item, .rating:not(:checked):not(.no-hover) > label:hover, .rating:not(:checked):not(.no-hover) > .rating-item:hover ~ .rating-item::before { color: var(--tom-color-warning-lighter); }
.rating > input:checked + .rating-item:hover, .rating > input:checked ~ .rating-item:hover, .rating > .rating-item:hover ~ input:checked ~ .rating-item, .rating > input:checked ~ .rating-item:hover ~ .rating-item::before { color: var(--tom-color-warning-lighter); }
.switch-group { position: relative; display: inline-block; width: 52px; vertical-align: middle; user-select: none; transition: opacity 300ms ease-out; margin-left: var(--tom-spacing-xsm); margin-right: var(--tom-spacing-xsm); }
.switch-group > .switch { appearance: none; position: absolute; display: block; width: 32px; height: 32px; border-radius: var(--tom-radius-2xlg); background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-higher); border-width: var(--tom-spacing-2xsm); cursor: pointer; }
.switch-group > .switch:checked { right: 0px; border-color: var(--tom-color-interaction-default); }
.switch-group > .switch:checked ~ .switch-toggle { background-color: var(--tom-color-interaction-default); }
.switch-group > .switch:checked:active, .switch-group > .switch:checked:focus { border-color: var(--tom-color-interaction-darker); }
.switch-group > .switch:checked:active ~ .switch-toggle, .switch-group > .switch:checked:focus ~ .switch-toggle { background-color: var(--tom-color-interaction-darker); }
.switch-group > .switch:active, .switch-group > .switch:focus { border-color: var(--tom-color-surface-container-highest); }
.switch-group > .switch:active ~ .switch-toggle, .switch-group > .switch:focus ~ .switch-toggle { background-color: var(--tom-color-surface-container-highest); }
.switch-group > .switch:disabled { cursor: not-allowed; border-color: var(--tom-color-surface-container-low); background-color: var(--tom-color-on-surface-6); }
.switch-group > .switch:disabled ~ .switch-toggle { background-color: var(--tom-color-surface-container-low); }
.switch-group > .switch:disabled:checked { border-color: var(--tom-color-surface-container-mid); }
.switch-group > .switch:disabled:checked ~ .switch-toggle { background-color: var(--tom-color-surface-container-mid); }
.switch-group > .switch-toggle { display: block; overflow: hidden; border-radius: var(--tom-radius-2xlg); height: 32px; background-color: var(--tom-color-surface-container-higher); cursor: pointer; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.static { position: static; }
.fixed { position: fixed; }
.\!absolute { position: absolute !important; }
.absolute { position: absolute; }
.relative { position: relative; }
.left-1\/2 { left: 50%; }
.right-md { right: var(--tom-spacing-md); }
.top-1\/2 { top: 50%; }
.top-sm { top: var(--tom-spacing-sm); }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.my-md { margin-top: var(--tom-spacing-md); margin-bottom: var(--tom-spacing-md); }
.mb-2xsm { margin-bottom: var(--tom-spacing-2xsm); }
.mb-md { margin-bottom: var(--tom-spacing-md); }
.mb-sm { margin-bottom: var(--tom-spacing-sm); }
.mb-xsm { margin-bottom: var(--tom-spacing-xsm); }
.mr-auto { margin-right: auto; }
.mr-lg { margin-right: var(--tom-spacing-lg); }
.mr-md { margin-right: var(--tom-spacing-md); }
.mr-sm { margin-right: var(--tom-spacing-sm); }
.mt-\[0\] { margin-top: 0px; }
.mt-lg { margin-top: var(--tom-spacing-lg); }
.mt-md { margin-top: var(--tom-spacing-md); }
.box-border { box-sizing: border-box; }
.block { display: block; }
.inline { display: inline; }
.flex { display: flex; }
.grid { display: grid; }
.contents { display: contents; }
.hidden { display: none; }
.\!h-fit { height: fit-content !important; }
.h-fit { height: fit-content; }
.h-full { height: 100%; }
.w-\[170px\] { width: 170px; }
.w-full { width: 100%; }
.max-w-\[560px\] { max-width: 560px; }
.max-w-\[744px\] { max-width: 744px; }
.max-w-full { max-width: 100%; }
.max-w-screen-md { max-width: 744px; }
.max-w-sm { max-width: 24rem; }
.flex-\[2\] { flex: 2 1 0%; }
.flex-\[3\] { flex: 3 1 0%; }
.\!-translate-x-1\/2 { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.\!-translate-y-1\/2 { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.animate-spin { animation: 1s linear 0s infinite normal none running spin; }
.cursor-pointer { cursor: pointer; }
.resize { resize: both; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.justify-end { justify-content: flex-end; }
.\!justify-center { justify-content: center !important; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-lg { gap: var(--tom-spacing-lg); }
.gap-md { gap: var(--tom-spacing-md); }
.gap-xlg { gap: var(--tom-spacing-xlg); }
.gap-x-md { column-gap: var(--tom-spacing-md); }
.self-center { align-self: center; }
.text-wrap { text-wrap: wrap; }
.rounded-2xlg { border-radius: var(--tom-radius-2xlg); }
.rounded-lg { border-radius: var(--tom-radius-lg); }
.rounded-md { border-radius: var(--tom-radius-md); }
.rounded-sm { border-radius: var(--tom-radius-sm); }
.border-thin { border-width: var(--tom-border-thin); }
.border-t-none { }
.border-t-none border-top-width original { }
.border-t-none border-top-width attributes { }
.border-t-none border-top-width path { }
.border-t-thin { border-top-width: var(--tom-border-thin); }
.border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-danger-default { border-color: var(--tom-color-danger-default); }
.border-on-surface-7 { border-color: var(--tom-color-on-surface-7); }
.border-on-warning-lighter-inverted { border-color: var(--tom-color-on-warning-lighter-inverted); }
.border-surface-container-mid { border-color: var(--tom-color-surface-container-mid); }
.\!bg-surface-container-lower { background-color: var(--tom-color-surface-container-lower) !important; }
.bg-danger-lighter-inverted { background-color: var(--tom-color-danger-lighter-inverted); }
.bg-surface-container-lowest { background-color: var(--tom-color-surface-container-lowest); }
.bg-warning-lighter-inverted { background-color: var(--tom-color-warning-lighter-inverted); }
.p-lg { padding: var(--tom-spacing-lg); }
.p-md { padding: var(--tom-spacing-md); }
.p-xsm { padding: var(--tom-spacing-xsm); }
.px-lg { padding-left: var(--tom-spacing-lg); padding-right: var(--tom-spacing-lg); }
.px-md { padding-left: var(--tom-spacing-md); padding-right: var(--tom-spacing-md); }
.px-sm { padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); }
.py-md { padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); }
.py-xsm { padding-top: var(--tom-spacing-xsm); padding-bottom: var(--tom-spacing-xsm); }
.pb-md { padding-bottom: var(--tom-spacing-md); }
.pl-md { padding-left: var(--tom-spacing-md); }
.pr-2xlg { padding-right: var(--tom-spacing-2xlg); }
.pr-md { padding-right: var(--tom-spacing-md); }
.pt-2xsm { padding-top: var(--tom-spacing-2xsm); }
.pt-\[18px\] { padding-top: 18px; }
.pt-lg { padding-top: var(--tom-spacing-lg); }
.text-center { text-align: center; }
.uppercase { text-transform: uppercase; }
.\!text-on-surface-4 { color: var(--tom-color-on-surface-4) !important; }
.text-danger-default { color: var(--tom-color-danger-default); }
.text-on-surface-2 { color: var(--tom-color-on-surface-2); }
.text-on-surface-3 { color: var(--tom-color-on-surface-3); }
.text-on-surface-4 { color: var(--tom-color-on-surface-4); }
.underline { text-decoration-line: underline; }
.antialiased { -webkit-font-smoothing: antialiased; }
.outline { outline-style: solid; }
.blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.area { min-width: var(--tom-screen-responsive-min); max-width: var(--tom-screen-responsive-max); margin-left: auto; margin-right: auto; }
.overflow-x-shadow.bg-danger-lighter-inverted { background-image: linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)); }
.overflow-x-shadow.bg-surface-container-lowest { background-image: linear-gradient(to right, var(--tom-color-surface-container-lowest), var(--tom-color-surface-container-lowest)), linear-gradient(to right, var(--tom-color-surface-container-lowest), var(--tom-color-surface-container-lowest)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-surface-container-lowest)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-surface-container-lowest)); }
.overflow-x-shadow.\!bg-surface-container-lower { background-image: linear-gradient(to right, var(--tom-color-surface-container-lower), var(--tom-color-surface-container-lower)), linear-gradient(to right, var(--tom-color-surface-container-lower), var(--tom-color-surface-container-lower)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-surface-container-lower)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-surface-container-lower)) !important; }
.overflow-x-shadow.bg-warning-lighter-inverted { background-image: linear-gradient(to right, var(--tom-color-warning-lighter-inverted), var(--tom-color-warning-lighter-inverted)), linear-gradient(to right, var(--tom-color-warning-lighter-inverted), var(--tom-color-warning-lighter-inverted)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-warning-lighter-inverted)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-warning-lighter-inverted)); }
.font { font: var(--tom-font-DEFAULT); }
.font-2xsm-bold { font: var(--tom-font-2xsm-bold); }
.font-2xsm-regular { font: var(--tom-font-2xsm-regular); }
.font-lg-bold { font: var(--tom-font-lg-bold); }
.font-md-bold { font: var(--tom-font-md-bold); }
.font-sm-medium { font: var(--tom-font-sm-medium); }
.font-sm-regular { font: var(--tom-font-sm-regular); }
.font-xsm-bold { font: var(--tom-font-xsm-bold); }
.has-\[\:checked\]\:border-interaction-default[\:has\(\:checked\)] { border-color: var(--tom-color-interaction-default); }
.has-\[\:checked\]\:border-interaction-default:has(:checked) { border-color: var(--tom-color-interaction-default); }
@media (min-width: 744px) {
  .md\:left-1\/2 { left: 50%; }
  .md\:top-1\/2 { top: 50%; }
  .md\:ml-\[182px\] { margin-left: 182px; }
  .md\:\!h-fit { height: fit-content !important; }
  .md\:w-\[250px\] { width: 250px; }
  .md\:max-w-\[360px\] { max-width: 360px; }
  .md\:\!-translate-x-1\/2 { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
  .md\:\!-translate-y-1\/2 { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
  .md\:rounded-2xlg { border-radius: var(--tom-radius-2xlg); }
  .md\:p-xlg { padding: var(--tom-spacing-xlg); }
  .md\:pb-lg { padding-bottom: var(--tom-spacing-lg); }
  .md\:pt-md { padding-top: var(--tom-spacing-md); }
  .md\:text-center { text-align: center; }
}
.CheckoutFooter { margin-top: 20px; padding: 0px 12px; background-color: rgb(244, 244, 244); color: rgb(140, 140, 140); font-size: 13px; }
.CheckoutFooter-content { width: 100%; }
.payday .CheckoutFooter { background-color: rgb(4, 9, 73); color: rgb(255, 255, 255); }
.black-friday .CheckoutFooter { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.fantastic-sale .CheckoutFooter { background-color: rgb(189, 2, 29); color: rgb(170, 208, 230); }
.CheckoutFooter-icon-description { color: rgb(140, 140, 140); }
.payday .CheckoutFooter-icon-description { color: rgb(255, 255, 255); }
.black-friday .CheckoutFooter-icon-description { color: rgb(255, 255, 255); }
.fantastic-sale .CheckoutFooter-icon-description { color: rgb(170, 208, 230); }
.payday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante { display: inline-block; width: 62px; height: 62px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABfCAMAAABfuyCDAAABCFBMVEUAAAD4+Pn4+Pn4+PmX0eGn3evb29yEhISq3er4+PmCx9v4+PnH6O+CyNy3t7f4+PnF6O/4+PmCx9vH6O+Cx9uCx9v4+PmCx9v4+Pn4+PnqISbqISbqISbqISb4+PmhoaH4+PnqISbj4+TqISb4+Pl1dXbqISZcXFzqISb4+PmCx9uCx9vqISaCx9vqISbx8fLqISai2OaCx9v4+PnT09OCx9vqISa95e6Cx9uCx9tGRka/5e6Y0eHBwcHqISai2+qCx9v4+PnH6O/qISb///+W1OWOz+Ke2emr3uzA5u6z4u2Hy9665O3uS0/+8vL1kJP6xMX2nqHzfoHxYmXsMzj85OX71tf3rK6cjUOoAAAAP3RSTlMAQIDA0ODAQPbgECDx8IBgYBDPMDBg8J8w0IAQ4NCgYFBA0KBwMCAfu5CQe29QMPDw5t+wsK9fU0AgEMvEkJDGTfVLAAADkElEQVRo3uzSy4qDMBTG8bMyOx/ARIqKl4V0uiizKMyAfGfrpWMv7/8mk2NswW2yK/4hhGx+mkPoE8sKg7TIyKa6riNXZYwOhHUDV6M3dAbI17ou9pZT4DaOYw+kG5ralsLoAriydAUSR9eqJlcQXQEz8zANzDNOWuhIVklkd1ly8qJb4MHco2eegG9Lu74uC/2T+9MJwGsDkCz0Wf41FjpoIL9Cr630gUTNg+kEuMtA8HeDG4h4B9lC6aNFmYfngwfrV4H0tub1+O49CnK0qFE4XZ2AeZyediBGL3QcRzLxNx1dlO9IDFzpkYR2nWmlczn52joxAidkq3P3qmN60aW7gn8ZvVNKlSSVqqa9vb1/UskmBWEYCKMjKEioELSld1BcKIiCguUD7Y+5/3lciM4MaaWZvl2Y5qV9TQ9+IbjKxZmmscnuTIsgVtmGpjDLwK4AoPutGkxyewDN19UBejnF7SHeswGUO4DdNjOCNqP9hbe7Pas+Ju0G2G0zA9LM39GA3QYzxw1gPvk7WN1eitjDpwUY3R5My7+Q3bJQdjaagQ4RrT7N01jcXHFYxhzUEzdHYykqyfMe86okOY1np3bWkblW84JSKOXWR6R+yvGWknDrinn97VFSIu74p8hDzNaOUslXoshwj6OjdC7DRXiyyslCERWJe+zJRslFBnoUZOXUX6T/clivYN3X491OGewmCERR9M6b1YSYCSYS2BAXbtS4Mk3qyrwFuOj//0/fAzuiUGo7uConRnJRb/B68A0RnBYDN3s9qN2fFfzo3+SLE+JY9Rapgnax7B8XqSPl6Cv4sMceU7C8U7vqaxerYN3901uiQ7wmYY+g3STdt0WqvhzxCtZhj3dMye6q9mVIu3gFq3aPHaZFNal1D9Vu8u6FLHIZliNewepcL7R5eg71WbR7Dav6gJl/jWHFIuMcR94gLTN2BG4AsYEQktUPUBstK2as2hKRx5oLeQCFZMde6oWv6pDYw7An0hOWSUjGqgkNtrmENZdAYj1bKNfqkJyDYdOesPzUICR9GW9DF1ixGu+SZ9+pVvDTIAbImY+daqczabxLcK5TTQKeGKRgx2v49gvQN4PAc/mLQUojYMPWsEvTLNusCyYujJASb+SQhAQ4vlUbYfRnbEiyLMFW1s6dpBLcYIgVCgnwnWplZJHUNKQmB5on5Hol17OJUZKQAMgR0Dfm7WuYmZmZmXkRn1OFmFtAC0JeAAAAAElFTkSuQmCC"); background-size: contain; }
.black-friday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante { display: inline-block; width: 62px; height: 62px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABfCAMAAABfuyCDAAABCFBMVEUAAAD4+Pn4+Pn4+PmX0eGn3evb29yEhISq3er4+PmCx9v4+PnH6O+CyNy3t7f4+PnF6O/4+PmCx9vH6O+Cx9uCx9v4+PmCx9v4+Pn4+PnqISbqISbqISbqISb4+PmhoaH4+PnqISbj4+TqISb4+Pl1dXbqISZcXFzqISb4+PmCx9uCx9vqISaCx9vqISbx8fLqISai2OaCx9v4+PnT09OCx9vqISa95e6Cx9uCx9tGRka/5e6Y0eHBwcHqISai2+qCx9v4+PnH6O/qISb///+W1OWOz+Ke2emr3uzA5u6z4u2Hy9665O3uS0/+8vL1kJP6xMX2nqHzfoHxYmXsMzj85OX71tf3rK6cjUOoAAAAP3RSTlMAQIDA0ODAQPbgECDx8IBgYBDPMDBg8J8w0IAQ4NCgYFBA0KBwMCAfu5CQe29QMPDw5t+wsK9fU0AgEMvEkJDGTfVLAAADkElEQVRo3uzSy4qDMBTG8bMyOx/ARIqKl4V0uiizKMyAfGfrpWMv7/8mk2NswW2yK/4hhGx+mkPoE8sKg7TIyKa6riNXZYwOhHUDV6M3dAbI17ou9pZT4DaOYw+kG5ralsLoAriydAUSR9eqJlcQXQEz8zANzDNOWuhIVklkd1ly8qJb4MHco2eegG9Lu74uC/2T+9MJwGsDkCz0Wf41FjpoIL9Cr630gUTNg+kEuMtA8HeDG4h4B9lC6aNFmYfngwfrV4H0tub1+O49CnK0qFE4XZ2AeZyediBGL3QcRzLxNx1dlO9IDFzpkYR2nWmlczn52joxAidkq3P3qmN60aW7gn8ZvVNKlSSVqqa9vb1/UskmBWEYCKMjKEioELSld1BcKIiCguUD7Y+5/3lciM4MaaWZvl2Y5qV9TQ9+IbjKxZmmscnuTIsgVtmGpjDLwK4AoPutGkxyewDN19UBejnF7SHeswGUO4DdNjOCNqP9hbe7Pas+Ju0G2G0zA9LM39GA3QYzxw1gPvk7WN1eitjDpwUY3R5My7+Q3bJQdjaagQ4RrT7N01jcXHFYxhzUEzdHYykqyfMe86okOY1np3bWkblW84JSKOXWR6R+yvGWknDrinn97VFSIu74p8hDzNaOUslXoshwj6OjdC7DRXiyyslCERWJe+zJRslFBnoUZOXUX6T/clivYN3X491OGewmCERR9M6b1YSYCSYS2BAXbtS4Mk3qyrwFuOj//0/fAzuiUGo7uConRnJRb/B68A0RnBYDN3s9qN2fFfzo3+SLE+JY9Rapgnax7B8XqSPl6Cv4sMceU7C8U7vqaxerYN3901uiQ7wmYY+g3STdt0WqvhzxCtZhj3dMye6q9mVIu3gFq3aPHaZFNal1D9Vu8u6FLHIZliNewepcL7R5eg71WbR7Dav6gJl/jWHFIuMcR94gLTN2BG4AsYEQktUPUBstK2as2hKRx5oLeQCFZMde6oWv6pDYw7An0hOWSUjGqgkNtrmENZdAYj1bKNfqkJyDYdOesPzUICR9GW9DF1ixGu+SZ9+pVvDTIAbImY+daqczabxLcK5TTQKeGKRgx2v49gvQN4PAc/mLQUojYMPWsEvTLNusCyYujJASb+SQhAQ4vlUbYfRnbEiyLMFW1s6dpBLcYIgVCgnwnWplZJHUNKQmB5on5Hol17OJUZKQAMgR0Dfm7WuYmZmZmXkRn1OFmFtAC0JeAAAAAElFTkSuQmCC"); background-size: contain; }
.payday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante img { display: none; }
.black-friday .CheckoutFooter-top-item--logo-ebit .ImgEbitDiamante img { display: none; }
.CheckoutFooter-top { margin-bottom: 20px; padding-top: 20px; text-align: center; }
.CheckoutFooter-top-item { display: inline-block; padding-right: 15px; padding-left: 15px; }
.CheckoutFooter-section { padding-bottom: 20px; text-align: center; }
.CheckoutFooter-icon { width: 25px; height: 25px; vertical-align: middle; }
.payday .CheckoutFooter-icon { fill: rgb(255, 255, 255); }
.black-friday .CheckoutFooter-icon { fill: rgb(255, 255, 255); }
.fantastic-sale .CheckoutFooter-icon { fill: rgb(170, 208, 230); }
.CheckoutFooter-logo-internetSegura { width: 61px; height: 23px; vertical-align: middle; }
.CheckoutFooter-logo-ebit { width: 50px; height: 20px; vertical-align: middle; }
.EbitDiamante-icon { width: 62px; height: 62px; }
@media (min-width: 996px) {
  .CheckoutFooter { font-size: 14px; }
  .CheckoutFooter-content { width: 996px; margin-right: auto; margin-left: auto; }
  .CheckoutFooter-top { display: flex; justify-content: center; line-height: 30px; }
}
.CheckoutSteps { display: flex; align-items: center; margin-top: -6px; }
.CheckoutSteps-item { margin-left: 10px; font-size: 14px; }
.CheckoutSteps-item-button { border: 0px; background: none; }
.CheckoutSteps-item-title, .CheckoutSteps-item-title--active, .header-pink .CheckoutSteps-item-title--active, .payday .CheckoutSteps-item-title--active, .black-friday .CheckoutSteps-item-title--active { color: rgb(0, 100, 191); vertical-align: middle; }
.header-pink .CheckoutSteps-item-title, .header-pink .CheckoutSteps-item-title--active { color: rgb(165, 41, 111); }
.payday .CheckoutSteps-item-title, .payday .CheckoutSteps-item-title--active { color: rgb(102, 102, 102); }
.black-friday .CheckoutSteps-item-title, .black-friday .CheckoutSteps-item-title--active { color: rgb(102, 102, 102); }
.CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.header-pink .CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.payday .CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.black-friday .CheckoutSteps-item-title--active { color: rgb(255, 255, 255); }
.CheckoutSteps-item-icon, .CheckoutSteps-item-icon--active, .header-pink .CheckoutSteps-item-icon--active, .payday .CheckoutSteps-item-icon--active, .black-friday .CheckoutSteps-item-icon--active { width: 25px; height: 25px; margin-right: 5px; margin-left: 10px; vertical-align: middle; fill: rgb(0, 100, 191); }
.header-pink .CheckoutSteps-item-icon, .header-pink .CheckoutSteps-item-icon--active { fill: rgb(165, 41, 111); }
.payday .CheckoutSteps-item-icon, .payday .CheckoutSteps-item-icon--active { fill: rgb(102, 102, 102); }
.black-friday .CheckoutSteps-item-icon, .black-friday .CheckoutSteps-item-icon--active { fill: rgb(102, 102, 102); }
.CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.header-pink .CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.payday .CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.black-friday .CheckoutSteps-item-icon--active { fill: rgb(255, 255, 255); }
.CheckoutHeader { display: flex; flex-flow: column; background-color: rgb(0, 134, 255); }
.header-pink .CheckoutHeader { background-color: rgb(255, 80, 179); }
.payday .CheckoutHeader { background-color: rgb(4, 9, 73); }
.black-friday .CheckoutHeader { background-color: rgb(0, 0, 0); }
.fantastic-sale .CheckoutHeader { background-color: rgb(189, 2, 29); }
.CheckoutHeader-colorsStrip { overflow-y: hidden; height: 4px; }
.CheckoutHeader-colorsStrip-image { display: block; width: 100%; }
.CheckoutHeader-content { width: 100%; height: 52px; }
.CheckoutHeader-logo { margin-top: 17px; margin-left: 10px; }
@media (max-width: 995px) {
  .CheckoutHeader-logo-icon { width: 90px; }
}
@media (min-width: 996px) {
  .CheckoutHeader-content { display: flex; justify-content: space-between; width: 956px; height: 72px; margin: 0px auto; }
  .CheckoutHeader-logo { margin-top: 27px; margin-left: 20px; }
  .CheckoutHeader-colorsStrip { width: 956px; margin: 0px auto; }
}
.NavigationIcon { height: 28px; width: 32px; }
@media (max-width: 995px) {
  .NavigationIcon { height: 16px; width: 20px; }
}
.NavigationOption-container { display: flex; flex-direction: column; }
.NavigationOption-shortcut { display: flex; align-items: center; }
.NavigationOption-button { background: none; border: 2px solid; margin: 0px; padding: 14px; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
@media (max-width: 995px) {
  .NavigationOption-button { border: 1px solid; padding: 5px; width: 32px; height: 32px; }
}
.NavigationOption-button-neutral { border-color: rgb(140, 140, 140); }
.NavigationOption-button-passed { border-color: rgb(88, 194, 46); }
.NavigationOption-button-current { border-color: rgb(0, 134, 255); }
.NavigationOption-progress { border: 0.5px solid; height: 1px; margin-bottom: 2px; padding: 0px; width: 56px; }
@media (max-width: 995px) {
  .NavigationOption-progress { border-bottom: 0px; width: 36px; }
}
.NavigationOption-progress-neutral { border-color: rgb(140, 140, 140); }
.NavigationOption-progress-passed { border-color: rgb(88, 194, 46); }
.NavigationOption-progress-current { border-color: rgb(0, 134, 255); }
.NavigationOption-progress-wallet { border: 0.5px solid; height: 1px; padding: 0px; width: 56px; }
@media (max-width: 995px) {
  .NavigationOption-progress-wallet { border-bottom: 0px; width: 36px; }
}
.NavigationOption-progress-wallet-neutral { border-color: rgb(140, 140, 140); }
.NavigationOption-progress-wallet-passed { border-color: rgb(88, 194, 46); }
.NavigationOption-progress-wallet-current { border-color: rgb(0, 134, 255); }
.NavigationOption-title { font: var(--tom-font-3xsm-medium); margin-top: 4px; }
@media (max-width: 995px) {
  .NavigationOption-title { font: var(--tom-font-3xsm-regular); }
}
.NavigationOption-title-sacola { margin-left: 15px; }
@media (max-width: 995px) {
  .NavigationOption-title-sacola { margin-left: 0px; }
}
.NavigationOption-title-identificacao { margin-left: -3px; }
@media (max-width: 995px) {
  .NavigationOption-title-identificacao { margin-left: -18px; }
}
.NavigationOption-title-entrega { margin-left: 11px; }
@media (max-width: 995px) {
  .NavigationOption-title-entrega { margin-left: -4px; }
}
.NavigationOption-title-pagamento { margin-left: 1px; }
@media (max-width: 995px) {
  .NavigationOption-title-pagamento { margin-left: -14px; }
}
.NavigationOption-title-revisao { margin-left: 13px; }
@media (max-width: 995px) {
  .NavigationOption-title-revisao { margin-left: -5px; }
}
.NavigationOption-title-neutral { color: rgb(140, 140, 140); }
.NavigationOption-title-passed { color: rgb(88, 194, 46); }
.NavigationOption-title-current { color: rgb(0, 134, 255); }
.Navigation-container { display: flex; align-items: center; justify-content: center; margin-top: var(--tom-spacing-lg); margin-bottom: var(--tom-spacing-lg); }
@media (max-width: 995px) {
  .Navigation-container { margin-top: var(--tom-spacing-md); margin-bottom: var(--tom-spacing-md); }
}
.footer-iframe-reset { margin-left: -8px; width: 100vw; height: 820px; }
.CenteredLoading { position: fixed; bottom: 50%; left: 50%; width: 55px; height: 55px; margin-left: -27.5px; animation: 1s linear 0s infinite normal none running rotation; }
@keyframes rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.LoadingBackground { position: fixed; z-index: 20; inset: 0px; background-color: rgba(255, 255, 255, 0.35); }
.Loading--small { width: 20px; height: 20px; }
@media (min-width: 996px) {
  .App { width: 996px; min-height: calc(-291px + 100vh); margin-right: auto; margin-left: auto; padding: 0px 20px; }
  .CustomerArea-theme { background-color: var(--tom-color-on-surface-9); width: auto; margin-bottom: -18px; }
}
@media (max-width: 995px) {
  .App { overflow: hidden; width: auto; }
  .CustomerArea-theme { margin-bottom: -18px; height: 100vh; }
}
.BasketPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .BasketPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.BasketTable-header { display: flex; align-items: center; font-weight: 700; background-color: rgb(240, 243, 244); height: 56px; padding: 0px 10px; }
.BasketPage-title { padding-top: 0px; }
@media (max-width: 995px) {
  .BasketPage-title { margin-bottom: 0px; margin-left: 16px; }
}
.BasketTable-header-quantity { width: 18%; margin-left: 52%; text-align: center; }
.BasketTable-header-price { width: 30%; }
@media (max-width: 995px) {
  .BasketTable { padding-top: 0px; }
  .BasketTable-header { height: 16px; }
  .BasketTable-items { margin-top: 24px; }
}
.BasketSoldBy-store, .BasketSoldBy-store--unavailable, .BasketSoldBy-provider { color: rgb(93, 93, 93); font-weight: 700; display: inline-flex; vertical-align: bottom; }
.BasketSoldBy--unavailable { color: rgb(185, 185, 185); }
.BasketSoldBy-store--unavailable { color: rgb(185, 185, 185); }
.TagInternational-tag { display: inline-flex; justify-content: center; border-radius: var(--tom-radius-sm); gap: var(--tom-spacing-2xsm); font: var(--tom-font-2xsm-regular); padding-bottom: var(--tom-spacing-2xsm); padding-left: var(--tom-spacing-xsm); padding-right: var(--tom-spacing-xsm); padding-top: var(--tom-spacing-2xsm); background-color: var(--tom-color-interaction-lighter-inverted); border-color: var(--tom-color-interaction-lighter-inverted); color: var(--tom-color-brand-default); }
.TagInternational-tag-bold { font: var(--tom-font-2xsm-bold); }
.BasketItemProduct-info-sku, .BasketItemProduct-info-sku--unavailable { color: rgb(93, 93, 93); font-size: 14px; }
.BasketItemProduct-quantity-remove { border: 0px; background: none; text-decoration: underline; }
.BasketItemProduct-quantity-dropdown--unavailable, .BasketItemProduct-quantity-dropdown:disabled, .BasketItemProduct-quantity-dropdown--unavailable:disabled { cursor: not-allowed; }
.BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .BasketItemProduct-quantity-dropdown::placeholder, .BasketItemProduct-quantity-dropdown--unavailable::placeholder { color: transparent; }
}
.BasketItemProduct-quantity-dropdown--unavailable, .BasketItemProduct-quantity-dropdown:disabled, .BasketItemProduct-quantity-dropdown--unavailable:disabled { background-color: rgb(244, 244, 244); }
.BasketItemProduct { display: flex; }
.BasketItemProduct-image { min-width: 102px; }
@media (min-width: 996px) {
  .BasketItemProduct-image { margin-right: 40px; }
}
.BasketItemProduct-info-title, .BasketItemProduct-info-title--unavailable { color: rgb(93, 93, 93); text-decoration: none; font-weight: 600; font-size: 16px; }
.BasketItemProduct-info-title--unavailable { color: rgb(185, 185, 185); }
.BasketItemProduct-info-sku, .BasketItemProduct-info-sku--unavailable { font-weight: 400; }
.BasketItemProduct-info-sku--unavailable { color: rgb(185, 185, 185); }
.BasketItemProduct-info-extra { float: right; width: 100%; margin-right: 0px; color: rgb(64, 64, 64); text-decoration: none; }
@media (min-width: 996px) {
  .BasketItemProduct-tag-international { margin-top: 16px; }
}
@media (max-width: 995px) {
  .BasketItemProduct-tag-international { margin-top: 12px; }
}
.BasketItemProduct-info-store { color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .BasketItemProduct-info-store { margin-top: 16px; }
}
@media (max-width: 995px) {
  .BasketItemProduct-info-store { margin-top: 12px; }
}
.BasketItemProduct-info-store-link { color: rgb(64, 64, 64); font-weight: 700; }
.BasketItemProduct-informative { font-size: 14px; }
.BasketItemProduct-delivery-iconConventional { margin-right: 6px; width: 30px; height: 30px; fill: rgb(83, 83, 83); }
.BasketItemProduct-delivery-iconConventional-hours, .BasketItemProduct-delivery-iconConventional-international { margin-right: 6px; width: 18px; height: 18px; fill: rgb(83, 83, 83); }
.BasketItemProduct-delivery-one-hour, .BasketItemProduct-delivery-message { color: rgb(88, 194, 46); font-weight: 400; display: flex; align-items: center; }
.BasketItemProduct-magazine { position: relative; top: -2px; left: 4px; color: rgb(88, 194, 46); font-size: 14px; font-weight: 400; }
.BasketItemProduct-quantity { margin-left: 80px; margin-right: 80px; text-align: center; }
.BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { width: 58px; height: 40px; }
.BasketItemProduct-quantity-remove { display: block; margin-top: 10px; margin-right: auto; margin-left: auto; color: rgb(140, 140, 140); font-size: 14px; line-height: 1; }
.BasketItem-delete-icon { display: none; }
.BasketItemProduct-price, .BasketItemProduct-price--unavailable { width: 30%; font-weight: 400; color: rgb(93, 93, 93); font-size: 18px; text-align: right; }
.BasketItemProduct-to { font-weight: 700; }
.BasketItemProduct-price--unavailable { color: rgb(185, 185, 185); }
@media (min-width: 996px) {
  .BasketItemProduct { width: 52%; }
}
@media (max-width: 995px) {
  .BasketItemProduct-price, .BasketItemProduct-price--unavailable { width: 45%; margin-top: 10px; font-size: 14px; }
  .BasketItemProduct { width: 100%; margin-right: 0px; margin-bottom: 24px; }
  .BasketItemProduct-image { margin-right: 20px; }
  .BasketItemProduct-quantity-title { display: block; font-size: 14px; }
  .BasketItemProduct-quantity { float: left; margin-right: 10px; margin-left: 0px; text-align: left; }
  .BasketItemProduct-quantity-dropdown, .BasketItemProduct-quantity-dropdown--unavailable { float: left; width: 4rem; padding-bottom: 10px; }
  .BasketItemProduct-quantity-remove { border-radius: 4px; border: 1px solid rgb(229, 229, 229); float: left; margin-top: 0px; margin-left: 10px; padding: 10px; }
  .BasketItemProduct-info-title, .BasketItemProduct-info-title--unavailable { font-size: 14px; }
  .BasketItemProduct-info-sku, .BasketItemProduct-info-sku--unavailable { font-size: 12.5px; margin-top: 4px; }
}
.BasketItemWarranty { width: 52%; }
.BasketItemWarranty-title { margin-left: 142px; }
@media (max-width: 995px) {
  .BasketItemWarranty-title { width: 163px; margin-right: 0px; margin-bottom: 20px; margin-left: 10px; }
  .BasketItemWarranty-title::before { display: block; width: 100%; margin-bottom: 10px; font-weight: bold; content: "Garantia"; }
  .BasketItemWarranty { width: auto; }
}
.ModalDefault-wrapper { display: flex; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 3; }
.ModalDefault-wrapper .cursor-pointer { cursor: pointer; }
.ModalDefault-overlay { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background-color: rgba(0, 0, 0, 0.63); }
.ModalDefault-header { display: flex; align-items: center; justify-content: space-between; padding: 32px 32px 24px; border-bottom: 1px solid rgb(211, 218, 221); gap: 20px; }
.ModalDefault-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.ModalDefault-header .ti-arrow-back { display: none; }
.ModalDefault-header .icon-close { display: flex; }
.ModalDefault-content { background-color: rgb(255, 255, 255); border-radius: 12px; position: absolute; left: 50%; top: 5%; transform: translateX(-50%); z-index: 2; }
.ModalDefault-body { padding: 24px 32px; }
.ModalDefault-footer { padding: 24px; border-top: 1px solid rgb(211, 218, 221); }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: calc(-152px + 100vh); overflow: auto; }
}
.InternationalTaxContingencyModal-content { display: flex; gap: 13px; margin-bottom: 16px; text-align: left; }
.InternationalTaxContingencyModal-content-column { display: flex; flex-direction: column; gap: 13px; text-align: left; }
.InternationalTaxContingencyModal-icon { width: 66px; height: 67px; }
.InternationalTaxContingencyModal .font-sm-regular { width: calc(100% - 66px); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; line-height: 125%; color: rgb(81, 81, 81); }
.InternationalTaxContingencyModal .font-sm-medium { font: var(--tom-font-sm-medium); color: rgb(81, 81, 81); }
.InternationalTaxContingencyModal-btn { padding: 11px 100px; margin: 0px auto; display: block; width: fit-content; }
@media (max-width: 995px) {
  .InternationalTaxContingencyModal-content { flex-direction: column; align-items: center; }
  .InternationalTaxContingencyModal .font-sm-regular { width: 100%; }
}
.InternationalTaxContingency-text { display: block; margin-top: 12px; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; text-align: right; line-height: 16px; }
.InternationalTaxContingency-link { color: var(--tom-color-on-surface-5); text-decoration-line: underline; cursor: pointer; }
.InternationalTax-wrapper { display: flex; flex-direction: column; margin-top: 14px; }
.InternationalTax-wrapper .InternationalTax-row { display: flex; justify-content: space-between; margin-top: 4px; }
.InternationalTax-wrapper .InternationalTax-text, .InternationalTax-wrapper .InternationalTax-tax-text { font: var(--tom-font-2xsm-regular); }
@media (max-width: 995px) {
  .InternationalTax-wrapper .InternationalTax-tax-text { flex-basis: min-content; }
}
.BasketItem-availabilityWarning-link { border: 0px; background: none; text-decoration: underline; }
@media (min-width: 996px) {
  .BasketItem { padding-top: 32px; padding-bottom: 32px; }
}
.BasketItem-border-dashed { border-bottom: 1px dashed rgb(211, 218, 221); }
.BasketItem-productContainer { display: flex; }
.BasketItem-policyViolation, .BasketItem-unavailableWarning { margin-bottom: 20px; color: rgb(237, 106, 10); }
.BasketItem-policyViolation-button { margin-right: 12px; background: transparent; border: none; }
.BasketItem-policyViolation { display: flex; align-items: center; }
@media (max-width: 995px) {
  .BasketItem-policyViolation { padding: 12px; }
}
.BasketItem-unavailableWarning-link { color: rgb(0, 134, 255); }
.BasketItem-customerCompanyWarning { float: left; width: 100%; margin-top: 20px; margin-right: 20px; color: rgb(226, 83, 53); }
.BasketItem-availabilityWarning { float: left; width: 100%; margin-right: 20px; margin-bottom: 20px; color: rgb(251, 150, 0); }
.BasketItem-text-bold { font-weight: 700; }
.BasketItem-availabilityWarning-title { margin-bottom: 20px; color: rgb(0, 131, 202); font-size: 22px; }
.BasketItem-availabilityWarning-description { margin-bottom: 20px; }
.BasketItem-availabilityWarning-link { margin-left: 5px; color: rgb(251, 150, 0); }
.BasketItem-warrantyContainer { display: flex; justify-content: space-between; margin-top: 20px; }
@media (max-width: 995px) {
  .BasketItem-productContainer { flex-wrap: wrap; justify-content: space-between; }
  .BasketItem { font-size: 14px; padding-bottom: 24px; }
  .BasketItem-border-solid { padding: 0px 16px 24px; border-bottom: 0px; }
  .BasketItem-border-dashed { border-bottom: 1px dashed rgb(211, 218, 221); margin: 0px 16px 24px; }
  .BasketItem:first-child { padding-top: 0px; }
  .BasketItem-delete-icon { display: block; }
  .BasketItem-delete-label { display: none; }
  .BasketItem-warrantyContainer { flex-wrap: wrap; margin-top: 20px; padding-top: 20px; }
  .BasketItem-warrantyContainer .BasketItem-delete-label { display: none; }
  .BasketItem-warrantyContainer .BasketItem-delete-icon { display: block; }
  .BasketItem-warrantyContainer .BasketItemProduct-quantity { order: 1; }
  .BasketItem-warrantyContainer .BasketItemWarranty { order: 2; }
  .BasketItem-warrantyContainer .BasketItemProduct-price { width: 100%; margin-bottom: -24px; }
  .BasketItem-unavailableWarning { width: auto; margin-right: 16px; margin-bottom: 24px; }
  .BasketItem-availabilityWarning-title { font-size: 18px; text-align: center; }
  .BasketItem-availabilityWarning-description { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; line-height: 1.3; text-align: center; }
}
.Policies-wrapper { display: flex; flex: 1 1 0%; width: 100%; text-align: left; flex-direction: column; font-size: 1.2rem; }
.Policies-description { position: relative; background-color: rgb(251, 235, 219); padding: 14px; border-radius: 6px; display: flex; flex-direction: column; }
.Policies-description :first-child { font-weight: bold; color: rgb(226, 83, 53); }
.Policies-description ::before { content: ""; width: 5px; background-color: rgb(226, 83, 53); height: 100%; position: absolute; left: 0px; top: 0px; }
.Policies-info-description { font-weight: 700; color: rgb(226, 83, 53); }
.Policies-info { margin-top: 18px; }
.Policies-rules-content { display: flex; margin-top: 8px; flex-direction: column; }
.BasketItemProduct-shipping { display: flex; align-items: center; margin-bottom: 56px; }
@media (max-width: 995px) {
  .BasketItemProduct-shipping { margin-bottom: 0px; }
}
.BasketItemProduct-shipping span { font-weight: 700; }
@media (max-width: 995px) {
  .BasketItemProduct-shipping span { margin-left: auto; }
}
.BasketItemDelivery-price { margin-left: 7px; color: rgb(93, 93, 93); }
.BasketItemDelivery-price--free { color: rgb(88, 194, 46); }
.BasketTable-header-package { display: flex; align-items: center; }
.BasketTable-header-package-title { display: flex; font-weight: bold; align-items: flex-end; }
@media (min-width: 996px) {
  .BasketTable-header-package { background-color: rgb(240, 243, 244); height: 56px; }
  .BasketTable-header-package-title { size: 20px; padding-left: 12px; }
  .BasketTable-header-package-logo { margin: 0px 8px; }
}
@media (max-width: 995px) {
  .BasketTable-header-package-title { size: 16px; padding: 24px 0px 0px 16px; flex-wrap: wrap; border-top: 16px solid rgb(240, 243, 244); width: 100%; }
  .BasketTable-header-package-logo { margin: 0px 6px; }
  .BasketTable-items-package { margin-top: 24px; }
}
.Basket-shipment-box { border-top: 1px solid rgb(211, 218, 221); }
@media (min-width: 996px) {
  .Basket-shipment-box { padding-top: 32px; }
}
@media (max-width: 995px) {
  .Basket-shipment-box { padding: 16px; }
}
.Basket-shipment-title { font-weight: 700; color: rgb(93, 93, 93); }
.InternationalTaxICMSModal { max-width: 490px; }
.InternationalTaxICMSModal-header { margin-bottom: 16px; text-align: left; }
.InternationalTaxICMSModal-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.InternationalTaxICMSModal-content { margin-bottom: 24px; }
.InternationalTaxICMSModal-content .font-sm-regular { font: var(--tom-font-sm-regular); }
.InternationalTaxICMSModal-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
.ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: center; display: none; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; display: flex; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: 100vh; overflow: auto; }
  .InternationalTaxICMSModal-header { display: none; }
  .InternationalTaxICMSModal-content { flex-direction: column; }
  .InternationalTaxICMSModal .font-sm-regular { width: 100%; }
}
.InternationalImportTaxModal { max-width: 490px; }
.InternationalImportTaxModal-header { margin-bottom: 16px; text-align: left; }
.InternationalImportTaxModal-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.InternationalImportTaxModal-content { margin-bottom: 24px; }
.InternationalImportTaxModal-content .font-sm-regular { font: var(--tom-font-sm-regular); }
.InternationalImportTaxModal-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
.ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: center; display: none; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; display: flex; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: 100vh; overflow: auto; }
  .InternationalImportTaxModal-header { display: none; }
  .InternationalImportTaxModal-content { flex-direction: column; }
  .InternationalImportTaxModal .font-sm-regular { width: 100%; }
}
.BasketPriceBox-prices { margin-bottom: 10px; display: flex; flex-direction: row; justify-content: space-between; }
.BasketPriceBox-prices-value { display: flex; justify-content: flex-end; }
.BasketPriceBox-prices-title { margin-right: 20px; display: flex; flex-direction: column; text-align: right; }
.BasketPriceBox-prices-values, .BasketPriceBox-prices-values--unavailable { color: rgb(64, 64, 64); }
.BasketPriceBox-prices-values--unavailable { color: rgb(185, 185, 185); text-decoration: line-through; }
.BasketPriceBox-unavailableWarning { padding-top: 20px; justify-content: right; color: rgb(64, 64, 64); text-align: right; }
@media (min-width: 996px) {
  .BasketPriceBox-price { display: flex; justify-content: flex-end; flex-direction: column; }
  .BasketPriceBox-prices { margin-right: 0px; }
  .BasketPriceBox-prices-values, .BasketPriceBox-prices-values--unavailable { display: inline-block; width: 224px; margin-right: 0px; }
  .BasketPriceBox-prices-free { color: rgb(89, 193, 12); font-weight: 700; font-size: 18px; margin-right: 50px; }
  .BasketPriceBox-prices-cash-to { display: flex; flex-direction: column; width: 235px; }
  .BasketPriceBox-prices-cash { font-size: 20px; font-weight: 700; }
  .BasketPriceBox-prices-to { font-weight: 400; font-size: 20px; }
  .BasketPriceBox-prices-delivery { font-weight: 500; font-size: 18px; width: 235px; }
  .BasketPriceBox-prices-withoutDiscount { font-weight: 500; font-size: 18px; width: 235px; }
  .BasketPriceBox-prices-titleTotal { font-size: 18px; margin-right: 24px; display: flex; align-items: center; gap: 5px; }
  .BasketPriceBox-prices-titleProducts { font-weight: 500; font-size: 18px; margin-right: 24px; }
  .BasketPriceBox-prices-titleBold { font-weight: 700; font-size: 20px; margin-right: 24px; }
}
@media (max-width: 995px) {
  .BasketPriceBox-prices { font-size: 14px; flex-wrap: wrap; }
  .BasketPriceBox-price { display: flex; justify-content: flex-end; flex-direction: column; margin: 16px 16px 8px; }
  .BasketContinueFloating-line { display: flex; justify-content: flex-end; }
  .BasketPriceBox-prices-title { width: initial; text-align: left; margin-left: 16px; }
  .BasketPriceBox-prices-values, .BasketPriceBox-prices-values--unavailable { margin-right: 20px; text-align: right; }
  .BasketPriceBox-prices-titleTotal { font-size: 14px; display: flex; flex-direction: row-reverse; align-items: center; gap: 5px; }
  .BasketPriceBox-prices-titleProducts { font-weight: 500; font-size: 14px; }
  .BasketPriceBox-prices-titleBold { font-weight: 700; font-size: 16px; }
  .BasketPriceBox-unavailableWarning { box-sizing: border-box; padding: 16px 16px 0px; background-color: rgb(244, 244, 244); text-align: center; width: 100%; }
  .BasketPriceBox-prices-cash-to { display: flex; flex-direction: column; align-items: end; }
  .BasketPriceBox-prices-cash { font-size: 16px; font-weight: 700; }
  .BasketPriceBox-prices-to { font-weight: 400; font-size: 16px; margin-left: 28px; }
  .BasketPriceBox-prices-delivery { font-weight: 500; font-size: 14px; }
  .BasketPriceBox-prices-free { color: rgb(89, 193, 12); font-weight: 700; font-size: 14px; }
  .BasketPriceBox-prices-withoutDiscount { font-weight: 500; font-size: 14px; }
}
.BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 250px; }
}
.BasketContinue-button:hover { background-color: rgb(72, 165, 36); }
.BasketContinue-button:active { background-color: rgb(55, 142, 22); }
.BasketContinue-button:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 250px; }
}
.BasketContinue-button:hover { background-color: rgb(72, 165, 36); }
.BasketContinue-button:active { background-color: rgb(55, 142, 22); }
.BasketContinue-button:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BasketContinue-actions { margin-right: 0px; line-height: 40px; display: flex; justify-content: flex-end; }
.BasketContinue-button-buyMore { background-color: transparent; }
.BasketContinue-information-promocode-vale { color: rgb(185, 185, 185); font-size: 12px; line-height: 1.5; }
.BasketContinue-button:hover { background-color: rgb(72, 165, 36); }
.BasketContinue-button[disabled], .BasketContinue-button[disabled]:hover { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BasketContinue-button:active { background-color: rgb(55, 142, 22); }
@media (min-width: 996px) {
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 235px; }
  .BasketContinue-buyMore { margin-right: 24px; font-size: 14px; text-align: right; }
  .BasketContinue-information-promocode-vale { display: flex; justify-content: flex-end; margin-top: 10px; margin-right: 6px; text-align: center; }
}
@media (max-width: 995px) {
  .BasketContinue { padding: 16px 0px 1px; background-color: rgb(244, 244, 244); }
  .BasketContinue-actions { display: flex; flex-flow: column-reverse; padding-right: 10px; padding-left: 10px; }
  .BasketContinue-button, .BasketContinue-button:hover, .BasketContinue-button:active { width: 100%; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0.05em; }
  .BasketContinue-buyMore { font-size: 14px; text-align: center; color: var(--tom-color-interaction-darker); font-weight: 700; }
  .BasketContinue-button-buyMore { margin: var(--tom-spacing-2xsm) 0; padding: var(--tom-spacing-xsm); }
  .BasketContinue-information-promocode-vale { margin-bottom: 16px; text-align: center; }
}
@keyframes animateHide { 
  0% { opacity: 1; }
  100% { opacity: 0; bottom: -100vh; }
}
@keyframes animateShow { 
  0% { opacity: 0; bottom: -100vh; }
  100% { opacity: 1; }
}
.BasketContinueFloating { position: fixed; bottom: 0px; width: 100%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 13px 2px; padding: 18px 16px 36px; animation-name: animateHide; animation-duration: 120ms; animation-timing-function: ease; animation-fill-mode: forwards; }
@media (min-width: 996px) {
  .BasketContinueFloating { display: none; }
}
.BasketContinueFloating--show { z-index: 20; animation-name: animateShow; animation-duration: 120ms; animation-timing-function: ease; animation-fill-mode: forwards; }
.BasketContinueFloating-table { margin-bottom: 10px; font-weight: 500; font-size: 14px; }
.BasketContinueFloating-titleTotal { font-size: 16px; font-weight: 700; }
.BasketAddress-floating-free { font-size: 14px; font-weight: 700; color: rgb(88, 194, 46); }
.BasketContinueFloating-line { display: flex; justify-content: flex-end; }
@media (min-width: 996px) {
  .BasketContinueFloating-line { margin-top: 4px; }
}
.BasketContinueFloating-value { font-weight: 500; }
.BasketContinueFloating-title-value { display: flex; align-items: center; gap: 5px; }
.BasketContinueFloating-value-delivery { font-weight: 500; }
.BasketContinueFloating-value-shipment { display: flex; flex-direction: column; align-items: end; font-size: 16px; }
.BasketContinueFloating-value-shipment p:first-child { font-weight: 700; }
.BasketContinueFloating-separator { border-bottom: 1px solid rgb(229, 229, 229); margin: 10px 0px; }
@media (max-width: 995px) {
  .BasketContinueFloating-line { display: flex; justify-content: space-between; margin-bottom: 8px; }
}
.ZipcodeForm-input { border-radius: 4px 0px 0px 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto 0px 0px; width: 120px; padding: 0px 10px; }
@media (min-width: 996px) {
  .ZipcodeForm-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .ZipcodeForm-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .ZipcodeForm-input::placeholder { color: transparent; }
}
.ZipcodeForm-input { padding-top: 2px; }
.ZipcodeForm { display: inline; }
.ZipcodeForm-link { margin-left: 56px; }
@media (max-width: 995px) {
  .ZipcodeForm { display: inline-flex; margin-top: 4px; width: 100%; }
  .ZipcodeForm-input { height: 44px; font-size: 16px; width: 70%; }
  .ZipcodeForm-input::placeholder { color: rgb(140, 140, 140); }
  .ZipcodeForm-link { margin-left: 4px; margin-top: 12px; line-height: 19.69px; width: 100%; }
  .ZipcodeForm .buttonWithin { width: 50px; font-size: 16px; height: 44px; font-weight: 500; }
  .ZipcodeForm .buttonWithin-text { position: relative; top: -3px; }
}
.ButtonLink { border: 0px; background: none; text-decoration: underline; color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .ButtonLink { display: block; }
}
.ButtonLink { border: 0px; background: none; text-decoration: underline; color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .ButtonLink { display: block; }
}
.ButtonLink { color: var(--tom-color-interaction-default); }
@media (max-width: 995px) {
  .ButtonLink { margin-left: 10px; }
}
.ButtonLink__label { display: none; font-size: 16px; font-weight: 400; line-height: 18.4px; }
.ButtonLink__icon { display: inline-block; }
@media (min-width: 996px) {
  .ButtonLink__label { display: block; margin-top: 6px; }
  .ButtonLink__icon { display: none; }
}
.BasketAddress-address-change { border: 0px; background: none; text-decoration: underline; color: rgb(140, 140, 140); }
@media (min-width: 996px) {
  .BasketAddress-address-change { display: block; }
}
.BasketAddress { display: flex; }
.BasketAddress-alterZipcode { display: flex; align-items: center; margin-bottom: 9.04px; }
.BasketAddress-alterZipcode > :first-child { margin-right: 8px; font-size: 16px; font-weight: 400; line-height: 18.97px; }
.BasketAddress-address-change__icon { display: none !important; }
.BasketAddress-shipmentCost { color: rgb(0, 131, 202); }
.BasketAddress-labelContainer { display: flex; justify-content: space-between; margin-bottom: 8px; align-items: center; }
.BasketAddress-firstLabel { font-size: 17px; font-weight: 400; margin-bottom: 8px; line-height: 19.55px; }
.BasketAddress-secondLabel { font-size: 17px; font-weight: 700; line-height: 19.55px; }
.BasketAddress-free { color: rgb(88, 194, 46); font-weight: 700; }
.BasketAddress-address { width: 100%; }
@media (min-width: 996px) {
  .BasketAddress { line-height: 40px; }
  .BasketAddress-address-firstLine { display: flex; flex-direction: column; max-width: 450px; font-size: 17px; line-height: 19.92px; }
  .BasketAddress-address-secondLine { font-size: 16.7px; font-weight: 400; line-height: 25.5px; }
}
@media (max-width: 995px) {
  .BasketAddress { justify-content: space-between; border-bottom: 2px solid rgb(229, 229, 229); margin-top: 16px; }
  .BasketAddress-address { font-size: 12px; border-top: 16px solid rgb(240, 243, 244); margin-top: -24px; }
  .BasketAddress-free { align-self: flex-end; }
  .BasketAddress-address-firstLine { font-size: 16px; font-weight: 400; line-height: 1.5; display: flex; flex-direction: column; margin: 24px 16px; }
  .BasketAddress-address-secondLine { line-height: 1.5; font-size: 12px; font-weight: 400; }
  .BasketAddress-alterZipcode { justify-content: space-between; }
  .BasketAddress-zipcode::before { font-size: 16px; font-weight: 400; }
  .BasketAddress-address-change { text-decoration: none; }
  .BasketAddress-address-change__label { color: var(--tom-color-interaction-darker); font: var(--tom-font-xsm-bold); }
  .BasketAddress-shipmentCost { display: flex; justify-content: flex-end; margin-right: 20px; font-size: 15px; font-weight: 400; }
  .BasketAddress-firstLabel { font-size: 16px; font-weight: 400; margin-bottom: 8px; color: rgb(93, 93, 93); }
  .BasketAddress-secondLabel { font-size: 16px; color: rgb(93, 93, 93); }
}
.CardLuiza { margin-top: 5px; color: rgb(64, 64, 64); font-size: 13px; font-weight: 400; }
.CardLuiza__icon-cardluiza { margin-right: 24px; }
.CardLuiza__icon-cardluiza svg { width: 34px; }
@media (min-width: 996px) {
  .CardLuiza { display: inline-flex; }
  .CardLuiza__text-luiza { width: 235px; }
  .BasketPriceBox-prices .CardLuiza { display: flex; justify-content: flex-end; margin-left: 92px; }
}
@media (max-width: 995px) {
  .CardLuiza { display: flex; text-align: right; justify-content: flex-end; margin: 0px 16px 16px; }
  .OrderReviewTotals .CardLuiza { float: right; margin-top: 5px; margin-right: 15px; margin-left: 0px; text-align: right; }
  .CardLuiza__icon-cardluiza { display: none; }
}
.BasketPriceBox { display: flex; padding-top: 5px; padding-bottom: 24px; justify-content: space-between; }
.BasketPriceBox-unavaible { display: flex; width: 100%; justify-content: right; }
@media (min-width: 996px) {
  .BasketPriceBox { flex-direction: column; padding: 24px 12px; border-radius: 3px; background-color: rgb(240, 243, 244); position: relative; z-index: 2; }
}
@media (max-width: 995px) {
  .BasketPriceBox { flex-flow: column wrap; z-index: 2; }
  .BasketPriceBox-shipment { width: 100%; }
  .BasketPriceBox-prices--values, .BasketPriceBox-price { width: 100%; }
}
.BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { width: 250px; }
}
.BobbyCompactProduct-button:hover { background-color: rgb(72, 165, 36); }
.BobbyCompactProduct-button:active { background-color: rgb(55, 142, 22); }
.BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { border: 1px solid rgb(88, 194, 46); background-color: rgb(255, 255, 255); color: rgb(88, 194, 46); }
.BobbyCompactProduct-button:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.BobbyCompactProduct { float: left; width: 468px; margin-right: 20px; }
.BobbyCompactProduct-title { float: left; width: 346px; margin-right: 20px; cursor: pointer; }
.BobbyCompactProduct-price { float: left; width: 346px; margin-right: 20px; margin-bottom: 10px; cursor: pointer; }
.BobbyCompactProduct-productRow { float: left; width: 100%; margin-right: 20px; }
.BobbyCompactProduct-productRow:hover .BobbyCompactProduct-title, .BobbyCompactProduct-productRow:hover .BobbyCompactProduct-price { text-decoration: underline; }
.BobbyCompactProduct-productRow-left { float: left; width: 102px; margin-right: 20px; cursor: pointer; }
.BobbyCompactProduct-productRow-right { float: right; width: 346px; margin-right: 0px; }
.BobbyCompactProduct-title-link { color: rgb(64, 64, 64); text-decoration: none; }
.BobbyCompactProduct-price-link { color: rgb(93, 93, 93); font-size: 16px; font-weight: 600; text-decoration: none; }
.BobbyCompactProduct-buttonRow { float: left; width: 100%; margin-right: 20px; }
.BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { float: left; width: 102px; margin-right: 20px; margin-left: 122px; font-size: 14px; line-height: 30px; }
.BobbyCompactProduct-button:hover { border: 1px solid rgb(72, 165, 36); color: rgb(72, 165, 36); }
.BobbyCompactProduct-button:active { border: 1px solid rgb(55, 142, 22); color: rgb(55, 142, 22); }
.BobbyCompactProduct-button-icon, .BobbyCompactProduct-button-icon:hover, .BobbyCompactProduct-button-icon:active { width: 16px; height: 16px; vertical-align: sub; fill: rgb(88, 194, 46); }
.BobbyCompactProduct-button-icon:hover { fill: rgb(72, 165, 36); }
.BobbyCompactProduct-button-icon:active { fill: rgb(55, 142, 22); }
@media (max-width: 995px) {
  .BobbyCompactProduct-title-link, .BobbyCompactProduct-price-link { width: 100%; padding: 2% 0px; font-size: 14px; text-align: left; }
  .BobbyCompactProduct { width: 100vw; margin-right: 0px; }
  .BobbyCompactProduct img { width: 25vw; }
  .BobbyCompactProduct-productRow { width: 100%; margin: 0px; }
  .BobbyCompactProduct-productRow-left { width: 30%; margin: 0px; }
  .BobbyCompactProduct-productRow-right { width: 70%; margin: 0px; }
  .BobbyCompactProduct-title { width: auto; }
  .BobbyCompactProduct-price { width: auto; }
  .BobbyCompactProduct-button, .BobbyCompactProduct-button:hover, .BobbyCompactProduct-button:active { margin-left: 30%; }
}
.BobbyArrow-left, .BobbyArrow-left--disabled, .BobbyArrow-right, .BobbyArrow-right--disabled { position: absolute; top: calc(50% - 15px); width: 20px; height: 30px; cursor: pointer; fill: rgb(0, 131, 202); }
.BobbyArrow-left, .BobbyArrow-left--disabled { left: -24px; }
.BobbyArrow-right, .BobbyArrow-right--disabled { right: -24px; }
.BobbyArrow-left--disabled { fill: rgb(140, 140, 140); }
.BobbyArrow-right--disabled { fill: rgb(140, 140, 140); }
@media (max-width: 995px) {
  .BobbyArrow-left, .BobbyArrow-left--disabled, .BobbyArrow-left--disabled, .BobbyArrow-right, .BobbyArrow-right--disabled, .BobbyArrow-right--disabled { visibility: hidden; }
}
.BobbyCarousel { padding-top: 44px; }
.BobbyCarousel:last-of-type { padding-bottom: 8px; }
.BobbyCarousel--larger { margin-right: 20px; padding-top: 50px; }
.BobbyContainer, .BobbyContainer--compact { padding-top: 2px; }
.BobbyCarousel--larger:last-of-type .BobbyContainer, .BobbyCarousel--larger:last-of-type .BobbyContainer--compact { padding-bottom: 22px; }
.BobbyContainer-title, .BobbyContainer-title--bigger { margin-left: 12px; color: rgb(0, 131, 202); }
.BobbyContainer-title--bigger { font-size: 24px; }
.stewie-bold { font-weight: 700; }
.slick-slider { position: relative; }
.slick-list { overflow: hidden; width: 100%; padding: 10px 10px 25px; }
.slick-track { display: flex; align-items: stretch; }
.slick-slide { display: flex; float: left; }
.slick-slide > div { display: flex; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button::before { font-size: 25px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; }
.slick-dots li.slick-active button::before { opacity: 0.75; }
@media (min-width: 996px) {
  .BobbyCarousel { margin-right: 20px; padding-top: 20px; }
  .BobbyContainer .slick-slide > div:hover { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px; }
}
@media (max-width: 995px) {
  .BobbyContainer-title, .BobbyContainer-title--bigger { margin-left: 12px; text-align: left; }
}
.EmptyBasket-page-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .EmptyBasket-page-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.EmptyBasket-title { font-weight: 700; }
.EmptyBasket-box { margin-top: 20px; padding: 20px; background-color: rgb(244, 244, 244); }
@media (min-width: 996px) {
  .EmptyBasket { width: 100%; }
  .EmptyBasket-box { border-radius: 4px; float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; }
  .EmptyBasket-title { padding-top: 30px; }
  .EmptyBasket-asset { float: left; }
}
@media (max-width: 995px) {
  .EmptyBasket-box { text-align: center; }
  .EmptyBasket-page-title { margin-top: 10px; margin-bottom: 0px; margin-left: 20px; }
}
.BobbyProduct-link { display: block; color: rgb(93, 93, 93); text-decoration: none; }
.BobbyProduct-image { text-align: center; }
.BobbyProduct-stars { width: 95px; }
.BobbyProduct-title { margin: 10px 0px; font-size: 16px; line-height: 1.2; }
.BobbyProductTitle { color: rgb(93, 93, 93); font-weight: 400; font-size: 16px; text-align: left; }
.BobbyProduct-priceContainer { color: rgb(93, 93, 93); text-align: left; }
.BobbyProduct-price { float: left; width: 100%; margin-right: 20px; font-size: 16px; }
.BobbyProduct-price-link { font-weight: 700; }
.BobbyProduct-priceFrom { float: left; width: 100%; margin-right: 20px; color: rgb(93, 93, 93); }
.BobbyProduct-stockStatus { float: left; width: 100%; margin-right: 20px; }
@media (min-width: 996px) {
  .BobbyProduct { display: flex; width: 214px; margin: 10px 0px; padding: 10px; color: rgb(0, 0, 0); font-size: 12px; cursor: pointer; text-align: center; }
}
@media (max-width: 995px) {
  .BobbyProduct { width: 100%; }
  .BobbyProduct-image { width: 90%; }
  .BobbyProduct-price-link { font-size: 18px; }
  .BobbyProduct-installment { color: rgb(93, 93, 93); font-size: 12px; }
  .BobbyProductTitle { font-weight: 500; font-size: 14px; }
}
.GenericFooter { color: rgb(93, 93, 93); font-size: 14px; text-align: center; }
@media (min-width: 996px) {
  .GenericFooter--full { display: inline-flex; }
}
@media (max-width: 995px) {
  .GenericFooter--full { order: 99; width: 90%; margin: 0px auto; }
}
.grecaptcha-badge { z-index: 20; }
.ButtonShowPassword { border: 0px; background: none; display: flex; position: absolute; align-items: center; justify-content: space-around; top: 0px; }
@media (min-width: 996px) {
  .ButtonShowPassword { margin-left: -50px; width: 40px; height: 40px; }
}
@media (max-width: 995px) {
  .ButtonShowPassword { right: 0px; width: 51px; height: 52px; }
}
.FormGroup-textarea, .FormGroup-input { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .FormGroup-textarea, .FormGroup-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .FormGroup-textarea, .FormGroup-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .FormGroup-textarea::placeholder, .FormGroup-input::placeholder { color: transparent; }
}
.FormGroup-input--withError, .input--withError { border-color: rgb(226, 83, 53); }
.FormGroup-input--withError:focus, .input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
.FormGroup-textarea, .FormGroup-input { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .FormGroup-textarea, .FormGroup-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .FormGroup-textarea, .FormGroup-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .FormGroup-textarea::placeholder, .FormGroup-input::placeholder { color: transparent; }
}
.FormGroup-input--withError, .input--withError { border-color: rgb(226, 83, 53); }
.FormGroup-input--withError:focus, .input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
.FormGroup { position: relative; display: flex; margin-bottom: 20px; }
@media (max-width: 995px) {
  .FormGroup { flex-flow: column; }
}
.FormGroup--last, .FormGroup--thin { margin-bottom: 10px; }
.FormGroup--multiple { display: flex; }
@media (min-width: 996px) {
  .FormGroup--multiple .FormGroup-inputGroup { width: 40%; }
  .FormGroup--multiple .FormGroup-label { width: 346px; }
}
@media (max-width: 995px) {
  .FormGroup--multiple { display: flex; justify-content: space-between; }
  .FormGroup--multiple .FormGroup { width: 48%; }
}
@media (min-width: 996px) {
  .FormGroup-label { display: inline-flex; align-items: center; justify-content: flex-end; width: 346px; height: 40px; margin-right: 20px; line-height: 1.5; text-align: right; }
}
@media (max-width: 995px) {
  .FormGroup-label { position: absolute; top: 16px; left: 10px; padding-left: 6px; color: rgb(140, 140, 140); }
  .FormGroup-label-icon { margin-left: 32px; }
}
.FormGroup-input-icon { padding-left: 38px; }
@media (max-width: 995px) {
  .FormGroup-radioLabel { position: static; padding-bottom: 10px; color: initial; font-size: 14px; font-weight: bold; }
  .FormGroup-inputGroup { display: inline; width: 100%; }
}
@media (min-width: 996px) {
  .FormGroup-inputGroup { width: 400px; }
  .FormGroup-inputGroup--long { width: 250px; }
  .FormGroup-inputGroup--small { width: 185px; }
  .FormGroup-inputGroup--extraSmall { width: 120px; }
}
.FormGroup-radioGroup { display: inline-flex; }
.FormGroup-radioOption { display: inline-flex; align-items: center; margin-right: 20px; }
.FormGroup-radio, .FormGroup-radioOption > [class^="InputRadioButton"] { margin-right: 10px; }
.FormGroup-textarea { height: 200px; margin-right: 20px; line-height: 1.5; }
@media (min-width: 996px) {
  .FormGroup-textarea { width: 250px; }
}
@media (max-width: 995px) {
  .FormGroup-textarea { width: 100%; }
}
.FormGroup-textarea--withError { border-color: rgb(226, 83, 53); }
.FormGroup-input { width: 100%; }
.FormGroup-errorMessage { display: flex; color: rgb(226, 83, 53); line-height: 1.5; }
@media (max-width: 995px) {
  .FormGroup-errorMessage { text-align: initial; }
}
@media (min-width: 996px) {
  .FormGroup-errorMessage { width: 110%; }
}
.FormGroup-errorMessage--break { white-space: normal; }
@media (min-width: 996px) {
  .FormGroup-errorMessage--break { width: 400px; }
}
@media (max-width: 995px) {
  .FormGroup-feedback { display: none; }
}
@media (min-width: 996px) {
  .FormGroup-feedback { width: 35px; }
  .FormGroup-children { align-self: flex-start; margin-top: 6px; margin-right: 10px; margin-left: 10px; }
  .FormGroup-cvv .FormGroup-children { display: flex; width: 40%; height: 40px; margin-top: 0px; }
}
.FormGroup-cvv { position: relative; display: flex; margin-bottom: 20px; }
.FormGroup-cvv div:first-child { margin-right: 6px; }
.FormGroup-icon-card { position: absolute; margin: 0px 12px; fill: rgb(139, 139, 139); width: 18px; }
@media (min-width: 996px) {
  .FormGroup-icon-card { top: -7px; }
}
.FormGroup-icon-user { position: absolute; margin: 0px 12px; }
@media (max-width: 995px) {
  .FormGroup-icon-user { top: 18px; }
}
@media (min-width: 996px) {
  .FormGroup-icon-user { top: 12px; }
}
@media (max-width: 995px) {
  .FormGroup--withIcon .FormGroup-inputGroup { width: calc(100% - 40px); }
  .FormGroup--withIcon .FormGroup-feedback { display: inline-flex; }
  .FormGroup--withIcon .ButtonLink { position: absolute; top: 20px; right: 10px; }
  input:-webkit-autofill + label, .active--input { top: 0px; left: 0px; color: rgb(140, 140, 140); font-size: 80%; transition: 0.125s; }
}
.LoginBox-form-continue { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .LoginBox-form-continue { width: 250px; }
}
.LoginBox-form-continue:hover { background-color: rgb(72, 165, 36); }
.LoginBox-form-continue:active { background-color: rgb(55, 142, 22); }
.LoginBox-form-continue:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.LoginBox-title { margin-bottom: 20px; margin-left: 182px; font-size: 18px; font-weight: 700; }
@media (min-width: 996px) {
  .LoginBox-form { margin-bottom: 20px; }
}
.LoginBox-form-continue { margin-left: 182px; }
.LoginBox-help { margin-left: 182px; color: rgb(140, 140, 140); font-size: 14px; }
@media (max-width: 995px) {
  .LoginBox-help { margin-bottom: 10px; }
}
.LoginBox-strong { color: rgb(66, 74, 82); }
.LoginBox-form-error--unique { margin-bottom: var(--tom-spacing-sm); display: flex; flex-direction: column; border-radius: var(--tom-radius-sm); border-width: var(--tom-border-thin); border-color: var(--tom-color-danger-default); background-color: var(--tom-color-danger-lighter-inverted); padding-top: ; padding-bottom: ; padding-left: ; padding-right: var(--tom-spacing-md); color: var(--tom-color-on-surface-2); }
.overflow-x-shadow.LoginBox-form-error--unique { background-image: linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)); }
.LoginBox-form-error--unique { font: var(--tom-font-2xsm-regular); }
@media (min-width: 744px) {
  .LoginBox-form-error--unique { margin-left: 182px; width: 250px; }
}
@media (max-width: 995px) {
  .LoginBox .FormGroup, .SignupBox .FormGroup { margin-bottom: 5px; }
  .LoginBox-title { margin: 0px; font-size: 14px; font-weight: 600; }
  .LoginBox-form-continue { width: 100%; height: 50px; margin: 0px; }
  .LoginBox-help { margin-top: 5px; margin-left: 0px; }
  .LoginBox-redirect { margin-top: 5px; margin-left: 0px; }
  .LoginBox-form-error--unique { margin-top: 0px; margin-left: 0px; }
}
@media (min-width: 996px) {
  .LoginBox, .SignupBox { display: flex; flex-flow: column; align-items: flex-start; }
  .LoginBox-form .FormGroup-label { width: 162px; }
}
.MaxAttemptsContent { display: flex; flex-direction: column; align-items: center; gap: var(--tom-spacing-md); padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); }
.MaxAttemptsLabel { text-align: center; font: var(--tom-font-xsm-bold); }
.bottom-sheet-header { border-bottom: none !important; }
.bottom-sheet-content { padding-bottom: 0px !important; padding-top: 0px !important; }
.bottom-sheet-footer { border-top: none !important; }
.SocialLoginBox { padding: 5px 0px; text-align: center; display: flex; align-items: center; justify-content: center; }
@media (max-width: 995px) {
  .SocialLoginBox { flex-direction: column; }
}
.SocialLoginBox-group-buttons { display: flex; align-items: center; }
.SocialLoginBox-button, .SocialLoginBox-button--FB, .SocialLoginBox-button--Google { width: 20px; height: 20px; margin-left: 10px; cursor: pointer; vertical-align: middle; }
.SocialLogin-Facebook, .SocialLogin-Google { width: 136px; margin: 0px 9px; padding: 5px 6px; border: 0px; border-radius: 3px; text-align: left; }
.SocialLogin-Facebook { margin: 4px; background-color: rgb(66, 103, 178); }
.SocialLogin-Google { margin: 4px; background-color: rgb(242, 242, 242); }
.SocialLoginBox-button--ButtonNameFB, .SocialLoginBox-button--ButtonNameGoogle { margin-left: 10px; font-size: 15px; }
.SocialLoginBox-button--ButtonNameFB { color: rgb(255, 255, 255); }
.SocialLoginBox-button--ButtonNameGoogle { color: rgb(0, 0, 0); }
.SocialLoginBox--InformationLogin { padding: 6px; }
@media (max-width: 995px) {
  .SocialLoginBox--InformationLogin { display: block; }
  .SocialLoginBox--Divider { display: inline-block; width: 100%; margin-top: 5px; margin-bottom: 5px; }
  .SocialLoginBox { margin-top: -15px; padding: 0px; }
}
.LoginPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .LoginPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.LoginPage-mainContainer { display: flex; padding-top: 20px; padding-bottom: 20px; }
.LoginPage-leftContainer { width: 48.8494%; margin-right: 20px; border-right: 1px solid rgb(229, 229, 229); }
.LoginPage-rightContainer { width: 48.954%; }
.LoginPage-socialContainer { margin-top: 20px; }
@media (max-width: 995px) {
  .LoginPage { box-sizing: border-box; padding: 10px; }
  .LoginPage-title { margin-top: 1px; margin-left: 0px; }
  .LoginPage-mainContainer { flex-flow: column; padding-top: 0px; }
  .LoginPage-leftContainer { order: 3; width: 100%; border-right: 0px; }
  .LoginPage-rightContainer { order: 2; width: 100%; }
  .LoginPage-socialContainer { margin-top: 0px; }
}
.InputRadioButton, .radio-button-off, .radio-button-on { display: none; }
.InputRadioButton--on, .InputRadioButton--off { display: inline-block; vertical-align: middle; }
.InputRadioButton--on .radio-button-on { display: block; }
.InputRadioButton--off .radio-button-off { display: block; }
@media (min-width: 996px) {
  .SignupForm, .EditRegistrationPage { margin-top: 20px; }
  .SignupForm .AddressForm, .EditRegistrationPage .AddressForm { flex-flow: column; margin-bottom: 20px; }
  .SignupForm .AddressForm .AddressForm-form-group, .EditRegistrationPage .AddressForm .AddressForm-form-group { margin-left: 195px; }
  .SignupForm .AddressForm .FormGroup-label, .EditRegistrationPage .AddressForm .FormGroup-label { margin-left: -195px; }
  .SignupForm .continueButton, .EditRegistrationPage .continueButton { margin-left: 367px; }
}
@media (max-width: 995px) {
  .SignupForm, .EditRegistrationPage { padding-top: 6px; }
}
.hide { display: none; visibility: hidden; }
@media (min-width: 996px) {
  .SignupPolicy { display: inline-block; margin-bottom: 25px; }
}
@media (max-width: 995px) {
  .SignupPolicy { display: contents; }
}
.SignupFormPF::after { display: table; clear: both; content: ""; }
.SignupFormPF-redirect-me { align-items: center; margin-top: -15px; font-size: 12px; }
@media (min-width: 996px) {
  .SignupFormPF-redirect-me { margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupFormPF-redirect-me { margin-right: 10px; margin-bottom: 20px; }
}
.SignupFormPF-strong { color: rgb(66, 74, 82); font-weight: 600; }
.SignupFormPF-link { color: rgb(66, 74, 82); background-color: transparent; text-decoration: underline; }
.SignupFormPF-divider-line { height: 1px; border: 0px; margin-top: -15px; margin-bottom: 25px; background-color: rgb(203, 203, 203); }
@media (min-width: 996px) {
  .SignupFormPF-divider-line { margin-left: 366px; }
}
.CheckboxGroup { margin-right: 10px; margin-bottom: 20px; }
@media (min-width: 996px) {
  .CheckboxGroup { display: flex; position: relative; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
.CheckboxGroup-input { position: absolute; width: 20px; height: 20px; }
.checked--icon { width: 16px; height: 15px; margin-top: 1px; margin-left: 1px; fill: rgb(255, 255, 255); }
.unchecked--icon { visibility: hidden; }
.CheckboxGroup--state-checked, .CheckboxGroup--state-unchecked { position: absolute; width: 20px; height: 20px; margin-right: 10px; border: 1px solid rgb(0, 131, 202); border-radius: 4px; background: rgb(0, 131, 202); transition: 0.125s; }
.CheckboxGroup--state-unchecked { border-color: rgb(140, 140, 140); background: rgb(255, 255, 255); transition: 0.125s; }
.CheckboxGroup-labelText { margin-left: 30px; }
.SignupFormPJ::after { display: table; clear: both; content: ""; }
@media (max-width: 995px) {
  .FormGroup-state-registration { display: inline-block; padding-top: 10px; }
}
@media (min-width: 996px) {
  .FormGroup-state-registration .CheckboxGroup { margin: 0px; }
}
.SignupFormPJ-divider-line { height: 1px; border: 0px; margin-top: -15px; margin-bottom: 25px; background-color: rgb(203, 203, 203); }
@media (min-width: 996px) {
  .SignupFormPJ-divider-line { margin-left: 366px; }
}
.AddressForm::after { display: table; clear: both; content: ""; }
@media (min-width: 996px) {
  .AddressForm { display: flex; }
  .AddressForm-form-label-cancel { margin-right: 20px; padding-left: 20px; }
  .AddressForm-form-label--large { display: inline-flex; justify-content: flex-end; width: 300px; margin-right: 20px; margin-left: 179px; padding-top: 10px; }
}
.AddressForm-form-label-cancel { display: inline-flex; justify-content: flex-end; }
.AddressForm-form-zipcode-link { display: inline-flex; }
@media (max-width: 995px) {
  .AddressForm-form-zipcode-link { margin-top: 10px; }
}
.AddressForm-cancel { width: 590px; margin-right: 0px; margin-left: 366px; }
@media (min-width: 996px) {
  .AddressForm-form-group-cancel { margin-left: 263px; }
}
@media (max-width: 995px) {
  .AddressForm [name="zipcode"]::placeholder { color: rgb(140, 140, 140); }
  .AddressForm-form-label--large { position: initial; justify-content: flex-start; width: 100%; padding-top: 8px; color: rgb(140, 140, 140); }
  .AddressForm-form-label--large.active--input { padding-top: 12px; }
  .AddressForm-form-group-cancel { display: flex; align-items: center; }
  .AddressForm .FormGroup-inputGroup { text-align: left; }
  .AddressForm-form-zipcode-link--href { display: flex; }
}
.SignupNotificationsPF { margin-bottom: 40px; }
@media (min-width: 996px) {
  .SignupNotificationsPF { margin-top: -40px; }
}
.SignupNotificationsPF-title b { margin-right: 5px; }
@media (min-width: 996px) {
  .SignupNotificationsPF-title { font-size: 18px; }
}
.SignupNotificationsPF-description { display: block; margin-bottom: 25px; }
@media (min-width: 996px) {
  .SignupNotificationsPF-description { margin-left: 366px; }
}
.SignupNotificationsPF-icon { margin-right: 6px; }
.SignupNotificationsPF-iconDescription { font-weight: 500; }
.SignupNotificationsPF-checkboxGroup, .SignupNotificationsPF-title { display: inline-flex; align-items: center; }
@media (min-width: 996px) {
  .SignupNotificationsPF-checkboxGroup, .SignupNotificationsPF-title { width: 373px; margin-top: 25px; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupNotificationsPF-checkboxGroup, .SignupNotificationsPF-title { margin-right: 10px; margin-bottom: 20px; }
}
.SignupNotificationsPJ { margin-bottom: 40px; }
@media (min-width: 996px) {
  .SignupNotificationsPJ { margin-top: -40px; }
  .SignupNotificationsPJ-title { font-size: 18px; }
}
.SignupNotificationsPJ-description { display: block; margin-bottom: 25px; }
@media (min-width: 996px) {
  .SignupNotificationsPJ-description { margin-left: 366px; }
}
.SignupNotificationsPJ-icon { margin-right: 6px; }
.SignupNotificationsPJ-iconDescription { font-weight: 500; }
.SignupNotificationsPJ-checkboxGroup, .SignupNotificationsPJ-title { display: inline-flex; align-items: center; }
@media (min-width: 996px) {
  .SignupNotificationsPJ-checkboxGroup, .SignupNotificationsPJ-title { width: 373px; margin-top: 25px; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupNotificationsPJ-checkboxGroup, .SignupNotificationsPJ-title { margin-right: 10px; margin-bottom: 20px; }
}
.SignupOptInMagaluPay { margin-bottom: 20px; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay { margin-top: -40px; }
}
.SignupOptInMagaluPay-title b { margin-right: 5px; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay-title { font-size: 16px; }
}
.SignupOptInMagaluPay-description { display: block; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay-description { margin-left: 366px; }
}
.SignupOptInMagaluPay-icon { margin-right: 6px; }
.SignupOptInMagaluPay-terms-link { text-decoration: none; }
.SignupOptInMagaluPay-info, .SignupOptInMagaluPay-terms-link { color: rgb(0, 134, 255); font-weight: 600; cursor: pointer; }
.SignupOptInMagaluPay-terms, .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { display: inline-flex; align-items: center; }
@media (min-width: 996px) {
  .SignupOptInMagaluPay-terms, .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { width: 463px; margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
@media (max-width: 995px) {
  .SignupOptInMagaluPay-terms, .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { flex-wrap: wrap; margin-right: 10px; margin-bottom: 20px; }
}
@media (min-width: 996px) {
  .SignupOptInMagaluPay-info, .SignupOptInMagaluPay-title { margin-top: 24px; }
}
.DeliveryModeButtons-wrapper { display: flex; align-items: center; width: 100%; margin: 1rem auto 0px; flex-direction: column; }
.DeliveryModeButtons-wrapper button:nth-child(1) { margin-bottom: 12px; }
.DeliveryModeButtons-btn { padding: 18px; font-size: 14px; background-color: rgb(255, 255, 255); border-radius: 6px; width: 100%; max-width: 328px; border: none; display: flex; align-items: center; justify-content: space-between; box-shadow: rgba(87, 85, 85, 0.12) 0px 4px 20px 0px; }
@media (max-width: 995px) {
  .DeliveryModeButtons-btn { max-width: unset; }
}
.DeliveryModeButtons-btn-content { display: flex; justify-content: start; align-items: center; }
.DeliveryModeButtons-btn-content svg { margin: 0px 15px 0px 0px !important; }
.DeliveryModeButtons-btn-content :nth-child(2) { text-align: left; max-width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 500; font-size: 14px; line-height: 16px; }
@media (max-width: 995px) {
  .DeliveryModeButtons-btn-content { max-width: 88%; }
}
.DeliveryModeButtons-btn-info { color: rgb(0, 134, 255); }
.DeliveryModeButtons-svg-hidden { width: 20px; height: 20px; color: var(--tom-color-brand-default); font-size: 40px; display: flex; align-items: center; margin-right: 10px !important; margin-bottom: 0px !important; }
.DeliveryModeButtons-btn__svg { width: 24px; height: 24px; font-size: 26px; color: var(--tom-color-brand-default); margin-right: 15px !important; margin-bottom: 0px !important; }
.SelectEmailOrSms-wrapper, .SelectEmailOrSms-wrapper-modal { margin-top: 32px; padding: 40px; text-align: center; background-color: rgb(255, 255, 255); border-radius: 15px; width: 408px; height: 405px; }
@media (max-width: 995px) {
  .SelectEmailOrSms-wrapper, .SelectEmailOrSms-wrapper-modal { background-color: var(--tom-color-on-surface-9); padding-right: ; padding-bottom: ; padding-left: ; padding-top: var(--tom-spacing-2xlg); border-radius: 0px; margin-top: 0px; width: 100vw; height: 100vh; }
}
@media (min-width: 996px) {
  .SelectEmailOrSms-wrapper-modal { margin: auto; width: auto; height: auto; padding: 0px; }
}
@media (max-width: 995px) {
  .SelectEmailOrSms-wrapper-modal { width: auto; height: 100vh; }
}
.SelectEmailOrSms-title { font-weight: 500; font-size: 2rem; margin: 8px 0px; text-align: center; }
.SelectEmailOrSms-text-info { display: inline-block; overflow-wrap: break-word; max-width: 262px; font-weight: 600; font-size: 18px; line-height: 26px; }
.SelectEmailOrSms-outlined-btn { margin-top: 22px; font-size: 1.2rem; border: none; background: transparent; color: rgb(0, 134, 255); }
.SelectEmailOrSms-outlined-btn:hover { text-decoration: underline; }
.SelectEmailOrSms-wrapper-error { display: flex; justify-content: center; margin-top: 1rem; max-width: 100%; color: rgb(226, 83, 53); }
.SelectEmailOrSms-wrapper-error span { margin-left: 5px; }
@media (max-width: 995px) {
  .SelectEmailOrSms-wrapper-error { padding: 0px 12px; }
}
.InputPinCode-wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; max-width: 380px; }
.InputPinCode-form { display: flex; width: 100%; max-width: 312px; height: 48px; align-items: center; justify-content: space-between; }
.InputPinCode-input { width: 42px; height: 48px; border: 1px solid var(--tom-color-on-surface-6); border-radius: 12px; font-weight: 400; color: var(--tom-color-on-surface-5); font-size: 1.5rem; text-align: center; gap: 8px; }
.InputPinCode-input:focus { border: 2px solid var(--tom-color-brand-default); outline: none; background-color: var(--tom-color-on-interaction-lighter); }
.InputPinCode-wrapper-error { display: flex; max-width: 312px; color: var(--tom-color-on-danger-default-inverted); margin-top: 4px; }
.InputPinCode-wrapper-error .ti { width: 24px; height: 24px; margin: 5px; }
.InputPinCode-message-error { text-align: left; }
.InputPinCode-error svg { width: 25px; height: 25px; }
.InputPinCode-error { border-color: var(--tom-color-on-danger-default-inverted); background-color: var(--tom-color-on-danger-lighter); }
.InputPinCode-success { border-color: var(--tom-color-success-lighter); }
.Timer { margin-top: 24px; text-align: center; }
.Timer-formattedTime { color: rgb(140, 140, 140); font-weight: 600; margin-left: -16px; }
.Timer-button { border: none; background-color: transparent; color: rgb(0, 134, 255); }
.Timer-button:disabled { color: rgb(140, 140, 140); }
.OtpErrorNotification-wrapper { position: fixed; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: var(--tom-color-on-brand-default); }
@media (min-width: 996px) {
  .OtpErrorNotification-wrapper { padding: 0px 15px; left: calc(-185px + 50vw); margin-left: auto; margin-right: auto; top: 27vh; border-radius: var(--tom-radius-lg); max-width: 360px; }
}
@media (max-width: 995px) {
  .OtpErrorNotification-wrapper { width: 100%; padding: 15px 16px 0px; left: 0px; margin-left: auto; margin-right: auto; bottom: 0px; border-top-left-radius: var(--tom-radius-2xlg); border-top-right-radius: var(--tom-radius-2xlg); }
}
.OtpOverlay { background-color: var(--tom-color-on-surface-2); opacity: var(--tom-opacity-20); position: fixed; width: 100%; height: 100%; right: 0px; top: 0px; }
.OtpErrorNotification-description { display: flex; flex-direction: column; width: 100%; align-items: center; max-width: 325px; }
@media (max-width: 995px) {
  .OtpErrorNotification-description { max-width: max-content; gap: 32px; margin-bottom: 16px; }
}
@media (min-width: 996px) {
  .OtpErrorNotification-description { margin-bottom: 32px; margin-top: 52px; gap: 16px; }
}
.OtpErrorNotification-title { font: var(--tom-font-lg-bold); color: var(--tom-color-on-surface-3); }
@media (max-width: 995px) {
  .OtpErrorNotification-title { font: var(--tom-font-md-bold); display: grid; grid-template-columns: 24px 1fr; align-self: baseline; gap: 13px; }
}
.OtpErrorNotification-title .warning-icon-amber { fill: rgb(204, 172, 0); }
.OtpErrorNotification-description p { font: var(--tom-font-xsm-regular); }
@media (max-width: 995px) {
  .OtpErrorNotification-description p { line-height: 25px; text-align: left; max-width: 328px; }
}
@media (min-width: 996px) {
  .OtpErrorNotification-description p { line-height: 18px; }
}
.OtpErrorNotification-btn { color: var(--tom-color-on-interaction-default); background-color: var(--tom-color-interaction-default); font: var(--tom-font-xsm-bold); width: 100%; height: 48px; border: none; }
@media (min-width: 996px) {
  .OtpErrorNotification-btn { border-radius: var(--tom-radius-lg); max-width: 305px; margin-bottom: 24px; }
}
@media (max-width: 995px) {
  .OtpErrorNotification-btn { max-width: 328px; border-radius: 8px; margin-bottom: 16px; }
}
.OtpClose .ti.ti-close { font-size: 24px; color: var(--tom-color-on-surface-3); cursor: pointer; }
.OtpClose { cursor: pointer; position: absolute; display: flex; right: 16px; top: 12px; max-width: fit-content; padding: 4px; border-radius: var(--tom-radius-2xlg); background-color: var(--tom-color-surface-container-low); }
.OtpCode-wrapper, .OtpCode-wrapper-modal { font-family: var(--tom-font-family); }
@media (max-width: 995px) {
  .OtpCode-wrapper, .OtpCode-wrapper-modal { text-align: center; padding: 16px; }
  .OtpCode-wrapper { padding: 0px 0px 120px; }
}
.OtpCode-content { display: flex; flex-direction: column; align-items: center; }
.OtpCode-info { width: 328px; text-align: justify; gap: 24px; }
@media (max-width: 995px) {
  .OtpCode-info { width: 100%; }
}
.OtpCode-title { white-space: nowrap; font-weight: 600; font-size: 22px; color: var(--tom-color-on-surface-2); }
.OtpCode-text-info { display: inline-block; overflow-wrap: break-word; max-width: 479px; margin-bottom: 24px; text-align: initial; }
.OtpCode-text-info__link { margin-top: 6px; }
.OtpCode-text-info__link a { cursor: pointer; font-weight: 400; font-size: 16px; line-height: 18px; color: var(--tom-color-brand-default); }
.OtpCode-info-user { font-weight: 700; }
.OtpCode-outlined-btn { margin-top: 48px; font-size: 16px; font-weight: 600; border: none; background: transparent; color: rgb(0, 134, 255); }
.OtpCode-outlined-btn:hover { text-decoration: underline; }
.ModalContainer { position: fixed; z-index: 2; top: 0px; bottom: 0px; left: 0px; float: left; overflow: hidden auto; width: 100%; margin-right: 20px; padding-top: 0px; background-color: rgb(255, 255, 255); }
.ModalContainer-CloseIcon { position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; cursor: pointer; fill: rgb(0, 131, 202); }
.DeliveryModal-header { margin-top: 23px; margin-bottom: 12px; color: rgb(0, 131, 202); font-size: 20px; font-weight: 700; text-align: center; display: block !important; }
.AddressModal-header { margin-top: 17px; margin-bottom: -54px; }
.SimpleLoader-wrapper { display: flex; backdrop-filter: blur(6px); align-items: center; justify-content: center; position: fixed; z-index: 30; inset: 0px; background-color: rgba(255, 255, 255, 0.35); }
.SimpleLoader-wrapper span { margin-left: 5px; font-size: 1rem; color: rgb(0, 134, 255); font-weight: 700; }
.SimpleLoader-circle { border-width: 3px; border-style: solid; border-color: rgb(0, 134, 255) rgb(229, 229, 229) rgb(229, 229, 229); border-image: initial; border-radius: 50%; width: 18px; height: 18px; animation: 1.2s linear 0s infinite normal none running spin; }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.ValidateAccountOtp, .ValidateAccountOtp-modal { display: flex; justify-content: center; text-align: center; background-color: rgb(255, 255, 255); border-radius: 15px; width: 408px; }
@media (min-width: 996px) {
  .ValidateAccountOtp, .ValidateAccountOtp-modal { padding: 40px; }
}
@media (max-width: 995px) {
  .ValidateAccountOtp, .ValidateAccountOtp-modal { margin-top: 0px; }
}
@media (min-width: 996px) {
  .ValidateAccountOtp-modal { margin: auto; width: auto; height: auto; padding: 0px; }
}
@media (max-width: 995px) {
  .ValidateAccountOtp-modal { width: auto; height: 100vh; }
}
.SuccessNotificationModal-wrapper { display: flex; align-items: center; flex-direction: column; text-align: center; }
.SuccessNotificationModal-wrapper span { max-width: 449px; }
.SuccessNotificationModal-wrapper span:first-of-type { margin-top: 12px; font-size: 1.5rem; font-weight: 700; }
.SuccessNotificationModal-wrapper button { padding: 18px; margin-top: 12px; color: rgb(255, 255, 255); font-weight: 700; background-color: rgb(0, 134, 255); border-radius: 6px; width: 100%; max-width: 328px; border: none; }
@media (min-width: 996px) {
  .SuccessNotificationModal-wrapper button { max-width: 275px; }
}
@media (max-width: 995px) {
  .ReactModal__Content { width: auto !important; margin-top: 56px !important; padding-top: 14px !important; padding-right: 10px !important; padding-left: 10px !important; text-align: left !important; }
  .Modal-content { margin-top: 30px; text-align: center; }
  .Forgot-title { font-size: 18px; text-align: center; }
  .Forgot-description { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; line-height: 1.3; text-align: center; }
  .Forgot-form .continueButton { width: 100%; height: 50px; margin: 0px; }
}
.Input-input { min-width: 0px; padding-right: 3.5rem; padding-left: var(--tom-spacing-md) !important; }
.Input-input:-webkit-autofill, .Input-input:-webkit-autofill:hover, .Input-input:-webkit-autofill:focus, .Input-input:-webkit-autofill:active { box-shadow: white 0px 0px 0px 30px inset !important; }
.SignupPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .SignupPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.SignupPage::after { display: table; clear: both; content: ""; }
@media (max-width: 995px) {
  .SignupPage { padding: 10px; }
  .SignupPage-title { margin-top: 2px; margin-left: 0px; }
}
.radio-group:focus:not(:disabled) ~ .AddressBox { outline-color: var(--tom-color-surface-container-highest); }
.radio-group:focus:not(:disabled) ~ .AddressBox:checked { outline-color: var(--tom-color-interaction-default); background-color: var(--tom-color-interaction-default); }
.AddressBox { display: flex; width: 100%; border-radius: var(--tom-radius-lg); border-color: var(--tom-color-on-surface-7); padding-left: var(--tom-spacing-lg); padding-right: var(--tom-spacing-lg); padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); font: var(--tom-font-2xsm-regular); margin-bottom: var(--tom-spacing-xsm); box-sizing: border-box; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.AddressBox[\:has\(\:checked\)] { border-color: var(--tom-color-interaction-default); }
.AddressBox:has(:checked) { border-color: var(--tom-color-interaction-default); }
.AddressBox { border-width: var(--tom-border-thin); }
.AddressBox.AddressFormContainer { display: block; }
.AddressBox input { margin-right: var(--tom-spacing-lg); width: 20px; height: 20px; }
.AddressBox-title { font: var(--tom-font-2xsm-bold); }
.AddressBox-label { display: flex; width: 100%; flex-direction: column; }
@media (max-width: 995px) {
  .ModalContainer .AddressBox { margin: 0px; padding: 60px 10px 10px; }
}
.AddressList-subtitle { margin-top: var(--tom-spacing-xsm); margin-bottom: var(--tom-spacing-xsm); color: var(--tom-color-on-surface-4); font: var(--tom-font-xsm-bold); }
.AddressList-buttonsContainer { display: flex; width: 100%; flex-direction: column; justify-content: flex-end; column-gap: var(--tom-spacing-md); row-gap: var(--tom-spacing-sm); }
@media (min-width: 744px) {
  .AddressList-buttonsContainer { flex-direction: row; }
}
.AddressList-newAddressButton { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-md); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-2xsm); padding-bottom: var(--tom-spacing-xsm); padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); padding-top: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.AddressList-newAddressButton:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.AddressList-newAddressButton:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.AddressList-newAddressButton:disabled, .AddressList-newAddressButton.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-newAddressButton { background-color: transparent; border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default-inverted); }
.AddressList-newAddressButton:hover { background-color: transparent; border-color: var(--tom-color-interaction-lighter); color: var(--tom-color-on-interaction-lighter-inverted); }
.AddressList-newAddressButton:active { background-color: var(--tom-color-surface-container-mid); border-color: var(--tom-color-interaction-darker); color: var(--tom-color-on-interaction-darker-inverted); }
.AddressList-newAddressButton:disabled, .AddressList-newAddressButton.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-newAddressButton { justify-content: center; }
.AddressList-confirmButton { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-md); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-2xsm); padding-bottom: var(--tom-spacing-xsm); padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); padding-top: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.AddressList-confirmButton:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.AddressList-confirmButton:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.AddressList-confirmButton:disabled, .AddressList-confirmButton.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-confirmButton { background-color: var(--tom-color-success-default); border-color: var(--tom-color-success-default); color: var(--tom-color-on-success-default); }
.AddressList-confirmButton:hover { background-color: var(--tom-color-success-lighter); border-color: var(--tom-color-on-success-lighter); }
.AddressList-confirmButton:active { background-color: var(--tom-color-success-darker); border-color: var(--tom-color-on-success-darker); }
.AddressList-confirmButton:disabled, .AddressList-confirmButton.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.AddressList-confirmButton { justify-content: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.Modal.inset-0 { inset: 0px; }
.Modal.inset-x-0 { top: 0px; right: 0px; }
.Modal-overlay { cursor: auto; background-color: var(--tom-color-on-surface-2); opacity: var(--tom-opacity-20); position: fixed; width: 100%; height: 100%; right: 0px; top: 0px; }
.DeliveryAddress { margin-left: auto; margin-right: auto; max-width: 744px; }
.DeliveryAddress-title { margin-bottom: var(--tom-spacing-md); border-color: var(--tom-color-on-surface-7); padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); color: var(--tom-color-on-surface-3); font: var(--tom-font-xsm-bold); }
@media not all and (min-width: 744px) {
  .DeliveryAddress-title { padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); }
}
@media (min-width: 744px) {
  .DeliveryAddress-title { padding-bottom: var(--tom-spacing-lg); padding-top: var(--tom-spacing-md); font: var(--tom-font-md-bold); }
}
.DeliveryAddress-title { border-bottom-width: var(--tom-border-thin); }
@media (min-width: 996px) {
  .AddressForm-form-group { margin-bottom: 20px; }
}
@media (max-width: 995px) {
  .DeliveryAddress-title { margin-top: 10px; }
}
.PaymentBox .PaymentBox-line, .PaymentBox .PaymentBox-line-disabled, .PaymentBox .SecurePurchase { box-shadow: rgb(229, 229, 229) 0px 1px 0px 0px, rgb(255, 255, 255) 0px 2px 0px 0px; }
.PaymentBox .PaymentBox-line:first-child, .PaymentBox .PaymentBox-line-disabled:first-child, .PaymentBox .SecurePurchase:first-child { padding-top: 0px; }
.PaymentBox .PaymentBox-line:last-child, .PaymentBox .PaymentBox-line-disabled:last-child, .PaymentBox .SecurePurchase:last-child { box-shadow: none; }
.PaymentBox { border-radius: 4px; margin: 10px -20px; padding: 20px 20px 0px; background-color: rgb(244, 244, 244); }
.PaymentBox-icon, .PaymentBox-icon--flag, .PaymentBox-icon--flagVisa { width: 50px; height: 30px; padding-right: 10px; padding-left: 10px; vertical-align: middle; fill: rgb(64, 64, 64); }
.PaymentBox-icon--flagVisa { width: 55px; height: 30px; padding-right: 10px; padding-left: 5px; }
.PaymentBox-line, .PaymentBox-line-disabled { padding: 10px 0px; }
.PaymentBox-line-disabled { color: rgb(185, 185, 185); }
.PaymentBox-line-label { display: inline-flex; align-items: center; width: 100%; cursor: pointer; }
.PaymentBox-line-label .CheckboxGroup { margin-left: 0px; margin-right: 20px; padding-left: 0px; }
.PaymentBox-line-label .CheckboxGroup-labelText { margin-left: 20px; }
.PaymentBox-line-info-label--success { color: rgb(88, 194, 46); }
.PaymentBox__special-message { border-radius: 4px; margin-left: 15px; padding: 3px 7px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 13px; letter-spacing: 1px; }
.ImgCardLuizaGold, .ImgCardLuizaSilver { position: relative; top: 5px; margin-right: 10px; margin-left: 5px; fill: rgb(64, 64, 64); }
@media (min-width: 996px) {
  .PaymentBox-line-info-label { flex: 0 0 590px; margin-left: auto; }
  .PaymentBox-line-label .CheckboxGroup { margin-bottom: 18px; }
}
@media (max-width: 995px) {
  .PaymentBox { width: 100%; margin-bottom: 20px; margin-left: 0px; }
  .PaymentBox-line-info-label { display: block; margin-top: 5px; margin-left: 30px; }
  .PaymentBox-line-label { display: block; padding-bottom: 10px; }
  .PaymentBox-line-label .CheckboxGroup { display: inline-block; vertical-align: middle; }
  .SecurePurchase { padding: 10px 0px; text-align: center; }
  .SecurePurchase-description { margin-left: 4px; font-size: 14px; }
}
.CardFlag, .CardFlag-smartphone, .CardFlag-cvv-card { width: 46px; height: 30px; margin-right: 10px; }
@media (max-width: 995px) {
  .CardFlag, .CardFlag-smartphone, .CardFlag-cvv-card { margin-top: 6px; }
}
.PaymentForm-cardFlagsBox > .CardFlag, .PaymentForm-cardFlagsBox > .CardFlag-smartphone, .PaymentForm-cardFlagsBox > .CardFlag-cvv-card { cursor: pointer; }
@media (max-width: 995px) {
  .CardFlag-smartphone { margin-top: 0px; width: 45px; height: 45px; }
}
@media (min-width: 996px) {
  .CardFlag-smartphone { width: 22px; height: 22px; }
}
@media (max-width: 995px) {
  .CardFlag-cvv-card { margin-top: 0px; width: 120px; height: 50px; }
}
@media (min-width: 996px) {
  .CardFlag-cvv-card { width: 60px; height: 30px; }
}
.PaymentFailModal-title { color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; padding-top: 0px; }
@media (max-width: 995px) {
  .PaymentFailModal-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { width: 250px; }
}
.PaymentFailModal-continue:hover { background-color: rgb(72, 165, 36); }
.PaymentFailModal-continue:active { background-color: rgb(55, 142, 22); }
.PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { background-color: rgb(0, 131, 202); }
.PaymentFailModal-continue:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.PaymentFailModal { text-align: center; }
.PaymentFailModal-title-icon { width: 77px; height: 54px; margin: 0px auto; }
.PaymentFailModal-subtitle { margin-bottom: 40px; color: rgb(0, 131, 202); }
.PaymentFailModal-ReasonsWrapper { display: flex; }
.PaymentFailModal-ReasonIcon { display: block; width: 157px; height: 92px; margin: 0px auto 20px; }
.PaymentFailModal-ReasonText { padding: 0px 10px; }
.PaymentFailModal-content { margin-top: 40px; margin-bottom: 20px; color: rgb(0, 131, 202); }
.PaymentFailModal-RetryPaymentWrapper { display: flex; justify-content: space-around; margin-bottom: 40px; }
.PaymentFailModal-RetryPaymentItem, .PaymentFailModal-RetryPaymentItem--NewCard, .PaymentFailModal-RetryPaymentItem--NewCardLarge, .PaymentFailModal-RetryPaymentItem--BankSlip { cursor: pointer; text-decoration: underline; }
.PaymentFailModal-RetryPaymentItem--NewCardLarge { margin-left: 20px; }
.PaymentFailModal-RetryPaymentIcon { width: 50px; height: 30px; padding-right: 10px; padding-left: 10px; vertical-align: middle; fill: rgb(64, 64, 64); }
.PaymentFailModal-ReceiveCallText { max-width: 540px; margin: 0px auto; color: rgb(0, 131, 202); font-size: 15px; line-height: 40px; }
.PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { width: 224px; }
.PaymentFailModal-continue:hover { background-color: rgb(0, 97, 149); }
.PaymentFailModal-continue:active { background-color: rgb(2, 79, 121); }
@media (max-width: 995px) {
  .PaymentFailModal-title { box-sizing: border-box; margin-top: 50px; padding: 10px; }
  .PaymentFailModal-RetryPaymentItem, .PaymentFailModal-RetryPaymentItem--NewCard, .PaymentFailModal-RetryPaymentItem--NewCardLarge, .PaymentFailModal-RetryPaymentItem--BankSlip { margin-bottom: 10px; }
  .PaymentFailModal-RetryPaymentWrapper { margin-bottom: 20px; }
  .PaymentFailModal-titleWrapper { margin-top: 20px; }
  .PaymentFailModal-ReasonsWrapper { flex-direction: column; }
  .PaymentFailModal-ReasonItem, .PaymentFailModal-ReasonItem--bigger { margin-bottom: 20px; }
  .PaymentFailModal-RetryPaymentItem--NewCardLarge { margin-left: 0px; }
  .PaymentFailModal-ReceiveCallText { box-sizing: border-box; width: 100%; padding: 10px; line-height: 1.5; }
  .PaymentFailModal-continue, .PaymentFailModal-continue:hover, .PaymentFailModal-continue:active { margin: 0px auto 20px; text-align: center; }
}
.PaymentInfoLabel { font-size: 14px; color: rgb(64, 64, 64); display: flex; align-items: center; }
.CardFlagsBox { display: flex; flex-wrap: wrap; align-items: center; }
.CardFlagContainer, .CardFlagContainer--notChosen { opacity: 1; cursor: pointer; }
.CardFlagContainer--notChosen { opacity: 0.15; }
@media (max-width: 995px) {
  .CardFlagsBox { margin-top: 40px; margin-left: 13px; margin-bottom: 13px; }
}
.VirtualDebitEloForm-limit-warning { color: rgb(93, 93, 93); font-size: 14px; }
.PaymentForm-form-dropdown:disabled, .PaymentForm-form-dropdown--withError:disabled, .PaymentForm-form-dropdown--half:disabled, .PaymentForm-form-dropdown--half--withError:disabled { cursor: not-allowed; }
.PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .PaymentForm-form-dropdown::placeholder, .PaymentForm-form-dropdown--withError::placeholder, .PaymentForm-form-dropdown--half::placeholder, .PaymentForm-form-dropdown--half--withError::placeholder { color: transparent; }
}
.PaymentForm-form-dropdown:disabled, .PaymentForm-form-dropdown--withError:disabled, .PaymentForm-form-dropdown--half:disabled, .PaymentForm-form-dropdown--half--withError:disabled { background-color: rgb(244, 244, 244); }
.PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 224px; height: 40px; }
.PaymentForm-form-dropdown--withError { border-color: rgb(226, 83, 53); }
.PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 93px; height: 40px; }
.PaymentForm-form-dropdown--half + .FormGroup-errorMessage, .PaymentForm-form-dropdown--half--withError + .FormGroup-errorMessage { width: 93px; white-space: nowrap; }
.PaymentForm-form-dropdown--half--withError { border-color: rgb(226, 83, 53); }
.BankSlipForm-samedaymessage { max-width: 625px; margin-bottom: 18px; color: rgb(251, 150, 0); line-height: 1.6; }
.BankSlipForm-price, .PixForm-price { margin: 30px 0px 20px; font-weight: 700; }
.BankSlipForm-price--highlighted, .PixForm-price--highlighted { color: rgb(0, 131, 202); }
.BankSlipForm-description, .PixForm-description { margin-bottom: 10px; }
.SavedCardForm { padding-top: 20px; }
.ValeTrocaCreditForm-messages { max-width: 625px; margin-bottom: 10px; margin-left: 30px; line-height: 1.5; }
.ValeTrocaCreditForm-money { color: rgb(88, 194, 46); }
.ValeTrocaCreditForm-error { color: rgb(226, 83, 53); }
.ValeCompraForm-remaining-credit { padding-bottom: 10px; }
.ValeCompraForm-remaining-amount { color: rgb(0, 131, 202); }
.ValeCompraForm-info { padding-bottom: 10px; }
.ValeCompraForm-info-third-party-items { padding-bottom: 20px; }
.ValeCompraForm-info-third-party-items-warning { color: rgb(226, 83, 53); }
@media (max-width: 995px) {
  .PaymentBox { box-sizing: border-box; width: 100%; margin-bottom: 20px; margin-left: 0px; }
  .PaymentPage-title { margin-left: 15px; padding-left: 0px; }
  .PaymentForm-form-dropdown, .PaymentForm-form-dropdown--withError, .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 240px; height: 52px; }
  .PaymentForm-form-dropdown--half, .PaymentForm-form-dropdown--half--withError { width: 118px; height: 52px; }
  .PaymentForm-form-checkboxGroup { width: 90%; margin-left: 0px; }
  .BankSlipForm-description, .PixForm-description { margin-top: 15px; line-height: 1.5; }
  .BankSlipForm, .PixForm, .SavedCardForm { width: 285px; margin: 0px auto; padding-bottom: 20px; }
  .PaymentModal { background-color: rgb(244, 244, 244); }
  .PaymentForm-form-cardFlagsBox { margin-top: 20px; }
  .ValeCompraForm-remaining-credit-next { display: block; }
}
.PaymentExpirationItem { display: flex; margin-bottom: 20px; }
@media (max-width: 995px) {
  .PaymentExpirationItem { justify-content: space-between; }
}
.PaymentExpirationItem-group { position: relative; display: flex; }
.PaymentExpirationItem-group:first-child { margin-right: 20px; }
@media (min-width: 996px) {
  .BankSlipForm-samedaymessage { margin: 10px auto; text-align: center; }
  .BankSlipForm-price, .PixForm-price { margin-left: 320px; }
  .BankSlipForm-price--highlighted, .PixForm-price--highlighted { color: rgb(0, 131, 202); margin-left: 46px; }
  .BankSlipForm-description, .PixForm-description { margin-left: 366px; }
  .ValeTrocaCreditForm-messages { margin-left: 366px; }
  .NewCardForm .FormGroup--multiple .FormGroup:first-child, .VirtualDebitEloForm .FormGroup--multiple .FormGroup:first-child { width: 463px; margin-right: 20px; }
  .NewCardForm .FormGroup--multiple .FormGroup:nth-child(2), .VirtualDebitEloForm .FormGroup--multiple .FormGroup:nth-child(2) { width: 97px; }
  .NewCardForm .FormGroup-label, .VirtualDebitEloForm .FormGroup-label { width: 346px; }
  .NewCardForm .checkboxGroup, .VirtualDebitEloForm .checkboxGroup { margin-left: 346px; }
  .BankSlipForm .continueButton, .PixForm .continueButton, .ValeTrocaCreditForm .continueButton, .SavedCardForm .continueButton, .NewCardForm .continueButton, .VirtualDebitEloForm .continueButton { margin-left: 366px; }
  .NewCardForm .FormGroup--multiple .FormGroup-inputGroup, .VirtualDebitEloForm .FormGroup--multiple .FormGroup-inputGroup { width: 97px; }
}
@media (max-width: 995px) {
  .VirtualDebitEloForm-limit-warning { text-align: center; }
}
@media (min-width: 996px) {
  .VirtualDebitEloForm-limit-warning { margin-left: 366px; }
}
.PaymentWithoutInternationalTax { text-align: center; max-width: 490px; }
.PaymentWithoutInternationalTax-header { margin-bottom: 16px; }
.PaymentWithoutInternationalTax-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.PaymentWithoutInternationalTax-content { margin-bottom: 24px; }
.PaymentWithoutInternationalTax-content .font-sm-regular { font: var(--tom-font-sm-regular); }
.PaymentWithoutInternationalTax-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
.ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: center; display: none; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 80%; top: 0px; right: 0px; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; display: flex; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: 100vh; overflow: auto; }
  .PaymentWithoutInternationalTax-header { display: none; }
  .PaymentWithoutInternationalTax-content { flex-direction: column; }
  .PaymentWithoutInternationalTax .font-sm-regular { width: 100%; }
}
.InternationalPurchaseValidationModal { text-align: center; max-width: 490px; }
.InternationalPurchaseValidationModal-header { margin-bottom: 16px; }
.InternationalPurchaseValidationModal-header .font-lg-bold { font: var(--tom-font-lg-bold); }
.InternationalPurchaseValidationModal-content { margin-bottom: 24px; }
.InternationalPurchaseValidationModal-content .font-sm-regular { font: var(--tom-font-sm-regular); margin-bottom: 12px; }
.InternationalPurchaseValidationModal-btn { padding: 15px 58px; margin: 0px auto; display: block; width: fit-content; }
@media (max-width: 995px) {
  .ModalDefault-drawer .ModalDefault-content { width: 90%; top: 5%; right: 5%; left: unset; transform: none; border-radius: 0px; }
  .ModalDefault-drawer .ModalDefault-header { padding: 16px; justify-content: flex-start; }
  .ModalDefault-drawer .ModalDefault-header .ti-arrow-back { display: flex; }
  .ModalDefault-drawer .ModalDefault-header .icon-close { display: none; }
  .ModalDefault-drawer .ModalDefault-body { height: auto; overflow: auto; }
  .InternationalPurchaseValidationModal-content { flex-direction: column; align-items: center; }
  .InternationalPurchaseValidationModal .font-sm-regular { width: 100%; }
}
.Promocode__link-button { border: 0px; background: none; text-decoration: underline; }
.Promocode-promocode__text { display: inline; }
.Promocode__label { cursor: pointer; text-decoration: underline; }
.Promocode__label--disabled { text-decoration: none; }
.Promocode__input-group { display: inline; }
.Promocode__link-button { margin-left: 16px; color: rgb(140, 140, 140); }
.Promocode__error-message, .Promocode__no-discount-message { margin-top: 10px; margin-bottom: 40px; color: rgb(226, 83, 53); }
@media (min-width: 996px) {
  .Promocode__error-message { white-space: nowrap; }
}
.Promocode { display: inline-flex; }
@media (min-width: 996px) {
  .Promocode { align-items: center; height: 40px; }
  .Promocode__form .buttonWithin { position: static; }
}
@media (max-width: 995px) {
  .Promocode .FormGroup-inputGroup { display: flex; flex-flow: wrap; }
  .Promocode { padding: 20px 10px 0px; }
  .Promocode__form { display: flex; flex-flow: column wrap; }
  .Promocode__form .inputWithin { width: 50%; margin: 0px; }
  .Promocode-promocode__text { display: contents; }
  .Promocode__label { width: 100%; margin-bottom: 10px; font: var(--tom-font-xsm-bold); color: var(--tom-color-interaction-darker); }
  .Promocode__link-button { margin-left: 10px; padding-top: 11px; }
  .Promocode__error-message { margin-top: 10px; color: rgb(226, 83, 53); display: flex; margin-bottom: 0px; text-align: left; }
  .Promocode__no-discount-message { margin-top: 10px; color: rgb(226, 83, 53); margin-bottom: 0px; }
}
.ButtonEdit { display: block; color: rgb(140, 140, 140); }
@media (max-width: 995px) {
  .ButtonEdit { display: inline-block; color: var(--tom-color-interaction-darker); text-decoration: none; font: var(--tom-font-xsm-bold); }
}
.OrderReviewTotals { font-size: 14px; }
.OrderReviewTotals-total { padding-top: 20px; font-weight: 700; }
.OrderReviewTotals-products, .OrderReviewTotals-services { display: flex; }
.OrderReviewTotals-right, .OrderReviewTotals-right--servicesAmount { color: rgb(0, 131, 202); }
.OrderReviewTotals-right--free { color: rgb(88, 194, 46); font-weight: 700; }
.OrderReviewTotals--promocode { color: rgb(88, 194, 46); }
.OrderReviewTotals--loyalty { color: rgb(159, 61, 149); }
.OrderReviewTotals-international-tax { margin-bottom: 10px; }
.OrderReviewTotals-international-tax-text { font: var(--tom-font-sm-regular); cursor: pointer; }
.OrderReviewTotals-international-tax-item { align-items: center; }
.OrderReviewTotals-international-tax-item .OrderReviewTotals-left { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.OrderReviewTotals-international-tax-item .OrderReviewTotals-right { font-weight: 700; }
.OrderReviewTotals-international-tax-icms .OrderReviewTotals-left { font-size: 15.6px; }
.OrderReviewTotals-shipment { margin-bottom: 10px; }
.OrderReviewTotal__to { font-weight: 400; }
@media (max-width: 995px) {
  .OrderReviewTotals-products, .OrderReviewTotals-services, .OrderReviewTotals-shipment, .OrderReviewTotals-international-tax-item, .OrderReviewTotals-discount, .OrderReviewTotals-total { display: flex; justify-content: space-between; }
  .OrderReviewTotals-right, .OrderReviewTotals-right--servicesAmount { color: var(--tom-color-on-surface-1); font-weight: 700; }
  .OrderReviewTotal__to { font-weight: 700; }
  .OrderReviewTotals-left, .OrderReviewTotals-left--servicesQuantity { padding-left: 15px; }
  .OrderReviewTotals-right, .OrderReviewTotals-right--free, .OrderReviewTotals-right--servicesAmount { padding-right: 15px; text-align: right; }
  .OrderReviewTotals-total .OrderReviewTotals-left { font-size: 16px; }
  .OrderReviewTotals-international-tax-item .OrderReviewTotals-left { flex-direction: row-reverse; }
  .OrderReviewTotals-discount__minus { padding-right: 8px; }
}
@media (min-width: 996px) {
  .OrderReviewTotals-shipment, .OrderReviewTotals-international-tax-item, .OrderReviewTotals-discount, .OrderReviewTotals-total { display: inline-flex; width: 100%; }
  .OrderReviewTotals-left, .OrderReviewTotals-left--servicesQuantity { width: 180px; margin-right: 20px; text-align: right; }
  .OrderReviewTotals .CardLuiza { width: 100%; }
  .OrderReviewTotals .CardLuiza__icon-cardluiza { width: 227px; text-align: right; }
  .OrderReviewTotals-discount__minus { display: inline-flex; width: 8px; margin-left: -8px; }
}
.OrderReviewItem-zipCodeRestriction { color: rgb(251, 150, 0); }
.OrderReviewVariation { border-radius: 4px; display: inline-block; margin-right: 15px; padding: 1px 7px; position: relative; top: 5px; background-color: rgb(227, 232, 234); font-size: 13px; font-weight: bolder; letter-spacing: 1px; margin-bottom: 4px; }
.OrderReviewItem { margin-bottom: 4px; }
.OrderReviewItem:last-of-type { margin-bottom: unset; }
.OrderReviewPackage { padding-bottom: 20px; font-size: 14px; }
.OrderReviewPackage-international { margin: 2px 0px 8px; }
.OrderReviewPackage-samedayMessage { color: rgb(251, 150, 0); }
@media (max-width: 995px) {
  .OrderReviewPackage { padding-right: 15px; padding-left: 15px; }
}
.OrderReviewAddress { margin-bottom: 20px; font-size: 14px; }
@media (max-width: 995px) {
  .OrderReviewAddress { padding-right: 15px; padding-left: 15px; border-bottom: 15px solid rgb(229, 229, 229); }
  .OrderReviewAddress-description { margin-bottom: 20px; display: flex; flex-direction: column; }
  .OrderReviewAddress-description-edit { margin-top: var(--tom-spacing-xsm); align-self: flex-end; }
}
.OrderReviewWarning { border-radius: 8px; box-sizing: border-box; padding: 8px 12px; background-color: rgb(255, 252, 235); border: 1px solid rgb(234, 198, 0); width: 80%; margin-bottom: 12px; }
@media (max-width: 995px) {
  .OrderReviewWarning { width: 100%; }
}
.OrderReviewWarning svg { float: left; margin-right: 10px; margin-top: -4px; }
.OrderReviewWarning .warning-icon-amber { fill: rgb(249, 197, 46); }
.OrderReviewWarning .TextWarning { width: 100%; }
.OrderReview { padding-top: 20px; }
.OrderReview-title { font-size: 20px; }
.OrderReview-container { display: flex; padding-top: 20px; }
.OrderReview-store { padding-top: 20px; }
.OrderReview-giftCard { margin-bottom: 20px; }
@media (min-width: 996px) {
  .mobile-only { display: none; }
  .OrderReview-leftContainer { min-width: 62%; }
  .OrderReview-titleContainer { display: flex; flex-direction: column; }
  .OrderReview-rightContainer { min-width: 35%; border-left: 1px solid rgb(229, 229, 229); }
}
@media (max-width: 995px) {
  .desktop-only { display: none; }
  .OrderReview-titleContainer { padding-right: var(--tom-spacing-md); padding-left: var(--tom-spacing-sm); display: flex; justify-content: space-between; align-items: center; }
  .OrderReview-title { color: var(--tom-color-on-surface-1); font-size: 18px; font-weight: 700; }
  .OrderReview-container { display: flex; flex-direction: column; }
  .OrderReview-leftContainer { order: 2; }
  .OrderReview-leftContainer .OrderReview-title { display: flex; margin-top: 20px; margin-left: 15px; margin-bottom: var(--tom-spacing-xsm); }
  .OrderReview-rightContainer { order: 1; }
  .OrderReview-giftCard { padding-bottom: 20px; padding-left: 15px; border-bottom: 15px solid rgb(229, 229, 229); }
}
.PaymentPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .PaymentPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.PaymentPage-PJWarning { padding: 10px; color: rgb(251, 150, 0); }
.PaymentContract-link { display: block; margin-bottom: 20px; }
@media (max-width: 995px) {
  .PaymentPage-title { margin-left: 15px; color: var(--tom-color-on-surface-1); }
}
.ReceiptPage { float: left; width: 100%; margin-right: 20px; -webkit-font-smoothing: antialiased; }
.ReceiptHeader { float: left; width: 100%; margin-right: 20px; padding-top: 10px; padding-bottom: 10px; line-height: 58px; }
.ReceiptHeader-logo { float: left; width: 224px; margin-right: 20px; }
.ReceiptHeader-timestamp { float: right; width: 346px; margin-right: 0px; margin-left: 366px; font-size: 14px; text-align: right; }
.ReceiptTitle { float: left; width: 100%; margin-right: 20px; }
.ReceiptTitle-title { float: left; width: 100%; margin-right: 20px; font-weight: 700; text-align: center; }
.ReceiptTitle-subtitle { float: left; width: 100%; margin-right: 20px; text-align: center; }
.ReceiptContent { float: left; width: 100%; margin-right: 20px; padding-top: 20px; }
.ReceiptContent-titleContainer { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid rgb(229, 229, 229); }
.ReceiptContent-title { float: left; width: 100%; margin-right: 20px; font-weight: 700; }
.ReceiptContent-details { float: left; width: 100%; margin-right: 20px; padding-top: 10px; }
.ReceiptBasketTable { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding: 20px; border-bottom: 1px solid rgb(229, 229, 229); }
.ReceiptBasketTable-items { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px solid rgb(229, 229, 229); }
.ReceiptBasketTable-title { float: left; box-sizing: content-box; width: 100%; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid rgb(229, 229, 229); font-weight: 700; }
.ReceiptBasketTable-total { float: left; width: 100%; margin-right: 20px; padding-top: 10px; font-weight: 700; }
.ReceiptBasketTable-title-product { float: left; width: 712px; margin-right: 20px; }
.ReceiptBasketTable-total-title { float: left; width: 163px; margin-right: 20px; margin-left: 549px; font-weight: 700; text-align: right; }
.ReceiptBasketTable-title-price, .ReceiptBasketTable-total-price { float: right; width: 224px; margin-right: 0px; }
.ReceiptBasketPackage { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketPackage-description { float: left; width: 100%; margin-right: 20px; padding-top: 20px; }
.ReceiptBasketPackage-items { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketPackage-shippingType { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketPackage-shippingType-description { float: left; width: 712px; margin-right: 20px; }
.ReceiptBasketPackage-shippingType-price { float: right; width: 224px; margin-right: 0px; font-weight: 700; }
.ReceiptBasketItem { float: left; width: 100%; margin-right: 20px; margin-bottom: 20px; }
.ReceiptBasketItem-description { float: left; width: 712px; margin-right: 20px; }
.ReceiptBasketItem-price { float: right; width: 224px; margin-right: 0px; }
.ReceiptBasketAddress { float: left; width: 100%; margin-right: 20px; padding-top: 10px; }
.ReceiptBasketAddress-description { float: left; width: 100%; margin-right: 20px; }
.ReceiptBasketAddress-receiver { float: left; width: 100%; margin-right: 20px; }
.EditRegistrationPage-title { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .EditRegistrationPage-title { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.EditRegistrationPage::after { display: table; clear: both; content: ""; }
@media (max-width: 995px) {
  .EditRegistrationPage { padding: 10px; }
}
.CustomerAreaPage { padding: 80px 0px 240px; display: flex; justify-content: center; background-color: var(--tom-color-on-surface-9); font-family: var(--tom-font-family); }
.CustomerAreaPage-success { width: fit-content; padding: 16px; margin: 0px auto 32px; border-radius: 8px; border: solid 1px var(--tom-color-success-default); background-color: var(--tom-color-on-success-lighter); display: flex; }
.CustomerAreaPage-success .ti-check-circle { margin: 0px 12px 0px 0px; align-items: center; }
.CustomerAreaPage-success .ti-check-circle::before { font-size: 24px; color: var(--tom-color-success-default); }
.CustomerAreaPage-success span { font-size: 16px; font-weight: 400; vertical-align: middle; }
.CustomerAreaPage-warn { width: fit-content; padding: 16px; margin: 0px auto 32px; border-radius: 8px; border: 1px solid rgb(204, 172, 0); background-color: rgb(255, 253, 240); display: flex; }
.CustomerAreaPage-warn .ti-warning-amber { margin: 0px 12px 0px 0px; align-items: center; }
.CustomerAreaPage-warn .ti-warning-amber::before { font-size: 24px; color: rgb(204, 172, 0); }
.CustomerAreaPage-warn span { font-size: 16px; font-weight: 400; vertical-align: middle; }
.CustomerAreaPage-container { background-color: var(--tom-color-on-brand-default); border-radius: 12px; width: 504px; }
.CustomerAreaPage-content { margin-top: 40px; padding: 0px 40px; }
.CustomerAreaPage-content h2 { margin: 0px 0px 30px; padding: 0px; font-weight: 600; font-size: 22px; line-height: 28px; color: var(--tom-color-on-surface-2); }
.CustomerAreaPage-content-option { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.CustomerAreaPage-content-option a { font-weight: 600; font-size: 16px; line-height: 18px; color: var(--tom-color-interaction-default); text-decoration: none; cursor: pointer; }
.CustomerAreaPage-content-option a:hover { text-decoration: underline; }
.CustomerAreaPage-content-description span { font-weight: 500; font-size: 16px; line-height: 18px; color: var(--tom-color-on-surface-2); }
.CustomerAreaPage-content-description p { font-weight: 400; font-size: 16px; line-height: 18px; color: var(--tom-color-on-surface-2); }
@media (max-width: 995px) {
  .CustomerAreaPage { padding: 24px 0px 240px; background-color: unset; }
  .CustomerAreaPage-content { padding: 0px 16px; margin: 0px; }
}
.ShowDeliveryTime-title--multiple_deliveries { font-weight: 700; }
.StorePickupToken { font-family: var(--tom-font-family); border-radius: 8px; box-sizing: border-box; padding: 8px 12px; background-color: rgb(255, 252, 235); border: 1px solid rgb(234, 198, 0); width: 100%; }
.StorePickupToken .ti { float: left; margin-right: 10px; font-size: 22px; color: rgb(204, 172, 0); }
.StorePickupToken-warning-text { width: 100%; display: table-row; }
@media (max-width: 995px) {
  .StorePickupToken { width: 100%; }
}
.ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; display: flex; justify-content: center; width: 224px; }
@media (min-width: 996px) {
  .ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder:hover { background-color: rgb(72, 165, 36); }
.ConfirmOrderBox-trackOrder:active { background-color: rgb(55, 142, 22); }
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { background-color: rgb(0, 131, 202); }
.ConfirmOrderBox-trackOrder:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; display: flex; justify-content: center; width: 224px; }
@media (min-width: 996px) {
  .ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { width: 250px; }
}
.ConfirmOrderBox-trackOrder:hover { background-color: rgb(72, 165, 36); }
.ConfirmOrderBox-trackOrder:active { background-color: rgb(55, 142, 22); }
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { background-color: rgb(0, 131, 202); }
.ConfirmOrderBox-trackOrder:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.ConfirmOrderBox { display: flex; flex-wrap: wrap; padding: 20px; background-color: rgb(244, 244, 244); }
.ConfirmOrderBox-barCode { margin-left: -10px; }
.ConfirmOrderBox-orderNumber { margin-bottom: 5px; font-size: 24px; font-weight: 700; }
.ConfirmOrderBox-rightContainer { width: 50%; }
.ConfirmOrderBox-colorBlue { color: rgb(0, 131, 202); }
.ConfirmOrderBox-buttonsHolder { line-height: 40px; }
.ConfirmOrderBox-trackOrder, .ConfirmOrderBox-trackOrder:hover, .ConfirmOrderBox-trackOrder:active { float: left; width: 224px; margin-right: 20px; }
.ConfirmOrderBox-trackOrder:hover { background-color: rgb(0, 97, 149); }
.ConfirmOrderBox-trackOrder:active { background-color: rgb(2, 79, 121); }
.ConfirmOrderBox-print { font-size: 14px; }
.ConfirmOrderBox-printSlip { display: flex; flex-wrap: wrap; margin-top: 20px; }
.ConfirmOrderBox-printSlip-button, .ConfirmOrderBox-printSlip-button:hover, .ConfirmOrderBox-printSlip-button:active { margin-bottom: 10px; }
.ConfirmOrderBox-printSlip-button:hover { background-color: rgb(72, 165, 36); }
.ConfirmOrderBox-printSlip-button:active { background-color: rgb(55, 142, 22); }
.ConfirmOrderBox-printSlip-copy { float: left; width: 100%; margin-right: 20px; font-size: 14px; }
.ConfirmOrderBox-printSlip-slipInstruction { width: 100%; margin-bottom: 10px; font-size: 14px; }
.ConfirmOrderBox-bankSlip { width: 90%; border: none; background-color: transparent; resize: none; }
.ConfirmOrderBox-bankSlip-title { font-weight: 700; }
.ConfirmOrderBox-payment { display: flex; }
.ConfirmOrderBox-payment_types { margin-left: 5px; }
.ConfirmOrderBox-payment_types-amount { color: rgb(140, 140, 140); font-size: 14px; }
.ConfirmOrderBox-payment_types-expiration { color: rgb(251, 150, 0); }
.CardLuizaInformation { float: left; width: 100%; margin-top: 8px; text-align: center; }
.cardluiza-confirmorder__success { color: rgb(88, 194, 46); font-size: 16px; font-weight: 700; }
.cardluiza-confirmorder__information { font-size: 16px; }
.cardluiza-confirmorder__terms { color: rgb(140, 140, 140); font-size: 13px; }
@media (min-width: 996px) {
  .ConfirmOrderBox { border-radius: 4px; margin-right: -20px; margin-left: -20px; }
  .ConfirmOrderBox-leftContainer { width: 50%; }
  .ConfirmOrderBox-copyIcon { float: right; width: 20px; height: 20px; margin-top: -60px; margin-right: 20px; vertical-align: middle; fill: rgb(63, 203, 42); }
}
@media (max-width: 995px) {
  .ConfirmOrderBox-leftContainer { margin-bottom: 10px; text-align: center; }
  .ConfirmOrderBox { margin-bottom: 20px; }
  .ConfirmOrderBox-show-details { text-align: center; }
  .ConfirmOrderBox-rightContainer { float: left; width: 90%; margin-right: 20px; }
  .ConfirmOrderHeader-description, .ConfirmOrderHeader-description--warning { padding: 10px; background-color: rgb(244, 244, 244); text-align: center; }
  .ConfirmOrderBox-copyIcon { float: right; }
  .ConfirmOrderBox-orderNumber { color: rgb(0, 131, 202); }
  .ConfirmOrderBox-copyText { display: block; margin-bottom: 10px; color: rgb(88, 194, 46); font-size: 14px; }
  .CardLuizaInformation { width: 291px; height: 137px; margin-top: 20px; margin-bottom: -50px; padding-left: 10px; }
}
.ConfirmOrderBox-samedayMessage { color: rgb(251, 150, 0); }
.ConfirmOrderBox-StorePickupToken { display: contents; }
@media (min-width: 996px) {
  .ConfirmOrderBox-StorePickupToken .StorePickupToken { margin-top: 20px; }
}
.Raffle { float: left; width: 100%; margin-top: 20px; margin-right: 20px; line-height: 1; }
.Raffle_content { border-radius: 4px; background: rgb(62, 24, 112); }
.Raffle_coupom { overflow: hidden; width: 950px; margin: 0px auto; padding: 10px 0px; background: url("https://s.mlcdn.com.br/banner/campanhas/valide1.png") -10px no-repeat; }
.Raffle_coupom__titles { float: left; width: 300px; margin-left: 4px; text-align: center; }
.Raffle_coupom__main-title { font-size: 1em; }
.Raffle_coupom__sub-title { margin-top: 5px; color: rgb(0, 233, 167); font-size: 0.8em; text-transform: uppercase; }
.Raffle_coupom__bold { font-weight: 700; }
.Raffle_coupom__actions { float: right; overflow: hidden; width: 610px; }
.Raffle_coupom__call { float: left; }
.Raffle_coupom__parag { margin-top: 15px; color: rgb(255, 255, 255); font-size: 0.8em; line-height: 1; }
.Raffle_coupom__link { color: rgb(255, 255, 255); }
.Raffle_coupom__exclam { display: inline-block; width: 13px; margin-right: 2px; padding: 2px; border: 1px solid rgb(0, 233, 167); border-radius: 50%; background: rgb(0, 233, 167); color: rgb(62, 24, 112); font-weight: 700; text-align: center; }
.Raffle_coupom__call-title { color: rgb(0, 233, 167); font-size: 1.5em; font-weight: 700; }
.Raffle_coupom__btns { float: right; width: 170px; margin-right: 8px; text-align: right; }
.Raffle_coupom__btn { margin-top: 10px; padding: 8px 15px; border: 1px solid rgb(255, 255, 255); border-radius: 5px; background: transparent; color: rgb(255, 255, 255); font-weight: 700; }
.Raffle_coupom__rules { color: rgb(255, 255, 255); font-size: 0.9em; }
.Raffle_coupom__certificate { display: block; clear: both; margin-top: 15px; color: rgb(255, 255, 255); font-size: 0.7em; text-align: right; }
@media (max-width: 950px) {
  .Raffle_content { background: rgb(62, 24, 112); text-align: center; }
  .Raffle_coupom { width: 100%; background: rgb(62, 24, 112); }
  .Raffle_coupom__titles, .Raffle_coupom__actions { display: block; float: none; width: 100%; margin-top: 25px; }
  .Raffle_coupom__call, .coupom__btns { display: block; float: none; width: 80%; margin: 0px auto; }
  .Raffle_coupom__btns { display: block; float: none; width: 80%; margin: 20px auto; text-align: center; }
  .Raffle_coupom__rules { display: block; }
  .Raffle_coupom__certificate { text-align: center; }
  .Raffle_coupom__link { position: relative; display: block; margin-top: 15px; }
}
.QrcodePix { text-align: center; }
.QrcodePix-img { max-width: 300px; height: auto; }
@media (max-width: 995px) {
  .QrcodePix { margin-top: 20px; }
}
.CopyPix-button { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; display: flex; justify-content: center; width: 224px; }
@media (min-width: 996px) {
  .CopyPix-button { width: 250px; }
}
.CopyPix-input { border-radius: 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto; padding: 0px 6px; }
@media (min-width: 996px) {
  .CopyPix-input { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .CopyPix-input { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .CopyPix-input::placeholder { color: transparent; }
}
.CopyPix { text-align: center; }
.CopyPix-input { margin-bottom: 10px; font-size: 16px; }
.CopyPix-button { display: inline-flex; }
.CopyPix-buttonn:hover { background-color: rgb(72, 165, 36); }
.CopyPix-button:active { background-color: rgb(55, 142, 22); }
@media (min-width: 996px) {
  .CopyPix-input { opacity: 0; height: 0px; }
}
@media (max-width: 995px) {
  .CopyPix { margin-top: 20px; }
  .CopyPix-input, .CopyPix-button { width: 100%; }
}
.ExpirationTimerPix { font-weight: bold; margin-top: 10px; color: rgb(0, 0, 0); }
@media (min-width: 996px) {
  .ExpirationTimerPix { text-align: center; }
}
.PixSteps-option { display: inline-block; width: 25px; align-self: flex-start; text-align: center; border: 1px solid rgb(81, 81, 81); border-radius: 50%; }
.OrderBoxPix { padding: 20px; margin-top: 20px; background-color: rgb(244, 244, 244); }
.OrderBoxPix-help { max-width: 300px; margin: 0px auto 20px; color: rgb(81, 81, 81); text-align: center; }
.OrderBoxPix-titleDescription, .OrderBoxPix-information { display: flex; align-items: center; color: rgb(81, 81, 81); font-weight: 700; }
@media (min-width: 996px) {
  .PixSteps-option { margin-right: 10px; }
  .PixSteps-description { width: 80%; }
  .PixSteps, .PixSteps-block { display: inline-flex; margin-bottom: 10px; }
  .OrderBoxPix { border-radius: 4px; margin-right: -20px; margin-left: -20px; }
  .OrderBoxPix-title { display: flex; margin-bottom: 20px; }
  .OrderBoxPix-titleIcon { margin-right: 10px; }
  .OrderBoxPix-information { flex-direction: column; margin-top: 20px; }
}
@media (max-width: 995px) {
  .PixSteps-option { margin-bottom: 10px; }
  .PixSteps-description { margin-bottom: 20px; }
  .OrderBoxPix { margin-bottom: 20px; text-align: center; }
  .OrderBoxPix-titleDescription { display: block; color: rgb(0, 0, 0); font-size: 18px; margin-bottom: 20px; }
  .OrderBoxPix-information { display: inline-flex; width: 80%; margin: 0px; }
  .OrderBoxPix-help { max-width: none; }
}
.NewsletterOption-button { border: 0px; background: none; }
@media (max-width: 995px) {
  .NewsletterOption { display: flex; justify-content: center; }
}
.WhatsAppOption__container-modules { position: relative; height: 120px; }
.WhatsAppOption__lateral-borders { display: flex; align-items: center; }
.WhatsAppOption__icon-whatsapp--magalu { margin-right: 10px; }
.WhatsAppOption__description--magalu { margin-bottom: 15px; font-size: 16px; line-height: 18px; letter-spacing: normal; }
.WhatsAppOption__option-in--magalu { padding: 6px; border: 1px solid rgb(255, 255, 255); border-radius: 4px; font-size: 16px; cursor: pointer; letter-spacing: normal; }
.WhatsAppOption__block, .WhatsAppOption__none { position: absolute; top: 0px; display: flex; align-items: center; width: 100%; height: 120px; padding: 10px; border-radius: 4px; background-color: rgb(0, 131, 202); color: rgb(255, 255, 255); transition: 0.3s linear; }
.WhatsAppOption__block { z-index: 1; opacity: 1; }
.WhatsAppOption__none { z-index: 0; opacity: 0; }
@media (max-width: 995px) {
  .WhatsAppOption__icon-whatsapp--magalu { width: 25%; }
  .WhatsAppOption__content--magalu { width: 75%; }
}
.WhatsAppFeedBack__icon-whatsapp-registered { height: 46px; margin-top: 12px; margin-right: 10px; margin-left: 10px; }
.WhatsAppFeedBack__content { margin-top: 20px; }
.WhatsAppFeedBack__description { margin-bottom: 15px; font-size: 16px; line-height: 18px; letter-spacing: normal; }
@media (max-width: 995px) {
  .WhatsAppFeedBack__icon-whatsapp-registered { margin-right: 10px; margin-left: 10px; }
  .WhatsAppFeedBack__content { width: 75%; }
}
.ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.ConfirmOrderFooter-legalTerms { color: rgb(93, 93, 93); font-size: 14px; }
.ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { padding-top: 20px; color: rgb(0, 131, 202); font-size: 24px; font-weight: 700; line-height: 48px; }
@media (max-width: 995px) {
  .ConfirmOrderHeader-title, .ConfirmOrderHeader-title--success { margin-bottom: 10px; margin-left: 10px; padding: 0px; font-size: 18px; line-height: 40px; }
}
.ConfirmOrderFooter-legalTerms { color: rgb(93, 93, 93); font-size: 14px; }
.ConfirmOrderHeader { margin-bottom: 20px; }
.ConfirmOrderHeader-title--success { color: rgb(88, 194, 46); }
.ConfirmOrderHeader-title--error { color: rgb(226, 83, 53); }
.ConfirmOrderHeader-title-icon { width: 22px; height: 22px; vertical-align: middle; fill: rgb(88, 194, 46); }
.ConfirmOrderHeader-title-icon-check { display: block; margin: 0px auto 18px; }
.ConfirmOrderHeader-description, .ConfirmOrderHeader-description--warning { padding-bottom: 20px; }
.ConfirmOrderHeader-description--warning { color: rgb(251, 150, 0); }
.ConfirmOrderHeader-email { color: rgb(0, 131, 202); }
.ConfirmOrderFooter-legalTerms { margin-top: 20px; margin-bottom: 20px; text-align: center; }
.Banner-epoca { float: left; width: 100%; margin: 20px 20px 20px -7px; }
.Banner-adx { float: left; width: 100%; margin: 20px 0px; text-align: center; }
.Banner-Ebit-container { display: flex; width: 100%; text-align: center; }
.Banner-Ebit { width: 100%; }
.Banner-Affinion-container { float: left; width: 100%; margin: 20px -40px 20px 0px; padding-right: 40px; }
@media (max-width: 995px) {
  .ConfirmOrderHeader-email { color: inherit; font-weight: 700; }
  .ConfirmOrderHeader-title--error, .ConfirmOrderHeader-title--success { margin: 20px; line-height: 1.5; text-align: center; }
}
.CustomerAreaConfirmPage { padding: 80px 0px 240px; display: flex; justify-content: center; background-color: var(--tom-color-on-surface-9); font-family: var(--tom-font-family); }
@media (max-width: 995px) {
  .CustomerAreaConfirmPage { padding: 0px 16px; background-color: unset; }
}
.ChangeDataBox-form-continue { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .ChangeDataBox-form-continue { width: 250px; }
}
.ChangeDataBox-form-continue:hover { background-color: rgb(72, 165, 36); }
.ChangeDataBox-form-continue:active { background-color: rgb(55, 142, 22); }
.ChangeDataBox-form-continue:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.ChangeDataBox * { font-family: var(--tom-font-family); }
.ChangeDataBox { background: var(--tom-color-on-brand-default); width: 408px; min-height: 420px; border-radius: var(--tom-radius-lg); padding: var(--tom-spacing-2xlg); }
@media (max-width: 995px) {
  .ChangeDataBox { padding: var(--tom-spacing-md); display: unset; width: 100%; border-radius: 0px; height: 100vh; }
}
.ChangeDataBox-data { font: var(--tom-font-xsm-medium); }
.ChangeDataBox-title { font: var(--tom-font-lg-bold); color: var(--tom-color-on-surface-2); margin-bottom: var(--tom-spacing-sm); letter-spacing: -0.7px; }
.ChangeDataBox-subtext { width: 328px; }
.ChangeDataBox-subtext [name="email"] { margin-bottom: var(--tom-spacing-sm); line-height: 18px; }
.ChangeDataBox-subtext-instructions { margin-bottom: var(--tom-spacing-sm); }
.ChangeDataBox-subtext [name="telephone"] { margin-bottom: var(--tom-spacing-sm); display: inline-flex; align-items: center; }
.ChangeDataBox-subtext [name="telephone"] .ChangeDataBox-data { margin-left: var(--tom-spacing-2xsm); }
@media (max-width: 995px) {
  .ChangeDataBox-subtext { width: 100%; }
}
.ChangeDataBox .FormGroup-input { max-width: 328px; height: 48px; padding-left: var(--tom-spacing-md); font: var(--tom-font-sm-regular); color: var(--tom-color-on-surface-3); border-radius: var(--tom-radius-lg); }
@media (max-width: 995px) {
  .ChangeDataBox .FormGroup-input { max-width: unset; width: 100%; }
}
.ChangeDataBox .FormGroup-input.focus-visible { outline: 1px solid var(--tom-color-brand-default); background-color: var(--tom-color-brand-lighter-inverted); }
.ChangeDataBox .FormGroup-input:focus-visible { outline: 1px solid var(--tom-color-brand-default); background-color: var(--tom-color-brand-lighter-inverted); }
.ChangeDataBox-form { margin-top: var(--tom-spacing-lg); }
.ChangeDataBox-form div:first-child { margin-bottom: 0.5rem; }
.ChangeDataBox-form-continue { width: 100%; max-width: 328px; height: 48px; background-color: var(--tom-color-brand-default); font: var(--tom-font-xsm-bold); border-radius: var(--tom-radius-lg); }
@media (max-width: 995px) {
  .ChangeDataBox-form-continue { max-width: unset; }
}
.ChangeDataBox-form-continue:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.ChangeDataBox .FormGroup-label { justify-content: flex-start; font: var(--tom-font-xsm-medium); color: var(--tom-color-on-surface-4); margin-bottom: calc(var(--tom-spacing-2xsm) * -1); margin-left: var(--tom-spacing-2xsm); display: inline-flex; align-items: center; height: 40px; position: relative; top: 0px; left: 0px; padding-left: 0px; }
.ChangeDataBox .FormGroup { flex-direction: column; margin-bottom: var(--tom-spacing-md); }
.ChangeDataBox .icon { display: block; }
@media (max-width: 995px) {
  .ChangeDataBox-title { font: var(--tom-font-md-bold); }
  .ChangeDataBox .FormGroup-input { padding-top: var(--tom-spacing-none); }
}
.ChangeDataBox .FormGroup-inputGroup { width: 328px; }
@media (max-width: 995px) {
  .ChangeDataBox .FormGroup-inputGroup { width: 100%; }
}
.ChangeDataBox .FormGroup-errorMessage { color: var(--tom-color-danger-default); font: var(--tom-font-xsm-medium); }
.ChangeDataBox p.FormGroup-errorMessage { font: var(--tom-font-xsm-regular); white-space: normal; }
.ChangeDataBox .FormGroup-error { color: var(--tom-color-danger-default); font: var(--tom-font-xsm-medium); display: flex; gap: var(--tom-spacing-2xsm); padding-left: var(--tom-spacing-2xsm); padding-top: var(--tom-spacing-xsm); align-items: flex-start; }
.ChangeDataBox .FormGroup-input--withError { border-color: var(--tom-color-danger-default); }
.ChangeDataBox .ti.ti-highlight-off { position: absolute; float: right; right: 16px; font-size: var(--tom-spacing-lg); top: 48px; }
.CustomerAreaChangeData { padding: 80px 0px 240px; display: flex; justify-content: center; background-color: var(--tom-color-on-surface-9); font-family: var(--tom-font-family); }
@media (max-width: 995px) {
  .CustomerAreaChangeData { padding: 0px; }
}
.buttonWithin { border-radius: 0px 4px 4px 0px; border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(229, 229, 229); border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-image: initial; margin-left: 0px; padding: 11px; border-left-style: initial; border-left-color: initial; cursor: pointer; }
@media (min-width: 996px) {
  .buttonWithin { height: 40px; background-color: rgb(244, 244, 244); font-size: 16px; position: absolute; }
  .buttonWithin:hover { background-color: rgb(203, 203, 203); }
  .buttonWithin:active { background-color: rgb(179, 179, 179); }
}
@media (max-width: 995px) {
  .buttonWithin { width: 15%; height: 52px; margin: 0px; padding-top: 0px; line-height: 52px; }
}
.continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 250px; }
}
.continueButton:hover, .continueButton--withCancel:hover { background-color: rgb(72, 165, 36); }
.continueButton:active, .continueButton--withCancel:active { background-color: rgb(55, 142, 22); }
.continueButton:disabled, .continueButton--withCancel:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.inputWithin, .inputWithin--withError { border-radius: 4px 0px 0px 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto 0px 0px; width: 120px; padding: 0px 10px; }
@media (min-width: 996px) {
  .inputWithin, .inputWithin--withError { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .inputWithin, .inputWithin--withError { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .inputWithin::placeholder, .inputWithin--withError::placeholder { color: transparent; }
}
.input--withError { border-color: rgb(226, 83, 53); }
.input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
dl, dt, dd, ul, li, p { margin: 0px; }
ul { padding: 0px; list-style: none; }
img[src*="googleads.g.doubleclick.net/pagead/viewthroughconversion"] { display: none; }
.buttonWithin { border-radius: 0px 4px 4px 0px; border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(229, 229, 229); border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-image: initial; margin-left: 0px; padding: 11px; border-left-style: initial; border-left-color: initial; cursor: pointer; }
@media (min-width: 996px) {
  .buttonWithin { height: 40px; background-color: rgb(244, 244, 244); font-size: 16px; position: absolute; }
  .buttonWithin:hover { background-color: rgb(203, 203, 203); }
  .buttonWithin:active { background-color: rgb(179, 179, 179); }
}
@media (max-width: 995px) {
  .buttonWithin { width: 15%; height: 52px; margin: 0px; padding-top: 0px; line-height: 52px; }
}
.continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { border-radius: 4px; border: 0px; background-color: rgb(88, 194, 46); color: rgb(255, 255, 255); font-size: 18px; line-height: 40px; text-align: center; text-decoration: none; }
@media (min-width: 996px) {
  .continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 250px; }
}
.continueButton:hover, .continueButton--withCancel:hover { background-color: rgb(72, 165, 36); }
.continueButton:active, .continueButton--withCancel:active { background-color: rgb(55, 142, 22); }
.continueButton:disabled, .continueButton--withCancel:disabled { border-color: rgb(229, 229, 229); background-color: rgb(229, 229, 229); color: rgb(185, 185, 185); cursor: not-allowed; }
.inputWithin, .inputWithin--withError { border-radius: 4px 0px 0px 4px; border: 1px solid rgb(229, 229, 229); margin: 0px auto 0px 0px; width: 120px; padding: 0px 10px; }
@media (min-width: 996px) {
  .inputWithin, .inputWithin--withError { height: 40px; font-size: 16px; }
}
@media (max-width: 995px) {
  .inputWithin, .inputWithin--withError { height: 52px; padding-top: 10px; padding-bottom: 0px; font-size: 14px; }
  .inputWithin::placeholder, .inputWithin--withError::placeholder { color: transparent; }
}
.input--withError { border-color: rgb(226, 83, 53); }
.input--withError:focus { outline: 0px; box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px; }
body { overflow-y: scroll; color: rgb(64, 64, 64); font-family: Arial, Helvetica, "Liberation Sans", Roboto, sans-serif; line-height: 1.5; }
body:has(.OverScreen.show) { overflow: hidden; }
a { color: rgb(140, 140, 140); }
.no-scroll { overflow: hidden; }
.flow-controll-modal { overflow: hidden; }
.clearfix::after { display: table; clear: both; content: ""; }
button { padding: 0px; cursor: pointer; }
select { background-color: rgb(255, 255, 255); }
iframe { margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; vertical-align: baseline; }
* { box-sizing: border-box; }
@media (max-width: 995px) {
  input:-webkit-autofill + label, .active--input { top: 0px; left: 0px; color: rgb(140, 140, 140); font-size: 80%; transition: 0.125s; }
}
.form-title { margin-bottom: 20px; margin-left: 366px; font-size: 18px; font-weight: 700; }
@media (max-width: 995px) {
  .form-title { margin: 0px; padding-bottom: 10px; font-size: 14px; }
}
.checkboxGroup { margin-right: 10px; margin-bottom: 20px; }
@media (min-width: 996px) {
  .checkboxGroup { margin-bottom: 10px; margin-left: 346px; padding-left: 20px; }
}
.checkbox { margin-right: 10px; }
.checkbox-label { width: 90%; }
.continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { margin-bottom: 20px; }
@media (max-width: 995px) {
  .continueButton, .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 85%; margin-left: 20px; }
}
.continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: rgb(88, 194, 46); }
@media (max-width: 995px) {
  .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { width: 100%; margin-left: 20px; }
}
@media (min-width: 996px) {
  .continueButton--withCancel, .continueButton--withCancel:hover, .continueButton--withCancel:active { margin-left: 0px; }
}
.continueButton--withCancel:hover { background-color: rgb(72, 165, 36); }
.continueButton--withCancel:active { background-color: rgb(55, 142, 22); }
@media (max-width: 995px) {
  .inputWithinGroup { display: flex; flex-flow: wrap; justify-content: center; text-align: center; }
}
@media (min-width: 996px) {
  .inputWithinGroup { width: 70%; }
}
.inputWithin { margin-bottom: 10px; padding-top: 2px; }
@media (max-width: 995px) {
  .inputWithin { width: 85%; height: 52px; margin-left: 0px; }
}
.inputWithin--withError { border-color: rgb(226, 83, 53); }
.Success { align-self: flex-start; width: 35px; height: 15px; margin-top: 10px; fill: rgb(63, 203, 42); }
@media (max-width: 995px) {
  .Success { display: none; }
}
.mobile-only { display: none; }
@media (max-width: 995px) {
  .mobile-only { display: block; }
  .mobile-hidden { display: none; }
}
.BtnLarge { border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-lg); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.CloseIcon { position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; cursor: pointer; fill: rgb(0, 131, 202); }
@media (max-width: 995px) {
  .CloseIcon { top: 15px; right: 16px; width: 18px; height: 18px; }
}
*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
:root { --tom-color-brand-default: #0086FF; --tom-color-brand-darker: #0075E2; --tom-color-brand-lighter: #2FA0FD; --tom-color-brand-default-inverted: #FFFFFF; --tom-color-brand-darker-inverted: #FFFFFF; --tom-color-brand-lighter-inverted: #EDF8FF; --tom-color-on-brand-default: #FFFFFF; --tom-color-on-brand-darker: #FFFFFF; --tom-color-on-brand-lighter: #EDF8FF; --tom-color-on-brand-default-inverted: #0086FF; --tom-color-on-brand-darker-inverted: #0075E2; --tom-color-on-brand-lighter-inverted: #2FA0FD; --tom-color-on-danger-default: #FFFFFF; --tom-color-on-danger-darker: #FFFFFF; --tom-color-on-danger-lighter: #FFF6F7; --tom-color-on-danger-default-inverted: #D30D31; --tom-color-on-danger-darker-inverted: #B01636; --tom-color-on-danger-lighter-inverted: #E41C41; --tom-color-on-info-default: #FFFFFF; --tom-color-on-info-darker: #FFFFFF; --tom-color-on-info-lighter: #F6FCFF; --tom-color-on-info-default-inverted: #08A8E7; --tom-color-on-info-darker-inverted: #0F9ACB; --tom-color-on-info-lighter-inverted: #1FB7F3; --tom-color-on-interaction-default: #FFFFFF; --tom-color-on-interaction-darker: #FFFFFF; --tom-color-on-interaction-lighter: #EDF8FF; --tom-color-on-interaction-default-inverted: #0086FF; --tom-color-on-interaction-darker-inverted: #0075E2; --tom-color-on-interaction-lighter-inverted: #2FA0FD; --tom-color-on-success-default: #FFFFFF; --tom-color-on-success-darker: #FFFFFF; --tom-color-on-success-lighter: #F9FFF3; --tom-color-on-success-default-inverted: #4EA900; --tom-color-on-success-darker-inverted: #429502; --tom-color-on-success-lighter-inverted: #5EBE09; --tom-color-on-surface-1: #1E2428; --tom-color-on-surface-2: #343B3F; --tom-color-on-surface-3: #51585C; --tom-color-on-surface-4: #697277; --tom-color-on-surface-5: #949EA2; --tom-color-on-surface-6: #B8C1C4; --tom-color-on-surface-7: #D3DADD; --tom-color-on-surface-8: #E3E8EA; --tom-color-on-surface-9: #F0F3F4; --tom-color-on-surface-10: #FFFFFF; --tom-color-on-warning-default: #FFFFFF; --tom-color-on-warning-darker: #FFFFFF; --tom-color-on-warning-lighter: #FFFDF0; --tom-color-on-warning-default-inverted: #CCAC00; --tom-color-on-warning-darker-inverted: #997800; --tom-color-on-warning-lighter-inverted: #EAC600; --tom-color-on-artic-100: #00C3D9; --tom-color-on-artic-200: #FFFFFF; --tom-color-on-artic-300: #FFFFFF; --tom-color-on-artic-400: #FFFFFF; --tom-color-on-artic-000: #00C3D9; --tom-color-on-blonde-100: #DFC018; --tom-color-on-blonde-200: #FFFFFF; --tom-color-on-blonde-300: #FFFFFF; --tom-color-on-blonde-400: #FFFFFF; --tom-color-on-blonde-000: #DFC018; --tom-color-on-blue-100: #0075E2; --tom-color-on-blue-200: #FFFFFF; --tom-color-on-blue-300: #FFFFFF; --tom-color-on-blue-400: #FFFFFF; --tom-color-on-blue-000: #0075E2; --tom-color-on-cyan-100: #0F9ACB; --tom-color-on-cyan-200: #FFFFFF; --tom-color-on-cyan-300: #FFFFFF; --tom-color-on-cyan-400: #FFFFFF; --tom-color-on-cyan-500: #FFFFFF; --tom-color-on-cyan-000: #0F9ACB; --tom-color-on-gold-100: #EEB510; --tom-color-on-gold-200: #FFFFFF; --tom-color-on-gold-300: #FFFFFF; --tom-color-on-gold-400: #FFFFFF; --tom-color-on-gold-500: #FFFFFF; --tom-color-on-gold-000: #EEB510; --tom-color-on-green-100: #429502; --tom-color-on-green-200: #FFFFFF; --tom-color-on-green-300: #FFFFFF; --tom-color-on-green-400: #FFFFFF; --tom-color-on-green-500: #FFFFFF; --tom-color-on-green-000: #429502; --tom-color-on-grey-100: #1E2428; --tom-color-on-grey-200: #1E2428; --tom-color-on-grey-300: #1E2428; --tom-color-on-grey-400: #1E2428; --tom-color-on-grey-500: #1E2428; --tom-color-on-grey-600: #FFFFFF; --tom-color-on-grey-700: #FFFFFF; --tom-color-on-grey-800: #FFFFFF; --tom-color-on-grey-900: #FFFFFF; --tom-color-on-grey-000: #1E2428; --tom-color-on-lime-100: #11C11B; --tom-color-on-lime-200: #FFFFFF; --tom-color-on-lime-300: #FFFFFF; --tom-color-on-lime-400: #FFFFFF; --tom-color-on-lime-000: #11C11B; --tom-color-on-pink-100: #EB2593; --tom-color-on-pink-200: #FFFFFF; --tom-color-on-pink-300: #FFFFFF; --tom-color-on-pink-400: #FFFFFF; --tom-color-on-pink-000: #EB2593; --tom-color-on-purple-100: #9110C2; --tom-color-on-purple-200: #FFFFFF; --tom-color-on-purple-300: #FFFFFF; --tom-color-on-purple-400: #FFFFFF; --tom-color-on-purple-000: #9110C2; --tom-color-on-red-100: #B01636; --tom-color-on-red-200: #FFFFFF; --tom-color-on-red-300: #FFFFFF; --tom-color-on-red-400: #FFFFFF; --tom-color-on-red-500: #FFFFFF; --tom-color-on-red-000: #B01636; --tom-color-on-scarlet-100: #E3172C; --tom-color-on-scarlet-200: #FFFFFF; --tom-color-on-scarlet-300: #FFFFFF; --tom-color-on-scarlet-400: #FFFFFF; --tom-color-on-scarlet-000: #E3172C; --tom-color-on-tangerine-100: #EC7712; --tom-color-on-tangerine-200: #FFFFFF; --tom-color-on-tangerine-300: #FFFFFF; --tom-color-on-tangerine-400: #FFFFFF; --tom-color-on-tangerine-000: #EC7712; --tom-color-on-yellow-100: #E5A400; --tom-color-on-yellow-200: #FFFFFF; --tom-color-on-yellow-300: #FFFFFF; --tom-color-on-yellow-400: #FFFFFF; --tom-color-on-yellow-500: #FFFFFF; --tom-color-on-yellow-000: #E5A400; --tom-color-danger-default: #D30D31; --tom-color-danger-darker: #B01636; --tom-color-danger-lighter: #E41C41; --tom-color-danger-default-inverted: #FFFFFF; --tom-color-danger-darker-inverted: #FFFFFF; --tom-color-danger-lighter-inverted: #FFF6F7; --tom-color-info-default: #08A8E7; --tom-color-info-darker: #0F9ACB; --tom-color-info-lighter: #1FB7F3; --tom-color-info-default-inverted: #FFFFFF; --tom-color-info-darker-inverted: #FFFFFF; --tom-color-info-lighter-inverted: #F6FCFF; --tom-color-interaction-default: #0086FF; --tom-color-interaction-darker: #0075E2; --tom-color-interaction-lighter: #2FA0FD; --tom-color-interaction-default-inverted: #FFFFFF; --tom-color-interaction-darker-inverted: #FFFFFF; --tom-color-interaction-lighter-inverted: #EDF8FF; --tom-color-success-default: #4EA900; --tom-color-success-darker: #429502; --tom-color-success-lighter: #5EBE09; --tom-color-success-default-inverted: #FFFFFF; --tom-color-success-darker-inverted: #FFFFFF; --tom-color-success-lighter-inverted: #F9FFF3; --tom-color-surface-low: #F0F3F4; --tom-color-surface-high: #FFFFFF; --tom-color-surface-container-lowest: #FFFFFF; --tom-color-surface-container-lower: #F0F3F4; --tom-color-surface-container-low: #E3E8EA; --tom-color-surface-container-mid: #D3DADD; --tom-color-surface-container-high: #B8C1C4; --tom-color-surface-container-higher: #949EA2; --tom-color-surface-container-highest: #697277; --tom-color-warning-default: #CCAC00; --tom-color-warning-darker: #997800; --tom-color-warning-lighter: #EAC600; --tom-color-warning-default-inverted: #FFFFFF; --tom-color-warning-darker-inverted: #FFFFFF; --tom-color-warning-lighter-inverted: #FFFDF0; --tom-color-artic-100: #CBF5FD; --tom-color-artic-200: #2BD7EE; --tom-color-artic-300: #00CCE4; --tom-color-artic-400: #00C3D9; --tom-color-artic-000: #F2FDFF; --tom-color-blonde-100: #FFF9CB; --tom-color-blonde-200: #FFE868; --tom-color-blonde-300: #FBDC31; --tom-color-blonde-400: #DFC018; --tom-color-blonde-000: #FFFBED; --tom-color-blue-100: #D8F3FF; --tom-color-blue-200: #2FA0FD; --tom-color-blue-300: #0086FF; --tom-color-blue-400: #0075E2; --tom-color-blue-000: #EDF8FF; --tom-color-cyan-100: #DBF5FF; --tom-color-cyan-200: #1FB7F3; --tom-color-cyan-300: #08A8E7; --tom-color-cyan-400: #0F9ACB; --tom-color-cyan-500: #095E7B; --tom-color-cyan-000: #F6FCFF; --tom-color-gold-100: #FFF8D7; --tom-color-gold-200: #FED556; --tom-color-gold-300: #F9C52E; --tom-color-gold-400: #EEB510; --tom-color-gold-500: #99620F; --tom-color-gold-000: #FAF6EA; --tom-color-green-100: #EBFDD9; --tom-color-green-200: #5EBE09; --tom-color-green-300: #4EA900; --tom-color-green-400: #429502; --tom-color-green-500: #2D6501; --tom-color-green-000: #F9FFF3; --tom-color-grey-100: #F0F3F4; --tom-color-grey-200: #E3E8EA; --tom-color-grey-300: #D3DADD; --tom-color-grey-400: #B8C1C4; --tom-color-grey-500: #949EA2; --tom-color-grey-600: #697277; --tom-color-grey-700: #51585C; --tom-color-grey-800: #343B3F; --tom-color-grey-900: #1E2428; --tom-color-grey-000: #FFFFFF; --tom-color-lime-100: #D9FDDA; --tom-color-lime-200: #3BE33F; --tom-color-lime-300: #21D427; --tom-color-lime-400: #11C11B; --tom-color-lime-000: #F5FFF5; --tom-color-pink-100: #FFD8ED; --tom-color-pink-200: #FF62B7; --tom-color-pink-300: #FC3EA7; --tom-color-pink-400: #EB2593; --tom-color-pink-000: #FFF0F7; --tom-color-purple-100: #F9DEFF; --tom-color-purple-200: #B532EC; --tom-color-purple-300: #A320DE; --tom-color-purple-400: #9110C2; --tom-color-purple-000: #FDF5FF; --tom-color-red-100: #FFDEE2; --tom-color-red-200: #E41C41; --tom-color-red-300: #D30D31; --tom-color-red-400: #B01636; --tom-color-red-500: #831028; --tom-color-red-000: #FFF6F7; --tom-color-scarlet-100: #FFE0E6; --tom-color-scarlet-200: #FF455C; --tom-color-scarlet-300: #FC2A41; --tom-color-scarlet-400: #E3172C; --tom-color-scarlet-000: #FFF5F6; --tom-color-tangerine-100: #FFE6D3; --tom-color-tangerine-200: #FF9E4D; --tom-color-tangerine-300: #FD8A25; --tom-color-tangerine-400: #EC7712; --tom-color-tangerine-000: #FFF5F0; --tom-color-yellow-100: #FFF6CC; --tom-color-yellow-200: #FED34E; --tom-color-yellow-300: #F8BF1B; --tom-color-yellow-400: #E5A400; --tom-color-yellow-500: #B25F00; --tom-color-yellow-000: #FFFDF0; --tom-border-none: 0; --tom-border-thin: 1px; --tom-border-medium: 2px; --tom-border-thick: 3px; --tom-border-thicker: 4px; --tom-elevation-none: none; --tom-elevation-sm: 0px 4px 7px rgba(0, 0, 0, 0.04), 0px 1.92921px 0.876509px rgba(0, 0, 0, 0.015); --tom-elevation-md: 0px 9px 14px 2px rgba(0, 0, 0, 0.05), 0px 2.64715px 0.931014px 2px rgba(0, 0, 0, 0.0183), 0px 5.0715px 3.12708px 2px rgba(0, 0, 0, 0.0017); --tom-elevation-lg: 0px 24px 36px 2px rgba(0, 0, 0, 0.05), 0px 15.9152px 10.8529px 2px rgba(0, 0, 0, 0.017), 0px 9.91213px 4.50776px 2px rgba(0, 0, 0, 0.01), 0px 5.32265px 1.63037px 2px rgba(0, 0, 0, 0.0057); --tom-opacity-0: 0; --tom-opacity-10: 0.1; --tom-opacity-20: 0.2; --tom-opacity-30: 0.3; --tom-opacity-40: 0.4; --tom-opacity-50: 0.5; --tom-opacity-60: 0.6; --tom-opacity-70: 0.7; --tom-opacity-80: 0.8; --tom-opacity-90: 0.9; --tom-radius-none: 0; --tom-radius-xsm: 2px; --tom-radius-sm: 4px; --tom-radius-md: 8px; --tom-radius-lg: 12px; --tom-radius-xlg: 16px; --tom-radius-2xlg: 24px; --tom-radius-full: 9999px; --tom-screen-android-min: 360px; --tom-screen-android-max: 743px; --tom-screen-ios-min: 375px; --tom-screen-ios-max: 743px; --tom-screen-responsive-min: 360px; --tom-screen-responsive-max: 1440px; --tom-screen-breakpoints-sm: 360px; --tom-screen-breakpoints-md: 744px; --tom-screen-breakpoints-lg: 1280px; --tom-spacing-3xsm: 2px; --tom-spacing-2xsm: 4px; --tom-spacing-xsm: 8px; --tom-spacing-sm: 12px; --tom-spacing-md: 16px; --tom-spacing-lg: 24px; --tom-spacing-xlg: 32px; --tom-spacing-2xlg: 40px; --tom-spacing-3xlg: 48px; --tom-spacing-hg: 64px; --tom-spacing-xhg: 80px; --tom-spacing-2xhg: 96px; --tom-font-family: "Magalu UI", Tahoma, sans-serif; --tom-font-DEFAULT: 400 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-4xlg-regular: 400 55px/62px "Magalu UI", Tahoma, sans-serif; --tom-font-4xlg-medium: 500 55px/62px "Magalu UI", Tahoma, sans-serif; --tom-font-4xlg-bold: 560 55px/62px "Magalu UI", Tahoma, sans-serif; --tom-font-3xlg-regular: 400 44px/50px "Magalu UI", Tahoma, sans-serif; --tom-font-3xlg-medium: 500 44px/50px "Magalu UI", Tahoma, sans-serif; --tom-font-3xlg-bold: 560 44px/50px "Magalu UI", Tahoma, sans-serif; --tom-font-2xlg-regular: 400 35px/40px "Magalu UI", Tahoma, sans-serif; --tom-font-2xlg-medium: 500 35px/40px "Magalu UI", Tahoma, sans-serif; --tom-font-2xlg-bold: 560 35px/40px "Magalu UI", Tahoma, sans-serif; --tom-font-xlg-regular: 400 28px/32px "Magalu UI", Tahoma, sans-serif; --tom-font-xlg-medium: 500 28px/32px "Magalu UI", Tahoma, sans-serif; --tom-font-xlg-bold: 560 28px/32px "Magalu UI", Tahoma, sans-serif; --tom-font-lg-regular: 400 22px/28px "Magalu UI", Tahoma, sans-serif; --tom-font-lg-medium: 500 22px/28px "Magalu UI", Tahoma, sans-serif; --tom-font-lg-bold: 560 22px/28px "Magalu UI", Tahoma, sans-serif; --tom-font-md-regular: 400 20px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-md-medium: 500 20px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-md-bold: 560 20px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-sm-regular: 400 18px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-sm-medium: 500 18px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-sm-bold: 560 18px/26px "Magalu UI", Tahoma, sans-serif; --tom-font-xsm-regular: 400 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-xsm-medium: 500 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-xsm-bold: 560 16px/18px "Magalu UI", Tahoma, sans-serif; --tom-font-2xsm-regular: 400 14px/16px "Magalu UI", Tahoma, sans-serif; --tom-font-2xsm-medium: 500 14px/16px "Magalu UI", Tahoma, sans-serif; --tom-font-2xsm-bold: 560 14px/16px "Magalu UI", Tahoma, sans-serif; --tom-font-3xsm-regular: 400 12px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-3xsm-medium: 500 12px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-3xsm-bold: 560 12px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-4xsm-regular: 400 10px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-4xsm-medium: 500 10px/14px "Magalu UI", Tahoma, sans-serif; --tom-font-4xsm-bold: 560 10px/14px "Magalu UI", Tahoma, sans-serif; }
*, ::before, ::after { border-width: 0px; border-style: solid; border-color: currentcolor; box-sizing: inherit; }
html { box-sizing: border-box; }
@font-face { font-family: "Magalu UI"; font-display: swap; src: url("https://tom.mlcdn.com.br/fonts/magalu-ui-variable/files/MagaluUIVariable.woff2") format("woff2"); }
@keyframes bottom-sheet-sticky { 
  0% { top: 50%; }
  100% { top: 0px; }
}
@keyframes ripple-pressed { 
  0% { background-color: var(--tom-color-surface-container-low); }
  50% { background-color: var(--tom-color-surface-container-high); }
  100% { background-color: var(--tom-color-surface-container-low); }
}
@font-face { font-family: tom-icons; font-display: block; src: url("https://tom.mlcdn.com.br/icons/1.32.0/font/tom-icons.ttf") format("truetype"), url("https://tom.mlcdn.com.br/icons/1.32.0/font/tom-icons.woff") format("woff"), url("https://tom.mlcdn.com.br/icons/1.32.0/font/tom-icons.woff2") format("woff2"); }
@keyframes ripple-pressed { 
  0% { background-color: var(--tom-color-surface-container-low); }
  50% { background-color: var(--tom-color-surface-container-high); }
  100% { background-color: var(--tom-color-surface-container-low); }
}
@keyframes tab-indicator-show { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.container { width: 100%; }
@media (min-width: 360px) {
  .container { max-width: 360px; }
}
@media (min-width: 744px) {
  .container { max-width: 744px; }
}
@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}
.bottom-sheet { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; visibility: hidden; opacity: 0; transition: 0.1s linear; }
.bottom-sheet.visible { visibility: visible; opacity: 1; }
.bottom-sheet.visible .bottom-sheet-container { transform: translateY(0%); }
.bottom-sheet .bottom-sheet-overlay { position: absolute; top: 0px; left: 0px; content: ""; display: block; width: 100%; height: 100%; background-color: var(--tom-color-surface-container-highest); opacity: var(--tom-opacity-50); z-index: 0; }
.bottom-sheet .bottom-sheet-container { position: fixed; display: flex; flex-direction: column; width: 100%; height: auto; bottom: 0px; z-index: 1; max-height: 100%; overflow-y: auto; background-color: var(--tom-color-surface-container-lowest); border-top-left-radius: var(--tom-radius-2xlg); border-top-right-radius: var(--tom-radius-2xlg); transform: translateY(100%); transition: 0.4s; }
.bottom-sheet .bottom-sheet-container .bottom-sheet-header { position: sticky; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; top: 0px; left: 0px; padding: var(--tom-spacing-lg) var(--tom-spacing-md) var(--tom-spacing-md); background-color: var(--tom-color-surface-container-lowest); border-top-left-radius: var(--tom-radius-2xlg); border-top-right-radius: var(--tom-radius-2xlg); border-bottom: var(--tom-border-thin) solid var(--tom-color-surface-container-mid); gap: var(--tom-spacing-xlg); }
.bottom-sheet .bottom-sheet-container .bottom-sheet-header .bottom-sheet-close { position: relative; display: inline-flex; align-items: center; border-radius: var(--tom-radius-2xlg); padding: var(--tom-spacing-2xsm); background-color: var(--tom-color-surface-container-low); }
.bottom-sheet .bottom-sheet-container .bottom-sheet-header .bottom-sheet-close::before { width: var(--tom-spacing-lg); height: var(--tom-spacing-lg); content: ""; color: var(--tom-color-on-surface-3); font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; line-height: 1; font-size: var(--tom-spacing-lg); font-family: tom-icons !important; }
.bottom-sheet .bottom-sheet-container .bottom-sheet-content { padding: var(--tom-spacing-lg) var(--tom-spacing-md); flex-grow: 3; }
.bottom-sheet .bottom-sheet-container .bottom-sheet-footer { position: sticky; display: block; width: 100%; height: auto; bottom: 0px; left: 0px; padding: var(--tom-spacing-md); background-color: var(--tom-color-surface-container-lowest); border-top: var(--tom-border-thin) solid var(--tom-color-surface-container-mid); }
.bottom-sheet.bottom-sheet-full .bottom-sheet-container { height: 100%; }
@supports (animation-timeline: scroll()) {
  .bottom-sheet.bottom-sheet-sticky .bottom-sheet-container { min-height: 50%; top: 50%; animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: bottom-sheet-sticky; animation-range: normal; animation-timeline: scroll(self); }
}
.btn { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-md); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-2xsm); padding-bottom: var(--tom-spacing-xsm); padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); padding-top: var(--tom-spacing-xsm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.btn:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.btn:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.btn:disabled, .btn.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-sm.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-sm:disabled, .btn-sm.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-md.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-md:disabled, .btn-md.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-lg { align-items: center; display: inline-flex; border-width: 1px; border-style: solid; border-image: initial; border-radius: var(--tom-radius-lg); font: var(--tom-font-xsm-bold); gap: var(--tom-spacing-xsm); padding-bottom: var(--tom-spacing-sm); padding-left: var(--tom-spacing-md); padding-right: var(--tom-spacing-md); padding-top: var(--tom-spacing-sm); background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.btn-lg:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-on-interaction-lighter); }
.btn-lg:active { background-color: var(--tom-color-interaction-darker); border-color: var(--tom-color-on-interaction-darker); }
.btn-lg:disabled, .btn-lg.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-lg.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-outline { background-color: transparent; border-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default-inverted); }
.btn-outline:hover { background-color: transparent; border-color: var(--tom-color-interaction-lighter); color: var(--tom-color-on-interaction-lighter-inverted); }
.btn-outline:active { background-color: var(--tom-color-surface-container-mid); border-color: var(--tom-color-interaction-darker); color: var(--tom-color-on-interaction-darker-inverted); }
.btn-outline:disabled, .btn-outline.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-outline.\!disabled { background-color: transparent !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-invisible { background-color: transparent; border-color: transparent; color: var(--tom-color-on-interaction-default-inverted); }
.btn-invisible:hover { background-color: transparent; border-color: transparent; color: var(--tom-color-on-interaction-lighter-inverted); }
.btn-invisible:active { background-color: var(--tom-color-surface-container-mid); border-color: var(--tom-color-surface-container-mid); color: var(--tom-color-on-interaction-darker-inverted); }
.btn-invisible:disabled, .btn-invisible.disabled { background-color: transparent; border-color: transparent; color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-invisible.\!disabled { background-color: transparent !important; border-color: transparent !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-inverted.\!disabled { background-color: var(--tom-color-surface-container-lowest) !important; border-color: var(--tom-color-surface-container-lowest) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-inverted:disabled, .btn-inverted.disabled { background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-lowest); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success { background-color: var(--tom-color-success-default); border-color: var(--tom-color-success-default); color: var(--tom-color-on-success-default); }
.btn-success:hover { background-color: var(--tom-color-success-lighter); border-color: var(--tom-color-on-success-lighter); }
.btn-success:active { background-color: var(--tom-color-success-darker); border-color: var(--tom-color-on-success-darker); }
.btn-success:disabled, .btn-success.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-outline.\!disabled { background-color: transparent !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-outline:disabled, .btn-success-outline.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success-invisible.\!disabled { background-color: transparent !important; border-color: transparent !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-invisible:disabled, .btn-success-invisible.disabled { background-color: transparent; border-color: transparent; color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-success-inverted.\!disabled { background-color: var(--tom-color-surface-container-lowest) !important; border-color: var(--tom-color-surface-container-lowest) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-success-inverted:disabled, .btn-success-inverted.disabled { background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-lowest); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger.\!disabled { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger:disabled, .btn-danger.disabled { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger-outline.\!disabled { background-color: transparent !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger-outline:disabled, .btn-danger-outline.disabled { background-color: transparent; border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger-invisible.\!disabled { background-color: transparent !important; border-color: transparent !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger-invisible:disabled, .btn-danger-invisible.disabled { background-color: transparent; border-color: transparent; color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.btn-danger-inverted.\!disabled { background-color: var(--tom-color-surface-container-lowest) !important; border-color: var(--tom-color-surface-container-lowest) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; pointer-events: none !important; }
.btn-danger-inverted:disabled, .btn-danger-inverted.disabled { background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-lowest); color: var(--tom-color-on-surface-5); cursor: not-allowed; pointer-events: none; }
.checkbox-group { width: fit-content; box-sizing: content-box; position: relative; display: flex; align-items: center; }
.checkbox-group > .title { position: absolute; left: 22px; color: var(--tom-color-on-surface-3); margin-left: var(--tom-spacing-xsm); font: var(--tom-font-sm-regular); cursor: pointer; z-index: 1; }
.checkbox-group > .\!title { position: absolute !important; left: 22px !important; color: var(--tom-color-on-surface-3) !important; margin-left: var(--tom-spacing-xsm) !important; font: var(--tom-font-sm-regular) !important; cursor: pointer !important; z-index: 1 !important; }
.checkbox-group > .ripple { box-sizing: unset; position: absolute; height: 22px; width: 22px; padding: 11px; background-color: var(--tom-color-surface-container-low); border-radius: 50%; left: -11px; z-index: 0; opacity: 0; transform-origin: center center; transition: opacity 375ms linear; }
.checkbox-group > .mark { display: none; position: absolute; }
.checkbox-group > .mark::before { position: absolute; content: ""; display: block; width: 11px; border-radius: var(--tom-radius-xsm); height: 0px; border: 1px solid; left: 7px; top: -1px; color: var(--tom-color-on-interaction-default); user-select: none; pointer-events: none; z-index: 2; transform: rotate(-45deg); }
.checkbox-group > .mark::after { position: absolute; content: ""; display: block; width: 6px; border-radius: var(--tom-radius-xsm); height: 0px; border: 1px solid; left: 3px; top: 1px; color: var(--tom-color-on-interaction-default); user-select: none; pointer-events: none; z-index: 2; transform: rotate(45deg); }
.checkbox-group > .checkbox { box-sizing: border-box; appearance: none; border-width: 2px; border-style: solid; border-image: initial; border-color: var(--tom-color-surface-container-higher); border-radius: var(--tom-radius-sm); cursor: pointer; height: 22px; outline: none; width: 22px; z-index: 1; }
.checkbox-group > .checkbox:checked ~ .unchecked, .checkbox-group > .checkbox:not(:checked) ~ .checked { display: none; }
.checkbox-group > .checkbox:checked ~ .checked, .checkbox-group > .checkbox:not(:checked) ~ .unchecked { position: absolute; display: inline-flex; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
.checkbox-group > .checkbox:hover:not(:disabled) { border-color: var(--tom-color-surface-container-highest); }
.checkbox-group > .checkbox:hover:not(:disabled) ~ .ripple { opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.checkbox-group > .checkbox:disabled { cursor: not-allowed; }
.checkbox-group > .checkbox:disabled ~ .ripple { display: none; }
.checkbox-group > .checkbox:disabled ~ .title { cursor: not-allowed; }
.checkbox-group > .checkbox:disabled ~ .\!title { cursor: not-allowed !important; }
.checkbox-group > .checkbox:disabled:checked, .checkbox-group > .checkbox:disabled:indeterminate { background-color: var(--tom-color-surface-container-higher); border-color: var(--tom-color-surface-container-higher); }
.checkbox-group > .checkbox:disabled:checked:hover, .checkbox-group > .checkbox:disabled:indeterminate:hover { background-color: var(--tom-color-surface-container-higher); border-color: var(--tom-color-surface-container-higher); }
.checkbox-group > .checkbox:checked, .checkbox-group > .checkbox:indeterminate { background-color: var(--tom-color-interaction-default); border-color: var(--tom-color-interaction-default); }
.checkbox-group > .checkbox:checked:hover, .checkbox-group > .checkbox:indeterminate:hover { background-color: var(--tom-color-interaction-lighter); border-color: var(--tom-color-interaction-lighter); }
.checkbox-group > .checkbox:checked ~ .ripple { animation: 500ms ease 0s 1 normal none running ripple-pressed; }
.checkbox-group > .checkbox:checked ~ .mark { display: block; }
.checkbox-group > .checkbox:indeterminate ~ .mark { display: block; }
.checkbox-group > .checkbox:indeterminate ~ .mark::before { display: block; transform: none; left: 50%; margin-left: 4px; }
.checkbox-group > .checkbox:indeterminate ~ .mark::after { display: none; }
.checkbox-group > .transparent { border: none !important; background-color: transparent !important; }
.chip > .\!input.text { font: var(--tom-font-xsm-regular) !important; }
.chip > .input.text { font: var(--tom-font-xsm-regular); }
.chip.selected, .selected > .chip { background-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.chip.\!disabled, .\!disabled > .chip { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip.disabled, .disabled > .chip { background-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip.\!disabled, .\!disabled > .chip { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-sm > .\!input.text { font: var(--tom-font-2xsm-regular) !important; }
.chip-sm > .input.text { font: var(--tom-font-2xsm-regular); }
.chip-sm.selected, .selected > .chip-sm { background-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.chip-sm.\!disabled, .\!disabled > .chip-sm { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-sm.disabled, .disabled > .chip-sm { background-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip-sm.\!disabled, .\!disabled > .chip-sm { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-md > .\!input.text { font: var(--tom-font-xsm-regular) !important; }
.chip-md > .input.text { font: var(--tom-font-xsm-regular); }
.chip-md.selected, .selected > .chip-md { background-color: var(--tom-color-interaction-default); color: var(--tom-color-on-interaction-default); }
.chip-md.\!disabled, .\!disabled > .chip-md { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-md.disabled, .disabled > .chip-md { background-color: var(--tom-color-surface-container-low); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip-md.\!disabled, .\!disabled > .chip-md { background-color: var(--tom-color-surface-container-low) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-outline.selected, .selected > .chip-outline { background-color: transparent; border-color: var(--tom-color-on-interaction-default-inverted); color: var(--tom-color-on-interaction-default-inverted); }
.chip-outline.\!disabled, .\!disabled > .chip-outline { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.chip-outline.disabled, .disabled > .chip-outline { background-color: var(--tom-color-surface-container-low); border-color: var(--tom-color-on-surface-5); color: var(--tom-color-on-surface-5); cursor: not-allowed; }
.chip-outline.\!disabled, .\!disabled > .chip-outline { background-color: var(--tom-color-surface-container-low) !important; border-color: var(--tom-color-on-surface-5) !important; color: var(--tom-color-on-surface-5) !important; cursor: not-allowed !important; }
.\!icon { display: inline-flex !important; }
.icon { display: inline-flex; }
.\!icon::before { font-family: tom-icons !important; font-style: normal !important; font-weight: normal !important; font-feature-settings: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; }
.icon::before, .icon-left::before, .icon-right::after { font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: tom-icons !important; }
.\!icon.icon-access-time::before { content: "" !important; }
.icon.icon-access-time::before { content: ""; }
.\!icon.icon-account-circle::before { content: "" !important; }
.icon.icon-account-circle::before { content: ""; }
.\!icon.icon-add::before { content: "" !important; }
.icon.icon-add::before { content: ""; }
.\!icon.icon-arrow-back::before { content: "" !important; }
.icon.icon-arrow-back::before { content: ""; }
.\!icon.icon-arrow-down-left::before { content: "" !important; }
.icon.icon-arrow-down-left::before { content: ""; }
.\!icon.icon-arrow-down-right::before { content: "" !important; }
.icon.icon-arrow-down-right::before { content: ""; }
.\!icon.icon-arrow-downward::before { content: "" !important; }
.icon.icon-arrow-downward::before { content: ""; }
.\!icon.icon-arrow-forward::before { content: "" !important; }
.icon.icon-arrow-forward::before { content: ""; }
.\!icon.icon-arrow-upward::before { content: "" !important; }
.icon.icon-arrow-upward::before { content: ""; }
.\!icon.icon-audio-up::before { content: "" !important; }
.icon.icon-audio-up::before { content: ""; }
.\!icon.icon-bank-slip::before { content: "" !important; }
.icon.icon-bank-slip::before { content: ""; }
.\!icon.icon-calendar-today::before { content: "" !important; }
.icon.icon-calendar-today::before { content: ""; }
.\!icon.icon-category-af::before { content: "" !important; }
.icon.icon-category-af::before { content: ""; }
.\!icon.icon-category-am::before { content: "" !important; }
.icon.icon-category-am::before { content: ""; }
.\!icon.icon-category-ar::before { content: "" !important; }
.icon.icon-category-ar::before { content: ""; }
.\!icon.icon-category-au::before { content: "" !important; }
.icon.icon-category-au::before { content: ""; }
.\!icon.icon-category-bb::before { content: "" !important; }
.icon.icon-category-bb::before { content: ""; }
.\!icon.icon-category-br::before { content: "" !important; }
.icon.icon-category-br::before { content: ""; }
.\!icon.icon-category-bs::before { content: "" !important; }
.icon.icon-category-bs::before { content: ""; }
.\!icon.icon-category-cf::before { content: "" !important; }
.icon.icon-category-cf::before { content: ""; }
.\!icon.icon-category-ci::before { content: "" !important; }
.icon.icon-category-ci::before { content: ""; }
.\!icon.icon-category-cj::before { content: "" !important; }
.icon.icon-category-cj::before { content: ""; }
.\!icon.icon-category-cm::before { content: "" !important; }
.icon.icon-category-cm::before { content: ""; }
.\!icon.icon-category-co::before { content: "" !important; }
.icon.icon-category-co::before { content: ""; }
.\!icon.icon-category-cp::before { content: "" !important; }
.icon.icon-category-cp::before { content: ""; }
.\!icon.icon-category-cr::before { content: "" !important; }
.icon.icon-category-cr::before { content: ""; }
.\!icon.icon-category-de::before { content: "" !important; }
.icon.icon-category-de::before { content: ""; }
.\!icon.icon-category-ea::before { content: "" !important; }
.icon.icon-category-ea::before { content: ""; }
.\!icon.icon-category-ed::before { content: "" !important; }
.icon.icon-category-ed::before { content: ""; }
.\!icon.icon-category-ep::before { content: "" !important; }
.icon.icon-category-ep::before { content: ""; }
.\!icon.icon-category-es::before { content: "" !important; }
.icon.icon-category-es::before { content: ""; }
.\!icon.icon-category-et::before { content: "" !important; }
.icon.icon-category-et::before { content: ""; }
.\!icon.icon-category-fj::before { content: "" !important; }
.icon.icon-category-fj::before { content: ""; }
.\!icon.icon-category-fm::before { content: "" !important; }
.icon.icon-category-fm::before { content: ""; }
.\!icon.icon-category-fs::before { content: "" !important; }
.icon.icon-category-fs::before { content: ""; }
.\!icon.icon-category-ga::before { content: "" !important; }
.icon.icon-category-ga::before { content: ""; }
.\!icon.icon-category-im::before { content: "" !important; }
.icon.icon-category-im::before { content: ""; }
.\!icon.icon-category-in::before { content: "" !important; }
.icon.icon-category-in::before { content: ""; }
.\!icon.icon-category-li::before { content: "" !important; }
.icon.icon-category-li::before { content: ""; }
.\!icon.icon-category-md::before { content: "" !important; }
.icon.icon-category-md::before { content: ""; }
.\!icon.icon-category-me::before { content: "" !important; }
.icon.icon-category-me::before { content: ""; }
.\!icon.icon-category-mo::before { content: "" !important; }
.icon.icon-category-mo::before { content: ""; }
.\!icon.icon-category-ms::before { content: "" !important; }
.icon.icon-category-ms::before { content: ""; }
.\!icon.icon-category-na::before { content: "" !important; }
.icon.icon-category-na::before { content: ""; }
.\!icon.icon-category-pa::before { content: "" !important; }
.icon.icon-category-pa::before { content: ""; }
.\!icon.icon-category-pe::before { content: "" !important; }
.icon.icon-category-pe::before { content: ""; }
.\!icon.icon-category-pf::before { content: "" !important; }
.icon.icon-category-pf::before { content: ""; }
.\!icon.icon-category-pi::before { content: "" !important; }
.icon.icon-category-pi::before { content: ""; }
.\!icon.icon-category-re::before { content: "" !important; }
.icon.icon-category-re::before { content: ""; }
.\!icon.icon-category-rg::before { content: "" !important; }
.icon.icon-category-rg::before { content: ""; }
.\!icon.icon-category-sa::before { content: "" !important; }
.icon.icon-category-sa::before { content: ""; }
.\!icon.icon-category-se::before { content: "" !important; }
.icon.icon-category-se::before { content: ""; }
.\!icon.icon-category-tb::before { content: "" !important; }
.icon.icon-category-tb::before { content: ""; }
.\!icon.icon-category-te::before { content: "" !important; }
.icon.icon-category-te::before { content: ""; }
.\!icon.icon-category-tf::before { content: "" !important; }
.icon.icon-category-tf::before { content: ""; }
.\!icon.icon-category-ud::before { content: "" !important; }
.icon.icon-category-ud::before { content: ""; }
.\!icon.icon-chat-bubble-outline::before { content: "" !important; }
.icon.icon-chat-bubble-outline::before { content: ""; }
.\!icon.icon-check-circle::before { content: "" !important; }
.icon.icon-check-circle::before { content: ""; }
.\!icon.icon-check-magalu-indica::before { content: "" !important; }
.icon.icon-check-magalu-indica::before { content: ""; }
.\!icon.icon-check::before { content: "" !important; }
.icon.icon-check::before { content: ""; }
.\!icon.icon-chevron-down::before { content: "" !important; }
.icon.icon-chevron-down::before { content: ""; }
.\!icon.icon-chevron-left::before { content: "" !important; }
.icon.icon-chevron-left::before { content: ""; }
.\!icon.icon-chevron-right::before { content: "" !important; }
.icon.icon-chevron-right::before { content: ""; }
.\!icon.icon-chevron-up::before { content: "" !important; }
.icon.icon-chevron-up::before { content: ""; }
.\!icon.icon-close::before { content: "" !important; }
.icon.icon-close::before { content: ""; }
.icon-left.icon-close::before { content: ""; }
.icon-right.icon-close::after { content: ""; }
.icon-close:not(.icon)::before { content: ""; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: tom-icons !important; }
.\!icon.icon-compra-internacional::before { content: "" !important; }
.icon.icon-compra-internacional::before { content: ""; }
.\!icon.icon-credit-card::before { content: "" !important; }
.icon.icon-credit-card::before { content: ""; }
.\!icon.icon-cupom::before { content: "" !important; }
.icon.icon-cupom::before { content: ""; }
.\!icon.icon-customer-contact::before { content: "" !important; }
.icon.icon-customer-contact::before { content: ""; }
.\!icon.icon-delete::before { content: "" !important; }
.icon.icon-delete::before { content: ""; }
.\!icon.icon-delivery-success::before { content: "" !important; }
.icon.icon-delivery-success::before { content: ""; }
.\!icon.icon-delivery-warning::before { content: "" !important; }
.icon.icon-delivery-warning::before { content: ""; }
.\!icon.icon-discount::before { content: "" !important; }
.icon.icon-discount::before { content: ""; }
.\!icon.icon-entrega-2-dias::before { content: "" !important; }
.icon.icon-entrega-2-dias::before { content: ""; }
.\!icon.icon-epoca::before { content: "" !important; }
.icon.icon-epoca::before { content: ""; }
.\!icon.icon-error-outline::before { content: "" !important; }
.icon.icon-error-outline::before { content: ""; }
.\!icon.icon-exchange::before { content: "" !important; }
.icon.icon-exchange::before { content: ""; }
.\!icon.icon-facebook::before { content: "" !important; }
.icon.icon-facebook::before { content: ""; }
.\!icon.icon-favorite-border::before { content: "" !important; }
.icon.icon-favorite-border::before { content: ""; }
.\!icon.icon-favorite::before { content: "" !important; }
.icon.icon-favorite::before { content: ""; }
.\!icon.icon-file-download::before { content: "" !important; }
.icon.icon-file-download::before { content: ""; }
.\!icon.icon-file-upload::before { content: "" !important; }
.icon.icon-file-upload::before { content: ""; }
.\!icon.icon-filter-list::before { content: "" !important; }
.icon.icon-filter-list::before { content: ""; }
.\!icon.icon-guarantee-filled::before { content: "" !important; }
.icon.icon-guarantee-filled::before { content: ""; }
.\!icon.icon-guarantee::before { content: "" !important; }
.icon.icon-guarantee::before { content: ""; }
.\!icon.icon-help-outline::before { content: "" !important; }
.icon.icon-help-outline::before { content: ""; }
.\!icon.icon-highlight-off::before { content: "" !important; }
.icon.icon-highlight-off::before { content: ""; }
.\!icon.icon-home::before { content: "" !important; }
.icon.icon-home::before { content: ""; }
.\!icon.icon-info::before { content: "" !important; }
.icon.icon-info::before { content: ""; }
.icon-left.icon-info::before { content: ""; }
.icon-right.icon-info::after { content: ""; }
.icon-info:not(.icon)::before { content: ""; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: tom-icons !important; }
.\!icon.icon-instagram::before { content: "" !important; }
.icon.icon-instagram::before { content: ""; }
.\!icon.icon-inventory::before { content: "" !important; }
.icon.icon-inventory::before { content: ""; }
.\!icon.icon-ios-share::before { content: "" !important; }
.icon.icon-ios-share::before { content: ""; }
.\!icon.icon-linkedin::before { content: "" !important; }
.icon.icon-linkedin::before { content: ""; }
.\!icon.icon-list::before { content: "" !important; }
.icon.icon-list::before { content: ""; }
.\!icon.icon-loader-color-full::before { content: "" !important; }
.icon.icon-loader-color-full::before { content: ""; }
.\!icon.icon-loader-color-less::before { content: "" !important; }
.icon.icon-loader-color-less::before { content: ""; }
.\!icon.icon-local-mall::before { content: "" !important; }
.icon.icon-local-mall::before { content: ""; }
.\!icon.icon-local-offer-outline::before { content: "" !important; }
.icon.icon-local-offer-outline::before { content: ""; }
.\!icon.icon-local-shipping-filled::before { content: "" !important; }
.icon.icon-local-shipping-filled::before { content: ""; }
.\!icon.icon-local-shipping::before { content: "" !important; }
.icon.icon-local-shipping::before { content: ""; }
.\!icon.icon-luiza-card::before { content: "" !important; }
.icon.icon-luiza-card::before { content: ""; }
.\!icon.icon-magalu-recommend::before { content: "" !important; }
.icon.icon-magalu-recommend::before { content: ""; }
.\!icon.icon-magalu::before { content: "" !important; }
.icon.icon-magalu::before { content: ""; }
.\!icon.icon-mail::before { content: "" !important; }
.icon.icon-mail::before { content: ""; }
.\!icon.icon-menu::before { content: "" !important; }
.icon.icon-menu::before { content: ""; }
.\!icon.icon-more-horiz::before { content: "" !important; }
.icon.icon-more-horiz::before { content: ""; }
.\!icon.icon-more-vert::before { content: "" !important; }
.icon.icon-more-vert::before { content: ""; }
.\!icon.icon-my-location::before { content: "" !important; }
.icon.icon-my-location::before { content: ""; }
.\!icon.icon-netshoes-circle::before { content: "" !important; }
.icon.icon-netshoes-circle::before { content: ""; }
.\!icon.icon-notifications::before { content: "" !important; }
.icon.icon-notifications::before { content: ""; }
.\!icon.icon-open-in-new::before { content: "" !important; }
.icon.icon-open-in-new::before { content: ""; }
.\!icon.icon-package-alert::before { content: "" !important; }
.icon.icon-package-alert::before { content: ""; }
.\!icon.icon-pedido::before { content: "" !important; }
.icon.icon-pedido::before { content: ""; }
.\!icon.icon-person::before { content: "" !important; }
.icon.icon-person::before { content: ""; }
.\!icon.icon-pix::before { content: "" !important; }
.icon.icon-pix::before { content: ""; }
.\!icon.icon-place::before { content: "" !important; }
.icon.icon-place::before { content: ""; }
.\!icon.icon-play-circle::before { content: "" !important; }
.icon.icon-play-circle::before { content: ""; }
.\!icon.icon-privacy-policy::before { content: "" !important; }
.icon.icon-privacy-policy::before { content: ""; }
.\!icon.icon-receipt::before { content: "" !important; }
.icon.icon-receipt::before { content: ""; }
.\!icon.icon-regulatory::before { content: "" !important; }
.icon.icon-regulatory::before { content: ""; }
.\!icon.icon-remove::before { content: "" !important; }
.icon.icon-remove::before { content: ""; }
.\!icon.icon-reply-all::before { content: "" !important; }
.icon.icon-reply-all::before { content: ""; }
.\!icon.icon-search::before { content: "" !important; }
.icon.icon-search::before { content: ""; }
.\!icon.icon-service-baby-shower::before { content: "" !important; }
.icon.icon-service-baby-shower::before { content: ""; }
.\!icon.icon-service-consortium::before { content: "" !important; }
.icon.icon-service-consortium::before { content: ""; }
.\!icon.icon-service-control-plan::before { content: "" !important; }
.icon.icon-service-control-plan::before { content: ""; }
.\!icon.icon-service-emp-magalu::before { content: "" !important; }
.icon.icon-service-emp-magalu::before { content: ""; }
.\!icon.icon-service-gold-client::before { content: "" !important; }
.icon.icon-service-gold-client::before { content: ""; }
.\!icon.icon-service-house-security::before { content: "" !important; }
.icon.icon-service-house-security::before { content: ""; }
.\!icon.icon-service-luizaseg::before { content: "" !important; }
.icon.icon-service-luizaseg::before { content: ""; }
.\!icon.icon-service-marketplace::before { content: "" !important; }
.icon.icon-service-marketplace::before { content: ""; }
.\!icon.icon-service-marriage::before { content: "" !important; }
.icon.icon-service-marriage::before { content: ""; }
.\!icon.icon-service-partner::before { content: "" !important; }
.icon.icon-service-partner::before { content: ""; }
.\!icon.icon-service-smart-house::before { content: "" !important; }
.icon.icon-service-smart-house::before { content: ""; }
.\!icon.icon-settings::before { content: "" !important; }
.icon.icon-settings::before { content: ""; }
.\!icon.icon-share::before { content: "" !important; }
.icon.icon-share::before { content: ""; }
.\!icon.icon-shopping-bag-fast::before { content: "" !important; }
.icon.icon-shopping-bag-fast::before { content: ""; }
.\!icon.icon-shopping-bag-filled::before { content: "" !important; }
.icon.icon-shopping-bag-filled::before { content: ""; }
.\!icon.icon-shopping-bag::before { content: "" !important; }
.icon.icon-shopping-bag::before { content: ""; }
.\!icon.icon-star-border::before { content: "" !important; }
.icon.icon-star-border::before { content: ""; }
.\!icon.icon-star-half-filled::before { content: "" !important; }
.icon.icon-star-half-filled::before { content: ""; }
.\!icon.icon-star-half::before { content: "" !important; }
.icon.icon-star-half::before { content: ""; }
.\!icon.icon-star::before { content: "" !important; }
.icon.icon-star::before { content: ""; }
.\!icon.icon-support-agent::before { content: "" !important; }
.icon.icon-support-agent::before { content: ""; }
.\!icon.icon-thumb-up::before { content: "" !important; }
.icon.icon-thumb-up::before { content: ""; }
.\!icon.icon-tiktok::before { content: "" !important; }
.icon.icon-tiktok::before { content: ""; }
.\!icon.icon-twitter::before { content: "" !important; }
.icon.icon-twitter::before { content: ""; }
.\!icon.icon-verified-user::before { content: "" !important; }
.icon.icon-verified-user::before { content: ""; }
.\!icon.icon-warning-amber::before { content: "" !important; }
.icon.icon-warning-amber::before { content: ""; }
.\!icon.icon-whatsapp::before { content: "" !important; }
.icon.icon-whatsapp::before { content: ""; }
.\!icon.icon-youtube::before { content: "" !important; }
.icon.icon-youtube::before { content: ""; }
.\!icon.icon-zattini::before { content: "" !important; }
.icon.icon-zattini::before { content: ""; }
.input-text { align-items: center; color: var(--tom-color-on-surface-3); font: var(--tom-font-sm-regular); border-radius: var(--tom-radius-lg); border-width: 1px; border-style: solid; border-image: initial; border-color: var(--tom-color-on-surface-6); outline: none; background-color: var(--tom-color-surface-container-lowest); padding: var(--tom-spacing-sm) var(--tom-spacing-md) calc(var(--tom-spacing-sm) - var(--tom-spacing-3xsm)); }
.input-text:hover { border-color: var(--tom-color-on-surface-3); }
.input-text:focus { border-color: var(--tom-color-on-interaction-lighter-inverted); background-color: var(--tom-color-interaction-lighter-inverted); }
.input-text:disabled, .disabled > .input-text { background-color: var(--tom-color-surface-container-lowest); }
.\!disabled > .input-text { background-color: var(--tom-color-surface-container-lowest) !important; }
.input-text:disabled:hover, .disabled > .input-text:hover { border-color: var(--tom-color-on-surface-6); }
.\!disabled > .input-text:hover { border-color: var(--tom-color-on-surface-6) !important; }
.input-text.error, .error > .input-text { border-color: var(--tom-color-on-danger-lighter-inverted); background-color: var(--tom-color-danger-lighter-inverted); }
.input-text.\!error, .\!error > .input-text { border-color: var(--tom-color-on-danger-lighter-inverted) !important; background-color: var(--tom-color-danger-lighter-inverted) !important; }
.input-multiline.\!error, .\!error > .input-multiline { border-color: var(--tom-color-on-danger-lighter-inverted) !important; background-color: var(--tom-color-danger-lighter-inverted) !important; }
.input-multiline.error, .error > .input-multiline { border-color: var(--tom-color-on-danger-lighter-inverted); background-color: var(--tom-color-danger-lighter-inverted); }
.input-multiline.\!error, .\!error > .input-multiline { border-color: var(--tom-color-on-danger-lighter-inverted) !important; background-color: var(--tom-color-danger-lighter-inverted) !important; }
.input-group { display: grid; justify-content: space-between; gap: var(--tom-spacing-2xsm); grid-template-areas: "ihleft ihright" "ibody ibody" "ifooter ifooter"; }
.input-group > label { grid-area: ihleft; font: var(--tom-font-xsm-medium); margin-left: var(--tom-spacing-3xsm); margin-right: var(--tom-spacing-xsm); color: var(--tom-color-on-surface-3); }
.input-group > .input-tip { grid-area: ihright; text-align: right; font: var(--tom-font-3xsm-regular); margin-right: var(--tom-spacing-3xsm); color: var(--tom-color-on-surface-4); }
.input-group > .input-icon[class*="icon-"] { color: var(--tom-color-on-surface-5); font-size: var(--tom-spacing-lg); grid-area: ibody; height: var(--tom-spacing-lg); margin-left: var(--tom-spacing-md); margin-right: var(--tom-spacing-xsm); margin-top: var(--tom-spacing-sm); width: var(--tom-spacing-lg); z-index: 1; }
.input-group > .input-text { grid-area: ibody; flex-basis: 100%; }
.input-group > .input-icon + .input-text { padding-left: calc(var(--tom-spacing-md) + var(--tom-spacing-lg) + var(--tom-spacing-xsm)); }
.input-group:has(.input-reset) > .input-text { padding-right: calc(var(--tom-spacing-md) + var(--tom-spacing-lg) + var(--tom-spacing-xsm)); }
.input-group > .input-text + .input-reset { border-radius: 50%; box-sizing: content-box; color: var(--tom-color-on-surface-3); font-size: var(--tom-spacing-lg); grid-area: ibody; height: var(--tom-spacing-lg); margin-bottom: auto; margin-left: auto; margin-right: var(--tom-spacing-md); margin-top: auto; position: relative; width: var(--tom-spacing-lg); z-index: 1; }
.input-group > .input-text:placeholder-shown + .input-reset { display: none; }
.input-group > .input-info { align-items: center; display: flex; grid-area: ifooter; font: var(--tom-font-2xsm-regular); margin-left: var(--tom-spacing-3xsm); color: var(--tom-color-on-surface-4); gap: var(--tom-spacing-2xsm); }
.input-group.error > label, .input-group.error > .input-tip, .input-group.error > .input-info { color: var(--tom-color-on-danger-lighter-inverted); }
.input-group.\!error > label, .input-group.\!error > .input-tip, .input-group.\!error > .input-info { color: var(--tom-color-on-danger-lighter-inverted) !important; }
.input-group > .input-multiline { grid-area: ibody; }
.radio-group { box-sizing: content-box; position: relative; display: flex; align-items: center; gap: var(--tom-spacing-xsm); }
.radio-group:hover:not(:disabled) { border-color: var(--tom-color-surface-container-highest); }
.radio-group:hover:not(:disabled) ~ .ripple { opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.radio-group:focus:not(:disabled) ~ .ripple { background-color: var(--tom-color-surface-container-mid); opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.radio-group:focus:not(:disabled) ~ .radio { outline-color: var(--tom-color-surface-container-highest); }
.radio-group:focus:not(:disabled) ~ .radio:checked { outline-color: var(--tom-color-interaction-default); background-color: var(--tom-color-interaction-default); }
.radio-group > label { color: var(--tom-color-on-surface-3); }
.radio-group > input[class="radio"] { box-sizing: border-box; appearance: none; width: 20px; height: 20px; outline-style: solid; outline-width: 2px; outline-color: var(--tom-color-surface-container-higher); border-radius: 50%; cursor: pointer; z-index: 1; }
.radio-group > input[class="radio"]:hover:not(:disabled) { outline-color: var(--tom-color-surface-container-highest); }
.radio-group > input[class="radio"]:hover:not(:disabled) ~ .ripple { opacity: 1; transform-origin: center center; transition: opacity 375ms linear; }
.radio-group > input[class="radio"]:disabled { outline-color: var(--tom-color-surface-container-high); cursor: not-allowed; }
.radio-group > input[class="radio"]:disabled ~ .ripple { display: none; }
.radio-group > input[class="radio"]:disabled ~ label { cursor: not-allowed; }
.radio-group > input[class="radio"]:disabled:checked { border-width: 4px; border-style: solid; border-image: initial; border-color: var(--tom-color-surface-container-lowest); background-color: var(--tom-color-surface-container-high); outline-color: var(--tom-color-surface-container-high); }
.radio-group > input[class="radio"]:disabled:checked:hover { outline-color: var(--tom-color-surface-container-higher); background-color: var(--tom-color-surface-container-higher); }
.radio-group > input[class="radio"]:checked { border-width: 4px; border-style: solid; border-image: initial; border-color: var(--tom-color-surface-container-lowest); outline-color: var(--tom-color-interaction-default); background-color: var(--tom-color-interaction-default); }
.radio-group > input[class="radio"]:checked:hover { outline-color: var(--tom-color-interaction-lighter); background-color: var(--tom-color-interaction-lighter); }
.radio-group > input[class="radio"]:checked ~ .ripple { animation: 500ms ease 0s 1 normal none running ripple-pressed; }
.radio-group > .ripple { position: absolute; height: 40px; width: 40px; background-color: var(--tom-color-surface-container-low); border-radius: 50%; left: -11px; z-index: 0; opacity: 0; transform-origin: center center; transition: opacity 375ms linear; }
.tab.selected { color: var(--tom-color-interaction-default); }
.tab.selected::after { position: absolute; content: ""; width: 100%; height: 2px; bottom: 0px; left: 0px; padding: 0 var(--tom-spacing-xsm); background-clip: content-box; background-color: var(--tom-color-interaction-default); animation: 0.1s linear 0s 1 normal none running tab-indicator-show; }
.rating { border: none; display: flex; width: fit-content; flex-direction: row-reverse; }
.rating > input { display: none; }
.rating > .rating-item::before { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-family: tom-icons; display: inline-block; content: ""; }
.rating > .rating-half::before { content: ""; position: absolute; color: transparent; }
.rating:not(.no-hover) > .rating-full:hover::before { content: ""; }
.rating > input:checked ~ .rating-item::before, .rating:not(:checked):not(.no-hover) > .rating-item:hover::before, .rating > .checked::before, .rating > .checked ~ .rating-item::before { color: var(--tom-color-warning-lighter); }
.rating > input:checked ~ .rating-full::before, .rating:not(:checked):not(.no-hover) > .rating-item:hover ~ .rating-full::before, .rating > .checked ~ .rating-full::before, .rating > .checked.rating-full::before { content: ""; }
.rating > .rating-item { color: var(--tom-color-warning-lighter); float: right; }
.rating > input:checked ~ .rating-item, .rating:not(:checked):not(.no-hover) > label:hover, .rating:not(:checked):not(.no-hover) > .rating-item:hover ~ .rating-item::before { color: var(--tom-color-warning-lighter); }
.rating > input:checked + .rating-item:hover, .rating > input:checked ~ .rating-item:hover, .rating > .rating-item:hover ~ input:checked ~ .rating-item, .rating > input:checked ~ .rating-item:hover ~ .rating-item::before { color: var(--tom-color-warning-lighter); }
.switch-group { position: relative; display: inline-block; width: 52px; vertical-align: middle; user-select: none; transition: opacity 300ms ease-out; margin-left: var(--tom-spacing-xsm); margin-right: var(--tom-spacing-xsm); }
.switch-group > .switch { appearance: none; position: absolute; display: block; width: 32px; height: 32px; border-radius: var(--tom-radius-2xlg); background-color: var(--tom-color-surface-container-lowest); border-color: var(--tom-color-surface-container-higher); border-width: var(--tom-spacing-2xsm); cursor: pointer; }
.switch-group > .switch:checked { right: 0px; border-color: var(--tom-color-interaction-default); }
.switch-group > .switch:checked ~ .switch-toggle { background-color: var(--tom-color-interaction-default); }
.switch-group > .switch:checked:active, .switch-group > .switch:checked:focus { border-color: var(--tom-color-interaction-darker); }
.switch-group > .switch:checked:active ~ .switch-toggle, .switch-group > .switch:checked:focus ~ .switch-toggle { background-color: var(--tom-color-interaction-darker); }
.switch-group > .switch:active, .switch-group > .switch:focus { border-color: var(--tom-color-surface-container-highest); }
.switch-group > .switch:active ~ .switch-toggle, .switch-group > .switch:focus ~ .switch-toggle { background-color: var(--tom-color-surface-container-highest); }
.switch-group > .switch:disabled { cursor: not-allowed; border-color: var(--tom-color-surface-container-low); background-color: var(--tom-color-on-surface-6); }
.switch-group > .switch:disabled ~ .switch-toggle { background-color: var(--tom-color-surface-container-low); }
.switch-group > .switch:disabled:checked { border-color: var(--tom-color-surface-container-mid); }
.switch-group > .switch:disabled:checked ~ .switch-toggle { background-color: var(--tom-color-surface-container-mid); }
.switch-group > .switch-toggle { display: block; overflow: hidden; border-radius: var(--tom-radius-2xlg); height: 32px; background-color: var(--tom-color-surface-container-higher); cursor: pointer; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.static { position: static; }
.fixed { position: fixed; }
.\!absolute { position: absolute !important; }
.absolute { position: absolute; }
.relative { position: relative; }
.left-1\/2 { left: 50%; }
.right-md { right: var(--tom-spacing-md); }
.top-1\/2 { top: 50%; }
.top-sm { top: var(--tom-spacing-sm); }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.my-md { margin-top: var(--tom-spacing-md); margin-bottom: var(--tom-spacing-md); }
.mb-2xsm { margin-bottom: var(--tom-spacing-2xsm); }
.mb-md { margin-bottom: var(--tom-spacing-md); }
.mb-sm { margin-bottom: var(--tom-spacing-sm); }
.mb-xsm { margin-bottom: var(--tom-spacing-xsm); }
.mr-auto { margin-right: auto; }
.mr-lg { margin-right: var(--tom-spacing-lg); }
.mr-md { margin-right: var(--tom-spacing-md); }
.mr-sm { margin-right: var(--tom-spacing-sm); }
.mt-\[0\] { margin-top: 0px; }
.mt-lg { margin-top: var(--tom-spacing-lg); }
.mt-md { margin-top: var(--tom-spacing-md); }
.box-border { box-sizing: border-box; }
.block { display: block; }
.inline { display: inline; }
.flex { display: flex; }
.grid { display: grid; }
.contents { display: contents; }
.hidden { display: none; }
.\!h-fit { height: fit-content !important; }
.h-fit { height: fit-content; }
.h-full { height: 100%; }
.w-\[170px\] { width: 170px; }
.w-full { width: 100%; }
.max-w-\[560px\] { max-width: 560px; }
.max-w-\[744px\] { max-width: 744px; }
.max-w-full { max-width: 100%; }
.max-w-screen-md { max-width: 744px; }
.max-w-sm { max-width: 24rem; }
.flex-\[2\] { flex: 2 1 0%; }
.flex-\[3\] { flex: 3 1 0%; }
.\!-translate-x-1\/2 { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.\!-translate-y-1\/2 { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.animate-spin { animation: 1s linear 0s infinite normal none running spin; }
.cursor-pointer { cursor: pointer; }
.resize { resize: both; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.justify-end { justify-content: flex-end; }
.\!justify-center { justify-content: center !important; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-lg { gap: var(--tom-spacing-lg); }
.gap-md { gap: var(--tom-spacing-md); }
.gap-xlg { gap: var(--tom-spacing-xlg); }
.gap-x-md { column-gap: var(--tom-spacing-md); }
.self-center { align-self: center; }
.text-wrap { text-wrap: wrap; }
.rounded-2xlg { border-radius: var(--tom-radius-2xlg); }
.rounded-lg { border-radius: var(--tom-radius-lg); }
.rounded-md { border-radius: var(--tom-radius-md); }
.rounded-sm { border-radius: var(--tom-radius-sm); }
.border-thin { border-width: var(--tom-border-thin); }
.border-t-none { }
.border-t-none border-top-width original { }
.border-t-none border-top-width attributes { }
.border-t-none border-top-width path { }
.border-t-thin { border-top-width: var(--tom-border-thin); }
.border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-danger-default { border-color: var(--tom-color-danger-default); }
.border-on-surface-7 { border-color: var(--tom-color-on-surface-7); }
.border-on-warning-lighter-inverted { border-color: var(--tom-color-on-warning-lighter-inverted); }
.border-surface-container-mid { border-color: var(--tom-color-surface-container-mid); }
.\!bg-surface-container-lower { background-color: var(--tom-color-surface-container-lower) !important; }
.bg-danger-lighter-inverted { background-color: var(--tom-color-danger-lighter-inverted); }
.bg-surface-container-lowest { background-color: var(--tom-color-surface-container-lowest); }
.bg-warning-lighter-inverted { background-color: var(--tom-color-warning-lighter-inverted); }
.p-lg { padding: var(--tom-spacing-lg); }
.p-md { padding: var(--tom-spacing-md); }
.p-xsm { padding: var(--tom-spacing-xsm); }
.px-lg { padding-left: var(--tom-spacing-lg); padding-right: var(--tom-spacing-lg); }
.px-md { padding-left: var(--tom-spacing-md); padding-right: var(--tom-spacing-md); }
.px-sm { padding-left: var(--tom-spacing-sm); padding-right: var(--tom-spacing-sm); }
.py-md { padding-top: var(--tom-spacing-md); padding-bottom: var(--tom-spacing-md); }
.py-xsm { padding-top: var(--tom-spacing-xsm); padding-bottom: var(--tom-spacing-xsm); }
.pb-md { padding-bottom: var(--tom-spacing-md); }
.pl-md { padding-left: var(--tom-spacing-md); }
.pr-2xlg { padding-right: var(--tom-spacing-2xlg); }
.pr-md { padding-right: var(--tom-spacing-md); }
.pt-2xsm { padding-top: var(--tom-spacing-2xsm); }
.pt-\[18px\] { padding-top: 18px; }
.pt-lg { padding-top: var(--tom-spacing-lg); }
.text-center { text-align: center; }
.uppercase { text-transform: uppercase; }
.\!text-on-surface-4 { color: var(--tom-color-on-surface-4) !important; }
.text-danger-default { color: var(--tom-color-danger-default); }
.text-on-surface-2 { color: var(--tom-color-on-surface-2); }
.text-on-surface-3 { color: var(--tom-color-on-surface-3); }
.text-on-surface-4 { color: var(--tom-color-on-surface-4); }
.underline { text-decoration-line: underline; }
.antialiased { -webkit-font-smoothing: antialiased; }
.outline { outline-style: solid; }
.blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.area { min-width: var(--tom-screen-responsive-min); max-width: var(--tom-screen-responsive-max); margin-left: auto; margin-right: auto; }
.overflow-x-shadow.bg-danger-lighter-inverted { background-image: linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, var(--tom-color-danger-lighter-inverted), var(--tom-color-danger-lighter-inverted)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-danger-lighter-inverted)); }
.overflow-x-shadow.bg-surface-container-lowest { background-image: linear-gradient(to right, var(--tom-color-surface-container-lowest), var(--tom-color-surface-container-lowest)), linear-gradient(to right, var(--tom-color-surface-container-lowest), var(--tom-color-surface-container-lowest)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-surface-container-lowest)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-surface-container-lowest)); }
.overflow-x-shadow.\!bg-surface-container-lower { background-image: linear-gradient(to right, var(--tom-color-surface-container-lower), var(--tom-color-surface-container-lower)), linear-gradient(to right, var(--tom-color-surface-container-lower), var(--tom-color-surface-container-lower)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-surface-container-lower)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-surface-container-lower)) !important; }
.overflow-x-shadow.bg-warning-lighter-inverted { background-image: linear-gradient(to right, var(--tom-color-warning-lighter-inverted), var(--tom-color-warning-lighter-inverted)), linear-gradient(to right, var(--tom-color-warning-lighter-inverted), var(--tom-color-warning-lighter-inverted)), linear-gradient(to right, rgba(0,0,0,.20), var(--tom-color-warning-lighter-inverted)), linear-gradient(to left, rgba(0,0,0,.20), var(--tom-color-warning-lighter-inverted)); }
.font { font: var(--tom-font-DEFAULT); }
.font-2xsm-bold { font: var(--tom-font-2xsm-bold); }
.font-2xsm-regular { font: var(--tom-font-2xsm-regular); }
.font-lg-bold { font: var(--tom-font-lg-bold); }
.font-md-bold { font: var(--tom-font-md-bold); }
.font-sm-medium { font: var(--tom-font-sm-medium); }
.font-sm-regular { font: var(--tom-font-sm-regular); }
.font-xsm-bold { font: var(--tom-font-xsm-bold); }
.has-\[\:checked\]\:border-interaction-default[\:has\(\:checked\)] { border-color: var(--tom-color-interaction-default); }
.has-\[\:checked\]\:border-interaction-default:has(:checked) { border-color: var(--tom-color-interaction-default); }
@media (min-width: 744px) {
  .md\:left-1\/2 { left: 50%; }
  .md\:top-1\/2 { top: 50%; }
  .md\:ml-\[182px\] { margin-left: 182px; }
  .md\:\!h-fit { height: fit-content !important; }
  .md\:w-\[250px\] { width: 250px; }
  .md\:max-w-\[360px\] { max-width: 360px; }
  .md\:\!-translate-x-1\/2 { --tw-translate-x: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
  .md\:\!-translate-y-1\/2 { --tw-translate-y: -50% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
  .md\:rounded-2xlg { border-radius: var(--tom-radius-2xlg); }
  .md\:p-xlg { padding: var(--tom-spacing-xlg); }
  .md\:pb-lg { padding-bottom: var(--tom-spacing-lg); }
  .md\:pt-md { padding-top: var(--tom-spacing-md); }
  .md\:text-center { text-align: center; }
}