.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);
}

.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;
}

.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;
        align-items: flex-end;
        flex-direction: column;
    }

    .BasketPriceBox-prices {
        margin-right: 0px;
    }

    .BasketContinueFloating-line-coupon {
        display: flex;
        justify-content: flex-end;
    }

    .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;
    }

    .BasketContinueFloating-line-coupon {
        display: flex;
        justify-content: center;
        margin-bottom: 8px;
    }

    .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-coupon {
    margin-top: 4px;
}

.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%;
    }

    .BobbyCompactProduct-coupon {
        width: fit-content;
        margin-bottom: 4px;
        margin-top: 0px;
    }
}

.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-coupon {
    float: left;
    margin-top: 4px;
}

.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;
    }
}

.Input-input {
    min-width: 0px;
    padding-right: 3.5rem;
    padding-left: var(--tom-spacing-md) !important;
}

.Input-group {
    border: none;
    background: none !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;
}

.LoginBox,
.SignupBox {
    width: 100%;
}

.LoginBox-title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
}

.LoginBox-form {
    display: flex;
    flex-direction: column;
    gap: var(--tom-spacing-md);
    max-width: 300px;
}

.LoginBox-form input {
    width: 100%;
}

.LoginBox-form-button-options-divisor {
    margin-top: var(--tom-spacing-md);
    margin-bottom: var(--tom-spacing-md);
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--tom-spacing-sm);
}

.LoginBox-form-button-options-divisor::before,
.LoginBox-form-button-options-divisor::after {
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--tom-color-surface-container-mid);
    --tw-content: "";
    content: var(--tw-content);
}

.overflow-x-shadow.LoginBox-form-button-options-divisor::before,
.overflow-x-shadow.LoginBox-form-button-options-divisor::after {
    background-image: linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid));
}

.LoginBox-help {
    max-width: 290px;
    margin-top: 8px;
    color: rgb(140, 140, 140);
    font-size: 14px;
}

@media (max-width: 995px) {
    .LoginBox-help {
        margin-bottom: 10px;
        max-width: initial;
    }
}

.LoginBox-strong {
    color: rgb(66, 74, 82);
}

.LoginBox-form-error--unique {
    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);
    width: 100%;
}

@media (max-width: 995px) {
    .LoginBox-form {
        max-width: 100%;
        gap: var(--tom-spacing-3xsm);
    }

    .LoginBox-form label {
        display: none;
    }

    .LoginBox .FormGroup,
    .SignupBox .FormGroup {
        margin-bottom: 5px;
    }

    .LoginBox-title {
        margin: 0px;
        font-size: 14px;
        font-weight: 600;
    }

    .LoginBox-form-continue,
    .LoginBox-form-login-without-password {
        width: 100%;
        margin: 0px;
    }

    .LoginBox-help,
    .LoginBox-redirect {
        margin-top: 5px;
        margin-left: 0px !important;
    }

    .LoginBox-form-error--unique {
        margin-top: 0px;
        margin-left: 0px;
    }

    .LoginBox-form-button-options-divisor {
        margin-top: var(--tom-spacing-3xsm);
        margin-bottom: var(--tom-spacing-3xsm);
    }
}

@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);
}

.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;
    justify-content: center;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.LoginPage-leftContainer {
    padding-right: 90px;
    display: flex;
    border-right: 1px solid rgb(229, 229, 229);
}

.LoginPage-rightContainer {
    padding-left: 90px;
    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 {
        width: 100%;
        flex-flow: column;
        padding-top: 0px;
    }

    .LoginPage-leftContainer {
        order: 3;
        width: 100%;
        border-right: 0px;
    }

    .LoginPage-rightContainer {
        order: 2;
        width: 100%;
    }

    .LoginPage-leftContainer,
    .LoginPage-rightContainer {
        padding: 0px;
    }

    .LoginPage-socialContainer {
        margin-top: 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-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;
    }
}

.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;
    }
}

.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-loyalty-default: #99620F;
    --tom-color-on-loyalty-darker: #FFF8D7;
    --tom-color-on-loyalty-lighter: #99620F;
    --tom-color-on-loyalty-default-inverted: #F9C52E;
    --tom-color-on-loyalty-darker-inverted: #99620F;
    --tom-color-on-loyalty-lighter-inverted: #FED556;
    --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-500: #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-loyalty-default: #F9C52E;
    --tom-color-loyalty-darker: #99620F;
    --tom-color-loyalty-lighter: #FED556;
    --tom-color-loyalty-default-inverted: #99620F;
    --tom-color-loyalty-darker-inverted: #FFF8D7;
    --tom-color-loyalty-lighter-inverted: #99620F;
    --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-500: #47FF97;
    --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-color-trademark-color-whatsapp: #29A71A;
    --tom-color-trademark-color-aliexpress: #FF2751;
    --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-down-sm: 0px 4px 7px 0px rgba(0, 0, 0, 0.04), 0px 1.93px 0.88px rgba(0, 0, 0, 0.015);
    --tom-elevation-sm: 0px 4px 7px 0px rgba(0, 0, 0, 0.04), 0px 1.93px 0.88px rgba(0, 0, 0, 0.015);
    --tom-elevation-down-md: 0px 9px 14px 2px rgba(0, 0, 0, 0.05), 0px 2.65px 0.93px 2px rgba(0, 0, 0, 0.0183), 0px 5.07px 3.13px 2px rgba(0, 0, 0, 0.0017);
    --tom-elevation-md: 0px 9px 14px 2px rgba(0, 0, 0, 0.05), 0px 2.65px 0.93px 2px rgba(0, 0, 0, 0.0183), 0px 5.07px 3.13px 2px rgba(0, 0, 0, 0.0017);
    --tom-elevation-down-lg: 0px 24px 36px 2px rgba(0, 0, 0, 0.05), 0px 15.92px 10.85px 2px rgba(0, 0, 0, 0.017), 0px 9.91px 4.51px 2px rgba(0, 0, 0, 0.01), 0px 5.32px 1.63px 2px rgba(0, 0, 0, 0.0057);
    --tom-elevation-lg: 0px 24px 36px 2px rgba(0, 0, 0, 0.05), 0px 15.92px 10.85px 2px rgba(0, 0, 0, 0.017), 0px 9.91px 4.51px 2px rgba(0, 0, 0, 0.01), 0px 5.32px 1.63px 2px rgba(0, 0, 0, 0.0057);
    --tom-elevation-up-md: 0px -9px 14px 2px rgba(0, 0, 0, 0.05), 0px -2.65px 0.93px 2px rgba(0, 0, 0, 0.0183), 0px -5.07px 3.13px 2px rgba(0, 0, 0, 0.0017);
    --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: 1024px;
    --tom-screen-breakpoints-xlg: 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;
    --tom-font-display-xlarge: 600 44px/50px "Magalu UI", Tahoma, sans-serif;
    --tom-font-display-large: 600 35px/40px "Magalu UI", Tahoma, sans-serif;
    --tom-font-display-default: 600 28px/32px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-large-highlight: 600 22px/26px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-large: 400 22px/28px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-default-highlight: 600 20px/24px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-default: 400 20px/24px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-small-highlight: 600 18px/22px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-small: 500 18px/22px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-default-highlight: 600 16px/18px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-default: 400 16px/18px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-small-highlight: 600 14px/16px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-small: 400 14px/16px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-xsmall: 400 12px/14px "Magalu UI", Tahoma, sans-serif;
    --tom-font-paragraph-default: 400 16px/22px "Magalu UI", Tahoma, sans-serif;
    --tom-font-detail-default: 600 12px/14px "Magalu UI", Tahoma, sans-serif;
    --tom-font-detail-small: 500 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);
    }
}

@keyframes dialog-sticky {
    0% {
        top: 50%;
    }

    100% {
        top: 0px;
    }
}

