@charset 'UTF-8';::-webkit-scrollbar {
    width: 0.4rem;
}

;

::-webkit-scrollbar-track {
    background-color: var(--gray-500);
}

::-webkit-scrollbar-thumb {
    background-color: var(--gray-700);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--gray-300);
}
select:hover {
    cursor: pointer;
}
h3+p {
    margin-bottom: 1rem;
}

h3 {
    margin-bottom: 1rem;
}

:root {
    --gray-translucent: rgba(0, 0, 0, 0.5);
    --gray-100: #E1E1E6;
    --gray-300: #C4C4CC;
    --gray-400: #8D8D99;
    --gray-500: #7C7C8A;
    --gray-600: #323238;
    --gray-700: #29292E;
    --gray-800: #202024;
    --gray-900: #121212;

    --yellow-100: #ffff00;
    --yellow-500: #ffd800;
    --yellow-600: #ffc300;
    /* amarelo ambar:  #ffc300 */
    --yellow-900: #b79303;

    --red-500: #e83f5b;
    --red-700: #e30b2f;
    --green-100: #04d131;
    --green-300: #048c22;
    --green-500: #00875F;

    --white: #fff;
    --blue-100: #3498db;
    --blue-300: #4970fc;
    --blue-500: #2600ff;
    --blue-600: #2600ff;
    --blue-700: #2b00d9;
    --pink-500: #e810b3;
    --pink-600: #c9149d;

    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: var(--green-500) !important;
    --toastify-color-warning: var(--yellow-500) !important;
    --toastify-color-error: var(--red-500) !important;
    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
}

:focus {
    outline: 0px;
}

.title {
    margin-bottom: 1rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

body {
    background: var(--gray-900);
    color: var(--gray-300);
    overflow-y: auto;
    /* scrollbar-gutter: stable both-edges; */
}

body,
input,
textarea,
button {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    border: 0;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    margin-bottom: 1rem;
}

input, textarea {
    width: 100%;
    margin:0.5rem 0;
}

button {
    font-weight: 600;
}

nav a.active {
    color: var(--gray-100);
}

select {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    width: 100%;
    padding: 0.5rem 1rem;
    margin: 0 0 1rem 0;
    border-radius: 5px;
    color: var(--gray-700);
}

input+label {
    margin-top: 1rem;
}

h1 {
    margin: 0px 0 1rem 0;
}

.modal.active {
    animation: fadeIn 0.2s ease-in-out forwards;
    content-visibility: visible;
    z-index: 999;
    transition: .2s;
}

.modal.hide {
    display: none;
    animation: fadeOut 0.2s ease-in-out forwards !important;
}

.modalWrapper {
    position: fixed;
    opacity: 0;
    left: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: auto;
    z-index: -1;
}

.modalWrapper.hide {
    display: none;
    animation: fadeOut 0.3s ease-in-out forwards !important;
}

.alert {
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 5px;
    font-size: 0.75rem;
}

.alert .title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.alert-warning .title {
    color: var(--gray-900);
}

.alert-warning {
    background: var(--yellow-900);
    color: var(--gray-900);
}
.alert-danger{
    background: var(--red-500);
    color: var(--gray-white);
}
.alert-success{
    background: var(--green-500);
    color: var(--gray-white);
}
.alert-info{
    background: var(--blue-300);
    color: var(--gray-100);
}
.alert ul {
    list-style: disc;
    margin-left: 1rem;
}
.customToast{
    padding:0!important;
    background:transparent!important;
}
.customToast button{
    display: none!important;
}
.Toastify__toast--default.productNotification{
    background:var(--yellow-600)!important;
    color:var(--gray-700)!important;
    border-radius:3px;
}
.productNotificationContainer{
    display: flex;
    align-items: center;
    gap:1rem;
}
.productNotification img{
    border-radius:5px;
}
.productNotification h1{
    text-transform: uppercase;
    font-size:1rem;
    font-weight: bold;
    text-align: left;
}
.productNotification p{
    font-size:0.85rem;
}


.orderNotification h1{
    
    font-size:1rem;
    text-transform: uppercase;

}
.orderNotification{
    font-size:0.9rem;
}
.Toastify__toast--default.orderNotification{
    background:var(--blue-500)!important;
    color:#fff!important;
}
.orderNotification h3{
    margin:0.5rem 0;
    font-size:0.9rem;
    text-transform: uppercase;
    font-weight: bold;
}
.orderNotification .orderItens{

}


/* fadeIn animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        width: 0;
        content-visibility: hidden;
    }

    to {
        opacity: 1;
        width: 100%;
        content-visibility: visible;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        width: 100%;
        content-visibility: visible;
        z-index: 999;
    }

    to {
        opacity: 0;
        width: 100%;
        content-visibility: hidden;
        z-index: -1;
    }
}

table input[type='checkbox'] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: 1px solid var(--gray-700);
    background: var(--gray-800);
    cursor: pointer;
}

.progress-bar {
    width: 100%;
    height: 3px;
    background: var(--gray-700);
    color: var(--yellow-500);
    position: fixed;
    top: 0;
    left: 0;
}

.progress-bar::-webkit-progress-bar-value {
    -webkit-appearance: none;
    background: var(--yellow-500);
}

.table {
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    min-width: 100px;
    table-layout: fixed;
    overflow-x: auto;


}

.table thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;

}

.table tbody {
    padding: 0 0 1rem 0;
}

.table tbody tr td {
    padding: 1rem 0.75rem;
    vertical-align: middle;
    font-size: 0.75rem;
    border-bottom: 1px solid var(--gray-700);
}
.nowrap{
    white-space: nowrap;
}
.table tbody tr td:last-child {
    min-width: 100px;
}

.table tbody tr:last-child td {
    border: none;
}

.table tbody tr:last-child td.status {
    min-width: 180px;
}
.text-r{
    text-align: right!important;
}
.table tfoot{
    background: var(--gray-700);
    font-size: 0.75rem;
    font-weight: bold;
    text-align: right;
}
.table tfoot td{
    padding: 1rem 0.75rem;
}
.m1{
    margin:1rem 0;
}
.d-flex{
    display: flex;
}
.flex-right{
    justify-content: flex-end;
}
.gira svg{
    animation: rotate .4s linear infinite;
}
.btn-align button{
    align-items: unset;
}
.paymentConfirmed, .paymentRejected{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding:0 2rem;
}
.paymentConfirmed p, .paymentRejected p{
    font-size:1.5rem;
}

.paymentConfirmed svg{
    width:6rem;
    height:6rem;
    color:var(--green-500);
}

.paymentConfirmed .confirmedMsg{
    font-size:0.9rem;
    text-align: center;
}
.text-center{
    text-align: center!important;
}

.badge.badge-danger{
    border-radius:30px;
    background:var(--red-500);
    color: var(--gray-100);
    display: block;
    padding:0.5rem 0.75rem;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap:0.5rem;
}
.badge.badge-danger svg{
    color:var(--gray-100)
}
.badge.badge-danger:hover .hoverBox{
    display: block;
}
.badge.badge-danger .hoverBox button svg{
    color:var(--gray-700)!important
}

.hoverBox.isImporting{
    display: block;
}
.pagination{
    margin:1rem 0;
    display: flex;
    gap:1rem;
}

.hoverBox{
    position: absolute;
    top: -0.5rem;
    left: -18rem;
    width: 20rem;
    background: var(--gray-700);
    color: var(--gray-100);
    padding: 0.5rem 1rem;
    border-radius: 5px;
    font-size: 0.75rem;
    display: none;
    z-index: 999;
    white-space: normal;
}
.hoverBox .title{
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.hoverBox ul{
    margin:0;
    padding:0;
    list-style: none;
}
.hoverBox ul li{
    display: grid;
    grid-template-columns: 1rem 1fr;
    align-items: center;
    gap:0.5rem;
    margin-bottom: 0.5rem;
}
.hoverBox ul li svg{
    color: var(--yellow-500)!important;
    width: 1rem;
    height: 1rem;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }


    body{
        margin: 0;
        padding: 0;
    }


header._mainHeader_11ioy_8{
    width: 100%;
    height: 60px;
    /* margin-bottom:1rem; */
    background:var(--gray-800);
    display: flex;
    align-items: center;
    /* justify-content: center; */
    justify-content: space-between;
    border: none;
    padding-top: 1rem;
}

header._mainHeader_11ioy_8 ._logo_11ioy_21 img{
    max-width: 120px;
    margin-left: 1rem;
}
._nav_11ioy_25 > ul li button {
    padding: 0;
}
._nav_11ioy_25 > ul li:last-child {
    padding-right: 0.5rem;
}
._mainHeader_11ioy_8 ._nav_11ioy_25 ul{
    display: flex;
    align-items: center;
    padding-top: 0.8rem;
    /* justify-content: space-evenly; */
    /* margin-right: 1rem; */
    list-style: none;
    gap: 0.8rem;
}
._mainHeader_11ioy_8 ._nav_11ioy_25  ul li button{
    color:var(--gray-500);
    transition: .2s;
    background-color: transparent;
    border:none;
}
._mainHeader_11ioy_8 ._nav_11ioy_25  ul li button:hover{
    color:var(--gray-100);
}



._active_11ioy_52{
    animation: _fadeInMenu_11ioy_1 0.3s ease-in-out forwards;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: var(--gray-700);
    background-image: linear-gradient(to top right, var(--gray-600) 0%, var(--gray-800) 100%);
}

._disabled_11ioy_64 {
    position: fixed;
    width: 100%;
    background-color: var(--gray-700);
    height: 100%;
    animation: _fadeOutMenu_11ioy_1 0.3s ease-in-out forwards;
}
._responsiveMenu_11ioy_71 {
    display: block;
    text-align: center;
}
._closeButton_11ioy_75 {
    align-self: flex-end;
}
._mainMenu_11ioy_78 { 
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4rem;
    padding-right: 8rem;
    background-color: var(--grey-800);
}   
 
._cover_11ioy_89{
    width:100%;
    height:72px;
    object-fit: cover;
}
._mainMenu_11ioy_78 footer {
    margin-top: 1.5rem;
    padding: 0rem 2rem 0rem;
}
._mainMenu_11ioy_78 footer a{
    background:transparent;
    color:var(--yellow-500);
    border: 1px solid var(--yellow-500);
    border-radius:8px;
    height: 40px;
    padding:0 0.75rem;
    font-weight: 600;
    display:flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    gap:0.75rem;
    font-size:0.75rem;
    transition: color 0.2s, background-color 0.2s;
}
._mainMenu_11ioy_78 footer a:hover{
    background: var(--yellow-500);
    color:var(--gray-800);
}

._mainMenu_11ioy_78 span{
    display: block;
    font-size:0.70rem;
    color: var(--gray-100);
    text-transform: uppercase;
    margin:1rem 0 1rem -0.50rem;
}


._mainMenu_11ioy_78{
    margin-top:1rem;
    padding: 1rem;
}
._mainMenu_11ioy_78 a{
    display: block;
    color:var(--gray-400);
    text-decoration: none;
    line-height: 1.6rem;
    transition: .2s;
}

._mainMenu_11ioy_78 a:hover{
    color:var(--gray-100);
}
._mainMenu_11ioy_78 a + a{
    margin-top:0.50rem;
}

@media screen and (min-width: 1008px) {
    ._mainHeader_11ioy_8 ._nav_11ioy_25 ul {
        display: flex;
        align-items: center;
        justify-content: space-evenly; 
        margin-right: 1rem;
        list-style: none;
        gap: 1rem;
    }

    ._mainMenu_11ioy_78, ._responsiveMenu_11ioy_71, ._mainMenu_11ioy_78 > *, ._responsiveMenu_11ioy_71 > *, ._disabled_11ioy_64{
        display: none;
    }
}

@media (max-width: 768px) {
/* fadeIn animation */
@keyframes _fadeInMenu_11ioy_1 {
    from {
        top:-100%;
        opacity: 0;
        content-visibility: hidden;
    }

    to {
        top:0;
        opacity: 1;
        content-visibility: visible;
    }
}

@keyframes _fadeOutMenu_11ioy_1 {
    from {
        top:0;
        left:0;
        opacity: 1;
        content-visibility: visible;
    }
    to {
        top:-100%;
        left:0;
        opacity: 0;
    }
}

._fade-enter_11ioy_192 {
    opacity: 0;
  }
  
  ._fade-enter-active_11ioy_196 {
    opacity: 1;
    transition: opacity 1s;
  }
  
  ._fade-exit_11ioy_201 {
    opacity: 1;
  }
  
  ._fade-exit-active_11ioy_205 {
    opacity: 0;
    transition: opacity 1s;
  }
}

._migrateButton_1kfiw_1,
._continueButton_1kfiw_2,
._blockedButton_1kfiw_3,
._completedButton_1kfiw_4 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  background: var(--yellow-500);
  background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
  color: var(--gray-900);
}

._migrateButton_1kfiw_1:hover,
._continueButton_1kfiw_2:hover,
._completedButton_1kfiw_4:hover {
  background: var(--yellow-100);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._blockedButton_1kfiw_3 {
  background: var(--red-500);
  background-image: linear-gradient(to bottom right, var(--red-500), var(--red-700));
  color: var(--white);
  cursor: not-allowed;
}

._blockedButton_1kfiw_3:hover {
  background: var(--red-500);
  transform: none;
}

._migrateButton_1kfiw_1:active,
._continueButton_1kfiw_2:active,
._completedButton_1kfiw_4:active {
  transform: translateY(0);
}

@media (max-width: 768px) {
  ._migrateButton_1kfiw_1,
  ._continueButton_1kfiw_2,
  ._blockedButton_1kfiw_3,
  ._completedButton_1kfiw_4 {
    padding: 8px 12px;
    font-size: 13px;
  }
} ._overlay_g6fvf_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gray-translucent);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

._modal_g6fvf_15 {
  background: var(--gray-800);
  border-radius: 5px;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--gray-600);
}

._header_g6fvf_26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid var(--gray-600);
}

._header_g6fvf_26 h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--gray-100);
}

._closeButton_g6fvf_41 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px;
  color: var(--gray-400);
  transition: all 0.2s;
}

._closeButton_g6fvf_41:hover {
  background: var(--gray-700);
  color: var(--gray-100);
}

._content_g6fvf_56 {
  padding: 24px;
}

._videoContainer_g6fvf_60 {
  margin-bottom: 24px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

._videoContainer_g6fvf_60 iframe {
  border-radius: 5px;
}

._textContent_g6fvf_71 {
  text-align: center;
}

._iconContainer_g6fvf_75 {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  color: var(--yellow-500);
}

._textContent_g6fvf_71 h3 {
  margin: 0 0 16px 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--gray-100);
}

._textContent_g6fvf_71 p {
  margin: 0 0 16px 0;
  color: var(--gray-300);
  line-height: 1.6;
}

._textContent_g6fvf_71 ul {
  text-align: left;
  margin: 0 0 24px 0;
  padding-left: 0;
  color: var(--gray-300);
  list-style: none;
}

._textContent_g6fvf_71 li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  line-height: 1.5;
  padding: 8px 12px;
  background: var(--gray-700);
  border-radius: 5px;
  border-left: 3px solid var(--yellow-500);
}

._textContent_g6fvf_71 li svg {
  color: var(--yellow-500);
  flex-shrink: 0;
}

._textContent_g6fvf_71 li span {
  color: var(--gray-100);
  font-weight: 500;
}

._warningBox_g6fvf_125 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--gray-700);
  border: 1px solid var(--yellow-500);
  border-radius: 5px;
  padding: 16px;
  margin-top: 20px;
  color: var(--gray-100);
}

._warningBox_g6fvf_125 svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--yellow-500);
}

._warningBox_g6fvf_125 p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

._warningBox_g6fvf_125 strong {
  color: var(--yellow-500);
}

._footer_g6fvf_153 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 0 24px 24px 24px;
  border-top: 1px solid var(--gray-600);
  margin-top: 24px;
  padding-top: 24px;
}

._cancelButton_g6fvf_163 {
  padding: 12px 24px;
  border: 1px solid var(--gray-600);
  background: var(--gray-700);
  color: var(--gray-300);
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

._cancelButton_g6fvf_163:hover {
  background: var(--gray-600);
  color: var(--gray-100);
}

._startButton_g6fvf_179 {
  padding: 12px 24px;
  border: none;
  background: var(--yellow-500);
  background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
  color: var(--gray-900);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

._startButton_g6fvf_179:hover {
  background: var(--yellow-100);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._startButton_g6fvf_179:active {
  transform: translateY(0);
}

._cancelButton_g6fvf_163:disabled,
._startButton_g6fvf_179:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._cancelButton_g6fvf_163:disabled:hover,
._startButton_g6fvf_179:disabled:hover {
  background: var(--gray-700);
  color: var(--gray-300);
  transform: none;
}

._startButton_g6fvf_179:disabled:hover {
  background: var(--yellow-500);
  color: var(--gray-900);
  transform: none;
}

@media (max-width: 768px) {
  ._modal_g6fvf_15 {
    margin: 20px;
    max-height: calc(100vh - 40px);
  }
  
  ._header_g6fvf_26 {
    padding: 16px 16px 0 16px;
  }
  
  ._content_g6fvf_56 {
    padding: 16px;
  }
  
  ._footer_g6fvf_153 {
    padding: 0 16px 16px 16px;
    flex-direction: column;
  }
  
  ._cancelButton_g6fvf_163,
  ._startButton_g6fvf_179 {
    width: 100%;
  }
} ._overlay_l76sh_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gray-translucent);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

._modal_l76sh_15 {
  background: var(--gray-800);
  border-radius: 5px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--gray-600);
}

._header_l76sh_26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid var(--gray-600);
}

._header_l76sh_26 h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--gray-100);
}

._closeButton_l76sh_41 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px;
  color: var(--gray-400);
  transition: all 0.2s;
}

._closeButton_l76sh_41:hover {
  background: var(--gray-700);
  color: var(--gray-100);
}

._content_l76sh_56 {
  padding: 24px;
  text-align: center;
}

._iconContainer_l76sh_61 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--green-500);
}

._content_l76sh_56 h3 {
  margin: 0 0 16px 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--gray-100);
}

._content_l76sh_56 p {
  margin: 0 0 20px 0;
  color: var(--gray-300);
  line-height: 1.6;
}

._stepsContainer_l76sh_81 {
  text-align: left;
  margin: 24px 0;
  padding: 20px;
  background: var(--gray-700);
  border-radius: 5px;
  border-left: 4px solid var(--yellow-500);
}

._stepsContainer_l76sh_81 h4 {
  margin: 0 0 12px 0;
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 600;
}

._stepsContainer_l76sh_81 ol {
  margin: 0;
  padding-left: 20px;
  color: var(--gray-300);
}

._stepsContainer_l76sh_81 li {
  margin-bottom: 8px;
  line-height: 1.5;
}

._infoBox_l76sh_108 {
  background: var(--gray-700);
  border: 1px solid var(--blue-500);
  border-radius: 5px;
  padding: 16px;
  margin-top: 20px;
  color: var(--gray-100);
}

._infoBox_l76sh_108 p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

._infoBox_l76sh_108 strong {
  color: var(--blue-500);
}

._footer_l76sh_127 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 0 24px 24px 24px;
  border-top: 1px solid var(--gray-600);
  margin-top: 24px;
  padding-top: 24px;
}

._cancelButton_l76sh_137 {
  padding: 12px 24px;
  border: 1px solid var(--gray-600);
  background: var(--gray-700);
  color: var(--gray-300);
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

._cancelButton_l76sh_137:hover {
  background: var(--gray-600);
  color: var(--gray-100);
}

._completeButton_l76sh_153 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  background: var(--yellow-500);
  background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
  color: var(--gray-900);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

._completeButton_l76sh_153:hover {
  background: var(--yellow-100);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._completeButton_l76sh_153:active {
  transform: translateY(0);
}

._cancelButton_l76sh_137:disabled,
._completeButton_l76sh_153:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._cancelButton_l76sh_137:disabled:hover,
._completeButton_l76sh_153:disabled:hover {
  background: var(--gray-700);
  color: var(--gray-300);
  transform: none;
}

._completeButton_l76sh_153:disabled:hover {
  background: var(--yellow-500);
  color: var(--gray-900);
  transform: none;
}

@media (max-width: 768px) {
  ._modal_l76sh_15 {
    margin: 20px;
    max-height: calc(100vh - 40px);
  }
  
  ._header_l76sh_26 {
    padding: 16px 16px 0 16px;
  }
  
  ._content_l76sh_56 {
    padding: 16px;
  }
  
  ._footer_l76sh_127 {
    padding: 0 16px 16px 16px;
    flex-direction: column;
  }
  
  ._cancelButton_l76sh_137,
  ._completeButton_l76sh_153 {
    width: 100%;
  }
} ._overlay_1onkm_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gray-translucent);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

._modal_1onkm_15 {
  background: var(--gray-800);
  border-radius: 5px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--gray-600);
}

._header_1onkm_26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid var(--gray-600);
}

._header_1onkm_26 h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--gray-100);
}

._closeButton_1onkm_41 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px;
  color: var(--gray-400);
  transition: all 0.2s;
}

._closeButton_1onkm_41:hover {
  background: var(--gray-700);
  color: var(--gray-100);
}

._content_1onkm_56 {
  padding: 24px;
  text-align: center;
}

._iconContainer_1onkm_61 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--yellow-500);
}

._content_1onkm_56 h3 {
  margin: 0 0 16px 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--gray-100);
}

._content_1onkm_56 p {
  margin: 0 0 20px 0;
  color: var(--gray-300);
  line-height: 1.6;
}

._warningBox_1onkm_81 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--gray-700);
  border: 1px solid var(--red-500);
  border-radius: 5px;
  padding: 20px;
  margin: 24px 0;
  text-align: left;
  color: var(--gray-100);
}

._warningBox_1onkm_81 svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--red-500);
}

._warningBox_1onkm_81 h4 {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--red-500);
}

._warningBox_1onkm_81 ul {
  margin: 0;
  padding-left: 20px;
  color: var(--gray-300);
}

._warningBox_1onkm_81 li {
  margin-bottom: 6px;
  line-height: 1.5;
}

._infoBox_1onkm_118 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--gray-700);
  border: 1px solid var(--gray-100);
  border-radius: 5px;
  padding: 20px;
  margin: 24px 0;
  text-align: left;
  color: var(--gray-100);
}

._infoBox_1onkm_118 svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--gray-100);
}

._infoBox_1onkm_118 h4 {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--gray-100);
}

._infoBox_1onkm_118 ul {
  margin: 0;
  padding-left: 20px;
  color: var(--gray-300);
}

._infoBox_1onkm_118 li {
  margin-bottom: 8px;
  line-height: 1.5;
}

._infoBox_1onkm_118 li strong {
  color: var(--yellow-500);
}

._infoBox_1onkm_118 p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

._infoBox_1onkm_118 strong {
  color: var(--gray-100);
}

._buttonContainer_1onkm_169 {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

._stepsContainer_1onkm_175 {
  text-align: left;
  margin: 24px 0;
  padding: 20px;
  background: var(--gray-700);
  border-radius: 5px;
  border-left: 4px solid var(--yellow-500);
}

._stepsContainer_1onkm_175 h4 {
  margin: 0 0 12px 0;
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 600;
}

._stepsContainer_1onkm_175 ol {
  margin: 0;
  padding-left: 20px;
  color: var(--gray-300);
}

._stepsContainer_1onkm_175 li {
  margin-bottom: 8px;
  line-height: 1.5;
}

._footer_1onkm_202 {
  display: flex;
  justify-content: center;
  padding: 0 24px 24px 24px;
  border-top: 1px solid var(--gray-600);
  margin-top: 24px;
  padding-top: 24px;
}

._contactButton_1onkm_211 {
  padding: 12px 32px;
  border: none;
  background: var(--yellow-500);
  background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
  color: var(--gray-900);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

._contactButton_1onkm_211:hover {
  background: var(--yellow-100);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._contactButton_1onkm_211:active {
  transform: translateY(0);
}

._forceButton_1onkm_233 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  border: none;
  background: var(--yellow-500);
  background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
  color: var(--gray-900);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

._forceButton_1onkm_233:hover {
  background: var(--yellow-100);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._forceButton_1onkm_233:active {
  transform: translateY(0);
}

._actions_1onkm_258 {
  display: flex;
  justify-content: flex-end;
  margin: 24px 0;
}

._primaryButton_1onkm_264 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 32px;
  border: none;
  background: var(--yellow-500);
  background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
  color: var(--gray-900);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

._primaryButton_1onkm_264:hover {
  background: var(--yellow-100);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._primaryButton_1onkm_264:active {
  transform: translateY(0);
}

._primaryButton_1onkm_264:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._primaryButton_1onkm_264:disabled:hover {
  background: var(--yellow-500);
  color: var(--gray-900);
  transform: none;
}

._textContent_1onkm_302 {
  text-align: left;
  margin-bottom: 20px;
}

._textContent_1onkm_302 h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--gray-100);
}

._textContent_1onkm_302 ul {
  margin: 0 0 20px 0;
  padding-left: 20px;
  color: var(--gray-300);
}

._textContent_1onkm_302 li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  line-height: 1.5;
}

._nextSteps_1onkm_331 {
  text-align: left;
  margin: 24px 0;
  padding: 20px;
  background: var(--gray-700);
  border-radius: 5px;
  border-left: 4px solid var(--yellow-500);
}

._nextSteps_1onkm_331 h3 {
  margin: 0 0 12px 0;
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 600;
}

._nextSteps_1onkm_331 ol {
  margin: 0;
  padding-left: 20px;
  color: var(--gray-300);
}

._nextSteps_1onkm_331 li {
  margin-bottom: 8px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  ._modal_1onkm_15 {
    margin: 20px;
    max-height: calc(100vh - 40px);
  }
  
  ._header_1onkm_26 {
    padding: 16px 16px 0 16px;
  }
  
  ._content_1onkm_56 {
    padding: 16px;
  }
  
  ._footer_1onkm_202 {
    padding: 0 16px 16px 16px;
  }
  
  ._contactButton_1onkm_211,
  ._forceButton_1onkm_233,
  ._primaryButton_1onkm_264 {
    width: 100%;
  }
  
  ._actions_1onkm_258 {
    justify-content: center;
  }
} ._overlay_4dq6r_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gray-translucent);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

._modal_4dq6r_15 {
  background: var(--gray-800);
  border-radius: 5px;
  max-width: 600px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--gray-600);
}

._header_4dq6r_26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid var(--gray-600);
}

._header_4dq6r_26 h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--gray-100);
}

._closeButton_4dq6r_41 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px;
  color: var(--gray-400);
  transition: all 0.2s;
}

._closeButton_4dq6r_41:hover {
  background: var(--gray-700);
  color: var(--gray-100);
}

._content_4dq6r_56 {
  padding: 24px;
  text-align: center;
}

._iconContainer_4dq6r_61 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--green-500);
}

._content_4dq6r_56 h3 {
  margin: 0 0 16px 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--gray-100);
}

._content_4dq6r_56 p {
  margin: 0 0 20px 0;
  color: var(--gray-300);
  line-height: 1.6;
}

._featuresContainer_4dq6r_81 {
  text-align: left;
  margin: 24px 0;
  padding: 20px;
  background: var(--gray-700);
  border-radius: 5px;
  border-left: 4px solid var(--green-500);
}

._featuresContainer_4dq6r_81 h4 {
  margin: 0 0 12px 0;
  color: var(--gray-100);
  font-size: 16px;
  font-weight: 600;
}

._featuresContainer_4dq6r_81 ul {
  margin: 0;
  padding-left: 20px;
  color: var(--gray-300);
}

._featuresContainer_4dq6r_81 li {
  margin-bottom: 8px;
  line-height: 1.5;
}

._infoBox_4dq6r_108 {
  background: var(--gray-700);
  border: 1px solid var(--blue-500);
  border-radius: 5px;
  padding: 16px;
  margin-top: 20px;
  color: var(--gray-100);
}

._infoBox_4dq6r_108 p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

._infoBox_4dq6r_108 strong {
  color: var(--blue-500);
}

._footer_4dq6r_127 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 0 24px 24px 24px;
  border-top: 1px solid var(--gray-600);
  margin-top: 24px;
  padding-top: 24px;
}

._cancelButton_4dq6r_137 {
  padding: 12px 24px;
  border: 1px solid var(--gray-600);
  background: var(--gray-700);
  color: var(--gray-300);
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

._cancelButton_4dq6r_137:hover {
  background: var(--gray-600);
  color: var(--gray-100);
}

._redirectButton_4dq6r_153 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border: none;
  background: var(--yellow-500);
  background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
  color: var(--gray-900);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

._redirectButton_4dq6r_153:hover {
  background: var(--yellow-100);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._redirectButton_4dq6r_153:active {
  transform: translateY(0);
}

@media (max-width: 768px) {
  ._modal_4dq6r_15 {
    margin: 20px;
    max-height: calc(100vh - 40px);
  }
  
  ._header_4dq6r_26 {
    padding: 16px 16px 0 16px;
  }
  
  ._content_4dq6r_56 {
    padding: 16px;
  }
  
  ._footer_4dq6r_127 {
    padding: 0 16px 16px 16px;
    flex-direction: column;
  }
  
  ._cancelButton_4dq6r_137,
  ._redirectButton_4dq6r_153 {
    width: 100%;
  }
} ._overlay_ltkr7_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gray-translucent);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

._modal_ltkr7_15 {
  background: var(--gray-800);
  border-radius: 5px;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--gray-600);
}

._content_ltkr7_24 {
  padding: 32px;
  text-align: center;
}

._iconContainer_ltkr7_29 {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  color: var(--green-500);
}

._content_ltkr7_24 h2 {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--gray-100);
}

._content_ltkr7_24 p {
  margin: 0 0 16px 0;
  color: var(--gray-300);
  line-height: 1.6;
}

