.async-hide {
    opacity: 0 !important;
}

.CenteredLoading {
    animation: 1s linear 0s infinite normal none running rotation;
    bottom: 50%;
    height: 55px;
    left: 50%;
    margin-left: -27.5px;
    position: fixed;
    width: 55px;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.LoadingBackground {
    background-color: rgba(255, 255, 255, 0.35);
    inset: 0px;
    position: fixed;
    z-index: 20;
}

.Loading--small {
    height: 20px;
    width: 20px;
}

.NavigationOption-container {
    display: flex;
    flex-direction: column;
}

.NavigationOption-button,
.NavigationOption-shortcut {
    align-items: center;
    display: flex;
}

.NavigationOption-button {
    background: none;
    border: 2px solid;
    border-radius: 50%;
    height: 64px;
    justify-content: center;
    margin: 0px;
    padding: 14px;
    width: 64px;
}

@media (max-width: 995px) {
    .NavigationOption-button {
        border: 1px solid;
        height: 32px;
        padding: 5px;
        width: 32px;
    }
}

.NavigationOption-icon {
    height: 28px;
    width: 32px;
}

@media (max-width: 995px) {
    .NavigationOption-icon {
        height: 16px;
        width: 20px;
    }
}

.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-wallet {
    border: 0.5px solid;
    height: 1px;
    padding: 0px;
    width: 56px;
}

@media (max-width: 995px) {
    .NavigationOption-progress-wallet {
        border-bottom: 0px;
        width: 36px;
    }
}

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

.NavigationOption-neutral {
    border-color: rgb(140, 140, 140);
}

.NavigationOption-passed {
    border-color: rgb(88, 194, 46);
}

.NavigationOption-current {
    border-color: rgb(0, 134, 255);
}

.Navigation-container {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: var(--tom-spacing-lg);
    margin-top: var(--tom-spacing-lg);
}

@media (max-width: 995px) {
    .Navigation-container {
        margin-bottom: var(--tom-spacing-md);
        margin-top: var(--tom-spacing-md);
    }
}

.CheckoutSteps {
    align-items: center;
    display: flex;
    margin-top: -6px;
}

.CheckoutSteps-item {
    font-size: 14px;
    margin-left: 10px;
}

.CheckoutSteps-item-button {
    background: none;
    border: 0px;
}

.CheckoutSteps-item-title,
.CheckoutSteps-item-title--active,
.black-friday .CheckoutSteps-item-title--active,
.header-pink .CheckoutSteps-item-title--active,
.payday .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);
}

.black-friday .CheckoutSteps-item-title,
.black-friday .CheckoutSteps-item-title--active,
.payday .CheckoutSteps-item-title,
.payday .CheckoutSteps-item-title--active {
    color: rgb(102, 102, 102);
}

.CheckoutSteps-item-title--active,
.black-friday .CheckoutSteps-item-title--active,
.header-pink .CheckoutSteps-item-title--active,
.payday .CheckoutSteps-item-title--active {
    color: rgb(255, 255, 255);
}

.CheckoutSteps-item-icon,
.CheckoutSteps-item-icon--active,
.black-friday .CheckoutSteps-item-icon--active,
.header-pink .CheckoutSteps-item-icon--active,
.payday .CheckoutSteps-item-icon--active {
    fill: rgb(0, 100, 191);
    height: 25px;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: middle;
    width: 25px;
}

.header-pink .CheckoutSteps-item-icon,
.header-pink .CheckoutSteps-item-icon--active {
    fill: rgb(165, 41, 111);
}

.black-friday .CheckoutSteps-item-icon,
.black-friday .CheckoutSteps-item-icon--active,
.payday .CheckoutSteps-item-icon,
.payday .CheckoutSteps-item-icon--active {
    fill: rgb(102, 102, 102);
}

.CheckoutSteps-item-icon--active,
.black-friday .CheckoutSteps-item-icon--active,
.header-pink .CheckoutSteps-item-icon--active,
.payday .CheckoutSteps-item-icon--active {
    fill: rgb(255, 255, 255);
}

.CheckoutHeader {
    background-color: rgb(0, 134, 255);
    display: flex;
    flex-flow: column;
}

.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 {
    height: 4px;
    overflow-y: hidden;
}

.CheckoutHeader-colorsStrip-image {
    display: block;
    width: 100%;
}

.CheckoutHeader-content {
    height: 52px;
    width: 100%;
}

.CheckoutHeader-logo {
    margin-left: 10px;
    margin-top: 17px;
}

@media (max-width: 995px) {
    .CheckoutHeader-logo-icon {
        width: 90px;
    }
}

@media (min-width: 996px) {
    .CheckoutHeader-content {
        display: flex;
        height: 72px;
        justify-content: space-between;
        margin: 0px auto;
        width: 956px;
    }

    .CheckoutHeader-logo {
        margin-left: 20px;
        margin-top: 27px;
    }

    .CheckoutHeader-colorsStrip {
        margin: 0px auto;
        width: 956px;
    }
}

.EbitDiamante {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABfCAYAAABoZdCxAAAABmJLR0QA/wD/AP+gvaeTAAAJHElEQVR42u2dT2gj1x3Hv/rjGdupvfKSNaZZutJBoskhUS8hoofV0h4DqyWHtoQlo8De3TbHoJW3BArtwXstJdE2lJ5KvdBQ6KasDFncHgraFlqwD9aWbjFKWMv2+s8byZoe5s3s8+jNaEaeeSPC+4DxvHn/5n3f029+80b+GZBIvk4k4uq4kyuUAWgAygCuAHgMoAWgsbi92WTLqqpSBvDQShOiJzzazQKw6hcXtze7cY2RJSm6w06ukOnkCg9gCvceTJEB4A2aftjJFR50coXMmF1kaZtXABTZDFVVDPpTFz3utMjOqHhNmKIiefEiZm6+a+eTB5+j/69/A8D3abliwC6wuL3Z7OQKy9axyPFNDJ1codHJFYxOrmAcfXzP4HH08T3DKtPJFeqAaTqY1WjQc1l6Puu3/zhXtDA6uULWEnDv/Vu2sIP9fUP/69+Mwf6+fW7v/VuW0N1OrpBxCq2qSpOTLjKCNh2T4ixv1xM1fpE2+rp1MPvBT+yT3R/dtH9soX74A+vwAoAKp62rnHRTVZWMS98tmDfb2BBpoxfsTl/99ouTf1wbKqi89SabzAJoc9q7DyCDF6JfALAMoO4sSIi+DJimg55aIUSvQyAiV3TGb8HE3NyoIlVC9AohehnAOnO+InA8gRC5orvWwenT/yH1yjcBALtvVyxPAzM33wX57E8YPHvG1ms7GyJEbzDJBl6s6jcEjicQIlf0mnVw/Ktf2yczv/sUc7/4ORY+u49vrNRw8eGfkX7tVbZeM26RwkCY0Ivbmy0AnwPA8ae/xfEnvwFgmonpd27Ydnuwf8BWu7e4vdke0bTGHK9jQhH6wALgFkwP4MLzn32E3hdfIP3665h6602c/vcp+v/4J2s6nsC8uQ3B+MFlnPVAGj6vo0w9lCIhelPEwIXvdXRyhSJMM3LFo9hjABr9FAztdbhwnxC9Qss3QSeA3RdRVaWFYTt+TYTYwvc6qHhFACswVy3LYwAri9ubRUtkShvufvAeTHet4qN7DcPmJSti3LHt3rF0coWy330JurotuoToLU6ZIkx3sk2I3o57fBKJRCKRSCQSiWQ8Yn1gebSzq/3nsF8PUmdpOvXlzsnppSB1FqdTP/3eKxd/H+dYYxN6Y2e3CGB966A377fOt15KQ00mcNAfYOf41Hdf+bmpfQBXS0sLrbjGK3yvAwA2dnbLMPcc5pM+p3ppJgWVFp5LJ7GgpnzVm0klAWAewDqd3FgQLvSjnV0N5k7cPACoydGXsKCmMJc+W+5lJWmJ6Ml02p7JWMUWKvSjnV0tCXziIgSXmVQSLyv8y7w8mxoptno2OzaxhQnNE5kjxBlmUklcnvU2EZemk/AyP8pwZixiCxHaTWQXIcwLS5gijkJNJnB5Nu2Zz0G42JEL7SWyJQRPi8uzaTeRuG0szQyv/BFmRajYkQo9SmQL5w2R9TD8wvNERtl/CBQ7MqH9iuwUhOdh+MXpiaj+mhEidiRCBxEZAOao0F4ehl9YT0Tx/6mYB7D+l6fP3olCDyCCJ8OgIlt8pQ/OLbIFGRj48mQw0mPhMQCq311aaIStS6hC39nYylyaHe+rsC+pU4vTU+lMWNdy0ut3D0mvM4YgzztH+tu1Ur4bpjahr+g7G1saxljRs8oUFudnQ7uOp93n6PX974cwfKdWyrfC1iV0G10r5RsAPgxa70jvoT8wglbj0h8Y44pcjUJkIKKbYa2U/wj+v55lc0T0UPrfOybjVLtLF0kkROlH/xjm9+x8c0B6oXR80usHrdKolfLLEWoRndD0ZnIN/G/rc+n1T89tPg71XlCz0YK5KCIl0idDKvYNJBJ7fuuc13yc9AKJ3AZwLWwPg0fkex21Ur4Fw6j4LX9e83Hg1z6bk39DhMiAoN27WinfBFD1U/Y85uNQDzBJhqFF5WHwELYfTe/oDT9lxzUfAcxGtVbKr4kaOyD4DUutlK+C+VsWN8Y1Hz7NRiNKN86NOF7OVjHC7RvHfPg0G2t0soUjXGi/nkjQh47Dk5FCt+DzPhEFsXzdoFbKt2EYZS+xgzx09AcGjrxWtGAPg0csQgO227fslh/EfJC+x6QkEnswjHKtlG/HNVYgRqGB0RtQfs2Hp9kwjGWRbpwbsQoNeG9A+fEiRpiND+PwMHjELjRgu30tXt4ob8LDbDToJE4EEyE05Ro4Yo96COkecVd9Ky43zo2JEZp6BFWnJ+JlPlw2+FswJ22imBihAdsTKTvPu5mPoUd1c5KqcbpxbkyU0AAV2/Fg4WY+hh7VDaMyCR4Gj4kTGrDdvrtW+uCYDPnUHLNRpbuEE8lECg0A9NVSw0o7vQuH2Yj0fV8YTKzQFPu9o/OhhDEbkb/vC4OJFtp+75hI7LFfR2DMRgsC3veFwUQLDVCx6QaUZT72jonlYQh53xcGEy80YLt9mmU+Dk50a6OoG/e1fS25s7Gl/fLvbePOxlYl7muRSCQSiUQSNZyg2WeCXquq0qXpIk2v0fQyTWdUVWkw5dpWZEaXdq1g23WaLnOuyU+9JmcMdbe6HsG9yxiD84TMXMfZAK1t+lsD8AcADSrgdQCPCdFXaX4TZjRFq74G4LaqKlb9Jxjju9U+6l1VVUVzROptwwx0CAC3HW1Ygq442mlDBOxq8CjT5K0CVVUqNN1gymZpec0rHLyPFT2qXtuaTGYMZbc2rDGEpdt5ngxvO8RkhddghrIEgLtM7M8i/W0LTYjeJkQvMyvt6phx+EfVqwO4oqqKFmSQPHM0DmGaDvY4AzMUPBA89qfTBLTDqEeIbpmyOs6GQh7FSoCyrpxH6KZHnHxrwE8AXFdVpUKIvsYMvgw6MfTfe7QArFoCjRl/30+9Osy/GNP8NhrW/wI4j9BZp70kRG9S78K62dVhBkFZpR/lNZiCLquq0oUpfB0vVj8AZDh2uMUcF1VVYfPaPuuxq/o9v4PktCkmsKyHe2fQG1uX/mRp+VWat0rTRXpjYus1aJ5bu2UPV6zupx5z/ZrKcdXcboa8/sbRLfAfdFqRxF2yWzTPDjfMlD8TgpgXetjDR23RsllOXhvu9wG7HhuMm+mnRYjeZc6x121d31B/MlSyRCKRSCQSiUQikUgkEolEIpEE5v9yVi15OLKuQAAAABJ0RVh0RVhJRjpPcmllbnRhdGlvbgAxhFjs7wAAAABJRU5ErkJggg==");
    background-size: contain;
    display: inline-block;
    height: 62px;
    width: 62px;
}