@font-face {
    font-family: tom-icons;
    font-display: block;
    src: url("https://tom.mlcdn.com.br/icons/1.47.0/font/tom-icons.ttf") format("truetype"), url("https://tom.mlcdn.com.br/icons/1.47.0/font/tom-icons.woff") format("woff"), url("https://tom.mlcdn.com.br/icons/1.47.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: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.\!info {
    background-color: var(--tom-color-interaction-lighter-inverted) !important;
    border-color: var(--tom-color-on-interaction-lighter-inverted) !important;
    border-radius: var(--tom-radius-md) !important;
    border-width: var(--tom-border-thin) !important;
}

.info {
    background-color: var(--tom-color-interaction-lighter-inverted);
    border-color: var(--tom-color-on-interaction-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.\!info.alert-feedback-icon::before {
    width: var(--tom-spacing-lg) !important;
    height: var(--tom-spacing-lg) !important;
    font-family: tom-icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    font-size: var(--tom-spacing-lg) !important;
    margin-right: var(--tom-spacing-sm) !important;
    align-self: start !important;
    content: "" !important;
    color: var(--tom-color-on-interaction-lighter-inverted) !important;
}

.info.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-interaction-lighter-inverted);
    font-family: tom-icons !important;
}

.\!success {
    background-color: var(--tom-color-success-lighter-inverted) !important;
    border-color: var(--tom-color-on-success-lighter-inverted) !important;
    border-radius: var(--tom-radius-md) !important;
    border-width: var(--tom-border-thin) !important;
}

.success {
    background-color: var(--tom-color-success-lighter-inverted);
    border-color: var(--tom-color-on-success-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.\!success.alert-feedback-icon::before {
    width: var(--tom-spacing-lg) !important;
    height: var(--tom-spacing-lg) !important;
    font-family: tom-icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    font-size: var(--tom-spacing-lg) !important;
    margin-right: var(--tom-spacing-sm) !important;
    align-self: start !important;
    content: "" !important;
    color: var(--tom-color-on-success-lighter-inverted) !important;
}

.success.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-success-lighter-inverted);
    font-family: tom-icons !important;
}

.warning {
    background-color: var(--tom-color-warning-lighter-inverted);
    border-color: var(--tom-color-on-warning-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.warning.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-warning-lighter-inverted);
    font-family: tom-icons !important;
}

.\!error {
    background-color: var(--tom-color-danger-lighter-inverted) !important;
    border-color: var(--tom-color-on-danger-lighter-inverted) !important;
    border-radius: var(--tom-radius-md) !important;
    border-width: var(--tom-border-thin) !important;
}

.error {
    background-color: var(--tom-color-danger-lighter-inverted);
    border-color: var(--tom-color-on-danger-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.\!error.alert-feedback-icon::before {
    width: var(--tom-spacing-lg) !important;
    height: var(--tom-spacing-lg) !important;
    font-family: tom-icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    font-size: var(--tom-spacing-lg) !important;
    margin-right: var(--tom-spacing-sm) !important;
    align-self: start !important;
    content: "" !important;
    color: var(--tom-color-on-danger-lighter-inverted) !important;
}

.error.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-danger-lighter-inverted);
    font-family: tom-icons !important;
}

.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: 999998;
}

.bottom-sheet .bottom-sheet-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    bottom: 0px;
    z-index: 999999;
    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 {
    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-2xsm);
    padding-left: var(--tom-spacing-sm);
    padding-right: var(--tom-spacing-sm);
    padding-top: var(--tom-spacing-2xsm);
    background-color: var(--tom-color-interaction-default);
    border-color: var(--tom-color-interaction-default);
    color: var(--tom-color-on-interaction-default);
}

.btn-sm:hover {
    background-color: var(--tom-color-interaction-lighter);
    border-color: var(--tom-color-on-interaction-lighter);
}

.btn-sm:active {
    background-color: var(--tom-color-interaction-darker);
    border-color: var(--tom-color-on-interaction-darker);
}

.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-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-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 {
    background-color: transparent;
    border-color: transparent;
    color: var(--tom-color-on-danger-default-inverted);
}

.btn-danger-invisible:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--tom-color-on-danger-lighter-inverted);
}

.btn-danger-invisible:active {
    background-color: var(--tom-color-surface-container-mid);
    border-color: var(--tom-color-surface-container-mid);
    color: var(--tom-color-on-danger-darker-inverted);
}

.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-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-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;
}

.dialog.visible {
    visibility: visible;
    opacity: 1;
}

.\!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-3p::before {
    content: "" !important;
}

.icon.icon-3p::before {
    content: "";
}

.\!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-card::before {
    content: "" !important;
}

.icon.icon-add-card::before {
    content: "";
}

.\!icon.icon-add::before {
    content: "" !important;
}

.icon.icon-add::before {
    content: "";
}

.\!icon.icon-alternate-email::before {
    content: "" !important;
}

.icon.icon-alternate-email::before {
    content: "";
}

.\!icon.icon-american-express::before {
    content: "" !important;
}

.icon.icon-american-express::before {
    content: "";
}

.\!icon.icon-apple::before {
    content: "" !important;
}

.icon.icon-apple::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-aura::before {
    content: "" !important;
}

.icon.icon-aura::before {
    content: "";
}

.\!icon.icon-block::before {
    content: "" !important;
}

.icon.icon-block::before {
    content: "";
}

.\!icon.icon-boleto::before {
    content: "" !important;
}

.icon.icon-boleto::before {
    content: "";
}

.\!icon.icon-caixa::before {
    content: "" !important;
}

.icon.icon-caixa::before {
    content: "";
}

.\!icon.icon-calendar-today::before {
    content: "" !important;
}

.icon.icon-calendar-today::before {
    content: "";
}

.\!icon.icon-call::before {
    content: "" !important;
}

.icon.icon-call::before {
    content: "";
}

.\!icon.icon-cancel::before {
    content: "" !important;
}

.icon.icon-cancel::before {
    content: "";
}

.\!icon.icon-cartao-luiza-gold::before {
    content: "" !important;
}

.icon.icon-cartao-luiza-gold::before {
    content: "";
}

.\!icon.icon-cartao-luiza::before {
    content: "" !important;
}

.icon.icon-cartao-luiza::before {
    content: "";
}

.\!icon.icon-cartao-magalu::before {
    content: "" !important;
}

.icon.icon-cartao-magalu::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-chat-success::before {
    content: "" !important;
}

.icon.icon-chat-success::before {
    content: "";
}

.\!icon.icon-chat-warning::before {
    content: "" !important;
}

.icon.icon-chat-warning::before {
    content: "";
}

.\!icon.icon-chat::before {
    content: "" !important;
}

.icon.icon-chat::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-left.icon-check::before {
    content: "";
}

.icon-right.icon-check::after {
    content: "";
}

.icon-check: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-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-contact-support::before {
    content: "" !important;
}

.icon.icon-contact-support::before {
    content: "";
}

.\!icon.icon-credit-card::before {
    content: "" !important;
}

.icon.icon-credit-card::before {
    content: "";
}

.\!icon.icon-cupom-journey::before {
    content: "" !important;
}

.icon.icon-cupom-journey::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-denuncia::before {
    content: "" !important;
}

.icon.icon-denuncia::before {
    content: "";
}

.\!icon.icon-dinners::before {
    content: "" !important;
}

.icon.icon-dinners::before {
    content: "";
}

.\!icon.icon-discount::before {
    content: "" !important;
}

.icon.icon-discount::before {
    content: "";
}

.\!icon.icon-dois-cartoes::before {
    content: "" !important;
}

.icon.icon-dois-cartoes::before {
    content: "";
}

.\!icon.icon-elo::before {
    content: "" !important;
}

.icon.icon-elo::before {
    content: "";
}

.\!icon.icon-email::before {
    content: "" !important;
}

.icon.icon-email::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-fact-check::before {
    content: "" !important;
}

.icon.icon-fact-check::before {
    content: "";
}

.\!icon.icon-fale-com-lojista::before {
    content: "" !important;
}

.icon.icon-fale-com-lojista::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-google::before {
    content: "" !important;
}

.icon.icon-google::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-headset-mic::before {
    content: "" !important;
}

.icon.icon-headset-mic::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-left.icon-highlight-off::before {
    content: "";
}

.icon-right.icon-highlight-off::after {
    content: "";
}

.icon-highlight-off: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-hipercard::before {
    content: "" !important;
}

.icon.icon-hipercard::before {
    content: "";
}

.\!icon.icon-history::before {
    content: "" !important;
}

.icon.icon-history::before {
    content: "";
}

.\!icon.icon-home::before {
    content: "" !important;
}

.icon.icon-home::before {
    content: "";
}

.\!icon.icon-image::before {
    content: "" !important;
}

.icon.icon-image::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-kitchen::before {
    content: "" !important;
}

.icon.icon-kitchen::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-police::before {
    content: "" !important;
}

.icon.icon-local-police::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-location-filled::before {
    content: "" !important;
}

.icon.icon-location-filled::before {
    content: "";
}

.\!icon.icon-location-on::before {
    content: "" !important;
}

.icon.icon-location-on::before {
    content: "";
}

.\!icon.icon-locker-filled::before {
    content: "" !important;
}

.icon.icon-locker-filled::before {
    content: "";
}

.\!icon.icon-locker-outline::before {
    content: "" !important;
}

.icon.icon-locker-outline::before {
    content: "";
}

.\!icon.icon-luiza-card::before {
    content: "" !important;
}

.icon.icon-luiza-card::before {
    content: "";
}

.\!icon.icon-magalu-full::before {
    content: "" !important;
}

.icon.icon-magalu-full::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-open::before {
    content: "" !important;
}

.icon.icon-mail-open::before {
    content: "";
}

.\!icon.icon-mail::before {
    content: "" !important;
}

.icon.icon-mail::before {
    content: "";
}

.\!icon.icon-mastercard::before {
    content: "" !important;
}

.icon.icon-mastercard::before {
    content: "";
}