._actions_ltkr7_49 {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

._primaryButton_ltkr7_55 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 32px;
  border: none;
  background: var(--green-500);
  background-image: linear-gradient(to bottom right, var(--green-500), var(--green-600));
  color: var(--gray-900);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

._primaryButton_ltkr7_55:hover {
  background: var(--green-400);
  color: var(--gray-900);
  transform: translateY(-1px);
}

._primaryButton_ltkr7_55:active {
  transform: translateY(0);
}

@media (max-width: 768px) {
  ._modal_ltkr7_15 {
    margin: 20px;
  }
  
  ._content_ltkr7_24 {
    padding: 24px;
  }
  
  ._primaryButton_ltkr7_55 {
    width: 100%;
  }
} 
._sidebar_149kc_2{
    background: var(--gray-800);
    background-image: linear-gradient(to top right, var(--gray-700) 0%, var(--gray-800) 100%);
    border-radius:8px;
    overflow:auto;
    /* height: calc(100vh - 80px - 2rem); */
}
._cover_149kc_9{
    width:100%;
    height:72px;
    object-fit: cover;
}
._profile_149kc_14{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(0px - 1.5rem - 6px);   
}
._profile_149kc_14 strong{
    margin-top:1rem;
    color: var(--gray-100);
    line-height: 1.6;
    text-align: center;
}
._profile_149kc_14 span{
    font-size:0.875rem;
    color: var(--gray-400);
}
._sidebar_149kc_2 footer {
    margin-top: 1.5rem;
    padding: 0rem 2rem 0rem;
}
._sidebar_149kc_2 footer a{
    background:transparent;
    color:var(--yellow-500);
    border: 1px solid var(--yellow-500);
    border-radius:8px;
    height: 40px;
    padding:0 0.75rem;
    font-weight: 600;
    display:flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    gap:0.75rem;
    font-size:0.75rem;
    transition: color 0.2s, background-color 0.2s;
}
._sidebar_149kc_2 footer a:hover{
    background: var(--yellow-500);
    color:var(--gray-800);
}

._mainMenu_149kc_55 span{
    display: block;
    font-size:0.70rem;
    color: var(--gray-100);
    text-transform: uppercase;
    margin:1rem 0 1rem -0.50rem;
}


._mainMenu_149kc_55{
    border-top:1px solid var(--gray-600);
    margin-top:1rem;
    padding: 1rem;
}
._mainMenu_149kc_55 a{
    display: block;
    color:var(--gray-400);
    text-decoration: none;
    line-height: 1.6rem;
    transition: .2s;
}

._mainMenu_149kc_55 a:hover{
    color:var(--gray-100);
}
._mainMenu_149kc_55 a + a{
    margin-top:0.50rem;
}


@media screen and (max-width: 1007px) {
    ._sidebar_149kc_2 {display: none;}    
}
._avatar_14ac4_1{
    width: calc(3rem + 12px);
    height: calc(3rem + 12px);
    border-radius:8px;
    background-color: var(--white);
}
._avatarWithBorder_14ac4_7{
    width: calc(3rem + 12px);
    height: calc(3rem + 12px);
    border-radius:8px;
    background-color: var(--gray-800);
    border:4px solid var(--gray-800);
    outline: 2px solid var(--yellow-500);
}

._wrapper_kxgso_2 {
    /* padding-bottom: 6vh; */
    max-width: 100%;
    /* Caso quebre tirar o comentario: */
    /* height: 90vh; */
}
._mainWrapper_kxgso_8{
    overflow-x: hidden;
    /* overflow-y: auto;
    overflow-x: hidden; */
    width: 92%;
    margin: 0 auto;
}

._mainWrapper_kxgso_8 h1 {
    margin-left: 1rem;
}
/* 
@media screen and (min-width: ) {
    
} */
._headerSpacing_kxgso_23 {
    margin-bottom: 1rem;
}
@media screen and (min-width: 1008px) { 
    ._mainWrapper_kxgso_8{
        width: 100%;    
    }
    ._wrapper_kxgso_2{
       max-width: 100%;
        margin: 0 auto;
        padding:0 1rem;
        display: grid;
        grid-template-columns: 256px 1fr;
        /* Caso quebre tirar o comentario desses dois: */
        /* grid-auto-rows: 1fr; */
        /* height: calc(100vh - 60px - 1rem); */
        gap: 1rem;
        align-items: start;
        /* overflow: hidden; */
        padding-bottom: 0;
    }
   
}
/* @media screen and (min-width: 1440px) {
    .mainWrapper{
        width: 100%;    
    }
} */
._mainFooter_1nlnj_1 {
    display: flex;
    flex-direction: column;
    background-color: var(--gray-800);
    width: 100%;
    min-height: 8rem;
    position: relative;
    top: 8rem;
    margin-top: 1rem;
    padding: 2rem;
  
}




._footerLinks_1nlnj_17 > a {
    text-decoration: none;
    color: var(--white);
}
@media screen and (min-width: 320px) {
    ._mainFooter_1nlnj_1 {
        gap: .5rem;
    }
    ._logo_1nlnj_25 {
        width: 6rem;
    }
    ._footerLinks_1nlnj_17 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 1rem;
    }
    ._footerLinks_1nlnj_17 > a::before {
        content: '| ';
    }
    ._footerLinks_1nlnj_17 > a:last-child::after {
        content: ' |';
    }
    ._mainFooter_1nlnj_1 > p {
        text-align: center;
    }
    ._footerLinks_1nlnj_17 > a,  ._mainFooter_1nlnj_1 > p {
        font-size: .6rem;

    }
}
@media screen and (min-width: 768px) {
    ._footerLinks_1nlnj_17 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        gap: .5rem;
    }
    ._footerLinks_1nlnj_17 > a,  ._mainFooter_1nlnj_1 > p {
        text-align: justify;
    }
    ._footerLinks_1nlnj_17 > a::before {
        content: '';
    }
    ._footerLinks_1nlnj_17 > a:last-child::after {
        content: '';
    }
}

@media screen and (min-width: 1440px) {
    
    ._footerLinks_1nlnj_17 {
        gap: 1rem;
    }
    ._footerLinks_1nlnj_17 > a,  ._mainFooter_1nlnj_1 > p {
        font-size: .8rem;
    }
 
}._btn_14m3a_1{
    padding:0.50rem 0.7rem;
    border:0;
    border-radius:5px;
    font-weight: normal;
    cursor: pointer;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: space-between;
    gap: 0.75rem;
}
._btn_14m3a_1:disabled{
    cursor: not-allowed;
    opacity: 0.6;
}



._btn_14m3a_1._sm_14m3a_21{
    font-size:0.75rem;
}
._btn_14m3a_1._md_14m3a_24{
    font-size:1rem;
}
._btn_14m3a_1._lg_14m3a_27{
    font-size:1.25rem;
}
._btn_14m3a_1:disabled{
    cursor: not-allowed;
    opacity: 0.6;
    background-color: var(--yellow-600);
}
._btn_14m3a_1._primary_14m3a_35{
    background:var(--yellow-500);
    background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
    color:var(--gray-900);
    transition: .2s;
    font-weight: bold;
}
._btn_14m3a_1._primary_14m3a_35:hover{
    background: var(--yellow-100);
    color:var(--gray-900);
}
._btn_14m3a_1._primary_14m3a_35:hover:disabled{
    background:var(--yellow-500);
}

._btn_14m3a_1._danger_14m3a_50{
    background: var(--red-500);
    background-image: linear-gradient(to bottom right, var(--red-500), var(--red-700));
    color:var(--white);
    transition: .3s;
    font-weight: 600;
}
._btn_14m3a_1._danger_14m3a_50:hover{
    background: red;
    color:var(--white);
}
._btn_14m3a_1._success_14m3a_61{
    background: var(--green-500);
    background-image: linear-gradient(to bottom right, var(--green-300), var(--green-500));
    color:var(--white);
    transition: .3s;
    font-weight: 600;
}
._btn_14m3a_1._success_14m3a_61:hover{
    background: var(--green-300);
    color:var(--white);
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    ._btn_14m3a_1 {
        justify-content: center;
        font-size: 0.8;
    }
}._modalWrapper_15fyh_1{
    position:fixed;
    opacity: 0;
    width: 0;
    height: 0;
    left:0;
    top:0;
    z-index: 9999999;
    content-visibility: hidden;
 }

 ._modalWrapper_15fyh_1._active_15fyh_12{
    animation: _fadeIn_15fyh_1 0.3s ease-in-out forwards;
    content-visibility: visible;
    
 }

 ._modalWrapper_15fyh_1._hide_15fyh_18{
    animation: _hide_15fyh_18 0.3s ease-in-out forwards;
    content-visibility: hidden;
    display: none;

 }


 ._overlay_15fyh_26{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-items: flex-start;
    justify-content: center;
    top:0;
    left:0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
}

._modal_15fyh_1._lg_15fyh_40{
    width: 80rem;
    max-width: 100%;
}
._modal_15fyh_1._md_15fyh_44{
    width: 60rem;
    max-width: 100%;
}

._modal_15fyh_1._sm_15fyh_49{
    width: 40rem;
    max-width: 100%;
}

._modal_15fyh_1{
    background: rgba(18, 18, 20,1);
    color: var(--gray-100);
    padding: 1rem;
    border-radius: 5px;
    width: 80%;
    max-height: 95vh;
    overflow-y: auto;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;

}
._fixedHeight_15fyh_68{
    height: 95vh;
}
._modalHeader_15fyh_71 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* fadeIn animation */
@keyframes _fadeIn_15fyh_1{
    0%{
        opacity: 0;
        width: 0;
        height: 0;
    }
    100%{
        opacity: 1;
        width: 100%;
        height: 100%;
    }
}
@keyframes _hide_15fyh_18{
    100%{
        opacity: 0;
        width: 0;
        height: 0;

    }
    0%{
        opacity: 1;
        width: 100%;
        height: 100%;
    }
}._termContainer_1b1wp_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    height: 100%;
}
._termFrame_1b1wp_10 {
    width: 100%;
    border: 0;
    height: 20rem;
}

._formContainer_1b1wp_16 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
    width: 100%;
    gap: .5rem;
}

._inputGroup_1b1wp_25 {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%; 
    gap: .5rem;
}

._inputGroup_1b1wp_25 > input:hover, ._inputGroup_1b1wp_25 > label:hover {
    cursor: pointer;
}

._inputGroup_1b1wp_25 > input, ._inputGroup_1b1wp_25 > label {
    margin: 0;

}

._inputGroup_1b1wp_25 > input {
    width: fit-content;
}
._queueContainer_1u83m_1{
    position: fixed;
    bottom:0;
    width:100%;
    height: 65px;
    max-height: 70%;
    overflow: auto;
    background: var(--gray-600);
    padding:0.5rem 1rem;
    transition: all 0.3s ease-in-out;
    z-index: 99999;
}
._queueContainer_1u83m_1._active_1u83m_13{
    height: 60%;
}
._title_1u83m_16{
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-items: flex-start;
    justify-content: space-between;
}
._title_1u83m_16 div{
    display: flex;
    gap: 1rem;
}
._title_1u83m_16 svg:first-child{
    color: var(--yellow-500);
}
._actions_1u83m_30 {
    display: flex;
    gap:1rem;
}
._actions_1u83m_30 button svg{
    color:var(--gray-900)!important;
}


._job_1u83m_39{
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: var(--gray-600);
    border-radius:10px;
    margin:1rem 0;
    overflow: auto;
    font-size:1rem;
}
._job_1u83m_39 svg{
    width: 1.2rem;
}
._message_1u83m_54{
    display: flex;
    gap:1rem;
    align-items: center;
}

._job_1u83m_39._waiting_1u83m_60{
    background: var(--gray-800);
}
._job_1u83m_39._processing_1u83m_63{
    background: var(--yellow-600);
    color: var(--gray-900)!important;
}
._job_1u83m_39._completed_1u83m_67{
    background: var(--green-500);
}
._job_1u83m_39._failed_1u83m_70, ._job_1u83m_39._canceled_1u83m_70{
    background: var(--red-500);
    color:#fff;
}
._pagination_1u83m_74{
    display: flex;
    gap:1rem;
    align-items: center;
}
._filters_1u83m_79{
    display: flex;
    margin:1rem 0;
    gap:1rem;
    align-items: flex-start;
    justify-content: flex-start;
    
}

._filters_1u83m_79 button{
    background: var(--gray-800);
    color: #fff;
    font-size:0.70rem;
    cursor: pointer;
}
._filters_1u83m_79 button:disabled{
    opacity: 0.3;
    cursor: not-allowed;
}

._filters_1u83m_79 button._isActive_1u83m_99{
    opacity: 1;
}
    ._cardHeader_1e0j6_2 {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    ._cardHeader_1e0j6_2 h3{
        font-size:0.9rem;
        text-transform: uppercase;
        font-weight: normal;
        padding-top: 1rem;        
    }

    ._cardHeader_1e0j6_2 ._menu_1e0j6_16 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 1rem
    }
    ._card_1e0j6_2:first-child {
        margin-top: 1rem;
    }
    ._card_1e0j6_2 {
        background: var(--gray-800);
        border-radius: 5px;
        padding: 0 1rem;
        padding-top: .5rem;
    }


@media screen and (min-width: 768px) {
    ._cardHeader_1e0j6_2 {
        justify-content: space-between;
        align-items: center;
    }
    ._card_1e0j6_2 {
        border: none;
        box-shadow: none;
    }
}

@media screen and (min-width: 1008px) {
    
    
    ._cardHeader_1e0j6_2{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size:1rem;
        padding:0.5rem 1rem;       
        border-bottom:1px solid var(--gray-600);
    }
  
    ._cardContent_1e0j6_57._padding_1e0j6_57{
        padding:1rem;
    }
    ._cardContent_1e0j6_57._noPadding_1e0j6_60{
        padding:0rem;
    }
    ._card_1e0j6_2 ._cardHeader_1e0j6_2 ._menu_1e0j6_16{
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
    }
    ._card_1e0j6_2 + ._card_1e0j6_2{
        margin-top:2rem;
    }
}

@media screen and (min-width: 1200px) {
    ._card_1e0j6_2 + ._card_1e0j6_2{
        margin-top:1rem;
    }
    ._cardHeader_1e0j6_2> h2 { 
        font-size: 1.25rem;
    }
}
._grid_1nowq_1{
    display: grid;
}
._one-column_1nowq_4{
    grid-template-columns: 1fr;
    gap: 1rem;
}
._two-columns_1nowq_8{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}
._three-columns_1nowq_12{
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
}
._four-columns_1nowq_16{
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
}
._five-columns_1nowq_20{
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1rem;
}
._six-columns_1nowq_24{
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1rem;
}
._seven-columns_1nowq_28{
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 1rem;
}
._eight-columns_1nowq_32{
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 1rem;
}
._nine-columns_1nowq_36{
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 1rem;
}
._ten-columns_1nowq_40{
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 1rem;
}
._eleven-columns_1nowq_44{
    grid-template-columns: repeat(11, 1fr);
    grid-gap: 1rem;
}
._twelve-columns_1nowq_48{
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1rem;
}@media screen and (max-width: 767px) {
    ._infoBox_1995v_2{
        margin-bottom: 1rem;
    }
} 
._infoBox_1995v_2{
    display: flex;
    justify-content: space-between;
    background: var(--gray-800);
    align-items: center;
    border-radius:5px;
}

._infoBox_1995v_2 ._info_1995v_2{
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem;
}
._infoBox_1995v_2 ._info_1995v_2 ._smallTitle_1995v_19{
    font-size:0.75rem;
    text-transform: uppercase;
}
._infoBox_1995v_2 ._info_1995v_2 ._bigTitle_1995v_23{
    color:var(--gray-100);
    font-weight: bold;
    font-size:1.75rem;
}
._infoBox_1995v_2 ._icon_1995v_28{
    background:var(--yellow-500);
    background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
    color:var(--gray-900);
    padding:1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:100%;
    margin:0 1rem;
}

._infoBox_1995v_2 ._info_1995v_2 a{
    font-size:0.75rem;
    text-decoration: none;
    color:var(--gray-500);
    transition: .2s;
}

._infoBox_1995v_2 ._info_1995v_2 a:hover{
    color:var(--gray-300);
}

._infoBox_1995v_2._blue_1995v_51 ._icon_1995v_28{
    background:var(--blue-500);
    background-image: linear-gradient(to bottom right, var(--blue-300), var(--blue-500));
    color:var(--white);
}
._infoBox_1995v_2._pink_1995v_56 ._icon_1995v_28{
    background:var(--pink-500);
    background-image: linear-gradient(to bottom right, var(--pink-500), var(--pink-600));
    color:var(--white);
}
._infoBox_1995v_2._green_1995v_61 ._icon_1995v_28{
    background:var(--green-500);
    color:var(--white);
}
._infoBox_1995v_2._gray_1995v_65 ._icon_1995v_28{
    background:var(--gray-500);
    color:var(--white);
}
._infoBox_1995v_2._red_1995v_69 ._icon_1995v_28{
    background:var(--red-500);
    color:var(--white);
}



._responsiveGrid_13vzm_1 {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem
}
  

@media screen and (min-width: 768px) {
    ._responsiveGrid_13vzm_1{
        grid-template-columns: repeat(3, minmax(0, 1fr));    
    }
}

/* @media screen and (min-width: 1440px) {
    .responsiveGrid{
        grid-template-columns: repeat(3, minmax(0, 1fr));    
    }
} */

._modalWrapper_1f2n9_1{
    position:fixed;
    opacity: 0;
    width: 0;
    height: 0;
    left:0;
    top:0;
    z-index: 999;
    content-visibility: hidden;
 }

 ._filterHeader_1f2n9_12{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: .5rem;
    align-items: center;
    vertical-align: center;
    margin:20px 0;
    padding:0 1rem;
 }

._filterButtons_1f2n9_23 {
    display: grid;
    grid-template-columns: repeat(3, minmax(10px, 1fr));
    gap: .5rem;
    /* justify-content: start;
    align-items: start; */
}
 
._filterButtons_1f2n9_23 > div > button, ._filterButtons_1f2n9_23 > button {
    padding: .3rem;
    font-size: .25rem;
}



 ._filterButtons_1f2n9_23 > div > div > nav {
    padding: .5rem;
   }

 ._filterResults_1f2n9_42 {
    margin-bottom:20px;
    padding:0 1rem;
 }
 ._filterResults_1f2n9_42 a{
    color:var(--yellow-500);
    text-decoration:none;
    font-weight: bold;
 }
 ._modalWrapper_1f2n9_1._active_1f2n9_51{
    animation: _fadeIn_1f2n9_1 0.3s ease-in-out forwards;
    content-visibility: visible;
    display: block;
    
 }

 ._dropDownNav_1f2n9_58 > ._listButton_1f2n9_58 {
    background-color: transparent;
    color: var(--white);
    font-size: .7rem;
    display: flex;
    gap: .5rem;
    padding: .5rem;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    text-decoration: none;
    font-style: normal;
    text-transform: capitalize;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;

 }

 ._dropDownNav_1f2n9_58 > ._listButton_1f2n9_58:hover {
    cursor: pointer;
    background-color: var(--gray-900);
    color: var(--yellow-500);
    border: 1px solid var(--yellow-500);
    border-radius: 5px;
 }
 ._modalWrapper_1f2n9_1._hide_1f2n9_84 {
    animation: _hide_1f2n9_84 0.3s ease-in-out forwards;
    content-visibility: hidden;
    display: none;
 }
 /* .modalWrapper.hide > * {
    display: none;
 } */
._description_1f2n9_92 {
    padding-top: 1rem;
    text-align: left;
    font-size: calc(1.2vw + 1rem);
    max-width: 80%;
    padding-bottom: 1rem;
}
._overlay_1f2n9_99{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    top:0;
    left:0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
}


._modal_1f2n9_1{
    background: rgba(18, 18, 20,1);
    color: var(--gray-100);
    padding: 1rem;
    border-radius: 5px;
    width: 80%;
    margin: 0 auto;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 1rem;

}

._cardHeader_1f2n9_128{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}
._modal_1f2n9_1 header{
    display: flex;
    justify-content: space-between;
}
._modal_1f2n9_1 header h3{
    gap:20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: flex-start;
}
._modal_1f2n9_1 ._inputGroup_1f2n9_145{
    margin:1rem 0;
    padding: 0 2rem;
}
._modal_1f2n9_1 ._inputGroup_1f2n9_145 label{
    display: block;
    margin-bottom: 0.75rem;
}

._perPage_1f2n9_154 select, ._perPage_1f2n9_154 select option {
    font-size: 0.8rem;
}
._perPage_1f2n9_154{
    margin-left: 1rem;
    padding-right: 0.3rem;
    width: 8.4rem;
}

._resetButton_1f2n9_163 {
    background: none;
    color: var(--gray-300);
    text-align: center;
    padding: auto;
    margin-bottom: 0;
    transition: width 0.6s ease-in-out;

}
._orderByInput_1f2n9_172  {
    display: flex; 
    flex-direction: column;
    gap: 1rem;
    
}
._orderByInput_1f2n9_172 > select {
    font-size: .8rem;
}

._resetButton_1f2n9_163:hover {
    cursor: pointer;
    transform: scale(101%);
    color: var(--gray-400);
}

._modal_1f2n9_1 section form button{
    width: 100%;
}

._responsiveGrid_1f2n9_192 {
    display: grid;
    grid-template-columns: repeat(1, minmax(250px, 1fr));
    gap: 1rem;
    /* justify-items: center; */
    align-items: center;
    width: 100%;
    height: 100%;
    padding-right: 1rem;
}
._responsiveGrid_1f2n9_192 > div:first-child { 
    justify-self: start;
}
._responsiveGrid_1f2n9_192 > div > select {
    margin-bottom: 0;
}

._searchBtn_1f2n9_209 {
    display: none;
}

@media screen and (min-width: 768px) {
    ._perPage_1f2n9_154 {
        width: 12rem;
    }
    ._perPage_1f2n9_154 select, ._perPage_1f2n9_154 select option {
        font-size: 1rem;
    }
    ._description_1f2n9_92 {
        padding: 0;
        text-align: justify;
        align-items: center;
        font-size: 1.5rem;


    }
    ._filterHeader_1f2n9_12 {
        padding-top: 1rem;       
        justify-content: space-between;; 
    }
    ._filterButtons_1f2n9_23 {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        align-items: flex-start;
        justify-content: flex-start;
     }
    section form > ._inputGroup_1f2n9_145:last-child {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 1rem;
    }
    ._modal_1f2n9_1 section form button{
        width: auto;
    }
._responsiveGrid_1f2n9_192 {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    justify-items: space-between;
    align-items: end;
}

._responsiveGrid_1f2n9_192 > div._inputGroup_1f2n9_145 {
    justify-self: start;
    width: 100%;
}
._responsiveGrid_1f2n9_192 > div._inputGroup_1f2n9_145 > label {
    margin-bottom: 1rem;
    display: block;
}
._responsiveGrid_1f2n9_192 > ._inputGroup_1f2n9_145 > input {
    margin: 0;
    width: 100%;
}

._orderByInput_1f2n9_172 > select {
    font-size: 1rem;
}
._searchBtn_1f2n9_209 {
   display: block;
   padding-right: .25rem;
}
/* .inpitGroup:has( > .resetButton) {
    display: flex;
    justify-content: end;
} */
}

@media screen and (min-width: 1008px) {
    ._perPage_1f2n9_154 {
        margin-left: 1rem;
    }
    ._filterHeader_1f2n9_12 {
        padding-top: 1rem;
    }
   
}
@media screen and (min-width: 1440px) {
    ._responsiveGrid_1f2n9_192 {
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    }
    ._filterHeader_1f2n9_12 {
        flex-direction: row;
        
    }
}
/* fadeIn animation */
@keyframes _fadeIn_1f2n9_1{
    0%{
        opacity: 0;
        width: 0;
        height: 0;
    }
    100%{
        opacity: 1;
        width: 100%;
        height: 100%;
    }
}
@keyframes _hide_1f2n9_84{
    100%{
        opacity: 0;
        width: 0;
        height: 0;

    }
    0%{
        opacity: 1;
        width: 100%;
        height: 100%;
    }
}._loader_1jksq_1{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    display: flex;
    /* background: var(--gray-900); */
    background-color: var(--gray-translucent);
    align-items: center;
    justify-content: center;
    text-align: center;
    /* content-visibility: hidden; */
    opacity: 0;
    z-index: 99999999;
}
._loader_1jksq_1._active_1jksq_17{
    opacity: 1;
    content-visibility: visible;
    display: flex;
}
._loader_1jksq_1._inactive_1jksq_22{
    animation: _hide_1jksq_1 0.2s ease-in-out forwards;
    content-visibility: hidden;
    display: none;
}
._spinner_1jksq_27 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF var(--yellow-500) transparent transparent;
    box-sizing: border-box;
    animation: _rotation_1jksq_1 1s linear infinite;
  }
  ._spinner_1jksq_27::after,
  ._spinner_1jksq_27::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent var(--yellow-500) var(--yellow-500);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: _rotationBack_1jksq_1 0.5s linear infinite;
    transform-origin: center center;
  }
  ._spinner_1jksq_27::before {
    width: 32px;
    height: 32px;
    border-color: #FFF #FFF transparent transparent;
    animation: _rotation_1jksq_1 1.5s linear infinite;
  }
      
  @keyframes _rotation_1jksq_1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes _rotationBack_1jksq_1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
      
    
@keyframes _rotation_1jksq_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes _rotationBack_1jksq_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    


/* fadeIn animation */
@keyframes _fadeIn_1jksq_1{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes _hide_1jksq_1{
    100%{
        opacity: 0;

    }
    0%{
        opacity: 1;
    }
}
form._variationsForm_177k8_2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 1rem;
    /* overflow-y: auto; */
    width: 100%;
}
._modalWrapper_177k8_8._active_177k8_8{
    animation: _fadeIn_177k8_1 0.3s ease-in-out forwards;
    content-visibility: visible;
    width: 100%;
    
 }

 ._modalWrapper_177k8_8._hide_177k8_15{
    animation: _hide_177k8_15 0.3s ease-in-out forwards;
    content-visibility: hidden;
 }
 
._description_177k8_20 {
    padding-top: 1rem;
    text-align: left;
    font-size: calc(1.2vw + 1rem);
    max-width: 100%;
    padding-bottom: 1rem;
}
._overlay_177k8_27 {
    position: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    top:0;
    left:0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    overflow-y: auto;
}


._modal_177k8_8{
    background: rgba(18, 18, 20,1);
    color: var(--gray-100);
    padding: 1rem;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    margin: 0;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;

}

._cardHeader_177k8_57{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}
._modal_177k8_8 > header{
    display: flex;
    justify-content: space-between;
}
._modal_177k8_8 > header > h3{
    gap:20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: flex-start;
}
._modal_177k8_8 ._inputGroup_177k8_74{
    align-items: center;
    justify-content: center;
    margin:1rem 0;
    padding: 0 2rem;
}

._wrapperInput_177k8_81 {
    border-radius: 5px;
    background-color: var(--gray-700);
    padding: 0.5rem;
}
._modal_177k8_8 ._inputGroup_177k8_74 label{
    display: block;
    margin-bottom: 0.75rem;
}

._show_177k8_91 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
}

._show_177k8_91 > * {
    grid-column-start: 1;
    grid-column-end: 4;
}
._hide_177k8_15 {
    display: none;
}
._variationHeader_177k8_103 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    background-color: var(--gray-600);
    padding: 0.5rem;
    border-radius: 5px;
    gap: 0.3rem;
}
._variationHeader_177k8_103 > h3 {
    font-size: 1rem;
    display: inline;
    margin: 0;
}
._variationTitle_177k8_116 > * {
    display: inline-block;
}

._variationsActives_177k8_120 > li {
    display: grid;
    grid-template-columns: 2rem 8rem repeat(auto-fit, minmax(0, 1fr));
    gap: 0.3rem;
    align-items: center;
    justify-items: start;
    /* overflow: scroll; */
}
._variationsActives_177k8_120 > li > div{
    text-align: center;
}
._variationsActives_177k8_120 > li > input {
    margin: 0;
}
._variationsActives_177k8_120 > li > button > span{
    display: none;
}
._buttonGroup_177k8_137 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

._resetButton_177k8_145 {
    background: none;
    color: var(--gray-300);
    text-align: center;
    padding: auto;
    margin-bottom: 0;
    transition: width 0.6s ease-in-out;

}

._spanGrid_177k8_155 {
    grid-column-start: 1;
    grid-column-end: 3;
}

._resetButton_177k8_145:hover {
    cursor: pointer;
    transform: scale(101%);
    color: var(--gray-400);
}

@media screen and (min-width: 320px) {
 
    ._modal_177k8_8 {
        max-width: 100%;
        max-height: fit-content;
    }
    form._variationsForm_177k8_2 {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));    
        gap: 0.5rem;
    }
    form._variationsForm_177k8_2 ._inputGroup_177k8_74 > input {
       width: 100%;
    }
    ._variationHeader_177k8_103 {
        text-align: center;
    }
    ._variationHeader_177k8_103 > h3{
        font-size: 0.8rem;
        /* overflow-x: auto; */
    }
    ._variationsActives_177k8_120 > li {
        font-size: 0.6rem;
    }
    ._variationsActives_177k8_120 > li > div > div {
        width: fit-content;
    }
    ._variationsActives_177k8_120 > li > input {
        font-size: 0.6rem;
        padding: 0.5rem;
    }
    ._spanGrid_177k8_155 {
        grid-column-start: 1;
        grid-column-end: 2;
    }
  
    ._buttonGroup_177k8_137 > button {
        font-size: 0.8rem;
    }
}
@media screen and (min-width: 375px) {
    ._variationsActives_177k8_120 > li {
        grid-template-columns: 2rem repeat(auto-fit, minmax(0, 1fr));
        font-size: 0.8rem;
    }    
    ._variationsActives_177k8_120 > li > input {
        font-size: 0.6rem;
        padding: 0.5rem 1rem;
    }
}
@media screen and (min-width: 768px) {
    ._overlay_177k8_27 {
        display: flex;

    }
    ._modal_177k8_8 {
        max-width: 100%;
        max-height: fit-content;
    }
    
    form._variationsForm_177k8_2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));    
        gap: 1rem;
    }
    ._spanGrid_177k8_155 {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    ._variationHeader_177k8_103 {
        align-items: center;
        justify-items: start;
    }
    ._variationsActives_177k8_120 > li {
        grid-template-columns: 6rem repeat(auto-fit, minmax(0, 1fr));
        gap: 1rem;
        align-items: center;
        margin-top: 0.8rem;
        justify-items: center;
    }
    ._variationsActives_177k8_120 > li > * {
        font-size: 0.8rem;
    }
    ._variationsActives_177k8_120 > li > button > span{
        display: inline-block;
    }
    ._variationsActives_177k8_120 > li > input {
        max-width: 6rem;
        font-size: 0.8rem;
    }
    ._variationsActives_177k8_120 > li > div {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /* flex-wrap: wrap; */
        gap: 0.5rem;
    }
    ._buttonGroup_177k8_137 {
        grid-column-start: 2;
    }
    ._buttonGroup_177k8_137 > button {
        font-size: 1rem;
    }
    ._selectOptions_177k8_270 {
        color: var(--gray-600);
    }
}