.black-friday .EbitDiamante,
.payday .EbitDiamante {
    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");
}

.Footer {
    align-items: center;
    background-color: rgb(244, 244, 244);
    color: rgb(140, 140, 140);
    flex-direction: column;
    font-size: 13px;
    padding: 20px 12px;
    row-gap: 20px;
}

.Footer,
.Footer--icons-list {
    display: flex;
    justify-content: center;
}

.Footer--icons-list {
    align-items: flex-start;
    column-gap: 30px;
    width: 100%;
}

.Footer--icons-list--item {
    align-items: center;
    column-gap: 5px;
    display: flex;
    justify-content: space-between;
}

.Footer--icons-list--item--icon {
    height: 25px;
    width: 25px;
}

.black-friday .Footer--icons-list--item--icon,
.payday .Footer--icons-list--item--icon {
    fill: rgb(255, 255, 255);
}

.fantastic-sale .Footer--icons-list--item--icon {
    fill: rgb(170, 208, 230);
}

.Footer--icons-list--item--link--internet-segura--logo {
    height: 23px;
    width: 61px;
}

.Footer--icons-list--item--link {
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    color: rgb(140, 140, 140);
    text-decoration: underline;
}

.Footer--icons-list--item--link--internet-segura {
    align-items: center;
    display: flex;
    height: 30px;
    text-decoration: none;
}

.Footer--address,
.Footer--disclaimer {
    text-align: center;
}

.Footer--address {
    font-style: normal;
}

.payday .Footer {
    background-color: rgb(4, 9, 73);
    color: rgb(255, 255, 255);
}

.payday .Footer--icons-list--item--link {
    color: rgb(255, 255, 255);
}

.black-friday .Footer {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.black-friday .Footer--icons-list--item--link {
    color: rgb(255, 255, 255);
}

.fantastic-sale .Footer {
    background-color: rgb(189, 2, 29);
    color: rgb(170, 208, 230);
}

.fantastic-sale .Footer--icons-list--item--link {
    color: rgb(170, 208, 230);
}

@media (min-width: 996px) {
    .Footer {
        font-size: 14px;
        padding: 20px;
    }
}

*,
::backdrop,
::after,
::before {
    --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: #3b82f680;
    --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: ;
}

*,
::after,
::before {
    box-sizing: border-box;
}

::after,
::before {
    --tw-content: "";
}

:host,
html {
    text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-variation-settings: normal;
    line-height: 1.5;
    tab-size: 4;
}

body {
    line-height: inherit;
}

hr {
    border-top-width: 1px;
    color: inherit;
}

abbr:where([title]) {
    text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
    font-variation-settings: normal;
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0px;
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding: 0px;
}

button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    appearance: button;
    background-color: initial;
    background-image: none;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

::-webkit-search-decoration {
    appearance: none;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0px;
}

fieldset,
menu,
ol,
ul {
    margin: 0px;
    padding: 0px;
}

menu,
ol,
ul {
    list-style: none;
}

dialog {
    padding: 0px;
}

textarea {
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    color: rgb(156, 163, 175);
    opacity: 1;
}

[role="button"],
button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}

img,
video {
    height: auto;
    max-width: 100%;
}

[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}

:root {
    --tom-color-brand-default: #0086ff;
    --tom-color-brand-darker: #0075e2;
    --tom-color-brand-lighter: #2fa0fd;
    --tom-color-brand-default-inverted: #fff;
    --tom-color-brand-darker-inverted: #fff;
    --tom-color-brand-lighter-inverted: #edf8ff;
    --tom-color-on-brand-default: #fff;
    --tom-color-on-brand-darker: #fff;
    --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: #fff;
    --tom-color-on-danger-darker: #fff;
    --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: #fff;
    --tom-color-on-info-darker: #fff;
    --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: #fff;
    --tom-color-on-interaction-darker: #fff;
    --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: #fff;
    --tom-color-on-success-darker: #fff;
    --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: #fff;
    --tom-color-on-warning-default: #fff;
    --tom-color-on-warning-darker: #fff;
    --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: #fff;
    --tom-color-on-artic-300: #fff;
    --tom-color-on-artic-400: #fff;
    --tom-color-on-artic-000: #00c3d9;
    --tom-color-on-blonde-100: #dfc018;
    --tom-color-on-blonde-200: #fff;
    --tom-color-on-blonde-300: #fff;
    --tom-color-on-blonde-400: #fff;
    --tom-color-on-blonde-000: #dfc018;
    --tom-color-on-blue-100: #0075e2;
    --tom-color-on-blue-200: #fff;
    --tom-color-on-blue-300: #fff;
    --tom-color-on-blue-400: #fff;
    --tom-color-on-blue-000: #0075e2;
    --tom-color-on-cyan-100: #0f9acb;
    --tom-color-on-cyan-200: #fff;
    --tom-color-on-cyan-300: #fff;
    --tom-color-on-cyan-400: #fff;
    --tom-color-on-cyan-500: #fff;
    --tom-color-on-cyan-000: #0f9acb;
    --tom-color-on-gold-100: #eeb510;
    --tom-color-on-gold-200: #fff;
    --tom-color-on-gold-300: #fff;
    --tom-color-on-gold-400: #fff;
    --tom-color-on-gold-500: #fff;
    --tom-color-on-gold-000: #eeb510;
    --tom-color-on-green-100: #429502;
    --tom-color-on-green-200: #fff;
    --tom-color-on-green-300: #fff;
    --tom-color-on-green-400: #fff;
    --tom-color-on-green-500: #fff;
    --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: #fff;
    --tom-color-on-grey-700: #fff;
    --tom-color-on-grey-800: #fff;
    --tom-color-on-grey-900: #fff;
    --tom-color-on-grey-000: #1e2428;
    --tom-color-on-lime-100: #11c11b;
    --tom-color-on-lime-200: #fff;
    --tom-color-on-lime-300: #fff;
    --tom-color-on-lime-400: #fff;
    --tom-color-on-lime-500: #fff;
    --tom-color-on-lime-000: #11c11b;
    --tom-color-on-pink-100: #eb2593;
    --tom-color-on-pink-200: #fff;
    --tom-color-on-pink-300: #fff;
    --tom-color-on-pink-400: #fff;
    --tom-color-on-pink-000: #eb2593;
    --tom-color-on-purple-100: #9110c2;
    --tom-color-on-purple-200: #fff;
    --tom-color-on-purple-300: #fff;
    --tom-color-on-purple-400: #fff;
    --tom-color-on-purple-000: #9110c2;
    --tom-color-on-red-100: #b01636;
    --tom-color-on-red-200: #fff;
    --tom-color-on-red-300: #fff;
    --tom-color-on-red-400: #fff;
    --tom-color-on-red-500: #fff;
    --tom-color-on-red-000: #b01636;
    --tom-color-on-scarlet-100: #e3172c;
    --tom-color-on-scarlet-200: #fff;
    --tom-color-on-scarlet-300: #fff;
    --tom-color-on-scarlet-400: #fff;
    --tom-color-on-scarlet-000: #e3172c;
    --tom-color-on-tangerine-100: #ec7712;
    --tom-color-on-tangerine-200: #fff;
    --tom-color-on-tangerine-300: #fff;
    --tom-color-on-tangerine-400: #fff;
    --tom-color-on-tangerine-000: #ec7712;
    --tom-color-on-yellow-100: #e5a400;
    --tom-color-on-yellow-200: #fff;
    --tom-color-on-yellow-300: #fff;
    --tom-color-on-yellow-400: #fff;
    --tom-color-on-yellow-500: #fff;
    --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: #fff;
    --tom-color-danger-darker-inverted: #fff;
    --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: #fff;
    --tom-color-info-darker-inverted: #fff;
    --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: #fff;
    --tom-color-interaction-darker-inverted: #fff;
    --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: #fff;
    --tom-color-success-darker-inverted: #fff;
    --tom-color-success-lighter-inverted: #f9fff3;
    --tom-color-surface-low: #f0f3f4;
    --tom-color-surface-high: #fff;
    --tom-color-surface-container-lowest: #fff;
    --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: #fff;
    --tom-color-warning-darker-inverted: #fff;
    --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: #fff;
    --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 #0000000a, 0px 1.93px 0.88px rgba(0, 0, 0, .015);
    --tom-elevation-sm: 0px 4px 7px 0px #0000000a, 0px 1.93px 0.88px rgba(0, 0, 0, .015);
    --tom-elevation-down-md: 0px 9px 14px 2px #0000000d, 0px 2.65px 0.93px 2px rgba(0, 0, 0, .018), 0px 5.07px 3.13px 2px rgba(0, 0, 0, .002);
    --tom-elevation-md: 0px 9px 14px 2px #0000000d, 0px 2.65px 0.93px 2px rgba(0, 0, 0, .018), 0px 5.07px 3.13px 2px rgba(0, 0, 0, .002);
    --tom-elevation-down-lg: 0px 24px 36px 2px #0000000d, 0px 15.92px 10.85px 2px rgba(0, 0, 0, .017), 0px 9.91px 4.51px 2px #00000003, 0px 5.32px 1.63px 2px rgba(0, 0, 0, .006);
    --tom-elevation-lg: 0px 24px 36px 2px #0000000d, 0px 15.92px 10.85px 2px rgba(0, 0, 0, .017), 0px 9.91px 4.51px 2px #00000003, 0px 5.32px 1.63px 2px rgba(0, 0, 0, .006);
    --tom-elevation-up-md: 0px -9px 14px 2px #0000000d, 0px -2.65px 0.93px 2px rgba(0, 0, 0, .018), 0px -5.07px 3.13px 2px rgba(0, 0, 0, .002);
    --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;
}

*,
::after,
::before {
    border: 0px solid;
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    font: var(--tom-font-DEFAULT);
    text-rendering: optimizelegibility;
}

@font-face {
    font-display: swap;
    font-family: "Magalu UI";
    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 dialog-sticky {
    0% {
        top: 50%;
    }

    100% {
        top: 0px;
    }
}

@font-face {
    font-display: block;
    font-family: tom-icons;
    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;
    }
}