.\!icon.icon-menu::before {
    content: "" !important;
}

.icon.icon-menu::before {
    content: "";
}

.\!icon.icon-mercado::before {
    content: "" !important;
}

.icon.icon-mercado::before {
    content: "";
}

.\!icon.icon-mobile-phone::before {
    content: "" !important;
}

.icon.icon-mobile-phone::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-active::before {
    content: "" !important;
}

.icon.icon-notifications-active::before {
    content: "";
}

.\!icon.icon-notifications-add::before {
    content: "" !important;
}

.icon.icon-notifications-add::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-outline::before {
    content: "" !important;
}

.icon.icon-person-outline::before {
    content: "";
}

.\!icon.icon-person::before {
    content: "" !important;
}

.icon.icon-person::before {
    content: "";
}

.\!icon.icon-phone-in-talk::before {
    content: "" !important;
}

.icon.icon-phone-in-talk::before {
    content: "";
}

.\!icon.icon-pinterest::before {
    content: "" !important;
}

.icon.icon-pinterest::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-arrow::before {
    content: "" !important;
}

.icon.icon-play-arrow::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-question-answer::before {
    content: "" !important;
}

.icon.icon-question-answer::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-retira-loja::before {
    content: "" !important;
}

.icon.icon-retira-loja::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-store-mall-directory::before {
    content: "" !important;
}

.icon.icon-store-mall-directory::before {
    content: "";
}

.\!icon.icon-storefront::before {
    content: "" !important;
}

.icon.icon-storefront::before {
    content: "";
}

.\!icon.icon-sumarizacao-ia::before {
    content: "" !important;
}

.icon.icon-sumarizacao-ia::before {
    content: "";
}

.\!icon.icon-support-agent::before {
    content: "" !important;
}

.icon.icon-support-agent::before {
    content: "";
}

.\!icon.icon-sync::before {
    content: "" !important;
}

.icon.icon-sync::before {
    content: "";
}

.\!icon.icon-television::before {
    content: "" !important;
}

.icon.icon-television::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-X::before {
    content: "" !important;
}

.icon.icon-twitter-X::before {
    content: "";
}

.\!icon.icon-twitter::before {
    content: "" !important;
}

.icon.icon-twitter::before {
    content: "";
}

.\!icon.icon-vale-compra::before {
    content: "" !important;
}

.icon.icon-vale-compra::before {
    content: "";
}

.\!icon.icon-verified-user::before {
    content: "" !important;
}

.icon.icon-verified-user::before {
    content: "";
}

.\!icon.icon-verified::before {
    content: "" !important;
}

.icon.icon-verified::before {
    content: "";
}

.\!icon.icon-visa::before {
    content: "" !important;
}

.icon.icon-visa::before {
    content: "";
}

.\!icon.icon-wallet::before {
    content: "" !important;
}

.icon.icon-wallet::before {
    content: "";
}

.\!icon.icon-warning-amber::before {
    content: "" !important;
}

.icon.icon-warning-amber::before {
    content: "";
}

.\!icon.icon-whatsapp-share::before {
    content: "" !important;
}

.icon.icon-whatsapp-share::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;
    position: relative;
    justify-content: space-between;
    gap: var(--tom-spacing-2xsm);
    grid-template-areas: "ihleft ihright" "ibody ibody" "ifooter ifooter";
}

.input-group:has(.input-suggestions[data-open="true"]) .input-text {
    border-radius: var(--tom-spacing-md) var(--tom-spacing-md) 0 0;
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: transparent;
}

.input-group:has(.input-suggestions[data-open="true"]) .input-text:focus,
.input-group:has(.input-suggestions[data-open="true"]) .input-text:hover {
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: transparent;
    background-color: var(--tom-color-surface-container-lowest);
}

.input-group>.input-suggestions[data-open="true"] {
    display: block;
}

.input-group>.input-suggestions {
    width: 100%;
    display: none;
    padding: var(--tom-spacing-md);
    border-radius: 0px 0px var(--tom-radius-lg) var(--tom-radius-lg);
    background-color: var(--tom-color-surface-container-lowest);
    position: absolute;
    z-index: 1;
    top: calc(100% - var(--tom-spacing-2xsm));
}

.input-group>.input-suggestions::before {
    content: "";
    display: block;
    width: calc(100% - (var(--tom-spacing-md) + var(--tom-spacing-md)));
    height: 1px;
    background-color: var(--tom-color-interaction-default);
    position: absolute;
    top: 0px;
    left: var(--tom-spacing-md);
    pointer-events: none;
}

.input-group>.input-suggestions .input-suggestions-title {
    color: var(--tom-color-on-surface-2);
    font: var(--tom-font-md-bold);
    min-height: 32px;
    margin-bottom: var(--tom-spacing-2xsm);
}

.input-group>.input-suggestions .input-suggestions-list {
    display: flex;
    flex-direction: column;
    gap: var(--tom-spacing-2xsm);
}

.input-group>.input-suggestions .input-suggestions-list .input-suggestions-item {
    display: flex;
    align-items: center;
    min-height: 32px;
    gap: var(--tom-spacing-2xsm);
    color: var(--tom-color-on-surface-3);
    font: var(--tom-font-xsm-regular);
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: var(--tom-color-on-surface-7);
    cursor: pointer;
}

.input-group>.input-suggestions .input-suggestions-list .input-suggestions-item:last-child {
    border: none;
}

.input-group>.input-suggestions .input-suggestions-list .input-suggestions-item>i {
    display: flex;
}

.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-icon-end {
    display: flex;
    justify-self: end;
}

.input-group>.input-icon.input-icon-end {
    margin-left: var(--tom-spacing-xsm);
    margin-right: var(--tom-spacing-md);
}

.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);
    padding-top: var(--tom-spacing-2xsm);
    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;
}

.list {
    min-width: 180px;
}

.list.list-transparent>.list-item {
    background-color: transparent;
}

.list.list-divided>.list-item {
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: var(--tom-color-on-surface-7);
}

.list.list-large>.list-item {
    min-height: 65px;
}

.list .list-header {
    color: var(--tom-color-on-surface-2);
    font: var(--tom-font-xsm-medium);
    margin-bottom: var(--tom-spacing-md);
}

.list .list-item {
    min-height: 48px;
    display: flex;
    padding: 0 var(--tom-spacing-md);
    justify-content: space-between;
    align-items: center;
    gap: var(--tom-spacing-xsm);
    align-self: stretch;
    background-color: var(--tom-color-surface-high);
}

.list .list-item a {
    display: inherit;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit;
    width: 100%;
}

.list .list-item.list-item.list-item-single {
    border-radius: var(--tom-radius-lg);
    background-color: var(--tom-color-surface-high);
}

.list .list-item:first-of-type {
    border-radius: var(--tom-radius-lg) var(--tom-radius-lg) 0px 0px;
}

.list .list-item:last-of-type {
    border-radius: 0px 0px var(--tom-radius-lg) var(--tom-radius-lg);
    border: none;
}

.list .list-item .list-item-text {
    font: var(--tom-font-xsm-regular);
    color: var(--tom-color-on-surface-3);
    text-overflow: ellipsis;
    text-align: left;
    flex-grow: 1;
}

.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: ;
    font-optical-sizing: ;
    font-size-adjust: ;
    font-kerning: ;
    font-feature-settings: ;
    font-variation-settings: ;
    font-family: tom-icons;
    display: inline-block;
    content: "";
    line-height: 1;
}

.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;
    line-height: 1;
}

.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;
}

.bottom-\[-18px\] {
    bottom: -18px;
}

.bottom-\[0\] {
    bottom: 0px;
}

.left-1\/2 {
    left: 50%;
}

.left-\[0\] {
    left: 0px;
}

.right-\[0\] {
    right: 0px;
}

.right-md {
    right: var(--tom-spacing-md);
}

.top-1\/2 {
    top: 50%;
}

.top-\[55\%\] {
    top: 55%;
}

.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-\[20px\] {
    margin-bottom: 20px;
}

.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-2xsm {
    margin-top: var(--tom-spacing-2xsm);
}

.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;
}

.inline-flex {
    display: inline-flex;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.\!h-fit {
    height: fit-content !important;
}

.h-\[2px\] {
    height: 2px;
}

.h-fit {
    height: fit-content;
}

.h-full {
    height: 100%;
}

.h-lg {
    height: var(--tom-spacing-lg);
}

.h-md {
    height: var(--tom-spacing-md);
}

.\!max-h-\[86\%\] {
    max-height: 86% !important;
}

.w-\[170px\] {
    width: 170px;
}

.w-full {
    width: 100%;
}

.w-max {
    width: max-content;
}

.w-md {
    width: var(--tom-spacing-md);
}

.max-w-\[560px\] {
    max-width: 560px;
}

.max-w-\[744px\] {
    max-width: 744px;
}

.max-w-screen-md {
    max-width: 744px;
}

.max-w-sm {
    max-width: 24rem;
}

.flex-1 {
    flex: 1 1 0%;
}

.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;
}