@media screen and (min-width: 1024px) {
    ._modal_177k8_8 {
        max-width: 92%;
    }
    ._variationHeader_177k8_103 > h3 {
        font-size: 1rem;
    }
    ._variationsActives_177k8_120 > li {
        grid-template-columns: repeat(auto-fit, minmax(0,1fr));
        align-items: center;
        justify-items: center;
        font-size: 1rem;
    }
    ._variationsActives_177k8_120 > li > button { 
        font-size: 1rem;
    }

    ._variationsActives_177k8_120 > li > * {
        font-size: 1rem;
        
    }
    ._variationsActives_177k8_120 > li > input {
        max-width: 6rem;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1440px) {
    ._overlay_177k8_27 {
        overflow-y: auto;
    }
    ._modal_177k8_8 {
        max-width: 60%;
        margin: 0 auto;
        overflow-y: auto;
        max-height: 100%;
    }

    ._variationHeader_177k8_103 {
        justify-items: normal;

    }
    
    ._variationsActives_177k8_120 > li >p {
        font-size: 1rem;
    }
}._dropdownWrapper_4jo6k_1{
    position: relative;
    margin:0;
    overflow: visible;
    
}
._dropdown_4jo6k_1{
    background:var(--gray-700);
    position: absolute;
    left:-140%;
    max-width: 200px;
    text-wrap: wrap;
    margin-top:-0.90rem;
    border-radius:0 0 5px 5px;
    min-width: 100%;
    z-index: 999;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
._dropdown_4jo6k_1._closed_4jo6k_19, ._dropdown_4jo6k_1._closed_4jo6k_19 nav, ._dropdown_4jo6k_1._closed_4jo6k_19 nav a{
    height: 0;
    overflow: hidden;
    content-visibility: hidden;
}
._dropdown_4jo6k_1._open_4jo6k_24{
    height: auto;
}
._dropdown_4jo6k_1 nav ul{
    list-style: none;
}
._dropdown_4jo6k_1 nav a {
    color:var(--gray-300);
    font-size: 0.80rem;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding:1rem;
    margin:0rem 0;
    border-bottom:1px solid var(--gray-800);
    transition: .2s;
}
._dropdown_4jo6k_1 nav a:hover{
    background:var(--gray-900);
    color:var(--gray-100);
}

._dropdown_4jo6k_1 nav a:last-child{
    border-bottom:0;
    border-radius: 0 0 5px 5px;
}


._btn_4jo6k_52{
    padding:0.50rem 1rem;
    border:0;
    border-radius:5px;
    font-weight: normal;
    cursor: pointer;
    margin:1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
._btn_4jo6k_52:disabled{
    cursor: not-allowed;
    opacity: 0.6;
}


._dropdown_4jo6k_1._leftZero_4jo6k_70{
    left:0;
}

._dropdown_4jo6k_1._left_4jo6k_70 {
    left: -300%;
}
._btn_4jo6k_52._sm_4jo6k_77{
    font-size:0.75rem;
}
._btn_4jo6k_52._md_4jo6k_80{
    font-size:1rem;
}
._btn_4jo6k_52._lg_4jo6k_83{
    font-size:1.25rem;
}
._btn_4jo6k_52._primary_4jo6k_86{
    background:var(--yellow-500);
    color:var(--gray-900);
    transition: .2s;
    font-weight: bold;
    
}
._btn_4jo6k_52._primary_4jo6k_86:hover{
    background: var(--yellow-100);
    color:var(--gray-900);
}
._btn_4jo6k_52._primary_4jo6k_86._open_4jo6k_24{
    background: var(--yellow-100);
    color:var(--gray-900);
}
._btn_4jo6k_52._primary_4jo6k_86:hover:disabled{
    background:var(--yellow-500);
    
}
@keyframes _dropdown_4jo6k_1 {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}._perPage_vgg2f_1{
    padding: 0 0.3rem;
    width: 9.5rem;
    
}
._perPage_vgg2f_1 span{
    margin-bottom:1rem;
    display: block;
}



    ._perPage_vgg2f_1 select, ._perPage_vgg2f_1 select option {
        font-size: 0.8rem;
    }
    

@media screen and (min-width: 768px) {
 
    ._perPage_vgg2f_1 {
        width: 12rem;
    }
    ._perPage_vgg2f_1 select, ._perPage_vgg2f_1 select option {
        font-size: 1rem;
    }
    
}._inputGroup_10rz8_1 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 1rem;
    width: 100%;
    /* height: 100%; */
    animation: _fadeIn_10rz8_1 0.5s ease-in-out;
    margin: 0;
}

._inputGroup_10rz8_1 > label, ._inputGroup_10rz8_1 > select {
    margin: 0;
}
/* .inputGroup > label {
    margin-bottom: 1rem;
} */
._inputGroup_10rz8_1 > select {
font-size: 0.8rem;
}

@media screen and (min-width: 768px) {
    ._inputGroup_10rz8_1 > select {
        font-size: 1rem;
    }
    
}
::-webkit-scrollbar-thumb:hover{
    background-color: var(--gray-400);
}
::-webkit-scrollbar {
    animation: _blinker_17oy9_1 1s linear infinite;
}
._responsiveTable_17oy9_7 {
    overflow-x: auto;
    margin: 1rem 0;
    transform: rotate(180deg);
    border-radius: 5px;
}

._table_17oy9_14 {
    background-color: var(--gray-700);
    transform: rotate(180deg);
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}
._table_17oy9_14 a{
    color:var(--gray-100);
    text-decoration: none;
}
._table_17oy9_14 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    vertical-align: middle;
}
._productTitle_17oy9_34 span{
    display: inline;
    word-break: break-all;
    width: auto;
    margin:0 1rem;
}

._table_17oy9_14 tbody{
    padding:0 0 1rem 0;
}
td._thumb_17oy9_44 img{
    max-width: 5rem;
    border-radius:5px;
}
._table_17oy9_14 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.9rem;
    border-bottom:1px solid var(--gray-700);
}
._table_17oy9_14 tbody tr td:last-child{
    min-width: 100px;
}
._table_17oy9_14 tbody tr:last-child td{
    border:none;
}
._table_17oy9_14 tbody tr:last-child td._status_17oy9_60{
    min-width: 180px;
}
a._seeDetails_17oy9_63{
    color:var(--yellow-500);
    text-decoration: none;
    transition: .2s;
    cursor: pointer;
    word-wrap: break-word;
}
a._seeDetails_17oy9_63:hover{
    color: var(--gray-100)
}

._card_17oy9_74{
    background: var(--gray-800);
    /* background-image: linear-gradient(to top right, var(--gray-700) 0%, var(--gray-800) 100%); */
    border-radius: 5px;
    padding-bottom: 1rem;
    padding-left: 1rem;
}
._cardHeader_17oy9_81{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}

._cardContent_17oy9_88._padding_17oy9_88{
    padding:1rem;
}
._cardContent_17oy9_88._noPadding_17oy9_91{
    padding:0rem;
}

._labelTd_17oy9_95 {
    width: 200px;
}
._labelLink_17oy9_98 {
    display: flex;
    flex-wrap: nowrap;
    
}

._label_17oy9_95{
    /* max-width: 10rem; */
    font-size:0.75rem;
    text-transform: uppercase;
    padding:0.50rem 0.75rem;
    margin-bottom:0.5rem;
    border-radius:5px;
    display: block;
    word-break: keep-all;
    text-align: center;
}
._label_17oy9_95._danger_17oy9_115{
    background: var(--red-500);
    background-image: linear-gradient(to bottom right, var(--red-500), var(--red-700));
    color:var(--white);
}
._label_17oy9_95._success_17oy9_120{
    background: var(--green-500);
    background-image: linear-gradient(to bottom right, var(--green-300), var(--green-500));
    color:var(--white);
}
._label_17oy9_95._selling_17oy9_125{
    background: var(--blue-500);
    background-image: linear-gradient(to bottom right, var(--blue-300), var(--blue-500));
    color:var(--white);
}
._label_17oy9_95._notSelling_17oy9_130{
    background: var(--pink-500);
    background-image: linear-gradient(to bottom right, var(--pink-500), var(--pink-600));
    color:var(--white);
}
._label_17oy9_95._productML_17oy9_135{
    background: var(--red-500);
    background-image: linear-gradient(to bottom right, var(--red-500), var(--red-600));
    color:var(--white);
}
._limitAndPagination_17oy9_140{
    padding:0 1rem;
}

._searchBox_17oy9_144{
    padding:0 1rem;
}
._filtersGrid_17oy9_147{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:2rem;
}

._perPage_17oy9_153 select, ._perPage_17oy9_153 select option {
    font-size: 0.8rem;
}

._paginationFooter_17oy9_157 {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

@media screen and (min-width: 1440px) {
    ._paginationFooter_17oy9_157 {
        
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
    }
}


    




._ulContainer_1vyz6_1 {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: .25rem;
    list-style-type: none;  
}

._ulContainer_1vyz6_1 > button._pageItem_1vyz6_9 {
    margin: 0;  
}
._ulContainer_1vyz6_1 > ._pageItem_1vyz6_9 {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    border-radius: 0.5rem;
    background-color: var(--gray-600);
    text-decoration: none;
    color: var(--gray-300);
    padding: .25rem .6rem;
    text-align: center;
    font-size: .75rem;

}

._ulContainer_1vyz6_1 > ._pageItem_1vyz6_9:hover {
    background-color: var(--gray-500);
    cursor: pointer;
}

._ulContainer_1vyz6_1 > ._pageItem_1vyz6_9._active_1vyz6_32 {
    background-color: var(--yellow-500);
}   
._ulContainer_1vyz6_1 > ._pageItem_1vyz6_9._active_1vyz6_32  {
    color: var(--gray-900);
}

._ulContainer_1vyz6_1 > ._pageItem_1vyz6_9._disabled_1vyz6_39 {
    cursor: not-allowed;
    background-color: var(--gray-700);
    color: var(--gray-300);
}
._before_1vyz6_44 {
    width: .3rem;
    position: relative;
    visibility: hidden;
}
._after_1vyz6_49 {
    width: .3rem;
    position: relative;
    visibility: hidden;
}
._before_1vyz6_44::after {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    content: '<';
}
._after_1vyz6_49::after {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    visibility: visible;
    content: '>';
}
@media screen and (min-width: 768px) {
    ._before_1vyz6_44 {
        width: 1rem;
        width: fit-content;
        visibility: visible;
    }
    ._after_1vyz6_49 {
        width: 1rem;
        width: fit-content;
        visibility: visible;
    }
    ._before_1vyz6_44::after {
        visibility: hidden;
        content: none;
    }
    ._after_1vyz6_49::after {
        visibility: hidden;
        content: none;
    }
    ._ulContainer_1vyz6_1 {
        gap: 1rem;
    }
    ._ulContainer_1vyz6_1 > ._pageItem_1vyz6_9 {
        padding: .5rem 1rem;
        font-size: 1rem;

    }
}
._formGroup_av2bw_1 label{
    margin-bottom:1rem;
    display: block;
}._gridContainer_pzfjg_1 {
    background-color: var(--gray-600);
    border-radius: 0.5rem;
    padding: .5rem 1rem;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease-in-out;
}

._gridContainer_pzfjg_1:hover {
    background-color: var(--gray-700);
    transform: scale(1.01);
    cursor: pointer;
}

._imgContainer_pzfjg_16  {
    width: 100%;
    /* height: 100%; */
    border-radius: 0.5rem;
    overflow: hidden;
}



._imgContainer_pzfjg_16 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;

}

._labelLink_pzfjg_33 {
    display: flex;
    flex-wrap: nowrap;
    
}

._infoContainer_pzfjg_39 {
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

._mainInfo_pzfjg_46 > h4 {
    font-size: 1rem;
    margin:1rem 0;
    font-weight: 500;
    text-align: left;
}
._mainInfo_pzfjg_46 > strong {
    font-size: 1.15rem;
    margin: 1rem 0;
    display: block;
    word-break: keep-all;
    color: var(--yellow-600);
}
._secondaryInfo_pzfjg_59 {
    display: flex;
    gap: 0.5rem;
    justify-content: left;
    flex-wrap: wrap;

}

._secondaryInfo_pzfjg_59 a {
    text-decoration: none;
}
._label_pzfjg_33{
    /* max-width: 10rem; */
    font-size:0.75rem;
    text-transform: uppercase;
    padding:0.50rem 0.75rem;
    margin-bottom:0.5rem;
    border-radius:5px;
    display: block;
    word-break: keep-all;
    text-align: center;
}
._label_pzfjg_33._danger_pzfjg_81{
    background: var(--red-500);
    background-image: linear-gradient(to bottom right, var(--red-500), var(--red-700));
    color:var(--white);
}
._label_pzfjg_33._success_pzfjg_86{
    background: var(--green-500);
    background-image: linear-gradient(to bottom right, var(--green-300), var(--green-500));
    color:var(--white);
}
._label_pzfjg_33._selling_pzfjg_91{
    background: var(--blue-500);
    background-image: linear-gradient(to bottom right, var(--blue-300), var(--blue-500));
    color:var(--white);
}
._label_pzfjg_33._notSelling_pzfjg_96{
    background: var(--pink-500);
    background-image: linear-gradient(to bottom right, var(--pink-500), var(--pink-600));
    color:var(--white);
}
._label_pzfjg_33._productML_pzfjg_101{
    background: var(--red-500);
    background-image: linear-gradient(to bottom right, var(--red-500), var(--red-700));
    color:var(--white);
}
._gridContainer_yk7p4_1 {
    background-color: var(--gray-800);
    border-radius: 8px;
    padding: 0 1rem 1rem;
}

._productsContainer_yk7p4_7 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}


._paginationFooter_yk7p4_14 {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}
@media screen and (min-width: 1440px) {
    ._paginationFooter_yk7p4_14 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        gap: 0;
    }
}
/* .productWrapper {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    max-width: 100%;
} */
h1 {
    text-align: center;
    font-size: 1.5rem;
}
h2 {
    font-size: 1rem;
}
._navigation_h6vax_14 {
    font-size: 0.8rem;
    text-transform: uppercase;
    padding-left: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
}
._blingIntegration_h6vax_24{
    padding:1rem;
}

._navigation_h6vax_14 > a {
    text-decoration: none;
    color: var(--gray-300);
}

._navigation_h6vax_14 > a:hover, ._navigation_h6vax_14 > a:focus{
    cursor: pointer;
    color: var(--gray-100);
}

._home_h6vax_38 {
    display: flex;
    gap: 5px;
}

._product_h6vax_1{
    display: grid;
    /* grid-template-columns:  1fr; */
    grid-template-columns: minmax(0, 1fr);
    /* gap:20px; */
    grid-auto-flow: column;
    /* grid-template-rows: repeat(2, 1fr); */
    /* padding-left: 1rem; */
    margin-top: 1rem;
    width: 100%;
}

 /*  descrição e informações do pacote: */
._product_h6vax_1 > div:first-child {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    font-size: 0.8rem;
}

/* sobre o produto: */
._product_h6vax_1 > div:first-child > div:first-child {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    max-width: 100%;
}

._product_h6vax_1 > div:first-child > div:first-child > header {
    padding: 1rem 0;
}
/* infromações do pacote: */
._product_h6vax_1 > div:first-child > div:last-child{
    max-width: 100%;
    font-size: 0.6rem;
    padding-bottom: 2rem;
}
._product_h6vax_1 > div:first-child > div:last-child > header{
    padding: 1rem 0;
}
._product_h6vax_1 > div:first-child > div:nth-child(2) {
    padding-bottom: 1rem;
    font-size: .7rem;
}
._product_h6vax_1 > div:first-child > div:nth-child(2) > header > h2{
    font-size: .9rem;
}
._product_h6vax_1 > div:first-child > div:nth-child(2) > div > div > div > p  {
    font-size: .6rem;
}

._aboutGrid_h6vax_94 {
    grid-template-columns: repeat(2, 1fr);
}

/* imagem + quero vender: */
._product_h6vax_1 > div:last-child {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}
._product_h6vax_1 p{
    background:var(--gray-600);
    color: var(--white);
    border-radius:5px;
    padding:0.50rem;
}
._product_h6vax_1 p._title_h6vax_114{
    font-size:0.70rem;
    margin-bottom:0.25rem;
    font-weight: normal;
    text-transform: uppercase;
    color:var(--gray-100);
    background: transparent;
    padding:0;
}

._product_h6vax_1 > div:first-child > div:last-child {
    margin-top: .5rem;
}
._cover_h6vax_127{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    /* padding-top: 1rem; */
    /* max-width: 24rem; */
    /* margin: 0.90rem 0; */
}

._cover_h6vax_127 img{
    min-width: 100%;
    max-width: 100%;
    border-radius: 5px;
    background-size: cover;
    grid-row-start: 1;
    grid-column-start: 1;
}
._cover_h6vax_127 > div:nth-child(2) {
    width: fit-content;
}
._imgAvailability_h6vax_149 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    width: 100%;
}

._availability_h6vax_156 {
    align-self: end;
    justify-self: start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    vertical-align: middle;
    width: fit-content;
    grid-row-start: 1;
    grid-column-start: 1;
}
/* 
.userSell {
    padding:0.50rem 1rem;
    display: flex;
    justify-content: space-evenly;
    transform: rotate(360deg);
    align-items: center;
} */

 /* tem dois userSell alterar um deles: */
._userSell_h6vax_168 {
       border:0;
    width: fit-content;
    height: fit-content;
    align-self: end;
    justify-self: end;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    vertical-align: middle;
    display: flex;

}
._selling_h6vax_191, ._notSelling_h6vax_191 {
    padding:0.50rem 1rem;
    border-radius: 5px 0 0 0;
    color:var(--white);
    font-weight: 300;
    display: flex;
    font-size: .75rem;
    justify-content: space-evenly;
    align-items: center;
}

._selling_h6vax_191{
    background-color: var(--blue-500);
    background-image: linear-gradient(to right, var(--blue-500), var(--blue-300));

}
._notSelling_h6vax_191 {
    background-color: var(--pink-600);
    background-image: linear-gradient(to right, var(--pink-600), var(--pink-500));
}

._spanStock_h6vax_212 {
    color:var(--white);
    font-weight: 300;
    font-size: .75rem;
    padding:0.50rem 1rem;
    border:0;
    border-radius: 0px 5px 0 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
._availability_h6vax_156 ._inStock_h6vax_223 {
    background-color: var(--green-300);
    background-image: linear-gradient(to right, var(--green-300) , var(--green-100));
    width: fit-content;
    height: fit-content;
}

._availability_h6vax_156 ._outOfStock_h6vax_230{
    background:var(--red-500);
    background-image: linear-gradient(to right,var(--red-500) , var(--red-700));
    width: fit-content;
    height: fit-content;
}

._priceWrapper_h6vax_237{
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
}

._price_h6vax_237{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: auto;
}
._price_h6vax_237 span{
    background: var(--red-500);
    color:var(--white);
    padding:0.50rem 1rem;
    border:0;
    border-radius:5px;
    font-weight: normal;
}

._action_h6vax_259 button {
    border-radius: 20px;
}
._action_h6vax_259 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: auto;
}

._description_h6vax_270{
    margin:1rem 0;
}

._galleryContainer_h6vax_274{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    gap: 0.75rem;
    background-color: var(--gray-900);
    padding: 0.5rem;
    border-radius: 8px;
}

._navLinkSell_h6vax_285{
    text-decoration: none;
    color: black;
}

._faq_h6vax_290 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

@media screen and (min-width: 375px) {
    /* .availability {
        margin-top: 22rem;
    } */
    ._product_h6vax_1 > div:first-child {
        font-size: 1rem;
    }
    /* infromações do pacote: */
    ._product_h6vax_1 > div:first-child > div:last-child{
        font-size: 0.8rem;
    }
}
/* @media screen and (min-width: 425px) {
    .availability {
        margin-top: 22.5rem;
    }
  
} */
@media screen and (min-width: 768px) {
    h1 {
        text-align: justify;
        font-size: 1.8rem;
    }
    ._navigation_h6vax_14 {
        padding-left: 1rem;
    }
    ._product_h6vax_1{
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0, 22rem);
        gap:20px;
        grid-template-rows: auto;
        padding-left: 1rem;
        align-content: center;
        justify-content: center;
        
    }

    
._product_h6vax_1 > div:first-child {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    /* padding: 1rem; */
    
}

._product_h6vax_1 > div:last-child {
    grid-row-start: 1;
    grid-row-end: auto;
    grid-column-start: 2;
    grid-column-end: 3;
    margin-right: 1rem;
    height: fit-content;
}

._cover_h6vax_127 {
    padding-top: 0;
}
 ._availability_h6vax_156, ._userSell_h6vax_168{
    font-size: 0.8rem;
    text-transform: uppercase;
} 
._selling_h6vax_191, ._notSelling_h6vax_191, ._spanStock_h6vax_212 {
    font-size: .8rem;
}
._product_h6vax_1 > div:first-child > div:nth-child(2) {
    font-size: 1rem;
}
._product_h6vax_1 > div:first-child > div:nth-child(2) > header > h2{
    font-size: 1rem;
}
._product_h6vax_1 > div:first-child > div:nth-child(2) > div > div > div > p  {
    font-size: .7rem;
}
._description_h6vax_270 {
    font-size: .8rem;}
._aboutGrid_h6vax_94 p{
    font-size: .8rem;
}
}

@media screen and (min-width: 1024px){
    ._navigation_h6vax_14, ._product_h6vax_1 {
        padding: 0;
    }
    ._product_h6vax_1 {
        grid-template-columns:  minmax(0,1fr) minmax(0, 1fr);
    }
    ._product_h6vax_1 > div:first-child {
        font-size: 1rem;
    }
    ._product_h6vax_1 > div:first-child > div:first-child{
        margin-top: 0;
    }
    ._product_h6vax_1 > div:last-child {
        height: fit-content;
        margin-right: 0;
    }
    ._product_h6vax_1 > div:last-child > div:first-child {
        padding: 0;
    }
    ._product_h6vax_1 > div:first-child > div:last-child {
        margin-top: 1rem;
        padding-bottom: 0;
        margin-bottom: 1rem;
    }

    ._imgAvailability_h6vax_149 > img {
        border-radius: 5px 5px 0 0;
    }

    /* infromações do pacote: */
    ._product_h6vax_1 > div:first-child > div:last-child p:not(._title_h6vax_114){
        font-size: 0.6rem;
    }
    


}

@media screen and (min-width: 1440px){
    ._product_h6vax_1 {
        grid-template-columns:  1fr 30rem;
    }
    ._product_h6vax_1 > div:first-child > div:last-child p:not(._title_h6vax_114){
        font-size: 1rem;
    }
    ._product_h6vax_1 > div:first-child h2{
        font-size: 1.1rem;
    }
    ._product_h6vax_1 > div:last-child {
        padding: 0;
    }
    /* .imgAvailability > img {
        border-radius: 5px;
    } */
    ._selling_h6vax_191, ._notSelling_h6vax_191, ._spanStock_h6vax_212 {
        font-size: .9rem;
    }
    ._description_h6vax_270 {
        font-size: .9rem;}
    ._aboutGrid_h6vax_94 p{
        font-size: .9rem;
    }
    ._cover_h6vax_127 > div:nth-child(2) {
        max-width: 100%;
    }
}


._blink_h6vax_448 {
    animation: _blink_h6vax_448 1.6s linear infinite;
}

blink:focus,
._blink_h6vax_448:hover{
    animation-play-state: paused;
    opacity: 1;
}

@keyframes _blink_h6vax_448 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

._lightbox_h6vax_470 {
    background-color: var(--gray-translucent);
    transition: .2s;
}

/* .hide::after {
    transition-delay: 3s;
    content: 'Ainda não vende';
    transform: rotateY(190deg);
    text-indent: 0;
    white-space: nowrap;
    color: var(--white)
} */





._galleryThumb_fnm4e_1{
    width: 4rem;
    height: 4rem;
    border-radius:5px;
    overflow: hidden;
    background:#fff;
}
._galleryThumb_fnm4e_1 img{
    max-width: 100%;
    object-fit: cover;
    cursor: pointer;
}._arrowBtn_1anxy_1 {
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom left, var(--yellow-500), var(--yellow-600));
}

._arrowBtn_1anxy_1:hover {
    cursor: pointer;
    background-color: var(--yellow-100);
}._navigation_1q2oz_1 {
    font-size: 0.7rem;
    text-transform: uppercase;
    padding-left: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
}

._navigation_1q2oz_1 > a {
    text-decoration: none;
    
    color: var(--gray-300);
}

._navigation_1q2oz_1 > a:hover, ._navigation_1q2oz_1 > a:focus{
    cursor: pointer;
    color: var(--gray-100);
}

._home_1q2oz_23 {
    display: flex;
    gap: 5px;
}


@media screen and (min-width: 768px) {
    ._navigation_1q2oz_1 {
        padding-left: 1rem;
    }
}

@media  screen and (min-width: 1024px) {
    ._navigation_1q2oz_1 {
        padding: 0;
    }
}


/* 
.breadcrumbEnter {
    opacity: 0;
    transform: scale(1.1);
  }
  
  .breadcrumbEnterActive {
    opacity: 1;
    transform: scale(1);
    transition: opacity 300ms, transform 300ms;
  }
  
  .breadcrumbExit {
    opacity: 1;
    transform: scale(1);
  }
  
  .breadcrumbExitActive {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 300ms, transform 300ms;
  } */


._titleContainer_d42ks_2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    background-color: var(--gray-600);
    border-radius: 5px;
    color: var(--white);
    margin-bottom: 0;
}
._titleContainer_d42ks_2 > h2 {
    font-weight: 200;
}
._titleContainer_d42ks_2:hover {
    background-color: var(--gray-700);
}
p._answer_d42ks_20 {
    padding: 1rem;
    background-color: var(--gray-700);
    border-radius: 0 0 5px 5px; 
    color: var(--white);
}
._active_d42ks_26 {
    display: block;
}
._inactive_d42ks_29 {
    display: none;
}#_titleLength_t1bb5_1{
    color:var(--yellow-500);
    display: block;
}
#_titleLength_t1bb5_1._danger_t1bb5_5{
    color:var(--red-500);
}

._formGroup_t1bb5_9{
    display: block;
    margin:0.5rem 0;
}
._formGroup_t1bb5_9 select{
    margin:0.5rem 0;
}

._gira_t1bb5_17 svg{
    animation: _rotate_t1bb5_1 .4s linear infinite;
}
._createdAds_t1bb5_20{
    background:var(--gray-500);
    color:var(--gray-100);
    padding: 0.1rem 1rem 1rem 1rem;
    border-radius:3px;
}
._createdAds_t1bb5_20 h3{
    font-size:1.1rem;
    margin:1rem 0;
    display: block;
}
._createdAds_t1bb5_20 a{
    color:var(--gray-700);
    text-decoration:underline;
    margin:1rem 0;
}
._createdAds_t1bb5_20 ul{
    padding-left: 1rem;
    color:var(--gray-700);
}#_titleLength_t1bb5_1{
    color:var(--yellow-500);
    display: block;
}
#_titleLength_t1bb5_1._danger_t1bb5_5{
    color:var(--red-500);
}

._formGroup_t1bb5_9{
    display: block;
    margin:0.5rem 0;
}
._formGroup_t1bb5_9 select{
    margin:0.5rem 0;
}