.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 {
    font-feature-settings: normal;
    align-self: start;
    color: var(--tom-color-on-interaction-lighter-inverted);
    content: "";
    font-size: var(--tom-spacing-lg);
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: var(--tom-spacing-lg);
    line-height: 1;
    margin-right: var(--tom-spacing-sm);
    width: var(--tom-spacing-lg);
    font-family: tom-icons !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 {
    font-feature-settings: normal;
    align-self: start;
    color: var(--tom-color-on-success-lighter-inverted);
    content: "";
    font-size: var(--tom-spacing-lg);
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: var(--tom-spacing-lg);
    line-height: 1;
    margin-right: var(--tom-spacing-sm);
    width: var(--tom-spacing-lg);
    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 {
    font-feature-settings: normal;
    align-self: start;
    color: var(--tom-color-on-warning-lighter-inverted);
    content: "";
    font-size: var(--tom-spacing-lg);
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: var(--tom-spacing-lg);
    line-height: 1;
    margin-right: var(--tom-spacing-sm);
    width: var(--tom-spacing-lg);
    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 {
    font-feature-settings: normal !important;
    align-self: start !important;
    color: var(--tom-color-on-danger-lighter-inverted) !important;
    content: "" !important;
    font-family: tom-icons !important;
    font-size: var(--tom-spacing-lg) !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    height: var(--tom-spacing-lg) !important;
    line-height: 1 !important;
    margin-right: var(--tom-spacing-sm) !important;
    width: var(--tom-spacing-lg) !important;
}

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

.bottom-sheet {
    height: 100%;
    left: 0px;
    opacity: 0;
    position: fixed;
    top: 0px;
    transition: 0.1s linear;
    visibility: hidden;
    width: 100%;
    z-index: 999999;
}

.bottom-sheet.visible {
    opacity: 1;
    visibility: visible;
}

.bottom-sheet.visible .bottom-sheet-container {
    transform: translateY(0px);
}

.bottom-sheet .bottom-sheet-overlay {
    background-color: var(--tom-color-surface-container-highest);
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    opacity: var(--tom-opacity-50);
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 999998;
}

.bottom-sheet .bottom-sheet-container {
    bottom: 0px;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
    position: fixed;
    transform: translateY(100%);
    transition: 0.4s;
    z-index: 999999;
}

.bottom-sheet .bottom-sheet-container,
.bottom-sheet .bottom-sheet-container .bottom-sheet-header {
    background-color: var(--tom-color-surface-container-lowest);
    border-top-left-radius: var(--tom-radius-2xlg);
    border-top-right-radius: var(--tom-radius-2xlg);
    display: flex;
    height: auto;
    width: 100%;
}

.bottom-sheet .bottom-sheet-container .bottom-sheet-header {
    align-items: center;
    border-bottom: var(--tom-border-thin) solid var(--tom-color-surface-container-mid);
    gap: var(--tom-spacing-xlg);
    justify-content: space-between;
    left: 0px;
    padding: var(--tom-spacing-lg) var(--tom-spacing-md) var(--tom-spacing-md);
    position: sticky;
    top: 0px;
}

.bottom-sheet .bottom-sheet-container .bottom-sheet-header .bottom-sheet-close {
    align-items: center;
    background-color: var(--tom-color-surface-container-low);
    border-radius: var(--tom-radius-2xlg);
    display: inline-flex;
    padding: var(--tom-spacing-2xsm);
    position: relative;
}

.bottom-sheet .bottom-sheet-container .bottom-sheet-header .bottom-sheet-close::before {
    font-feature-settings: normal;
    color: var(--tom-color-on-surface-3);
    content: "";
    font-size: var(--tom-spacing-lg);
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: var(--tom-spacing-lg);
    line-height: 1;
    width: var(--tom-spacing-lg);
    font-family: tom-icons !important;
}

.bottom-sheet .bottom-sheet-container .bottom-sheet-content {
    flex-grow: 3;
    padding: var(--tom-spacing-lg) var(--tom-spacing-md);
}

.bottom-sheet .bottom-sheet-container .bottom-sheet-footer {
    background-color: var(--tom-color-surface-container-lowest);
    border-top: var(--tom-border-thin) solid var(--tom-color-surface-container-mid);
    bottom: 0px;
    display: block;
    height: auto;
    left: 0px;
    padding: var(--tom-spacing-md);
    position: sticky;
    width: 100%;
}

.bottom-sheet.bottom-sheet-full .bottom-sheet-container {
    height: 100%;
}

@supports (animation-timeline:scroll()) {
    .bottom-sheet.bottom-sheet-sticky .bottom-sheet-container {
        animation: auto linear 0s 1 normal none running bottom-sheet-sticky;
        min-height: 50%;
        top: 50%;
    }
}

.btn {
    align-items: center;
    background-color: var(--tom-color-interaction-default);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--tom-color-interaction-default);
    border-radius: var(--tom-radius-md);
    color: var(--tom-color-on-interaction-default);
    display: inline-flex;
    font: var(--tom-font-xsm-bold);
    gap: var(--tom-spacing-2xsm);
    padding: var(--tom-spacing-xsm) var(--tom-spacing-sm);
}

.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-sm.\!disabled,
.btn.\!disabled {
    background-color: var(--tom-color-surface-container-low) !important;
    border-color: var(--tom-color-surface-container-low) !important;
    color: var(--tom-color-on-surface-5) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.btn-sm.disabled,
.btn-sm:disabled {
    background-color: var(--tom-color-surface-container-low);
    border-color: var(--tom-color-surface-container-low);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
    pointer-events: none;
}

.btn-md.\!disabled {
    background-color: var(--tom-color-surface-container-low) !important;
    border-color: var(--tom-color-surface-container-low) !important;
    color: var(--tom-color-on-surface-5) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.btn-md.disabled,
.btn-md:disabled {
    background-color: var(--tom-color-surface-container-low);
    border-color: var(--tom-color-surface-container-low);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
    pointer-events: none;
}

.btn-lg {
    align-items: center;
    background-color: var(--tom-color-interaction-default);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--tom-color-interaction-default);
    border-radius: var(--tom-radius-lg);
    color: var(--tom-color-on-interaction-default);
    display: inline-flex;
    font: var(--tom-font-xsm-bold);
    gap: var(--tom-spacing-xsm);
    padding: var(--tom-spacing-sm) var(--tom-spacing-md);
}

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

.btn-lg.\!disabled,
.btn-outline.\!disabled {
    color: var(--tom-color-on-surface-5) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.btn-outline.\!disabled {
    background-color: initial !important;
    border-color: var(--tom-color-on-surface-5) !important;
}

.btn-outline.disabled,
.btn-outline:disabled {
    background-color: initial;
    border-color: var(--tom-color-on-surface-5);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
    pointer-events: none;
}

.btn-invisible {
    color: var(--tom-color-on-interaction-default-inverted);
}

.btn-invisible,
.btn-invisible:hover {
    background-color: initial;
    border-color: rgba(0, 0, 0, 0);
}

.btn-invisible:hover {
    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: initial;
    border-color: rgba(0, 0, 0, 0);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
    pointer-events: none;
}

.btn-invisible.\!disabled {
    background-color: initial !important;
    border-color: rgba(0, 0, 0, 0) !important;
}

.btn-inverted.\!disabled,
.btn-invisible.\!disabled {
    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;
}

.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.\!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.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-outline.\!disabled {
    background-color: initial !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: initial;
    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: initial !important;
    border-color: rgba(0, 0, 0, 0) !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: initial;
    border-color: rgba(0, 0, 0, 0);
    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: initial !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: initial;
    border-color: var(--tom-color-on-surface-5);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
    pointer-events: none;
}

.btn-danger-invisible.\!disabled {
    background-color: initial !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: var(--tom-color-on-surface-5) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.btn-danger-invisible.disabled,
.btn-danger-invisible:disabled {
    background-color: initial;
    border-color: rgba(0, 0, 0, 0);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
    pointer-events: none;
}

.btn-danger-inverted.\!disabled {
    background-color: var(--tom-color-surface-container-lowest) !important;
    border-color: var(--tom-color-surface-container-lowest) !important;
    color: var(--tom-color-on-surface-5) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.btn-danger-inverted.disabled,
.btn-danger-inverted:disabled {
    background-color: var(--tom-color-surface-container-lowest);
    border-color: var(--tom-color-surface-container-lowest);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
    pointer-events: none;
}

.checkbox-group>.\!title {
    color: var(--tom-color-on-surface-3) !important;
    cursor: pointer !important;
    font: var(--tom-font-sm-regular) !important;
    left: 22px !important;
    margin-left: var(--tom-spacing-xsm) !important;
    position: absolute !important;
    z-index: 1 !important;
}

.checkbox-group>.title {
    color: var(--tom-color-on-surface-3);
    cursor: pointer;
    font: var(--tom-font-sm-regular);
    left: 22px;
    margin-left: var(--tom-spacing-xsm);
    position: absolute;
    z-index: 1;
}

.checkbox-group>.checkbox {
    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);
    box-sizing: border-box;
    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:not(:checked)~.\!checked {
    display: none !important;
}

.checkbox-group>.checkbox:checked~.checked,
.checkbox-group>.checkbox:not(:checked)~.unchecked {
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.checkbox-group>.checkbox:checked~.\!checked {
    display: inline-flex !important;
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
}

.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:checked:hover,
.checkbox-group>.checkbox:disabled:indeterminate,
.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: 0.5s ease 0s 1 normal none running ripple-pressed;
}

.checkbox-group>.checkbox:checked~.mark,
.checkbox-group>.checkbox:indeterminate~.mark {
    display: block;
}

.checkbox-group>.checkbox:indeterminate~.mark::before {
    display: block;
    left: 50%;
    margin-left: 4px;
    transform: none;
}

.checkbox-group>.checkbox:indeterminate~.mark::after {
    display: none;
}

.checkbox-group>.transparent {
    background-color: initial !important;
    border: none !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);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
}

.\!disabled>.chip,
.chip.\!disabled {
    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);
}

.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);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
}

.\!disabled>.chip-sm,
.chip-sm.\!disabled {
    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);
}

.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);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
}

.\!disabled>.chip-md,
.chip-md.\!disabled {
    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: initial;
    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);
    border-color: var(--tom-color-on-surface-5);
    color: var(--tom-color-on-surface-5);
    cursor: not-allowed;
}

.\!disabled>.chip-outline,
.chip-outline.\!disabled {
    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 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0px;
    opacity: 0;
    position: fixed;
    top: 0px;
    visibility: hidden;
    width: 100%;
    z-index: 999999;
}

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

.dialog .dialog-overlay {
    background-color: var(--tom-color-on-surface-2);
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    opacity: var(--tom-opacity-60);
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 999998;
}

.dialog .dialog-container {
    align-self: center;
    max-height: 100%;
    overflow-y: auto;
    position: fixed;
    z-index: 999999;
}

.dialog .dialog-container,
.dialog .dialog-container .dialog-header {
    background-color: var(--tom-color-surface-container-lowest);
    border-radius: var(--tom-radius-2xlg);
    display: flex;
    flex-direction: column;
    height: auto;
}

.dialog .dialog-container .dialog-header {
    align-items: center;
    gap: var(--tom-spacing-xlg);
    left: 0px;
    padding: var(--tom-spacing-lg) var(--tom-spacing-md) var(--tom-spacing-md);
    position: sticky;
    top: 0px;
    width: 100%;
}

.dialog .dialog-container .dialog-header.dialog-header-center .dialog-title {
    text-align: center;
    width: 65%;
}

.dialog .dialog-container .dialog-header.dialog-header-center-desk .dialog-title {
    text-align: center;
}

.dialog .dialog-container .dialog-header.dialog-header-left .dialog-title {
    align-self: flex-start;
    text-align: left;
    width: 75%;
}

.dialog .dialog-container .dialog-header.dialog-header-center-desk {
    padding-top: calc(var(--tom-spacing-xlg) + var(--tom-spacing-xlg));
}

.dialog .dialog-container .dialog-header .dialog-title {
    color: var(--tom-color-on-surface-3);
    font: var(--tom-font-md-bold);
}

.dialog .dialog-container .dialog-header .dialog-header-image {
    width: 70%;
}

.dialog .dialog-container .dialog-header .dialog-close {
    align-items: center;
    background-color: var(--tom-color-surface-container-low);
    border-radius: var(--tom-radius-2xlg);
    display: inline-flex;
    justify-self: right;
    padding: var(--tom-spacing-2xsm);
    position: absolute;
    right: var(--tom-spacing-md);
    top: var(--tom-spacing-md);
    width: fit-content;
}

.dialog .dialog-container .dialog-header .dialog-close::before {
    font-feature-settings: normal;
    color: var(--tom-color-on-surface-3);
    content: "";
    cursor: pointer;
    font-size: var(--tom-spacing-lg);
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: var(--tom-spacing-lg);
    line-height: 1;
    width: var(--tom-spacing-lg);
    font-family: tom-icons !important;
}

.dialog .dialog-container .dialog-content {
    flex-grow: 3;
    padding: var(--tom-spacing-lg) var(--tom-spacing-md);
}

.dialog .dialog-container .dialog-footer {
    background-color: var(--tom-color-surface-container-lowest);
    bottom: 0px;
    display: block;
    height: auto;
    left: 0px;
    padding: var(--tom-spacing-md);
    position: sticky;
    width: 100%;
}

.dialog.dialog-full .dialog-container {
    height: 100%;
}

@supports (animation-timeline:scroll()) {
    .dialog.dialog-sticky .dialog-container {
        animation: auto linear 0s 1 normal none running dialog-sticky;
        min-height: 50%;
        top: 50%;
    }
}

.icon {
    display: inline-flex;
}

.icon-left::before,
.icon-right::after,
.icon::before {
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    font-family: tom-icons !important;
}

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

.icon.icon-access-time::before {
    content: "";
}

.icon.icon-account-circle::before {
    content: "";
}

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

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

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

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

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

.icon.icon-arrow-back::before {
    content: "";
}

.icon.icon-arrow-down-left::before {
    content: "";
}

.icon.icon-arrow-down-right::before {
    content: "";
}

.icon.icon-arrow-downward::before {
    content: "";
}

.icon.icon-arrow-forward::before {
    content: "";
}

.icon.icon-arrow-upward::before {
    content: "";
}

.icon.icon-audio-up::before {
    content: "";
}

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

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

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

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

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

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

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

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

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

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

.icon.icon-category-af::before {
    content: "";
}

.icon.icon-category-am::before {
    content: "";
}

.icon.icon-category-ar::before {
    content: "";
}

.icon.icon-category-au::before {
    content: "";
}

.icon.icon-category-bb::before {
    content: "";
}