.-translate-y-\[50\%\] {
    --tw-translate-y: -50%;
    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));
}

.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-2xsm {
    gap: var(--tom-spacing-2xsm);
}

.gap-3xsm {
    gap: var(--tom-spacing-3xsm);
}

.gap-lg {
    gap: var(--tom-spacing-lg);
}

.gap-md {
    gap: var(--tom-spacing-md);
}

.gap-sm {
    gap: var(--tom-spacing-sm);
}

.gap-xlg {
    gap: var(--tom-spacing-xlg);
}

.gap-xsm {
    gap: var(--tom-spacing-xsm);
}

.gap-x-md {
    column-gap: var(--tom-spacing-md);
}

.self-center {
    align-self: center;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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);
}

.rounded-xsm {
    border-radius: var(--tom-radius-xsm);
}

.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-lime-300 {
    border-color: var(--tom-color-lime-300);
}

.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-info-default-inverted {
    background-color: var(--tom-color-info-default-inverted);
}

.bg-lime-400 {
    background-color: var(--tom-color-lime-400);
}

.bg-lime-500 {
    background-color: var(--tom-color-lime-500);
}

.bg-surface-container-lowest {
    background-color: var(--tom-color-surface-container-lowest);
}

.bg-surface-container-mid {
    background-color: var(--tom-color-surface-container-mid);
}

.bg-warning-lighter-inverted {
    background-color: var(--tom-color-warning-lighter-inverted);
}

.p-3xsm {
    padding: var(--tom-spacing-3xsm);
}

.p-\[0\] {
    padding: 0px;
}

.p-lg {
    padding: var(--tom-spacing-lg);
}

.p-md {
    padding: var(--tom-spacing-md);
}

.p-xsm {
    padding: var(--tom-spacing-xsm);
}

.\!px-xlg {
    padding-left: var(--tom-spacing-xlg) !important;
    padding-right: var(--tom-spacing-xlg) !important;
}

.px-2xsm {
    padding-left: var(--tom-spacing-2xsm);
    padding-right: var(--tom-spacing-2xsm);
}

.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);
}

.px-xsm {
    padding-left: var(--tom-spacing-xsm);
    padding-right: var(--tom-spacing-xsm);
}

.py-2xsm {
    padding-top: var(--tom-spacing-2xsm);
    padding-bottom: var(--tom-spacing-2xsm);
}

.py-3xsm {
    padding-top: var(--tom-spacing-3xsm);
    padding-bottom: var(--tom-spacing-3xsm);
}

.py-md {
    padding-top: var(--tom-spacing-md);
    padding-bottom: var(--tom-spacing-md);
}

.py-sm {
    padding-top: var(--tom-spacing-sm);
    padding-bottom: var(--tom-spacing-sm);
}

.py-xsm {
    padding-top: var(--tom-spacing-xsm);
    padding-bottom: var(--tom-spacing-xsm);
}

.\!pb-sm {
    padding-bottom: var(--tom-spacing-sm) !important;
}

.\!pt-lg {
    padding-top: var(--tom-spacing-lg) !important;
}

.pb-md {
    padding-bottom: var(--tom-spacing-md);
}

.pb-xsm {
    padding-bottom: var(--tom-spacing-xsm);
}

.pl-2xsm {
    padding-left: var(--tom-spacing-2xsm);
}

.pl-md {
    padding-left: var(--tom-spacing-md);
}

.pr-2xlg {
    padding-right: var(--tom-spacing-2xlg);
}

.pr-\[0\] {
    padding-right: 0px;
}

.pr-\[40px\] {
    padding-right: 40px;
}

.pr-md {
    padding-right: var(--tom-spacing-md);
}

.pr-xsm {
    padding-right: var(--tom-spacing-xsm);
}

.pt-2xsm {
    padding-top: var(--tom-spacing-2xsm);
}

.pt-3xsm {
    padding-top: var(--tom-spacing-3xsm);
}

.pt-\[18px\] {
    padding-top: 18px;
}

.pt-lg {
    padding-top: var(--tom-spacing-lg);
}

.pt-md {
    padding-top: var(--tom-spacing-md);
}

.pt-sm {
    padding-top: var(--tom-spacing-sm);
}

.pt-xsm {
    padding-top: var(--tom-spacing-xsm);
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.uppercase {
    text-transform: uppercase;
}

.\!text-on-brand-default-inverted {
    color: var(--tom-color-on-brand-default-inverted) !important;
}

.\!text-on-danger-default-inverted {
    color: var(--tom-color-on-danger-default-inverted) !important;
}

.\!text-on-surface-4 {
    color: var(--tom-color-on-surface-4) !important;
}

.text-brand-default {
    color: var(--tom-color-brand-default);
}

.text-danger-default {
    color: var(--tom-color-danger-default);
}

.text-on-success-default-inverted {
    color: var(--tom-color-on-success-default-inverted);
}

.text-on-surface-1 {
    color: var(--tom-color-on-surface-1);
}

.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);
}

.text-surface-high {
    color: var(--tom-color-surface-high);
}

.underline {
    text-decoration-line: underline;
}

.line-through {
    text-decoration-line: line-through;
}

.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;
}

.content-\[\"\"\] {
    --tw-content: "";
    content: var(--tw-content);
}

.area {
    min-width: var(--tom-screen-responsive-min);
    max-width: var(--tom-screen-responsive-max);
    margin-left: auto;
    margin-right: auto;
}

.elevation-up-md {
    box-shadow: var(--tom-elevation-up-md);
}

.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-info-default-inverted {
    background-image: linear-gradient(to right, var(--tom-color-info-default-inverted), var(--tom-color-info-default-inverted)), linear-gradient(to right, var(--tom-color-info-default-inverted), var(--tom-color-info-default-inverted)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-info-default-inverted)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-info-default-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-surface-container-mid {
    background-image: linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid));
}

.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));
}

.overflow-x-shadow.bg-lime-400 {
    background-image: linear-gradient(to right, var(--tom-color-lime-400), var(--tom-color-lime-400)), linear-gradient(to right, var(--tom-color-lime-400), var(--tom-color-lime-400)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-lime-400)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-lime-400));
}

.overflow-x-shadow.bg-lime-500 {
    background-image: linear-gradient(to right, var(--tom-color-lime-500), var(--tom-color-lime-500)), linear-gradient(to right, var(--tom-color-lime-500), var(--tom-color-lime-500)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-lime-500)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-lime-500));
}

.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-body-default {
    font: var(--tom-font-body-default);
}

.font-body-default-highlight {
    font: var(--tom-font-body-default-highlight);
}

.font-body-small {
    font: var(--tom-font-body-small);
}

.font-body-small-highlight {
    font: var(--tom-font-body-small-highlight);
}

.font-body-xsmall {
    font: var(--tom-font-body-xsmall);
}

.font-detail-default {
    font: var(--tom-font-detail-default);
}

.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-title-default-highlight {
    font: var(--tom-font-title-default-highlight);
}

.font-xlg-bold {
    font: var(--tom-font-xlg-bold);
}

.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\:right-xsm {
        right: var(--tom-spacing-xsm);
    }

    .md\:top-1\/2 {
        top: 50%;
    }

    .md\:mt-sm {
        margin-top: var(--tom-spacing-sm);
    }

    .md\:block {
        display: block;
    }

    .md\:\!h-fit {
        height: fit-content !important;
    }

    .md\:h-auto {
        height: auto;
    }

    .md\:\!max-h-\[70\%\] {
        max-height: 70% !important;
    }

    .md\:max-w-\[360px\] {
        max-width: 360px;
    }

    .md\:max-w-\[380px\] {
        max-width: 380px;
    }

    .md\:max-w-\[500px\] {
        max-width: 500px;
    }

    .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-2xsm {
        padding: var(--tom-spacing-2xsm);
    }

    .md\:p-xlg {
        padding: var(--tom-spacing-xlg);
    }

    .md\:py-\[0\] {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .md\:pb-lg {
        padding-bottom: var(--tom-spacing-lg);
    }

    .md\:pr-\[44px\] {
        padding-right: 44px;
    }

    .md\:pt-md {
        padding-top: var(--tom-spacing-md);
    }

    .md\:pt-xsm {
        padding-top: var(--tom-spacing-xsm);
    }

    .md\:text-center {
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:w-full {
        width: 100%;
    }
}

.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);
}

.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;
}

.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;
        align-items: flex-end;
        flex-direction: column;
    }

    .BasketPriceBox-prices {
        margin-right: 0px;
    }

    .BasketContinueFloating-line-coupon {
        display: flex;
        justify-content: flex-end;
    }

    .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;
    }

    .BasketContinueFloating-line-coupon {
        display: flex;
        justify-content: center;
        margin-bottom: 8px;
    }

    .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-coupon {
    margin-top: 4px;
}