._gira_t1bb5_17 svg{
    animation: _rotate_t1bb5_1 .4s linear infinite;
}
._createdAds_t1bb5_20{
    background:var(--gray-500);
    color:var(--gray-100);
    padding: 0.1rem 1rem 1rem 1rem;
    border-radius:3px;
}
._createdAds_t1bb5_20 h3{
    font-size:1.1rem;
    margin:1rem 0;
    display: block;
}
._createdAds_t1bb5_20 a{
    color:var(--gray-700);
    text-decoration:underline;
    margin:1rem 0;
}
._createdAds_t1bb5_20 ul{
    padding-left: 1rem;
    color:var(--gray-700);
}
    ._infoBoxWrapper_1jldn_2 { 
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    section._operationalSummary_1jldn_7 > ._notificationsWrapper_1jldn_7 {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    section._operationalSummary_1jldn_7  ._notificationsGrid_1jldn_12 {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: 1rem;
        width: 100%;
        margin-bottom: .5rem;
    }
    section._promoBanner_1jldn_19 img{
        width: 100%;
        border-radius:5px;
    }
    section._goodDeals_1jldn_23 img{
        width: 100%;
        border-radius:5px;
    }
    section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12 > div {
        margin-top: 0;
    }
    section._operationalSummary_1jldn_7 > ._notificationsWrapper_1jldn_7> div > div {
        width: 100%; 
    }
   section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12 > div:last-child > div {
    margin-top: 0;
   }
   
   
   ._bigNumber_1jldn_38{
    color:var(--red-500);
    font-weight: bold;
    font-size: 3rem;
    text-align: center;
}
._center_1jldn_44{
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
section ._notificationSection_1jldn_50 {
    width: 100%;
}

@media screen and (min-width: 768px) {
    ._infoBoxWrapper_1jldn_2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap:2rem;
        margin-bottom:2rem;
    }

    section._operationalSummary_1jldn_7 > div:last-child {
        margin-top: 1rem;
    }
    
    section._promoBanner_1jldn_19{
        display: none;
    }
    section._goodDeals_1jldn_23{
        display: none;
    }
    ._operationalSummary_1jldn_7{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start; 
        margin-bottom:2rem;
        gap: 1rem;
    }      
    
    ._operationalSummary_1jldn_7 > div:last-child{
        max-width: 100%;
    }
  
  
    section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12 {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: 1rem;
        justify-items: center;
        align-items: center;
    }
    /* section.operationalSummary .notificationsGrid > div:first-child {
        grid-row-start: 2;
        grid-row-end: 3;
    } */
    section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12 > div:last-child {
        align-self: end;
        justify-self: end;
    }
    section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12 > div:last-child > div{
        width: 100%;
        height: 100%;
        margin-top: 0;

    }
    section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12  > div:first-child {
        align-self: start;
    }
  
    section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12 > div:last-child {
        padding-top: 0;
    }
    
}
@media screen and (min-width: 1008px) {
    section._operationalSummary_1jldn_7 > div:last-child > div{
        margin: 0;
    }
    section._promoBanner_1jldn_19{
        display: block;
    }
    section._goodDeals_1jldn_23{
        display: flex;
        gap: 1rem;

    }
    section._goodDeals_1jldn_23 > div {
            flex:1;    
        }
}

@media screen and (min-width: 1440px) {
    ._infoBoxWrapper_1jldn_2{
        grid-template-columns: repeat(4, minmax(0,1fr));
        gap: 1rem;
    }
    ._operationalSummary_1jldn_7{
        display: grid;
        grid-template-columns:   minmax(0,1fr) minmax(0, 24rem);
        grid-template-rows: 1fr;
        align-items: start;
        gap:1rem;
        margin-bottom:2rem;
    }    
    section._operationalSummary_1jldn_7 > div:first-child {
        margin-top: 0;
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    section._operationalSummary_1jldn_7 > div:last-child {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    section._operationalSummary_1jldn_7 ._notificationsGrid_1jldn_12 {
        grid-template-columns: minmax(0,1fr);
    }

    section._operationalSummary_1jldn_7 > div:last-child {
        margin-top: 0;
    }
    
   
}
    
._modalWrapper_17gp4_3{
    position:fixed;
    opacity: 0;
    width: 0;
    height: 0;
    left:0;
    top:0;
    z-index: 999;
    content-visibility: hidden;
    /* display: none; */
 }
._filterHeader_17gp4_14{
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: center;
    margin:20px 0;
    padding:0 0.3rem;
 }
 ._filterHeader_17gp4_14 nav{
    display: flex;
    flex-direction: row;
    gap:1rem;
}
 ._filterResults_17gp4_27 {
    margin-bottom:20px;
    padding:0 1rem;
 }
 ._filterResults_17gp4_27 a{
    color:var(--yellow-500);
    text-decoration:none;
    font-weight: bold;
 }

._table_17gp4_37 {
    width: 100%;
    border-collapse: collapse;
    
    
}
._isFlexBadge_17gp4_43, ._isWeDropBadge_17gp4_43{
    position: relative;
    display: flex;
    justify-items: space-between;
    gap: 1rem;
    align-items: center;

}
._isFlexBadge_17gp4_43 span{
    background: var(--blue-500);
    color: white;
    padding: 0.3rem;
    border-radius: 5px;
    display: flex;
}
._isWeDropBadge_17gp4_43 span{
    background: var(--yellow-500);
    color: black;
    padding: 0.3rem;
    border-radius: 5px;
    display: flex;
}

._table_17gp4_37 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}
._table_17gp4_37 tbody{
    padding:0 0 1rem 0;
}
._table_17gp4_37 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_17gp4_37 tbody tr td:last-child{
    min-width: 100px;
}
._table_17gp4_37 tbody tr:last-child td{
    border:none;
}
._table_17gp4_37 tbody tr:last-child td._status_17gp4_90{
    min-width: 180px;
}
a._seeDetails_17gp4_93{
    color:var(--yellow-500);
    text-decoration: none;
    transition: .2s;
    cursor: pointer;
    word-wrap: break-word;
}
a._seeDetails_17gp4_93:hover{
    color: var(--gray-100)
}

._briefing_17gp4_104{
    padding:1rem;
    display: block;
    color:var(--gray-100);
}
._perPage_17gp4_109{
    padding: 0 0.3rem;
    width: 9.5rem;
}
._responsiveTable_17gp4_113{
    overflow-x: auto;
}



    ._perPage_17gp4_109 select, ._perPage_17gp4_109 select option {
        font-size: 0.8rem;
    }

@media screen and (min-width: 768px) {
    ._perPage_17gp4_109 {
        width: 12rem;
    }
    ._perPage_17gp4_109 select, ._perPage_17gp4_109 select option {
        font-size: 1rem;
    }
    

}


._orderStatus_v1b0d_1{
    padding:0.25rem 0.25rem;
    border:0;
    border-radius:5px;
    font-size:0.75rem;
    font-weight: normal;
    display: block;
    text-align: center;
    align-items: center;
    white-space: nowrap;
}

._orderStatus_v1b0d_1._warning_v1b0d_13{
    background: var(--red-500);
    color:var(--white);
}

._orderStatus_v1b0d_1._pending_v1b0d_18{
    background: var(--blue-500);
    color:var(--white);
}
._orderStatus_v1b0d_1._processing_v1b0d_22{
    background: var(--pink-500);
    color:var(--white);
}
._orderStatus_v1b0d_1._cancelled_v1b0d_26{
    background: var(--gray-500);
    color:var(--gray-300);
}
._orderStatus_v1b0d_1._send_v1b0d_30{
    background: var(--green-500);
    color:var(--white);
}._overlay_uv8yp_1{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    top:0;
    left:0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
}


._modal_uv8yp_16{
    background: var(--gray-900);
    color: var(--gray-100);
    padding: 1rem;
    border-radius: 5px;
    width: 80%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
}

._cardHeader_uv8yp_29{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}
._modal_uv8yp_16 header{
    display: flex;
    justify-content: space-between;
}
._modal_uv8yp_16 header h3{
    gap:20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: flex-start;
}

._modal_uv8yp_16 ._inputGroup_uv8yp_47{
    margin:1rem 0;
    padding: 0 2rem;
}
._modal_uv8yp_16 ._inputGroup_uv8yp_47 label{
    display: block;
    margin-bottom: 0.75rem;
}

._resetButton_uv8yp_56 {
    background: none;
    color: var(--gray-300);
    text-align: center;
    padding: auto;
    margin-bottom: 0;
    transition: width 0.6s ease-in-out;

}

._resetButton_uv8yp_56:hover {
    cursor: pointer;
    transform: scale(101%);
    color: var(--gray-400);
}
._channelOptions_uv8yp_71  {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
    padding: 1rem;
}
._channelOption_uv8yp_71 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem;
    font-size: .75rem;
    background-color: var(--gray-900);
    color: var(--white);
}
._channelOption_uv8yp_71:hover {
    cursor: pointer;
    background-color: var(--gray-800);
}
._selected_uv8yp_92 {
    border: solid 2px var(--yellow-600);
    background-color: var(--gray-900);
}
/* .channelLbl {
    width: fit-content;
    font-size: 0.8rem;
    display: block;
    cursor: pointer;
} */
@media screen and (max-width: 767px) {
    ._modal_uv8yp_16 section form button{
        width: 100%;
    }
    ._responsiveGrid_uv8yp_106 {
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
   
    
}

@media screen and (min-width: 768px) {
    ._responsiveGrid_uv8yp_106 {
        grid-template-columns: repeat(2,1fr);
        gap: 1rem    }

        section form > ._inputGroup_uv8yp_47:last-child {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            gap: 1rem;
        }


}
 ._filterHeader_1okwz_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: center;
    margin:20px 0;
    padding:0 1rem;
 }
 ._filterHeader_1okwz_1 nav{
    display: flex;
    flex-direction: row;
    gap:1rem;
}
 ._filterResults_1okwz_14 {
    margin-bottom:20px;
    padding:0 1rem;
 }
 ._filterResults_1okwz_14 a{
    color:var(--yellow-500);
    text-decoration:none;
    font-weight: bold;
 }
._overlay_1okwz_23{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    vertical-align: middle;
    align-items: flex-start;
    justify-content: center;
    top:0;
    left:0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
}
._modal_1okwz_37{
    background: var(--gray-900);
    color: var(--gray-100);
    padding: 1rem;
    border-radius: 5px;
    width: 80%!important;
    max-width: 80rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
}

._cardHeader_1okwz_50{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}
._modal_1okwz_37 header{
    display: flex;
    justify-content: space-between;
}
._modal_1okwz_37 header h3{
    gap:20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: flex-start;
}

._modal_1okwz_37 ._inputGroup_1okwz_68{
    margin:1rem 0;
    padding: 0 2rem;
}
._modal_1okwz_37 ._inputGroup_1okwz_68 label{
    display: block;
    margin-bottom: 0.75rem;
}
._modal_1okwz_37 ._inputGroup_1okwz_68 input{
    width: 100%;
    text-decoration: none;
}
._modal_1okwz_37 ._inputGroup_1okwz_68 > button{
    width: 100%;
    margin: 0 auto;
}
._alert_1okwz_84{
    display: flex;
    gap:1rem;
    align-items: flex-start;
    font-weight: 500;
    font-size:1rem;
}

._gira_1okwz_92 svg{
    animation: _rotate_1okwz_1 .4s linear infinite;
}




._table_1okwz_99 {
    width: 100%;
    border-collapse: collapse;
    
    
}

._table_1okwz_99 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}
._table_1okwz_99 tbody{
    padding:0 0 1rem 0;
}
._table_1okwz_99 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_1okwz_99 tbody tr td:last-child{
    min-width: 100px;
}
._table_1okwz_99 tbody tr:last-child td{
    border:none;
}
._table_1okwz_99 tbody tr:last-child td._status_1okwz_130{
    min-width: 180px;
}

@media screen and (min-width: 320px) {
    ._responsiveGrid_1okwz_135{
        grid-template-columns: 1fr;
    }
    
}

@media screen and (min-width: 768px) {
    ._modal_1okwz_37 {
        margin: auto;
    }
    ._responsiveGrid_1okwz_135{
        grid-template-columns: repeat(2, 1fr);
    }
  
    ._modal_1okwz_37 ._inputGroup_1okwz_68 > button{
        margin: 0;
        width: fit-content;
        margin-left:  auto;
    }
}
@keyframes _rotate_1okwz_1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }
._btnGroup_1b2do_1{
    gap:1.2rem;
}._gap1_an5dp_1{
    display: flex;
    gap:1rem;
}._searchProduct_1x422_1{
    display: flex;
    width: 100%;
    gap:1rem;
    align-items: normal;
    justify-content: space-between;
    margin:1rem 0;
    position: relative;
}

._searchResultsBox_1x422_11{
    width: 100%;
    background: var(--gray-600);
    z-index: 100;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    gap: 1rem;
    padding: 1rem;
    overflow-y: auto;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
._searchResults_1x422_11{
    display: flex;
    gap:1rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}
._searchResult_1x422_11{
    flex-basis: 25%;
    max-width:15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--gray-700);
    font-size:1rem;
    border-radius:10px;
}
._searchResult_1x422_11 img{
    border-radius:10px;
    width: 100%;
    height: auto;
    object-fit: contain;
}
._searchResultSku_1x422_46{
    padding:0.5rem 1rem;
    font-size: 0.6rem;
    color: var(--gray-500);
}
._searchResultName_1x422_51{
    padding:0 1rem;
    font-size:0.7rem;
    min-height: 4rem;
    color:var(--gray-300)
}
._searchResultActions_1x422_57{
    display: flex;
    align-items: stretch;
    width: 100%;
    margin:1rem 0;
    padding:0 1rem;
    font-size:0.7rem;
    color:var(--gray-300);
    gap:1rem;
}
._searchResultActions_1x422_57 input{
    margin:0;
    height:2rem;
}


._inputSearch_1x422_73{
    flex-grow: 1;
    margin:0;
}
._searchProduct_1x422_1 button{
    margin:0;
}
._orderInfo_1x422_80{
    margin:2rem 0;
}
._pagination_1y8ra_2{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.3rem;
    gap:0.5rem;
    margin:1rem 0;
    padding-bottom: 1rem;
}
._paginationButton_1y8ra_11{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0rem;
    padding:0.3rem 1rem;
    background:var(--gray-700);
    color:var(--white);
    cursor: pointer;
    transition: .4s;
    border-radius:5px;
}
._paginationButton_1y8ra_11:hover{
    background:var(--gray-600);
}
._paginationButton_1y8ra_11._active_1y8ra_26{
    background:var(--yellow-500);
    color:var(--gray-800);
}
._paginationButton_1y8ra_11[disabled]{
    background:var(--gray-600);
    color:var(--gray-400);
    cursor: not-allowed;
}

._paginationButton_1y8ra_11:has(>._before_1y8ra_36), ._paginationButton_1y8ra_11:has(>._after_1y8ra_36) {
    padding-left: .6rem;
    padding-right: .6rem;
}


footer._pagination_1y8ra_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    div._pagination_1y8ra_2 {
        display: flex;
        justify-content: space-evenly;
    }

    ._pagination_1y8ra_2 ._pagginationButton_1y8ra_53{
        max-width: fit-content;
    }
    


    ._before_1y8ra_36 {
        width: 1rem;
        position: relative;
        visibility: hidden;
    }
    ._after_1y8ra_36 {
        width: 1rem;
        position: relative;
        visibility: hidden;
    }
    ._before_1y8ra_36::after {
        position: absolute;
        top: 0;
        left: 0;
        visibility: visible;
        content: '<';
    }
    ._after_1y8ra_36::after {
        position: absolute;
        top: 0;
        left: 0;
        visibility: visible;
        visibility: visible;
        content: '>';
    }
    @media screen and (min-width: 768px) {
        footer._pagination_1y8ra_2 {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
        }
        footer._pagination_1y8ra_2 > div._pagination_1y8ra_2 {
            margin: 0;
        }
        ._paginationButton_1y8ra_11 {
            margin-bottom: 0;
            padding:0.3rem 1rem;
        }
        ._before_1y8ra_36 {
            width: fit-content;
            visibility: visible;
        }
        ._after_1y8ra_36 {
            width: fit-content;
            visibility: visible;
        }
        ._before_1y8ra_36::after {
            visibility: hidden;
            content: none;
        }
        ._after_1y8ra_36::after {
            visibility: hidden;
            content: none;
        }
        
    }
    
    
    @media screen and (min-width: 1008px) {
        footer._pagination_1y8ra_2 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
       
        footer._pagination_1y8ra_2 div:not(:first-child) p {
            width: 16rem;
        }
    }
    
    @media screen and (min-width: 1440px) {
        footer._pagination_1y8ra_2 {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0 1rem;
        }
        div._pagination_1y8ra_2 {
            align-items: flex-end;
            padding: 0;
        }
    }
    ._perPage_vgg2f_1{
    padding: 0 0.3rem;
    width: 9.5rem;
    
}
._perPage_vgg2f_1 span{
    margin-bottom:1rem;
    display: block;
}



    ._perPage_vgg2f_1 select, ._perPage_vgg2f_1 select option {
        font-size: 0.8rem;
    }
    

@media screen and (min-width: 768px) {
 
    ._perPage_vgg2f_1 {
        width: 12rem;
    }
    ._perPage_vgg2f_1 select, ._perPage_vgg2f_1 select option {
        font-size: 1rem;
    }
    
}._returnHistory_dasmv_1 ._date_dasmv_1{
    font-size:0.75rem;
    margin:1rem 0;    
    color:var(--yellow-500);
}
._btnGroup_1plbd_1{
    gap:0.5rem;
}
._payOrdersTable_1plbd_4{
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-items: center;
}
._payOrdersTable_1plbd_4 li{
    margin:0.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    border: 1px solid var(--gray-600);
    border-radius: 0.5rem;
}
._totals_1plbd_19{
    display: flex;
    justify-items: flex-end;
    align-items: end;
    flex-direction: column;
    gap:1rem;
}
._costTotal_1plbd_26 span{
    font-size:1.2rem;
    color: var(--yellow-500);
}
._balance_1plbd_30 span{
    font-size:1.2rem;
    color: var(--yellow-500);
}._orders_i1fcs_1{
    display: flex;
    flex-wrap: wrap;
    gap:1rem;
}
._orders_i1fcs_1 > div{
    flex:1 0 25%;
}
._quotations_i1fcs_9 ul{
    margin:1rem 0;
}
._quotations_i1fcs_9 ul li{
    display: flex;
    gap:1rem;
    padding:1rem;
    border-radius:5px;
}
._quotations_i1fcs_9 ul li ._quotationInfo_i1fcs_18{
    display: flex;
    flex-direction: column;
    
}
li._active_i1fcs_23{
    background: var(--gray-600);

}
._titleWithMenu_i1fcs_27{
    display: flex;
    width: 100%;
    align-items: center;
    gap:1rem;
    justify-items: flex-start;
}._carouselContainer_1xtoj_1{
    /* display: grid; */
    position: relative;
    overflow: hidden;
    width: 100%;
    /* grid-template-columns: 1fr; */
    /* grid-template-rows: 1fr; */
    height: 100%;
}

._innerCarousel_1xtoj_11 {
    white-space: nowrap;
    transition: transform .3s;
}
._carouselItem_1xtoj_15 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    height: fit-content;
    background-color: var(--gray-800);
    color: var(--white);
    width: 100%;
    /* padding-bottom: 3rem; */

}

._indicators_1xtoj_27 {
    display: flex;
    justify-content: center;
    gap: .5rem;
   
    z-index: 999;
    /* margin: 0 7rem;     */
}

._indicators_1xtoj_27 > button {
    gap: 1rem;
    /* background-color: var(--yellow-500); */
}
._indicators_1xtoj_27 > button:hover {
    cursor: pointer;
}


._indicators_1xtoj_27 > button._indexButton_1xtoj_45 {
    width: .8rem;
    height: .8rem;
    padding: 0;
    align-self: center;
    /* margin-top: .5rem; */
    border-radius: 50%;
    background-color: var(--gray-800);
    border: .1rem solid var(--yellow-500);
}
._indicators_1xtoj_27 > button._active_1xtoj_55 {
    background-color: var(--yellow-500);
    border: .1rem solid var(---500);
    color: var(--gray-900);

}

._indicators_1xtoj_27 > button._arrowBtn_1xtoj_62 {
    background-color: transparent;
    color: var(--yellow-900);
    padding: 0;
    align-self: flex-end;
}

._indicators_1xtoj_27 > ._preBtn_1xtoj_69, ._indicators_1xtoj_27 > ._nextBtn_1xtoj_69 {
    border: none;
    /* width: 4rem; */
    height: 100%;
    position: absolute;
    top: 0;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
._indicators_1xtoj_27 > ._preBtn_1xtoj_69 > *, ._indicators_1xtoj_27 > ._nextBtn_1xtoj_69 > *{
    /* background-color: var(--yellow-500); */
    border-radius: 50%;
    /* color: var(--gray-600); */
}


._indicators_1xtoj_27 > ._nextBtn_1xtoj_69 {
    right: 0;
}

._indicators_1xtoj_27 > ._preBtn_1xtoj_69 {
    left: 0;
}


@media screen and (min-width: 768px) and (max-width: 1439px){
    ._carouselItem_1xtoj_15 {
        width: 50%;
    }
} ._figureContainer_mc94w_1  {
   display: flex;
   flex-direction: column;
   justify-content: center;
   /* margin-left: 7rem; */
   min-width: 100%;
   width: fit-content;
   height: fit-content;
}
._figureContainer_mc94w_1 > a {
    text-decoration: none;
    color: var(--white);
    max-width: fit-content;
}
._productFigure_mc94w_15 {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem;
    /* padding-bottom: 8rem; */
}
._productFigure_mc94w_15 > img {
    width: 16rem;
    height: 16rem;
    border-radius: 8px;
}
._productInfo_mc94w_30 {
    display: flex;
    width: fit-content;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: .7rem;
    max-width: 40rem;
}
._productInfo_mc94w_30 > h3 {
    margin-bottom: 0;
    color: var(--gray-300);
    text-align: center;
    white-space: break-spaces;
}
._productInfo_mc94w_30 > p {
    margin: 0;
    font-size: 1.2rem;
    color: var(--gray-400)
}
/*
.figureContainer > figcaption {
        width: 100%;

} */
/* .figureContainer {
    min-width: 100%;
} */
@media screen and (min-width: 425px) {
    ._productFigure_mc94w_15 > img {
        width: 20rem;
        height: 20rem;
    }
}/* .cardContainer, .cardContainer > div {
    max-width: 24rem;
    
} */
/* 
@media screen and (min-width: 768px) and (max-width: 1439px) {
    .cardContainer, .cardContainer > div {
        max-width: 45rem;
    }

} */@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
  z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

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

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/assets/ajax-loader-e7b44c86.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=');
    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('embedded-opentype'), 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'), url('/assets/slick-12459f22.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -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: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    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: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
._notificationContainer_xi1yi_1 {
    width: 100%;
    padding: 1rem;
    background-color: var(--gray-800);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
    justify-content: center;
    margin-bottom: 1rem;

}

._notificationContainer_xi1yi_1 > div, ._notificationContainer_xi1yi_1 > div > header {
   width: 100%;
}

._notificationGrid_xi1yi_19 {
    display: flex;
    flex-direction: column;
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) ); */
    gap: .5rem;
    width: 100%;
    justify-items: start;
    align-items: start;
}
._notificationDiv_xi1yi_28 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .7rem;
    border-radius: 5px;
    margin: 1rem 0;
    align-items: start;
    /* background-color: #8b6c041c; */
    background-color: #8683541f;
    /* width: fit-content; */
    width: 100%;
  }
  ._notificationMsgs_xi1yi_41 {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
    align-items: center;
    padding-left: .2rem;
  }

  ._notificationTitle_xi1yi_50 {
        color: #fff;
        font-weight: bold;
  }
  ._notificationMessage_xi1yi_54 {
    text-align: left;
    font-size: .9rem;
  }
  @media (min-width: 768px) {
    ._notificationMsgs_xi1yi_41 {
        flex-direction: row;
    }
  }
@media(min-width: 320px) {
._firstResponsiveGrid_zll6z_2 {
    grid-template-columns: 1fr;
}
._secondResponsiveGrid_zll6z_5 {
    grid-template-columns: 1fr;
}
._summary_zll6z_8{
    margin:1rem 0;
}
._summary_zll6z_8 > div{
    margin: 1rem 0;
}
._subtitle_zll6z_14{
    font-size:0.80rem;
    text-transform: uppercase;
    font-weight: normal;
    margin: -1rem 0 1rem 1rem; 
    /* margin-top:-1rem;
    margin-bottom:1rem;
    margin-left: 1rem; */
    color:var(--yellow-500);
}

._btnWrapper_zll6z_25 {
    width: 16rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    align-self: flex-end;
    /* margin: 0 auto; */
}
._createOrderForm_zll6z_34 {
    display: flex;
    flex-direction: column;
    gap: 1rem
}
._selectInput_zll6z_39 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
._selectInput_zll6z_39 > select {
    margin: 0.5rem 0;
}
._gridCreateOrders_zll6z_48 {
    display: grid;
    grid-template-columns: 1fr;
    align-items: end;
} 
}

@media screen and (min-width: 425px) {
    ._btnWrapper_zll6z_25 {
        margin-left: auto;
        margin-right: 1rem;
    }
    ._secondResponsiveGrid_zll6z_5 {
        grid-template-columns: 1fr;
    }
    
}


@media screen and (min-width: 768px) {
    ._firstResponsiveGrid_zll6z_2 {
        grid-template-columns: repeat(3, 1fr);
    }
    ._secondResponsiveGrid_zll6z_5 {
        grid-template-columns: repeat(3, 1fr);
    }
    ._gridCreateOrders_zll6z_48 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 1600px){
    ._secondResponsiveGrid_zll6z_5 {
    grid-template-columns: repeat(6, 1fr);
    }
}/* body {
    overflow: hidden;
} */

._auth_x31j9_5 {
    width: 80%;
    height: 100%;
    margin: 2rem auto;
    border-radius: 8px;
    display: block;
    background: var(--gray-800);
    
}


._auth_x31j9_5 h1 {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.6rem;
    margin: 1rem 0;
}

._auth_x31j9_5 ._loginForm_x31j9_23 {
    padding: 2.5rem;
    font-size: 0.8rem;
    /* margin-left: 0.5rem; */
    max-height: 100%;

}

._auth_x31j9_5 ._loginForm_x31j9_23 {
    max-height: 100%;
}

._auth_x31j9_5 ._loginForm_x31j9_23 ._logo_x31j9_35 img {
    width: 100%;
}

._auth_x31j9_5 ._loginForm_x31j9_23 form button {
    /* align-self: center; */
    font-size: 1rem;
    text-align: center;
}

._auth_x31j9_5 ._wallpaper_x31j9_45 img {
    display: none;
}

._auth_x31j9_5 label {
    display: block;
    margin: 0.50rem 0;
}

._auth_x31j9_5 ._loginForm_x31j9_23 form input {
    font-size: 0.8rem;
    height: 3rem;
    /* width: 100%; */
    padding: 0 1rem;
    margin: 0 0 1rem 0;
    border-radius: 5px;
}
._auth_x31j9_5 ._loginForm_x31j9_23 form ._actionsContainer_x31j9_62 {
    display: flex;
    gap: 1rem;
    align-items: center;
 }