.icon.icon-category-br::before {
    content: "";
}

.icon.icon-category-bs::before {
    content: "";
}

.icon.icon-category-cf::before {
    content: "";
}

.icon.icon-category-ci::before {
    content: "";
}

.icon.icon-category-cj::before {
    content: "";
}

.icon.icon-category-cm::before {
    content: "";
}

.icon.icon-category-co::before {
    content: "";
}

.icon.icon-category-cp::before {
    content: "";
}

.icon.icon-category-cr::before {
    content: "";
}

.icon.icon-category-de::before {
    content: "";
}

.icon.icon-category-ea::before {
    content: "";
}

.icon.icon-category-ed::before {
    content: "";
}

.icon.icon-category-ep::before {
    content: "";
}

.icon.icon-category-es::before {
    content: "";
}

.icon.icon-category-et::before {
    content: "";
}

.icon.icon-category-fj::before {
    content: "";
}

.icon.icon-category-fm::before {
    content: "";
}

.icon.icon-category-fs::before {
    content: "";
}

.icon.icon-category-ga::before {
    content: "";
}

.icon.icon-category-im::before {
    content: "";
}

.icon.icon-category-in::before {
    content: "";
}

.icon.icon-category-li::before {
    content: "";
}

.icon.icon-category-md::before {
    content: "";
}

.icon.icon-category-me::before {
    content: "";
}

.icon.icon-category-mo::before {
    content: "";
}

.icon.icon-category-ms::before {
    content: "";
}

.icon.icon-category-na::before {
    content: "";
}

.icon.icon-category-pa::before {
    content: "";
}

.icon.icon-category-pe::before {
    content: "";
}

.icon.icon-category-pf::before {
    content: "";
}

.icon.icon-category-pi::before {
    content: "";
}

.icon.icon-category-re::before {
    content: "";
}

.icon.icon-category-rg::before {
    content: "";
}

.icon.icon-category-sa::before {
    content: "";
}

.icon.icon-category-se::before {
    content: "";
}

.icon.icon-category-tb::before {
    content: "";
}

.icon.icon-category-te::before {
    content: "";
}

.icon.icon-category-tf::before {
    content: "";
}

.icon.icon-category-ud::before {
    content: "";
}

.icon.icon-chat-bubble-outline::before {
    content: "";
}

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

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

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

.icon.icon-check-circle::before {
    content: "";
}

.icon.icon-check-magalu-indica::before {
    content: "";
}

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

.icon-check:not(.icon)::before {
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    font-family: tom-icons !important;
}

.icon.icon-chevron-down::before {
    content: "";
}

.icon.icon-chevron-left::before {
    content: "";
}

.icon.icon-chevron-right::before {
    content: "";
}

.icon.icon-chevron-up::before {
    content: "";
}

.icon.icon-close::before {
    content: "";
}

.icon.icon-compra-internacional::before {
    content: "";
}

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

.icon-left.icon-credit-card::before,
.icon-right.icon-credit-card::after,
.icon.icon-credit-card::before {
    content: "";
}

.icon-credit-card:not(.icon)::before {
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    font-family: tom-icons !important;
}

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

.icon.icon-cupom::before {
    content: "";
}

.icon.icon-customer-contact::before {
    content: "";
}

.icon.icon-delete::before {
    content: "";
}

.icon.icon-delivery-success::before {
    content: "";
}

.icon.icon-delivery-warning::before {
    content: "";
}

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

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

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

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

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

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

.icon.icon-entrega-2-dias::before {
    content: "";
}

.icon.icon-epoca::before {
    content: "";
}

.icon.icon-error-outline::before {
    content: "";
}

.icon.icon-exchange::before {
    content: "";
}

.icon.icon-facebook::before {
    content: "";
}

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

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

.icon.icon-favorite-border::before {
    content: "";
}

.icon.icon-favorite::before {
    content: "";
}

.icon.icon-file-download::before {
    content: "";
}

.icon.icon-file-upload::before {
    content: "";
}

.icon.icon-filter-list::before {
    content: "";
}

.icon.icon-google::before {
    content: "";
}

.icon.icon-guarantee-filled::before {
    content: "";
}

.icon.icon-guarantee::before {
    content: "";
}

.icon.icon-headset-mic::before {
    content: "";
}

.icon.icon-help-outline::before {
    content: "";
}

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

.icon-highlight-off:not(.icon)::before {
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    font-family: tom-icons !important;
}

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

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

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

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

.icon-left.icon-info::before,
.icon-right.icon-info::after,
.icon.icon-info::before {
    content: "";
}

.icon-info:not(.icon)::before {
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    font-family: tom-icons !important;
}

.icon.icon-instagram::before {
    content: "";
}

.icon.icon-inventory::before {
    content: "";
}

.icon.icon-ios-share::before {
    content: "";
}

.icon.icon-kitchen::before {
    content: "";
}

.icon.icon-linkedin::before {
    content: "";
}

.icon.icon-list::before {
    content: "";
}

.icon.icon-loader-color-full::before {
    content: "";
}

.icon.icon-loader-color-less::before {
    content: "";
}

.icon.icon-local-mall::before {
    content: "";
}

.icon.icon-local-offer-outline::before {
    content: "";
}

.icon.icon-local-police::before {
    content: "";
}

.icon.icon-local-shipping-filled::before {
    content: "";
}

.icon.icon-local-shipping::before {
    content: "";
}

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

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

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

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

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

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

.icon.icon-magalu-recommend::before {
    content: "";
}

.icon.icon-magalu::before {
    content: "";
}

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

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

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

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

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

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

.icon.icon-more-horiz::before {
    content: "";
}

.icon.icon-more-vert::before {
    content: "";
}

.icon.icon-my-location::before {
    content: "";
}

.icon.icon-netshoes-circle::before {
    content: "";
}

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

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

.icon.icon-notifications::before {
    content: "";
}

.icon.icon-open-in-new::before {
    content: "";
}

.icon.icon-package-alert::before {
    content: "";
}

.icon.icon-pedido::before {
    content: "";
}

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

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

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

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

.icon.icon-pix::before {
    content: "";
}

.icon.icon-place::before {
    content: "";
}

.icon.icon-play-arrow::before {
    content: "";
}

.icon.icon-play-circle::before {
    content: "";
}

.icon.icon-privacy-policy::before {
    content: "";
}

.icon.icon-question-answer::before {
    content: "";
}

.icon.icon-receipt::before {
    content: "";
}

.icon.icon-regulatory::before {
    content: "";
}

.icon.icon-remove::before {
    content: "";
}

.icon.icon-reply-all::before {
    content: "";
}

.icon.icon-retira-loja::before {
    content: "";
}

.icon.icon-search::before {
    content: "";
}

.icon.icon-service-baby-shower::before {
    content: "";
}

.icon.icon-service-consortium::before {
    content: "";
}

.icon.icon-service-control-plan::before {
    content: "";
}

.icon.icon-service-emp-magalu::before {
    content: "";
}

.icon.icon-service-gold-client::before {
    content: "";
}

.icon.icon-service-house-security::before {
    content: "";
}

.icon.icon-service-luizaseg::before {
    content: "";
}

.icon.icon-service-marketplace::before {
    content: "";
}

.icon.icon-service-marriage::before {
    content: "";
}

.icon.icon-service-partner::before {
    content: "";
}

.icon.icon-service-smart-house::before {
    content: "";
}

.icon.icon-settings::before {
    content: "";
}

.icon.icon-share::before {
    content: "";
}

.icon.icon-shopping-bag-fast::before {
    content: "";
}

.icon.icon-shopping-bag-filled::before {
    content: "";
}

.icon.icon-shopping-bag::before {
    content: "";
}

.icon.icon-star-border::before {
    content: "";
}

.icon.icon-star-half-filled::before {
    content: "";
}

.icon.icon-star-half::before {
    content: "";
}

.icon.icon-star::before {
    content: "";
}

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

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

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

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

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

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

.icon.icon-thumb-up::before {
    content: "";
}

.icon.icon-tiktok::before {
    content: "";
}

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

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

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

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

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

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

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

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

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

.icon.icon-whatsapp::before {
    content: "";
}

.icon.icon-youtube::before {
    content: "";
}

.icon.icon-zattini::before {
    content: "";
}

.input-text {
    align-items: center;
    background-color: var(--tom-color-surface-container-lowest);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--tom-color-on-surface-6);
    border-radius: var(--tom-radius-lg);
    color: var(--tom-color-on-surface-3);
    font: var(--tom-font-sm-regular);
    outline: none;
    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 {
    background-color: var(--tom-color-interaction-lighter-inverted);
    border-color: var(--tom-color-on-interaction-lighter-inverted);
}

.disabled>.input-text,
.input-text:disabled {
    background-color: var(--tom-color-surface-container-lowest);
}

.\!disabled>.input-text {
    background-color: var(--tom-color-surface-container-lowest) !important;
}

.disabled>.input-text:hover,
.input-text:disabled:hover {
    border-color: var(--tom-color-on-surface-6);
}

.\!disabled>.input-text:hover {
    border-color: var(--tom-color-on-surface-6) !important;
}

.error>.input-text,
.input-text.error {
    background-color: var(--tom-color-danger-lighter-inverted);
    border-color: var(--tom-color-on-danger-lighter-inverted);
}

.\!error>.input-text,
.input-text.\!error {
    background-color: var(--tom-color-danger-lighter-inverted) !important;
    border-color: var(--tom-color-on-danger-lighter-inverted) !important;
}

.error>.input-multiline,
.input-multiline.error {
    background-color: var(--tom-color-danger-lighter-inverted);
    border-color: var(--tom-color-on-danger-lighter-inverted);
}

.\!error>.input-multiline,
.input-multiline.\!error {
    background-color: var(--tom-color-danger-lighter-inverted) !important;
    border-color: var(--tom-color-on-danger-lighter-inverted) !important;
}

.input-group {
    display: grid;
    gap: var(--tom-spacing-2xsm);
    grid-template-areas: "ihleft ihright" "ibody ibody" "ifooter ifooter";
    justify-content: space-between;
    position: relative;
}

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

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

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

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

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

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

.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 {
    align-items: center;
    border-bottom-width: ;
    border-bottom-style: ;
    border-color: var(--tom-color-on-surface-7);
    color: var(--tom-color-on-surface-3);
    cursor: pointer;
    display: flex;
    font: var(--tom-font-xsm-regular);
    gap: var(--tom-spacing-2xsm);
    min-height: 32px;
}

.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 {
    color: var(--tom-color-on-surface-3);
    font: var(--tom-font-xsm-medium);
    grid-area: ihleft;
    margin-left: var(--tom-spacing-3xsm);
    margin-right: var(--tom-spacing-xsm);
}

.input-group>.input-tip {
    color: var(--tom-color-on-surface-4);
    font: var(--tom-font-3xsm-regular);
    grid-area: ihright;
    margin-right: var(--tom-spacing-3xsm);
    text-align: right;
}

.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 {
    flex-basis: 100%;
    grid-area: ibody;
}

.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: initial;
    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;
    color: var(--tom-color-on-surface-4);
    display: flex;
    font: var(--tom-font-2xsm-regular);
    gap: var(--tom-spacing-2xsm);
    grid-area: ifooter;
    margin-left: var(--tom-spacing-3xsm);
    padding-top: var(--tom-spacing-2xsm);
}

.input-group.error>.input-info,
.input-group.error>.input-tip,
.input-group.error>label {
    color: var(--tom-color-on-danger-lighter-inverted);
}

.input-group.\!error>.input-info,
.input-group.\!error>.input-tip,
.input-group.\!error>label {
    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: initial;
}

.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 {
    align-items: center;
    align-self: stretch;
    background-color: var(--tom-color-surface-high);
    display: flex;
    gap: var(--tom-spacing-xsm);
    justify-content: space-between;
    min-height: 48px;
    padding: 0 var(--tom-spacing-md);
}

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

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

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

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

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

.radio-group:focus:not(:disabled)~.radio {
    outline-color: var(--tom-color-surface-container-highest);
}

.radio-group:focus:not(:disabled)~.radio:checked {
    background-color: var(--tom-color-interaction-default);
    outline-color: var(--tom-color-interaction-default);
}