.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%;
    }

    .BobbyCompactProduct-coupon {
        width: fit-content;
        margin-bottom: 4px;
        margin-top: 0px;
    }
}

.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-coupon {
    float: left;
    margin-top: 4px;
}

.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;
    }
}

.Input-input {
    min-width: 0px;
    padding-right: 3.5rem;
    padding-left: var(--tom-spacing-md) !important;
}

.Input-group {
    border: none;
    background: none !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;
}

.LoginBox,
.SignupBox {
    width: 100%;
}

.LoginBox-title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
}

.LoginBox-form {
    display: flex;
    flex-direction: column;
    gap: var(--tom-spacing-md);
    max-width: 300px;
}

.LoginBox-form input {
    width: 100%;
}

.LoginBox-form-button-options-divisor {
    margin-top: var(--tom-spacing-md);
    margin-bottom: var(--tom-spacing-md);
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--tom-spacing-sm);
}

.LoginBox-form-button-options-divisor::before,
.LoginBox-form-button-options-divisor::after {
    display: block;
    height: 2px;
    width: 100%;
    background-color: var(--tom-color-surface-container-mid);
    --tw-content: "";
    content: var(--tw-content);
}

.overflow-x-shadow.LoginBox-form-button-options-divisor::before,
.overflow-x-shadow.LoginBox-form-button-options-divisor::after {
    background-image: linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid));
}

.LoginBox-help {
    max-width: 290px;
    margin-top: 8px;
    color: rgb(140, 140, 140);
    font-size: 14px;
}

@media (max-width: 995px) {
    .LoginBox-help {
        margin-bottom: 10px;
        max-width: initial;
    }
}

.LoginBox-strong {
    color: rgb(66, 74, 82);
}

.LoginBox-form-error--unique {
    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);
    width: 100%;
}

@media (max-width: 995px) {
    .LoginBox-form {
        max-width: 100%;
        gap: var(--tom-spacing-3xsm);
    }

    .LoginBox-form label {
        display: none;
    }

    .LoginBox .FormGroup,
    .SignupBox .FormGroup {
        margin-bottom: 5px;
    }

    .LoginBox-title {
        margin: 0px;
        font-size: 14px;
        font-weight: 600;
    }

    .LoginBox-form-continue,
    .LoginBox-form-login-without-password {
        width: 100%;
        margin: 0px;
    }

    .LoginBox-help,
    .LoginBox-redirect {
        margin-top: 5px;
        margin-left: 0px !important;
    }

    .LoginBox-form-error--unique {
        margin-top: 0px;
        margin-left: 0px;
    }

    .LoginBox-form-button-options-divisor {
        margin-top: var(--tom-spacing-3xsm);
        margin-bottom: var(--tom-spacing-3xsm);
    }
}

@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);
}

.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;
    justify-content: center;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.LoginPage-leftContainer {
    padding-right: 90px;
    display: flex;
    border-right: 1px solid rgb(229, 229, 229);
}

.LoginPage-rightContainer {
    padding-left: 90px;
    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 {
        width: 100%;
        flex-flow: column;
        padding-top: 0px;
    }

    .LoginPage-leftContainer {
        order: 3;
        width: 100%;
        border-right: 0px;
    }

    .LoginPage-rightContainer {
        order: 2;
        width: 100%;
    }

    .LoginPage-leftContainer,
    .LoginPage-rightContainer {
        padding: 0px;
    }

    .LoginPage-socialContainer {
        margin-top: 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-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;
    }
}

.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;
    }
}

.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-loyalty-default: #99620F;
    --tom-color-on-loyalty-darker: #FFF8D7;
    --tom-color-on-loyalty-lighter: #99620F;
    --tom-color-on-loyalty-default-inverted: #F9C52E;
    --tom-color-on-loyalty-darker-inverted: #99620F;
    --tom-color-on-loyalty-lighter-inverted: #FED556;
    --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-500: #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-loyalty-default: #F9C52E;
    --tom-color-loyalty-darker: #99620F;
    --tom-color-loyalty-lighter: #FED556;
    --tom-color-loyalty-default-inverted: #99620F;
    --tom-color-loyalty-darker-inverted: #FFF8D7;
    --tom-color-loyalty-lighter-inverted: #99620F;
    --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-500: #47FF97;
    --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-color-trademark-color-whatsapp: #29A71A;
    --tom-color-trademark-color-aliexpress: #FF2751;
    --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-down-sm: 0px 4px 7px 0px rgba(0, 0, 0, 0.04), 0px 1.93px 0.88px rgba(0, 0, 0, 0.015);
    --tom-elevation-sm: 0px 4px 7px 0px rgba(0, 0, 0, 0.04), 0px 1.93px 0.88px rgba(0, 0, 0, 0.015);
    --tom-elevation-down-md: 0px 9px 14px 2px rgba(0, 0, 0, 0.05), 0px 2.65px 0.93px 2px rgba(0, 0, 0, 0.0183), 0px 5.07px 3.13px 2px rgba(0, 0, 0, 0.0017);
    --tom-elevation-md: 0px 9px 14px 2px rgba(0, 0, 0, 0.05), 0px 2.65px 0.93px 2px rgba(0, 0, 0, 0.0183), 0px 5.07px 3.13px 2px rgba(0, 0, 0, 0.0017);
    --tom-elevation-down-lg: 0px 24px 36px 2px rgba(0, 0, 0, 0.05), 0px 15.92px 10.85px 2px rgba(0, 0, 0, 0.017), 0px 9.91px 4.51px 2px rgba(0, 0, 0, 0.01), 0px 5.32px 1.63px 2px rgba(0, 0, 0, 0.0057);
    --tom-elevation-lg: 0px 24px 36px 2px rgba(0, 0, 0, 0.05), 0px 15.92px 10.85px 2px rgba(0, 0, 0, 0.017), 0px 9.91px 4.51px 2px rgba(0, 0, 0, 0.01), 0px 5.32px 1.63px 2px rgba(0, 0, 0, 0.0057);
    --tom-elevation-up-md: 0px -9px 14px 2px rgba(0, 0, 0, 0.05), 0px -2.65px 0.93px 2px rgba(0, 0, 0, 0.0183), 0px -5.07px 3.13px 2px rgba(0, 0, 0, 0.0017);
    --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: 1024px;
    --tom-screen-breakpoints-xlg: 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;
    --tom-font-display-xlarge: 600 44px/50px "Magalu UI", Tahoma, sans-serif;
    --tom-font-display-large: 600 35px/40px "Magalu UI", Tahoma, sans-serif;
    --tom-font-display-default: 600 28px/32px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-large-highlight: 600 22px/26px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-large: 400 22px/28px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-default-highlight: 600 20px/24px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-default: 400 20px/24px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-small-highlight: 600 18px/22px "Magalu UI", Tahoma, sans-serif;
    --tom-font-title-small: 500 18px/22px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-default-highlight: 600 16px/18px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-default: 400 16px/18px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-small-highlight: 600 14px/16px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-small: 400 14px/16px "Magalu UI", Tahoma, sans-serif;
    --tom-font-body-xsmall: 400 12px/14px "Magalu UI", Tahoma, sans-serif;
    --tom-font-paragraph-default: 400 16px/22px "Magalu UI", Tahoma, sans-serif;
    --tom-font-detail-default: 600 12px/14px "Magalu UI", Tahoma, sans-serif;
    --tom-font-detail-small: 500 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);
    }
}

@keyframes dialog-sticky {
    0% {
        top: 50%;
    }

    100% {
        top: 0px;
    }
}