._forgotPswd_x31j9_67 {
    font-size: 0.8rem;
    text-align: center;
    margin: 1rem 0;
    text-decoration: none;
    color: var(--gray-300);
}
@media screen and (min-width: 425px) {
    ._auth_x31j9_5 {
        width: 80%;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 ._logo_x31j9_35 img {
        width: 220px;
    }
}

@media screen and (min-width: 768px) {

    ._auth_x31j9_5 {
        width: 80%;
        margin: 5rem auto;
        /* display: flex;
        align-items: flex-start;
        justify-content: flex-start; */
        
    }
    
    ._auth_x31j9_5 ._loginForm_x31j9_23 {
        padding: 2.5rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    ._auth_x31j9_5 h1,
    ._auth_x31j9_5 ._loginForm_x31j9_23,
    ._auth_x31j9_5 ._loginForm_x31j9_23 form input,
    ._auth_x31j9_5 ._loginForm_x31j9_23 form label {
        font-size: 1rem;
    }
    ._auth_x31j9_5 > ._authWrapper_x31j9_108 > ._loginForm_x31j9_23 > h1 {
        text-align: left;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 form button {
        font-size: 1rem;
        width: 5rem;
    }

    ._auth_x31j9_5 ._authWrapper_x31j9_108 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 1fr;
        /* gap: 1rem; */
    }

    ._auth_x31j9_5 ._wallpaper_x31j9_45 img {
        border-radius: 0 8px 8px 0;
        display: block;
        width: 100%;
        /* min-height: 500px; */
        height: 100%;
        object-fit: cover;
    }

}

@media screen and (min-width: 1008px) {
    ._auth_x31j9_5 {
        width: 80%;
        max-width:  56.25rem;
    }

    ._authWrapper_x31j9_108 {
    
        /* height: calc(100vh - 10rem);  */
        max-height: 100%;
        width: 100%;
        max-width:  56.25rem;
        border-radius: 8px;
        }
    ._auth_x31j9_5 ._loginForm_x31j9_23 {
        padding: 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        max-height: 100%;

        /* height: calc(100vh - 10rem); */
        gap: 2rem        
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 > * {
        font-size: .75rem;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 > form > :is(button, input, label) {
        font-size: .75rem;
        margin: 0;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 > form > button{
        width: fit-content;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 form{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: .5rem;
        width: 100%;
    }
    ._auth_x31j9_5  ._loginForm_x31j9_23 input{
        width: 100%;
    }

    ._auth_x31j9_5 ._wallpaper_x31j9_45 img {
        /* min-height: 600px; */
        /* height: calc(100vh - 10rem); */
        height: 100%;
    }
    
   /* .auth > .authWrapper > .loginForm > form > label, .auth > .authWrapper > .loginForm > form > input, .auth > .authWrapper > .loginForm > form > button {
        margin: 0;
    } */
}

@media screen and (min-width: 1440px) {
    ._auth_x31j9_5 {
        position: absolute;
        width: 60%;
        margin: auto;
        top: 0; bottom: 0; left: 0; right: 0;
        height: fit-content;
    }
   ._auth_x31j9_5 > ._authWrapper_x31j9_108 > ._loginForm_x31j9_23 > form > input {
        width: 80%;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 > * {
        font-size: 1rem;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 > form > :is(button, input, label) {
        font-size: 1rem;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 {
        gap: 1rem;
    }
    ._auth_x31j9_5 ._loginForm_x31j9_23 form{
       justify-content: space-between;
        gap: 1rem;
    }
   
}._labelwrapper_iebbr_1 {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding-right: .2rem;
}

._formError_iebbr_9 {
    display: inline-flex;
    align-items: center;
    color: var(--red-500);
    font-size: .8rem;
    justify-self: end;
    gap: .2rem;
}

._inputError_iebbr_18 {
    border: 1px solid var(--red-500);
}@media  screen and (max-width: 374px) {
    ._responsiveGrid_skpy0_2 {
        grid-template-columns: 1fr;
    }
    ._header_skpy0_5 {
        padding-right: 0.5rem;
    }
    ._header_skpy0_5 h1 {
        font-size: 1.8rem;
    }
}

@media  screen and (min-width: 375px) {
    ._responsiveGrid_skpy0_2 {
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 768px) {
    ._responsiveGrid_skpy0_2 {
        grid-template-columns: repeat(2,1fr);
        gap: 0.5rem;
        overflow-x: hidden;
    }
    ._header_skpy0_5 {
        padding-right: 1rem;
    }
}

@media screen and (min-width: 1008px) {
    ._responsiveGrid_skpy0_2 {
        grid-template-columns: repeat(2,1fr);
        gap: 1rem;
    }
}

@media screen and (min-width: 1440px) {
    ._responsiveGrid_skpy0_2 {
        grid-template-columns: repeat(4,1fr);
        gap: 1rem;
        overflow: auto;
    }
}
._header_skpy0_5{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
._summary_skpy0_48{
    margin:1rem 0;
}

._modalWrapper_n6m20_2{
    position:fixed;
    opacity: 0;
    width: 0;
    height: 0;
    left:0;
    top:0;
    z-index: 999;
    content-visibility: hidden;
 }
._filterHeader_n6m20_12{
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: center;
    margin:20px 0;
    padding:0 0.3rem;
 }
 ._filterHeader_n6m20_12 nav{
    display: flex;
    flex-direction: row;
    gap:1rem;
}
 ._filterResults_n6m20_25 {
    margin-bottom:20px;
    padding:0 1rem;
 }
 ._filterResults_n6m20_25 a{
    color:var(--yellow-500);
    text-decoration:none;
    font-weight: bold;
 }

._responsiveTable_n6m20_35 {
    overflow-x: auto;
}

._table_n6m20_39 {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
    
}

._table_n6m20_39 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}
._table_n6m20_39 tbody{
    padding:0 0 1rem 0;
}
._table_n6m20_39 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_n6m20_39._striped_n6m20_64 tr:nth-child(even){
    background:var(--gray-600);
}
._table_n6m20_39 tbody tr td:last-child{
    min-width: 100px;
}
._table_n6m20_39 tbody tr:last-child td{
    border:none;
}
._table_n6m20_39 tbody tr:last-child td._status_n6m20_73{
    min-width: 180px;
}
a._seeDetails_n6m20_76{
    color:var(--yellow-500);
    text-decoration: none;
    transition: .2s;
    cursor: pointer;
    word-wrap: break-word;
}
a._seeDetails_n6m20_76:hover{
    color: var(--gray-100)
}

._pagination_n6m20_87{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.3rem;
    gap:0.5rem;
    margin:1rem 0;
}
._paginationButton_n6m20_95{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0rem;
    padding:0.3rem 1rem;
    background:var(--gray-700);
    color:var(--white);
    cursor: pointer;
    transition: .4s;
    border-radius:5px;
}
._paginationButton_n6m20_95:hover{
    background:var(--gray-600);
}
._paginationButton_n6m20_95._active_n6m20_110{
    background:var(--yellow-500);
    color:var(--gray-800);
}
._paginationButton_n6m20_95[disabled]{
    background:var(--gray-600);
    color:var(--gray-400);
    cursor: not-allowed;
}
._briefing_n6m20_119{
    padding:1rem;
    display: block;
    color:var(--gray-100);
}


th._tr_n6m20_126{
    text-align: right!important;
}
tbody tr td a{
    color:var(--gray-100);
    transition: .3s;
}
tbody tr td a:hover{
    color:var(--yellow-500);
}
._transactionValue_n6m20_136 {
    text-align: right;
}
._credit_n6m20_139 ._transactionValue_n6m20_136{
    color:var(--green-500);
    padding:0.5rem;
    font-weight: bold;
    text-align: right;
}
._debit_n6m20_145 ._transactionValue_n6m20_136{
    color:var(--red-500);
    padding:0.5rem;
    font-weight: bold;
    text-align: right;
}

._pendent_n6m20_152 ._transactionValue_n6m20_136{
    color: var(--gray-500);
    padding:0.5rem;
    font-weight: bold;
    text-align: right;
}

._partialBalance_n6m20_159{
    color:var(--yellow-500);
    font-weight: normal;
    text-align: right;
}

._perPage_n6m20_165{
    padding: 0 0.3rem;
    width: 9.5rem;
}

    footer._pagination_n6m20_87 {
        display: flex;
        flex-direction: column;
    }
    div._pagination_n6m20_87 {
        display: flex;
        justify-content: space-evenly;
    }
    ._pagination_n6m20_87 ._paginationButton_n6m20_95{
        margin-bottom: 0;
        max-width: fit-content;
    }
    ._perPage_n6m20_165 select, ._perPage_n6m20_165 select option {
        font-size: 0.8rem;
    }

    ._responsiveTable_n6m20_35 > div {
        margin-bottom: .5rem;
    }


@media screen and (min-width: 768px) {
    footer._pagination_n6m20_87 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 0;
    }
    ._perPage_n6m20_165 {
        width: 12rem;
    }
    ._perPage_n6m20_165 select, ._perPage_n6m20_165 select option {
        font-size: 0.8rem;
    }
    /* .perPage select option {
        font-size: 0.5rem;
    } */

    ._filtersContainer_n6m20_208 {
        display: flex;
        justify-content: space-between;
        align-items: end;
        margin-bottom: 1rem;
        gap: 1rem;
    }
}


@media screen and (min-width: 1008px) {
    footer._pagination_n6m20_87 div:not(:first-child) p {
        width: 16rem;
    }
    ._perPage_n6m20_165 select, ._perPage_n6m20_165 select option {
        font-size: 1rem;
        width: 12rem;
    }
 
}._loaderContainer_4083b_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

._loader_4083b_1._active_4083b_10{
    opacity: 1;
    content-visibility: visible;
    display: flex;
}
._loader_4083b_1._inactive_4083b_15{
    animation: _hide_4083b_1 0.2s ease-in-out forwards;
    content-visibility: hidden;
    display: none;
}
._spinner_4083b_20 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF var(--yellow-500) transparent transparent;
    box-sizing: border-box;
    animation: _rotation_4083b_1 1s linear infinite;
  }
  ._spinner_4083b_20::after,
  ._spinner_4083b_20::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent var(--yellow-500) var(--yellow-500);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: _rotationBack_4083b_1 0.5s linear infinite;
    transform-origin: center center;
  }
  ._spinner_4083b_20::before {
    width: 32px;
    height: 32px;
    border-color: #FFF #FFF transparent transparent;
    animation: _rotation_4083b_1 1.5s linear infinite;
  }
      
  @keyframes _rotation_4083b_1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes _rotationBack_4083b_1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
      
    
@keyframes _rotation_4083b_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes _rotationBack_4083b_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    


/* fadeIn animation */
@keyframes _fadeIn_4083b_1{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes _hide_4083b_1{
    100%{
        opacity: 0;

    }
    0%{
        opacity: 1;
    }
}._filterHeader_pfubc_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: center;
    margin:20px 0;
    padding:0 1rem;
 }
 ._filterHeader_pfubc_1 nav{
    display: flex;
    flex-direction: row;
    gap:1rem;
}
 ._filterResults_pfubc_14 {
    margin-bottom:20px;
    padding:0 1rem;
 }
 ._filterResults_pfubc_14 a{
    color:var(--yellow-500);
    text-decoration:none;
    font-weight: bold;
 }
 ._overlay_pfubc_23{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-items: flex-start;
    justify-content: center;
    top:0;
    left:0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    overflow: auto;
}
._modal_pfubc_37{
    background: var(--gray-900);
    color: var(--gray-100);
    padding: 1rem;
    border-radius: 5px;
    width: 80%;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
}
._cardHeader_pfubc_49{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}
._modal_pfubc_37 header{
    display: flex;
    justify-content: space-between;
}
._modal_pfubc_37 header h3{
    gap:20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: flex-start;
}

._modal_pfubc_37 ._inputGroup_pfubc_67{
    margin:1rem 0;
    padding: 0 2rem;
}
._modal_pfubc_37 ._inputGroup_pfubc_67 label{
    display: block;
    margin-bottom: 0.75rem;
}
._table_pfubc_75 {
    width: 100%;
    border-collapse: collapse;
}

._table_pfubc_75 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}

._table_pfubc_75 tfoot th {
    background: var(--gray-900);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 1rem;
    line-height: 1.6;
    
}
._table_pfubc_75 tbody{
    padding:0 0 1rem 0;
}
._table_pfubc_75 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_pfubc_75._striped_pfubc_108 tr:nth-child(even){
    background:var(--gray-600);
}
._table_pfubc_75 tbody tr td:last-child{
    min-width: 100px;
}
._table_pfubc_75 tbody tr:last-child td{
    border:none;
}
._table_pfubc_75 tbody tr:last-child td._status_pfubc_117{
    min-width: 180px;
}
._center_pfubc_120{
    display: flex;
    text-align: center;
    justify-content: center;
    vertical-align: middle;
}
._qrCode_pfubc_126{
    gap:1rem;
    max-width: 100%;
    width: 10rem;
    margin:1rem 0;
}
._copyCodePaste_pfubc_132{
    line-break: anywhere;
    margin:1rem 0;
}
._pixLoadingMessage_pfubc_136{
    display: flex;
    align-items: center;
    gap:1rem;
    justify-content: center;
    font-weight: bold;
}
._gira_pfubc_143 svg{
    animation: _rotate_pfubc_1 .4s linear infinite;
}
._error_pfubc_146{
    background:var(--red-500);
    color: var(--gray-100);
    padding:1rem;
    border-radius:10px;
}
@keyframes _rotate_pfubc_1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }
._monthYear_4u5k9_1{
    display: flex;
    gap:1rem;
}
._hiddenForm_4u5k9_5{
    display: none;
}

._paymentConfirmed_4u5k9_9, ._paymentRejected_4u5k9_9{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding:0 2rem;
}

._paymentConfirmed_4u5k9_9 svg{
    width:6rem;
    height:6rem;
    color:var(--green-500);
}


._paymentRejected_4u5k9_9 svg{
    width:6rem;
    height:6rem;
    color:var(--red-500);
}._paymentConfirmed_1l606_1, ._paymentRejected_1l606_1{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding:0 2rem;
}
._paymentConfirmed_1l606_1 p, ._paymentRejected_1l606_1 p{
    font-size:1.5rem;
}

._paymentConfirmed_1l606_1 svg{
    width:6rem;
    height:6rem;
    color:var(--green-500);
}

._paymentConfirmed_1l606_1 ._confirmedMsg_1l606_18{
    font-size:0.9rem;
    text-align: center;
}

._paymentRejected_1l606_1 ._rejectedMsg_1l606_23{
    font-size:0.9rem;
    text-align: center;
}

._paymentRejected_1l606_1 svg{
    width:6rem;
    height:6rem;
    color:var(--red-500);
}._title_y0gz6_1 {
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}

@media screen and (min-width: 768px) {
    ._title_y0gz6_1{
        font-size: 2rem;
        margin-right: 1rem;
    }
}

@media screen and (min-width: 1008px) {
    ._title_y0gz6_1{
        margin-right: 0;
    }
}

._integrationsList_1i722_1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom:1rem;
    align-items: self-end;
    justify-content: flex-start;
}
._integrationContainer_1i722_9 {
    margin-bottom: 1rem;
}
._integrationContainer_1i722_9 button {
    width: fit-content;
    
    
}
._paginationFooter_1i722_17 {
    display: flex;
    flex-direction: column;
    gap: .5rem;   
    margin-top: 1rem;
    margin-bottom: 1rem;
    justify-content: center;
    align-items: center;
}
._paginationFooter_1i722_17 > p {
    font-size: 0.65rem;
    text-transform: uppercase;
    font-weight: 500;
}
._cardActions_1i722_31 {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: flex-start;
    margin-top: 1rem;
    margin-bottom: 1rem;
    gap: 0.5rem;
}

@media screen and (max-width: 475px) {
    ._integrationContainer_1i722_9 > div > div:not(._integrationContainer_1i722_9 > div > div:first-child) button {
        font-size: .5rem;
        gap: 0;
        font-weight: 500;
        padding-left: 0.1rem;
        padding-right: 0.1rem;
    }
}
@media screen and (min-width: 768px) {
    ._integrationContainer_1i722_9 > div > div:first-child > * {
        font-size: .5rem;
    }
    ._integrationContainer_1i722_9 > div > div {
        justify-items: center;
    }
    ._cardActions_1i722_31 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
   
    }
}

._integrationsType_1i722_65{
    margin-left: 0.8rem;
    margin-bottom:1rem;
    position: relative;
    font-size: 1rem;
}
._active_1i722_71{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 1rem;
    font-size:0.75rem;
    text-transform: uppercase;
    align-items: center;
    justify-content: flex-start;
}
._active_1i722_71::before{
    content: '';
    position: absolute;
    left:0;
    width: 8px;
    height: 8px;
    animation: _shine_1i722_1 .8s ease-in-out infinite;
    border-radius:100%;
    z-index: 1;
}
._deactive_1i722_91{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 1rem;
    font-size:0.75rem;
    text-transform: uppercase;
}
._deactive_1i722_91::before{
    content: '';
    position: absolute;
    left:0;
    width: 8px;
    height: 8px;
    animation: _shineDeactive_1i722_1 .8s ease-in-out infinite;
    border-radius:100%;
    z-index: 1;
}
._integrationName_1i722_109{
    display: flex;
    flex-direction: column;
    gap:1rem;
    font-size: 1rem;
}
._cardFooter_1i722_115{
    display: flex;
    gap: 1rem;
}
._loading_1i722_119{
    padding:1rem 0;
    font-size:0.75rem;
    text-transform: uppercase;
}

@keyframes _shine_1i722_1 {
    0% {
        background-color:var(--green-500);
    }
    50% {
        background-color:rgb(13, 215, 13);
    }
    100% {
        background-color:var(--green-500);
    }
  }

  @keyframes _shineDeactive_1i722_1 {
    0% {
        background-color:rgb(255, 88, 37);
    }
    50% {
        background-color: rgb(255, 0, 0);
    }
    100% {
        background-color:rgb(255, 88, 37);
    }
  }

@media screen and (min-width: 768px) {
    ._integrationsList_1i722_1 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        margin-bottom:1rem;
        align-items: self-end;
        justify-content: flex-start;
    }
    ._integrationName_1i722_109 {
        font-size: 1.25rem;
        
    }
    ._integrationsType_1i722_65 {
        font-size: 1.5rem;
        margin-left: 1rem;
    }
}
@media screen and (min-width: 1008px) {
    
    ._integrationsList_1i722_1 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (min-width: 1440px) {
    ._integrationsList_1i722_1 {
        grid-template-columns: repeat(4, 1fr);
    }

    ._integrationContainer_1i722_9 > div > div:first-child > * {
        font-size: .8rem;
    }
    ._paginationFooter_1i722_17 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    ._paginationFooter_1i722_17 > p {
        font-size: 1rem;
        text-transform: capitalize;
        font-weight: 500;
    }
}



@media screen and (min-width: 320px) {
  ._highlight_1hc0u_3 {
    color: var(--yellow-600)
  }
  ::-webkit-scrollbar-corner {
    background: var(--gray-600);
    border-radius: 0 0 5px 0;
  }
  ._dateTitle_1hc0u_10{
    margin-right: 8%;
  }
  
  ._tableDetailsContainer_1hc0u_14._striped_1hc0u_14 > ._tableDetails_1hc0u_14._striped_1hc0u_14:nth-child(even) > *, ._tableDetailsContainer_1hc0u_14._striped_1hc0u_14 > ._tableDetails_1hc0u_14._striped_1hc0u_14:nth-child(even) {
    background-color: var(--gray-600);
  }
  ._tableDetailsGrid_1hc0u_17, ._tableDetails_1hc0u_14 {
    display: grid;
  }
._tableDetailsGrid_1hc0u_17._mutable_1hc0u_20 {
    display: grid;
    grid-template-columns: minmax(1rem,7rem) minmax(7rem,1fr);
    gap: 1rem;
    background-color: var(--gray-700);
    border-radius: 8px;
    text-align: center;
    font-size: .8rem;
  }

  ._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .6rem;
    background-color: var(--gray-600);
    padding:  .5rem;
    border-radius: 8px 0 0 8px
  }

  ._tableDetails_1hc0u_14._mutable_1hc0u_20{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    font-size: .6rem;
    padding: .5rem;
    border-radius: 0 8px 8px 0;
  }
  ._tableDetailsTitles_1hc0u_30  p, ._tableDetails_1hc0u_14 p, ._tableDetails_1hc0u_14 img {
    padding: .5rem;
    text-transform: lowercase;
  }
  ._tableDetailsTitles_1hc0u_30  p::first-letter, ._tableDetails_1hc0u_14 p::first-letter {
      text-transform: capitalize;
  }
  ._tableDetails_1hc0u_14 > img {
    max-width: 80%;
    max-height: 80%;
    border-radius: 20px;
  }
  ._tableDetailsTitles_1hc0u_30 > ._imgTitle_1hc0u_61 {
    padding: 42% 0;
    display: block;
  }
  ._tableDetail_1hc0u_14 {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
  }
  
  ._showNFE_1hc0u_71 {
    color: var(--yellow-600);
    text-decoration: none;
  }




._tableDetailsGrid_1hc0u_17._ordinary_1hc0u_79 {
  background-color: var(--gray-800);
  /* grid-template-columns: minmax(0,1fr); */
  border-radius: 5px;
  overflow: auto;
}

._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 {
  justify-content: space-between;
  background-color: var(--gray-600);
}
._tableDetails_1hc0u_14._ordinary_1hc0u_79> p, ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 > p {
  font-size: .5rem;
}
._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79, ._tableDetails_1hc0u_14._ordinary_1hc0u_79{
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--gray-400);
  border-radius: 0;
}

._tableDetails_1hc0u_14._ordinary_1hc0u_79 {
  text-align: center;
  font-size: .65rem;
  font-weight: 600;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
._tableDetails_1hc0u_14._ordinary_1hc0u_79 > *{
  text-align: center;
  background-color: var(--gray-800);
  padding: .5rem;
}
._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 > * {
  background-color: var(--gray-600);
}
._tableDetailsContainer_1hc0u_14._ordinary_1hc0u_79 {
  max-height: 200px;
  /* overflow: scroll; */
  border-radius: 5px;
}
._tableDetailsGrid_1hc0u_17._ordinary_1hc0u_79::-webkit-scrollbar-thumb, ._tableDetailsContainer_1hc0u_14._ordinary_1hc0u_79::-webkit-scrollbar-thumb{
  background-color: var(--yellow-600);
}
._tableDetailsGrid_1hc0u_17._ordinary_1hc0u_79::-webkit-scrollbar-track, ._tableDetailsContainer_1hc0u_14._ordinary_1hc0u_79::-webkit-scrollbar-track{
  background-color: var(--gray-600);
}
._tableDetails_1hc0u_14._small_1hc0u_128 > p:last-child, ._tableDetailsTitles_1hc0u_30._small_1hc0u_128 > p:last-child {
  margin-left: auto;
}




}

@media screen and (min-width: 375px) {
  ._tableDetailsTitles_1hc0u_30 > ._imgTitle_1hc0u_61 {
    padding: 60% 0;
    display: block;
  }

  ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 > p{
    white-space: nowrap;
    word-break: keep-all;
    text-transform: uppercase;
    font-size: .35rem;
    font-weight: 800;
  }

  ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 {
    justify-content: space-between;
  }
  ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 > p._priority_1hc0u_154{
    margin-right: 20%;
  }
  ._dateTitle_1hc0u_10{
    margin-right: 8%;
  }
  ._tableDetails_1hc0u_14:has(> p._dateDetail_1hc0u_160) {
    width: 108%;
  }
 
}


@media screen and (min-width: 425px) {
  ._tableDetailsTitles_1hc0u_30 > ._imgTitle_1hc0u_61 {
    padding: 80% 0;
    display: block;
  }
  ._tableDetailsContainer_1hc0u_14._striped_1hc0u_14 > ._tableDetails_1hc0u_14._striped_1hc0u_14:nth-child(even){
    background-color: var(--gray-600);
  }
 
}
@media screen and (min-width: 768px) {
    ._tableDetailsGrid_1hc0u_17._mutable_1hc0u_20, ._tableDetailsGrid_1hc0u_17._ordinary_1hc0u_79 {
        grid-template-columns: minmax(1rem,1fr);
        margin-left: 0;
      }
   
      ._tableDetailsTitles_1hc0u_30 {
        border-radius: 8px 8px 0 0;
      }
      ._tableDetails_1hc0u_14._mutable_1hc0u_20 {
        flex-direction: row;
        justify-content: flex-start;
        gap: 1rem;
        padding: 0;
        border-radius: 8px 8px 0 0;
        max-width: 100%;
        font-size: .5rem;
        text-transform: uppercase;
       } 
       ._dateTitle_1hc0u_10{
        margin-right: 0;
      }
      ._tableDetails_1hc0u_14:has(> p._dateDetail_1hc0u_160) {
        width: 100%;
      }
       ._tableDetailsGrid_1hc0u_17 {
        grid-template-columns: 1fr;
      }
    
    ._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20, ._tableDetails_1hc0u_14._mutable_1hc0u_20, ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79, ._tableDetails_1hc0u_14._ordinary_1hc0u_79{
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(0,1fr));
      font-size: .7rem;
      gap: .5rem;
      max-width: 100%;
      /* align-items: center;
      justify-items: center;
      text-align: center; */
    }
    :is(._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20, ._tableDetails_1hc0u_14._mutable_1hc0u_20, ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79, ._tableDetails_1hc0u_14._ordinary_1hc0u_79):has( >._index_1hc0u_216:first-child){
      display: grid;
      grid-template-columns: 1rem repeat(auto-fit, minmax(0,1fr));
      font-size: .7rem;
      gap: .5rem;
      max-width: 100%;
      /* align-items: center;
      justify-items: center;
      text-align: center; */
    }
    ._tableDetails_1hc0u_14._small_1hc0u_128, ._tableDetailsTitles_1hc0u_30._small_1hc0u_128 {
      grid-template-columns: 2rem minmax(0,1fr) 4rem !important; 
      justify-items: start;
      text-align: left;
    }

    ._tableDetails_1hc0u_14._mutable_1hc0u_20 > img, ._tableDetails_1hc0u_14._ordinary_1hc0u_79 > img {
      max-width: 100%;
      max-height: 100%;
    }
    ._tableDetailsTitles_1hc0u_30 > ._imgTitle_1hc0u_61 {
      padding: .5rem 0;
    }

    ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79, ._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20{
      background-color: var(--gray-600);
      border-radius: 8px 8px 0 0;
    }

    ._tableDetailsContainer_1hc0u_14._ordinary_1hc0u_79 {
      max-height: fit-content;
      border-radius: 5px;
      overflow: hidden;
      gap: 0;
    }

    ._tableDetailsContainer_1hc0u_14._striped_1hc0u_14 > ._tableDetails_1hc0u_14._striped_1hc0u_14:nth-child(even){
      background-color: var(--gray-600);
    }
    ._tableDetails_1hc0u_14 > p._priority_1hc0u_154, ._tableDetailsTitles_1hc0u_30 > p._priority_1hc0u_154 {
      grid-column-start: span 2;
      text-align: left;
    }
    ._tableDetails_1hc0u_14 > p:last-child {
      padding-left: 0;
    }
    ._tableDetails_1hc0u_14:last-child > p._priority_1hc0u_154 {
      margin-bottom: .5rem;
    }
    
}

@media screen and (min-width: 1008px) {
    ._tableDetailsTitles_1hc0u_30 > p, ._tableDetails_1hc0u_14 > p{
        font-size: .6rem;
    }
    ._tableDetailsTitles_1hc0u_30, ._tableDetails_1hc0u_14 {
      text-transform: capitalize;

    }
    ._tableDetails_1hc0u_14 > p._priority_1hc0u_154, ._tableDetailsTitles_1hc0u_30 > p._priority_1hc0u_154 {
      grid-column-start: span 3;
      margin: 0;
    }
   
}

@media screen and (min-width: 1440px) {
    ._tableDetailsGrid_1hc0u_17._ordinary_1hc0u_79, ._tableDetailsGrid_1hc0u_17._mutable_1hc0u_20 {
        grid-template-columns: 1fr;
      }

    ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79, ._tableDetails_1hc0u_14._ordinary_1hc0u_79, ._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20, ._tableDetails_1hc0u_14._mutable_1hc0u_20 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(2rem,1fr));
      font-size: .6rem;
      gap: .5rem;
      align-items: center;
      justify-items: center;
      text-align: center;
    }
    ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79:has(>._priority_1hc0u_154), ._tableDetails_1hc0u_14._ordinary_1hc0u_79:has(> ._priority_1hc0u_154), ._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20:has(>._priority_1hc0u_154), ._tableDetails_1hc0u_14._mutable_1hc0u_20:has(>._priority_1hc0u_154) {
      align-items: start;
      justify-items: start;
      text-align: left;
    }
    /* .tableDetails.small, .tableDetails.small {
      grid-template-columns: 8rem minmax(0,1fr) 8rem !important;
    }
    .tableDetails.small > p:last-child, .tableDetailsTitles.small > p:last-child {
      margin-left: auto;
    } */
    ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 > p, ._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20 > p {
      font-weight: 600;
    }
    ._tableDetailsTitles_1hc0u_30._ordinary_1hc0u_79 > p, ._tableDetailsTitles_1hc0u_30._mutable_1hc0u_20 > p, ._tableDetails_1hc0u_14._ordinary_1hc0u_79 > p, ._tableDetails_1hc0u_14._mutable_1hc0u_20 > p, ._tableDetails_1hc0u_14 > img{
      /* padding-left: 1rem; */
      font-size: .75rem;
      text-transform: capitalize;
    }

    ._tableDetails_1hc0u_14._ordinary_1hc0u_79{
      padding: 0;
    }
    ._tableTotal_1hc0u_320 {
      width: fit-content;
      margin-left: auto;
      gap: 1rem;
    }

   ._tableStatus_1hc0u_326 {
    font-size: 0.9rem;

   }

      ._tableDetails_1hc0u_14 > p._priority_1hc0u_154, ._tableDetailsTitles_1hc0u_30 > p._priority_1hc0u_154 {
        grid-column-start: span 4;
      }
      ._tableDetails_1hc0u_14 > p._priority_1hc0u_154 {
        text-align: left;
      }
     
}

._buttonGroup_sot35_1 {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-end;
}
._clearFilters_sot35_7 {
    background: none;
    color: var(--gray-300);
    text-align: center;
    padding: auto;
    margin-bottom: 0;
    transition: width 0.6s ease-in-out;

}
._clearFilters_sot35_7:hover {
    cursor: pointer;
    transform: scale(101%);
    color: var(--gray-400);
}
._formContainer_1jk6s_1 {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
    max-width: 600px;
    border-radius: 28px;
}

._btnGroupContainer_1jk6s_11{
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
 }
._formContainer_uob2j_1 {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
    max-width: 600px;
    border-radius: 28px;
}

._btnGroupContainer_uob2j_11{
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
 }

._errorContainer_uob2j_17 {
    display: block;
}@media  screen and (min-width: 320px) {
    form._editProfileForm_1cqr7_2 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }
    
    ._editProfileContainer_1cqr7_8 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* align-items: flex-end; */
        gap: 1rem;
    }
    ._profileImgContainer_1cqr7_15 {
        position: relative;
        display: flex;
        align-self: center;
        justify-content: center;
        align-items: center;
        padding: 1rem;
      }
      ._profileImgContainer_1cqr7_15::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 16px; 
        padding: 5px; 
        background:linear-gradient(45deg,var(--yellow-100), var(--yellow-600)); 
        -webkit-mask: 
           linear-gradient(#fff 0 0) content-box, 
           linear-gradient(#fff 0 0);
           mask: linear-gradient(#fff 0 0) content-box, 
           linear-gradient(#fff 0 0); ;
        -webkit-mask-composite: xor;
                mask-composite: exclude; 
      }

      ._profileImgContainer_1cqr7_15:hover {
        background-color: var(--gray-600);
        border-radius: 16px;
        cursor: pointer;
      }
      ._profilePicWrapper_1cqr7_44::before:hover {
        animation: _disappear_1cqr7_1 .7s linear forwards;
      }
      ._editBtn_1cqr7_47 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 6.25rem;
        height: 6.25rem;
      }
    /* .editProfileForm > .profileImgContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        align-self: start;
        border: 10px solid;
        border-image-slice: 1;
        border-width: 5px;
        border-image-source: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-600));
    } */
    
    ._editProfileContainer_1cqr7_8 > div:nth-child(2)  {
        align-items: center;
    }
    ._imgHiddenInpt_1cqr7_69 {
        display: none;
    }
  
}

@media screen and (min-width: 768px) {
    
._editProfileContainer_1cqr7_8 {
    /* align-items: flex-end; */
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
}

._editProfileContainer_1cqr7_8 > div:first-child {
    gap: 1rem;
    padding: 1rem;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    margin: 0;
}
._editProfileContainer_1cqr7_8 > div:first-child > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
._editProfileContainer_1cqr7_8 > div:nth-child(2)  {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: normal;
    gap: 1rem;
    margin: 0;
    /* width: 50%; */
    /* grid-column-start: 2;
    grid-column-end: 3; */
}
._editProfileContainer_1cqr7_8 > div:nth-child(3)  {
margin: 0;

}
._editProfileContainer_1cqr7_8 > div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 1rem;
    margin: 0;
    /* width: 20%; */
    /* grid-column-start: 2;
    grid-column-end: 3; */
}
form._editProfileForm_1cqr7_2 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    font-size: .7rem;
    gap: 1rem;
}

form._editProfileForm_1cqr7_2 input {
    height: 2rem;
}
form._editProfileForm_1cqr7_2 span {
    font-size: .5rem;

}
._profileImgContainer_1cqr7_15 {
    align-self: flex-end;
}

/* .editProfileContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
} */

form._editProfileForm_1cqr7_2 > ._editProfileContainer_1cqr7_8 > button {
    align-self: flex-end;
    justify-self: end;
    /* width: fit-content;
    height: fit-content; */
}
._profilePicWrapper_1cqr7_44 {
    display: flex;
    
}

._streetContainer_1cqr7_161 {
    display: flex;
    gap: .5rem;
    align-items: flex-end;
}

._countryGroup_1cqr7_167 {
    display: flex;
    gap: .5rem;
}
._addressInfo_1cqr7_171 > ._streetContainer_1cqr7_161 > div:first-child {
    width: 60%;
}
}

