@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translateZ(0px);
}

.slick-track {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track::before,
.slick-track::after {
    display: table;
    content: "";
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: url("/minha-conta/assets/ajax-loader.e7b44c86.gif") center center no-repeat rgb(255, 255, 255);
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url("data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF") format("woff"), url("data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=") format("truetype");
}

.slick-prev,
.slick-next {
    font-size: 0px;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0px;
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
    opacity: 0.25;
}

.slick-prev::before,
.slick-next::before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: rgb(255, 255, 255);
    -webkit-font-smoothing: antialiased;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev::before {
    content: "←";
}

[dir="rtl"] .slick-prev::before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next::before {
    content: "→";
}

[dir="rtl"] .slick-next::before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0px;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0px;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
    opacity: 1;
}

.slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: rgb(0, 0, 0);
    -webkit-font-smoothing: antialiased;
}

.slick-dots li.slick-active button::before {
    opacity: 0.75;
    color: rgb(0, 0, 0);
}

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

body {
    margin: 0px;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

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

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0px;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0px;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    appearance: button;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0px;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    appearance: none;
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none;
}

figure {
    margin: 0px;
}

:disabled {
    opacity: 0.7;
}

.acc-container {
    font-family: Roboto;
    max-width: 1280px;
    width: 100%;
    font-weight: 300;
}

@media (min-width: 768px) {
    .acc-container {
        margin: 24px auto 54px;
    }
}

@media (min-width: 768px) {
    .acc-container-content {
        display: flex;
        flex: 1 1 0%;
        flex-direction: row;
        min-height: 500px;
    }
}

.acc-page-header {
    font-size: 24px;
    margin: 0px;
    text-transform: lowercase;
    color: rgb(102, 102, 102);
}

.acc-page-header>span,
.acc-page-header a {
    color: rgb(102, 102, 102);
    font-size: 12px;
    margin-left: 10px;
    cursor: pointer;
}

.acc-page-header>span:hover,
.acc-page-header a:hover {
    text-decoration: underline;
}

.acc-subtitle {
    padding-top: 20px;
    margin: 0px;
    text-transform: lowercase;
    color: rgb(102, 102, 102);
}

strong {
    font-weight: 700;
}

.acc-main-title {
    display: none;
}

@media (min-width: 768px) {
    .acc-main-title {
        font-weight: 300;
        color: rgb(248, 0, 50);
        display: block;
    }
}

.acc-header-wrapper {
    margin: 24px 10px;
}

@media (min-width: 768px) {
    .acc-header-wrapper {
        margin: 0px 35px;
    }
}

.acc-content {
    margin: 0px 10px 24px;
    flex: 1 1 0%;
}

@media (min-width: 768px) {
    .acc-content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
}

@media (min-width: 768px) {
    .acc-content-wrapper {
        display: flex;
        justify-content: center;
        padding: 0px 20px 20px;
    }
}

@media (min-width: 768px) {
    .acc-content-full {
        display: flex;
        width: 90%;
    }
}

.acc-content-column {
    flex-direction: column;
    width: 77%;
}

@media (max-width: 767px) {
    .acc-content-column {
        width: unset;
        margin: 0px 10px 24px;
    }
}

.acc-sidebar {
    display: none;
}

@media (min-width: 768px) {
    .acc-sidebar {
        padding: 0px 10px 10px;
        width: 25%;
        display: block;
    }
}

.acc-delete-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acc-delete-modal-header>h4 {
    margin: 0px;
    color: rgb(248, 0, 50);
    font-weight: 700;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.acc-delete-modal-header>span {
    font-size: 16px;
    padding: 10px;
    opacity: 0.4;
    cursor: pointer;
}

.acc-delete-modal-body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.acc-delete-modal-body>span {
    padding-bottom: 10px;
    text-align: center;
}

.acc-delete-modal-body>div {
    padding-bottom: 5px;
    text-align: center;
}

.acc-delete-modal-footer {
    display: flex;
    justify-content: center;
}

.acc-delete-modal-footer>button {
    margin: 0px 10px;
}

.acc-modal-header {
    padding: 20px 0px 10px;
    border-bottom: 1px solid rgb(216, 216, 216);
    margin-bottom: 20px;
}

.acc-modal-header h2 {
    text-transform: lowercase;
    color: rgb(102, 102, 102);
}

@media (max-width: 767px) {
    .acc-modal-header h2 {
        font-size: 19px;
    }
}

.acc-modal-close {
    color: rgb(102, 102, 102);
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 25px;
    cursor: pointer;
}

.hidden {
    display: none;
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .hidden-desktop {
        display: none;
    }
}

.btn {
    padding: 12px 10px;
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 4px;
    background: rgb(248, 0, 50);
    margin: 5px;
    font-size: 14px;
    box-shadow: rgb(210, 209, 209) 2px 2px 7px;
    cursor: pointer;
    text-transform: lowercase;
    font-weight: 400;
    display: inline-block;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .btn:hover {
        opacity: 0.7;
    }
}

.btn.primary {
    background: rgb(248, 0, 50);
    color: rgb(255, 255, 255);
}

.btn.default {
    background: rgb(255, 255, 255);
    color: rgb(248, 0, 50);
}

.btn.decorative {
    padding: 12px 35px;
    margin-top: 0px;
    text-transform: none;
}

@media (max-width: 767px) {
    .btn.decorative {
        background-color: transparent;
        color: rgb(248, 0, 50);
        box-shadow: none;
        text-decoration: underline;
        margin-top: 0px;
        padding-top: 0px;
    }
}

@media (min-width: 768px) {
    .btn.decorative {
        background: rgb(255, 255, 255);
        color: rgb(248, 0, 50);
        box-shadow: none;
        border: solid;
    }
}

.btn.service-sale {
    background: rgb(47, 198, 246);
    color: rgb(255, 255, 255);
    box-shadow: none;
    border: solid;
}

@media (min-width: 768px) {
    .btn {
        margin: 10px;
        font-size: 18px;
        letter-spacing: 1px;
    }
}

.btn-rastreio {
    background: rgb(64, 205, 40);
}

.veja-mais {
    display: block;
    margin: auto;
}

.btnAction {
    padding: 12px 10px;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: 400;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    border: none;
}

.btnAction.primary {
    background: rgb(248, 0, 50);
    color: rgb(255, 255, 255);
}

.btnAction.primary svg {
    fill: rgb(255, 255, 255);
}

.btnAction.default {
    background: rgb(255, 255, 255);
    color: rgb(248, 0, 50);
    border: 2px solid rgb(248, 0, 50);
}

.btnAction.default svg {
    fill: rgb(248, 0, 50);
}

.btnAction.primary,
.btnAction.default {
    box-shadow: rgb(210, 209, 209) 2px 2px 7px;
    cursor: pointer;
    border-radius: 4px;
}

@media (min-width: 768px) {

    .btnAction.primary:hover,
    .btnAction.default:hover {
        opacity: 0.7;
    }
}

.btnAction.primary svg,
.btnAction.default svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.btnAction.observation-title {
    font-size: 14px;
    font-weight: 300;
    text-transform: initial;
    justify-content: center;
    padding: 5px;
    margin-top: -12px;
}

@media (min-width: 992px) {
    .btnAction {
        margin: 6px;
        letter-spacing: 1px;
    }
}

@media (max-width: 991px) {
    .btnAction {
        text-align: center;
        margin-top: 15px;
        font-size: 14px;
        margin-left: 5px;
    }
}

.boxBtnAction {
    display: flex;
    justify-content: center;
    margin: 15px 0px;
}

.boxBtnAction.observation-container {
    flex-direction: column;
    align-items: center;
}

@media (max-width: 992px) {
    .boxBtnAction {
        display: block;
    }
}

.boxBtnPixAction {
    display: flex;
    justify-content: center;
    margin: 15px 0px;
}

.boxBtnPixAction.observation-container {
    flex-direction: column;
    align-items: center;
}

@media (max-width: 992px) {
    .boxBtnPixAction {
        display: block;
    }
}

@media (max-width: 767px) {
    .acc-navigation {
        position: fixed;
        top: 0px;
        z-index: 10;
        width: 100%;
        transition: background-color 0.2s linear;
    }

    .acc-navigation.menu-open {
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
    }
}

@media (min-width: 768px) {
    .acc-navigation {
        display: block;
        width: 20%;
        margin-left: 35px;
        min-height: 500px;
    }
}

.acc-menu {
    margin-top: 5px;
}

.acc-menu-item {
    display: inline-block;
    font-size: 22px;
}

@media (max-width: 1199px) {
    .acc-menu-item {
        margin-right: 14px;
    }
}

.acc-menu-link {
    text-decoration: none;
    color: rgb(102, 102, 102);
    border-bottom: 0.3em solid transparent;
}

.acc-menu-link::after {
    content: "";
    height: 4px;
    background: transparent;
    border-radius: 100px;
    display: block;
    margin-top: 4px;
}

.acc-menu-link-selected:hover {
    color: rgb(102, 102, 102) !important;
}

.acc-menu-link:hover {
    color: rgb(248, 0, 50);
}

.acc-submenu-circle {
    display: flex;
    flex-direction: column;
    background: rgb(248, 0, 50);
    border-radius: 50%;
    margin: 0px;
    width: 45px;
    height: 45px;
    padding: 7px;
    box-shadow: rgb(210, 209, 209) -3px 2px 11px;
    position: fixed;
    right: 10px;
    bottom: 10px;
}

@media (min-width: 768px) {
    .acc-submenu-circle {
        display: none;
    }
}

.acc-submenu-circle-span {
    background: rgb(255, 255, 255);
    padding: 3px;
    display: inline-block;
    margin: auto;
    border-radius: 5px;
}

.acc-submenu-background {
    display: block;
    width: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.3;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 2;
}

@media (min-width: 1200px) {
    .acc-submenu-background {
        display: none;
    }
}

.acc-submenu-container>.acc-submenu-circle {
    margin: 30px 5px;
}

.acc-alert {
    background: rgb(241, 196, 0);
    margin: 0px auto 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    resize: both;
}

.acc-alert div {
    resize: both;
}

.acc-alert-text {
    padding: 20px;
}

.acc-alert-img {
    position: relative;
    line-height: 1;
    height: 2.3em;
    width: 5em;
    display: inline-block;
    vertical-align: middle;
}

.acc-alert-body {
    background-color: rgb(251, 241, 195);
    width: 100%;
}

.acc-submenu {
    width: 100%;
    height: 100%;
    transition: 0.5s ease-out;
}

@media (min-width: 768px) {
    .acc-submenu {
        display: block;
        position: sticky;
        margin-bottom: 1px;
        height: auto;
    }
}

@media (min-width: 1024px) {
    .acc-submenu {
        min-width: 200px;
    }
}

.acc-submenu-action:first-child {
    border-top: 1px solid rgb(204, 204, 204);
}

.acc-submenu-action {
    border-left: 4px solid transparent;
    display: block;
    max-width: 215px;
    padding: 5px 0px;
}

.acc-submenu-action-container {
    display: flex;
    flex: 1 1 0%;
    position: relative;
    padding: 5px;
    background: rgb(240, 240, 240);
    cursor: pointer;
    align-items: center;
    flex-direction: row;
    border-radius: 4px;
}

.acc-submenu-action-container text {
    color: rgb(0, 0, 0);
}

.acc-submenu-action-container.selected text {
    font-weight: 700;
}

.acc-submenu-action-container-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px;
    width: 100%;
}