@font-face {
    font-family: tom-icons;
    font-display: block;
    src: url("https://tom.mlcdn.com.br/icons/1.47.0/font/tom-icons.ttf") format("truetype"), url("https://tom.mlcdn.com.br/icons/1.47.0/font/tom-icons.woff") format("woff"), url("https://tom.mlcdn.com.br/icons/1.47.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: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.\!info {
    background-color: var(--tom-color-interaction-lighter-inverted) !important;
    border-color: var(--tom-color-on-interaction-lighter-inverted) !important;
    border-radius: var(--tom-radius-md) !important;
    border-width: var(--tom-border-thin) !important;
}

.info {
    background-color: var(--tom-color-interaction-lighter-inverted);
    border-color: var(--tom-color-on-interaction-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.\!info.alert-feedback-icon::before {
    width: var(--tom-spacing-lg) !important;
    height: var(--tom-spacing-lg) !important;
    font-family: tom-icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    font-size: var(--tom-spacing-lg) !important;
    margin-right: var(--tom-spacing-sm) !important;
    align-self: start !important;
    content: "" !important;
    color: var(--tom-color-on-interaction-lighter-inverted) !important;
}

.info.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-interaction-lighter-inverted);
    font-family: tom-icons !important;
}

.\!success {
    background-color: var(--tom-color-success-lighter-inverted) !important;
    border-color: var(--tom-color-on-success-lighter-inverted) !important;
    border-radius: var(--tom-radius-md) !important;
    border-width: var(--tom-border-thin) !important;
}

.success {
    background-color: var(--tom-color-success-lighter-inverted);
    border-color: var(--tom-color-on-success-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.\!success.alert-feedback-icon::before {
    width: var(--tom-spacing-lg) !important;
    height: var(--tom-spacing-lg) !important;
    font-family: tom-icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    font-size: var(--tom-spacing-lg) !important;
    margin-right: var(--tom-spacing-sm) !important;
    align-self: start !important;
    content: "" !important;
    color: var(--tom-color-on-success-lighter-inverted) !important;
}

.success.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-success-lighter-inverted);
    font-family: tom-icons !important;
}

.warning {
    background-color: var(--tom-color-warning-lighter-inverted);
    border-color: var(--tom-color-on-warning-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.warning.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-warning-lighter-inverted);
    font-family: tom-icons !important;
}

.\!error {
    background-color: var(--tom-color-danger-lighter-inverted) !important;
    border-color: var(--tom-color-on-danger-lighter-inverted) !important;
    border-radius: var(--tom-radius-md) !important;
    border-width: var(--tom-border-thin) !important;
}

.error {
    background-color: var(--tom-color-danger-lighter-inverted);
    border-color: var(--tom-color-on-danger-lighter-inverted);
    border-radius: var(--tom-radius-md);
    border-width: var(--tom-border-thin);
}

.\!error.alert-feedback-icon::before {
    width: var(--tom-spacing-lg) !important;
    height: var(--tom-spacing-lg) !important;
    font-family: tom-icons !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    font-size: var(--tom-spacing-lg) !important;
    margin-right: var(--tom-spacing-sm) !important;
    align-self: start !important;
    content: "" !important;
    color: var(--tom-color-on-danger-lighter-inverted) !important;
}

.error.alert-feedback-icon::before {
    width: var(--tom-spacing-lg);
    height: var(--tom-spacing-lg);
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--tom-spacing-lg);
    margin-right: var(--tom-spacing-sm);
    align-self: start;
    content: "";
    color: var(--tom-color-on-danger-lighter-inverted);
    font-family: tom-icons !important;
}

.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: 999998;
}

.bottom-sheet .bottom-sheet-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    bottom: 0px;
    z-index: 999999;
    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 {
    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-2xsm);
    padding-left: var(--tom-spacing-sm);
    padding-right: var(--tom-spacing-sm);
    padding-top: var(--tom-spacing-2xsm);
    background-color: var(--tom-color-interaction-default);
    border-color: var(--tom-color-interaction-default);
    color: var(--tom-color-on-interaction-default);
}

.btn-sm:hover {
    background-color: var(--tom-color-interaction-lighter);
    border-color: var(--tom-color-on-interaction-lighter);
}

.btn-sm:active {
    background-color: var(--tom-color-interaction-darker);
    border-color: var(--tom-color-on-interaction-darker);
}

.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-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-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 {
    background-color: transparent;
    border-color: transparent;
    color: var(--tom-color-on-danger-default-inverted);
}

.btn-danger-invisible:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--tom-color-on-danger-lighter-inverted);
}

.btn-danger-invisible:active {
    background-color: var(--tom-color-surface-container-mid);
    border-color: var(--tom-color-surface-container-mid);
    color: var(--tom-color-on-danger-darker-inverted);
}

.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-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-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;
}

.dialog.visible {
    visibility: visible;
    opacity: 1;
}

.\!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-3p::before {
    content: "" !important;
}

.icon.icon-3p::before {
    content: "";
}

.\!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-card::before {
    content: "" !important;
}

.icon.icon-add-card::before {
    content: "";
}

.\!icon.icon-add::before {
    content: "" !important;
}

.icon.icon-add::before {
    content: "";
}

.\!icon.icon-alternate-email::before {
    content: "" !important;
}

.icon.icon-alternate-email::before {
    content: "";
}

.\!icon.icon-american-express::before {
    content: "" !important;
}

.icon.icon-american-express::before {
    content: "";
}

.\!icon.icon-apple::before {
    content: "" !important;
}

.icon.icon-apple::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-aura::before {
    content: "" !important;
}

.icon.icon-aura::before {
    content: "";
}

.\!icon.icon-block::before {
    content: "" !important;
}

.icon.icon-block::before {
    content: "";
}

.\!icon.icon-boleto::before {
    content: "" !important;
}

.icon.icon-boleto::before {
    content: "";
}

.\!icon.icon-caixa::before {
    content: "" !important;
}

.icon.icon-caixa::before {
    content: "";
}

.\!icon.icon-calendar-today::before {
    content: "" !important;
}

.icon.icon-calendar-today::before {
    content: "";
}

.\!icon.icon-call::before {
    content: "" !important;
}

.icon.icon-call::before {
    content: "";
}

.\!icon.icon-cancel::before {
    content: "" !important;
}

.icon.icon-cancel::before {
    content: "";
}

.\!icon.icon-cartao-luiza-gold::before {
    content: "" !important;
}

.icon.icon-cartao-luiza-gold::before {
    content: "";
}

.\!icon.icon-cartao-luiza::before {
    content: "" !important;
}

.icon.icon-cartao-luiza::before {
    content: "";
}

.\!icon.icon-cartao-magalu::before {
    content: "" !important;
}

.icon.icon-cartao-magalu::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-chat-success::before {
    content: "" !important;
}

.icon.icon-chat-success::before {
    content: "";
}

.\!icon.icon-chat-warning::before {
    content: "" !important;
}

.icon.icon-chat-warning::before {
    content: "";
}

.\!icon.icon-chat::before {
    content: "" !important;
}

.icon.icon-chat::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-left.icon-check::before {
    content: "";
}

.icon-right.icon-check::after {
    content: "";
}

.icon-check: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-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-contact-support::before {
    content: "" !important;
}

.icon.icon-contact-support::before {
    content: "";
}

.\!icon.icon-credit-card::before {
    content: "" !important;
}

.icon.icon-credit-card::before {
    content: "";
}

.\!icon.icon-cupom-journey::before {
    content: "" !important;
}

.icon.icon-cupom-journey::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-denuncia::before {
    content: "" !important;
}

.icon.icon-denuncia::before {
    content: "";
}

.\!icon.icon-dinners::before {
    content: "" !important;
}

.icon.icon-dinners::before {
    content: "";
}

.\!icon.icon-discount::before {
    content: "" !important;
}

.icon.icon-discount::before {
    content: "";
}

.\!icon.icon-dois-cartoes::before {
    content: "" !important;
}

.icon.icon-dois-cartoes::before {
    content: "";
}

.\!icon.icon-elo::before {
    content: "" !important;
}

.icon.icon-elo::before {
    content: "";
}

.\!icon.icon-email::before {
    content: "" !important;
}

.icon.icon-email::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-fact-check::before {
    content: "" !important;
}

.icon.icon-fact-check::before {
    content: "";
}

.\!icon.icon-fale-com-lojista::before {
    content: "" !important;
}

.icon.icon-fale-com-lojista::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-google::before {
    content: "" !important;
}

.icon.icon-google::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-headset-mic::before {
    content: "" !important;
}

.icon.icon-headset-mic::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-left.icon-highlight-off::before {
    content: "";
}

.icon-right.icon-highlight-off::after {
    content: "";
}

.icon-highlight-off: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-hipercard::before {
    content: "" !important;
}

.icon.icon-hipercard::before {
    content: "";
}

.\!icon.icon-history::before {
    content: "" !important;
}

.icon.icon-history::before {
    content: "";
}

.\!icon.icon-home::before {
    content: "" !important;
}

.icon.icon-home::before {
    content: "";
}

.\!icon.icon-image::before {
    content: "" !important;
}

.icon.icon-image::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-kitchen::before {
    content: "" !important;
}

.icon.icon-kitchen::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-police::before {
    content: "" !important;
}

.icon.icon-local-police::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-location-filled::before {
    content: "" !important;
}

.icon.icon-location-filled::before {
    content: "";
}

.\!icon.icon-location-on::before {
    content: "" !important;
}

.icon.icon-location-on::before {
    content: "";
}

.\!icon.icon-locker-filled::before {
    content: "" !important;
}

.icon.icon-locker-filled::before {
    content: "";
}

.\!icon.icon-locker-outline::before {
    content: "" !important;
}

.icon.icon-locker-outline::before {
    content: "";
}

.\!icon.icon-luiza-card::before {
    content: "" !important;
}

.icon.icon-luiza-card::before {
    content: "";
}

.\!icon.icon-magalu-full::before {
    content: "" !important;
}

.icon.icon-magalu-full::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-open::before {
    content: "" !important;
}

.icon.icon-mail-open::before {
    content: "";
}

.\!icon.icon-mail::before {
    content: "" !important;
}

.icon.icon-mail::before {
    content: "";
}