@media screen and (min-width: 1440px) {
    ._editProfileContainer_1cqr7_8 {
        grid-template-columns: repeat(2, minmax(100px,1fr));
    }
    ._editProfileContainer_1cqr7_8 > div:nth-child(2)  {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    ._editProfileContainer_1cqr7_8 > button  {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
        align-self: end;
        justify-self: end;
        width: fit-content;
        height: fit-content;
    }
    ._editProfileContainer_1cqr7_8 > div:nth-child(3)  {
        grid-row-start: 1;
        grid-row-end: 2;
    }
    form._editProfileForm_1cqr7_2 {
        display: flex;
        flex-direction: column-reverse;
        gap: 2rem;
        justify-content: flex-end;
        font-size: 1rem;
    }
    form._editProfileForm_1cqr7_2 > div:last-child {
        justify-self: flex-end;
        align-self: flex-end;
    }
    form._editProfileForm_1cqr7_2 input {
        height: 2.4rem;
    }
    form._editProfileForm_1cqr7_2 span {
        font-size: .6rem;
    
    }
}

@media screen and (min-width: 1920px) {
    form._editProfileForm_1cqr7_2 span {
        font-size: .8rem;
    }
    
}

@keyframes _disappear_1cqr7_1 {
    0% {
        transform: scale(.8);
        transform: rotate(5deg);
        opacity: 1;
    }
    20%{
        transform: scale(.6);
        transform: rotate(20deg);
        opacity: .8;
    }
    40%{
        transform: scale(.4);
        transform: rotate(40deg);
        opacity: .6;
    }
    60%{
        transform: scale(.2);
        transform: rotate(60deg);
        opacity: .4;
    }
    80%{
        transform: scale(.1);
        transform: rotate(90deg);
        opacity: .2;
    }
    100% {
        transform: scale(.05);
        transform: rotate(180deg);
        opacity: 0;
    }
    
}

@keyframes _appear_1cqr7_1 {
    0% {
        transform: scale(.05);
        transform: rotate(180deg);
        opacity: 0;
    }
    20%{
        transform: scale(.1);
        transform: rotate(90deg);
        opacity: .2;
    }
    40%{
        transform: scale(.2);
        transform: rotate(60deg);
        opacity: .4;
    }
    60%{
        transform: scale(.4);
        transform: rotate(40deg);
        opacity: .6;
    }
    80%{
        transform: scale(.6);
        transform: rotate(20deg);
        opacity: .8;
       
    }
    100% {
        transform: scale(.8);
        transform: rotate(5deg);
        opacity: 1;
       
    }
    
}@media screen and (min-width: 768px) {
    ._profileContainer_15kjf_2 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    
    ._profileContainer_15kjf_2 > h1, ._profileContainer_15kjf_2 > form  {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    
    ._profileContainer_15kjf_2 > h1 {
        display: inline;
        padding-top: 3rem;
    }
}


  @media screen and (min-width: 320px) {
    ._highlight_aartm_4 {
      color: var(--yellow-600)
    }
    h1._orderTitle_aartm_7 {
      padding-top: .9rem;
    }
    ._infoGrid_aartm_10{
        display: grid;
        grid-template-columns: minmax(15rem,1fr);
        gap: 0.5rem;
        max-width: 92%;
        margin: 0 auto;
        align-items: start;
        grid-template-rows: min-content;
        grid-auto-rows: auto;
    }
    ._infoGrid_aartm_10 > div, ._infoGrid_aartm_10 > form._completeOrders_aartm_20 > div:first-child{
        padding-top: .5rem;
        max-width: 100%;
    }
    ._infoGrid_aartm_10 > ._completeOrders_aartm_20 > div:first-child{
      margin: 0;
    }

    ._infoGrid_aartm_10 > div > header {
      justify-content: center;
      padding-bottom: .5rem;
    }

    ._infoGrid_aartm_10 > div:first-child > div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 0.5rem;
    }


    ._infoGrid_aartm_10 > div:nth-child(2) > div{
        /* width: fit-content; */
        margin-top: .5rem;
        padding-bottom: .75rem;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header {
      flex-direction: column;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header > div{
      flex-direction: column;
      gap: .5rem;
    }
    ._infoGrid_aartm_10 > div:has(+ div._orderTotal_aartm_54) > div{
      padding-bottom: 1rem;
      gap: 0.5rem;
      display: flex;
      flex-direction: column;
    }
    

    ._infoGrid_aartm_10 > ._orderTotal_aartm_54 {
      background-color: var(--gray-600);
      margin-top: 0;
      padding: 1rem;
      border-radius: 8px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    ._infoGrid_aartm_10 > div:last-child > div{
      display: flex;
      flex-direction: column;
      gap: .5rem;
    }
   
    ._OrderMenu_aartm_78 {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      grid-template-rows: repeat(2, minmax(1fr));
      gap: .5rem;
      height: fit-content;
      padding-top: .5rem;
    }
    ._OrderMenu_aartm_78 > button{
      margin: 0;
    }
    ._statusNoShow_aartm_89 {
      display: none;
    }
    ._orderStatus_aartm_92 {
      color: var(--white);

        padding: 0.5rem;
        font-size: 0.8rem;
        border-radius: 8px;
    }
    ._warning_aartm_99 {
        background-image: linear-gradient(to bottom right, var(--red-500), var(--red-700));
    }
    ._send_aartm_102 {
      background-image: linear-gradient(to bottom right, var(--green-300), var(--green-500));

    }
    ._processing_aartm_106 {
      background-image: linear-gradient(to bottom right, var(--pink-500), var(--pink-600));
    }
    ._cancelled_aartm_109 {
      background-image: linear-gradient(to bottom right, var(--gray-500), var(--gray-600));
    }
    ._pending_aartm_112 {
      background-image: linear-gradient(to bottom right, var(--blue-300), var(--blue-500));
    }

    
          ._showNFE_aartm_117 {
            color: var(--yellow-600);
            text-decoration: none;
          }
          
    ._noNFE_aartm_122 {
      color: var(--red-700);
      text-decoration: none;
      pointer-events: none;
    }
      ._startEditOrder_aartm_127 {
        background: none;
        color: var(--gray-300);
        text-align: center;
        padding: auto;
        margin-bottom: 0;
        transition: width 0.6s ease-in-out;
        align-self: flex-end
    }
    
    ._startEditOrder_aartm_127:hover {
        cursor: pointer;
        transform: scale(101%);
        color: var(--gray-400);
    }


    ._productsGrid_aartm_144 {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(5rem, 1fr);
        gap: 0.5rem;
        align-items: end;
    }
 
    ._productsGrid_aartm_144 > div {
        background-color: var(--gray-600);
        width: 100%;
        height: 100%;
        transition: all 0.3s ease;
    }
         
    ._productsGrid_aartm_144 > div:hover {
        transform: translateY(-10px);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    ._productsGrid_aartm_144 > div { 
      position: relative;
    }
    ._productsGrid_aartm_144 > div > header {
      width: 100%;
      display: grid;
      justify-content: end;
      align-items: start;
    }

    ._closeBtnContainer_aartm_174 ._closeBtn_aartm_174 {
      grid-column-start: 1;
      grid-column-end: 1;
      position: absolute;
      top: -.6rem;
      right: -.8rem;
      color: var(--white)
    }

    ._productsGrid_aartm_144 > div > header > h2 {
        font-size: .8rem;
    }
    ._closeBtn_aartm_174 {
      display: flex;
      border-radius: 50%;
      background-color: var(--red-700);
      border-color: var(--red-700);
      align-self: flex-end;
      width: 1.4rem;
      height: 1.4rem;
      align-items: center;
      justify-content: center;
      padding: 0;
    }

    ._closeBtn_aartm_174:hover {
      cursor: pointer;
      filter: brightness(1.5);
    }
    ._productImage_aartm_203{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    ._showPriceAndQuantity_aartm_208 {
        display: flex;
        justify-content: space-between;
        font-size: .75rem;
        padding-bottom: .5rem;
    }
    ._editFormSubmit_aartm_214 {
        padding-top: .5rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    ._editFormSubmit_aartm_214 > button {
        width: 100%;
    }

   


      ._tagForm_aartm_228 {
        display: flex;
        flex-direction: column;
        
      }
  
      ._tagForm_aartm_228 > button, ._tagForm_aartm_228 > button:last-child {
        align-self: center;
        width: 100%;
      }
      ._tagForm_aartm_228 > input {
        display: none;
      }

      ._showQuantity_aartm_242 {
        display: flex;
        justify-content: flex-start;
        gap: .2rem
      }
      ._editQuantity_aartm_247 {
        background-color: var(--gray-600);
        color: var(--gray-100);
        font-weight: 300;
        font-size: .75rem;
        height: .9rem;
        width: 1rem;
        padding-right: 0;
        padding-left: 0.2rem;
        margin-right: 0;
        margin-bottom: 0;
      }
      ._editQuantity_aartm_247[type='number']:hover, ._editQuantity_aartm_247[type='number']:focus {
         background-color: var(--gray-500); 
      }
      
      input._editQuantity_aartm_247 + label {
        margin-top: 0;
      }
      ._showQuantity_aartm_242{
        background-color: var(--gray-600);
        border: 1px solid var(--gray-400);
        border-radius: 8px;
      }

      ._editQuantity_aartm_247::placeholder {
        font-weight: 300;
        font-size: 1rem;
      }

      ._NFEForm_aartm_277 {
        display: flex;
        flex-direction: column;
      }
      
      ._btnGroup_aartm_282 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      ._cancelBtn_aartm_288 {
        background: none;
        color: var(--gray-300);
        text-align: center;
        padding: auto;
        margin-bottom: 0;
        transition: width 0.6s ease-in-out;
    }
    
    ._cancelBtn_aartm_288:hover {
        cursor: pointer;
        transform: scale(101%);
        color: var(--gray-400);
    }
    ._btnGroup_aartm_282 > button:last-child {
    
      width: 100%;
    }
  }


  
  @media screen and (min-width: 480px) {
    ._infoGrid_aartm_10 > div, ._infoGrid_aartm_10 > form._completeOrders_aartm_20 > div:first-child{
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    ._productsGrid_aartm_144 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        align-items: end;
    }

  }
  
  
  @media screen and (min-width: 768px) {

    h1._orderTitle_aartm_7 {
      margin-left: 2rem;
    }
    ._infoGrid_aartm_10 > div > header {
      justify-content: flex-start;
    }
    ._infoGrid_aartm_10 > div:first-child {
        margin-top: 0;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) {
        
        height: 100%;
        padding-bottom: 0;
    }

    ._infoGrid_aartm_10 > div:nth-child(2) > header > div ._orderStatus_aartm_92 {
      display: block;
      justify-self: flex-end;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      width: 100%;
      gap: .5rem;
    }
    ._infoGrid_aartm_10 > div > header > h2{
      display: flex;
      align-items: center;
      gap: 0.2rem
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header > div {
      flex-direction: row;
      width: 50%;
      justify-content: space-between;
    }
    ._infoGrid_aartm_10 > form > div:first-child, ._infoGrid_aartm_10 > div:nth-child(3) {
        height: 100%;
      }

      /* card content: */
        ._infoGrid_aartm_10 > form > div:first-child > div:first-child {
            margin-top: 2rem;
        }
    
         ._OrderMenu_aartm_78 {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
          }
      ._tagForm_aartm_228 > button{
        align-self: flex-start;
        width: fit-content;
      }

      ._tagForm_aartm_228 > button:last-child {
        align-self: flex-end;
        width: fit-content;
      }
      
   
       ._infoGrid_aartm_10 > div:nth-child(2) > div {
          width: 100%;
       }
       ._orderDetailsGrid_aartm_390 {
        grid-template-columns: 1fr;
      }
 

      ._productsGrid_aartm_144 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        align-items: end;
        row-gap: 1rem;
      }

      ._closeBtnContainer_aartm_174 {
        margin-right: -2.2rem;
        margin-top: -1.8rem;
      }

    ._showPriceAndQuantity_aartm_208 {
        font-size: .75rem;
        padding-bottom: .5rem;
    }
    ._editFormSubmit_aartm_214 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 1rem;
    }
    ._editFormSubmit_aartm_214 > button:last-child {
      width: fit-content;
    }
      ._btnGroup_aartm_282 button {
        width: fit-content;
    }
    ._NFEForm_aartm_277 > ._btnGroup_aartm_282 {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      gap: .5rem;
    }
    ._btnGroup_aartm_282 > button:last-child {
      width: fit-content;
  }
     ._orderTotal_aartm_54 {
      justify-self: end;
      justify-content: flex-end;
      width: fit-content;
      gap: .5rem
     }

    

    /* status sem aparecer quando for mobile */
    ._infoGrid_aartm_10 > div:nth-child(2) > header > div ._orderStatus_aartm_92._statusNoShow_aartm_89 {
      display: none;
    }


  }
  
  
  @media screen and (min-width: 1008px) {
   
    h1._orderTitle_aartm_7 {
      margin-left: 0;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header > div ._orderStatus_aartm_92._statusNoShow_aartm_89 {
      display: block;
    }
    ._infoGrid_aartm_10 {
        margin: 0;
        max-width: 100%;
    }

    ._infoGrid_aartm_10 > div:first-child > div {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 1rem;
      width: 80%;
    }
    ._infoGrid_aartm_10 > div:first-child {
      /* display: flex; */
      justify-content: stretch;
    }
    
    ._infoGrid_aartm_10 > div, ._infoGrid_aartm_10._completeOrders_aartm_20 > div:first-child{
      margin-top: 0;
        margin: 0;
    }
    ._infoGrid_aartm_10 > div:nth-child(3) {
      margin: 0;
    }
    ._orderStatus_aartm_92 {
        font-size: 0.65rem;
    
       }
    
  
    ._infoGrid_aartm_10 > div:nth-child(2) {
      height: 100%;
      margin-top: 0;
      
    }

    ._infoGrid_aartm_10 > form > div:first-child, ._infoGrid_aartm_10 > div>:nth-child(3) {
        margin-top: 0;
      }
    ._infoGrid_aartm_10 > form._completeOrders_aartm_20 {
        margin-top: 0;
      }
      ._infoGrid_aartm_10 > div:nth-child(2) > header > div {
        width: 100%;
        justify-content: space-between;
      }
      ._productsGrid_aartm_144 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .5rem;
        align-items: end;
        height: fit-content;
        width: 100%;
      }

 

    ._showPriceAndQuantity_aartm_208 {
        font-size: .6rem;
       width: 100%;
        gap: 1rem;
      }
      ._showQuantity_aartm_242 {
        height: fit-content;
      }
     ._showQuantity_aartm_242 > label {
        display: inline-block;
        margin: 0;
     }
     ._editQuantity_aartm_247 {
      height: .6rem;
      font-size: .6rem;
      margin: 0;
     }
      ._editFormSubmit_aartm_214 {
        font-size: .85rem;
      }
  }
  @media screen and (min-width: 1200px) { 
    ._productsGrid_aartm_144 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    ._infoGrid_aartm_10 > div:first-child {
      display: flex;
      justify-content: stretch;
    }
    ._infoGrid_aartm_10 > div:first-child > header {
      border: 0;
      width: 20%;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header > div {
      width: 80%;
      justify-content: space-between;
    }
    ._showPriceAndQuantity_aartm_208 {
        font-size: .85rem;
        flex-direction: column;
     }
     ._editFormSubmit_aartm_214 {
        font-size: 1rem;
      }
  }
  
  @media screen and (min-width: 1440px) {
    ._OrderMenu_aartm_78 {
      display: flex;
      gap: 1rem;
      background-color: var(--gray-800);
      width: fit-content;
      border-radius: 8px;
      padding: .5rem 1rem;
      margin: 1rem 0;
    }

    ._infoGrid_aartm_10{
        display: grid;
        gap: 1rem;
        align-items: start;
        grid-template-rows: min-content;
        grid-auto-rows: auto;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header > div ._orderStatus_aartm_92 {
      display: block;
      justify-self: flex-end;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > header {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
    }
    ._infoGrid_aartm_10 > div > header > h2{
      display: flex;
      align-items: center;
      gap: 0.2rem
    }
    ._infoGrid_aartm_10 > div:first-child {
        height: 100%;
    }

    ._infoGrid_aartm_10 > div:nth-child(2) {
        height: fit-content;
        padding-bottom: 0;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > div {
      width: 100%;
    }
    ._infoGrid_aartm_10 > div:nth-child(2) > div:first-child {
        width: fit-content;
    }
    ._infoGrid_aartm_10 > div:last-child > div{
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    ._infoGrid_aartm_10 > form > div:first-child,._infoGrid_aartm_10 > div:nth-child(3)  {
        height: 100%;
        margin-top: 0;
      }

      /* card content: */
        ._infoGrid_aartm_10 > form > div:first-child > div:first-child,  ._infoGrid_aartm_10 > div:nth-child(3)> div:first-child {
            margin-top: 2rem;
        }
      ._infoGrid_aartm_10 > form._completeOrders_aartm_20 {
        margin-top: 0;
      }

      ._orderStatus_aartm_92 {
        font-size: .85rem;
    
       }

    ._productsGrid_aartm_144 {
        grid-template-columns: repeat(4, minmax(12rem, 1fr));
        gap: 1rem;
        align-items: end;
    }

    ._productsGrid_aartm_144 > div > header > h2 {
        font-size: .8rem;
        text-align: left;
    }

    
    ._productsGrid_aartm_144 > div {
        padding-bottom: 0 !important;
        transition: all 0.3s ease;
    }
    ._productsGrid_aartm_144 > div:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
        
    }
    ._showQuantity_aartm_242 {
      display: flex;
      justify-content: flex-start;
      gap: .2rem
    }
    ._editFormSubmit_aartm_214 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 1rem;
    }
    ._editFormSubmit_aartm_214 > button {
        width: fit-content;
    }
      
     
      ._showPriceAndQuantity_aartm_208 {
        flex-direction: row;
        gap: 1rem;
      }
      ._showPriceAndQuantity_aartm_208 > p:last-child {
        justify-self: flex-end;
      }
      ._showQuantity_aartm_242 {
        align-items: center;
        padding: 0 .3rem;
        color: var(--gray-300);
      }
      ._editQuantity_aartm_247[type='number'] {
        background-color: var(--gray-600);
        color: var(--gray-100);
        font-weight: 300;
        font-size: .85rem;
        height: .9rem;
        width: 2.5rem;
        padding-right: 0;
        padding-left: 0.2rem;
        margin-right: 0;
      }
      ._editQuantity_aartm_247[type='number']:hover, ._editQuantity_aartm_247[type='number']:focus {
        background-color: var(--gray-500);
      }
      ._editQuantity_aartm_247::placeholder {
        font-weight: 300;
        font-size: 1rem;
      }



    ._itemTitle_aartm_704 {
      font-size: .8rem;
    }
    ._infoGrid_aartm_10 > div:last-child._orderTotal_aartm_54 {
      padding-top: 1rem;
      justify-self: end;
      align-items: center;
    }
     
  }
 
  ._ProductEnter_aartm_715 {
    opacity: 0;
    transform: scale(0.9);
    }
  ._ProductEnterActive_aartm_719 { 
    opacity: 1;
    transform: translateX(0);
    transition: opacity 300ms, transform 300ms;
  }
  ._ProductExit_aartm_724 {
    opacity: 1;
  }
  ._ProductExitActive_aartm_727 {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 300ms, transform 300ms;
  }

  ._downloadButton_aartm_733 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--green-600);
    color: var(--white);
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
  }

  ._downloadButton_aartm_733:hover {
    background-color: var(--green-700);
    transform: translateY(-1px);
  }

  ._noInvoice_aartm_752 {
    color: var(--gray-400);
    font-size: 0.875rem;
    font-style: italic;
  }
  

@media screen and (min-width: 320px) {
    form._editOrder_19qsw_4 {
        padding-top: .75rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 80%;
    }
    ._editInputGroup_19qsw_12 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: .5rem;
        align-items: flex-start;
        width: 100%;
    }
    ._quantityGroup_19qsw_20 {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        align-items: flex-start;
        justify-content: space-between; 
        /* width: 100%; */
    }
    ._quantityGroup_19qsw_20 > input {
        margin: 0;
        width: 5rem;
    }
    ._editActions_19qsw_32 {
        width: 100%;
    }
    form._editOrder_19qsw_4 > ._editActions_19qsw_32 > button {
        width: 100%;
    }
   
    ._tagFormDiv_19qsw_39 {
        display: flex;
        flex-direction: column;
        
      }
  
      ._tagFormDiv_19qsw_39 > button, ._tagFormDiv_19qsw_39 > button:last-child {
        align-self: center;
        width: 100%;
      }
      ._tagForm_19qsw_39 >  button {
        align-self: center;
        width: 100%;
      }
      ._tagForm_19qsw_39 {
        padding-bottom: .5rem;
      }
      ._tagFormDiv_19qsw_39 > input {
        display: none;
      }

    ._cancelBtn_19qsw_60 {
        background: none;
        color: var(--gray-300);
        text-align: center;
        padding: auto;
        margin-bottom: 0;
        transition: width 0.6s ease-in-out;
        /* align-self: flex-end */
    }
    
    ._cancelBtn_19qsw_60:hover {
        cursor: pointer;
        transform: scale(101%);
        color: var(--gray-400);
    }
    ._selectOption_19qsw_75 {
      display: flex;
      align-items: center;
    }
}
 
  @media screen and (min-width: 480px) {
    
  }
  
  
  @media screen and (min-width: 768px) {
    form._editOrder_19qsw_4 {
        font-size: .8rem;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    form._editOrder_19qsw_4 > ._editActions_19qsw_32 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;

    }

    form._editOrder_19qsw_4 > ._editActions_19qsw_32  > button {
        /* width: fit-content; */
        font-size: .8rem;
        text-align: center;
        justify-content: center;
        width: 50%;
    }

    form._editOrder_19qsw_4 > ._editInputGroup_19qsw_12 {
        flex-direction: row;
        align-items: center;
        padding-bottom: 1rem;
        gap:1rem;
  
    }
    ._quantityGroup_19qsw_20 > input {
        font-size: .8rem;
    }

    ._tagForm_19qsw_39 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: .8rem;
      gap: .5rem;
    }

    ._tagForm_19qsw_39 > button[type='button'] {
      align-self: flex-end;
      justify-self: flex-end;
      width: fit-content;
      font-size: .75rem;
    }
    ._tagFormDiv_19qsw_39 {
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      gap: .5rem;
    }
    ._tagFormDiv_19qsw_39 > button{
        align-self: flex-start;
        width: fit-content;
      }

      ._tagFormDiv_19qsw_39 > button:last-child {
        align-self: flex-end;
        width: fit-content;
      }      
  }
  
  
  @media screen and (min-width: 992px) {
    
  }

  @media screen and (min-width: 1200px) {
    form._editOrder_19qsw_4 {
        flex-direction: row;
        /* align-items: center; */
        justify-content: flex-start;
        height: 80%;
    }
    ._editInputGroup_19qsw_12 {
        gap: 1rem;
    }
    /* .editInputGroup > div:first-child {
        max-width: 16rem;
    } */
   
    ._quantityGroup_19qsw_20 {
        flex-direction: row;
        gap: 1rem;
        align-items: center;
        justify-content: space-between; 
        /* width: 100%; */
    }
    form._editOrder_19qsw_4 >  button:last-child {
        width: fit-content;
        align-self: flex-end;
        justify-self: flex-end;
    }
    ._tagForm_19qsw_39 {
      font-size: 1rem;
    }
  }

 
 
  ._ProductEnter_19qsw_189 {
    opacity: 0;
    transform: scale(0.9);
    }
  ._ProductEnterActive_19qsw_193 { 
    opacity: 1;
    transform: translateX(0);
    transition: opacity 300ms, transform 300ms;
  }
  ._ProductExit_19qsw_198 {
    opacity: 1;
  }
  ._ProductExitActive_19qsw_201 {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 300ms, transform 300ms;
  }
  

  ._table_19qsw_208 {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}

._table_19qsw_208 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;

}



._table_19qsw_208 tbody {
    padding: 0 0 1rem 0;
}

._table_19qsw_208 tbody tr td {
    padding: 1rem 0.75rem;
    vertical-align: middle;
    font-size: 0.75rem;
    border-bottom: 1px solid var(--gray-700);
}

._table_19qsw_208 tbody tr td:last-child {
    min-width: 100px;
}

._table_19qsw_208 tbody tr:last-child td {
    border: none;
}

._table_19qsw_208 tbody tr:last-child td._status_19qsw_245 {
    min-width: 180px;
}
._table_19qsw_208 tbody tr td img{
  border-radius:10px;
} /*  Linha do tempo */    
 ._rbContainer_ef269_2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-left: 1rem;
    position: relative;
  }
  ._rbContainer_ef269_2 ul._rb_ef269_2 {
    margin-top: 1em;
    padding: 0;
    display: inline-block;
  }
  ._rbContainer_ef269_2 ul._rb_ef269_2 li {
    list-style: none;
    margin: auto;
    min-height: 3.125rem;
    border-left: 2px solid;
    padding: 0 0 1rem 1.875rem;
    position: relative;
    font-size: .8rem;
  }
  /* 1ª linha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:first-child{
    border-image: linear-gradient(to bottom, var(--green-100), var(--blue-100)) 1;
  }
   
  /* 2ª bolinha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(2)::before {
    border: 1px solid var(--blue-100);
    background: var(--blue-100);
  }
  /* 2ª linha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(2) {
    border-image: linear-gradient(to bottom, var(--blue-100), var(--blue-300)) 1;
  }
  /* 3ª bolinha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(3)::before {
    border: 1px solid var(--blue-300);
    background: var(--blue-300);
    /* background: var(--gray-800); */
  }
  /* 3ª linha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(3) {
    border-image: linear-gradient(to bottom, var(--blue-300), var(--blue-500)) 1;
    /* border-image: none; */
    /* border-color: var(--gray-300); */
  }
  /* 4ª bolinha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(4)::before {
    border: 1px solid var(--blue-500);
    background: var(--blue-500);
  }
  /* 4ª linha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(4) {
    border-image: linear-gradient(to bottom, var(--blue-500), var(--blue-600)) 1;
  }
  /* 5ª bolinha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(5)::before {
    border: 1px solid var(--blue-600);
    background: var(--blue-600);
  }
  /* 5ª linha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(5) {
    border-image: linear-gradient(to bottom, var(--blue-600), var(--blue-700)) 1;
  }
  /* ultima boinha */
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:last-child::before {
    border: 1px solid var(--blue-700);
    background: var(--blue-700);
  }

  ._rbContainer_ef269_2 ul._rb_ef269_2 li:last-child {
    border-left: 2px solid var(--gray-800);
    border-image: none;
  }

  ._rbContainer_ef269_2 ul._rb_ef269_2 li::before {
    position: absolute;
    left: -12px;
    top: -5px;
    content: " ";
    border: 1px solid var(--green-100);
    border-radius: 500%;
    background: var(--green-100);
    height: 1.25rem;
    width: 1.25rem;
    transition: all 500ms ease-in-out;
  }
 
  /* -------/Quando não houver informação ainda/---------*/
  ._rbContainer_ef269_2 ul._rb_ef269_2 li._notThere_ef269_93:not(:last-child) {
    border-left: 2px solid;
    border-image: linear-gradient(to bottom, var(--gray-300), var(--gray-300)) 1;
  }
  ._rbContainer_ef269_2 ul._rb_ef269_2 li._notThere_ef269_93::before {
    border: 1px solid var(--gray-300);
    background: var(--gray-800);
  }
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:first-child:has(+ li._notThere_ef269_93){
    border-color: var(--gray-300);
    border-image: none;
  }
  ._rbContainer_ef269_2 ul._rb_ef269_2 li:has(+ li._notThere_ef269_93){
    border-color: var(--gray-300);
    border-image: none;
  }
  ._rbContainer_ef269_2 ul._rb_ef269_2 li._notThere_ef269_93 ._timestamp_ef269_109 {
    color: var(--gray-300);
  }
  ._itemTitle_ef269_112 {
    color: var(--gray-300);
  }
  /* ---------------//------------------ */

  /* --------- /cor das timestamp/ ----------- */
  ul._rb_ef269_2 li ._timestamp_ef269_109 {
    position: relative;
    width: 6rem;
    font-size: 0.75rem;
  }
  ul._rb_ef269_2 li:first-child ._timestamp_ef269_109{
    color: var(--green-100);
  }
  ul._rb_ef269_2 li:nth-child(2) ._timestamp_ef269_109{
    color: var(--blue-100);
  }
  ul._rb_ef269_2 li:nth-child(3) ._timestamp_ef269_109{
    color: var(--blue-300);
  }
  ul._rb_ef269_2 li:nth-child(4) ._timestamp_ef269_109{
    color: var(--blue-500);
  }
  ul._rb_ef269_2 li:nth-child(5) ._timestamp_ef269_109{
    color: var(--blue-600);
  }
  ul._rb_ef269_2 li:last-child ._timestamp_ef269_109{
    color: var(--blue-700);
  }
  /* ----------//----------- */

  @media screen and (min-width: 768px) {
    /* --------/LINHA DO TEMPO/-------- */
    /* Container */
    ._rbContainer_ef269_2 {
        width: 100%;
      }
  
      /* Unordered List */
      ._rbContainer_ef269_2 ul._rb_ef269_2 {
        margin-top: 1em;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
      } 
  
      /* Todo item da linha do tempo */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        list-style: none;
        margin: 0;
        min-height: 3.125rem;
        border-top: 2px solid;
        border-left: 0;
        width: 100%;
        padding: 1rem 0 0 0;
        position: relative;
        font-size: 1rem;
        transition: border-image 300ms, transform 300ms;
      } 
      
       /* Primeira linha: */
       ._rbContainer_ef269_2 ul._rb_ef269_2 li:first-child{
        border-image: linear-gradient(to right, var(--green-100), var(--blue-100)) 1;
      }
      
      /* Segunda linha */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(2) {
        border-image: linear-gradient(to right, var(--blue-100), var(--blue-300)) 1;
      } 
  
      /* Terceira linha: */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(3) {
        border-image: linear-gradient(to right, var(--blue-300), var(--blue-500)) 1;
        /* border-image: none; */
        border-color: var(--gray-300); 
      } 
   
     /* Terceira linha: */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(4) {
        border-image: linear-gradient(to right, var(--blue-500), var(--blue-600)) 1;
        /* border-image: none;  */
         border-color: var(--gray-300); 
      } 
  /*    Terceira linha: */
    ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(5) {
        border-image: linear-gradient(to right, var(--blue-600), var(--blue-700)) 1;
        /* border-image: none; */
        border-color: var(--gray-300); 
    }
      /* Segunda bolinha */
       ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(2)::before { 
        border: 1px solid var(--blue-100);
        background: var(--blue-100);
      } 
      /* Terceira Bolinha */
       ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(3)::before {
        border: 1px solid var(--blue-300);
        background: var(--blue-300);
      }
   
        /* Terceira Bolinha */
         ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(4)::before {
            border: 1px solid var(--blue-500);
            background: var(--blue-500);
        }
        /* Quarta Bolinha */
        ._rbContainer_ef269_2 ul._rb_ef269_2 li:nth-child(5)::before {
            border: 1px solid var(--blue-600);
            background: var(--blue-600);
        }

       
      /*  Ultima bolinha */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li:last-child::before {
        border: 1px solid var(--blue-700);
        background: var(--blue-700);
      }
  
      /*  Ultima linha (não pode aparecer) */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li:last-child {
        border-top: 2px solid var(--blue-800);
          border-left: 0;
          border-image: none;
      }
  
      /* Toda Bolinha: */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li::before {
        position: absolute;
        left: -5px;
        top: -12px;
        border: 1px solid var(--green-100);
        border-radius: 500%;
        background: var(--green-100);
        height: 1.25rem;
        width: 1.25rem;
        transition: all 500ms ease-in-out;
      }
  
      ._itemTitle_ef269_112 {
        font-size: .75rem;
      }
  
      
      /* Linha do tempo cinza: */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li._notThere_ef269_93:not(:last-child) {
        border-top: 2px solid;
        border-left: 0;
        border-image: linear-gradient(to right, var(--gray-300), var(--gray-300)) 1;
      }
      ._rbContainer_ef269_2 ul._rb_ef269_2 li._notThere_ef269_93::before {
        border: 1px solid var(--gray-300);
        background: var(--gray-800);
      }
      ._rbContainer_ef269_2 ul._rb_ef269_2 li:first-child:has(+ li._notThere_ef269_93){
        /* border-image: linear-gradient(to right, var(--green-100), var(--blue-100)) 1; */
        border-color: var(--gray-300);
        border-image: none;
      }
      ._rbContainer_ef269_2 ul._rb_ef269_2 li:has(+ li._notThere_ef269_93){
        /* border-image: linear-gradient(to right, var(--green-100), var(--blue-100)) 1; */
        border-color: var(--gray-300);
        border-image: none;
      }
      /* .rbContainer ul.rb li:has(+ li.notThere)::before {
        border: 1px solid var(--blue-100);
        background: var(--blue-100);
       } */
      ._rbContainer_ef269_2 ul._rb_ef269_2 li._notThere_ef269_93 ._timestamp_ef269_109 {
        color: var(--gray-300);
      }    
  }


  
  @media screen and (min-width: 1440px) {
    ul._rb_ef269_2 li ._timestamp_ef269_109 {
        position: relative;
        width: 6rem;
        font-size: 0.75rem;
      }
      
  }
    