.tab {
    align-items: center;
    background-color: var(--tom-color-surface-container-lowest);
    color: var(--tom-color-on-surface-2);
    cursor: pointer;
    display: inline-flex;
    font: var(--tom-font-sm-regular);
    gap: var(--tom-spacing-xsm);
    height: var(--tom-spacing-2xlg);
    justify-content: center;
    min-width: 100px;
    padding: var(--tom-spacing-xsm);
    position: relative;
    text-align: center;
    transition: color 0.1s linear;
}

.tab>i {
    font-size: var(--tom-font-lg-regular);
}

.tab.selected {
    color: var(--tom-color-interaction-default);
}

.tab.selected::after {
    animation: 0.1s linear 0s 1 normal none running tab-indicator-show;
    background-clip: content-box;
    background-color: var(--tom-color-interaction-default);
    bottom: 0px;
    content: "";
    height: 2px;
    left: 0px;
    padding: 0 var(--tom-spacing-xsm);
    position: absolute;
    width: 100%;
}

.tag {
    background-color: var(--tom-color-brand-default);
    border-color: var(--tom-color-brand-default);
    border-radius: var(--tom-radius-sm);
    color: var(--tom-color-on-brand-default);
    display: inline-flex;
    font: var(--tom-font-2xsm-regular);
    gap: var(--tom-spacing-2xsm);
    justify-content: center;
    padding: var(--tom-spacing-2xsm) var(--tom-spacing-xsm);
}

.tag-lighter {
    background-color: var(--tom-color-brand-lighter-inverted);
    border-color: var(--tom-color-brand-lighter-inverted);
    color: var(--tom-color-on-brand-darker-inverted);
}

.rating:not(:checked):not(.no-hover)>.rating-item:hover::before,
.rating>.checked::before,
.rating>.checked~.rating-item::before,
.rating>input:checked~.rating-item::before {
    color: var(--tom-color-warning-lighter);
}

.rating>.\!checked::before,
.rating>.\!checked~.rating-item::before {
    color: var(--tom-color-warning-lighter) !important;
}

.rating:not(:checked):not(.no-hover)>.rating-item:hover~.rating-full::before,
.rating>.checked.rating-full::before,
.rating>.checked~.rating-full::before,
.rating>input:checked~.rating-full::before {
    content: "";
}

.rating>.\!checked.rating-full::before,
.rating>.\!checked~.rating-full::before {
    content: "" !important;
}

.switch-group>.switch {
    appearance: none;
    background-color: var(--tom-color-surface-container-lowest);
    border-color: var(--tom-color-surface-container-higher);
    border-radius: var(--tom-radius-2xlg);
    border-width: var(--tom-spacing-2xsm);
    cursor: pointer;
    display: block;
    height: 32px;
    position: absolute;
    width: 32px;
}

.switch-group>.switch:checked {
    border-color: var(--tom-color-interaction-default);
    right: 0px;
}

.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 {
    background-color: var(--tom-color-on-surface-6);
    border-color: var(--tom-color-surface-container-low);
    cursor: not-allowed;
}

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

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.fixed {
    position: fixed;
}