.\!icon.icon-mastercard::before {
    content: "" !important;
}

.icon.icon-mastercard::before {
    content: "";
}

.\!icon.icon-menu::before {
    content: "" !important;
}

.icon.icon-menu::before {
    content: "";
}

.\!icon.icon-mercado::before {
    content: "" !important;
}

.icon.icon-mercado::before {
    content: "";
}

.\!icon.icon-mobile-phone::before {
    content: "" !important;
}

.icon.icon-mobile-phone::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-active::before {
    content: "" !important;
}

.icon.icon-notifications-active::before {
    content: "";
}

.\!icon.icon-notifications-add::before {
    content: "" !important;
}

.icon.icon-notifications-add::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-outline::before {
    content: "" !important;
}

.icon.icon-person-outline::before {
    content: "";
}

.\!icon.icon-person::before {
    content: "" !important;
}

.icon.icon-person::before {
    content: "";
}

.\!icon.icon-phone-in-talk::before {
    content: "" !important;
}

.icon.icon-phone-in-talk::before {
    content: "";
}

.\!icon.icon-pinterest::before {
    content: "" !important;
}

.icon.icon-pinterest::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-arrow::before {
    content: "" !important;
}

.icon.icon-play-arrow::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-question-answer::before {
    content: "" !important;
}

.icon.icon-question-answer::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-retira-loja::before {
    content: "" !important;
}

.icon.icon-retira-loja::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-store-mall-directory::before {
    content: "" !important;
}

.icon.icon-store-mall-directory::before {
    content: "";
}

.\!icon.icon-storefront::before {
    content: "" !important;
}

.icon.icon-storefront::before {
    content: "";
}

.\!icon.icon-sumarizacao-ia::before {
    content: "" !important;
}

.icon.icon-sumarizacao-ia::before {
    content: "";
}

.\!icon.icon-support-agent::before {
    content: "" !important;
}

.icon.icon-support-agent::before {
    content: "";
}

.\!icon.icon-sync::before {
    content: "" !important;
}

.icon.icon-sync::before {
    content: "";
}

.\!icon.icon-television::before {
    content: "" !important;
}

.icon.icon-television::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-X::before {
    content: "" !important;
}

.icon.icon-twitter-X::before {
    content: "";
}

.\!icon.icon-twitter::before {
    content: "" !important;
}

.icon.icon-twitter::before {
    content: "";
}

.\!icon.icon-vale-compra::before {
    content: "" !important;
}

.icon.icon-vale-compra::before {
    content: "";
}

.\!icon.icon-verified-user::before {
    content: "" !important;
}

.icon.icon-verified-user::before {
    content: "";
}

.\!icon.icon-verified::before {
    content: "" !important;
}

.icon.icon-verified::before {
    content: "";
}

.\!icon.icon-visa::before {
    content: "" !important;
}

.icon.icon-visa::before {
    content: "";
}

.\!icon.icon-wallet::before {
    content: "" !important;
}

.icon.icon-wallet::before {
    content: "";
}

.\!icon.icon-warning-amber::before {
    content: "" !important;
}

.icon.icon-warning-amber::before {
    content: "";
}

.\!icon.icon-whatsapp-share::before {
    content: "" !important;
}

.icon.icon-whatsapp-share::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;
    position: relative;
    justify-content: space-between;
    gap: var(--tom-spacing-2xsm);
    grid-template-areas: "ihleft ihright" "ibody ibody" "ifooter ifooter";
}

.input-group:has(.input-suggestions[data-open="true"]) .input-text {
    border-radius: var(--tom-spacing-md) var(--tom-spacing-md) 0 0;
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: transparent;
}

.input-group:has(.input-suggestions[data-open="true"]) .input-text:focus,
.input-group:has(.input-suggestions[data-open="true"]) .input-text:hover {
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: transparent;
    background-color: var(--tom-color-surface-container-lowest);
}

.input-group>.input-suggestions[data-open="true"] {
    display: block;
}

.input-group>.input-suggestions {
    width: 100%;
    display: none;
    padding: var(--tom-spacing-md);
    border-radius: 0px 0px var(--tom-radius-lg) var(--tom-radius-lg);
    background-color: var(--tom-color-surface-container-lowest);
    position: absolute;
    z-index: 1;
    top: calc(100% - var(--tom-spacing-2xsm));
}

.input-group>.input-suggestions::before {
    content: "";
    display: block;
    width: calc(100% - (var(--tom-spacing-md) + var(--tom-spacing-md)));
    height: 1px;
    background-color: var(--tom-color-interaction-default);
    position: absolute;
    top: 0px;
    left: var(--tom-spacing-md);
    pointer-events: none;
}

.input-group>.input-suggestions .input-suggestions-title {
    color: var(--tom-color-on-surface-2);
    font: var(--tom-font-md-bold);
    min-height: 32px;
    margin-bottom: var(--tom-spacing-2xsm);
}

.input-group>.input-suggestions .input-suggestions-list {
    display: flex;
    flex-direction: column;
    gap: var(--tom-spacing-2xsm);
}

.input-group>.input-suggestions .input-suggestions-list .input-suggestions-item {
    display: flex;
    align-items: center;
    min-height: 32px;
    gap: var(--tom-spacing-2xsm);
    color: var(--tom-color-on-surface-3);
    font: var(--tom-font-xsm-regular);
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: var(--tom-color-on-surface-7);
    cursor: pointer;
}

.input-group>.input-suggestions .input-suggestions-list .input-suggestions-item:last-child {
    border: none;
}

.input-group>.input-suggestions .input-suggestions-list .input-suggestions-item>i {
    display: flex;
}

.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-icon-end {
    display: flex;
    justify-self: end;
}

.input-group>.input-icon.input-icon-end {
    margin-left: var(--tom-spacing-xsm);
    margin-right: var(--tom-spacing-md);
}

.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);
    padding-top: var(--tom-spacing-2xsm);
    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;
}

.list {
    min-width: 180px;
}

.list.list-transparent>.list-item {
    background-color: transparent;
}

.list.list-divided>.list-item {
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: var(--tom-color-on-surface-7);
}

.list.list-large>.list-item {
    min-height: 65px;
}

.list .list-header {
    color: var(--tom-color-on-surface-2);
    font: var(--tom-font-xsm-medium);
    margin-bottom: var(--tom-spacing-md);
}

.list .list-item {
    min-height: 48px;
    display: flex;
    padding: 0 var(--tom-spacing-md);
    justify-content: space-between;
    align-items: center;
    gap: var(--tom-spacing-xsm);
    align-self: stretch;
    background-color: var(--tom-color-surface-high);
}

.list .list-item a {
    display: inherit;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit;
    width: 100%;
}

.list .list-item.list-item.list-item-single {
    border-radius: var(--tom-radius-lg);
    background-color: var(--tom-color-surface-high);
}

.list .list-item:first-of-type {
    border-radius: var(--tom-radius-lg) var(--tom-radius-lg) 0px 0px;
}

.list .list-item:last-of-type {
    border-radius: 0px 0px var(--tom-radius-lg) var(--tom-radius-lg);
    border: none;
}

.list .list-item .list-item-text {
    font: var(--tom-font-xsm-regular);
    color: var(--tom-color-on-surface-3);
    text-overflow: ellipsis;
    text-align: left;
    flex-grow: 1;
}

.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: ;
    font-optical-sizing: ;
    font-size-adjust: ;
    font-kerning: ;
    font-feature-settings: ;
    font-variation-settings: ;
    font-family: tom-icons;
    display: inline-block;
    content: "";
    line-height: 1;
}

.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;
    line-height: 1;
}

.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;
}

.bottom-\[-18px\] {
    bottom: -18px;
}

.bottom-\[0\] {
    bottom: 0px;
}

.left-1\/2 {
    left: 50%;
}

.left-\[0\] {
    left: 0px;
}

.right-\[0\] {
    right: 0px;
}

.right-md {
    right: var(--tom-spacing-md);
}

.top-1\/2 {
    top: 50%;
}

.top-\[55\%\] {
    top: 55%;
}

.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-\[20px\] {
    margin-bottom: 20px;
}

.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-2xsm {
    margin-top: var(--tom-spacing-2xsm);
}

.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;
}

.inline-flex {
    display: inline-flex;
}

.grid {
    display: grid;
}

.contents {
    display: contents;
}

.hidden {
    display: none;
}

.\!h-fit {
    height: fit-content !important;
}

.h-\[2px\] {
    height: 2px;
}

.h-fit {
    height: fit-content;
}

.h-full {
    height: 100%;
}

.h-lg {
    height: var(--tom-spacing-lg);
}

.h-md {
    height: var(--tom-spacing-md);
}

.\!max-h-\[86\%\] {
    max-height: 86% !important;
}

.w-\[170px\] {
    width: 170px;
}

.w-full {
    width: 100%;
}

.w-max {
    width: max-content;
}

.w-md {
    width: var(--tom-spacing-md);
}