._modalWrapper_1a9jh_3{
    position:fixed;
    opacity: 0;
    width: 0;
    height: 0;
    left:0;
    top:0;
    z-index: 999;
    content-visibility: hidden;
 }
._filterHeader_1a9jh_13{
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: center;
    margin:20px 0;
    padding:0 0.3rem;
 }
 ._filterHeader_1a9jh_13 nav{
    display: flex;
    flex-direction: row;
    gap:1rem;
}
 ._filterResults_1a9jh_26 {
    margin-bottom:20px;
    padding:0 1rem;
 }
 ._filterResults_1a9jh_26 a{
    color:var(--yellow-500);
    text-decoration:none;
    font-weight: bold;
 }

._table_1a9jh_36 {
    width: 100%;
    border-collapse: collapse;
    
    
}

._table_1a9jh_36 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}
._table_1a9jh_36 tbody{
    padding:0 0 1rem 0;
}
._table_1a9jh_36 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_1a9jh_36 tbody tr td:last-child{
    min-width: 100px;
}
._table_1a9jh_36 tbody tr:last-child td{
    border:none;
}
._table_1a9jh_36 tbody tr:last-child td._status_1a9jh_67{
    min-width: 180px;
}
a._seeDetails_1a9jh_70{
    color:var(--yellow-500);
    text-decoration: none;
    transition: .2s;
    cursor: pointer;
    word-wrap: break-word;
}
a._seeDetails_1a9jh_70:hover{
    color: var(--gray-100)
}


._briefing_1a9jh_82{
    padding:1rem;
    display: block;
    color:var(--gray-100);
}
._perPage_1a9jh_87{
    padding: 0 0.3rem;
    width: 9.5rem;
}
._responsiveTable_1a9jh_91{
    overflow-x: auto;
}




    ._perPage_1a9jh_87 select, ._perPage_1a9jh_87 select option {
        font-size: 0.8rem;
    }
    ._filterContainer_1a9jh_101 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        padding: 1rem;
        border-radius: 0.5rem;
        margin-bottom: 1rem;
        
    }
    ._orderBy_1a9jh_112 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: fit-content;
    
    }
    ._orderBy_1a9jh_112 > select {
        font-size: .8rem;
    }
    

@media screen and (min-width: 768px) {

    ._perPage_1a9jh_87 {
        width: 12rem;
    }
    ._perPage_1a9jh_87 select, ._perPage_1a9jh_87 select option {
        font-size: 1rem;
    }
    ._filterContainer_1a9jh_101 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    ._orderBy_1a9jh_112 > select {
        font-size: 1rem;
    }
    
}
._productBadge_1n4z3_1{
    font-size:0.70rem!important;
    text-transform: uppercase;
    background:var(--gray-700);
    border-radius:10px;
    padding:1rem;
    color:var(--gray-400);
    cursor: pointer;
    transition: .4s;
    display: flex;
    gap:1rem;
    align-items: center;
}
._productBadge_1n4z3_1 img{
    border-radius:100%;

}
._productBadge_1n4z3_1 span{
    color:var(--white);
    display: flex;
    background:var(--gray-700);
    padding:0.70rem;
    border-radius:10px;

}
._productBadge_1n4z3_1 span svg{
    width: 1rem;
    height: 1rem;
}
._productBadge_1n4z3_1 ._sendOk_1n4z3_30, ._sendOk_1n4z3_30{
    color: var(--green-500);
    display: flex;
    align-items: center;
    gap:0.25rem;
    font-size:0.70rem;
}


._productBadge_1n4z3_1 ._sending_1n4z3_39, ._sending_1n4z3_39{
    color: var(--yellow-500);
    display: flex;
    align-items: center;
    gap:0.25rem;
}
._sending_1n4z3_39, ._sendOk_1n4z3_30{
    font-size:1rem;
    margin:1rem 0;
    text-transform: uppercase;
}

    
._list_1ioyv_3{
    margin:1rem 0; 
}

._table_1ioyv_7 {
    width: 100%;
    border-collapse: collapse;
    margin:1rem 0;
    
}
td._thumb_1ioyv_13 img{
    max-width: 5rem;
    border-radius:5px;
}

._table_1ioyv_7 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}
._table_1ioyv_7 tbody{
    padding:0 0 1rem 0;
}
._table_1ioyv_7 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_1ioyv_7 tbody tr td:last-child{
    min-width: 100px;
}
._table_1ioyv_7 tbody tr:last-child td{
    border:none;
}
._table_1ioyv_7 tbody tr:last-child td._status_1ioyv_42{
    min-width: 180px;
}
a._seeDetails_1ioyv_45{
    color:var(--yellow-500);
    text-decoration: none;
    transition: .2s;
    cursor: pointer;
    word-wrap: break-word;
}
a._seeDetails_1ioyv_45:hover{
    color: var(--gray-100)
}

._pagination_1ioyv_56{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.3rem;
    gap:0.5rem;
    margin:1rem 0;
}
._paginationButton_1ioyv_64{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0rem;
    padding:0.3rem 1rem;
    background:var(--gray-700);
    color:var(--white);
    cursor: pointer;
    transition: .4s;
    border-radius:5px;
}
._paginationButton_1ioyv_64:hover{
    background:var(--gray-600);
}
._paginationButton_1ioyv_64._active_1ioyv_79{
    background:var(--yellow-500);
    color:var(--gray-800);
}
._paginationButton_1ioyv_64[disabled]{
    background:var(--gray-600);
    color:var(--gray-400);
    cursor: not-allowed;
}
._briefing_1ioyv_88{
    padding:1rem;
    display: block;
    color:var(--gray-100);
}
._perPage_1ioyv_93{
    padding: 0 0.3rem;
    width: 9.5rem;
}
._responsiveTable_1ioyv_97{
    overflow-x: auto;
}


    footer._pagination_1ioyv_56 {
        display: flex;
        flex-direction: column;
    }
    div._pagination_1ioyv_56 {
        display: flex;
        justify-content: space-evenly;
    }
    ._pagination_1ioyv_56 ._pagginationButton_1ioyv_110{
        max-width: fit-content;
    }

    ._perPage_1ioyv_93 select, ._perPage_1ioyv_93 select option {
        font-size: 0.8rem;
    }
    

@media screen and (min-width: 768px) {
    footer._pagination_1ioyv_56 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    ._perPage_1ioyv_93 {
        width: 12rem;
    }
    ._perPage_1ioyv_93 select, ._perPage_1ioyv_93 select option {
        font-size: 1rem;
    }
    
}


@media screen and (min-width: 1008px) {
    footer._pagination_1ioyv_56 div:not(:first-child) p {
        width: 16rem;
    }
}._modalWrapper_wipof_1 {
    position: fixed;
    opacity: 0;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    z-index: 999;
    content-visibility: hidden;
}

._loaderWithMessage_wipof_12{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background: var(--gray-800);
    top:0;
    left:0;
    justify-content: center;
    align-items: center;
    text-align: center;
}

._loaderWithMessage_wipof_12 ._icon_wipof_25 svg {
    animation: _rotate_wipof_1 .6s ease-in infinite;
    color:var(--yellow-500)
}

._loaderWithMessage_wipof_12 ._loadMessageTitle_wipof_30{
    font-size:2rem;
}

td._thumb_wipof_34 img {
    max-width: 5rem;
    border-radius: 5px;
}

._filterHeader_wipof_39 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: center;
    margin: 20px 0;
    padding: 0 0.3rem;
}

._filterHeader_wipof_39 nav {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

._filterResults_wipof_54 {
    margin-bottom: 20px;
    padding: 0 1rem;
}

._filterResults_wipof_54 a {
    color: var(--yellow-500);
    text-decoration: none;
    font-weight: bold;
}

._table_wipof_65 {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}

._table_wipof_65 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;

}



._table_wipof_65 tbody {
    padding: 0 0 1rem 0;
}

._table_wipof_65 tbody tr td {
    padding: 1rem 0.75rem;
    vertical-align: middle;
    font-size: 0.75rem;
    border-bottom: 1px solid var(--gray-700);
}

._table_wipof_65 tbody tr td:last-child {
    min-width: 100px;
}

._table_wipof_65 tbody tr:last-child td {
    border: none;
}

._table_wipof_65 tbody tr:last-child td._status_wipof_102 {
    min-width: 180px;
}
._table_wipof_65 tbody tr td img{
    border-radius:10px;
}
a._seeDetails_wipof_108 {
    color: var(--yellow-500);
    text-decoration: none;
    transition: .2s;
    cursor: pointer;
    word-wrap: break-word;
}

a._seeDetails_wipof_108:hover {
    color: var(--gray-100)
}

._pagination_wipof_120 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.3rem;
    gap: 0.5rem;
    margin: 1rem 0;
}

._paginationButton_wipof_129 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0rem;
    padding: 0.3rem 1rem;
    background: var(--gray-700);
    color: var(--white);
    cursor: pointer;
    transition: .4s;
    border-radius: 5px;
}

._paginationButton_wipof_129:hover {
    background: var(--gray-600);
}

._paginationButton_wipof_129._active_wipof_146 {
    background: var(--yellow-500);
    color: var(--gray-800);
}

._paginationButton_wipof_129[disabled] {
    background: var(--gray-600);
    color: var(--gray-400);
    cursor: not-allowed;
}

._briefing_wipof_157 {
    padding: 1rem;
    display: block;
    color: var(--gray-100);
}

._perPage_wipof_163 {
    padding: 0 0.3rem;
    width: 9.5rem;
}

._responsiveTable_wipof_168 {
    overflow-x: auto;
}

._label_wipof_172 {
    /* max-width: 10rem; */
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 0.50rem 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 5px;
    display: block;
    word-break: keep-all;
    text-align: center;
}

._label_wipof_172._danger_wipof_184 {
    background: var(--yellow-500);
    background-image: linear-gradient(to bottom right, var(--red-500), var(--red-700));
    color: var(--white);
}
._label_wipof_172._warning_wipof_189 {
    background: var(--yellow-500);
    background-image: linear-gradient(to bottom right, var(--yellow-500), var(--yellow-400));
    color: var(--gray-800);
}

._label_wipof_172._info_wipof_195 {
    background: var(--gray-500);
    background-image: linear-gradient(to bottom right, var(--gray-500), var(--gray-700));
    color: var(white);
}


._label_wipof_172._success_wipof_202 {
    background: var(--green-500);
    background-image: linear-gradient(to bottom right, var(--green-300), var(--green-500));
    color: var(--white);
}

._label_wipof_172._selling_wipof_208 {
    background: var(--blue-500);
    background-image: linear-gradient(to bottom right, var(--blue-300), var(--blue-500));
    color: var(--white);
}

._label_wipof_172._notSelling_wipof_214 {
    background: var(--pink-500);
    background-image: linear-gradient(to bottom right, var(--pink-500), var(--pink-600));
    color: var(--white);
}

footer._pagination_wipof_120 {
    display: flex;
    flex-direction: column;
}

div._pagination_wipof_120 {
    display: flex;
    justify-content: space-evenly;
}

._pagination_wipof_120 ._pagginationButton_wipof_230 {
    max-width: fit-content;
}

._perPage_wipof_163 select,
._perPage_wipof_163 select option {
    font-size: 0.8rem;
}
._itemId_wipof_238{
    display: block;
}

@media screen and (min-width: 768px) {
    footer._pagination_wipof_120 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    ._perPage_wipof_163 {
        width: 12rem;
    }

    ._perPage_wipof_163 select,
    ._perPage_wipof_163 select option {
        font-size: 1rem;
    }

}


@media screen and (min-width: 1008px) {
    footer._pagination_wipof_120 div:not(:first-child) p {
        width: 16rem;
    }
}

@keyframes _rotate_wipof_1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }
._overlay_jul4x_1{
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-items: flex-start;
    justify-content: center;
    top:0;
    left:0;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    overflow: auto;
}
._modal_jul4x_15{
    background: var(--gray-900);
    color: var(--gray-100);
    padding: 1rem;
    border-radius: 5px;
    width: 100%;
    max-width: 80rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

._cardHeader_jul4x_27{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}
._modal_jul4x_15 header{
    display: flex;
    justify-content: space-between;
}
._modal_jul4x_15 header h3{
    gap:20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: flex-start;
}

._modal_jul4x_15 ._inputGroup_jul4x_45{
    margin:1rem 0;
    padding: 0 2rem;
}
._modal_jul4x_15 ._inputGroup_jul4x_45 label{
    display: block;
    margin-bottom: 0.75rem;
}
._table_jul4x_53 {
    width: 100%;
    border-collapse: collapse;
}

._table_jul4x_53 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}

._table_jul4x_53 tfoot th {
    background: var(--gray-900);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 1rem;
    line-height: 1.6;
    
}
._table_jul4x_53 tbody{
    padding:0 0 1rem 0;
}
._table_jul4x_53 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_jul4x_53._striped_jul4x_86 tr:nth-child(even){
    background:var(--gray-600);
}
._table_jul4x_53 tbody tr td:last-child{
    min-width: 100px;
}
._table_jul4x_53 tbody tr:last-child td{
    border:none;
}
._table_jul4x_53 tbody tr:last-child td._status_jul4x_95{
    min-width: 180px;
}
._formSmall_jul4x_98{
    color:var(--yellow-500);
    font-size:0.70rem;
    margin-top:-0.80rem;
    display: block;

}
td > ._inputGroup_jul4x_45 {
    margin:0!important;
    padding:0!important;
}
td ._formSmall_jul4x_98 {
    display: none;
}
input[type="text"] + button{
    margin-top:-0.8rem;
}
._inputButton_jul4x_115{
    display: flex;
    gap:10px;
    align-items: self-end;
}

._inputButton_jul4x_115 > div:first-child{
    flex-grow: 1;
}
._inputButton_jul4x_115 > div:nth-child(2){
    display: flex;
    gap:1rem;
}

._textarea_jul4x_129{
    width: 100% !important;
    height: 100%!important;
    resize: none;
    padding: 0.75rem;
    border-radius: 5px;
    border: 1px solid var(--gray-600);
    font-size: 1rem;
    line-height: 1.6;
    transition: all 0.2s ease-in-out;
}

input:read-only{
    background:var(--gray-700)!important;
    color:var(--gray-400)!important;
}

._categoryItems_1cwhs_1{
    display: flex;
    gap:1rem;
    text-align: left;
}

._categoryItem_1cwhs_1 a{
    cursor: pointer;
}

._categoryItem_1cwhs_1{
    display: flex;
    flex-direction: column;
    gap:1rem;
    text-align: center;
    align-items: center;
}

._categoryItem_1cwhs_1 ._img_1cwhs_19{
    width: 8rem;
    height: 8rem;
    border-radius:100%;
    background:#fff;
    padding:1rem;
    overflow: hidden;
}
._categoryItem_1cwhs_1 ._img_1cwhs_19 img{
    width: 100%;
}
._categoryItem_1cwhs_1 span{
    display: block;
    padding:0.75rem;
    font-size:0.75rem;
}

._choosenCategory_1cwhs_36{
    background:var(--gray-700);
    color:var(--gray-400);
    padding:1rem;
    border-radius:10px;
}._selectedProducts_np7uh_1{  
    display: flex;
    gap:1rem;
    margin:1rem 0;
}
._productBadge_np7uh_6{
    font-size:0.70rem;
    text-transform: uppercase;
    background:var(--gray-700);
    border-radius:10px;
    padding:1rem;
    color:var(--gray-400);
    cursor: pointer;
    transition: .4s;
    display: flex;
    gap:1rem;
    align-items: center;
}
._productBadge_np7uh_6 img{
    border-radius:100%;

}
._productBadge_np7uh_6 span{
    color:var(--white);
    display: flex;
    background:var(--gray-700);
    padding:0.70rem;
    border-radius:10px;

}
._productBadge_np7uh_6 span svg{
    width: 1rem;
    height: 1rem;
}
input:read-only{
    background:var(--gray-700);
    color:var(--gray-400);
}@media screen and (min-width: 320px) {
    ._container_6jqyf_2 {
        width: 100%; 
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: .5rem;
        margin-top: .5rem;
        padding: 0 1rem;
    }
    ._container_6jqyf_2 > div:first-child {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    ._container_6jqyf_2 > div:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    
    ._container_6jqyf_2 > div:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    ._container_6jqyf_2 > div:last-child {
        grid-column-start: 1;
        grid-column-end: 2;
        padding-bottom: .5rem;
    }
   
}
@media screen and (min-width: 768px) {
    ._container_6jqyf_2 {
        grid-template-columns: repeat(2, minmax(0,1fr));
        /* grid-auto-rows: 1fr; */
        margin-top: 1rem;
        gap: 1rem;
        height: 100%;
        margin-bottom: 1rem;
    }
    
    ._container_6jqyf_2 > div:first-child {
        grid-column-start: 1;
        grid-column-end: 3;
        /* height: 100%; */
    }
    ._container_6jqyf_2 > div:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 3;
        height: 100%;

    }
    
    ._container_6jqyf_2 > div:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2;
        height: 100%;

    }
    ._container_6jqyf_2 > div:nth-child(3) > div, ._container_6jqyf_2 > div:nth-child(4) > div  {
        height: 100%;
    }
    ._container_6jqyf_2 > div:nth-child(3) > div > header, ._container_6jqyf_2 > div:nth-child(4) > div > header{
        height: 8%;
    }
    ._container_6jqyf_2 > div:nth-child(3) > div > div {
       display: flex;
       flex-direction: column;
        justify-content: space-between;
        height: 92%;
    }
    ._container_6jqyf_2 > div:nth-child(3) > div > div {
        height: 92%;
    }

    ._container_6jqyf_2 > div:nth-child(4) {
        grid-column-start: 2;
        grid-column-end: 3;
        padding: 0;
        margin: 0;
        height: 100%;

    }
/*     
    .container > div:nth-child(4) > div> div > div > div > div, .container > div:nth-child(3) > div> div > div > div > div {
        grid-template-columns: 8rem minmax(0,1fr) 8rem;
    }
    .container > div:nth-child(4) > div> div > div > div , .container > div:nth-child(3) > div> div > div > div {
        grid-template-columns: 8rem minmax(0,1fr) 8rem;
    }
  */
}

@media screen and (min-width: 1008px) {
    ._container_6jqyf_2 {
        padding: 0;
    }
}
@media screen and (min-width: 1440px) {
  
    ._container_6jqyf_2 {
        padding: 0;
    }

}

._subtitle_6jqyf_105 {
    font-size: .75rem;
    color: var(--gray-300);
}._productInfo_1akxl_1{
    display: flex;
    gap:1rem;
    padding:1rem;
    background: var(--gray-600);
    border-radius:10px;
    flex-direction: column;
}

._productInfo_1akxl_1 img{
    width: 100%;
    border-radius:5px;
}
._productInfo_1akxl_1 ._title_1akxl_14{
    min-height: 120px;
}
._tableContainer_1a2vm_2 button {
    justify-content: center;
    width: fit-content;
 
}
._tableContainer_1a2vm_2 > div > div:first-child > p:first-child {
    padding: 0 20% 0 .3rem;
}
._tableContainer_1a2vm_2 img {
    /* width: 6rem; */
    /* min-width: 3.5rem; */
    max-width: 30%;
}

@media screen and (min-width: 320px) {
    ._tableContainer_1a2vm_2 img {
        
        max-width: 20%;
    }
}

@media screen and (min-width: 375px) {
    ._tableContainer_1a2vm_2 img {
        max-width: 30%;
    }
}

@media screen and (min-width: 768px) {
    ._tableContainer_1a2vm_2 > div > div:first-child > p {
        text-align: center;   
 }
    ._tableContainer_1a2vm_2 button {
    justify-self: end ;
    margin-right: 1rem;
    }
}
._briefing_19y5j_2{
    padding:1rem;
    display: block;
    color:var(--gray-100);
}

._variationContainer_19y5j_8 button > a {
    text-decoration: none;
    color: var(--gray-800);
    display: block;
}
div._variationContainer_19y5j_8 > div:last-child > div > div:last-child > div:first-child > p:nth-child(3) {
    padding-right: 3rem;
}
/* div.variationContainer > div:last-child > div > div:last-child > div:last-child  {
    gap: 1.8rem;
    white-space: nowrap;
} */
div._variationContainer_19y5j_8 > div:last-child > div > div:last-child > div:last-child  > p{
    padding-left: 0;
}

nav > ul > li._dropdownSelect_19y5j_24:hover, nav > ul > li._dropdownSelect_19y5j_24> a:hover {
    cursor: pointer;
    background-color: var(--gray-500);
}


._removeBtnGroup_19y5j_30{
    display: flex;
    gap: 0.3rem;
    justify-content: end;
}
._filterContainer_19y5j_35 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    
}
._orderBy_19y5j_46 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: fit-content;

}
._orderBy_19y5j_46 > select {
    font-size: .8rem;
}
@media screen and (min-width: 768px) {
    div._variationContainer_19y5j_8 > div:last-child > div > div:last-child > div:first-child > p {
        text-align: center; 
        
    }
    ._variationContainer_19y5j_8 button > a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        text-align: center;
        gap: .2rem;
    }
    ._variationContainer_19y5j_8 button > a::before {
        content: 'Detalhes';
        width: fit-content;
        /* display: block; */
        text-decoration: none;
        color: var(--gray-800);
        visibility: visible;
        z-index: 999;
        font-size: .7rem;
        align-self: center;
    }
    ._removeBtnGroup_19y5j_30 {
        display: flex;
        gap: .5rem;
        justify-content: end;
    }
    ._filterContainer_19y5j_35 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    ._orderBy_19y5j_46 > select {
        font-size: 1rem;
    }
}
._productBadge_1n4z3_1{
    font-size:0.70rem!important;
    text-transform: uppercase;
    background:var(--gray-700);
    border-radius:10px;
    padding:1rem;
    color:var(--gray-400);
    cursor: pointer;
    transition: .4s;
    display: flex;
    gap:1rem;
    align-items: center;
}
._productBadge_1n4z3_1 img{
    border-radius:100%;

}
._productBadge_1n4z3_1 span{
    color:var(--white);
    display: flex;
    background:var(--gray-700);
    padding:0.70rem;
    border-radius:10px;

}
._productBadge_1n4z3_1 span svg{
    width: 1rem;
    height: 1rem;
}
._productBadge_1n4z3_1 ._sendOk_1n4z3_30, ._sendOk_1n4z3_30{
    color: var(--green-500);
    display: flex;
    align-items: center;
    gap:0.25rem;
    font-size:0.70rem;
}


._productBadge_1n4z3_1 ._sending_1n4z3_39, ._sending_1n4z3_39{
    color: var(--yellow-500);
    display: flex;
    align-items: center;
    gap:0.25rem;
}
._sending_1n4z3_39, ._sendOk_1n4z3_30{
    font-size:1rem;
    margin:1rem 0;
    text-transform: uppercase;
}
h1._variationTitle_4o3k9_1 {
    padding-left: 0;
    margin: 0;
    padding: .5rem 0;
}

h2._variationSubTitle_4o3k9_7 {
    padding-bottom: .5rem;
}

@media screen and (min-width: 320px) {
    ._variationDetailContainer_4o3k9_12 > div:last-child > div > div > div:first-child > p:nth-child(2){
        padding-left: 4rem;
    }   
}

@media screen and (min-width: 768px) {
    ._variationDetailContainer_4o3k9_12 > div:last-child > div > div > div:first-child > p:nth-child(2){
        padding-left: .5rem;
        margin: 0;
        grid-column-start: 2;

    }   
    ._variationDetailContainer_4o3k9_12 > div:last-child > div > div > div:first-child {
        text-align: center;
        justify-items: center;
    }   
    ._variationDetailContainer_4o3k9_12 > div:last-child > div > div > div:last-child > div > p:nth-child(2){
        padding-left: .5rem;
        margin: 0;
        grid-column-start: 2;
        
    }   
}
@media screen and (min-width: 1440px) {
    ._variationDetailContainer_4o3k9_12 > div:last-child > div > div > div,   ._variationDetailContainer_4o3k9_12 > div:last-child > div > div > div > div {
        grid-template-columns: repeat(auto-fit, minmax(0,1fr)) !important; 
    }   
 
    
}
._cardsWrapper_6tjlw_2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 1rem;
    /* overflow-y: auto; */
    width: 100%;
}

._description_6tjlw_9 {
    padding-top: 1rem;
    text-align: left;
    font-size: calc(1.2vw + 1rem);
    max-width: 100%;
    padding-bottom: 1rem;
}

._cardHeader_6tjlw_17{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}


._variationContainer_6tjlw_25 ._inputGroup_6tjlw_25{
    align-items: center;
    justify-content: center;
    margin:1rem 0;
    padding: 0 2rem;
}

._variationContainer_6tjlw_25 ._inputGroup_6tjlw_25 label{
    display: block;
    margin-bottom: 0.75rem;
}
._variationContainer_6tjlw_25 ._attributeInput_6tjlw_36 > button {
    margin-top: .5rem;
}
._show_6tjlw_39 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
}

._show_6tjlw_39 > * {
    grid-column-start: 1;
    grid-column-end: 4;
}
._hide_6tjlw_48 {
    display: none;
}
._variationHeader_6tjlw_51 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    background-color: var(--gray-600);
    padding: 0.5rem;
    border-radius: 5px;
    gap: 0.3rem;
}
._variationHeader_6tjlw_51 > h3 {
    font-size: 1rem;
    display: inline;
    margin: 0;
}
._variationTitle_6tjlw_64 > * {
    display: inline-block;
}



._buttonGroup_6tjlw_70 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

._resetButton_6tjlw_78 {
    background: none;
    color: var(--gray-300);
    text-align: center;
    padding: auto;
    margin-bottom: 0;
    transition: width 0.6s ease-in-out;

}

._spanGrid_6tjlw_88 {
    grid-column-start: 1;
    grid-column-end: 3;
}

._resetButton_6tjlw_78:hover {
    cursor: pointer;
    transform: scale(101%);
    color: var(--gray-400);
}
._costError_6tjlw_98 {
    border: 1px solid var(--red-500);
}
._errorMsg_6tjlw_101 {
    color: var(--red-500);
    font-size: 0.8rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    margin-left: 2rem;
}
._errorMsg_6tjlw_101 > svg {
    margin-right: 0.25rem;
}
._attrError_6tjlw_111 {
    border: 1px solid var(--red-500);
    
}
._productImage_6tjlw_115 {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    margin-right: 1rem;
}