.\!absolute {
    position: absolute !important;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.\!top-\[0\] {
    top: 0px !important;
}

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

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

.z-10 {
    z-index: 10;
}

.z-50 {
    z-index: 50;
}

.float-left {
    float: left;
}

.m-\[0\] {
    margin: 0px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-lg {
    margin-bottom: var(--tom-spacing-lg);
    margin-top: var(--tom-spacing-lg);
}

.\!ml-auto {
    margin-left: auto !important;
}

.mb-2xlg {
    margin-bottom: var(--tom-spacing-2xlg);
}

.mb-\[24px\] {
    margin-bottom: 24px;
}

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

.mr-auto {
    margin-right: auto;
}

.mr-sm {
    margin-right: var(--tom-spacing-sm);
}

.mt-3xlg {
    margin-top: var(--tom-spacing-3xlg);
}

.mt-\[54px\] {
    margin-top: 54px;
}

.mt-lg {
    margin-top: var(--tom-spacing-lg);
}

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

.mt-xlg {
    margin-top: var(--tom-spacing-xlg);
}

.mt-xsm {
    margin-top: var(--tom-spacing-xsm);
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.\!hidden {
    display: none !important;
}

.hidden {
    display: none;
}

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

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

.h-full {
    height: 100%;
}

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

.w-4\/5 {
    width: 80%;
}

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

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

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

.w-full {
    width: 100%;
}

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

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

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

.max-w-full {
    max-width: 100%;
}

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

.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 pulse {
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}

.animate-spin {
    animation: 1s linear 0s infinite normal none running spin;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.resize {
    resize: both;
}

.flex-col {
    flex-direction: column;
}

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

.\!justify-end {
    justify-content: flex-end !important;
}

.\!justify-center {
    justify-content: center !important;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

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

.text-pretty {
    text-wrap: pretty;
}

.break-all {
    word-break: break-all;
}

.rounded-\[100\%\] {
    border-radius: 100%;
}

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

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

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

.border-thin {
    border-width: var(--tom-border-thin);
}

.\!border-none {
    border-style: none !important;
}

.border-on-brand-lighter-inverted {
    border-color: var(--tom-color-on-brand-lighter-inverted);
}

.\!bg-surface-container-lower {
    background-color: var(--tom-color-surface-container-lower) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-\[16px\],
.pb-md {
    padding-bottom: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

.\!text-left {
    text-align: left !important;
}

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

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

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

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

.text-on-brand-darker-inverted {
    color: var(--tom-color-on-brand-darker-inverted);
}

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

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

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

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

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

.opacity-90 {
    opacity: var(--tom-opacity-90);
}

.outline {
    outline-style: solid;
}

.blur {
    --tw-blur: blur(8px);
}

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

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

.overflow-x-shadow.bg-brand-lighter-inverted {
    background-image: linear-gradient(to right, var(--tom-color-brand-lighter-inverted), var(--tom-color-brand-lighter-inverted)), linear-gradient(to right, var(--tom-color-brand-lighter-inverted), var(--tom-color-brand-lighter-inverted)), linear-gradient(to right, #0003, var(--tom-color-brand-lighter-inverted)), linear-gradient(to left, #0003, var(--tom-color-brand-lighter-inverted));
}

.overflow-x-shadow.bg-surface-container-lowest {
    background-image: linear-gradient(to right, var(--tom-color-surface-container-lowest), var(--tom-color-surface-container-lowest)), linear-gradient(to right, var(--tom-color-surface-container-lowest), var(--tom-color-surface-container-lowest)), linear-gradient(to right, #0003, var(--tom-color-surface-container-lowest)), linear-gradient(to left, #0003, 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, #0003, var(--tom-color-surface-container-lower)), linear-gradient(to left, #0003, var(--tom-color-surface-container-lower)) !important;
}

.overflow-x-shadow.bg-surface-container-low {
    background-image: linear-gradient(to right, var(--tom-color-surface-container-low), var(--tom-color-surface-container-low)), linear-gradient(to right, var(--tom-color-surface-container-low), var(--tom-color-surface-container-low)), linear-gradient(to right, #0003, var(--tom-color-surface-container-low)), linear-gradient(to left, #0003, var(--tom-color-surface-container-low));
}

.overflow-x-shadow.bg-surface-container-highest {
    background-image: linear-gradient(to right, var(--tom-color-surface-container-highest), var(--tom-color-surface-container-highest)), linear-gradient(to right, var(--tom-color-surface-container-highest), var(--tom-color-surface-container-highest)), linear-gradient(to right, #0003, var(--tom-color-surface-container-highest)), linear-gradient(to left, #0003, var(--tom-color-surface-container-highest));
}

.font {
    font: var(--tom-font-DEFAULT);
}

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

.font-3xsm-regular {
    font: var(--tom-font-3xsm-regular);
}

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

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

.font-sm-medium {
    font: var(--tom-font-sm-medium);
}

.font-sm-regular {
    font: var(--tom-font-sm-regular);
}

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

.font-xsm-medium {
    font: var(--tom-font-xsm-medium);
}

.font-xsm-regular {
    font: var(--tom-font-xsm-regular);
}

.\[isMobile\:false\] {}

.\[show\:false\] {}

.\[show\:true\] {}

.\[show\:undefined\] {}

@media (min-width: 996px) {
    .App {
        margin-left: auto;
        margin-right: auto;
        min-height: calc(-291px + 100vh);
        padding: 0px 20px;
        width: 996px;
    }

    .CustomerArea-theme {
        background-color: var(--tom-color-surface-container-low);
        margin-bottom: -18px;
        width: auto;
    }
}

@media (max-width: 995px) {
    .App {
        overflow: hidden;
        padding: 16px;
        width: auto;
    }

    .CustomerArea-theme {
        margin-bottom: -18px;
    }
}

@media (min-width: 744px) {
    .md\:left-1\/2 {
        left: 50%;
    }

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

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

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

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

    .md\:\!max-w-\[408px\] {
        max-width: 408px !important;
    }

    .md\:\!max-w-\[505px\] {
        max-width: 505px !important;
    }

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

    .md\:\!-translate-x-1\/2 {
        --tw-translate-x: -50% !important;
    }

    .md\:\!-translate-x-1\/2,
    .md\:\!-translate-y-1\/2 {
        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;
    }

    .md\:rounded-2xlg {
        border-radius: var(--tom-radius-2xlg);
    }

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

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

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

html {
    text-size-adjust: 100%;
    line-height: 1.15;
}

body {
    margin: 0px;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0px;
}

hr {
    box-sizing: initial;
    height: 0px;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: rgba(0, 0, 0, 0);
}

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: initial;
}

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

[type="button"],
[type="reset"],
[type="submit"],
button {
    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: initial;
}

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

[hidden],
template {
    display: none;
}

dd,
dl,
dt,
li,
p,
ul {
    margin: 0px;
}

ul {
    list-style: none;
    padding: 0px;
}

img[src*="googleads.g.doubleclick.net/pagead/viewthroughconversion"] {
    display: none;
}

.buttonWithin {
    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;
    border-left-style: initial;
    border-left-color: initial;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
    margin-left: 0px;
    padding: 11px;
}

@media (min-width: 996px) {
    .buttonWithin {
        background-color: rgb(244, 244, 244);
        font-size: 16px;
        height: 40px;
        position: absolute;
    }

    .buttonWithin:hover {
        background-color: rgb(203, 203, 203);
    }

    .buttonWithin:active {
        background-color: rgb(179, 179, 179);
    }
}

@media (max-width: 995px) {
    .buttonWithin {
        height: 52px;
        line-height: 52px;
        margin: 0px;
        padding-top: 0px;
        width: 15%;
    }
}

.continueButton,
.continueButton--withCancel,
.continueButton--withCancel:active,
.continueButton--withCancel:hover {
    background-color: rgb(88, 194, 46);
    border: 0px;
    border-radius: 4px;
    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:active,
    .continueButton--withCancel:hover {
        width: 250px;
    }
}

.continueButton--withCancel:hover,
.continueButton:hover {
    background-color: rgb(72, 165, 36);
}

.continueButton--withCancel:active,
.continueButton:active {
    background-color: rgb(55, 142, 22);
}

.continueButton--withCancel:disabled,
.continueButton:disabled {
    background-color: rgb(229, 229, 229);
    border-color: rgb(229, 229, 229);
    color: rgb(185, 185, 185);
    cursor: not-allowed;
}

.inputWithin,
.inputWithin--withError {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px 0px 0px 4px;
    margin: 0px auto 0px 0px;
    padding: 0px 10px;
    width: 120px;
}

@media (min-width: 996px) {

    .inputWithin,
    .inputWithin--withError {
        font-size: 16px;
        height: 40px;
    }
}

@media (max-width: 995px) {

    .inputWithin,
    .inputWithin--withError {
        font-size: 14px;
        height: 52px;
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .inputWithin--withError::placeholder,
    .inputWithin::placeholder {
        color: rgba(0, 0, 0, 0);
    }
}

.input--withError {
    border-color: rgb(226, 83, 53);
}

.input--withError:focus {
    box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px;
    outline: 0px;
}

body {
    color: rgb(64, 64, 64);
    font-family: Arial, Helvetica, "Liberation Sans", Roboto, sans-serif;
    line-height: 1.5;
    overflow-y: scroll;
}

body:has(.OverScreen.show) {
    overflow: hidden;
}

a {
    color: rgb(140, 140, 140);
}

.no-scroll {
    overflow: hidden;
}

.flow-controll-modal {
    overflow: hidden;
}

.clearfix::after {
    clear: both;
    content: "";
    display: table;
}

button {
    cursor: pointer;
    padding: 0px;
}

select {
    background-color: rgb(255, 255, 255);
}

iframe {
    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%;
    margin: 0px;
    padding: 0px;
    vertical-align: initial;
}

* {
    box-sizing: border-box;
}

@media (max-width: 995px) {

    .active--input,
    input:-webkit-autofill+label {
        color: rgb(140, 140, 140);
        font-size: 80%;
        left: 0px;
        top: 0px;
        transition: 0.125s;
    }
}

.form-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: 366px;
}

@media (max-width: 995px) {
    .form-title {
        font-size: 14px;
        margin: 0px;
        padding-bottom: 10px;
    }
}

.checkboxGroup {
    margin-bottom: 20px;
    margin-right: 10px;
}

@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:active,
.continueButton--withCancel:hover {
    margin-bottom: 20px;
}

@media (max-width: 995px) {

    .continueButton,
    .continueButton--withCancel,
    .continueButton--withCancel:active,
    .continueButton--withCancel:hover {
        margin-left: 20px;
        width: 85%;
    }
}

.continueButton--withCancel,
.continueButton--withCancel:active,
.continueButton--withCancel:hover {
    background-color: rgb(88, 194, 46);
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

@media (max-width: 995px) {

    .continueButton--withCancel,
    .continueButton--withCancel:active,
    .continueButton--withCancel:hover {
        margin-left: 20px;
        width: 100%;
    }
}

@media (min-width: 996px) {

    .continueButton--withCancel,
    .continueButton--withCancel:active,
    .continueButton--withCancel:hover {
        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 {
        height: 52px;
        margin-left: 0px;
        width: 85%;
    }
}

.inputWithin--withError {
    border-color: rgb(226, 83, 53);
}

.Success {
    fill: rgb(63, 203, 42);
    align-self: flex-start;
    height: 15px;
    margin-top: 10px;
    width: 35px;
}

@media (max-width: 995px) {
    .Success {
        display: none;
    }
}

.mobile-only {
    display: none;
}

@media (max-width: 995px) {
    .mobile-only {
        display: block;
    }

    .mobile-hidden {
        display: none;
    }
}

.BtnLarge {
    background-color: var(--tom-color-interaction-default);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--tom-color-interaction-default);
    border-radius: var(--tom-radius-lg);
    color: var(--tom-color-on-interaction-default);
    font: var(--tom-font-xsm-bold);
    gap: var(--tom-spacing-xsm);
}

.CloseIcon {
    fill: rgb(0, 131, 202);
    cursor: pointer;
    height: 21px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 21px;
}

@media (max-width: 995px) {
    .CloseIcon {
        height: 18px;
        right: 16px;
        top: 15px;
        width: 18px;
    }
}

.Title {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
    padding: 20px 0px;
    text-align: center;
}

.Title--subtitle {
    font-size: 16px;
    font-weight: 400;
    padding: 0px 0px 20px;
    text-align: left;
}

@media (min-width: 996px) {
    .Title--subtitle {
        text-align: center;
    }
}

.Title--page-step {
    font-size: 24px;
    line-height: 40px;
    text-align: left;
}

@media (max-width: 995px) {
    .Title--page-step {
        font-size: 18px;
        margin-left: -6px;
        margin-top: 0px;
        padding-top: 0px;
    }
}

.Info {
    color: rgb(93, 93, 93);
    font-size: 14px;
}

.Info--black {
    color: rgb(64, 64, 64);
}

.Info--warning {
    color: rgb(251, 150, 0);
    font-size: 1rem;
}

.ButtonLink-button {
    background: none;
    border: 0px;
    color: rgb(140, 140, 140);
    text-decoration: underline;
}

@media (min-width: 996px) {
    .ButtonLink-button {
        display: block;
    }
}

.ButtonLink {
    text-align: right;
}

.ButtonLink--inline {
    display: inline-block;
    margin: initial;
    text-align: initial;
    width: auto;
}

@media (min-width: 996px) {
    .ButtonLink--with-icon .ButtonLink-text {
        font-size: inherit;
        padding: 0px;
    }

    .ButtonLink--with-icon .ButtonLink-icon {
        display: none;
    }
}

@media (max-width: 995px) {
    .ButtonLink-button {
        text-decoration-line: none;
    }

    .ButtonLink-text {
        color: var(--tom-color-on-brand-darker-inverted);
        font: var(--tom-font-xsm-bold);
    }

    .ButtonLink--with-icon {
        margin-bottom: 0px;
        width: 0px;
    }

    .ButtonLink--with-icon .ButtonLink-text {
        display: none;
    }
}

@media (min-width: 996px) {
    .DeliveryAddress {
        margin-top: 20px;
    }

    .DeliveryAddress-titleContainer {
        margin-bottom: 20px;
    }

    .DeliveryAddress-title {
        font-size: 20px;
    }
}

@media (max-width: 995px) {
    .DeliveryAddress {
        padding-bottom: 20px;
    }

    .DeliveryAddress-titleContainer {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .DeliveryAddress-title {
        color: rgb(0, 0, 0);
    }

    .DeliveryAddress-shipmentContainer {
        font-size: 14px;
    }

    .DeliveryAddress-divider {
        border-bottom: 10px solid rgb(229, 229, 229);
        margin: 0px -16px;
        padding-top: 20px;
    }
}

.DeliveryAddress-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-style: solid;
    border-width: var(--tom-border-thin);
    box-sizing: border-box;
    margin-bottom: var(--tom-spacing-sm);
    padding: var(--tom-spacing-sm);
    width: 100%;
}

.overflow-x-shadow.DeliveryAddress-warning {
    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, #0003, var(--tom-color-warning-lighter-inverted)), linear-gradient(to left, #0003, var(--tom-color-warning-lighter-inverted));
}

.DeliveryAddress-warning .ti-warning-amber {
    font-size: 24px;
    margin-top: -4px;
}

.SellerDelivery {
    display: inline-block;
}

.SellerDelivery--spread {
    display: flex;
    flex-direction: column;
}

.SellerDelivery--seller-provider strong,
.SellerDelivery--spread---provider strong,
.SellerDelivery--spread---seller strong {
    color: rgb(64, 64, 64);
    font-weight: 700;
}

.SellerDelivery--provider---icon {
    display: inline-flex;
    vertical-align: bottom;
}

.TagInternational-icon {
    fill: rgb(0, 134, 255);
}

.InputRadioButton,
.radio-button-off,
.radio-button-on {
    display: none;
}

.InputRadioButton--off,
.InputRadioButton--on {
    display: inline-block;
    vertical-align: middle;
}

.InputRadioButton--off .radio-button-off,
.InputRadioButton--on .radio-button-on {
    display: block;
}

.ButtonContinue-button {
    background-color: rgb(88, 194, 46);
    border: 0px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

@media (min-width: 996px) {
    .ButtonContinue-button {
        width: 250px;
    }
}

.ButtonContinue-button:hover {
    background-color: rgb(72, 165, 36);
}

.ButtonContinue-button:active {
    background-color: rgb(55, 142, 22);
}

.ButtonContinue--reverse {
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(88, 194, 46);
    border-radius: 4px;
    color: rgb(88, 194, 46);
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

@media (min-width: 996px) {
    .ButtonContinue--reverse {
        width: 250px;
    }
}

.ButtonContinue--reverse:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(72, 165, 36);
    color: rgb(72, 165, 36);
}

.ButtonContinue--reverse:active {
    background-color: rgb(255, 255, 255);
    border-color: rgb(55, 142, 22);
    color: rgb(55, 142, 22);
}

.ButtonContinue--redirect-me {
    background-color: rgb(0, 134, 255);
    border: 2px solid rgb(0, 134, 255);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-decoration: none !important;
}

@media (min-width: 996px) {
    .ButtonContinue--redirect-me {
        width: 250px;
    }
}

.ButtonContinue--redirect-me:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(0, 134, 255);
    color: rgb(0, 134, 255);
}

.ButtonContinue--redirect-me:disabled,
.ButtonContinue--reverse:disabled,
.ButtonContinue-button:disabled {
    background-color: rgb(229, 229, 229);
    border-color: rgb(229, 229, 229);
    color: rgb(185, 185, 185);
    cursor: not-allowed;
}

.ButtonContinue {
    display: flex;
    justify-content: center;
}

.ButtonContinue-button {
    width: 100%;
}

.ButtonContinue--link {
    display: block;
    text-decoration: none !important;
}

@media (min-width: 996px) {

    .ButtonContinue--reverse,
    .ButtonContinue-button {
        width: 250px;
    }
}

.DayPicker {
    display: inline-block;
    font-size: 1rem;
}

.DayPicker-wrapper {
    flex-direction: row;
    padding-bottom: 1em;
    position: relative;
    user-select: none;
}

.DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.DayPicker-Month {
    border-collapse: collapse;
    border-spacing: 0px;
    display: table;
    margin: 1em 1em 0px;
    user-select: none;
}

.DayPicker-NavButton {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 50%;
    color: rgb(139, 152, 152);
    cursor: pointer;
    display: inline-block;
    height: 1.25em;
    left: auto;
    margin-top: 2px;
    position: absolute;
    right: 1.5em;
    top: 1em;
    width: 1.25em;
}

.DayPicker-NavButton:hover {
    opacity: 0.8;
}

.DayPicker-NavButton--prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC");
    margin-right: 1.5em;
}

.DayPicker-NavButton--next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==");
}

.DayPicker-NavButton--interactionDisabled {
    display: none;
}

.DayPicker-Caption {
    display: table-caption;
    margin-bottom: 0.5em;
    padding: 0px 0.5em;
    text-align: left;
}

.DayPicker-Caption>div {
    font-size: 1.15em;
    font-weight: 500;
}

.DayPicker-Weekdays {
    display: table-header-group;
    margin-top: 1em;
}

.DayPicker-WeekdaysRow {
    display: table-row;
}

.DayPicker-Weekday {
    color: rgb(139, 152, 152);
    display: table-cell;
    font-size: 0.875em;
    padding: 0.5em;
    text-align: center;
}

.DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none;
}

.DayPicker-Body {
    display: table-row-group;
}

.DayPicker-Week {
    display: table-row;
}

.DayPicker-Day {
    border-radius: 50%;
    text-align: center;
}

.DayPicker-Day,
.DayPicker-WeekNumber {
    cursor: pointer;
    display: table-cell;
    padding: 0.5em;
    vertical-align: middle;
}

.DayPicker-WeekNumber {
    border-right: 1px solid rgb(234, 236, 236);
    color: rgb(139, 152, 152);
    font-size: 0.75em;
    min-width: 1em;
    text-align: right;
}

.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default;
}

.DayPicker-Footer {
    padding-top: 0.5em;
}

.DayPicker-TodayButton {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: none;
    box-shadow: none;
    color: rgb(74, 144, 226);
    cursor: pointer;
    font-size: 0.875em;
}

.DayPicker-Day--today {
    color: rgb(208, 2, 27);
    font-weight: 700;
}

.DayPicker-Day--outside {
    color: rgb(139, 152, 152);
    cursor: default;
}

.DayPicker-Day--disabled {
    color: rgb(220, 224, 224);
    cursor: default;
}

.DayPicker-Day--sunday {
    background-color: rgb(247, 248, 248);
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: rgb(220, 224, 224);
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    background-color: rgb(74, 144, 226);
    color: rgb(240, 248, 255);
    position: relative;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: rgb(81, 160, 250);
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: rgb(240, 248, 255);
}

.DayPickerInput {
    display: inline-block;
}

.DayPickerInput-OverlayWrapper {
    position: relative;
}

.DayPickerInput-Overlay {
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px;
    left: 0px;
    position: absolute;
    z-index: 1;
}

.DeliveryScheduledInput input,
.DeliveryScheduledSelect {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    padding: 0px 6px;
}

@media (min-width: 996px) {

    .DeliveryScheduledInput input,
    .DeliveryScheduledSelect {
        font-size: 16px;
        height: 40px;
    }
}

@media (max-width: 995px) {

    .DeliveryScheduledInput input,
    .DeliveryScheduledSelect {
        font-size: 14px;
        height: 52px;
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .DeliveryScheduledInput input::placeholder,
    .DeliveryScheduledSelect::placeholder {
        color: rgba(0, 0, 0, 0);
    }
}

.DeliveryScheduledInput {
    display: flex;
}

.DeliveryScheduledInput input {
    font-size: 16px;
    height: 45px;
    margin-right: 20px;
    padding: 0px 10px;
    width: 149px;
}

.DeliveryScheduledSelect {
    font-size: 16px;
    height: 45px;
    padding-bottom: 2px;
}

@media (max-width: 995px) {
    .DeliveryScheduledSelect {
        margin-bottom: 28px;
        margin-top: 2%;
        padding-bottom: 10px;
        width: 70%;
    }

    .DayPicker {
        font-size: 1.3em;
    }

    .DayPicker-Day {
        border-radius: 0px;
        padding: 0.6em;
    }

    .DayPicker-Month {
        margin: 0px;
    }
}

.StorePickupTabs-options {
    overflow: hidden;
}

@media (max-width: 995px) {
    .StorePickupTabs-options .Modal-content-full {
        padding: 0px;
    }
}

.StorePickupTabs-locationsStores {
    background-color: rgb(229, 229, 229);
    border: 0px;
    border-radius: 4px 4px 0px 0px;
    color: rgb(64, 64, 64);
    font-weight: 700;
    padding: 15px 17px;
    text-align: center;
    width: 50%;
}

.StorePickupTabs-active {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(185, 185, 185) 5px 0px 15px;
    position: relative;
}

.StorePickupToken {
    background-color: rgb(255, 252, 235);
    border: 1px solid rgb(234, 198, 0);
    border-radius: 8px;
    box-sizing: border-box;
    font-family: var(--tom-font-family);
    margin-bottom: 12px;
    padding: 8px 12px;
}

.StorePickupToken .ti {
    color: rgb(204, 172, 0);
    float: left;
    font-size: 22px;
    margin-right: 10px;
}

.StorePickupToken-warning-text {
    display: table-row;
    width: 100%;
}

@media (max-width: 995px) {
    .StorePickupToken {
        width: 100%;
    }

    .StorePickupToken-warning-text {
        text-align: justify;
    }
}

.StorePickupByOtherForm-input,
.StorePickupByOtherForm-input--withError {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    padding: 0px 6px;
}

@media (min-width: 996px) {

    .StorePickupByOtherForm-input,
    .StorePickupByOtherForm-input--withError {
        font-size: 16px;
        height: 40px;
    }
}

@media (max-width: 995px) {

    .StorePickupByOtherForm-input,
    .StorePickupByOtherForm-input--withError {
        font-size: 14px;
        height: 52px;
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .StorePickupByOtherForm-input--withError::placeholder,
    .StorePickupByOtherForm-input::placeholder {
        color: rgba(0, 0, 0, 0);
    }
}

.StorePickupByOtherForm-input--withError,
.input--withError {
    border-color: rgb(226, 83, 53);
}

.StorePickupByOtherForm-input--withError:focus,
.input--withError:focus {
    box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px;
    outline: 0px;
}

.StorePickupByOtherForm {
    font-size: 14px;
    margin-top: 15px;
}

.StorePickupByOtherForm-title {
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
}

.StorePickupByOtherForm-secondLine {
    display: flex;
    margin: 15px 0px;
    width: 100%;
}

.StorePickupByOtherForm-fullName {
    margin-right: 15px;
}

.StorePickupByOtherForm-label-error--below {
    color: rgb(226, 83, 53);
}

.StorePickupByOtherForm-instruction {
    color: rgb(251, 150, 0);
    margin-bottom: 10px;
}

.StorePickupByOtherForm-firstLine {
    display: flex;
    margin-bottom: 15px;
}

.StorePickupByOtherForm-inputCheckbox {
    height: 20px;
    width: 20px;
}

.StorePickupByOtherForm-icon {
    height: 20px;
    margin-left: -20px;
    transition: 0.125s;
    width: 20px;
}

.StorePickupByOtherForm-icon svg {
    fill: rgb(255, 255, 255);
    height: 15px;
    margin-left: 1px;
    margin-top: 1px;
    width: 15px;
}

.StorePickupByOtherForm-checked .StorePickupByOtherForm-icon {
    background: rgb(0, 131, 202);
    border: 1px solid rgb(0, 131, 202);
    border-radius: 4px;
}

.StorePickupByOtherForm-unchecked .StorePickupByOtherForm-icon {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(140, 140, 140);
    border-radius: 4px;
}

.StorePickupByOtherForm-checked {
    display: flex;
    position: relative;
}

.StorePickupByOtherForm-unchecked {
    display: flex;
    position: relative;
    transition: 0.125s;
}

.StorePickupByOtherForm-unchecked svg {
    visibility: hidden;
}

@media (max-width: 995px) {

    .StorePickupByOtherForm-documentNumber,
    .StorePickupByOtherForm-fullName {
        margin-top: 10px;
        position: relative;
        width: 100%;
    }

    .StorePickupByOtherForm-label {
        color: rgb(140, 140, 140);
        left: 6px;
        position: absolute;
        top: 17px;
        transition: 0.125s;
    }

    .StorePickupByOtherForm-label.label--active {
        top: 2px;
    }

    .StorePickupByOtherForm-input,
    .StorePickupByOtherForm-input--withError {
        height: 52px;
        width: 100%;
    }

    .StorePickupByOtherForm-input.input--active,
    .input--active.StorePickupByOtherForm-input--withError {
        padding-bottom: 6px;
        padding-top: 14px;
    }

    .StorePickupByOtherForm-secondLine {
        flex-direction: column;
    }

    .StorePickupByOtherForm-instruction {
        text-align: justify;
    }
}

.StorePickupTime {
    font-size: 14px;
    line-height: 1.5;
    margin-left: 30px;
    margin-top: 10px;
}

.StorePickupTime-title {
    color: rgb(140, 140, 140);
    font-weight: 700;
}

.StorePickupTime-hours {
    color: rgb(140, 140, 140);
    display: block;
}

.StorePickupList {
    overflow-y: auto;
    padding: 0px 15px;
    text-align: left;
}

.StorePickupList .StorePickupOption-containerBox {
    border-bottom: 1px solid rgb(229, 229, 229);
    display: block;
    padding: 15px 0px;
}

.StorePickupList .StorePickupOption-containerBoxes {
    overflow-y: auto;
    padding: 0px 15px;
}

.StorePickupList .StorePickupOption-containerSection {
    display: flex;
    flex: 1 1 0%;
}

.StorePickupList .StorePickupOption-boxContent {
    cursor: pointer;
    flex: 1 1 0%;
    line-height: 1.3;
}

.StorePickupList .StorePickupOption-address {
    color: rgb(64, 64, 64);
}

.StorePickupList .StorePickupOption-neighborhood {
    color: rgb(140, 140, 140);
    font-size: 14px;
}

.StorePickupList .StorePickupOption-hours {
    color: rgb(88, 194, 46);
}

.StorePickupList .StorePickupOption-days {
    color: rgb(64, 64, 64);
}

.StorePickupList .StorePickupOption-distance {
    color: rgb(64, 64, 64);
    font-size: 14px;
    text-align: right;
}

.StorePickupList .StorePickupOption-inputRadio {
    padding-right: 15px;
}

.StorePickupList .StorePickupOption-storePickupByOtherForm {
    margin-left: 28px;
    margin-top: 15px;
}

@media (min-width: 996px) {
    .StorePickupList {
        max-height: 360px;
    }
}

.StorePickupSort {
    border-bottom: 1px solid rgb(229, 229, 229);
    display: flex;
    font-size: 14px;
    padding: 30px 20px;
}

.StorePickupSort input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.StorePickupSort-options label:first-child {
    margin: 0px 10px;
}

.StorePickupSort-label {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid;
    border-radius: 20px;
    color: rgb(64, 64, 64);
    cursor: pointer;
    font-size: 12px;
    padding: 1em 16px;
    transition: color 0.25s, background-color 0.25s;
}

.StorePickupSort-label.active {
    background-color: rgb(140, 140, 140);
    border-color: rgb(140, 140, 140);
    color: rgb(255, 255, 255);
}

@media (min-width: 996px) {
    .StorePickupSort {
        padding: 15px 20px;
    }

    .StorePickupSort-label {
        padding-bottom: 8px;
        padding-top: 8px;
    }
}

.Modal-closeButton {
    background: none;
    border: 0px;
}

.Modal {
    z-index: 20;
}

.Modal,
.Modal-background {
    inset: 0px;
    position: fixed;
}

.Modal-background {
    background-color: rgba(0, 0, 0, 0.2);
    border: 0px;
    width: 100%;
}

@keyframes slideUp {
    0% {
        bottom: -100vh;
    }

    100% {
        bottom: 0px;
    }
}

.Modal-content,
.Modal-content-bottom,
.Modal-content-center,
.Modal-content-float,
.Modal-content-full,
.Modal-content-no-padding {
    background-color: rgb(255, 255, 255);
    left: 0px;
    position: fixed;
    right: 0px;
}

.Modal-content-center,
.Modal-content-float {
    border-radius: 4px;
    padding: 50px 20px 40px;
    text-align: center;
    top: 56px;
}

@media (min-width: 996px) {

    .Modal-content-center,
    .Modal-content-float {
        margin: 40px auto;
    }
}

@media (max-width: 995px) {

    .Modal-content-center,
    .Modal-content-float {
        margin: 0px 10px;
    }
}

.Modal-content-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.Modal-content-full,
.Modal-content-no-padding {
    height: calc(-56px + 100vh);
    overflow: auto;
    padding: 50px 20px 40px;
    text-align: center;
    top: 56px;
}

.Modal-content-no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.Modal-content-bottom {
    border-radius: 20px 20px 0px 0px;
    padding: 0px 20px 40px;
}

@media (max-width: 995px) {

    .Modal-CloseIcon,
    .Modal-closeButton {
        height: 18px;
        width: 18px;
    }
}

@media (min-width: 996px) {

    .Modal-CloseIcon,
    .Modal-closeButton {
        height: 21px;
        width: 21px;
    }
}

.Modal-closeButton {
    position: absolute;
}

@media (max-width: 995px) {
    .Modal-closeButton {
        right: 16px;
        top: 15px;
    }
}

@media (min-width: 996px) {
    .Modal-closeButton {
        right: 20px;
        top: 20px;
    }
}

.Modal-confirmButton {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: rgb(0, 134, 255);
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase;
}

@media (max-width: 995px) {
    .Modal-confirmButton {
        bottom: 15px;
        right: 16px;
    }
}

@media (min-width: 996px) {
    .Modal-confirmButton {
        bottom: 20px;
        right: 20px;
    }
}

.Modal-CloseIcon {
    fill: rgb(0, 131, 202);
}

.Modal-title {
    color: rgb(0, 131, 202);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: -40px;
    text-align: center;
}

.Modal-title:empty {
    display: none;
}

.StorePickupForm .formDropdown .dropdown {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    padding: 0px 6px;
}

@media (min-width: 996px) {
    .StorePickupForm .formDropdown .dropdown {
        font-size: 16px;
        height: 40px;
    }
}

@media (max-width: 995px) {
    .StorePickupForm .formDropdown .dropdown {
        font-size: 14px;
        height: 52px;
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .StorePickupForm .formDropdown .dropdown::placeholder {
        color: rgba(0, 0, 0, 0);
    }
}

.input--withError {
    border-color: rgb(226, 83, 53);
}

.input--withError:focus {
    box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px;
    outline: 0px;
}

.StorePickupForm {
    font-size: 16px;
    max-height: 412px;
    overflow-y: auto;
    padding: 15px;
}

@media (max-width: 995px) {
    .StorePickupForm {
        max-height: none;
    }
}

.StorePickupForm .capitalize {
    text-transform: capitalize;
}

.StorePickupForm .title {
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
}

.StorePickupForm .confirmation {
    text-align: left;
}

.StorePickupForm .confirmation .StorePickupTime {
    margin-left: 0px;
}

.StorePickupForm .confirmation .success {
    font-weight: 700;
}

.StorePickupForm .confirmation .successIcon {
    fill: rgb(88, 194, 46);
    height: 15px;
    width: 15px;
}

.StorePickupForm .confirmation .time {
    color: rgb(88, 194, 46);
}

.StorePickupForm .formDropdown {
    display: flex;
    line-height: 40px;
    margin-bottom: 15px;
}

.StorePickupForm .formDropdown .label {
    flex: 0 0 18.9732%;
}

.StorePickupForm .formDropdown .dropdown {
    flex: 1 1 0%;
}

.StorePickupMap {
    border-radius: 0px 4px 4px 0px;
    flex: 1 1 0%;
    height: 460px;
}

.StorePickupMap .StorePickupTime {
    margin: 0px;
}

.StorePickupMap .StorePickupTime .StorePickupTime-hours {
    color: inherit;
}

.StorePickupMap-marker-info {
    font-size: 16px;
    line-height: 1;
    overflow: hidden;
}

.StorePickupMap-marker-info-address,
.StorePickupMap-marker-info-title {
    padding-bottom: 10px;
    padding-top: 10px;
}

.StorePickupMap-marker-info-openHours {
    font-size: 14px;
}

@media (max-width: 995px) {
    .StorePickupMap {
        display: none;
    }
}

.StorePickup {
    background: rgb(255, 255, 255);
    display: flex;
}

.StorePickup-leftContainer {
    background-color: rgb(255, 255, 255);
    border-radius: 4px 0px 0px 4px;
    box-sizing: initial;
    flex: 1 1 0%;
}

.StorePickup-rightContainer {
    border-radius: 0px 4px 4px 0px;
    flex: 1 1 0%;
    height: 460px;
}

@media (max-width: 995px) {
    .StorePickup {
        overflow: hidden auto;
    }

    .StorePickup-rightContainer {
        display: none;
    }
}

.DeliveryOptionBox-optionList .DeliveryOption {
    box-shadow: rgb(229, 229, 229) 0px 1px 0px 0px, rgb(255, 255, 255) 0px 2px 0px 0px;
}

.DeliveryOptionBox-optionList .DeliveryOption:first-child {
    padding-top: 0px;
}

.DeliveryOptionBox-optionList .DeliveryOption:last-child {
    box-shadow: none;
}

.DeliveryOption {
    padding: 10px 0px !important;
}

.DeliveryOption:last-child {
    box-shadow: none;
    padding-bottom: 0px;
}

.DeliveryOption-label {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.DeliveryOption-type-label {
    margin-left: 10px;
}

.DeliveryOption-type {
    flex-grow: 2;
}

.DeliveryOption-time-cost {
    flex-grow: 1;
    text-align: right;
}

.DeliveryOption-label-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.DeliveryOption-disclaimer {
    color: rgb(140, 140, 140);
    font-size: 12px;
    font-weight: 700;
    width: 100%;
}

.DeliveryOption-disclaimer,
.DeliveryOption-scheduledInput {
    margin-left: 10px;
    padding-left: 24px;
}

.DeliveryOption-cost--free {
    color: rgb(88, 194, 46);
    font-weight: 700;
    text-align: right;
}

.DeliveryOption-info {
    box-shadow: rgb(229, 229, 229) 0px -1px 0px 0px, rgb(255, 255, 255) 0px 2px 0px 0px;
    display: flex;
    justify-content: space-between;
    margin-left: 40px;
    margin-right: 14px;
    margin-top: 6px;
    padding-top: 10px;
}

.DeliveryOption-info-title {
    font-weight: 700;
}

.DeliveryOption-iconEdit {
    align-self: center;
    width: 30px;
}

@media (max-width: 995px) {
    .DeliveryOption {
        font-size: 14px;
    }

    .DeliveryOption .DeliveryOption-type-label {
        margin-left: 15px;
    }

    .DeliveryOption .DeliveryOption-deliveryTime {
        color: rgb(140, 140, 140);
        line-height: 1.3;
        width: 60%;
    }

    .DeliveryOption .DeliveryOption-cost {
        color: rgb(0, 131, 202);
    }

    .DeliveryOption .DeliveryOption-type {
        font-weight: 700;
    }

    .DeliveryOption .DeliveryOption-type input {
        display: none;
    }

    .DeliveryOption .DeliveryOption-disclaimer {
        margin-left: 15px;
        max-width: 60%;
    }

    .DeliveryOption-label {
        flex-direction: column;
        padding: 0px 15px 0px 10px;
    }
}

.DeliveryOptionBox {
    background-color: rgb(244, 244, 244);
    border-radius: 4px;
    box-sizing: initial;
    margin: 10px -20px;
    padding: 20px;
}

.DeliveryOptionBox-titleContainer {
    margin-bottom: 10px;
}

.DeliveryOptionBox-counter {
    font-weight: 700;
}

.DeliveryOptionBox-basketSoldBy {
    color: rgb(140, 140, 140);
    margin: 5px 0px;
}

.DeliveryOptionBox-international {
    margin: 8px 0px 12px;
}

.DeliveryOptionBox-items {
    padding-bottom: 10px;
}

@media (max-width: 995px) {
    .DeliveryOptionBox {
        background-color: initial;
        margin-bottom: 30px;
        padding: 10px 5px;
    }

    .DeliveryOptionBox .DeliveryOptionBox-titleContainer {
        padding: 10px;
    }

    .DeliveryOptionBox:first-child {
        border-bottom: 0px;
    }

    .DeliveryOptionBox-items {
        font-size: 14px;
        padding: 0px 10px;
    }
}

.Checkbox-icon,
.Checkbox-inputCheckbox {
    height: 20px;
    width: 20px;
}

.Checkbox-icon {
    margin-left: -20px;
    transition: 0.125s;
}

.Checkbox-icon svg {
    fill: rgb(255, 255, 255);
    height: 15px;
    margin-left: 1px;
    margin-top: 1px;
    width: 15px;
}

.Checkbox-checked .Checkbox-icon {
    background: rgb(0, 131, 202);
    border: 1px solid rgb(0, 131, 202);
    border-radius: 4px;
}

.Checkbox-unchecked .Checkbox-icon {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(140, 140, 140);
    border-radius: 4px;
}

.Checkbox-checked,
.Checkbox-unchecked {
    display: flex;
    position: relative;
}

.Checkbox-unchecked {
    transition: 0.125s;
}

.Checkbox-unchecked>svg {
    visibility: hidden;
}

.Checkbox-title {
    margin-left: 10px;
}

.FormGroup-input,
.FormGroup-textarea {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    padding: 0px 6px;
}

@media (min-width: 996px) {

    .FormGroup-input,
    .FormGroup-textarea {
        font-size: 16px;
        height: 40px;
    }
}

@media (max-width: 995px) {

    .FormGroup-input,
    .FormGroup-textarea {
        font-size: 14px;
        height: 52px;
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .FormGroup-input::placeholder,
    .FormGroup-textarea::placeholder {
        color: rgba(0, 0, 0, 0);
    }
}

.FormGroup-input--withError,
.input--withError {
    border-color: rgb(226, 83, 53);
}

.FormGroup-input--withError:focus,
.input--withError:focus {
    box-shadow: rgba(226, 83, 53, 0.8) 0px 0px 4px 0px;
    outline: 0px;
}

.FormGroup {
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

@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 {
        align-items: center;
        display: inline-flex;
        height: 40px;
        justify-content: flex-end;
        line-height: 1.5;
        margin-right: 20px;
        text-align: right;
        width: 346px;
    }
}

@media (max-width: 995px) {
    .FormGroup-label {
        color: rgb(140, 140, 140);
        left: 10px;
        padding-left: 6px;
        position: absolute;
        top: 16px;
    }

    .FormGroup-label-icon {
        margin-left: 32px;
    }
}

.FormGroup-input-icon {
    padding-left: 38px;
}

@media (max-width: 995px) {
    .FormGroup-radioLabel {
        color: initial;
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 10px;
        position: static;
    }

    .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 {
    align-items: center;
    display: inline-flex;
    margin-right: 20px;
}

.FormGroup-radio,
.FormGroup-radioOption>[class^="InputRadioButton"] {
    margin-right: 10px;
}

.FormGroup-textarea {
    height: 200px;
    line-height: 1.5;
    margin-right: 20px;
}

@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 {
    color: rgb(226, 83, 53);
    display: flex;
    line-height: 1.5;
}

@media (max-width: 995px) {
    .FormGroup-errorMessage {
        text-align: initial;
    }
}

@media (min-width: 996px) {
    .FormGroup-errorMessage {
        white-space: nowrap;
    }
}

.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-left: 10px;
        margin-right: 10px;
        margin-top: 6px;
    }

    .FormGroup-cvv .FormGroup-children {
        display: flex;
        height: 40px;
        margin-top: 0px;
        width: 40%;
    }
}

.FormGroup-cvv {
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

.FormGroup-cvv div:first-child {
    margin-right: 6px;
}

.FormGroup-icon-card {
    fill: rgb(139, 139, 139);
    margin: 0px 12px;
    position: absolute;
    width: 18px;
}

@media (min-width: 996px) {
    .FormGroup-icon-card {
        top: -7px;
    }
}

.FormGroup-icon-user {
    margin: 0px 12px;
    position: absolute;
}

@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;
        right: 10px;
        top: 20px;
    }
}

@media (min-width: 996px) {
    .FormGroup-label {
        width: 335px;
    }

    .FormGroup-inputGroup {
        flex: 1 0 0%;
        width: auto;
    }

    .FormGroup-inputWrapper {
        display: inline-block;
        position: relative;
    }

    .FormGroup-input {
        width: 250px;
    }

    .FormGroup-input--extraSmall {
        width: 120px;
    }

    .FormGroup-input--small {
        width: 185px;
    }

    .FormGroup-input--long {
        width: 400px;
    }

    .FormGroup-errorMessage {
        max-width: 410px;
        white-space: normal;
    }
}

.FormGroup-counter {
    color: rgb(140, 140, 140);
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 995px) {

    .active--input,
    input:-webkit-autofill+label {
        color: rgb(140, 140, 140);
        font-size: 80%;
        left: 0px;
        top: 0px;
        transition: 0.125s;
    }
}

@media (min-width: 996px) {
    .GiftCardForm {
        border: 1px solid rgb(229, 229, 229);
        border-radius: 4px;
        margin: 0px -20px;
        padding: 20px;
    }
}

.GiftCardForm-title {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.GiftCardForm-fields {
    border: none;
    padding: 0px;
}

@media (min-width: 996px) {
    .GiftCardForm-fields {
        margin: 0px auto;
        max-width: 500px;
    }
}

.FormGroup--GiftCardForm-textarea .FormGroup-input {
    max-height: 200px;
    min-height: 200px;
}

@media (min-width: 996px) {
    .FormGroup--GiftCardForm-textarea .FormGroup-input {
        max-width: 370px;
        min-width: 370px;
    }
}

.GiftCard-modalHeader {
    margin: 20px 50px 20px 20px;
    text-align: center;
}

.GiftCard-modalIframe {
    height: 410px;
    width: 100%;
}

.GiftCard-description {
    color: rgb(140, 140, 140);
    font-size: 14px;
}

.GiftCard-description .ButtonLink-text {
    padding: 0px;
}

@media (min-width: 996px) {
    .GiftCard {
        flex: 1 1 0%;
        margin: 10px 20px 10px 0px;
    }

    .GiftCard .Checkbox-title .ButtonLink {
        display: none;
    }
}

@media (max-width: 995px) {
    .GiftCard .Checkbox-title {
        font-size: 14px;
        font-weight: 700;
    }
}

@media (min-width: 996px) {
    .DeliveryPage-bottom {
        display: flex;
        justify-content: flex-end;
    }

    .DeliveryPage-bottom .Modal-content-float {
        margin: 40px 15%;
    }
}

@media (max-width: 995px) {
    .DeliveryPage-bottom .Modal-content-float {
        margin: 0px;
    }
}

.DeliveryPage-bottom .DeliveryPage-continue {
    align-self: flex-end;
    background-color: rgb(88, 194, 46);
    border: 0px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    width: 224px;
}

@media (min-width: 996px) {
    .DeliveryPage-bottom .DeliveryPage-continue {
        width: 250px;
    }
}

@media (max-width: 995px) {
    .DeliveryPage-bottom .DeliveryPage-continue {
        margin-right: 15px;
        width: 100%;
    }
}

.DeliveryPage-bottom .DeliveryPage-continue:hover {
    background-color: rgb(72, 165, 36);
}

.DeliveryPage-bottom .DeliveryPage-continue:active {
    background-color: rgb(55, 142, 22);
}

.Delivery,
.DeliveryPage-bottom--GiftCardEnabled {
    flex-direction: column;
}

.Delivery {
    display: flex;
}

@media (max-width: 995px) {
    .Delivery-changedAddress {
        margin-bottom: 30px;
        order: -1;
    }
}

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

@media (max-width: 995px) {
    .ReactModal__Content {
        margin-top: 56px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 14px !important;
        text-align: left !important;
        width: auto !important;
    }

    .Modal-content {
        margin-top: 30px;
        text-align: center;
    }
}