.max-w-\[560px\] {
    max-width: 560px;
}

.max-w-\[744px\] {
    max-width: 744px;
}

.max-w-screen-md {
    max-width: 744px;
}

.max-w-sm {
    max-width: 24rem;
}

.flex-1 {
    flex: 1 1 0%;
}

.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;
}

.-translate-y-\[50\%\] {
    --tw-translate-y: -50%;
    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));
}

.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-2xsm {
    gap: var(--tom-spacing-2xsm);
}

.gap-3xsm {
    gap: var(--tom-spacing-3xsm);
}

.gap-lg {
    gap: var(--tom-spacing-lg);
}

.gap-md {
    gap: var(--tom-spacing-md);
}

.gap-sm {
    gap: var(--tom-spacing-sm);
}

.gap-xlg {
    gap: var(--tom-spacing-xlg);
}

.gap-xsm {
    gap: var(--tom-spacing-xsm);
}

.gap-x-md {
    column-gap: var(--tom-spacing-md);
}

.self-center {
    align-self: center;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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);
}

.rounded-xsm {
    border-radius: var(--tom-radius-xsm);
}

.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-lime-300 {
    border-color: var(--tom-color-lime-300);
}

.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-info-default-inverted {
    background-color: var(--tom-color-info-default-inverted);
}

.bg-lime-400 {
    background-color: var(--tom-color-lime-400);
}

.bg-lime-500 {
    background-color: var(--tom-color-lime-500);
}

.bg-surface-container-lowest {
    background-color: var(--tom-color-surface-container-lowest);
}

.bg-surface-container-mid {
    background-color: var(--tom-color-surface-container-mid);
}

.bg-warning-lighter-inverted {
    background-color: var(--tom-color-warning-lighter-inverted);
}

.p-3xsm {
    padding: var(--tom-spacing-3xsm);
}

.p-\[0\] {
    padding: 0px;
}

.p-lg {
    padding: var(--tom-spacing-lg);
}

.p-md {
    padding: var(--tom-spacing-md);
}

.p-xsm {
    padding: var(--tom-spacing-xsm);
}

.\!px-xlg {
    padding-left: var(--tom-spacing-xlg) !important;
    padding-right: var(--tom-spacing-xlg) !important;
}

.px-2xsm {
    padding-left: var(--tom-spacing-2xsm);
    padding-right: var(--tom-spacing-2xsm);
}

.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);
}

.px-xsm {
    padding-left: var(--tom-spacing-xsm);
    padding-right: var(--tom-spacing-xsm);
}

.py-2xsm {
    padding-top: var(--tom-spacing-2xsm);
    padding-bottom: var(--tom-spacing-2xsm);
}

.py-3xsm {
    padding-top: var(--tom-spacing-3xsm);
    padding-bottom: var(--tom-spacing-3xsm);
}

.py-md {
    padding-top: var(--tom-spacing-md);
    padding-bottom: var(--tom-spacing-md);
}

.py-sm {
    padding-top: var(--tom-spacing-sm);
    padding-bottom: var(--tom-spacing-sm);
}

.py-xsm {
    padding-top: var(--tom-spacing-xsm);
    padding-bottom: var(--tom-spacing-xsm);
}

.\!pb-sm {
    padding-bottom: var(--tom-spacing-sm) !important;
}

.\!pt-lg {
    padding-top: var(--tom-spacing-lg) !important;
}

.pb-md {
    padding-bottom: var(--tom-spacing-md);
}

.pb-xsm {
    padding-bottom: var(--tom-spacing-xsm);
}

.pl-2xsm {
    padding-left: var(--tom-spacing-2xsm);
}

.pl-md {
    padding-left: var(--tom-spacing-md);
}

.pr-2xlg {
    padding-right: var(--tom-spacing-2xlg);
}

.pr-\[0\] {
    padding-right: 0px;
}

.pr-\[40px\] {
    padding-right: 40px;
}

.pr-md {
    padding-right: var(--tom-spacing-md);
}

.pr-xsm {
    padding-right: var(--tom-spacing-xsm);
}

.pt-2xsm {
    padding-top: var(--tom-spacing-2xsm);
}

.pt-3xsm {
    padding-top: var(--tom-spacing-3xsm);
}

.pt-\[18px\] {
    padding-top: 18px;
}

.pt-lg {
    padding-top: var(--tom-spacing-lg);
}

.pt-md {
    padding-top: var(--tom-spacing-md);
}

.pt-sm {
    padding-top: var(--tom-spacing-sm);
}

.pt-xsm {
    padding-top: var(--tom-spacing-xsm);
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.uppercase {
    text-transform: uppercase;
}

.\!text-on-brand-default-inverted {
    color: var(--tom-color-on-brand-default-inverted) !important;
}

.\!text-on-danger-default-inverted {
    color: var(--tom-color-on-danger-default-inverted) !important;
}

.\!text-on-surface-4 {
    color: var(--tom-color-on-surface-4) !important;
}

.text-brand-default {
    color: var(--tom-color-brand-default);
}

.text-danger-default {
    color: var(--tom-color-danger-default);
}

.text-on-success-default-inverted {
    color: var(--tom-color-on-success-default-inverted);
}

.text-on-surface-1 {
    color: var(--tom-color-on-surface-1);
}

.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);
}

.text-surface-high {
    color: var(--tom-color-surface-high);
}

.underline {
    text-decoration-line: underline;
}

.line-through {
    text-decoration-line: line-through;
}

.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;
}

.content-\[\"\"\] {
    --tw-content: "";
    content: var(--tw-content);
}

.area {
    min-width: var(--tom-screen-responsive-min);
    max-width: var(--tom-screen-responsive-max);
    margin-left: auto;
    margin-right: auto;
}

.elevation-up-md {
    box-shadow: var(--tom-elevation-up-md);
}

.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-info-default-inverted {
    background-image: linear-gradient(to right, var(--tom-color-info-default-inverted), var(--tom-color-info-default-inverted)), linear-gradient(to right, var(--tom-color-info-default-inverted), var(--tom-color-info-default-inverted)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-info-default-inverted)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-info-default-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-surface-container-mid {
    background-image: linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, var(--tom-color-surface-container-mid), var(--tom-color-surface-container-mid)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-surface-container-mid));
}

.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));
}

.overflow-x-shadow.bg-lime-400 {
    background-image: linear-gradient(to right, var(--tom-color-lime-400), var(--tom-color-lime-400)), linear-gradient(to right, var(--tom-color-lime-400), var(--tom-color-lime-400)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-lime-400)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-lime-400));
}

.overflow-x-shadow.bg-lime-500 {
    background-image: linear-gradient(to right, var(--tom-color-lime-500), var(--tom-color-lime-500)), linear-gradient(to right, var(--tom-color-lime-500), var(--tom-color-lime-500)), linear-gradient(to right, rgba(0, 0, 0, .20), var(--tom-color-lime-500)), linear-gradient(to left, rgba(0, 0, 0, .20), var(--tom-color-lime-500));
}

.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-body-default {
    font: var(--tom-font-body-default);
}

.font-body-default-highlight {
    font: var(--tom-font-body-default-highlight);
}

.font-body-small {
    font: var(--tom-font-body-small);
}

.font-body-small-highlight {
    font: var(--tom-font-body-small-highlight);
}

.font-body-xsmall {
    font: var(--tom-font-body-xsmall);
}

.font-detail-default {
    font: var(--tom-font-detail-default);
}

.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-title-default-highlight {
    font: var(--tom-font-title-default-highlight);
}

.font-xlg-bold {
    font: var(--tom-font-xlg-bold);
}

.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\:right-xsm {
        right: var(--tom-spacing-xsm);
    }

    .md\:top-1\/2 {
        top: 50%;
    }

    .md\:mt-sm {
        margin-top: var(--tom-spacing-sm);
    }

    .md\:block {
        display: block;
    }

    .md\:\!h-fit {
        height: fit-content !important;
    }

    .md\:h-auto {
        height: auto;
    }

    .md\:\!max-h-\[70\%\] {
        max-height: 70% !important;
    }

    .md\:max-w-\[360px\] {
        max-width: 360px;
    }

    .md\:max-w-\[380px\] {
        max-width: 380px;
    }

    .md\:max-w-\[500px\] {
        max-width: 500px;
    }

    .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-2xsm {
        padding: var(--tom-spacing-2xsm);
    }

    .md\:p-xlg {
        padding: var(--tom-spacing-xlg);
    }

    .md\:py-\[0\] {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .md\:pb-lg {
        padding-bottom: var(--tom-spacing-lg);
    }

    .md\:pr-\[44px\] {
        padding-right: 44px;
    }

    .md\:pt-md {
        padding-top: var(--tom-spacing-md);
    }

    .md\:pt-xsm {
        padding-top: var(--tom-spacing-xsm);
    }

    .md\:text-center {
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:w-full {
        width: 100%;
    }
}