@media screen and (min-width: 320px) {
 
    ._cardsWrapper_6tjlw_2 {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));    
        gap: 0.5rem;
    }
    ._cardsWrapper_6tjlw_2 ._inputGroup_6tjlw_25 > input {
       width: 100%;
    }
    ._variationHeader_6tjlw_51 {
        text-align: center;
    }
    ._variationHeader_6tjlw_51 > h3{
        font-size: 0.8rem;
        /* overflow-x: auto; */
    }
    
    ._spanGrid_6tjlw_88 {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    ._variationTitle_6tjlw_64 > div > div{
        left: 0;
    }
    ._dropdownSelect_6tjlw_147:hover {
        cursor: pointer;
        
    }
    ._buttonGroup_6tjlw_70 > button {
        font-size: 0.8rem;
    }
    ._variationsActives_6tjlw_154 > div >  header {
        display: grid;
        grid-template-columns: minmax(0,1fr);
    }
    ._variationsActives_6tjlw_154 > div >  header > h2 {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    ._variationsActives_6tjlw_154 > div >  header > div{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        align-self: end;
        justify-self: end;
    }
    
  
}

@media screen and (min-width: 768px) {
   
    ._cardsWrapper_6tjlw_2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));    
        gap: 1rem;
    }
    
    section > form > ._cardsWrapper_6tjlw_2 > div:nth-child(2), ._cardsWrapper_6tjlw_2 > div:first-child{
        margin: 0;
        margin-top: 0;
    }
    ._cardsWrapper_6tjlw_2 > div:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    ._variationHeader_6tjlw_51 {
        align-items: center;
        justify-items: start;
    }

    ._buttonGroup_6tjlw_70 {
        grid-column-start: 2;
    }
    ._buttonGroup_6tjlw_70 > button {
        font-size: 1rem;
    }
    ._selectOptions_6tjlw_203 {
        color: var(--gray-600);
    }


}


@media screen and (min-width: 1024px) {
    section > form > ._cardsWrapper_6tjlw_2 > div:nth-child(2), ._cardsWrapper_6tjlw_2 > div:first-child{
        margin: 0;
        margin-top: 0;
    }
    ._variationHeader_6tjlw_51 > h3 {
        font-size: 1rem;
    }
   
}

@media screen and (min-width: 1440px) {

    ._variationHeader_6tjlw_51 {
        justify-items: normal;

    }
  
    section > form > ._cardsWrapper_6tjlw_2 > div:nth-child(2), ._cardsWrapper_6tjlw_2 > div:first-child{
        margin: 0;
        margin-top: 0;
    }
  
}/* body {
    overflow: hidden;
} */

._auth_3dps3_5 {
    width: 80%;
    height: 100%;
    margin: 2rem auto;
    border-radius: 8px;
    display: block;
    background: var(--gray-800);
    
}


._auth_3dps3_5 h1 {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.6rem;
    margin: 1rem 0;
}

._auth_3dps3_5 ._loginForm_3dps3_23 {
    padding: 2.5rem;
    font-size: 0.8rem;
    /* margin-left: 0.5rem; */
    max-height: 100%;

}

._auth_3dps3_5 ._loginForm_3dps3_23 {
    max-height: 100%;
}

._auth_3dps3_5 ._loginForm_3dps3_23 ._logo_3dps3_35 img {
    width: 100%;
}

._auth_3dps3_5 ._loginForm_3dps3_23 form button {
    /* align-self: center; */
    font-size: .7rem;
    text-align: center;
    width: 100%;
}

._auth_3dps3_5 ._wallpaper_3dps3_46 img {
    display: none;
}

._auth_3dps3_5 label {
    display: block;
    margin: 0.50rem 0;
}

._auth_3dps3_5 ._loginForm_3dps3_23 form input {
    font-size: 0.8rem;
    height: 3rem;
    /* width: 100%; */
    padding: 0 1rem;
    margin: 0 0 1rem 0;
    border-radius: 5px;
}
._auth_3dps3_5 ._loginForm_3dps3_23 form ._actionsContainer_3dps3_63 {
    display: flex;
    gap: 1rem;
    align-items: center;
 }
._forgotPswd_3dps3_68 {
    font-size: 0.8rem;
    text-align: center;
    margin: 1rem 0;
    text-decoration: none;
    color: var(--gray-300);
}
._labelContainer_3dps3_75 {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
._passwordError_3dps3_80 {
    display: flex;
    font-size: .8rem;
    color: var(--red-500);
    align-items: center;
    gap: .25rem;
}
._tokenError_3dps3_87 {
    background-color: var(--red-700);
    border-radius: 8px;
    padding: .5rem;
    color: var(--white);
}

@media screen and (min-width: 425px) {
    ._auth_3dps3_5 {
        width: 80%;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 ._logo_3dps3_35 img {
        width: 220px;
    }
}

@media screen and (min-width: 768px) {

    ._auth_3dps3_5 {
        width: 80%;
        margin: 5rem auto;
        /* display: flex;
        align-items: flex-start;
        justify-content: flex-start; */
        
    }
    
    ._auth_3dps3_5 ._loginForm_3dps3_23 {
        padding: 2.5rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    ._auth_3dps3_5 h1,
    ._auth_3dps3_5 ._loginForm_3dps3_23,
    ._auth_3dps3_5 ._loginForm_3dps3_23 form input,
    ._auth_3dps3_5 ._loginForm_3dps3_23 form label {
        font-size: 1rem;
    }
    ._auth_3dps3_5 > ._authWrapper_3dps3_128 > ._loginForm_3dps3_23 > h1 {
        text-align: left;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 form button {
        font-size: 1rem;
        width: 5rem;
        width: 100%;
    }

    ._auth_3dps3_5 ._authWrapper_3dps3_128 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 1fr;
        /* gap: 1rem; */
    }

    ._auth_3dps3_5 ._wallpaper_3dps3_46 img {
        border-radius: 0 8px 8px 0;
        display: block;
        width: 100%;
        /* min-height: 500px; */
        height: 100%;
        object-fit: cover;
    }

}

@media screen and (min-width: 1008px) {
    ._auth_3dps3_5 {
        width: 80%;
        max-width:  56.25rem;
    }

    ._authWrapper_3dps3_128 {
    
        /* height: calc(100vh - 10rem);  */
        max-height: 100%;
        width: 100%;
        max-width:  56.25rem;
        border-radius: 8px;
        }
    ._auth_3dps3_5 ._loginForm_3dps3_23 {
        padding: 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        max-height: 100%;

        /* height: calc(100vh - 10rem); */
        gap: 2rem        
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 > * {
        font-size: .75rem;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 > form > :is(button, input, label) {
        font-size: .75rem;
        margin: 0;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 > form > button{
        width: fit-content;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 form{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: .5rem;
        width: 100%;
    }
    ._auth_3dps3_5  ._loginForm_3dps3_23 input{
        width: 100%;
    }

    ._auth_3dps3_5 ._wallpaper_3dps3_46 img {
        /* min-height: 600px; */
        /* height: calc(100vh - 10rem); */
        height: 100%;
    }
    
   /* .auth > .authWrapper > .loginForm > form > label, .auth > .authWrapper > .loginForm > form > input, .auth > .authWrapper > .loginForm > form > button {
        margin: 0;
    } */
}

@media screen and (min-width: 1440px) {
    ._auth_3dps3_5 {
        position: absolute;
        width: 60%;
        margin: auto;
        top: 0; bottom: 0; left: 0; right: 0;
        height: fit-content;
    }
   ._auth_3dps3_5 > ._authWrapper_3dps3_128 > ._loginForm_3dps3_23 > form > input {
        width: 80%;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 > * {
        font-size: 1rem;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 > form > :is(button, input, label) {
        font-size: 1rem;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 {
        gap: 1rem;
    }
    ._auth_3dps3_5 ._loginForm_3dps3_23 form{
       justify-content: space-between;
        gap: 1rem;
    }
   
}._header_1xjmb_1{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}._label_1jdy9_1._blue_1jdy9_1{
    color: var(--white);
    background-color: var(--blue-500);
    padding:0.5rem;
    border-radius:3px;
    text-align: center;
}

._label_1jdy9_1._red_1jdy9_9{
    color: var(--white);
    background-color: var(--red-500);
    padding:0.5rem;
    border-radius:3px;
    text-align: center;
}
._label_1jdy9_1._pink_1jdy9_16{
    color: var(--white);
    background-color: var(--pink-500);
    padding:0.5rem;
    border-radius:3px;
    text-align: center;
}
._label_1jdy9_1._green_1jdy9_23{
    color: var(--white);
    background-color: var(--green-500);
    padding:0.5rem;
    border-radius:3px;
    text-align: center;
}
._formGroup_av2bw_1 label{
    margin-bottom:1rem;
    display: block;
}._tr_z8jmo_1{
    text-align: right!important;
}
._tl_z8jmo_4{
    text-align: left;
}._tr_z8jmo_1{
    text-align: right!important;
}
._tl_z8jmo_4{
    text-align: left;
}._filterGroup_18k3l_1{
    display: flex;
    flex-direction: 'row';
    gap:1rem;
    align-items: left;
}
._formGroup_18k3l_7{
    display: flex;
    gap:1rem;
    justify-content: space-between;
    align-items: center;
}
._header_18k3l_13{
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: space-between;
    gap:1rem;

}
._cardsWrapper_1gpe4_2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 1rem;
    /* overflow-y: auto; */
    width: 100%;
}

._description_1gpe4_9 {
    padding-top: 1rem;
    text-align: left;
    font-size: calc(1.2vw + 1rem);
    max-width: 100%;
    padding-bottom: 1rem;
}

._cardHeader_1gpe4_17{
    font-size:1rem;
    text-transform: uppercase;
    padding:1rem;       
    border-bottom:1px solid var(--gray-600);
}


._variationContainer_1gpe4_25 ._inputGroup_1gpe4_25{
    align-items: center;
    justify-content: center;
    margin:1rem 0;
    padding: 0 2rem;
}

._variationContainer_1gpe4_25 ._inputGroup_1gpe4_25 label{
    display: block;
    margin-bottom: 0.75rem;
}
._variationContainer_1gpe4_25 ._attributeInput_1gpe4_36 > button {
    margin-top: .5rem;
}
._show_1gpe4_39 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
}

._show_1gpe4_39 > * {
    grid-column-start: 1;
    grid-column-end: 4;
}
._hide_1gpe4_48 {
    display: none;
}
._variationHeader_1gpe4_51 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    background-color: var(--gray-600);
    padding: 0.5rem;
    border-radius: 5px;
    gap: 0.3rem;
}
._variationHeader_1gpe4_51 > h3 {
    font-size: 1rem;
    display: inline;
    margin: 0;
}
._variationTitle_1gpe4_64 > * {
    display: inline-block;
}



._buttonGroup_1gpe4_70 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

._resetButton_1gpe4_78 {
    background: none;
    color: var(--gray-300);
    text-align: center;
    padding: auto;
    margin-bottom: 0;
    transition: width 0.6s ease-in-out;

}

._spanGrid_1gpe4_88 {
    grid-column-start: 1;
    grid-column-end: 3;
}

._resetButton_1gpe4_78:hover {
    cursor: pointer;
    transform: scale(101%);
    color: var(--gray-400);
}
._costError_1gpe4_98 {
    border: 1px solid var(--red-500);
}
._errorMsg_1gpe4_101 {
    color: var(--red-500);
    font-size: 0.8rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    margin-left: 2rem;
}
._errorMsg_1gpe4_101 > svg {
    margin-right: 0.25rem;
}
._attrError_1gpe4_111 {
    border: 1px solid var(--red-500);
    
}
._productImage_1gpe4_115 {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    margin-right: 1rem;
}
@media screen and (min-width: 320px) {
 
    ._cardsWrapper_1gpe4_2 {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));    
        gap: 0.5rem;
    }
    ._cardsWrapper_1gpe4_2 ._inputGroup_1gpe4_25 > input {
       width: 100%;
    }
    ._variationHeader_1gpe4_51 {
        text-align: center;
    }
    ._variationHeader_1gpe4_51 > h3{
        font-size: 0.8rem;
        /* overflow-x: auto; */
    }
    
    ._spanGrid_1gpe4_88 {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    ._variationTitle_1gpe4_64 > div > div{
        left: 0;
    }
    ._dropdownSelect_1gpe4_146:hover {
        cursor: pointer;
        
    }
    ._buttonGroup_1gpe4_70 > button {
        font-size: 0.8rem;
    }
    ._variationsActives_1gpe4_153 > div >  header {
        display: grid;
        grid-template-columns: minmax(0,1fr);
    }
    ._variationsActives_1gpe4_153 > div >  header > h2 {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    ._variationsActives_1gpe4_153 > div >  header > div{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        align-self: end;
        justify-self: end;
    }
    
    ._productNameContainer_1gpe4_172 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }
}

@media screen and (min-width: 768px) {
   
    ._cardsWrapper_1gpe4_2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));    
        gap: 1rem;
    }
    
    section > form > ._cardsWrapper_1gpe4_2 > div:nth-child(2), ._cardsWrapper_1gpe4_2 > div:first-child{
        margin: 0;
        margin-top: 0;
    }
    ._cardsWrapper_1gpe4_2 > div:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    ._variationHeader_1gpe4_51 {
        align-items: center;
        justify-items: start;
    }

    ._buttonGroup_1gpe4_70 {
        grid-column-start: 2;
    }
    ._buttonGroup_1gpe4_70 > button {
        font-size: 1rem;
    }
    ._selectOptions_1gpe4_207 {
        color: var(--gray-600);
    }
    ._productNameContainer_1gpe4_172 {

        flex-direction: row;
    }



}


@media screen and (min-width: 1024px) {
    section > form > ._cardsWrapper_1gpe4_2 > div:nth-child(2), ._cardsWrapper_1gpe4_2 > div:first-child{
        margin: 0;
        margin-top: 0;
    }
    ._variationHeader_1gpe4_51 > h3 {
        font-size: 1rem;
    }
   
}

@media screen and (min-width: 1440px) {

    ._variationHeader_1gpe4_51 {
        justify-items: normal;

    }
  
    section > form > ._cardsWrapper_1gpe4_2 > div:nth-child(2), ._cardsWrapper_1gpe4_2 > div:first-child{
        margin: 0;
        margin-top: 0;
    }
    ._productNameContainer_1gpe4_172 {
        justify-content: center;
    }

}
._pageContainer_7u7cn_2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}
._bannerContainer_7u7cn_8 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

._gridContainer_7u7cn_15 {
    background-color: var(--gray-800);
    border-radius: 8px;
    padding: 1rem;

}


._productsContainer_7u7cn_23 {
    display: grid;
    gap: 1rem;
    padding: .5rem;
}
._leaderBoard_7u7cn_28 {
    display: flex;
    flex-direction: column;
    gap: .5rem;}

._paginationFooter_7u7cn_33 {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

._rankInfo_7u7cn_42 {
    color: var(--yellow-500);
    font-size: .55rem;

}

@media screen and (min-width: 768px) {
    ._productsContainer_7u7cn_23 {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
    
._rankInfo_7u7cn_42 {
    font-size: .65rem;
}

}

@media screen and (min-width: 1440px) {
    ._pageContainer_7u7cn_2{
        display: grid;
        grid-template-columns: minmax(400px, 1fr) minmax(250px, 400px);
        gap: 1rem;
    }

    ._gridContainer_7u7cn_15 {
        display: flex;
        flex-direction: column;

        grid-row: 2;
    }
   
    ._bannerContainer_7u7cn_8 {
        grid-row: 1;
        height: 100%;
        width: 100%;

    }
   
    ._leaderBoard_7u7cn_28 {

        gap: 1rem;
        grid-row-start: 1;
        grid-row-end: 3;
    }

    ._paginationFooter_7u7cn_33 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        gap: 0;
    }

    ._rankInfo_7u7cn_42 {
        font-size: .7rem;
    }
    
}

@media screen and (min-width: 320px) {
    ._highlight_knhh6_3 {
      color: var(--yellow-600)
    }
    
    ::-webkit-scrollbar-corner {
      background: var(--gray-600);
      border-radius: 0 0 5px 0;
    }

    ._dateTitle_knhh6_12{
      margin-right: 8%;
    }
    
    ._tableDetailsGrid_knhh6_16, ._tableDetails_knhh6_16 {
      display: grid;
    }

    ._tableDetailsTitles_knhh6_20 > p, ._tableDetails_knhh6_16 > p, ._tableDetails_knhh6_16 img {
      padding: .5rem;
      text-transform: lowercase;
    }
    ._tableDetailsTitles_knhh6_20  p::first-letter, ._tableDetails_knhh6_16 p::first-letter {
        text-transform: capitalize;
    }
    ._tableDetails_knhh6_16 > img {
      max-width: 80%;
      max-height: 80%;
      border-radius: 20px;
    }
    ._tableDetailsTitles_knhh6_20 > ._imgTitle_knhh6_32 {
      padding: 42% 0;
      display: block;
    }
    ._tableDetail_knhh6_16 {
      margin: 0;
      font-size: 1rem;
      line-height: 1.5;
    }

  ._tableDetailsGrid_knhh6_16 {
    background-color: var(--gray-800);
    /* grid-template-columns: minmax(0,1fr); */
    border-radius: 5px;
    overflow: auto;
  }
  
  ._tableDetailsTitles_knhh6_20 {
    justify-content: space-between;
    background-color: var(--gray-600);
  }
  ._tableDetails_knhh6_16 > p, ._tableDetailsTitles_knhh6_20  > p {
    font-size: .65rem;
    text-transform: capitalize;

  }
  ._tableDetailsTitles_knhh6_20, ._tableDetails_knhh6_16 {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--gray-400);
    border-radius: 0;
  }
  
  ._tableDetails_knhh6_16 {
    text-align: center;
    font-size: .9rem;
    font-weight: 600;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  
  ._tableDetails_knhh6_16 > * {
    text-align: center;
    background-color: var(--gray-800);
    padding: .5rem;
  }
  ._tableDetailsTitles_knhh6_20 > * {
    background-color: var(--gray-600);
  }
  ._tableDetailsContainer_knhh6_83 {
    max-height: 200px;
    /* overflow: scroll; */
    border-radius: 5px;
  }
  ._tableDetailsGrid_knhh6_16::-webkit-scrollbar-thumb, ._tableDetailsContainer_knhh6_83::-webkit-scrollbar-thumb{
    background-color: var(--yellow-600);
  }
  ._tableDetailsGrid_knhh6_16::-webkit-scrollbar-track, ._tableDetailsContainer_knhh6_83::-webkit-scrollbar-track{
    background-color: var(--gray-600);
  }
  ._tableDetails_knhh6_16._small_knhh6_94 > p:last-child, ._tableDetailsTitles_knhh6_20._small_knhh6_94 > p:last-child {
    margin-left: auto;
  }
  ._winner_knhh6_97, ._winner_knhh6_97 > p, ._winner_knhh6_97 > p > *{
 
    background: -webkit-linear-gradient(var(--yellow-500), var(--yellow-600));
    color: var(--yellow-500);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 0;
    
  }
  ._winner_knhh6_97 > p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
  }
  ._winner_knhh6_97 > p > * {
    animation: _float_knhh6_1 6s linear infinite;
  }
  ._emphasis_knhh6_117, ._emphasis_knhh6_117 > p {
    background-color: var(--pink-600);
    color:var(--gray-100);
    border-radius: 5px;
  }

  ._tableDetails_knhh6_16 ._noData_knhh6_123 {
    color: var(--gray-300);
  }
  /* .tableDetails.leaderboard {
    background-color: var(--gray-600);
    color: var(--gray-900);
  } */
  }
  
  @media screen and (min-width: 375px) {
    ._tableDetailsTitles_knhh6_20 > ._imgTitle_knhh6_32 {
      padding: 60% 0;
      display: block;
    }
  
    ._tableDetailsTitles_knhh6_20 > p{
      white-space: nowrap;
      word-break: keep-all;
      text-transform: uppercase;
      font-size: .65rem;
      font-weight: 800;
    }
  
    ._tableDetails_knhh6_16 > p{
      font-size: .75rem;
      font-weight: 500;
    }

    ._tableDetailsTitles_knhh6_20 {
      justify-content: space-between;
      justify-items: center;
    }
    ._tableDetailsTitles_knhh6_20 > p._priority_knhh6_155{
      margin-right: 20%;
    }
    ._dateTitle_knhh6_12{
      margin-right: 8%;
    }
    ._tableDetails_knhh6_16:has(> p._dateDetail_knhh6_161) {
      width: 108%;
    }
  
  }
  
  
  @media screen and (min-width: 425px) {
    ._tableDetailsTitles_knhh6_20 > ._imgTitle_knhh6_32 {
      padding: 80% 0;
      display: block;
    }

  
  }
  @media screen and (min-width: 768px) {
    ._winner_knhh6_97 > p {
      margin-left: .2rem;
    }
    ._tableDetailsGrid_knhh6_16 {
          grid-template-columns: minmax(1rem,1fr);
          margin-left: 0;
        }
     
        ._tableDetailsTitles_knhh6_20 {
          border-radius: 8px 8px 0 0;
        }

         ._dateTitle_knhh6_12{
          margin-right: 0;
        }
        ._tableDetails_knhh6_16:has(> p._dateDetail_knhh6_161) {
          width: 100%;
        }
         ._tableDetailsGrid_knhh6_16 {
          grid-template-columns: 1fr;
        }
      
      ._tableDetailsTitles_knhh6_20, ._tableDetails_knhh6_16{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0,1fr));
        font-size: 1rem;
        gap: .5rem;
        max-width: 100%;
        /* align-items: center;
        justify-items: center;
        text-align: center; */
      }

      ._tableDetails_knhh6_16 > p , ._tableDetailsTitles_knhh6_20 > p {
        font-size: .9rem;
        text-transform: capitalize;
      }

      ._tableDetails_knhh6_16._small_knhh6_94, ._tableDetailsTitles_knhh6_20._small_knhh6_94 {
        grid-template-columns: 2rem minmax(0,1fr) 4rem !important; 
        justify-items: start;
        text-align: left;
      }
  
       ._tableDetails_knhh6_16 > img {
        max-width: 100%;
        max-height: 100%;
      }
      ._tableDetailsTitles_knhh6_20 > ._imgTitle_knhh6_32 {
        padding: .5rem 0;
      }
  
      ._tableDetailsTitles_knhh6_20 {
        background-color: var(--gray-600);
        border-radius: 8px 8px 0 0;
      }
  
      ._tableDetailsContainer_knhh6_83 {
        max-height: fit-content;
        border-radius: 0;
        overflow: hidden;
        gap: 0;
        margin-bottom: .5rem;
      }
  
      ._tableDetails_knhh6_16 > p._priority_knhh6_155, ._tableDetailsTitles_knhh6_20 > p._priority_knhh6_155 {
        grid-column-start: span 2;
        text-align: left;
      }
      ._tableDetails_knhh6_16 > p:last-child {
        padding-left: 0;
      }
      ._tableDetails_knhh6_16:last-child > p._priority_knhh6_155 {
        margin-bottom: .5rem;
      }
      ._tableDetailsGrid_knhh6_16 > ._tableDetails_knhh6_16._ordinary_knhh6_252._leaderboard_knhh6_126:first-child{
        background-color: var(--yellow-500);
      }
  }
  
  @media screen and (min-width: 1008px) {
      ._tableDetailsTitles_knhh6_20 > p, ._tableDetails_knhh6_16 > p{
          font-size: .6rem;
      }
      ._tableDetailsTitles_knhh6_20, ._tableDetails_knhh6_16 {
        text-transform: capitalize;
  
      }
      ._tableDetails_knhh6_16 > p._priority_knhh6_155, ._tableDetailsTitles_knhh6_20 > p._priority_knhh6_155 {
        grid-column-start: span 3;
        margin: 0;
      }
  
  }
  
  @media screen and (min-width: 1440px) {
    ._winner_knhh6_97 > p {
      margin-left: 0;
    }
      ._tableDetailsGrid_knhh6_16 {
          grid-template-columns: 1fr;
        }
  
      ._tableDetailsTitles_knhh6_20, ._tableDetails_knhh6_16{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(2rem,1fr));
        font-size: .6rem;
        gap: .5rem;
        align-items: center;
        justify-items: center;
        text-align: center;
      }
      ._tableDetailsTitles_knhh6_20:has(>._priority_knhh6_155), ._tableDetails_knhh6_16:has(> ._priority_knhh6_155) {
        align-items: start;
        justify-items: start;
        text-align: left;
      }
      /* .tableDetails.small, .tableDetails.small {
        grid-template-columns: 8rem minmax(0,1fr) 8rem !important;
      }
      .tableDetails.small > p:last-child, .tableDetailsTitles.small > p:last-child {
        margin-left: auto;
      } */
      ._tableDetailsTitles_knhh6_20 > p {
        font-weight: 600;
      }
      ._tableDetailsTitles_knhh6_20 > p, ._tableDetails_knhh6_16 > p, ._tableDetails_knhh6_16 > img{
        /* padding-left: 1rem; */
        font-size: .75rem;
        text-transform: capitalize;
      }
  
      ._tableDetails_knhh6_16{
        padding: 0;
      }
      ._tableTotal_knhh6_312 {
        width: fit-content;
        margin-left: auto;
        gap: 1rem;
      }
  
     ._tableStatus_knhh6_318 {
      font-size: 0.9rem;
  
     }
  
        ._tableDetails_knhh6_16 > p._priority_knhh6_155, ._tableDetailsTitles_knhh6_20 > p._priority_knhh6_155 {
          grid-column-start: span 4;
        }
        ._tableDetails_knhh6_16 > p._priority_knhh6_155 {
          text-align: left;
        }
    

  }
  
  @keyframes _float_knhh6_1 {
	0% {
		/* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
    /* 25% {
        transform: translateY(-1.5px);
    } */
	50% {
		/* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
		transform: translatey(-4px);
	}
    /* 75% {
        transform: translateY(-1.5px);
    } */
	100% {
		/* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
		transform: translatey(0px);
	}
}._importForm_1pt5i_1{
    display: flex;
    gap:1rem;
    align-items:flex-end;
}
._importForm_1pt5i_1 select{
    margin:0.5rem 0!important;
}
._importForm_1pt5i_1 button{
    margin:0.5rem 0!important;
}._message_wr7s4_1{
    display: flex;
    max-width: 200px;
    gap:1rem; 
    align-items: center;
    background:var(--yellow-500);
    color:var(--gray-800);
    padding:0.5rem;
    border-radius:5px;
}._success_lul3m_1{
    display: block;
    max-width: 200px;
    gap:1rem; 
    align-items: center;
    background:var(--green-500);
    text-align: center;
    color:white;
    padding:0.5rem;
    border-radius:5px;
    cursor:pointer;
}

._error_lul3m_14{
    display: block;
    max-width: 200px;
    gap:1rem; 
    align-items: center;
    background:var(--red-500);
    text-align: center;
    color:white;
    padding:0.5rem;
    border-radius:5px;
}

._warning_lul3m_26{
    display: block;
    max-width: 200px;
    gap:1rem; 
    margin:1rem 0;
    align-items: center;
    background:var(--gray-600);
    text-align: center;
    color:white;
    padding:0.5rem;
    border-radius:5px;
    cursor:pointer;
}._title_f7sgc_1 {
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}
._table_f7sgc_8 {
    width: 100%;
    border-collapse: collapse;
    
    
}
._isFlexBadge_f7sgc_14, ._isWeDropBadge_f7sgc_14{
    position: relative;
    display: flex;
    justify-items: space-between;
    gap: 1rem;
    align-items: center;

}
._isFlexBadge_f7sgc_14 span{
    background: var(--blue-500);
    color: white;
    padding: 0.3rem;
    border-radius: 5px;
    display: flex;
}
._isWeDropBadge_f7sgc_14 span{
    background: var(--yellow-500);
    color: black;
    padding: 0.3rem;
    border-radius: 5px;
    display: flex;
}

._table_f7sgc_8 thead th {
    background: var(--gray-600);
    padding: 0.75rem;
    text-align: left;
    color: var(--gray-100);
    font-size: 0.75rem;
    line-height: 1.6;
    
}
._table_f7sgc_8 tbody{
    padding:0 0 1rem 0;
}
._table_f7sgc_8 tbody tr td{
    padding:1rem 0.75rem;
    vertical-align: middle;
    font-size:0.75rem;
    border-bottom:1px solid var(--gray-700);
}
._table_f7sgc_8 tbody tr td:last-child{
    min-width: 100px;
}
._table_f7sgc_8 tbody tr:last-child td{
    border:none;
}
._table_f7sgc_8 tbody tr:last-child td._status_f7sgc_61{
    min-width: 180px;
}
@media screen and (min-width: 768px) {
    ._title_f7sgc_1{
        font-size: 2rem;
        margin-right: 1rem;
    }
}

@media screen and (min-width: 1008px) {
    ._title_f7sgc_1{
        margin-right: 0;
    }
}


._pageContainer_1meax_2 {
    display: flex;
    flex-direction: column;
    width: 90%;
    gap: 1rem;
    padding: 1rem;
}
._bannerContainer_1meax_9 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}
._bannerContainer_1meax_9 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    max-width: 100%;    
        
}

._bannerContainer_1meax_9 > div {
    align-self: center;
}

._gridContainer_1meax_28 {
    background-color: var(--gray-800);
    border-radius: 8px;
    padding: 1rem;

}


._productsContainer_1meax_36 {
    display: grid;
    gap: 1rem;
    padding: .5rem;
}
._leaderBoard_1meax_41 {
    display: flex;
    flex-direction: column;
    gap: .5rem;}

._paginationFooter_1meax_46 {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

._rankInfo_1meax_55 {
    color: var(--yellow-500);
    font-size: .55rem;

}

@media screen and (min-width: 768px) {
    ._productsContainer_1meax_36 {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
._rankInfo_1meax_55 {
    font-size: .65rem;
}

}

@media screen and (min-width: 1440px) {
    ._pageContainer_1meax_2{
        gap: 1rem;
    }

    ._gridContainer_1meax_28 {
        display: flex;
        flex-direction: column;
    }
   
    ._bannerContainer_1meax_9 {
        
        height: 100%;
        width: 100%;

    }


    ._leaderBoard_1meax_41 {

        gap: 1rem;
        grid-row-start: 1;
        grid-row-end: 3;
    }

    ._paginationFooter_1meax_46 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        gap: 0;
    }

    ._rankInfo_1meax_55 {
        font-size: .7rem;
    }
    
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

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

/*# sourceMappingURL=ReactToastify.css.map */