.acc-submenu-action-container-header svg {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.acc-submenu-action-container-button {
    display: flex;
    justify-content: center;
    width: 32px;
    height: 20px;
}

.acc-submenu-action-container-button::before {
    width: 10px;
    height: 10px;
    border-right: 4px solid rgb(204, 204, 204);
    border-bottom: 4px solid rgb(204, 204, 204);
    position: absolute;
    left: 16px;
    content: " ";
    top: 22px;
    transform: rotate(225deg);
    transition: 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .acc-submenu-action-container-button::before {
        width: 12px;
        height: 12px;
        top: 15px;
    }
}

.acc-submenu-action-container-button::before {
    transform: rotate(45deg);
    position: relative;
    border-right: 2px solid rgb(102, 102, 102);
    border-bottom: 2px solid rgb(102, 102, 102);
    left: 0px;
    top: 0px;
}

.acc-submenu-action-container-button.open {
    transform: rotate(180deg);
    transition: 0.3s ease-in-out;
}

.acc-submenu-action-container-button.closed {
    transition: 0.3s ease-in-out;
}

.acc-submenu-action-container-collapse {
    display: flex;
    flex: 1 1 0%;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.acc-submenu-action-container-collapse.closed {
    height: 0px;
    transition: 0.4s ease-in-out;
}

.acc-submenu-action-container-collapse.closed div:first-child {
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

.acc-submenu-action-container-collapse.open {
    height: 200px;
    transition: 0.4s ease-in-out;
    overflow: hidden;
}

.acc-submenu-action-container-collapse-content {
    height: auto;
    opacity: 0.9;
    visibility: visible;
    transition: 0.6s ease-in-out;
}

.acc-submenu-action-container-collapse-content span {
    white-space: pre-line;
    line-height: 1.4;
    font-size: 14px;
    text-align: left;
}

.acc-submenu-action-container-collapse-content span .__react_component_tooltip.place-top {
    margin: -15px 0px 0px 8px;
}

.acc-submenu-action-container-collapse-content span strong {
    display: flex;
    align-items: center;
    font-weight: 400;
    margin-bottom: 10px;
}

.acc-submenu-action-container-collapse-content span strong div {
    display: flex;
    align-items: center;
}

.acc-submenu-action-container-collapse-content span strong div svg {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.acc-submenu-active {
    display: flex;
    left: 0px;
    justify-content: flex-end;
}

.acc-submenu-list {
    width: 100%;
    background: rgb(255, 255, 255);
    margin-bottom: 15px;
    flex: 1 1 0%;
}

@media (min-width: 768px) {
    .acc-submenu-list {
        padding: 0px;
        max-width: 215px;
    }
}

.acc-submenu-item {
    border-left: 4px solid transparent;
    display: block;
}

@media (min-width: 768px) {
    .acc-submenu-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 5px;
        border-left: none;
    }

    .acc-submenu-item::after {
        content: "";
        height: 4px;
        background: transparent;
        border-radius: 100px;
        display: block;
        margin-top: 4px;
    }

    .acc-submenu-item svg {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .acc-submenu-item:hover a {
        color: rgb(248, 0, 50);
    }

    .acc-submenu-item:hover svg {
        fill: rgb(248, 0, 50);
    }
}

.acc-submenu-item-selected a {
    color: rgb(248, 0, 50);
    font-weight: 500;
}

.acc-submenu-item-selected svg {
    fill: rgb(248, 0, 50);
}

.acc-submenu-hidden {
    border-left: 0px !important;
}

@media (min-width: 768px) {
    .acc-submenu-hidden {
        display: none;
    }
}

.acc-submenu-link {
    display: flex;
    align-items: center;
    line-height: 56px;
    font-size: 16px;
    color: rgb(102, 102, 102);
}

.acc-submenu-link svg {
    width: 35px;
    height: 35px;
    margin-right: 20px;
    fill: rgb(102, 102, 102);
}

@media (min-width: 768px) {
    .acc-submenu-link {
        outline: 0px;
        width: 100%;
        line-height: 2.4em;
    }
}

.acc-submenu-mobile {
    transition: 0.2s linear;
    max-height: 505px;
    width: 185px;
    overflow: hidden;
    position: fixed;
    right: 5px;
    bottom: 55px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    box-shadow: rgba(0, 0, 0, 0.3) 0px -25px 15px;
}

.acc-submenu-mobile::after {
    content: " ";
    padding: 10px;
    background: linear-gradient(45deg, transparent 50%, rgb(250, 250, 250) 50%);
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.3) -2px 11px 10px 5px;
    z-index: -1;
}

@media (min-width: 768px) {
    .acc-submenu-mobile {
        display: none;
    }
}

.acc-submenu-mobile.collapsed {
    max-height: 0px;
}

.acc-submenu-mobile>div {
    background-color: rgb(250, 250, 250);
    max-height: 485px;
    overflow: hidden;
    margin-bottom: 25px;
    width: 100%;
}

.acc-submenu-mobile>div>div {
    max-height: 450px;
    margin: 15px;
    overflow-y: scroll;
}

.acc-submenu-mobile-link {
    display: flex;
    align-items: center;
    padding: 6px 0px;
    color: rgb(102, 102, 102);
}

.acc-submenu-mobile-link>svg {
    width: 35px;
    height: 35px;
    margin-right: 20px;
    fill: rgb(102, 102, 102);
}

.acc-submenu-mobile-link.selected {
    color: rgb(248, 0, 50);
    font-weight: 400;
}

.acc-submenu-mobile-link.selected>svg {
    fill: rgb(248, 0, 50);
}

.acc-submenu-number {
    color: rgb(248, 0, 50);
    margin-left: 1em;
}

@media (max-width: 768px) {
    .acc-submenu-number {
        font-size: 1.3em;
    }
}

.acc-order-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 768px) {
    .acc-order-container {
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 0px;
    }

    .acc-order-container>.acc-page-header {
        width: 90%;
        margin: 0px auto;
    }
}

.acc-order-card {
    display: flex;
    justify-content: center;
    width: 90%;
    align-self: center;
}

@media (max-width: 767px) {
    .acc-order-card {
        width: 100%;
    }
}

.acc-order-card:first-child {
    padding-top: 20px;
}

.acc-order-card-status-bar {
    padding-right: 5px;
    margin: 10px 0px 30px;
    background-color: rgb(204, 204, 204);
    transition: background-color 0.5s linear;
}

.acc-order-card-status-bar.delivered,
.acc-order-card-status-bar.picked_up,
.acc-order-card-status-bar.warranty_issued {
    background-color: rgb(64, 205, 40);
}

.acc-order-card-status-bar.order_included,
.acc-order-card-status-bar.payment_approved,
.acc-order-card-status-bar.invoice_created,
.acc-order-card-status-bar.waiting_delivery,
.acc-order-card-status-bar.itens_sent,
.acc-order-card-status-bar.checking_stock,
.acc-order-card-status-bar.pickup_ready,
.acc-order-card-status-bar.waiting_release,
.acc-order-card-status-bar.exchange_requested {
    background-color: rgb(36, 203, 255);
}

.acc-order-card-status-bar.change_order_marketplace,
.acc-order-card-status-bar.important_info {
    background-color: rgb(242, 200, 50);
}

.acc-order-card-status-bar.cancelled {
    background-color: rgb(248, 0, 50);
}

.acc-order-header {
    position: relative;
    display: flex;
    padding: 5px;
    font-size: 16px;
    align-items: center;
    cursor: pointer;
    color: rgb(102, 102, 102);
}

.acc-order-header-info {
    flex: 1 1 0%;
    align-items: center;
    display: flex;
    padding: 0px 20px;
    justify-content: space-between;
}

.acc-order-header-info .acc-order-header-info-group {
    display: flex;
    justify-content: space-between;
    min-width: 450px;
}

.acc-order-header-info .acc-order-header-info-group>span {
    padding: 10px 0px;
}

@media (max-width: 768px) {
    .acc-order-header-info .acc-order-header-info-group {
        flex-direction: column;
        padding: 10px 0px;
        min-width: 170px;
    }

    .acc-order-header-info .acc-order-header-info-group>.acc-order-header-info-status,
    .acc-order-header-info .acc-order-header-info-group span {
        padding: 0px;
        font-size: 14px;
    }
}

.acc-order-header-info-status {
    font-weight: 700;
    padding: 10px;
    font-size: 14px;
}

.acc-order-header-info-status.delivered,
.acc-order-header-info-status.picked_up,
.acc-order-header-info-status.warranty_issued {
    color: rgb(64, 205, 40);
}

.acc-order-header-info-status.order_included,
.acc-order-header-info-status.payment_approved,
.acc-order-header-info-status.invoice_created,
.acc-order-header-info-status.waiting_delivery,
.acc-order-header-info-status.itens_sent,
.acc-order-header-info-status.checking_stock,
.acc-order-header-info-status.pickup_ready,
.acc-order-header-info-status.waiting_release,
.acc-order-header-info-status.exchange_requested {
    color: rgb(36, 203, 255);
}

.acc-order-header-info-status.change_order_marketplace,
.acc-order-header-info-status.important_info {
    color: rgb(242, 200, 50);
}

.acc-order-header-info-status.cancelled {
    color: rgb(248, 0, 50);
}

@media (min-width: 501px) {
    .acc-order-header-info-scheduleDelivery {
        font-weight: 700;
        font-size: 14px;
        padding: 0px 5px;
    }
}

@media (max-width: 500px) {
    .acc-order-header-info-scheduleDelivery {
        font-weight: 700;
        font-size: 14px;
        padding: 0px;
    }
}

.acc-order-header-info-scheduleDelivery.delivered,
.acc-order-header-info-scheduleDelivery.picked_up,
.acc-order-header-info-scheduleDelivery.warranty_issued {
    color: rgb(64, 205, 40);
}

.acc-order-header-info-scheduleDelivery.order_included,
.acc-order-header-info-scheduleDelivery.payment_approved,
.acc-order-header-info-scheduleDelivery.invoice_created,
.acc-order-header-info-scheduleDelivery.waiting_delivery,
.acc-order-header-info-scheduleDelivery.itens_sent,
.acc-order-header-info-scheduleDelivery.checking_stock,
.acc-order-header-info-scheduleDelivery.pickup_ready,
.acc-order-header-info-scheduleDelivery.waiting_release,
.acc-order-header-info-scheduleDelivery.exchange_requested {
    color: rgb(36, 203, 255);
}

.acc-order-header-info-scheduleDelivery.change_order_marketplace,
.acc-order-header-info-scheduleDelivery.important_info {
    color: rgb(242, 200, 50);
}

.acc-order-header-info-scheduleDelivery.cancelled {
    color: rgb(248, 0, 50);
}

.acc-order-header-info-date {
    padding: 10px;
}

.acc-order-header-info-o2OPasswd {
    padding: 10px;
    font-size: 14px;
}

@media (min-width: 501px) {
    .acc-order-header-info-scheduleDeliveryContent {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 500px) {
    .acc-order-header-info-scheduleDeliveryContent {
        text-align: left;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 501px) {
    .acc-order-header-info-scheduleDeliveryContainer {
        display: flex;
        flex-direction: row;
        flex: 0 0 auto;
    }
}

@media (max-width: 500px) {
    .acc-order-header-info-scheduleDeliveryContainer {
        display: flex;
        flex-direction: column;
    }
}

.acc-order-header.not-clickable {
    cursor: default;
}

.acc-order-product-label {
    font-size: 10px;
}

@media (min-width: 768px) {
    .acc-order-product-label {
        font-size: 12px;
    }
}

.acc-order-header-icon {
    width: 32px;
}

.acc-order-header-icon::before {
    width: 10px;
    height: 10px;
    border-right: 4px solid rgb(204, 204, 204);
    border-bottom: 4px solid rgb(204, 204, 204);
    position: absolute;
    left: 16px;
    content: " ";
    top: 22px;
    transform: rotate(225deg);
    transition: 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .acc-order-header-icon::before {
        width: 12px;
        height: 12px;
        top: 15px;
    }
}

.acc-order-header-icon::before {
    top: 20px;
}

.acc-delivery {
    margin: 20px 10px;
}

.acc-delivery-body {
    margin: 0px 30px;
    padding-top: 10px;
    border-top: 1px solid rgb(204, 204, 204);
}

.acc-delivery-body .btnAction.primary {
    display: flex;
    justify-content: center;
}

.acc-delivery-body .btnAction.default {
    display: flex;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(248, 0, 50);
    color: rgb(248, 0, 50);
}

.acc-delivery-cont {
    margin: 10px 0px 30px;
    border-top: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
    border-image: initial;
    border-left: none;
    width: 100%;
}

.acc-delivery-cont:first-child {
    border: 1px solid rgb(204, 204, 204);
}

.acc-delivery-cont:first-child>.acc-order-header {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.acc-delivery-cont:first-child .acc-order-header-icon::before {
    border-right: 4px solid rgb(204, 204, 204);
    border-bottom: 4px solid rgb(204, 204, 204);
}

.acc-delivery-cont-close .acc-order-info-cont {
    border-bottom: none;
}

.acc-delivery-cont-close .acc-order-product-info {
    font-size: 12px;
}

@media (min-width: 768px) {
    .acc-delivery-cont-close .acc-order-product-info {
        font-size: 14px;
    }
}

.acc-delivery-cont-close .acc-order-product-invoice {
    display: none;
}

.acc-delivery-cont-close .acc-order-product-label {
    font-size: 10px;
}

@media (min-width: 768px) {
    .acc-delivery-cont-close .acc-order-product-label {
        font-size: 12px;
    }
}

.acc-delivery-cont-close .acc-order-product-image {
    width: 60px;
}

.acc-delivery-cont-close .acc-order-product-image>svg {
    width: 60px;
    height: 60px;
    fill: rgb(153, 153, 153);
}

.acc-delivery-cont-close .acc-order-header-icon::before {
    transform: rotate(45deg);
    top: 12px;
}

.acc-delivery-cont-close .acc-order-product {
    margin: 8px 10px;
}

@media (min-width: 768px) {
    .acc-delivery-cont-close .acc-order-product {
        margin: 20px 10px;
    }
}

.acc-delivery-cont-close .acc-order-product>a,
.acc-delivery-cont-close .acc-order-product-link {
    cursor: pointer;
    text-decoration: none;
}

.acc-delivery-cont-close .acc-delivery-header,
.acc-delivery-cont-close .acc-order-product-value,
.acc-delivery-cont-close .acc-timeline,
.acc-delivery-cont-close .boxBtnAction,
.acc-delivery-cont-close .acc-payment-and-delivery,
.acc-delivery-cont-close .acc-order-service-sale,
.acc-delivery-cont-close .acc-order-product-info-sold-delivered,
.acc-delivery-cont-close .acc-delivery-more {
    display: none;
}

.btn-header {
    font-size: 16px;
    margin: 0px;
    padding: 12px;
    display: inline-table;
    background: rgb(242, 196, 0);
}

.btn-header+.acc-order-header-info {
    display: none;
}

@media (min-width: 768px) {
    .btn-header+.acc-order-header-info {
        display: block;
    }
}

.order-wrapper {
    width: 90%;
    margin: 0px auto;
}

.container-market-now {
    border: 1px solid rgb(204, 204, 204);
    margin: 10px 0px 30px;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 30px;
}

.container-market-now-text {
    margin-right: 30px;
    margin-left: 30px;
    width: 300px;
}

.container-image-market {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.acc-delivery-header {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .acc-delivery-header {
        margin-bottom: 0px;
    }
}

.acc-delivery-header-order {
    font-size: 14px;
    font-weight: 700;
    color: rgb(153, 153, 153);
    padding: 0px 10px;
}

.acc-delivery-prevision {
    background: rgb(242, 242, 242);
    padding: 6px;
    font-size: 12px;
    display: inline-block;
}

.acc-delivery-prevision-days {
    display: inline-block;
}

.acc-delivery-prevision-days.delivered,
.acc-delivery-prevision-days.picked_up,
.acc-delivery-prevision-days.warranty_issued {
    color: rgb(64, 205, 40);
}

.acc-delivery-prevision-days.order_included,
.acc-delivery-prevision-days.payment_approved,
.acc-delivery-prevision-days.invoice_created,
.acc-delivery-prevision-days.itens_sent,
.acc-delivery-prevision-days.checking_stock,
.acc-delivery-prevision-days.pickup_ready,
.acc-delivery-prevision-days.waiting_release,
.acc-delivery-prevision-days.exchange_requested {
    color: rgb(36, 203, 255);
}

.acc-delivery-prevision-days.important_info {
    color: rgb(242, 200, 50);
}

.acc-delivery-prevision-days.cancelled {
    color: rgb(248, 0, 50);
}

@media (min-width: 768px) {
    .acc-delivery-prevision {
        display: none;
    }
}

.acc-delivery-status {
    padding: 10px 0px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .acc-delivery-status {
        font-size: initial;
    }
}

.acc-delivery-number {
    color: rgb(248, 0, 50);
}

.acc-delivery-wrapper {
    display: flex;
    justify-content: space-between;
}

.acc-delivery-wrapper .acc-delivery-list .acc-order-item-cont:last-child {
    border-bottom: none;
}

.acc-delivery-more {
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px;
}

.acc-delivery-more>a {
    color: rgb(136, 136, 136);
    text-decoration: underline;
    margin-bottom: 10px;
    font-size: 16px;
}

.acc-delivery-list.filter-close {
    width: 100%;
}

.acc-delivery-list.filter-close .boxBtnAction {
    display: flex;
}

.acc-delivery-list.filter-close .btnAction {
    width: 100%;
}

@media (min-width: 768px) {
    .acc-delivery-list.filter-close {
        display: flex;
    }

    .acc-delivery-list.filter-close .acc-order-item-cont:first-child {
        width: 59%;
    }

    .acc-delivery-list.filter-close a {
        cursor: pointer;
        pointer-events: unset;
    }

    .acc-delivery-list.filter-close>div {
        width: 41%;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .acc-delivery-list.filter-open .btnAction {
        width: 40%;
    }
}

.acc-delivery-list.border {
    border-bottom: 1px solid rgb(228, 228, 228);
}

.acc-order-item {
    padding: 10px 15px;
}

.acc-order-item-cont {
    display: none;
}

.acc-order-item-cont>h4 {
    text-align: center;
    color: rgb(132, 132, 132);
    cursor: pointer;
}

.acc-order-item-cont-0,
.acc-order-item-cont-1 {
    display: block;
}

.acc-order-delivery {
    background: rgb(242, 242, 242);
    padding: 10px 15px;
}

.acc-order-status {
    padding: 10px 0px;
}

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

.acc-order-icon {
    display: inline-flex;
}

.acc-order-icon.xborder {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    position: relative;
    top: 3px;
}

.acc-order-icon.xborder .info {
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

.acc-order-icon-pf {
    width: 30px;
    position: relative;
    top: 5.5px;
    margin: 0px 5px;
}

.acc-order-icon-used {
    width: 60px;
    position: relative;
    top: 3px;
    margin: 0px 5px;
}

.acc-order-icon-used_3p {
    width: 60px;
    height: 25px;
    top: 3px;
    margin: 0px 5px -5px 20px;
}

@media (max-width: 767px) {
    .acc-order-icon-used_3p {
        margin: 5px;
    }
}

.acc-order-icon-international_purchase {
    width: 120px;
    margin: 0px 5px;
}

.acc-order-icon-pegue_na_loja_hoje,
.acc-order-icon-pegue_na_loja,
.acc-order-icon-entrega_2h,
.acc-order-icon-entrega_mesmo_dia,
.acc-order-icon-pegue_na_loja_hoje_seller {
    margin-left: 5px;
}

@media (max-width: 1024px) {

    .acc-order-icon-pegue_na_loja_hoje,
    .acc-order-icon-pegue_na_loja,
    .acc-order-icon-entrega_2h,
    .acc-order-icon-entrega_mesmo_dia,
    .acc-order-icon-pegue_na_loja_hoje_seller {
        top: 0px;
        object-fit: contain;
        align-self: flex-start;
        margin-left: 0px;
    }
}

.acc-order-icon-pegue_na_loja_hoje_seller {
    position: relative;
    top: 7px;
    margin-left: 5px;
}

.acc-order-icon-pegue_na_loja {
    height: 20px;
}

.acc-order-product {
    display: flex;
    align-items: center;
    color: rgb(130, 130, 130);
}

@media (min-width: 768px) {
    .acc-order-product {
        margin: 30px 10px;
    }
}

.acc-order-product-image {
    margin-right: 10px;
    width: 50px;
}

.acc-order-product-image>svg {
    width: 50px;
    height: 50px;
    fill: rgb(153, 153, 153);
}

@media (min-width: 768px) {
    .acc-order-product-image {
        margin-right: 15px;
        width: auto;
        max-width: 80px;
    }

    .acc-order-product-image>svg {
        width: 80px;
        height: 80px;
    }
}

.acc-order-product-info {
    line-height: 1.4;
    font-size: 14px;
    margin: 2px 0px;
}

@media (min-width: 768px) {
    .acc-order-product-info {
        font-size: initial;
        margin-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .acc-order-product-info {
        display: flex;
        flex-direction: column;
    }
}

.acc-order-product-info-sold-delivered {
    white-space: pre-wrap;
}

.acc-order-product-value {
    display: block;
}

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

@media (min-width: 1060px) {
    .acc-order-product-truncate {
        max-width: 600px;
    }
}

.acc-order-product-link {
    color: rgb(130, 130, 130);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .acc-order-product-link {
        max-width: 220px;
    }
}

.acc-order-product-invoice {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: rgb(102, 102, 102);
    text-decoration: underline;
    margin: -30px 0px 30px;
}

@media (max-width: 767px) {
    .acc-order-product-invoice {
        margin: 0px;
    }
}

.acc-order-product-invoice svg {
    width: 20px;
    height: 20px;
    margin: 0px 5px 0px 100px;
}

@media (max-width: 767px) {
    .acc-order-product-invoice svg {
        margin: 5px 5px 0px 60px;
    }
}

.acc-order-product-featured {
    text-transform: lowercase;
}

.veja-mais-prod {
    color: rgb(248, 0, 50);
    cursor: pointer;
    display: block;
    text-align: right;
    margin: 10px 0px;
    text-decoration: underline;
}

.acc-delivery-body-prod-open .acc-order-item-cont {
    display: block;
}

.acc-delivery-body-prod-open .veja-mais-prod {
    display: none;
}

.acc-order-info-cont-delivered .acc-delivery-number,
.acc-order-info-cont-picked_up .acc-delivery-number,
.acc-order-info-cont-warranty_issued .acc-delivery-number {
    color: rgb(64, 205, 40);
}

.acc-order-info-cont-delivered .acc-timeline-progress-bar,
.acc-order-info-cont-picked_up .acc-timeline-progress-bar,
.acc-order-info-cont-warranty_issued .acc-timeline-progress-bar,
.acc-order-info-cont-delivered .acc-timeline-events-event.done .fill,
.acc-order-info-cont-picked_up .acc-timeline-events-event.done .fill,
.acc-order-info-cont-warranty_issued .acc-timeline-events-event.done .fill {
    background-color: rgb(64, 205, 40);
}

.acc-order-info-cont-delivered .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-delivered .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-picked_up .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-picked_up .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-warranty_issued .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-warranty_issued .acc-timeline-events-event.stopped .fill {
    border-color: rgb(64, 205, 40);
}

.acc-order-info-cont-delivered .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-picked_up .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-warranty_issued .acc-timeline-events-event-icon>svg {
    fill: rgb(64, 205, 40);
    stroke: rgb(64, 205, 40);
}

.acc-order-info-cont-delivered .acc-timeline-item-active,
.acc-order-info-cont-picked_up .acc-timeline-item-active,
.acc-order-info-cont-warranty_issued .acc-timeline-item-active {
    color: rgb(64, 205, 40);
}

.acc-order-info-cont-order_included .acc-delivery-number,
.acc-order-info-cont-payment_approved .acc-delivery-number,
.acc-order-info-cont-invoice_created .acc-delivery-number,
.acc-order-info-cont-waiting_delivery .acc-delivery-number,
.acc-order-info-cont-itens_sent .acc-delivery-number,
.acc-order-info-cont-checking_stock .acc-delivery-number,
.acc-order-info-cont-pickup_ready .acc-delivery-number,
.acc-order-info-cont-waiting_release .acc-delivery-number,
.acc-order-info-cont-waiting_delivery .acc-delivery-number,
.acc-order-info-cont-exchange_requested .acc-delivery-number {
    color: rgb(36, 203, 255);
}

.acc-order-info-cont-order_included .acc-timeline-progress-bar,
.acc-order-info-cont-payment_approved .acc-timeline-progress-bar,
.acc-order-info-cont-invoice_created .acc-timeline-progress-bar,
.acc-order-info-cont-waiting_delivery .acc-timeline-progress-bar,
.acc-order-info-cont-itens_sent .acc-timeline-progress-bar,
.acc-order-info-cont-checking_stock .acc-timeline-progress-bar,
.acc-order-info-cont-pickup_ready .acc-timeline-progress-bar,
.acc-order-info-cont-waiting_release .acc-timeline-progress-bar,
.acc-order-info-cont-waiting_delivery .acc-timeline-progress-bar,
.acc-order-info-cont-exchange_requested .acc-timeline-progress-bar,
.acc-order-info-cont-order_included .acc-timeline-events-event.done .fill,
.acc-order-info-cont-payment_approved .acc-timeline-events-event.done .fill,
.acc-order-info-cont-invoice_created .acc-timeline-events-event.done .fill,
.acc-order-info-cont-waiting_delivery .acc-timeline-events-event.done .fill,
.acc-order-info-cont-itens_sent .acc-timeline-events-event.done .fill,
.acc-order-info-cont-checking_stock .acc-timeline-events-event.done .fill,
.acc-order-info-cont-pickup_ready .acc-timeline-events-event.done .fill,
.acc-order-info-cont-waiting_release .acc-timeline-events-event.done .fill,
.acc-order-info-cont-exchange_requested .acc-timeline-events-event.done .fill {
    background-color: rgb(36, 203, 255);
}

.acc-order-info-cont-order_included .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-order_included .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-payment_approved .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-payment_approved .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-invoice_created .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-invoice_created .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-waiting_delivery .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-waiting_delivery .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-itens_sent .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-itens_sent .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-checking_stock .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-checking_stock .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-pickup_ready .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-pickup_ready .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-waiting_release .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-waiting_release .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-waiting_delivery .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-waiting_delivery .acc-timeline-events-event.stopped .fill,
.acc-order-info-cont-exchange_requested .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-exchange_requested .acc-timeline-events-event.stopped .fill {
    border-color: rgb(36, 203, 255);
}

.acc-order-info-cont-order_included .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-payment_approved .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-invoice_created .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-waiting_delivery .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-itens_sent .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-checking_stock .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-pickup_ready .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-waiting_release .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-waiting_delivery .acc-timeline-events-event-icon>svg,
.acc-order-info-cont-exchange_requested .acc-timeline-events-event-icon>svg {
    fill: rgb(36, 203, 255);
    stroke: rgb(36, 203, 255);
}

.acc-order-info-cont-order_included .acc-timeline-item-active,
.acc-order-info-cont-payment_approved .acc-timeline-item-active,
.acc-order-info-cont-invoice_created .acc-timeline-item-active,
.acc-order-info-cont-waiting_delivery .acc-timeline-item-active,
.acc-order-info-cont-itens_sent .acc-timeline-item-active,
.acc-order-info-cont-checking_stock .acc-timeline-item-active,
.acc-order-info-cont-pickup_ready .acc-timeline-item-active,
.acc-order-info-cont-waiting_release .acc-timeline-item-active,
.acc-order-info-cont-waiting_delivery .acc-timeline-item-active,
.acc-order-info-cont-exchange_requested .acc-timeline-item-active {
    color: rgb(36, 203, 255);
}

.acc-order-info-cont-important_info .acc-delivery-number {
    color: rgb(242, 200, 50);
}

.acc-order-info-cont-important_info .acc-timeline-progress-bar,
.acc-order-info-cont-important_info .acc-timeline-events-event.done .fill {
    background-color: rgb(242, 200, 50);
}

.acc-order-info-cont-important_info .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-important_info .acc-timeline-events-event.stopped .fill {
    border-color: rgb(242, 200, 50);
}

.acc-order-info-cont-important_info .acc-timeline-events-event-icon>svg {
    fill: rgb(242, 200, 50);
    stroke: rgb(242, 200, 50);
}

.acc-order-info-cont-important_info .acc-timeline-item-active {
    color: rgb(242, 200, 50);
}

.acc-order-info-cont-cancelled .acc-delivery-number {
    color: rgb(248, 0, 50);
}

.acc-order-info-cont-cancelled .acc-timeline-progress-bar,
.acc-order-info-cont-cancelled .acc-timeline-events-event.done .fill {
    background-color: rgb(248, 0, 50);
}

.acc-order-info-cont-cancelled .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-cancelled .acc-timeline-events-event.stopped .fill {
    border-color: rgb(248, 0, 50);
}

.acc-order-info-cont-cancelled .acc-timeline-events-event-icon>svg {
    fill: rgb(248, 0, 50);
    stroke: rgb(248, 0, 50);
}

.acc-order-info-cont-cancelled .acc-timeline-item-active {
    color: rgb(248, 0, 50);
}

.acc-order-info-cont-change_order_marketplace .acc-delivery-number {
    color: rgb(242, 200, 50);
}

.acc-order-info-cont-change_order_marketplace .acc-timeline-progress-bar,
.acc-order-info-cont-change_order_marketplace .acc-timeline-events-event.done .fill {
    background-color: rgb(242, 200, 50);
}

.acc-order-info-cont-change_order_marketplace .acc-timeline-events-event.in_progress .fill,
.acc-order-info-cont-change_order_marketplace .acc-timeline-events-event.stopped .fill {
    border-color: rgb(242, 200, 50);
}

.acc-order-info-cont-change_order_marketplace .acc-timeline-events-event-icon>svg {
    fill: rgb(242, 200, 50);
    stroke: rgb(242, 200, 50);
}

.acc-order-info-cont-change_order_marketplace .acc-timeline-item-active {
    color: rgb(242, 200, 50);
}

.acc-order-info-cont .acc-timeline-item-since {
    color: rgb(130, 130, 130);
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    font-style: italic;
}

.acc-timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.acc-timeline-timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 15px 0px 70px;
}

@media (min-width: 768px) {
    .acc-timeline-timeline {
        margin-bottom: 80px;
    }
}

.acc-timeline-progress {
    width: 80%;
    text-align: center;
    height: 2px;
    appearance: none;
    border: none;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: rgb(221, 221, 221);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acc-timeline-progress-bar {
    height: 2px;
    background-color: rgb(248, 0, 50);
    border-radius: 60px;
    transition: width 0.3s linear;
}

.acc-timeline-events {
    display: flex;
    width: 80%;
    justify-content: space-between;
    margin-top: -22px;
}

.acc-timeline-events-event {
    height: 12px;
    width: 12px;
    border-radius: 10px;
    background-color: rgb(221, 221, 221);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.acc-timeline-events-event .fill {
    border-radius: 10px;
    animation: 0.3s ease 0s 1 normal forwards running fillIn;
    position: absolute;
}

.acc-timeline-events-event.in_progress .fill,
.acc-timeline-events-event.stopped .fill {
    position: absolute;
    border-radius: 25px;
    border-style: solid;
    border-width: 0px;
    background-color: rgb(255, 255, 255);
    animation: 0.3s ease 0s 1 normal forwards running fillInIcon;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {

    .acc-timeline-events-event.in_progress .acc-timeline-truncate,
    .acc-timeline-events-event.stopped .acc-timeline-truncate {
        display: flex;
    }
}

.acc-timeline-events-event-icon {
    opacity: 0;
    height: 90px;
    width: 90px;
    animation: 0.3s ease 0s 1 normal forwards running fadeInIcon;
    position: absolute;
}

.acc-timeline-events-event-icon>svg {
    height: 100%;
    width: 100%;
}

.acc-timeline .reference {
    height: 40px;
    background-color: rgb(0, 0, 0);
    width: 1px;
}

.acc-timeline-item {
    color: rgb(130, 130, 130);
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .acc-timeline-item {
        font-size: 14px;
    }
}

.acc-timeline-item-active {
    font-weight: 500;
    color: rgb(248, 0, 50);
}

.acc-timeline-item-since {
    display: block;
}

.acc-timeline-truncate {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 35px;
    width: 95px;
}

@media (min-width: 768px) {
    .acc-timeline-truncate {
        display: flex;
    }
}

@keyframes fillIn {
    0% {
        width: 0px;
        height: 0px;
    }

    80% {
        width: 15px;
        height: 15px;
    }

    100% {
        width: 12px;
        height: 12px;
    }
}

@keyframes fillInIcon {
    0% {
        width: 0px;
        height: 0px;
        padding: 0px;
        border-width: 0px;
    }

    5% {
        width: 0px;
        height: 0px;
        padding: 0px;
        border-width: 2px;
    }

    80% {
        width: 50px;
        height: 50px;
        padding: 7px;
        border-width: 2px;
    }

    100% {
        width: 45px;
        height: 45px;
        padding: 7px;
        border-width: 2px;
    }
}

@keyframes fadeInIcon {
    0% {
        width: 90px;
        height: 90px;
        opacity: 0;
    }

    75% {
        width: 20px;
        height: 20px;
        opacity: 1;
    }

    100% {
        width: 25px;
        height: 25px;
        opacity: 1;
    }
}

.acc-payment {
    padding: 20px 30px;
}

@media (min-width: 768px) {
    .acc-payment {
        width: 50%;
    }
}

.acc-payment-and-delivery {
    color: rgb(130, 130, 130);
    padding: 20px 0px;
}

@media (min-width: 768px) {
    .acc-payment-and-delivery {
        display: flex;
        justify-content: space-between;
    }
}

.acc-payment-and-delivery>div {
    margin: 5px 0px;
}

@media (min-width: 768px) {
    .acc-payment-and-delivery>div {
        flex: 1 1 0%;
        padding: 0px 20px;
        border-left: 1px solid rgb(228, 228, 228);
    }

    .acc-payment-and-delivery>div:first-child {
        border: none;
        padding: 0px;
    }
}

.acc-payment-and-delivery p {
    line-height: 20px;
    font-size: 15px;
}

.acc-payment-featured {
    color: rgb(0, 0, 0);
}

@media (min-width: 768px) {
    .acc-payment-featured {
        display: block;
    }
}

.acc-payment-featured-mobile {
    color: rgb(0, 0, 0);
    display: none;
}

@media (min-width: 768px) {
    .acc-payment-featured-mobile {
        display: block;
    }
}

.acc-payment-title {
    line-height: 21px;
    padding-left: 40px;
}

@media (min-width: 768px) {
    .acc-payment-title {
        padding-left: 0px;
    }
}

.acc-payment-title-total {
    margin-bottom: 36px;
}

@media (min-width: 768px) {
    .acc-payment-title-total {
        display: block;
    }
}

.acc-payment-values {
    display: flex;
    justify-content: space-between;
    margin: 2px;
}

.acc-payment-values-total {
    border-top: 1px solid rgb(0, 0, 0);
    padding: 7px 0px;
    margin: 7px 0px;
    color: rgb(0, 0, 0);
}

@media (max-width: 768px) {
    .acc-payment-address-header {
        background: rgb(242, 242, 242);
        position: relative;
        padding: 5px;
    }
}

.acc-payment-type {
    text-transform: capitalize;
    color: rgb(0, 0, 0);
    font-weight: 500;
    line-height: 22px;
    padding: 10px 20px 0px;
    display: block;
}

@media (min-width: 768px) {
    .acc-payment-type {
        padding: 0px;
    }
}

.acc-payment-body,
.acc-payment-address-body {
    padding: 10px 20px;
    display: none;
}

@media (min-width: 768px) {

    .acc-payment-body,
    .acc-payment-address-body {
        padding: 0px;
        display: block;
    }
}

.acc-payment-detail-body {
    padding: 10px 20px;
    display: none;
}

@media (min-width: 768px) {
    .acc-payment-detail-body {
        padding: 0px;
        display: block;
    }
}

.acc-payment-body {
    margin-top: 10px;
    display: none;
    align-items: center;
    margin-right: 13px;
}

@media (min-width: 768px) {
    .acc-payment-body {
        display: flex;
    }
}

.acc-payment-body-payment {
    border-top: 1px solid rgb(228, 228, 228);
}

.acc-payment-body .payment-img {
    width: 45px;
    margin-right: 10px;
    display: grid;
}

.acc-payment-body .payment-img>img {
    width: 100%;
}

.acc-payment-open-icon {
    width: 32px;
}

.acc-payment-open-icon::before {
    width: 10px;
    height: 10px;
    border-right: 4px solid rgb(130, 130, 130);
    border-bottom: 4px solid rgb(130, 130, 130);
    position: absolute;
    left: 16px;
    content: " ";
    top: 8px;
    transform: rotate(225deg);
    transition: 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .acc-payment-open-icon::before {
        width: 12px;
        height: 12px;
        top: 15px;
    }
}

@media (min-width: 768px) {
    .acc-payment-open-icon {
        display: none;
    }
}

.acc-payment-close-icon {
    width: 32px;
}

.acc-payment-close-icon::before {
    width: 10px;
    height: 10px;
    border-right: 4px solid rgb(130, 130, 130);
    border-bottom: 4px solid rgb(130, 130, 130);
    position: absolute;
    left: 16px;
    content: " ";
    top: 8px;
    transform: rotate(225deg);
    transition: 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .acc-payment-close-icon::before {
        width: 12px;
        height: 12px;
        top: 15px;
    }
}

.acc-payment-close-icon::before {
    transform: rotate(45deg);
}

@media (min-width: 768px) {
    .acc-payment-close-icon {
        display: none;
    }
}

.acc-payment-open .acc-payment-open-icon::before {
    transform: rotate(45deg);
}

.acc-payment-open .acc-payment-body {
    display: flex;
}

.acc-payment-close .acc-payment-close-icon::before {
    transform: rotate(225deg);
}

.acc-payment-close .acc-payment-body {
    display: none;
}

.acc-payment-detail-open .acc-payment-open-icon::before {
    transform: rotate(45deg);
}

.acc-payment-detail-open .acc-payment-detail-body {
    display: block;
}

.acc-address-open .acc-payment-open-icon::before {
    transform: rotate(45deg);
}

.acc-address-open .acc-payment-address-body {
    display: block;
}

.icon {
    width: 200px;
    height: 200px;
    margin: 20px;
}

.number-card {
    display: block;
}

.cards {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(228, 228, 228);
    margin-right: 13px;
}

.cards-img {
    width: 60px;
    margin-right: 10px;
    background: rgb(228, 228, 228);
}

.pix-card-line {
    display: block;
}

@media only screen and (max-width: 380px) {
    .pix-card-line {
        font-size: 13px;
    }
}

@media only screen and (max-width: 340px) {
    .pix-card-line {
        font-size: 11px;
    }
}

.acc-publicidade {
    text-align: center;
    bottom: 0px;
    border: 1px solid rgb(209, 209, 209);
    margin: 0px 10px 24px;
    z-index: 2;
}

@media (min-width: 768px) {
    .acc-publicidade {
        margin: 10px 0px;
        position: relative;
        transition: 0.5s ease-out;
    }
}

.acc-publicidade-figure {
    margin: auto;
}

.acc-publicidade-figure-mobile {
    width: 100%;
    margin-bottom: -4px;
}

@media (min-width: 768px) {
    .acc-publicidade-figure-mobile {
        display: none;
    }
}

.acc-publicidade-figure-desktop {
    display: none;
}

@media (min-width: 768px) {
    .acc-publicidade-figure-desktop {
        display: block;
        margin: auto;
    }
}

.acc-publicidade-close {
    background: rgb(248, 0, 50);
    font-size: 15px;
    font-weight: 700;
    border-radius: 20px;
    height: 35px;
    width: 35px;
    padding: 9px;
    box-shadow: rgb(210, 209, 209) -3px 2px 11px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: block;
    position: absolute;
    right: 15px;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .acc-publicidade-close {
        background: rgb(248, 0, 50);
        font-size: 12px;
        font-weight: 700;
        border-radius: 10px;
        height: 20px;
        width: 20px;
        padding: 4px;
        box-shadow: rgb(210, 209, 209) -3px 2px 11px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
    }
}

.acc-search {
    border: 1px solid rgb(228, 228, 228);
    display: flex;
    justify-content: space-between;
    border-radius: 30px;
    overflow: hidden;
}

.acc-search-container {
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
    width: 90%;
    align-self: center;
}

.acc-search-input {
    padding: 10px 20px;
    border: none;
    width: 90%;
}

.acc-search-input:focus {
    outline: none;
}

.acc-search-button {
    padding: 10px 30px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.acc-search-button:focus {
    outline: none;
}

.acc-search-button>svg {
    width: 30px;
    height: 30px;
    fill: rgb(248, 0, 50);
}

.acc-search-clear {
    margin-top: 10px;
    align-self: flex-end;
    padding: 5px 15px;
    background-color: rgb(229, 229, 229);
    border-radius: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.acc-search-clear>span {
    font-size: 12px;
    color: rgb(119, 119, 119);
}

.acc-search-clear>h4 {
    display: inline-block;
    color: rgb(102, 102, 102);
    font-size: 16px;
    margin: 0px 0px 0px 5px;
}

.acc-search-clear>svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    fill: rgb(34, 34, 34);
}

.acc-sidebar.slider-parent {
    min-width: 0px;
    width: calc(100% - 40px);
    padding: 20px;
    margin: 0px 20px;
    border-radius: 16px;
    background-color: rgb(255, 255, 255);
}

.acc-sidebar.none {
    display: none;
}

.acc-sidebar .acc-rec {
    font-weight: 300;
}

.acc-sidebar .acc-rec-header {
    font-size: 22px;
    font-weight: 500;
    color: rgb(102, 102, 102);
    margin-bottom: 15px;
}

.acc-sidebar .acc-rec-item {
    padding: 25px 5px;
}

.acc-sidebar .acc-rec-item.slick-slide {
    width: 260px;
}

.acc-sidebar .acc-rec-link {
    cursor: pointer;
}

.acc-sidebar .acc-rec-image {
    height: 120px;
    width: 120px;
}

.acc-sidebar .acc-rec-info {
    padding-left: 22px;
}

.acc-sidebar .acc-rec-name {
    font-size: 12px;
    line-height: 15px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acc-sidebar .acc-rec-name-info {
    margin-top: 12px;
    font-size: 12px;
}

.acc-sidebar .acc-rec-price {
    font-size: 18px;
    font-weight: 400;
}

.acc-sidebar .acc-rec-line {
    display: flex;
    min-height: 80px;
    align-items: center;
    flex-direction: column;
}

.acc-sidebar .slick-slider .slick-arrow.slick-next.slick-disabled,
.acc-sidebar .slick-slider .slick-arrow.slick-prev.slick-disabled {
    fill: rgb(153, 153, 153);
    opacity: 0.6;
    cursor: default;
}

.acc-sidebar .slick-next::before {
    display: none;
}

.acc-sidebar .slick-prev::before {
    display: none;
}

.acc-sidebar .slick-slider {
    display: grid;
}

.acc-sidebar .slick-slider .slick-arrow.slick-next {
    fill: rgb(153, 153, 153);
    border-radius: 0px;
    width: auto;
    height: auto;
    z-index: 3;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
    top: 35%;
    right: 0px;
}

.acc-sidebar .slick-slider .slick-arrow.slick-next.slick-disabled {
    opacity: 0.6;
    cursor: default;
}

.acc-sidebar .slick-slider .slick-arrow.slick-next:hover {
    opacity: 0.6;
}

.acc-sidebar .slick-slider .slick-arrow.slick-prev {
    fill: rgb(153, 153, 153);
    border-radius: 0px;
    width: auto;
    height: auto;
    z-index: 3;
    cursor: pointer;
    left: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
    top: 35%;
}

.acc-sidebar .slick-slider .slick-arrow.slick-prev.slick-disabled {
    opacity: 0.6;
    cursor: default;
}

.acc-sidebar .slick-slider .slick-arrow.slick-prev:hover {
    opacity: 0.6;
}

.acc-sidebar .icon-back,
.acc-sidebar .icon-forward {
    width: 50px;
    height: 90px;
    padding: 30px 10px;
    background: rgb(255, 255, 255);
    border: 0px;
    transition: 0.3s;
}

.acc-customer-prime {
    padding-top: 15px;
    border-top: 1px solid rgb(204, 204, 204);
    font-weight: 300;
}

.acc-customer-prime a {
    cursor: pointer;
}

.acc-customer-prime a:link,
.acc-customer-prime a:active,
.acc-customer-prime a:visited {
    color: inherit;
}

.acc-customer-prime-capitalize {
    text-transform: capitalize;
}

.acc-customer-prime-hidden {
    display: none;
}

@media (min-width: 768px) {
    .acc-customer-prime {
        display: block;
        max-width: 215px;
    }
}

.acc-customer-prime-alert {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 5px;
}

@media (min-width: 768px) {
    .acc-customer-prime-alert {
        right: 10px;
    }
}

.acc-customer-prime-alert-img {
    position: relative;
    width: 2.5em;
    height: auto;
    top: 55%;
    left: 50%;
    padding: 5px;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle closest-side, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 92%, rgba(0, 0, 0, 0) 100%);
}

.acc-customer-prime-inline {
    text-transform: lowercase;
    margin: 0px 0px 0px 10px;
    display: inline-block;
    vertical-align: middle;
}

.acc-customer-prime-text {
    font-size: 13px;
    font-weight: 300;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    padding: 8px 20px;
    text-align: center;
    margin-top: 7px;
    position: relative;
    border-radius: 4px;
}

@media (min-width: 768px) {
    .acc-customer-prime-text {
        font-size: 16px;
    }
}

.acc-customer-prime-text-brand-color {
    background-color: rgb(248, 0, 50);
}

.acc-customer-prime-header {
    text-align: center;
}

.acc-customer-prime-align {
    width: 53%;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .acc-customer-prime-align {
        margin-right: 7px;
    }
}

.acc-customer-prime-line {
    text-transform: lowercase;
    margin-top: 5px;
}

.acc-customer-prime-color {
    color: rgb(255, 197, 0);
}

.acc-customer-prime-color-shop {
    color: rgb(60, 66, 134);
    font-weight: 400;
}

.acc-customer-prime-color-shop strong {
    font-weight: 400;
}

.acc-customer-prime-logo {
    max-height: 40px;
    max-width: 200px;
}

@media (min-width: 768px) {
    .acc-customer-prime-whitespace {
        height: 20px;
    }
}

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

.acc-ops-header {
    font-size: 100px;
    color: rgb(248, 0, 50);
    margin-bottom: 15px;
}

.acc-ops-text {
    font-size: 24px;
    color: rgb(102, 102, 102);
}

.acc-ops-button {
    margin-top: 40px;
}

.acc-ops-box {
    margin-top: 40px;
    background-color: rgb(242, 242, 242);
    color: rgb(102, 102, 102);
    padding: 20px;
}

@media (min-width: 768px) {
    .acc-ops-box {
        display: flex;
        align-items: center;
        padding: 45px 40px;
    }
}

.acc-ops-box .acc-ops-button {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .acc-ops-box .acc-ops-button {
        margin-top: 0px;
        margin-left: 35px;
    }
}

@media (min-width: 768px) {
    .acc-ops-box-text {
        font-size: 20px;
        color: rgb(102, 102, 102);
        margin-top: 15px;
    }
}

.acc-ops-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.acc-ops-icon img {
    width: 140px;
    height: 140px;
}

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

.acc-loader span {
    border-width: 3px;
    border-style: solid;
    border-color: rgb(248, 0, 50) rgb(243, 243, 243) rgb(243, 243, 243);
    border-image: initial;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: 1s linear 0s infinite normal none running spin;
    display: inline-block;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

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

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

.modal {
    font-family: Arial;
    position: absolute;
    inset: 50% auto auto 50%;
    border: 1px solid transparent;
    background: rgb(255, 255, 255);
    overflow: auto;
    border-radius: 0px;
    outline: none;
    padding: 10px;
    transform: translate(-50%, -50%);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
    width: 600px;
}

@media (max-width: 767px) {
    .modal {
        position: absolute;
        max-width: 100%;
        min-height: 100%;
        min-width: 100%;
    }
}

.modal-close {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 10px;
    height: 25px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .modal-close {
        top: 31px;
        right: 27px;
    }
}

@media (max-width: 767px) {
    .modal-icon {
        width: 15px;
        height: 15px;
    }
}

.modal-title {
    font-weight: 700;
    padding: 1rem;
    border-bottom: 1px solid transparent;
    min-height: 2rem;
    margin: 0px;
    font-size: 18px;
}

@media (min-width: 768px) {
    .modal-title {
        color: rgb(248, 0, 50);
    }
}

.modal-body {
    position: relative;
    padding: 1rem;
    font-size: 18px;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: rgb(102, 102, 102);
    text-align: center;
}

.modal-body strong {
    font-weight: 700;
}

.modal-footer {
    padding: 1rem;
    text-align: center;
}

.modal-footer .modal-btn+.modal-btn {
    margin-left: 5px;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .modal-footer .modal-btn+.modal-btn {
        margin-left: 0px;
    }
}

.modal-btn {
    padding: 10px;
    color: rgb(255, 255, 255);
    border-width: 0px;
    border-radius: 0px;
    background: rgb(248, 0, 50);
    margin: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -3px inset;
    transition: 0.1s ease-in;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    text-transform: lowercase;
}

@media (max-width: 767px) {
    .modal-btn {
        width: 100%;
        display: block;
        font-size: 1.125rem;
        padding: 0.85em;
        white-space: normal;
        overflow-wrap: break-word;
    }
}

.modal-btn:active {
    background-color: rgb(248, 0, 50);
    box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
}

.modal-btn:hover {
    opacity: 0.7;
}

.modal-btn-default {
    color: rgb(102, 102, 102);
    background-color: rgb(239, 239, 239);
    border-color: rgb(204, 204, 204);
}

.modal-btn-default:hover {
    opacity: 0.7;
}

.ReactModal__Overlay {
    background-color: rgba(0, 0, 0, 0.2) !important;
    z-index: 10;
}

.ReactModal__Body--open {
    overflow-y: hidden;
}

.acc-chat__container {
    height: 420px;
    position: relative;
    border: 2px solid rgb(204, 204, 204);
}

@media (min-width: 768px) {
    .acc-chat__container {
        height: 600px;
    }
}

.acc-chat__delivery {
    margin-bottom: 20px;
    display: inline-block;
}

.acc-chat__ico {
    margin-right: 15px;
}

.acc-chat__voltar {
    color: rgb(248, 0, 50);
    margin-left: 5px;
    font-size: 12px;
}

.acc-chat__header {
    background-color: rgb(238, 238, 238);
    color: rgb(248, 0, 50);
    padding: 15px;
    display: flex;
}

.acc-chat__name {
    margin-left: 5px;
}

.acc-chat__circle {
    min-width: 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-bottom: 12px;
    border: 1px solid rgb(204, 204, 204);
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 9px;
    position: absolute;
}

.acc-chat__circle {
    font-size: 20px;
}

.acc-chat__ajuda {
    margin-top: 20px;
    display: block;
}

.acc-chat-input {
    background-color: rgb(238, 238, 238);
    padding: 20px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acc-chat-input__input-text {
    width: 100%;
    padding: 10px;
    margin-right: 20px;
    border: none;
}

.acc-chat-input__button {
    border: none;
    border-radius: 50%;
    height: 49px;
    width: 50px;
    font-size: 28px;
    display: flex;
    text-align: center;
    justify-content: center;
    background: transparent;
}

.acc-chat-history {
    overflow-x: scroll;
    height: 285px;
}

@media (min-width: 768px) {
    .acc-chat-history {
        height: 466px;
    }
}

.acc-chat-history__collection-item {
    line-height: 1.5rem;
    padding: 10px 30px;
    margin: 5px;
}

.acc-chat-history__collection-item:last-child {
    margin-bottom: 20px;
}

.acc-chat-history__box {
    display: flex;
    position: relative;
}

.acc-chat-history__message {
    display: inline-block;
}

.acc-chat-history__time {
    display: block;
    color: rgb(121, 121, 121);
    font-size: 11px;
    margin-left: 15px;
}

.acc-chat-history__time__right {
    text-align: right;
}

.acc-chat-history__date {
    color: rgb(121, 121, 121);
    background-color: rgb(244, 244, 244);
    border-radius: 5px;
    font-size: 14px;
    padding: 4px 20px;
    margin: 10px auto;
    display: table;
    text-align: center;
}

.acc-chat-history__message-date {
    font-size: 14px;
}

.acc-chat-history__response {
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid rgb(204, 204, 204);
    padding: 7px 15px;
    text-align: left;
    margin: 0px 5px;
    display: inline-flex;
    position: relative;
}

.acc-chat-history__response::after,
.acc-chat-history__response::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    border: solid transparent;
    position: absolute;
}

.acc-chat-history__response::after {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    bottom: 8px;
}

.acc-chat-history__response::before {
    border-width: 10px 10px 11px;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    bottom: 6px;
}

.my-user .acc-chat-history__response::after {
    border-right: 9px solid rgb(255, 255, 255);
    left: -11px;
}

.my-user .acc-chat-history__response::before {
    border-right: 10px solid rgb(204, 204, 204);
    left: -19.5px;
}

.my-user .acc-chat-history__response .acc-chat__circle {
    background: rgb(155, 155, 155);
    color: rgb(255, 255, 255);
}

.my-user .acc-chat-history__message {
    margin-left: 70px;
}

.other-user .acc-chat-history__box {
    flex-direction: row-reverse;
}

.other-user .acc-chat-history__response {
    background-color: rgb(244, 247, 249);
}

.other-user .acc-chat-history__response::after {
    border-left: 9px solid rgb(244, 247, 249);
    right: -11px;
}

.other-user .acc-chat-history__response::before {
    border-left: 10px solid rgb(204, 204, 204);
    right: -19.5px;
}

.other-user .acc-chat__circle {
    background: rgb(155, 155, 155);
    color: rgb(255, 255, 255);
}

.other-user .acc-chat-history__message {
    margin-right: 70px;
}

.chat-off {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    color: rgb(51, 51, 51);
    font-family: Roboto;
}

@media (min-width: 768px) {
    .chat-off {
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }
}

.chat-off .title {
    font-size: 28px;
    font-weight: 700;
    color: rgb(102, 102, 102);
}

.chat-off .content {
    display: flex;
    flex: 1 1 0%;
}

.chat-off .modalMediate {
    text-align: center;
}

.chat-off .modalMediate div {
    padding-bottom: 10px;
}

.chat-off .show {
    display: inline-block !important;
}

.chat-off .hidden {
    display: none !important;
}

.chat-off .area {
    border-top: 2px solid rgb(238, 238, 238);
    margin-top: 10px;
}

@media (min-width: 768px) {
    .chat-off .area {
        width: 75%;
    }
}

.chat-off .lineDate {
    text-align: center;
    padding: 10px 0px;
}

.chat-off .lineMessage {
    margin-bottom: 10px;
}

.chat-off .lineMessage.b2w {
    background-color: rgb(242, 242, 242);
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.chat-off .groupDate {
    margin: 0px 10px;
}

.chat-off .groupDate:nth-child(2) .lineMessage.b2w {
    padding-top: 10px;
}

.chat-off .hour {
    font-size: 10px;
    text-align: right;
    padding-top: 10px;
}

.chat-off .sendMessage {
    display: flex;
    padding: 10px;
}

.chat-off textarea {
    resize: none;
    width: 100%;
    border: none;
    overflow: auto;
    outline: none;
    box-shadow: none;
    font-family: Roboto;
}

.chat-off .textareaMessage {
    width: 92%;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border: 4px solid rgb(238, 238, 238);
}

.chat-off .errorMessage {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: red;
    text-align: right;
}

.chat-off .charMessage {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: rgb(204, 204, 204);
    text-align: right;
}

.chat-off .sendingMessage {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: rgb(0, 135, 68);
    text-align: right;
}

.chat-off .changedOperator {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    width: 100%;
    padding: 10px 0px;
}

.chat-off .date {
    background-color: rgb(242, 242, 242);
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 5px;
}

.chat-off .nextPage,
.chat-off .help {
    text-align: center;
}

@media (min-width: 768px) {
    .chat-off .help {
        text-align: left;
    }
}

.chat-off .alert {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}

.chat-off .alert.msgInitial {
    font-style: normal;
    color: rgb(0, 0, 0);
    margin: 0px 0px 15px;
    background-color: rgb(238, 238, 238);
    padding: 10px;
}

.chat-off .alert.msgError {
    color: red;
    margin: 15px 0px;
}

.chat-off .alert.msgLoading {
    color: rgb(204, 204, 204);
    margin: 15px 0px;
}

.chat-off .sideMessage {
    width: 5%;
    padding: 5px 0px 0px 5px;
}

.chat-off .sideMessage.send {
    height: 60%;
    padding-bottom: 0px;
}

.chat-off .sideMessage.attachment {
    height: 40%;
}

.chat-off .mouseClick {
    cursor: pointer;
    padding: 5px;
}

.chat-off .mouseClick.sending {
    cursor: progress;
}

.chat-off .mouseClick.sending svg {
    fill-opacity: 0.5;
}

.chat-off .tag {
    background-color: rgb(238, 238, 238);
    font-size: 12px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    display: inline-block;
}

.chat-off .tag .file {
    padding: 7px;
    display: flex;
}

.chat-off .tag div {
    float: left;
}

.chat-off .tag .attachment {
    padding: 6px 0px 3px 10px;
}

.chat-off .tag svg {
    fill: rgb(0, 0, 0);
    width: 14px;
    height: 14px;
}

.chat-off .tag .close {
    font-size: 15px;
    font-weight: 700;
    width: 25px;
    text-align: center;
}

.chat-off .fileSize {
    font-size: 10px;
}

.chat-off .inputFile {
    display: none;
}

.chat-off .icon-attachment {
    width: 25px;
    height: 25px;
    fill: rgb(248, 0, 50);
}

.chat-off .icon-user {
    width: 1.3em;
    height: 1.3em;
    margin: 0px;
    fill: rgb(248, 0, 50);
}

.chat-off .icon-arrow {
    width: 25px;
    height: 25px;
    fill: rgb(248, 0, 50);
}

.chat-off .icon-user-brand {
    width: 20px;
    height: 24px;
}

.chat-off .boxUser {
    float: left;
    width: 15%;
}

.chat-off .sideArrow {
    float: left;
    width: 0%;
}

.chat-off .circle {
    border-radius: 50%;
    border: 2px solid rgb(248, 0, 50);
    width: 38px;
    height: 38px;
    padding: 5px 6.5px;
    display: inline-block;
}

.chat-off .circle.shop {
    padding: initial;
    border: none;
}

.chat-off .circle.shop svg {
    width: 38px;
    height: 38px;
}

.chat-off .groupMessage {
    width: 90%;
    margin: 10px 0px 0px;
}

.chat-off .groupMessage.right {
    background-color: rgb(220, 237, 201);
    float: right;
}

.chat-off .groupMessage.left {
    background-color: rgb(255, 223, 229);
    float: left;
}

.chat-off .groupMessage.info {
    display: inline-block;
    width: 100%;
    background-color: rgb(238, 238, 238);
    text-align: center;
}

.chat-off .groupMessage.info span {
    display: inline-block;
    font-weight: 450;
    padding-left: 70px;
    padding-right: 70px;
}

.chat-off .fixedMessage {
    display: inline-block;
    padding: 10px;
    margin-left: 10px;
    width: 97%;
    background-color: rgb(238, 238, 238);
    text-align: center;
}

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

.chat-off .columnUser {
    text-align: center;
    float: left;
    width: 100%;
    padding: 3px 10px 0px;
}

.chat-off .name {
    padding-top: 5px;
    font-size: 10px;
}

.chat-off .areaMessage {
    overflow: auto;
    height: 400px;
    margin: 10px 0px;
}

.chat-off .areaMessage::-webkit-scrollbar {
    width: 6px;
}

.chat-off .areaMessage::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgb(221, 221, 221);
}

.chat-off .link {
    color: rgb(102, 102, 102);
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.chat-off .link:hover {
    text-decoration: underline;
    color: rgb(248, 0, 50);
}

.chat-off .arrowLeft {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 14px solid rgb(238, 238, 238);
    margin-top: 10px;
    position: relative;
    left: -14px;
}

.chat-off .arrowLeft::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 14px solid rgb(255, 255, 255);
    position: relative;
    margin-top: -20px;
    margin-left: 3px;
}

.chat-off .arrowRight {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 14px solid rgb(238, 238, 238);
    margin: 10px 0px;
}

.chat-off .arrowRight::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 14px solid rgb(255, 255, 255);
    margin-top: -20px;
    margin-left: -17px;
}

.chat-off .message {
    padding: 10px;
    overflow-wrap: break-word;
}

.chat-off .fromMessage {
    font-weight: 700;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

.chat-off .note {
    font-size: 12px;
    padding-left: 10px;
}

.chat-delivery-off {
    margin-top: 10px;
    border-top: 2px solid rgb(238, 238, 238);
    text-transform: lowercase;
}

.chat-delivery-off-title {
    font-size: 1.3em;
    font-weight: 300;
    color: rgb(248, 0, 50);
    margin-top: 10px;
}

.chat-delivery-off-list {
    border-bottom: 2px solid rgb(238, 238, 238);
    padding: 10px 0px;
}

.chat-delivery-off-line {
    padding: 5px 0px;
    display: flex;
    align-items: center;
}

.chat-delivery-off-name {
    color: rgb(154, 154, 154);
}

.chat-delivery-off-description {
    font-weight: 500;
}

.chat-delivery-off-description.text-transform {
    text-transform: none;
}

.chat-delivery-off-box-name {
    padding-top: 10px;
    font-size: 1.1em;
}

.chat-delivery-off-figure {
    position: relative;
    display: inline-block;
    margin: 5px 10px 0px 0px;
}

.chat-delivery-off-image {
    vertical-align: middle;
}

.chat-delivery-off-more {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 80px;
    font-size: 1.5em;
    font-weight: 500;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.5);
}

.acc-order-service-sale {
    border-top: 1px solid rgb(228, 228, 228);
}

.acc-service-sale-header {
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .acc-service-sale-header {
        margin-bottom: 0px;
    }
}

.acc-service-sale-title {
    color: rgb(47, 198, 246);
}

@media (max-width: 375px) {
    .acc-service-sale-title {
        font-size: 11px;
        background-color: rgb(255, 255, 255);
    }
}

.acc-address-container {
    display: flex;
    flex-direction: column;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    .acc-address-container {
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }

    .acc-address-container>.acc-page-header {
        width: 90%;
        margin: 0px auto;
    }
}

.acc-address-container .btnAction {
    align-self: center;
}

.acc-address-header {
    font-size: 28px;
}

.acc-address-subtitle {
    padding-top: 20px;
}

.acc-address-content {
    padding-top: 20px;
    margin: 0px -15px;
    display: flex;
    flex-wrap: wrap;
}

.acc-address-card-container {
    padding: 0px 15px 15px;
    width: 100%;
    color: rgb(102, 102, 102);
}

@media (min-width: 768px) {
    .acc-address-card-container {
        width: 50%;
    }
}

.acc-address-card-container.main .card-container {
    border-color: rgb(102, 102, 102);
    color: rgb(102, 102, 102);
}

.acc-address-card-container.main .card-container>* {
    border-color: rgb(102, 102, 102);
}

.acc-address-card-container.main .card-footer input[type="radio"]~label::before {
    border-color: rgb(102, 102, 102);
}

.acc-address-card-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.acc-address-card-header h2 {
    margin: 0px;
    text-transform: lowercase;
}

.acc-address-card-body {
    overflow: hidden;
}

.acc-address-card-body>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acc-address-card-buttons {
    display: flex;
    width: 12.5%;
    justify-content: space-between;
}

.acc-address-card-buttons svg {
    height: 25px;
    width: 25px;
    cursor: pointer;
    fill: rgb(102, 102, 102);
}

.acc-address-card-buttons span {
    cursor: pointer;
}

.acc-address-card-footer input[type="radio"] {
    display: none;
}

.acc-address-card-footer input[type="radio"]:checked~label::after {
    background: rgb(248, 0, 50);
    content: "";
    height: 10px;
    top: 3px;
    left: 6px;
    position: absolute;
    width: 10px;
    border-radius: 10px;
}

.acc-address-card-footer input[type="radio"]~label::before {
    border: 1px solid rgb(102, 102, 102);
    content: "";
    height: 20px;
    top: -3px;
    left: 0px;
    position: absolute;
    width: 20px;
    border-radius: 20px;
}

.acc-address-tracking {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-top: 10px;
    color: rgb(102, 102, 102);
}

@media (max-width: 767px) {
    .acc-address-tracking {
        width: 100%;
    }
}

.acc-address-tracking a {
    color: rgb(50, 50, 50);
    cursor: default;
}

@media (min-width: 768px) {
    .acc-address-tracking-content {
        margin-left: 45px;
    }
}

.acc-address-tracking-icon {
    position: relative;
    text-align: center;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .acc-address-tracking-icon {
        position: absolute;
        margin-top: 0px;
    }
}

.acc-address-tracking-icon .icon-address {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    fill: rgb(248, 0, 50);
}

.acc-address-tracking-data {
    display: block;
    color: rgb(50, 50, 50);
    font-family: Roboto;
    font-weight: 500;
    margin-bottom: 10px;
}

.acc-address-tracking-recipient-container {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .acc-address-tracking-recipient-container {
        justify-content: center;
        align-items: center;
    }

    .acc-address-tracking-recipient-container span {
        display: unset !important;
    }
}

.acc-address-tracking-recipient-container>span {
    font-family: Roboto;
    font-weight: 300;
    color: rgb(130, 130, 130);
}

.acc-address-tracking-recipient-content {
    color: rgb(50, 50, 50);
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
}

.acc-address-tracking-details {
    display: flex;
    flex-direction: column;
}

.acc-address-tracking-details span {
    font-size: 14px;
    font-family: Roboto;
    font-weight: 300;
    color: rgb(130, 130, 130);
    line-height: 1.4;
}

.acc-address-select-main {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.acc-address-loader {
    display: flex;
    position: absolute;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.acc-address-form {
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
}

.acc-address-delete-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acc-address-delete-modal-header>h4 {
    margin: 0px;
    color: rgb(248, 0, 50);
    font-weight: 700;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.acc-address-delete-modal-header>span {
    font-size: 16px;
    padding: 10px;
    opacity: 0.4;
    cursor: pointer;
}

.acc-address-delete-modal-body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.acc-address-delete-modal-body>span {
    padding-bottom: 10px;
    text-align: center;
}

.acc-address-delete-modal-body>div {
    padding-bottom: 5px;
    text-align: center;
}

.acc-address-delete-modal-footer {
    display: flex;
    justify-content: center;
}

.acc-address-delete-modal-footer>button {
    font-size: 12px;
    padding: 5px;
}

.acc-address-new {
    padding: 0px 15px 15px;
    width: 100%;
}

@media (min-width: 768px) {
    .acc-address-new {
        width: 50%;
    }
}

.acc-address-new>div {
    border: 2px dashed rgb(204, 204, 204);
    height: 196px;
    color: rgb(248, 0, 50);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.acc-address-new>div>svg {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 2px solid rgb(255, 255, 255);
    background-color: rgb(248, 0, 50);
    fill: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) -1px -1px inset;
    margin-bottom: 5px;
}

[class^="card"] {
    display: flex;
}

.card-container {
    border: 2px solid rgb(204, 204, 204);
    flex-direction: column;
}

.card-header {
    border-bottom: 2px solid rgb(204, 204, 204);
    padding: 5px 20px;
}

.card-body {
    padding: 10px 20px;
}

.card-footer {
    border-top: 1px solid rgb(228, 228, 228);
    margin: 0px 20px;
    padding: 20px 0px;
}

.form-field-container {
    padding: 5px 10px;
}

.form-field-container.block {
    padding: 5px 0px;
}

.form-field-content {
    border: 1px solid rgb(204, 204, 204);
    padding: 0px 10px;
}

.form-field-content.no-border {
    border: none;
    padding: 0px;
}

.form-field-content.disabled {
    border: none;
    background-color: rgb(242, 242, 242);
}

.form-field-content>label {
    color: rgb(102, 102, 102);
    font-size: 11px;
}

.form-field-field {
    width: 100%;
}

.form-field-field input,
.form-field-field select,
.form-field-field textarea {
    width: 100%;
    background-color: rgb(255, 255, 255);
    color: rgb(102, 102, 102);
    border: none;
}

.form-field-field input:focus,
.form-field-field select:focus,
.form-field-field textarea:focus {
    outline: none;
}

.form-field-field input:disabled,
.form-field-field select:disabled,
.form-field-field textarea:disabled {
    border: none;
    background-color: rgb(242, 242, 242);
}

.form-field-field input option:disabled,
.form-field-field select option:disabled,
.form-field-field textarea option:disabled {
    border: none;
    background-color: rgb(242, 242, 242);
}

.form-field-field-observation {
    display: inline-flex;
    padding-left: 10px;
    font-size: 14px;
    text-transform: lowercase;
    align-items: center;
    color: rgb(102, 102, 102);
}

@media (max-width: 767px) {
    .form-field-field-observation {
        display: none;
    }
}

.form-field-field-observation-img-container {
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(157, 157, 157);
    border-right-color: rgb(157, 157, 157);
    border-bottom-color: rgb(157, 157, 157);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    text-align: center;
    padding: 10px;
    height: 43px;
}

@media (max-width: 767px) {
    .form-field-field-observation-img-container {
        display: none;
    }
}

.form-field-error {
    color: rgb(230, 0, 20);
}

.form-field-error .form-field-content {
    border-color: rgb(230, 0, 20);
}

.form-field-error .form-field-content>div input,
.form-field-error .form-field-content>div textarea,
.form-field-error .form-field-content select {
    border-color: rgb(230, 0, 20);
}

.form-field-error .form-field-subtitle {
    padding-top: 5px;
    font-size: 12px;
}

.form-field-submit-button-container {
    display: flex;
}

@media (min-width: 768px) {
    .form-field-submit-button-offset {
        flex: 1 1 0%;
    }
}

.form-field-submit-button-content {
    display: flex;
    flex: 2 1 0%;
    padding-left: 5px;
    margin: 10px;
}

@media (min-width: 768px) {
    .form-field-submit-button-content {
        margin: 0px;
        padding-left: 5px;
    }
}

@media (max-width: 767px) {
    .form-field-submit-button-content>button {
        width: 100%;
    }
}

.form-field-items {
    flex: 2 1 0%;
    display: inline-flex;
    padding-left: 0px;
    margin-top: 10px;
}

.form-field-items input[type="radio"] {
    display: none;
}

.form-field-items input[type="radio"]~label {
    position: relative;
    margin-left: 30px;
    padding-right: 20px;
}

@media (max-width: 767px) {
    .form-field-items input[type="radio"]~label {
        line-height: 1.6;
    }
}

.form-field-items input[type="radio"]~label::before {
    border: 1px solid rgb(102, 102, 102);
    content: "";
    height: 20px;
    top: -3px;
    left: -30px;
    position: absolute;
    width: 20px;
    border-radius: 20px;
}

.form-field-items input[type="radio"]:checked~label {
    color: rgb(102, 102, 102);
}

.form-field-items input[type="radio"]:checked~label::before {
    border-color: rgb(102, 102, 102);
}

.form-field-items input[type="radio"]:checked~label::after {
    background: rgb(248, 0, 50);
    content: "";
    height: 10px;
    top: 3px;
    left: -24px;
    position: absolute;
    width: 10px;
    border-radius: 10px;
}

.form-field-item input[type="checkbox"] {
    display: none;
}

.form-field-item input[type="checkbox"]~label {
    position: relative;
    margin-left: 30px;
    cursor: pointer;
}

.form-field-item input[type="checkbox"]~label svg {
    height: 15px;
    width: 15px;
    top: 0px;
    left: -27px;
    position: absolute;
    fill: rgb(255, 255, 255);
}

.form-field-item input[type="checkbox"]~label::before {
    border: 1px solid rgb(102, 102, 102);
    content: " ";
    height: 20px;
    top: -3px;
    left: -30px;
    position: absolute;
    width: 20px;
}

.form-field-item input[type="checkbox"]:checked~label {
    color: rgb(102, 102, 102);
}

.form-field-item input[type="checkbox"]:checked~label::before {
    border-color: rgb(248, 0, 50);
    background: rgb(248, 0, 50);
}

.form-field-item input[type="checkbox"]:disabled~label {
    cursor: default;
}

.form-field-item input[type="checkbox"]:disabled~label svg {
    fill: rgb(229, 229, 229);
}

.form-field-item input[type="checkbox"]:disabled~label::before {
    background: rgb(229, 229, 229);
    border-color: rgb(102, 102, 102);
}

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

.form-field-inline .form-field-container {
    flex: 1 1 0%;
    margin-right: 15px;
}

.form-field-inline .form-field-container:last-of-type {
    margin-right: 0px;
}

@media (max-width: 767px) {
    .form-field-content.no-label {
        padding: 10px;
    }
}

@media (min-width: 768px) {
    .form-field-container {
        padding: 5px 0px;
    }

    .form-field-container.block {
        padding: 0px;
    }

    .form-field-container.block .form-field-content {
        display: block;
        padding: 0px;
    }

    .form-field-container.block .form-field-content label {
        padding-bottom: 5px;
    }

    .form-field-container.block .form-field-field {
        padding-left: 0px;
    }

    .form-field-container.block .form-field-field input,
    .form-field-container.block .form-field-field select,
    .form-field-container.block .form-field-field textarea {
        width: 50%;
    }

    .form-field-container.block .form-field-field input.wide,
    .form-field-container.block .form-field-field select.wide,
    .form-field-container.block .form-field-field textarea.wide {
        width: 100%;
    }

    .form-field-container.block .form-field-items {
        padding-left: 0px;
    }

    .form-field-container.block .form-field-info {
        display: block;
        text-align: left;
    }

    .form-field-container.block .form-field-subtitle {
        padding-left: 0px;
    }

    .form-field-container.block .form-field-subtitle-offset {
        padding-right: 0px;
    }

    .form-field-content {
        border: none;
        display: flex;
        align-items: center;
    }

    .form-field-content.disabled {
        background-color: inherit;
    }

    .form-field-content>label {
        flex: 1 1 0%;
        display: inline-flex;
        justify-content: flex-end;
        padding-right: 5px;
        font-size: 14px;
        text-transform: lowercase;
    }

    .form-field-field {
        flex: 2 1 0%;
        display: inline-flex;
        padding-left: 5px;
    }

    .form-field-field input,
    .form-field-field select,
    .form-field-field textarea {
        border: 1px solid rgb(204, 204, 204);
        padding: 10px;
        height: 43px;
        width: 300px;
    }

    .form-field-field input.wide,
    .form-field-field select.wide,
    .form-field-field textarea.wide {
        width: 500px;
    }

    .form-field-field input:disabled,
    .form-field-field select:disabled,
    .form-field-field textarea:disabled {
        background-color: rgb(242, 242, 242);
    }

    .form-field-field textarea {
        height: 143px;
        resize: none;
    }

    .form-field-info {
        margin-top: 5px;
        display: flex;
        align-items: center;
    }

    .form-field-subtitle {
        font-size: 12px;
        flex: 2 1 0%;
        padding-left: 5px;
    }

    .form-field-subtitle-offset {
        padding-right: 5px;
        flex: 1 1 0%;
    }

    .form-field-items {
        padding-left: 5px;
        margin-top: 0px;
    }

    .form-field-item input[type="checkbox"]:checked~label,
    .form-field-item input[type="checkbox"]~label {
        padding-right: 20px;
    }
}

.feedback-bar {
    width: 100%;
    margin: 10px 0px;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    transition: 0.3s linear;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    background-color: rgb(178, 230, 250);
    font-family: Roboto;
    font-size: 18px;
}

.feedback-bar-close {
    width: 20px;
    height: 20px;
    margin: -10px 0px 0px 20px;
    cursor: pointer;
}

.feedback-bar.hide {
    max-height: 0px;
    padding: 0px 15px;
}

.feedback-bar.show {
    max-height: 100px;
    padding: 15px;
}

.feedback-bar.warning {
    background-color: rgb(251, 238, 193);
}

.feedback-bar.success {
    background-color: rgb(197, 240, 190);
}

.feedback-bar.error {
    background-color: rgb(250, 185, 196);
}

.acc-credit-card-container {
    display: flex;
    flex-direction: column;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    .acc-credit-card-container {
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }

    .acc-credit-card-container>.acc-page-header {
        width: 90%;
        margin: 0px auto;
    }
}

.acc-credit-card-container .btnAction {
    align-self: center;
}

.acc-credit-card-content {
    padding-top: 20px;
    margin: 0px -15px;
    display: flex;
    flex-wrap: wrap;
}

.acc-credit-card-select-main {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.acc-credit-card-card-container {
    padding: 0px 15px 15px;
    width: 100%;
    color: rgb(102, 102, 102);
}

@media (min-width: 768px) {
    .acc-credit-card-card-container {
        width: 50%;
    }
}

.acc-credit-card-card-container.main .card-container {
    border-color: rgb(102, 102, 102);
    color: rgb(102, 102, 102);
}

.acc-credit-card-card-container.main .card-container>* {
    border-color: rgb(102, 102, 102);
}

.acc-credit-card-card-container.main .card-footer input[type="radio"]~label::before {
    border-color: rgb(102, 102, 102);
}

.acc-credit-card-card-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.acc-credit-card-card-header-title {
    flex: 1 1 0%;
}

.acc-credit-card-card-header-title>h4 {
    margin: 0px;
    padding-left: 15px;
}

.acc-credit-card-card-header h2 {
    margin: 0px;
    text-transform: lowercase;
}

.acc-credit-card-card-header figure {
    width: 42px;
    height: 26px;
}

.acc-credit-card-card-header figure img {
    width: 42px;
    height: 26px;
}

.acc-credit-card-card-body {
    overflow: hidden;
}

.acc-credit-card-card-body>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acc-credit-card-card-buttons {
    display: flex;
    justify-content: space-between;
}

.acc-credit-card-card-buttons svg {
    height: 25px;
    width: 25px;
    cursor: pointer;
    fill: rgb(102, 102, 102);
}

.acc-credit-card-card-footer input[type="radio"] {
    display: none;
}

.acc-credit-card-card-footer input[type="radio"]:checked~label::after {
    background: rgb(248, 0, 50);
    content: "";
    height: 10px;
    top: 3px;
    left: 6px;
    position: absolute;
    width: 10px;
    border-radius: 10px;
}

.acc-credit-card-card-footer input[type="radio"]~label::before {
    border: 1px solid rgb(102, 102, 102);
    content: "";
    height: 20px;
    top: -3px;
    left: 0px;
    position: absolute;
    width: 20px;
    border-radius: 20px;
}

.acc-credit-card-delete-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acc-credit-card-delete-modal-header>h4 {
    margin: 0px;
    color: rgb(248, 0, 50);
    font-weight: 700;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.acc-credit-card-delete-modal-header>span {
    font-size: 16px;
    padding: 10px;
    opacity: 0.4;
    cursor: pointer;
}

.acc-credit-card-delete-modal-body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.acc-credit-card-delete-modal-body>span {
    padding-bottom: 10px;
    text-align: center;
}

.acc-credit-card-delete-modal-body>div {
    padding-bottom: 5px;
    text-align: center;
}

.acc-credit-card-delete-modal-footer {
    display: flex;
    justify-content: center;
}

.acc-credit-card-delete-modal-footer>button {
    font-size: 12px;
    padding: 5px;
}

.acc-notification-modal h3 {
    color: rgb(248, 0, 50);
    text-transform: lowercase;
    margin: 0px 0px 30px;
    font-size: 18px;
}

.acc-notification-modal ul {
    margin-left: 20px;
    margin-bottom: 30px;
}

.acc-notification-modal ul li {
    list-style-type: disc;
    font-size: 16px;
}

.acc-notification-modal>div {
    display: flex;
    justify-content: space-between;
}

.acc-vouchers-container {
    width: 100%;
}

@media (min-width: 768px) {
    .acc-vouchers-container {
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }

    .acc-vouchers-container>.acc-page-header {
        width: 90%;
        margin: 0px auto;
    }
}

.acc-vouchers-container h4 {
    color: rgb(130, 130, 130);
    text-transform: lowercase;
}

.acc-vouchers-container>header {
    display: flex;
}

@media (min-width: 768px) {
    .acc-vouchers-container>header {
        margin-bottom: 15px;
    }
}

.acc-vouchers-container>header .acc-page-header {
    flex: 1 1 0%;
}

.acc-vouchers-container>header>div {
    flex: 1.25 1 0%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.acc-vouchers-container>header>div form {
    border: 1px solid rgb(204, 204, 204);
    width: 100%;
    display: flex;
}

.acc-vouchers-container>header>div form>input {
    width: 100%;
    padding: 15px 10px;
    border: none;
}

.acc-vouchers-container>header>div form>input:focus {
    outline: none;
}

.acc-vouchers-container>header>div form>button {
    background: none;
    border: none;
    padding: 0px 15px;
    cursor: pointer;
}

.acc-vouchers-container>header>div form>button:focus {
    outline: none;
}

.acc-vouchers-container>header>div form>button>svg {
    height: 20px;
    width: 20px;
    fill: rgb(248, 0, 50);
}

.acc-vouchers-select {
    width: 100%;
    border: 1px solid rgb(204, 204, 204);
    padding: 15px 10px;
    position: relative;
}

@media (min-width: 768px) {
    .acc-vouchers-select {
        width: 200px;
    }
}

.acc-vouchers-select>select {
    width: 100%;
    background: none;
    appearance: none;
    border: none;
    color: rgb(102, 102, 102);
}

.acc-vouchers-select>select:focus {
    outline: none;
}

.acc-vouchers-select::after {
    content: " ";
    border-bottom: 2px solid rgb(204, 204, 204);
    border-right: 2px solid rgb(204, 204, 204);
    position: absolute;
    height: 10px;
    width: 10px;
    right: 15px;
    top: 15px;
    transform: rotate(45deg);
}

.acc-vouchers-table-header {
    display: none;
    padding-left: 20px;
}

@media (min-width: 768px) {
    .acc-vouchers-table-header {
        display: flex;
    }
}

.acc-vouchers-table-header>h4 {
    margin: 0px;
    flex: 1 1 0%;
    text-align: center;
    padding: 0px 30px;
    text-transform: lowercase;
    color: rgb(102, 102, 102);
}

.acc-vouchers-table-header>h4:first-of-type {
    padding-left: 10px;
}

.acc-vouchers-table-header>h4:last-of-type {
    padding-right: 10px;
}

.acc-vouchers-item {
    display: flex;
    margin: 30px 0px;
    border-bottom: 1px solid rgb(230, 230, 230);
    position: relative;
}

.acc-vouchers-item-balance {
    color: rgb(48, 187, 242);
}

.acc-vouchers-item-copy-banner {
    position: absolute;
    background-color: rgb(67, 226, 158);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 1;
}

.acc-vouchers-item-copy-banner.error {
    background-color: rgb(208, 86, 0);
}

.acc-vouchers-item-copy-banner>svg {
    fill: rgb(255, 255, 255);
}

.acc-vouchers-item-copy-banner.show {
    opacity: 0.9;
    height: 100%;
    transition: height 1ms, background-color 1ms, opacity 0.2s linear 1ms;
}

.acc-vouchers-item-copy-banner.hide {
    opacity: 0;
    height: 0px;
    transition: opacity 0.2s linear, height 1ms 0.2s, background-color 1ms 0.2s;
}

.acc-vouchers-item-copy-banner>svg {
    height: 55px;
    width: 55px;
    margin-right: 15px;
}

.acc-vouchers-item-copy-banner>span {
    color: rgb(255, 255, 255);
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin-top: 5px;
}

.acc-vouchers-item-container {
    width: 100%;
    border-left: 10px solid;
    padding-left: 10px;
    margin-bottom: 30px;
}

.acc-vouchers-item-container .acc-vouchers-item-status {
    font-weight: 700;
}

.acc-vouchers-item-container.available {
    border-color: rgb(67, 226, 158);
}

.acc-vouchers-item-container.available .acc-vouchers-item-status {
    color: rgb(67, 226, 158);
}

.acc-vouchers-item-container.available .acc-vouchers-item-code>input {
    border-color: rgb(67, 226, 158);
}

.acc-vouchers-item-container.expired {
    border-color: rgb(241, 196, 0);
}

.acc-vouchers-item-container.expired .acc-vouchers-item-status {
    color: rgb(241, 196, 0);
}

.acc-vouchers-item-container.expired .acc-vouchers-item-code>input {
    border-color: rgb(241, 196, 0);
}

.acc-vouchers-item-container.blocked {
    border-color: rgb(208, 86, 0);
}

.acc-vouchers-item-container.blocked .acc-vouchers-item-status {
    color: rgb(208, 86, 0);
}

.acc-vouchers-item-container.blocked .acc-vouchers-item-code>input {
    border-color: rgb(208, 86, 0);
}

.acc-vouchers-item-container.used {
    border-color: rgb(157, 157, 157);
}

.acc-vouchers-item-container.used .acc-vouchers-item-status {
    color: rgb(157, 157, 157);
}

.acc-vouchers-item-container.used .acc-vouchers-item-code>input {
    border-color: rgb(157, 157, 157);
}

.acc-vouchers-item:last-of-type {
    border-bottom: none;
}

.acc-vouchers-item-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.acc-vouchers-item-header-section {
    flex: 1 1 0%;
    padding: 5px;
}

.acc-vouchers-item-header-section h4 {
    margin: 5px;
    text-transform: lowercase;
}

@media (min-width: 768px) {
    .acc-vouchers-item-header-section {
        padding: 0px 15px;
    }

    .acc-vouchers-item-header-section:first-of-type {
        padding-left: 0px;
    }

    .acc-vouchers-item-header-section:last-of-type {
        padding-right: 0px;
    }

    .acc-vouchers-item-header-section h4 {
        display: none;
    }
}

.acc-vouchers-item-header-section>div {
    text-align: center;
    border: 1px solid rgb(230, 230, 230);
    padding: 15px;
}

.acc-vouchers-item-code {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 5px;
}

@media (min-width: 768px) {
    .acc-vouchers-item-code {
        padding: 0px;
    }
}

.acc-vouchers-item-code>input {
    border: 2px solid;
    padding: 10px 15px;
    width: 100%;
}

@media (min-width: 768px) {
    .acc-vouchers-item-code>input {
        flex: 1 1 0%;
    }
}

.acc-vouchers-item-code>input:focus {
    outline: none;
}

.acc-vouchers-item-code>button {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .acc-vouchers-item-code>button {
        margin: 0px 5px;
    }
}

@media (max-width: 768px) {
    .acc-vouchers-item-code>button {
        width: 100%;
    }
}

.acc-vouchers-item-history {
    border: 1px solid rgb(204, 204, 204);
    margin: 10px 5px;
}

@media (min-width: 768px) {
    .acc-vouchers-item-history {
        margin: 10px 0px 0px;
    }
}

.acc-vouchers-item-history.open .acc-vouchers-item-history-toggle::before {
    transform: rotate(225deg);
    top: 15px;
}

.acc-vouchers-item-history-toggle {
    position: relative;
    padding: 10px 10px 10px 30px;
}

.acc-vouchers-item-history-toggle::before {
    content: " ";
    border-bottom: 2px solid rgb(204, 204, 204);
    border-right: 2px solid rgb(204, 204, 204);
    position: absolute;
    height: 10px;
    width: 10px;
    left: 10px;
    top: 10px;
    transform: rotate(45deg);
    transition: 0.2s linear;
}

.acc-vouchers-item-history-content {
    padding: 0px 10px;
}

.acc-vouchers-item-history-item {
    display: flex;
    background-color: rgb(242, 242, 242);
    margin: 5px 0px;
    flex-wrap: wrap;
}

.acc-vouchers-item-history-item>div {
    width: 50%;
    margin: 10px 0px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(102, 102, 102);
    text-align: center;
}

.acc-vouchers-item-history-item>div.separator {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px 10px;
    border-top: 1px solid rgb(188, 188, 188);
}

@media (min-width: 768px) {
    .acc-vouchers-item-history-item>div.separator {
        display: none;
    }
}

.acc-vouchers-item-history-item>div:first-of-type {
    border-right: 1px solid rgb(188, 188, 188);
}

.acc-vouchers-item-history-item>div:last-of-type {
    border-left: 1px solid rgb(188, 188, 188);
}

@media (min-width: 768px) {
    .acc-vouchers-item-history-item>div {
        flex: 1 1 0%;
        border-right: 1px solid rgb(188, 188, 188);
    }

    .acc-vouchers-item-history-item>div:last-of-type {
        border-right: none;
        border-left: none;
    }
}

.acc-vouchers-item-history-item>div.value-gained {
    color: rgb(48, 187, 242);
}

.acc-vouchers-item-history-item>div.value-spent {
    color: rgb(251, 86, 86);
}

.acc-vouchers-item-history-item>div a {
    color: rgb(102, 102, 102);
}

.acc-vouchers-item-history-item>div a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .acc-vouchers-item-history-item>div a {
        text-decoration: underline;
    }
}

@media (max-width: 767px) {
    .acc-vouchers-item-history-item>div span {
        display: none;
    }
}

.acc-vouchers-more {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.acc-vouchers-more a {
    color: rgb(102, 102, 102);
}

.acc-vouchers-more a:hover {
    color: rgb(102, 102, 102);
    text-decoration: underline;
}

.acc-reviews-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

@media (min-width: 768px) {
    .acc-reviews-container {
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }

    .acc-reviews-container>.acc-page-header {
        width: 90%;
        margin: 0px auto;
    }
}

.acc-reviews-container .btnAction.primary {
    margin-top: 20px;
    align-self: center;
    box-shadow: none;
}

.acc-reviews-container .btnAction.default {
    margin-top: 20px;
}

.acc-reviews-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.acc-reviews-filter-select {
    width: 50%;
    margin-left: 10px;
    border: 1px solid rgb(204, 204, 204);
    padding: 15px 10px;
    position: relative;
}

@media (min-width: 768px) {
    .acc-reviews-filter-select {
        width: 33%;
    }
}

.acc-reviews-filter-select select {
    width: 100%;
    background: none;
    appearance: none;
    border: none;
    color: rgb(102, 102, 102);
}

.acc-reviews-filter-select::after {
    content: " ";
    border-bottom: 2px solid rgb(204, 204, 204);
    border-right: 2px solid rgb(204, 204, 204);
    position: absolute;
    height: 10px;
    width: 10px;
    right: 15px;
    top: 15px;
    transform: rotate(45deg);
}

.acc-reviews-types {
    display: flex;
    justify-content: center;
    border: 1px solid rgb(204, 204, 204);
    margin: 10px 0px;
}

.acc-reviews-types a {
    padding: 10px;
    font-size: 14px;
    text-align: center;
}

.acc-reviews-types .active {
    color: rgb(229, 0, 20);
    border-bottom: 3px solid rgb(229, 0, 20);
}

.acc-reviews-types .disabled {
    opacity: 0.5;
    color: rgb(130, 130, 130);
}

.acc-reviews-types .disabled span {
    background-color: rgb(130, 130, 130);
    color: rgb(255, 255, 255);
    padding: 5px;
    font-size: 12px;
    border-radius: 15px;
    display: inline-block;
}

.acc-reviews-item {
    margin-top: 20px;
    border: 1px solid rgb(204, 204, 204);
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .acc-reviews-item {
        flex-direction: row;
    }
}

.acc-reviews-item>div {
    flex: 1 1 0%;
    display: flex;
    padding: 15px;
}

.acc-reviews-item-content {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.acc-reviews-item-content img,
.acc-reviews-item-content svg {
    height: 70px;
    width: 70px;
    border: 1px solid rgb(204, 204, 204);
    margin: 30px 10px 15px;
}

.acc-reviews-item-content svg {
    padding: 10px;
    fill: rgb(204, 204, 204);
}

.acc-reviews-item h4 {
    font-size: 14px;
    margin: 0px;
    text-transform: lowercase;
    color: rgb(102, 102, 102);
}

.acc-reviews-item h4 a {
    color: rgb(102, 102, 102);
}

.acc-reviews-item h4 a:hover {
    text-decoration: underline;
}

.acc-reviews-item-order {
    border-top: 3px solid rgb(255, 255, 255);
}

@media (max-width: 767px) {
    .acc-reviews-item-order {
        border-bottom: 1px solid rgb(204, 204, 204);
    }
}

.acc-reviews-item-order>div {
    width: 80px;
}

.acc-reviews-item-order svg.slick-arrow {
    height: 30px;
    width: 30px;
    margin: 5px -20px;
    padding: 0px;
    border: none;
}

.acc-reviews-item-seller {
    background-color: rgb(221, 221, 221);
    border-top: 3px solid rgb(229, 0, 20);
}

@media (min-width: 768px) {
    .acc-reviews-item-seller {
        border-top: 3px solid rgb(229, 0, 20);
        border-left: 1px solid rgb(204, 204, 204);
    }
}

.acc-reviews-item-seller>div {
    border-bottom: 1px solid rgb(204, 204, 204);
}

@media (min-width: 768px) {
    .acc-reviews-item-seller>div {
        border-bottom: none;
        border-right: 1px solid rgb(204, 204, 204);
    }
}

.acc-reviews-item-review {
    background-color: rgb(221, 221, 221);
}

@media (min-width: 768px) {
    .acc-reviews-item-review {
        border-top: 3px solid rgb(229, 0, 20);
    }
}

.acc-reviews-item-review h6,
.acc-reviews-item-review h5,
.acc-reviews-item-review h4 {
    margin: 0px;
    color: rgb(102, 102, 102);
    text-transform: lowercase;
    font-size: 12px;
    display: inline;
}

.acc-reviews-item-review h5 {
    font-size: 14px;
}

.acc-reviews-item-review h4 {
    font-size: 16px;
}

@media (min-width: 768px) {
    .acc-reviews-item-review .answered {
        align-items: flex-start;
    }
}

.acc-reviews-item-review-score {
    padding: 10px 0px;
}

.acc-reviews-item-review-score svg {
    border: none;
    margin: 0px 2.5px 0px 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
}

.acc-reviews-item-review-score svg.score {
    fill: rgb(255, 203, 5);
}

.acc-reviews-form-info {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    margin: 10px;
    padding: 20px;
    border: 1px solid rgb(221, 221, 221);
}

.acc-reviews-form-info-product {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
}

.acc-reviews-form-info-product span {
    padding: 20px;
    color: rgb(130, 130, 130);
}

.acc-reviews-form-info-seller {
    margin-top: 10px;
}

.acc-reviews-form-info-seller>span {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(102, 102, 102);
}

.acc-reviews-form-info-seller>span>strong {
    margin-left: 5px;
}

.acc-reviews-form-rating {
    height: 30px;
    width: 30px;
    fill: rgb(221, 221, 221);
}

.acc-reviews-form-rating.full {
    fill: rgb(255, 203, 5);
}

.acc-reviews-form-message label {
    align-self: flex-start;
}

.acc-reviews-form-modal {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgb(102, 102, 102);
    text-align: center;
}

.acc-reviews-form-modal.margin {
    margin-top: 100px;
}

.acc-reviews-form-modal-content-title {
    display: flex;
    align-items: center;
}

.acc-reviews-form-modal-title {
    font-weight: 500;
    font-size: 22px;
    margin: 0px 0px 5px 15px;
}

@media (max-width: 767px) {
    .acc-reviews-form-modal-title {
        margin: 0px;
    }
}

.acc-reviews-form-modal-description {
    font-size: 18px;
    margin-top: 20px;
}

.acc-reviews-form-modal-button {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.acc-reviews-form-modal-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    width: 50%;
}

@media (min-width: 768px) {
    .acc-reviews-form-modal-button a {
        width: 35%;
    }
}

.acc-reviews-form-modal-image.error svg {
    width: 30px;
    height: 30px;
    fill: rgb(248, 0, 50);
}

.acc-reviews-form-modal-image.success svg {
    width: 30px;
    height: 30px;
    fill: rgb(64, 205, 40);
}

.acc-tracking {
    height: 100%;
}

.acc-tracking .modal-icon {
    width: 20px;
    height: 20px;
    fill: rgb(102, 102, 102);
}

.acc-tracking .acc-modal-close {
    right: 30px;
}

.acc-tracking-loader {
    display: flex;
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.acc-tracking-header {
    border-bottom: 1px solid rgb(216, 216, 216);
}

.acc-tracking-header h2 {
    line-height: 0;
    color: rgb(102, 102, 102);
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .acc-tracking-header h2 {
        text-align: center;
    }
}

.acc-tracking-content {
    display: flex;
    flex: 1 1 0%;
}

@media (max-width: 767px) {
    .acc-tracking-content {
        flex-direction: column;
    }
}

.acc-tracking-content-info {
    width: 40%;
    display: flex;
    text-align: left;
    flex-direction: column;
    border-left: 1px solid rgb(204, 204, 204);
    padding-left: 15px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

@media (max-width: 767px) {
    .acc-tracking-content-info {
        width: 100%;
        align-items: center;
        border-left: 0px;
        border-top: 1px solid rgb(216, 216, 216);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .acc-tracking-content-info span,
    .acc-tracking-content-info a {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .acc-tracking-content-info svg {
        fill: rgb(248, 0, 50);
        width: 20px;
        height: 20px;
    }
}

.acc-tracking-content-info-carrier,
.acc-tracking-content-info-tracking-code {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-top: 10px;
    padding-top: 10px;
    color: rgb(102, 102, 102);
}

@media (max-width: 767px) {

    .acc-tracking-content-info-carrier,
    .acc-tracking-content-info-tracking-code {
        width: 100%;
    }
}

.acc-tracking-content-info-carrier a,
.acc-tracking-content-info-tracking-code a {
    color: rgb(50, 50, 50);
    font-family: Roboto;
    font-weight: 500;
    word-break: break-word;
    cursor: default;
}

.acc-tracking-content-info-carrier-title,
.acc-tracking-content-info-tracking-code-title {
    font-size: 16px;
    font-family: Roboto;
    font-weight: 300;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {

    .acc-tracking-content-info-carrier-title,
    .acc-tracking-content-info-tracking-code-title {
        height: 30px;
    }
}

.acc-tracking-content-info-carrier-title>svg,
.acc-tracking-content-info-tracking-code-title>svg {
    width: 30px;
    height: 30px;
    margin-top: 3px;
    margin-right: 15px;
    fill: rgb(248, 0, 50);
}

@media (max-width: 767px) {

    .acc-tracking-content-info-carrier-title>svg,
    .acc-tracking-content-info-tracking-code-title>svg {
        margin: 0px;
    }
}

@media (min-width: 768px) {

    .acc-tracking-content-info-carrier-content,
    .acc-tracking-content-info-tracking-code-content {
        margin-left: 45px;
        margin-top: 5px;
    }
}

.acc-tracking-content-info-carrier-content-data,
.acc-tracking-content-info-tracking-code-content-data {
    color: rgb(50, 50, 50);
    font-size: 16px;
}

.acc-tracking-content-info-carrier.border-top,
.acc-tracking-content-info-tracking-code.border-top {
    border-top: 1px solid rgb(216, 216, 216);
}

@media (min-width: 768px) {

    .acc-tracking-content-info-carrier.border-bottom,
    .acc-tracking-content-info-tracking-code.border-bottom {
        border-bottom: 1px solid rgb(216, 216, 216);
        padding-bottom: 10px;
    }
}

.acc-tracking-content-info-tracking-code-content {
    display: flex;
}

@media (max-width: 767px) {
    .acc-tracking-content-info-tracking-code-content {
        flex-direction: row;
        justify-content: center;
        margin-top: 10px;
    }
}

.acc-tracking-content-info-tracking-code-content div {
    display: block;
    margin-left: 10px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .acc-tracking-content-info-tracking-code-content div {
        width: 20px;
        height: 20px;
        align-items: center;
    }
}

.acc-tracking-content-info-tracking-code-content div svg {
    width: 15px;
    height: 15px;
    fill: rgb(248, 0, 50);
}

.acc-tracking-content-info-tracking-code-content div.place-bottom {
    height: 30px;
    width: 90px;
    margin-top: 0px;
}

.acc-tracking-content-info-tracking-code-data {
    pointer-events: none;
}

.acc-tracking-content-info-tracking-code-data-link {
    text-decoration: underline;
}

.acc-tracking-content-info-tracking-code-data-link:hover {
    cursor: pointer;
    color: rgb(248, 0, 50);
}

.acc-tracking-content-prevision {
    margin: 30px 0px 20px -20px;
}

.acc-tracking-content-prevision span {
    line-height: 1;
    color: rgb(102, 102, 102);
    font-size: 18px;
    font-weight: 500;
}

.acc-tracking-content-timeline {
    width: 60%;
    height: 100%;
    padding-left: 20px;
    position: relative;
}

@media (max-width: 767px) {
    .acc-tracking-content-timeline {
        width: 100%;
    }
}

.acc-tracking-content-timeline-item {
    display: flex;
    align-items: center;
}

.acc-tracking-content-timeline-item:last-child .acc-tracking-content-timeline-item-trace {
    height: 75%;
}

.acc-tracking-content-timeline-item.opacity .acc-tracking-content-timeline-item-panel-title,
.acc-tracking-content-timeline-item.opacity .acc-tracking-content-timeline-item-panel-content {
    opacity: 0.6;
}

.acc-tracking-content-timeline-item.opacity .acc-tracking-content-timeline-item-panel-content span {
    color: rgb(102, 102, 102);
}

.acc-tracking-content-timeline-item-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -22px;
    top: 7px;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    z-index: 1;
    background-color: rgb(91, 192, 222);
    border: 5px solid white;
}

.acc-tracking-content-timeline-item-badge::before {
    content: "";
    background-color: rgb(255, 255, 255);
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.acc-tracking-content-timeline-item-badge.last-status {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    left: -26.5px;
    top: 3px;
}

.acc-tracking-content-timeline-item-badge.last-status::before {
    content: "";
    background-color: rgb(255, 255, 255);
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

.acc-tracking-content-timeline-item-badge.none {
    display: none;
}

.acc-tracking-content-timeline-item-badge.delivered,
.acc-tracking-content-timeline-item-badge.postoffice {
    background-color: rgb(1, 166, 48);
}

.acc-tracking-content-timeline-item-badge.exception,
.acc-tracking-content-timeline-item-badge.verify_pendency {
    background-color: rgb(241, 196, 0);
}

.acc-tracking-content-timeline-item-badge.refused,
.acc-tracking-content-timeline-item-badge.cancelled {
    background-color: rgb(226, 87, 76);
}

.acc-tracking-content-timeline-item-trace {
    position: absolute;
    left: -11px;
    height: 100%;
    width: 2px;
    background-color: rgb(91, 192, 222);
}

.acc-tracking-content-timeline-item-trace.delivered,
.acc-tracking-content-timeline-item-trace.postoffice {
    background-color: rgb(1, 166, 48);
}

.acc-tracking-content-timeline-item-trace.exception,
.acc-tracking-content-timeline-item-trace.verify_pendency {
    background-color: rgb(241, 196, 0);
}

.acc-tracking-content-timeline-item-trace.refused,
.acc-tracking-content-timeline-item-trace.cancelled {
    background-color: rgb(226, 87, 76);
}

.acc-tracking-content-timeline-item-panel {
    display: flex;
    align-items: flex-start;
    border-radius: 2px;
    padding: 10px 10px 20px;
    position: relative;
}

.acc-tracking-content-timeline-item-panel>h4 {
    color: rgb(102, 102, 102);
    margin: 10px 0px;
    font-size: 16px;
    text-transform: lowercase;
}

.acc-tracking-content-timeline-item-panel-last-title {
    font-weight: 500;
    color: rgb(91, 192, 222);
}

.acc-tracking-content-timeline-item-panel-last-title.delivered,
.acc-tracking-content-timeline-item-panel-last-title.postoffice {
    color: rgb(1, 166, 48);
}

.acc-tracking-content-timeline-item-panel-last-title.exception,
.acc-tracking-content-timeline-item-panel-last-title.verify_pendency {
    color: rgb(241, 196, 0);
}

.acc-tracking-content-timeline-item-panel-last-title.refused,
.acc-tracking-content-timeline-item-panel-last-title.cancelled {
    color: rgb(226, 87, 76);
}

.acc-tracking-content-timeline-item-panel-content {
    display: flex;
    margin-top: 10px;
}

.acc-tracking-content-timeline-item-panel-date {
    margin-right: 50px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(102, 102, 102);
}

.acc-tracking-content-timeline-item-panel-date span {
    display: block;
    width: 90px;
    text-transform: lowercase;
}

@media (max-width: 767px) {
    .acc-tracking-content-timeline-item-panel-date {
        margin-right: 30px;
    }
}

.acc-tracking-content-timeline-item-panel-details {
    width: 100%;
}

.acc-tracking-content-timeline-item-panel-details>span {
    width: 100%;
    color: rgb(50, 50, 50);
}

.acc-tracking-content-timeline-item-panel-details>label {
    display: block;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 300;
    color: rgb(130, 130, 130);
}

.acc-tracking-app-banner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.acc-tracking-app-banner .track-order-app-text {
    width: 90%;
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .acc-tracking-app-banner .track-order-app-text {
        width: 100%;
        margin-bottom: 50px;
    }
}

.acc-tracking-app-banner .track-order-app-image {
    width: 40%;
}

@media (min-width: 1024px) {
    .acc-tracking-app-banner .track-order-app-image {
        width: 60%;
    }
}

.acc-tracking .trackingURL {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-decoration-line: underline;
    color: rgb(248, 0, 50);
    text-align: center;
    margin-top: 22px;
}

@media (min-width: 1024px) {
    .acc-tracking .trackingURL {
        text-align: left;
        margin: 22px 0px 0px 45px;
    }
}

.acc-tracking .app-download-button {
    display: inline;
}

.acc-tracking .app-download-button>.app-download-button-image {
    width: 50%;
}

.acc-exchange-header {
    font-size: 18px;
    color: rgb(102, 102, 102);
}

.acc-exchange-header>span {
    font-size: 12px;
    margin-left: 10px;
    cursor: pointer;
}

.acc-exchange-header>span:hover {
    text-decoration: underline;
}

.acc-exchange-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

@media (min-width: 768px) {
    .acc-exchange-container {
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }
}

.acc-exchange-container hr {
    margin: 0px;
    border-top: 1px solid rgb(204, 204, 204);
}

@media (min-width: 768px) {
    .acc-exchange-container hr {
        border-top-color: rgb(216, 216, 216);
    }
}

.acc-exchange-content {
    padding: 15px 0px;
}

@media (max-width: 767px) {
    .acc-exchange-content {
        margin: 0px -10px;
    }
}

.acc-exchange-deadline {
    text-align: center;
    margin-top: 20px;
    color: rgb(102, 102, 102);
}

.acc-exchange-deadline strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0px 0px 12px;
}

.acc-exchange-deadline p {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}

.acc-exchange-deadline-link {
    text-decoration: underline;
    color: unset;
    cursor: pointer;
}

.acc-exchange-button {
    display: flex;
    justify-content: center;
}

.acc-exchange-success {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.acc-exchange-success>div {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    color: rgb(102, 102, 102);
    margin-bottom: 10px;
    margin-top: 15px;
}

.acc-exchange-success>div svg {
    width: 68px;
    height: 68px;
    margin-right: 15px;
    padding: 12px;
    border-radius: 50%;
    fill: rgb(248, 0, 50);
    border: 2px solid rgb(248, 0, 50);
}

.acc-exchange-item {
    width: 90px;
    display: inline-block;
    margin-right: 10px;
}

.acc-exchange-item-image {
    height: 90px;
    width: 90px;
    border: 1px solid rgb(102, 102, 102);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}

.acc-exchange-item-image.selected {
    border: 3px solid rgb(248, 0, 50);
    border-radius: 5px;
    opacity: 1;
}

.acc-exchange-item-image img {
    width: 80px;
}

.acc-exchange-item-image svg {
    padding: 10px;
}

.acc-exchange-exchange {
    margin-top: 15px;
}

.acc-exchange-exchange-item {
    display: flex;
    border: 1px solid rgb(229, 229, 229);
}

@media (max-width: 767px) {
    .acc-exchange-exchange-item {
        padding: 15px 0px;
        flex-direction: column;
    }
}

.acc-exchange-exchange-item-variation {
    display: inline;
    align-self: center;
}

.acc-exchange-exchange-item>div {
    padding: 0px 15px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .acc-exchange-exchange-item>div {
        margin: 15px 0px;
    }
}

.acc-exchange-exchange-item>div img {
    align-self: center;
}

.acc-exchange-exchange-item>div:first-of-type {
    border-bottom: 1px solid rgb(229, 229, 229);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .acc-exchange-exchange-item>div:first-of-type {
        margin-bottom: 0px;
        border-right: 1px solid rgb(229, 229, 229);
        border-bottom: none;
        width: 25%;
    }
}

.acc-exchange-exchange-item>div:last-of-type {
    flex: 1 1 0%;
}

.acc-exchange-exchange-item>div h5 {
    font-size: 14px;
}

.acc-exchange-step {
    padding: 15px 25px;
}

@media (min-width: 768px) {
    .acc-exchange-step {
        padding: 15px 0px;
    }
}

.acc-exchange-step-label {
    display: flex;
    align-items: center;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    color: rgb(102, 102, 102);
}

@media (max-width: 767px) {
    .acc-exchange-step-label {
        margin-bottom: 15px;
    }
}

.acc-exchange-step-label-info {
    flex: 1 1 0%;
    font-size: 15px;
}

.acc-exchange-step-label-number {
    color: rgb(255, 255, 255);
    background-color: rgb(248, 0, 50);
    font-size: 16px;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 50%;
    margin-right: 15px;
}

.acc-exchange-step-form {
    flex: 10 1 0%;
    font-size: 14px;
    color: rgb(102, 102, 102);
}

@media (max-width: 767px) {
    .acc-exchange-step-form-items {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .acc-exchange-step-form {
        margin-left: 57px;
    }
}

.acc-exchange-info {
    margin-top: 20px;
    padding: 10px;
    background-color: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.acc-exchange-refund {
    padding: 20px;
    border: 1px solid rgb(248, 0, 50);
    margin-top: 15px;
}

.acc-exchange-refund-name {
    color: rgb(102, 102, 102);
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.acc-exchange-refund-value {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: rgb(248, 0, 50);
    margin-left: 5px;
}

.acc-exchange-refund-original {
    margin-right: 5px;
}

.acc-exchange-refund-original::after {
    content: "+";
    margin-left: 5px;
}

.acc-exchange-refund-original:last-of-type::after {
    content: "";
}

.acc-exchange-refund>div {
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-bottom: 15px;
}

.acc-exchange-refund>div:last-of-type {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 15px;
}

.acc-exchange-review {
    display: none;
    background-color: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
    padding: 15px 25px;
    align-items: center;
}

.acc-exchange-review-info {
    flex: 1 1 0%;
}

.acc-exchange-review-edit {
    width: 40px;
    height: 40px;
    padding: 7px;
    cursor: pointer;
}

.acc-exchange-review-edit svg {
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .open .acc-exchange-step {
        display: block;
    }

    .open .acc-exchange-review,
    .collapsed .acc-exchange-step {
        display: none;
    }

    .collapsed .acc-exchange-review {
        display: flex;
    }
}

.acc-recovery text,
.acc-recovery input,
.acc-recovery select,
.acc-recovery label,
.acc-recovery td,
.acc-recovery span,
.acc-recovery b {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    color: rgb(102, 102, 102);
}

.acc-recovery.loading {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: flex-start;
}

.acc-recovery.loading span {
    font-family: Roboto;
    font-size: 18px;
}

.acc-recovery.bold {
    font-weight: 700;
}

.acc-recovery.border {
    border: 1px solid rgb(204, 204, 204);
}

.acc-recovery.subtitle {
    padding-top: 5px;
    margin-top: 5px;
    text-transform: lowercase;
    color: rgb(102, 102, 102);
}

.acc-recovery.border-left {
    border-left: 1px solid rgb(204, 204, 204);
}

.acc-recovery-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    max-width: 1280px;
    width: 100%;
    margin: auto;
    font-weight: 300;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.acc-recovery.informations {
    margin-top: 10px;
    line-height: 1.4;
}

.acc-recovery.payment-container {
    max-height: 300px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

@media (max-width: 767px) {
    .acc-recovery.payment-container h4 {
        display: none;
    }
}

.acc-recovery.payment-informations {
    flex: 1 1 0%;
}

.acc-recovery.payment-informations.spacing {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.acc-recovery.payment-informations.header {
    display: flex;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    padding: 10px 10px 0px;
}

.acc-recovery.payment-informations.header.border-bottom {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.acc-recovery.payment-informations.header h4 {
    flex: 80 1 0%;
}

.acc-recovery.payment-informations.header img {
    flex: 1 1 0%;
    width: 15px;
    height: 15px;
}

@media (min-width: 767px) {
    .acc-recovery.payment-informations.header {
        display: none;
    }
}

.acc-recovery.payment-informations.title {
    font-size: 16px;
    text-transform: lowercase;
    color: rgb(102, 102, 102);
    padding-bottom: 15px;
    margin: 0px;
}

.acc-recovery.payment-informations.product-images {
    text-align: center;
}

.acc-recovery.payment-informations.product-images-img {
    width: 70px;
    height: 70px;
    padding: 0px;
}

.acc-recovery.payment-informations.product-images-img.no-image {
    padding: 5px;
    display: inline-block;
}

.acc-recovery.payment-informations.product-images-img.no-image svg {
    width: 100%;
    height: 100%;
    fill: rgb(153, 153, 153);
}

@media (max-width: 767px) {
    .acc-recovery.payment-informations.previous-payment {
        display: none;
    }
}

.acc-recovery.payment-informations.previous-payment-container {
    display: flex;
    flex-direction: row;
}

.acc-recovery.payment-informations.previous-payment-icon-card {
    flex: 1 1 0%;
}

.acc-recovery.payment-informations.previous-payment-icon-card-img {
    width: 45px;
    height: 45px;
    padding: 0px;
}

.acc-recovery.payment-informations.previous-payment-card-details {
    flex: 3 1 0%;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .acc-recovery.payment-informations.price-details {
        display: none;
    }
}

.acc-recovery.payment-informations.price-details table {
    width: 100%;
}

.acc-recovery.payment-informations.price-details td {
    width: 50%;
    line-height: 1.6;
}

.acc-recovery.payment-informations.price-details.border-top {
    border-top: 1px solid rgb(216, 216, 216);
}

.acc-recovery.payment-informations.price-details.align-right {
    text-align: right;
}

.acc-recovery.payment-informations.details {
    border-width: 0px 1px 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-image: initial;
    border-top-style: initial;
    border-top-color: initial;
}

@media (min-width: 767px) {
    .acc-recovery.payment-informations.details {
        display: none;
    }
}

.acc-recovery.payment-informations.details-row {
    display: flex;
    flex: 4 1 0%;
    flex-direction: row;
}

.acc-recovery.payment-informations.details-row text {
    margin: 10px;
}

.acc-recovery.payment-informations.details-row>text {
    flex: 1 1 0%;
}

.acc-recovery.payment-informations.details-row>div {
    display: flex;
}

.acc-recovery.payment-informations.details-row .previous-payment-icon-card-img {
    margin-right: 15px;
}

.acc-recovery.form-container-recovery text,
.acc-recovery.form-container-recovery input,
.acc-recovery.form-container-recovery select {
    font-weight: 400;
}

.acc-recovery.form-container-recovery input {
    width: 85%;
}

.acc-recovery.form-cards {
    display: flex;
    height: 20px;
    margin-bottom: 10px;
}

.acc-recovery.form-cards-empty {
    flex: 1 1 0%;
}

@media (max-width: 767px) {
    .acc-recovery.form-cards-empty {
        display: none;
    }
}

.acc-recovery.form-cards-content {
    flex: 2 1 0%;
    margin-left: 15px;
}

@media (max-width: 767px) {
    .acc-recovery.form-cards-content {
        margin-left: 10px;
    }
}

.acc-recovery.form-cards-content img {
    opacity: 0.4;
    margin-right: 5px;
    height: 20px;
}

.acc-recovery.form-cards-content-selected {
    box-shadow: rgb(64, 205, 40) 0px 0px 5px;
    border-radius: 3px;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .acc-recovery.form-year {
        width: 50%;
    }

    .acc-recovery.form-year select {
        width: 100%;
        padding-left: 0px;
    }
}

.acc-recovery.form-year .form-field-content {
    height: 40px;
}

@media (max-width: 767px) {
    .acc-recovery.form-month {
        width: 50%;
    }
}

.acc-recovery.form-button-container {
    text-align: center;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .acc-recovery.form-button-container {
        width: 45%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.acc-recovery.form-button-container button {
    margin-right: 0px;
    margin-left: 0px;
}

.acc-recovery.form-paymentsecure {
    text-align: right;
    line-height: 1.42857;
}

@media (max-width: 767px) {
    .acc-recovery.form-paymentsecure {
        display: none;
    }
}

.acc-recovery.form-paymentsecure-img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-bottom: -3px;
}

.acc-recovery.form-expiration select {
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 100,0 50,50'/></svg>") calc(100% - 20px) calc(100% + 0px) / 12px no-repeat;
}

@media (min-width: 767px) {
    .acc-recovery.form-expiration select {
        width: 25%;
        background-position: calc(100% - 20px) calc(100% - 12px);
    }
}

.acc-recovery.form-expiration .form-field-content {
    width: 53%;
}

@media (max-width: 767px) {
    .acc-recovery.form-expiration {
        display: flex;
    }
}

@media (min-width: 767px) {
    .acc-recovery.form-expiration {
        display: flex;
        text-align: right;
    }

    .acc-recovery.form-expiration .form-month {
        display: flex;
        flex: 1 1 0%;
        align-items: flex-end;
        flex-direction: column;
        text-align: left;
    }

    .acc-recovery.form-expiration .form-month select {
        width: 100%;
    }

    .acc-recovery.form-expiration .form-month .form-field-info {
        width: 50%;
    }

    .acc-recovery.form-expiration .form-year {
        flex: 1 1 0%;
    }

    .acc-recovery.form-expiration .form-year .form-field-subtitle {
        text-align: left;
    }

    .acc-recovery.form-expiration .form-year .form-field-subtitle-offset {
        display: none;
    }

    .acc-recovery.form-expiration .form-year select {
        width: 53%;
    }

    .acc-recovery.form-expiration .form-year label {
        display: none;
    }
}

@media (min-width: 1200px) {
    .acc-recovery.form-expiration .form-field-content {
        width: 49.5%;
    }
}

@media (max-width: 767px) {
    .acc-recovery.form-input-security-code {
        width: 50%;
    }
}

@media (min-width: 767px) {
    .acc-recovery.form-input-security-code input {
        width: 25%;
    }
}

.acc-recovery.form-input-security-code-img {
    width: 30px;
}

@media (max-width: 767px) {
    .acc-recovery.form-input-installments {
        width: 25%;
    }
}

@media (min-width: 767px) {
    .acc-recovery.form-input-installments input {
        width: 15%;
    }
}

.acc-recovery.form-input-savecard {
    padding-top: 11px;
}

.acc-recovery.form-input-savecard label {
    font-size: 14px;
}

.acc-recovery.form-total {
    display: flex;
    flex-direction: column;
    background: rgb(246, 246, 246);
    padding: 8px 10px;
    width: 500px;
}

.acc-recovery.form-total text {
    font-weight: 700;
}

@media (max-width: 767px) {
    .acc-recovery.form-total {
        width: 100%;
    }
}

.acc-recovery.modal-container {
    display: flex;
    flex-direction: column;
    height: 100px;
    text-align: center;
}

.acc-recovery.modal-container span {
    display: flex;
    flex: 2 1 0%;
    line-height: 1.4;
    font-size: 16px;
    justify-content: center;
    align-items: center;
}

.acc-recovery.modal-container a {
    margin: 0px;
}

.exchange-notification-modal h3 {
    color: rgb(248, 0, 50);
    text-transform: lowercase;
    margin: 0px 0px 30px;
    font-size: 18px;
}

.exchange-notification-modal ul {
    margin-left: 20px;
    margin-bottom: 30px;
}

.exchange-notification-modal ul li {
    list-style-type: disc;
    font-size: 16px;
    margin-top: 16px;
    color: rgb(102, 102, 102);
}

.exchange-notification-modal ul li strong {
    font-weight: 700;
    color: rgb(102, 102, 102);
}

.exchange-notification-modal>div {
    display: flex;
    justify-content: space-between;
}

.acc-customer-container {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
}

.privacy-container {
    width: 100%;
    margin-left: 15px;
}

@media (min-width: 769px) {
    .privacy-container {
        margin-left: 24px;
        width: 77%;
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }
}

.privacy-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 15px;
}

.privacy-card-errorText {
    font-size: 12px;
    color: red;
    margin-top: 15px;
}

.privacy-card-title {
    font-weight: 700;
    font-size: 18px;
    color: rgb(102, 102, 102);
    text-transform: lowercase;
}

.privacy-card-line {
    border-top: 2px solid rgb(204, 204, 204);
    width: 100%;
    margin: 40px 0px;
}

.privacy-card-open {
    padding-right: 15px;
}

.privacy-card-open svg {
    fill: rgb(136, 136, 136);
    width: 20px;
    margin-right: 8px;
    transform: rotate(180deg);
}

.privacy-card-toggle-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-right: 30px;
}

.privacy-card-container {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.privacy-card-content {
    flex-direction: column;
    display: flex;
}

.privacy-card-header {
    margin-top: 8px;
    margin-bottom: 30px;
    flex-direction: row;
    height: 20px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    border-left: none;
}

.privacy-card-header svg {
    fill: rgb(136, 136, 136);
    width: 20px;
    margin-right: 8px;
}

.privacy-card-header-icon {
    align-items: flex-end;
}

.privacy-card-header-text {
    font-size: 16px;
    color: rgb(130, 130, 130);
}

.privacy-card-header-subtext {
    font-size: 15px;
    color: rgb(130, 130, 130);
    width: 70%;
}

.privacy-card-header-content-text {
    font-size: 15px;
    color: rgb(130, 130, 130);
    margin-top: 20px;
    text-align: justify;
}

.privacy-card-header-subtitle {
    font-size: 16px;
    color: rgb(130, 130, 130);
    font-weight: 700;
    margin: 40px 0px 20px;
}

.privacy-card-header-link {
    text-decoration: underline;
    color: rgb(248, 0, 50);
    cursor: pointer;
    font-size: 14px;
}

.privacy-card-body {
    display: none;
}

.privacy-card-body-open {
    width: 100%;
    margin-top: 20px;
    display: block;
}

.privacy-report-label {
    font-weight: 700;
    color: rgb(102, 102, 102);
    font-size: 14px;
    margin-right: 10px;
}

.privacy-report-label-title {
    margin-top: 20px;
    font-weight: 700;
    color: rgb(102, 102, 102);
    font-size: 16px;
    margin-right: 10px;
}

.privacy-report-page-title {
    font-weight: 700;
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.privacy-report-text {
    font-weight: 400;
    color: rgb(102, 102, 102);
    font-size: 14px;
}

.privacy-report-row {
    display: flex;
    flex-direction: row;
    margin-top: 4px;
}

.privacy-report-column {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.privacy-report-block {
    margin-bottom: 40px;
}

.privacy-modal-button-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 30px;
    margin-left: -8px;
}

.privacy-modal-text {
    font-weight: 400;
    color: rgb(102, 102, 102);
    font-size: 16px;
    margin-top: 15px;
}

h3 {
    color: rgb(248, 0, 50);
    text-transform: lowercase;
    margin: 0px 0px 20px;
    font-size: 18px;
}

.switch-label {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 29px;
}

.switch-label>input {
    display: none;
}

.switch-span {
    position: absolute;
    cursor: pointer;
    inset: 0px;
    background-color: rgba(102, 102, 102, 0.38);
    transition: 0.4s;
    border-radius: 15px;
    margin: 8px 0px;
}

.switch-span::before {
    margin-top: -4px;
    margin-left: 0px;
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    background-color: rgb(51, 51, 51);
    transition: 0.2s;
    border-radius: 50%;
}

.switch-input:checked+.switch-span::before {
    transform: translate(18px);
    background-color: rgb(248, 0, 50);
}

.acc-prime-v2 {
    margin: 10px 0px;
    background-color: rgb(248, 0, 50);
    border-radius: 8px;
    max-width: 215px;
    justify-content: center;
    align-items: center;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.acc-prime-v2-container-text {
    margin: 5%;
}

.acc-prime-v2-line {
    background-color: rgb(248, 0, 50);
    height: 4px;
    width: 30%;
    margin-top: 5px;
}

.acc-prime-v2-text {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.acc-prime-v2-help-text {
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-decoration: underline;
}

.acc-prime-v2-link {
    font-family: Arial;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.005em;
    text-decoration-line: underline;
    color: rgb(255, 255, 255);
}

.acc-prime-v2-container-button {
    border: 1px solid rgb(255, 255, 255);
    border-radius: 4px;
    padding: 5px 15px;
    width: 100%;
    margin: 15px 0px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.acc-prime-v2-container-button-text {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.acc-prime-v2-container-button-link-text {
    color: rgb(255, 255, 255);
    font-size: 12px;
    text-align: center;
    text-decoration: underline rgb(255, 255, 255);
    cursor: pointer;
}

.acc-prime-v2-container-button-brand {
    height: 40px;
    background-color: rgb(248, 0, 50);
    border-radius: 4px;
    padding: 5px 15px;
    margin: 15px 0px;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.acc-prime-v2-container-button-brand-text {
    font-weight: 700;
    color: rgb(255, 255, 255);
    margin-right: 7px;
}

.americanasMais-image {
    margin: 20px;
    width: 90%;
}

.amaisIcon {
    margin-left: 80px;
}

.loading-prime-v2 {
    margin: 10px 0px;
    background-color: rgb(248, 0, 50);
    border-radius: 8px;
    max-width: 215px;
    height: 348px;
    justify-content: center;
    align-items: center;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.acc-order-faq-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.acc-order-faq-card {
    display: flex;
    justify-content: center;
    width: 70%;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .acc-order-faq-card {
        width: 100%;
    }
}

.acc-order-faq-card:first-child {
    padding-top: 20px;
}

.acc-order-faq-card-status-bar {
    padding-right: 5px;
    margin: 10px 0px 30px;
    background-color: rgb(204, 204, 204);
    transition: background-color 0.5s linear;
}

.acc-order-faq-card-status-bar.delivered,
.acc-order-faq-card-status-bar.picked_up,
.acc-order-faq-card-status-bar.warranty_issued {
    background-color: rgb(64, 205, 40);
}

.acc-order-faq-card-status-bar.order_included,
.acc-order-faq-card-status-bar.payment_approved,
.acc-order-faq-card-status-bar.invoice_created,
.acc-order-faq-card-status-bar.waiting_delivery,
.acc-order-faq-card-status-bar.itens_sent,
.acc-order-faq-card-status-bar.checking_stock,
.acc-order-faq-card-status-bar.pickup_ready,
.acc-order-faq-card-status-bar.waiting_release,
.acc-order-faq-card-status-bar.exchange_requested {
    background-color: rgb(36, 203, 255);
}

.acc-order-faq-card-status-bar.important_info {
    background-color: rgb(242, 200, 50);
}

.acc-order-faq-card-status-bar.cancelled {
    background-color: rgb(248, 0, 50);
}

.acc-order-faq-header {
    position: relative;
    display: flex;
    font-size: 16px;
    align-items: center;
    color: rgb(102, 102, 102);
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.acc-order-faq-header-info {
    flex: 1 1 0%;
    align-items: center;
    display: flex;
    padding: 20px;
    justify-content: space-between;
}

.acc-order-faq-header-info-status {
    font-weight: 700;
    font-size: 14px;
}

.acc-order-faq-header-info-status.delivered,
.acc-order-faq-header-info-status.picked_up,
.acc-order-faq-header-info-status.warranty_issued {
    color: rgb(64, 205, 40);
}

.acc-order-faq-header-info-status.order_included,
.acc-order-faq-header-info-status.payment_approved,
.acc-order-faq-header-info-status.invoice_created,
.acc-order-faq-header-info-status.waiting_delivery,
.acc-order-faq-header-info-status.itens_sent,
.acc-order-faq-header-info-status.checking_stock,
.acc-order-faq-header-info-status.pickup_ready,
.acc-order-faq-header-info-status.waiting_release,
.acc-order-faq-header-info-status.exchange_requested {
    color: rgb(36, 203, 255);
}

.acc-order-faq-header-info-status.important_info {
    color: rgb(242, 200, 50);
}

.acc-order-faq-header-info-status.cancelled {
    color: rgb(248, 0, 50);
}

.acc-order-faq-header-info-date {
    padding: 10px;
}

.acc-order-faq-header-info-o2OPasswd {
    padding: 10px;
    font-size: 14px;
}

.acc-order-faq-header.not-clickable {
    cursor: default;
}

.acc-order-faq-body {
    margin: 0px 20px;
    padding: 20px 0px;
    border-top: 1px solid rgb(204, 204, 204);
}

.acc-order-faq-cont {
    margin: 10px 0px 30px;
    border-top: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
    border-image: initial;
    border-left: none;
    width: 100%;
}

.acc-order-faq-cont:first-child {
    border: 1px solid rgb(204, 204, 204);
}

.acc-order-faq-cont:first-child>.acc-order-faq-header {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.acc-order-faq-cont:first-child .acc-order-header-icon::before {
    border-right: 4px solid rgb(204, 204, 204);
    border-bottom: 4px solid rgb(204, 204, 204);
}

.acc-order-faq-cont-close .acc-order-info-cont {
    border-bottom: none;
}

.acc-order-faq-cont-close .acc-order-product-info {
    font-size: 12px;
}

@media (min-width: 768px) {
    .acc-order-faq-cont-close .acc-order-product-info {
        font-size: 14px;
    }
}

.acc-order-faq-cont-close .acc-order-product-invoice {
    display: none;
}

.acc-order-faq-cont-close .acc-order-product-label {
    font-size: 10px;
}

@media (min-width: 768px) {
    .acc-order-faq-cont-close .acc-order-product-label {
        font-size: 12px;
    }
}

.acc-order-faq-cont-close .acc-order-product-image {
    width: 60px;
}

.acc-order-faq-cont-close .acc-order-product-image>svg {
    width: 60px;
    height: 60px;
    fill: rgb(153, 153, 153);
}

.acc-order-faq-cont-close .acc-order-header-icon::before {
    transform: rotate(45deg);
    top: 12px;
}

.acc-order-faq-cont-close .acc-order-product {
    margin: 8px 10px;
}

@media (min-width: 768px) {
    .acc-order-faq-cont-close .acc-order-product {
        margin: 20px 10px;
    }
}

.acc-order-faq-cont-close .acc-order-product>a,
.acc-order-faq-cont-close .acc-order-product-link {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.acc-order-faq-cont-close .acc-delivery-header,
.acc-order-faq-cont-close .acc-order-product-value,
.acc-order-faq-cont-close .acc-timeline,
.acc-order-faq-cont-close .boxBtnAction,
.acc-order-faq-cont-close .acc-payment-and-delivery,
.acc-order-faq-cont-close .acc-order-service-sale,
.acc-order-faq-cont-close .acc-order-product-info-sold-delivered,
.acc-order-faq-cont-close .acc-delivery-more {
    display: none;
}

.acc-order-faq-product {
    align-items: center;
    display: flex;
    margin-bottom: 14px;
}

.acc-order-faq-product-text {
    color: rgb(130, 130, 130);
    overflow: hidden;
}

.acc-order-faq-product-image {
    width: 60px;
    margin-right: 30px;
}

.acc-order-faq-product-image>svg {
    width: 60px;
    height: 60px;
    fill: rgb(153, 153, 153);
}

.acc-order-faq-product-line {
    border-bottom: 1px solid rgb(228, 228, 228);
    align-items: center;
    display: flex;
    margin-bottom: 28px;
    padding-bottom: 28px;
}

.iframe-faq {
    overflow: hidden;
    height: 100vh;
}

.iframe-faq-menu {
    height: 100vh;
}

@media (min-width: 769px) {
    .iframe-faq-menu {
        margin-left: 24px;
        width: 77%;
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }
}

.acc-faq-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    width: 100%;
}

@media (min-width: 769px) {
    .acc-faq-container {
        margin-left: 24px;
        width: 77%;
        background-color: rgb(255, 255, 255);
        border-radius: 16px;
        padding: 20px 32px;
    }
}

.acc-faq-container-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .acc-faq-container-buttons {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .btnFaq {
        width: 80%;
        justify-content: center;
    }
}

.cancellation-receipt-link {
    color: rgb(248, 0, 50);
    font-size: 14px;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .cancellation-receipt-link {
        display: none;
    }
}

.cancellation-receipt-header {
    text-transform: lowercase;
    color: rgb(248, 0, 50);
    font-size: 15px;
    border-bottom: 1px solid rgb(214, 214, 214);
    padding-bottom: 20px;
}

.cancellation-receipt-logo {
    margin: 30px 0px 20px;
}

.cancellation-receipt-card-modal {
    font-family: Roboto;
    font-weight: 400;
    width: 470px;
    padding: 10px;
}

.cancellation-receipt-card-text {
    margin-top: 32px;
    text-transform: lowercase;
    font-size: 15px;
}

.cancellation-receipt-card-btn {
    margin: 0px;
    width: 100%;
}

.cancellation-receipt-modal {
    max-width: 1000px;
    font-family: Roboto;
    font-weight: 400;
    padding: 10px;
    font-size: 15px;
    color: rgb(102, 102, 102);
}

.cancellation-receipt-text {
    color: rgb(102, 102, 102);
    padding: 5px 0px;
}

.cancellation-receipt-text.bold {
    color: rgb(51, 51, 51);
    font-weight: 700;
}

.cancellation-receipt-info {
    padding: 15px;
    background-color: rgb(247, 247, 247);
    margin: 0px;
}

.cancellation-receipt-info.total {
    background-color: rgb(240, 240, 240);
}

.cancellation-receipt-info.product {
    background-color: rgb(240, 240, 240);
    font-size: 13px;
}

.cancellation-receipt-info-value {
    color: rgb(51, 51, 51);
    font-weight: 700;
}

.cancellation-receipt-product-wrapper {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.cancellation-receipt-product-image {
    width: 90px;
    height: 90px;
}

.cancellation-receipt-product-name {
    font-size: 15px;
    margin: 0px 0px 0px 18px;
    color: rgb(51, 51, 51);
}

.cancellation-receipt-text-brand {
    margin: 40px 0px 0px;
    padding: 0px;
}

.cancellation-receipt-text-brand.bold {
    margin: 0px;
    color: rgb(51, 51, 51);
    font-weight: 700;
}

.cancellation-receipt-print-btn {
    display: block;
    margin: 30px auto 0px;
    width: 300px;
    text-align: center;
}

@media print {
    .cancellation-receipt-print-btn {
        display: none;
    }
}

.cancellation-receipt-print-btn-text-wrapper {
    display: flex;
    justify-content: center;
}

.cancellation-receipt-print-btn-text-image {
    margin-right: 10px;
}

.cancellation-receipt-card-form {
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
}

.cancellation-receipt-card-item {
    margin-bottom: 20px;
}

.new-modal-backdrop {
    backdrop-filter: blur(2px);
    display: none;
    position: fixed;
    inset: 0px;
    z-index: 1040;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 100px 0px 50px;
    justify-content: center;
    overflow-y: auto;
    align-items: flex-start;
}

@media (max-height: 760px) {
    .new-modal-backdrop {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (max-width: 768px) {
    .new-modal-backdrop {
        padding: 0px;
        align-items: flex-start;
    }
}

.new-modal-backdrop.--opening {
    display: flex;
    animation: 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running fade-in;
    z-index: 10;
}

.new-modal-backdrop.--opening>.new-modal {
    animation: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s 1 normal both running slide-in-bottom;
}

.new-modal-backdrop.--open {
    display: flex;
    opacity: 1;
    z-index: 100;
}

.new-modal-backdrop.--open>.new-modal {
    opacity: 1;
    position: relative;
    z-index: 10;
}

.new-modal-backdrop.--closing {
    display: flex;
    opacity: 1;
    z-index: 10;
    animation: 0.15s ease-out 0.25s 1 normal both running fade-out;
}

.new-modal-backdrop.--closing>.new-modal {
    animation: 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s 1 normal both running slide-out-bottom;
}

.new-modal {
    --padding: 32px;
    --closeIconSize: 16px;
    background-color: rgb(255, 255, 255);
    padding: var(--padding);
    opacity: 0;
    border-radius: 8px;
}

.new-modal.without-borders {
    --padding: 0;
}

.new-modal.chat-modal {
    --padding: 16px;
}

.new-modal>.close-icon {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    width: var(--closeIconSize);
    height: auto;
}

@media (max-width: 768px) {
    .new-modal {
        width: 100%;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes slide-out-bottom {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}

@keyframes slide-in-bottom {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .order-cancellation-letter-modal {
        padding: 15px;
        margin: 1rem;
    }
}

.sign-up-confirmation {
    margin: 24px;
    width: 100%;
    max-width: 337px;
}

.gift-card-rescue-instructions-modal,
.gift-card-terms-and-conditions-modal {
    padding: 30px;
}

.forgot-password-modal {
    margin: 24px;
    width: 100%;
    max-width: 430px;
    transform: translateY(35%);
}

.--ignore-case {
    text-transform: initial;
}

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

@media (min-width: 768px) {
    body {
        background-color: rgb(241, 241, 241);
    }
}

.__react_component_tooltip {
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    left: -999em;
    opacity: 0;
    padding: 8px 21px;
    position: fixed;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
    top: -999em;
    visibility: hidden;
    z-index: 999;
}

.__react_component_tooltip.allow_hover,
.__react_component_tooltip.allow_click {
    pointer-events: auto;
}

.__react_component_tooltip::before,
.__react_component_tooltip::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
}

.__react_component_tooltip.show {
    opacity: 0.9;
    margin-top: 0px;
    margin-left: 0px;
    visibility: visible;
}

.__react_component_tooltip.type-dark {
    color: rgb(255, 255, 255);
    background-color: rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-top::after {
    border-top: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-bottom::after {
    border-bottom: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-left::after {
    border-left: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-right::after {
    border-right: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success {
    color: rgb(255, 255, 255);
    background-color: rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-top::after {
    border-top: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-bottom::after {
    border-bottom: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-left::after {
    border-left: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-right::after {
    border-right: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-top::after {
    border-top: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-bottom::after {
    border-bottom: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-left::after {
    border-left: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-right::after {
    border-right: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error {
    color: rgb(255, 255, 255);
    background-color: rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-top::after {
    border-top: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-bottom::after {
    border-bottom: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-left::after {
    border-left: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-right::after {
    border-right: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-top::after {
    border-top: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-bottom::after {
    border-bottom: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-left::after {
    border-left: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-right::after {
    border-right: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light {
    color: rgb(34, 34, 34);
    background-color: rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-top::after {
    border-top: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-bottom::after {
    border-bottom: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-left::after {
    border-left: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-right::after {
    border-right: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.border {
    border: 1px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-top::before {
    border-top: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-bottom::before {
    border-bottom: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-left::before {
    border-left: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-right::before {
    border-right: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.place-top {
    margin-top: -10px;
}

.__react_component_tooltip.place-top::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
}

.__react_component_tooltip.place-top::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -6px;
    left: 50%;
    margin-left: -8px;
}

.__react_component_tooltip.place-bottom {
    margin-top: 10px;
}

.__react_component_tooltip.place-bottom::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -8px;
    left: 50%;
    margin-left: -10px;
}

.__react_component_tooltip.place-bottom::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -6px;
    left: 50%;
    margin-left: -8px;
}

.__react_component_tooltip.place-left {
    margin-left: -10px;
}

.__react_component_tooltip.place-left::before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    right: -8px;
    top: 50%;
    margin-top: -5px;
}

.__react_component_tooltip.place-left::after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -6px;
    top: 50%;
    margin-top: -4px;
}

.__react_component_tooltip.place-right {
    margin-left: 10px;
}

.__react_component_tooltip.place-right::before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    left: -8px;
    top: 50%;
    margin-top: -5px;
}

.__react_component_tooltip.place-right::after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -6px;
    top: 50%;
    margin-top: -4px;
}

.__react_component_tooltip .multi-line {
    display: block;
    padding: 2px 0px;
    text-align: center;
}

.dDcMFJ {
    font-size: 16px;
    color: rgb(252, 13, 27);
    margin-right: 2px;
}

.IYSqJ {
    --brandColor: #F80032;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    grid-column: arrowDown;
    max-width: 40px;
}

.IYSqJ svg {
    max-width: 40px;
    height: auto;
}

.jmFOt {
    display: grid;
    row-gap: 0.5rem;
}

.dsiNcK {
    width: 100%;
    color: rgb(102, 102, 102);
    display: grid;
}

.fXnMGo {
    display: flex;
    padding: var(--default-font-size) 1rem;
    width: 100%;
    cursor: text;
    opacity: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 0.5rem;
    position: relative;
    align-items: flex-start;
}

.fXnMGo figure {
    position: absolute;
    right: 20px;
}

.fXnMGo input {
    border: 1px solid rgb(153, 153, 153);
}

.fXnMGo input[type="checkbox"] {
    cursor: pointer;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    padding: 0px;
    margin-top: 0px;
}

.fXnMGo input[type="checkbox"]::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    border: 2px solid rgb(153, 153, 153);
    margin-right: 8px;
    box-sizing: initial;
}

.fXnMGo input[type="checkbox"]:checked::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0px;
    background-color: rgb(248, 0, 50);
    border-radius: 2px;
    border-color: rgb(248, 0, 50);
}

.fXnMGo input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 5px;
    height: 11px;
    border-style: solid;
    border-color: white;
    border-image: initial;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    position: absolute;
    left: 6px;
    box-sizing: initial;
}

.epHGIl {
    outline: none;
    color: rgb(51, 51, 51);
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    cursor: text;
    font-size: 1rem;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 8px;
    height: 48px;
    padding: 16px 15px;
    box-sizing: border-box;
}

.epHGIl::placeholder {
    color: rgba(16, 16, 16, 0.3);
}

.dsJMdG {
    position: relative;
}

.AfpzZ {
    color-scheme: unset;
    forced-color-adjust: unset;
    mask: unset;
    math-depth: unset;
    position: absolute;
    position-anchor: unset;
    text-size-adjust: unset;
    appearance: unset;
    color: unset;
    font: unset;
    font-palette: unset;
    font-synthesis: unset;
    position-area: unset;
    text-orientation: unset;
    text-rendering: unset;
    text-spacing-trim: unset;
    -webkit-font-smoothing: unset;
    -webkit-locale: unset;
    -webkit-text-orientation: unset;
    -webkit-writing-mode: unset;
    writing-mode: unset;
    zoom: unset;
    accent-color: unset;
    place-content: unset;
    place-items: unset;
    place-self: unset;
    alignment-baseline: unset;
    anchor-name: unset;
    anchor-scope: unset;
    animation-composition: unset;
    animation: unset;
    app-region: unset;
    aspect-ratio: unset;
    backdrop-filter: unset;
    backface-visibility: unset;
    background: unset;
    background-blend-mode: unset;
    baseline-shift: unset;
    baseline-source: unset;
    block-size: unset;
    border-block: unset;
    border: unset;
    border-radius: unset;
    border-collapse: unset;
    border-end-end-radius: unset;
    border-end-start-radius: unset;
    border-inline: unset;
    border-start-end-radius: unset;
    border-start-start-radius: unset;
    bottom: unset;
    box-decoration-break: unset;
    box-shadow: unset;
    box-sizing: unset;
    break-after: unset;
    break-before: unset;
    break-inside: unset;
    buffered-rendering: unset;
    caption-side: unset;
    caret-color: unset;
    clear: unset;
    clip: unset;
    clip-path: unset;
    clip-rule: unset;
    color-interpolation: unset;
    color-interpolation-filters: unset;
    color-rendering: unset;
    columns: unset;
    column-fill: unset;
    gap: unset;
    column-rule: unset;
    column-span: unset;
    contain: unset;
    contain-intrinsic-block-size: unset;
    contain-intrinsic-size: unset;
    contain-intrinsic-inline-size: unset;
    container: unset;
    content: unset;
    content-visibility: unset;
    counter-increment: unset;
    counter-reset: unset;
    counter-set: unset;
    cursor: pointer;
    cx: unset;
    cy: unset;
    d: unset;
    display: unset;
    dominant-baseline: unset;
    empty-cells: unset;
    field-sizing: unset;
    fill: unset;
    fill-opacity: unset;
    fill-rule: unset;
    filter: unset;
    flex: unset;
    flex-flow: unset;
    float: unset;
    flood-color: unset;
    flood-opacity: unset;
    grid: unset;
    grid-area: unset;
    height: unset;
    hyphenate-character: unset;
    hyphenate-limit-chars: unset;
    hyphens: unset;
    image-orientation: unset;
    image-rendering: unset;
    initial-letter: unset;
    inline-size: unset;
    inset-block: unset;
    inset-inline: unset;
    interpolate-size: unset;
    isolation: unset;
    left: unset;
    letter-spacing: unset;
    lighting-color: unset;
    line-break: unset;
    list-style: unset;
    margin-block: unset;
    margin: unset;
    margin-inline: unset;
    marker: unset;
    mask-type: unset;
    math-shift: unset;
    math-style: unset;
    max-block-size: unset;
    max-height: unset;
    max-inline-size: unset;
    max-width: unset;
    min-block-size: unset;
    min-height: unset;
    min-inline-size: unset;
    min-width: unset;
    mix-blend-mode: unset;
    object-fit: unset;
    object-position: unset;
    object-view-box: unset;
    offset: unset;
    opacity: unset;
    order: unset;
    orphans: unset;
    outline: unset;
    outline-offset: unset;
    overflow-anchor: unset;
    overflow-clip-margin: unset;
    overflow-wrap: unset;
    overflow: unset;
    overlay: unset;
    overscroll-behavior-block: unset;
    overscroll-behavior-inline: unset;
    overscroll-behavior: unset;
    padding-block: unset;
    padding: unset;
    padding-inline: unset;
    page: unset;
    page-orientation: unset;
    paint-order: unset;
    perspective: unset;
    perspective-origin: unset;
    pointer-events: unset;
    position-try: unset;
    position-visibility: unset;
    quotes: unset;
    r: unset;
    resize: unset;
    right: 15px;
    rotate: unset;
    ruby-align: unset;
    ruby-position: unset;
    rx: unset;
    ry: unset;
    scale: unset;
    scroll-behavior: unset;
    scroll-initial-target: unset;
    scroll-margin-block: unset;
    scroll-margin: unset;
    scroll-margin-inline: unset;
    scroll-padding-block: unset;
    scroll-padding: unset;
    scroll-padding-inline: unset;
    scroll-snap-align: unset;
    scroll-snap-stop: unset;
    scroll-snap-type: unset;
    scroll-timeline: unset;
    scrollbar-color: unset;
    scrollbar-gutter: unset;
    scrollbar-width: unset;
    shape-image-threshold: unset;
    shape-margin: unset;
    shape-outside: unset;
    shape-rendering: unset;
    size: unset;
    speak: unset;
    stop-color: unset;
    stop-opacity: unset;
    stroke: unset;
    stroke-dasharray: unset;
    stroke-dashoffset: unset;
    stroke-linecap: unset;
    stroke-linejoin: unset;
    stroke-miterlimit: unset;
    stroke-opacity: unset;
    stroke-width: unset;
    tab-size: unset;
    table-layout: unset;
    text-align: unset;
    text-align-last: unset;
    text-anchor: unset;
    text-box: unset;
    text-combine-upright: unset;
    text-decoration: unset;
    text-decoration-skip-ink: unset;
    text-emphasis: unset;
    text-emphasis-position: unset;
    text-indent: unset;
    text-overflow: unset;
    text-shadow: unset;
    text-transform: unset;
    text-underline-offset: unset;
    text-underline-position: unset;
    text-wrap: unset;
    timeline-scope: unset;
    top: 60px;
    touch-action: unset;
    transform: unset;
    transform-box: unset;
    transform-origin: unset;
    transform-style: unset;
    transition: unset;
    translate: unset;
    user-select: unset;
    vector-effect: unset;
    vertical-align: unset;
    view-timeline: unset;
    view-transition-class: unset;
    view-transition-name: unset;
    visibility: unset;
    border-spacing: unset;
    -webkit-box-align: unset;
    -webkit-box-decoration-break: unset;
    -webkit-box-direction: unset;
    -webkit-box-flex: unset;
    -webkit-box-ordinal-group: unset;
    -webkit-box-orient: unset;
    -webkit-box-pack: unset;
    -webkit-box-reflect: unset;
    -webkit-line-break: unset;
    -webkit-line-clamp: unset;
    -webkit-mask-box-image: unset;
    -webkit-print-color-adjust: unset;
    -webkit-rtl-ordering: unset;
    -webkit-ruby-position: unset;
    -webkit-tap-highlight-color: unset;
    -webkit-text-combine: unset;
    -webkit-text-decorations-in-effect: unset;
    -webkit-text-fill-color: unset;
    -webkit-text-security: unset;
    -webkit-text-stroke: unset;
    -webkit-user-drag: unset;
    white-space-collapse: unset;
    widows: unset;
    width: 26px;
    will-change: unset;
    word-break: unset;
    word-spacing: unset;
    x: unset;
    y: unset;
    z-index: unset;
}

.AfpzZ:focus-visible {
    outline: -webkit-focus-ring-color solid 3px;
    outline-offset: 2px;
}

.krlvVi {
    font-size: 1rem;
    line-height: 1.125rem;
    text-transform: lowercase;
}

@media (max-width: 768px) {
    .krlvVi {
        font-size: 0.875rem;
    }
}

.jlyHjr {
    font-size: 0.875rem;
    color: rgb(153, 153, 153);
    margin-top: 4px;
}

@media (max-width: 768px) {
    .jlyHjr {
        font-size: 12px;
    }
}

.kmqvPx {
    display: flex;
}

@media (orientation: landscape) and (max-width: 768px) {
    .iRrLcB {
        display: flex;
        flex-direction: column;
        width: 165px;
    }
}

.dARSWJ {
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 700;
    background-color: rgb(248, 0, 50);
    border: 1px solid rgb(248, 0, 50);
    border-radius: 8px;
    padding: 12px;
    height: 48px;
}

.dARSWJ:hover {
    cursor: pointer;
    background-color: rgb(235, 51, 67);
}

.dARSWJ:disabled {
    cursor: not-allowed;
}

.dARSWJ .acc-loader {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dARSWJ .acc-loader span {
    width: 18px;
    height: 18px;
    border-width: 2px;
}

.xdwyG {
    width: 100%;
    position: relative;
    padding: 1.2em 10px;
    background-color: rgb(248, 0, 50);
}

@media (min-width: 80em) {
    .xdwyG {
        padding: 0px;
    }
}

.iJAatN {
    max-width: 80em;
    height: 85px;
    align-items: center;
    display: flex;
    margin: 0px auto;
}

@media (max-width: 738px) {
    .iJAatN {
        height: auto;
    }
}

.erxSuL svg {
    width: 163px;
    height: 32px;
}

@media (max-width: 738px) {
    .erxSuL svg {
        width: 96px;
        height: 20px;
    }
}

.fCMNTB {
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgb(102, 102, 102);
    text-decoration-line: underline;
    margin-top: 14px;
    text-transform: lowercase;
}

.fCMNTB:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    .fCMNTB {
        margin-top: 0px;
    }
}

.gqOaWH {
    font-size: 1rem;
    line-height: 1.125rem;
    color: rgb(102, 102, 102);
    max-width: 473px;
    margin: auto;
    text-align: center;
    padding-top: 24px;
}

.gqOaWH>a {
    font-weight: bold;
    text-decoration-thickness: 2px;
}

@media (max-width: 767px) {
    .gqOaWH {
        width: 90%;
    }
}

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

.knhau {
    font-family: inherit;
    border: none;
    background: transparent;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    text-transform: lowercase;
    padding: 0px !important;
    margin: 0px !important;
    color: rgb(102, 102, 102) !important;
}

.gRmbEC {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .gRmbEC {
        margin-left: 16px;
        margin-right: 16px;
    }
}

.kygpno {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 100%;
    max-width: 346px;
}

@media (max-width: 768px) {
    .kygpno {
        width: 100%;
        margin: 0px;
    }
}

.kygpno input {
    margin-top: 8px;
}

.kygpno .passwordInput,
.kygpno .cpfInput {
    margin-top: 24px;
}

.kygpno i> :first-child {
    top: 64px;
    right: 12px;
}

.kygpno .--input-error input {
    border: 1px solid rgb(230, 0, 20);
}

.kygpno .--input-valid input {
    border: 1px solid rgb(0, 177, 0);
}

.jMioa {
    margin-top: 26px;
}

.dcyeVC>button {
    margin-left: auto;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 8px;
}

.hcXfrc {
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.006rem;
    width: 100%;
    max-width: 346px;
}

.hcXfrc>a {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: normal;
    text-decoration-thickness: 1px;
}

.hXYyu {
    padding-bottom: 56px;
}

.idSnbn {
    background-color: rgb(255, 255, 255);
    min-height: 100vh;
}

.eXTPaZ {
    color: rgb(102, 102, 102);
    font-family: Helvetica, Arial, sans-serif;
    padding-bottom: 56px;
}

.kxZgIl {
    display: flex;
    text-align: center;
    padding-top: 56px;
    align-items: center;
    flex-direction: column;
}

@media (max-width: 768px) {
    .kxZgIl {
        margin-left: 16px;
        margin-right: 16px;
    }
}

.dDJpED {
    font-size: 1.75rem;
    letter-spacing: 0.006rem;
    font-weight: 700;
    line-height: 32px;
    margin: 0px 0px 24px;
    text-transform: lowercase;
}

.rxkDE {
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
    letter-spacing: 0.006rem;
    width: 100%;
    max-width: 346px;
    margin: 0px;
}

.eaTukg {
    position: relative;
    top: 7px;
    width: 36px;
    display: inline-block;
    margin-right: 10px;
}