/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./assets/scss/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
body::-webkit-scrollbar, .modal::-webkit-scrollbar, #images-carousel-controls::-webkit-scrollbar, .ss-list::-webkit-scrollbar {
  width: 0.5rem;
}

body::-webkit-scrollbar-track, .modal::-webkit-scrollbar-track, #images-carousel-controls::-webkit-scrollbar-track, .ss-list::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219/var(--tw-bg-opacity));
}

body::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, #images-carousel-controls::-webkit-scrollbar-thumb, .ss-list::-webkit-scrollbar-thumb {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #FF6464 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 100 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(25 87 146 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #195792 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #FF6464 var(--tw-gradient-to-position);
}

a, button {
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover, button:hover {
  cursor: pointer;
}

a:focus,
a:active,
button:focus,
button:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.grecaptcha-badge {
  visibility: hidden;
}

.base-transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

h1, h2, h3, h4, h5, h6 {
  font-family: Poppins, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

b {
  font-weight: 700;
}

.strike-through {
  position: relative;
}

.strike-through::after {
  content: "";
  height: 2px;
  z-index: 10;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.75;
  position: absolute;
  top: 50%;
  left: 0.25rem;
  right: 0.25rem;
  transform-origin: center;
  --tw-rotate: -6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.base-typography h1, .base-typography h2, .base-typography h3, .base-typography h4, .base-typography h5, .base-typography h6 {
  margin-bottom: 0.75rem;
}

.base-typography p {
  text-align: justify;
}

.base-typography p, .base-typography ul, .base-typography ol {
  margin-bottom: 0.5rem;
}

.base-typography h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.base-typography h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.base-typography h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.base-typography h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.base-typography h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.base-typography h6 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.base-typography a {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.base-typography a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

.dark .base-typography a {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

.dark .base-typography a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.description-typography h1, .description-typography h2, .description-typography h3, .description-typography h4, .description-typography h5, .description-typography h6 {
  margin-bottom: 0.75rem;
}

.description-typography p, .description-typography ul, .description-typography ol {
  margin-bottom: 0.5rem;
}

.description-typography ul {
  list-style-position: inside;
  list-style-type: disc;
}

.description-typography ol {
  list-style-position: inside;
  list-style-type: decimal;
}

.description-typography h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.description-typography h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.description-typography h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.description-typography h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.description-typography h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.description-typography h6 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.description-typography a {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.description-typography a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

.dark .description-typography a {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

.dark .description-typography a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.payment-image {
  width: 3rem;
  height: auto;
}

.payment-text {
  font-size: 0.75rem;
  line-height: 1rem;
}

.icon {
  transform-origin: center;
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" -25, "opsz" 20;
}

.icon.fill {
  font-variation-settings: "FILL" 1;
}

.icon.thin {
  font-variation-settings: "wght" 200;
}

.icon.bold {
  font-variation-settings: "wght" 600;
}

.loading-container {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50;
  height: 100%;
  width: 100%;
}

.sk-chase {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  animation-name: sk-chase;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
}

.sk-chase-dot {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  animation-name: sk-chase-dot;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.sk-chase-dot:before {
  content: "";
  display: block;
  height: 33.333333%;
  width: 33.333333%;
  border-radius: 9999px;
  background-color: #FF6464;
  animation-name: sk-chase-dot-before;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
.btn {
  position: relative;
  z-index: 0;
  display: inline-block;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.btn:disabled {
  opacity: 0.25;
}

.btn:disabled:hover {
  cursor: not-allowed;
}

.btn.btn-primary {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.btn.btn-primary:hover {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 100 100/var(--tw-bg-opacity));
}

.btn.btn-outline-primary {
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.btn.btn-outline-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 100 100/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.btn.btn-secondary {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 100 100/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.btn.btn-secondary:hover {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
}

.btn.btn-outline-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(255 100 100/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

.btn.btn-outline-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 100 100/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.btn.btn-google {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  background-color: #DB4437;
  border-color: #DB4437;
}

.btn.btn-google:hover {
  background-color: #bd2e22;
  border-color: #bd2e22;
}

.btn.btn-facebook {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  background-color: #4267B2;
  border-color: #4267B2;
}

.btn.btn-facebook:hover {
  background-color: #34518d;
  border-color: #34518d;
}

.link {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.link:hover {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

.dark .link {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

.dark .link:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.dark .btn-outline-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.dark .btn-outline-secondary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

*:not(.grid) > .form-group {
  margin-bottom: 0.75rem;
}

.form-label {
  font-weight: 700;
}

.form-control {
  display: block;
  width: 100%;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  line-height: 1.5;
  background-color: transparent;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.form-control:focus {
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

.form-control.input-validation-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

.form-control.input-validation-valid {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94/var(--tw-border-opacity));
}

.form-control[type=checkbox] {
  display: inline-block;
  width: auto;
}

.field-validation-error {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
}

.validation-summary-errors {
  margin-bottom: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXd Cb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSIjYTBhZWMwIiBzdHJva2UtbGluZWNhcD0icm 91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNiA4b DQgNCA0LTQiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
}

select.form-control:required:invalid {
  --tw-text-opacity: 1;
  color: rgb(107 114 128/var(--tw-text-opacity));
}

select.form-control > option[value=""] {
  display: none;
}

select.form-control option {
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(17 24 39/var(--tw-text-opacity));
}

.dark .form-control {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99/var(--tw-border-opacity));
}

:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 0px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: block;
  width: 100%;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  line-height: 1.5;
  background-color: transparent;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ss-main:focus {
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

.ss-main.input-validation-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

.ss-main.input-validation-valid {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94/var(--tw-border-opacity));
}

.ss-main[type=checkbox] {
  display: inline-block;
  width: auto;
}

select.ss-main {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXd Cb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSIjYTBhZWMwIiBzdHJva2UtbGluZWNhcD0icm 91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNiA4b DQgNCA0LTQiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
}

select.ss-main:required:invalid {
  --tw-text-opacity: 1;
  color: rgb(107 114 128/var(--tw-text-opacity));
}

select.ss-main > option[value=""] {
  display: none;
}

select.ss-main option {
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(17 24 39/var(--tw-text-opacity));
}

.dark .ss-main {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99/var(--tw-border-opacity));
}

.ss-main {
  display: flex;
  cursor: pointer;
}

.ss-main.ss-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99/var(--tw-bg-opacity));
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity));
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
}

.ss-main .ss-values .ss-value {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-error-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
  display: block;
  width: 100%;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  line-height: 1.5;
  background-color: transparent;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ss-content .ss-search input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

.ss-content .ss-search input.input-validation-error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity));
}

.ss-content .ss-search input.input-validation-valid {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94/var(--tw-border-opacity));
}

.ss-content .ss-search input[type=checkbox] {
  display: inline-block;
  width: auto;
}

select.ss-content .ss-search input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXd Cb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSIjYTBhZWMwIiBzdHJva2UtbGluZWNhcD0icm 91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNiA4b DQgNCA0LTQiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
}

select.ss-content .ss-search input:required:invalid {
  --tw-text-opacity: 1;
  color: rgb(107 114 128/var(--tw-text-opacity));
}

select.ss-content .ss-search input > option[value=""] {
  display: none;
}

select.ss-content .ss-search input option {
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(17 24 39/var(--tw-text-opacity));
}

.dark .ss-content .ss-search input {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99/var(--tw-border-opacity));
}

.ss-content .ss-search input {
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  /*      &::placeholder {
    color: var(--ss-font-placeholder-color);
    vertical-align: middle;
  }

  &:focus {
    box-shadow: 0 0 5px var(--ss-primary-color);
  }*/
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: flex;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  color: var(--ss-font-color);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: var(--ss-highlight-color);
}

.ss-main .variant, .ss-list .variant {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.ss-main .variant .name, .ss-list .variant .name {
  flex-grow: 1;
  white-space: normal;
  text-align: left;
  font-weight: 700;
}

.ss-main .variant .price, .ss-list .variant .price {
  border-bottom-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 100 100/var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.ss-main .variant .features, .ss-list .variant .features {
  display: flex;
  width: 100%;
  flex-grow: 1;
  justify-content: flex-start;
}

.ss-main .variant .features .feature, .ss-list .variant .features .feature {
  display: flex;
}

.ss-main .variant .features .feature-color, .ss-list .variant .features .feature-color {
  display: flex;
}

.ss-main .variant .features .feature-color .color-block, .ss-list .variant .features .feature-color .color-block {
  display: inline-block;
}

.features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  row-gap: 0.5rem;
}

.features .feature {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.features .feature > input + span {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246/var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.features .feature:hover > input:not(:disabled) + span {
  cursor: pointer;
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

.features .feature > input:checked + span {
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.features .feature > input:disabled + span {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(229 231 235/var(--tw-text-opacity));
  position: relative;
}

.features .feature > input:disabled + span::after {
  content: "";
  height: 2px;
  z-index: 10;
  background-color: rgb(239 68 68/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.75;
  position: absolute;
  top: 50%;
  left: 0.25rem;
  right: 0.25rem;
  transform-origin: center;
  --tw-rotate: -6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.features .feature .feature-color {
  display: flex;
  align-items: center;
}

.features .feature .feature-color .color-block {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
}

.feature-error, .features-errors, .variant-error {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
}

#selectable-features .selection-title {
  margin-bottom: 0.25rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#selectable-features .feature-title {
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1;
}

#selectable-features .feature-container {
  margin-bottom: 0.75rem;
}

#selectable-features .attribute-reset {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(161 98 7/var(--tw-text-opacity));
}

#selectable-features .attribute-reset:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity));
}

#table-variants .selection-title {
  margin-bottom: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  padding: 0.25rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

#table-variants .link {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

#table-variants .link:hover {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

#table-variants .codes {
  display: flex;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

#table-variants .feature {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

#table-variants .feature .feature-color {
  display: flex;
  align-items: center;
}

#table-variants .feature .feature-color .color-block {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
}

#table-variants .variants-table {
  width: 100%;
}

#table-variants .variants-table thead {
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

#table-variants .variants-table thead tr th {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

#table-variants .variants-table tbody {
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

#table-variants .variants-table tbody tr.selected {
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}

#table-variants .variants-table tbody tr td {
  padding: 0.25rem;
}

#table-variants .variants-table tbody tr td:last-child {
  width: 1%;
}

#dropdown-variants .selection-title {
  margin-bottom: 0.25rem;
  background-color: rgb(255 100 100/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  padding: 0.25rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.product-modal #selectable-features {
  justify-content: center;
  text-align: center;
}

#table-pricetiers {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

#table-pricetiers thead tr {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

#table-pricetiers thead tr th {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1;
}

#table-pricetiers tbody tr:nth-child(2n+1) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity));
}

.specifications dt {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.specifications h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.specifications div.grid {
  gap: 0.25rem;
}

.product-card .main-image, .product-card .overlay-image, .category-card .main-image, .category-card .overlay-image, .brand-card .main-image, .brand-card .overlay-image {
  position: relative;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card .overlay-image, .category-card .overlay-image, .brand-card .overlay-image {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.product-card:hover .overlay-image ~ .main-image, .category-card:hover .overlay-image ~ .main-image, .brand-card:hover .overlay-image ~ .main-image {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.product-card:hover .overlay-image, .category-card:hover .overlay-image, .brand-card:hover .overlay-image {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.product-card .overlay, .category-card .overlay, .brand-card .overlay {
  display: flex;
  justify-content: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.product-card:hover .overlay, .category-card:hover .overlay, .brand-card:hover .overlay {
  --tw-translate-y: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.brand-card img {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  filter: grayscale(100%);
}

.brand-card:hover img {
  filter: grayscale(0);
}

.search-page {
  display: grid;
  grid-gap: 0 1.5rem;
  grid-template-areas: "categories" "brands" "search" "products";
  grid-template-rows: min-content min-content min-content 1fr;
}

@media (min-width: 1024px) {
  .search-page {
    grid-template-columns: auto 1fr;
    grid-template-areas: "categories search" "categories products" "brands products" ". products";
    grid-template-rows: min-content min-content min-content 1fr;
  }
}
.search-page #brands-list {
  grid-area: brands;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  max-width: 24rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
}

@media (min-width: 1024px) {
  .search-page #brands-list {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
.search-page #brands-list .brands-title {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.search-page #brands-list .brands-title .brands-button {
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase;
}

.search-page #brands-list #brands-container {
  padding: 0.75rem;
}

.search-page #categories-list {
  grid-area: categories;
  max-width: 24rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.search-page #categories-list .categories-title {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
}

.search-page #categories-list .categories-title .categories-button {
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase;
}

.search-page #categories-list #categories-container {
  overflow: hidden;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.search-page #categories-list .category-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-page #categories-list .category-link {
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.5rem;
}

.search-page #categories-list .category-link:hover {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.search-page #categories-list .category-link.is-selected, .search-page #categories-list .category-link.is-open {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.search-page #categories-list .category-button {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.search-page #categories-list .category-button.is-selected {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.search-page #categories-list .category-button.is-open {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.search-page #categories-list .category-button:hover {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.search-page #categories-list .category-menu {
  overflow: hidden;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.search-page #categories-list .category-menu:not(.category-l-0) {
  max-height: 0px;
}

.search-page #categories-list .category-menu.is-open {
  max-height: 100%;
}

.search-page #categories-list .category-leaf .category-link {
  line-height: 1.25;
}

.search-page #categories-list .category-leaf .category-button.is-selected {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.search-page #categories-list .category-leaf:hover .category-button {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.search-page #categories-list .category-leaf:hover .category-button:hover {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.search-page #categories-list .category-l-0.category-menu {
  padding-left: 0px;
}

.search-page #categories-list .category-l-1 > .category-container {
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(25 87 146/var(--tw-bg-opacity));
  padding-left: 0.25rem;
}

.search-page #categories-list .category-l-1 > .category-container > .category-link {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.search-page #categories-list .category-l-1 > .category-container > .category-link:hover {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.search-page #categories-list .category-l-1 > .category-container > .category-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.search-page #categories-list .category-l-2 > .category-container {
  padding-left: 0.5rem;
}

.search-page #categories-list .category-l-3 > .category-container {
  padding-left: 1rem;
}

.search-page #products-list {
  grid-area: products;
}

.search-page #search-engine {
  grid-area: search;
}

.dark .search-page #brands-list, .dark .search-page .brands-title, .dark .search-page #categories-list, .dark .search-page .categories-title {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99/var(--tw-border-opacity));
}

.search-page #selected-category,
.search-page #selected-brand {
  display: none;
}

.search-page #selected-category .selected-title, .search-page #selected-brand .selected-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.search-page #selected-category .selected-description, .search-page #selected-brand .selected-description {
  margin-bottom: 0.75rem;
  white-space: pre-line;
}

.search-page #selected-category .selected-images, .search-page #selected-brand .selected-images {
  display: none;
}

.search-page #selected-category .selected-images .selected-image, .search-page #selected-brand .selected-images .selected-image {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity));
}

.selected-top #selected-category,
.selected-top #selected-brand,
.selected-bottom #selected-category,
.selected-bottom #selected-brand {
  display: block;
}

.selected-top .search-page {
  grid-template-areas: "categories" "brands" "search" "selectedCategory" "selectedBrand" "products";
  grid-template-rows: min-content min-content min-content min-content min-content 1fr;
}

@media (min-width: 1024px) {
  .selected-top .search-page {
    grid-template-areas: "categories search" "categories selectedCategory" "categories selectedBrand" "categories products" "brands products" ". products";
    grid-template-rows: min-content min-content min-content min-content min-content 1fr;
  }
}
.selected-bottom .search-page {
  grid-template-areas: "categories" "brands" "search" "products" "selectedCategory" "selectedBrand";
  grid-template-rows: min-content min-content min-content 1fr min-content min-content;
}

@media (min-width: 1024px) {
  .selected-bottom .search-page {
    grid-template-areas: "categories search" "categories products" "brands products" ". products" ". selectedCategory" ". selectedBrand";
    grid-template-rows: min-content min-content min-content 1fr min-content min-content;
  }
}
.categories-columns {
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 640px) {
  .categories-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .categories-columns {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1024px) {
  .categories-columns {
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1280px) {
  .categories-columns {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (min-width: 1536px) {
  .categories-columns {
    -moz-column-count: 6;
    column-count: 6;
  }
}
.brands-columns {
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 640px) {
  .brands-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .brands-columns {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1024px) {
  .brands-columns {
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (min-width: 1280px) {
  .brands-columns {
    -moz-column-count: 5;
    column-count: 5;
  }
}
@media (min-width: 1536px) {
  .brands-columns {
    -moz-column-count: 6;
    column-count: 6;
  }
}
.products-columns {
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 768px) {
  .products-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1024px) {
  .products-columns {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1536px) {
  .products-columns {
    -moz-column-count: 4;
    column-count: 4;
  }
}
.attributes-columns {
  -moz-column-count: 1;
  column-count: 1;
}

@media (min-width: 768px) {
  .attributes-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1024px) {
  .attributes-columns {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1536px) {
  .attributes-columns {
    -moz-column-count: 4;
    column-count: 4;
  }
}
.shareon {
  background: transparent;
  /*.whatsapp {
      color: #25d366;

      &:hover {
          border-color: #25d366;
      }
  }

  .facebook-messenger {
      color: #0084ff;

      &:hover {
          border-color: #0084ff;
      }
  }

  .telegram {
      color: #0088cc;

      &:hover {
          border-color: #0088cc;
      }
  }

  .facebook {
      color: #3b5999;

      &:hover {
          border-color: #3b5999;
      }
  }

  .twitter {
      color: #55acee;

      &:hover {
          border-color: #55acee;
      }
  }

  .linkedin {
      color: #0077b5;

      &:hover {
          border-color: #0077b5;
      }
  }

  .mail {
      color: #131418;

      &:hover {
          border-color: #131418;
      }
  }*/
}

.shareon .title {
  padding: 0 0.25rem;
  font-size: 0.875rem;
  display: none;
}

.shareon .links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shareon .social {
  font-size: 1.25rem;
  padding: 0 0.5rem;
  text-align: center;
  margin: 0 1px;
  filter: grayscale(100);
}

.shareon .social:hover {
  filter: grayscale(0);
}

.shareon .whatsapp {
  color: #25d366;
}

.shareon .facebook-messenger {
  color: #0084ff;
}

.shareon .telegram {
  color: #0088cc;
}

.shareon .facebook {
  color: #3b5999;
}

.shareon .twitter {
  color: #55acee;
}

.shareon .linkedin {
  color: #0077b5;
}

.shareon .mail {
  color: #131418;
}

#main-menu .is-selected {
  --tw-border-opacity: 1;
  border-color: rgb(25 87 146/var(--tw-border-opacity));
}

#responsive-navbar {
  max-height: 0;
  transition: max-height 500ms ease-in-out;
}

#responsive-navbar.open-responsive {
  max-height: 1000px;
}

.free-shipping-counter-container .free-shipping-counter {
  font-size: 1rem;
  line-height: 1.5rem;
}

.free-shipping-counter-container .free-shipping-counter b {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.cart-shipping-timer-container {
  font-size: 1rem;
  line-height: 1.5rem;
}

.cart-shipping-timer-container .cart-shipping-timer b {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.product-shipping-timer-container .product-shipping-timer {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}

.product-shipping-timer-container .product-shipping-timer b {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.checkout-shipping-timer-container {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.checkout-shipping-timer-container .checkout-shipping-timer {
  font-size: 1rem;
  line-height: 1.5rem;
}

.checkout-shipping-timer-container .checkout-shipping-timer b {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.checkout-shipping-timer-container .alert-delivery {
  font-size: 1rem;
  line-height: 1.5rem;
}

.checkout-shipping-timer-container .alert-delivery b {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.checkout-shipping-timer-container .alert-has-overbook {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.checkout-shipping-timer-container .alert-multiple-evasion-times {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.checkout-shipping-timer-container .alert-common {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.parallax-data {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.parallax-data:after {
  content: "";
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.25;
}

.video-container {
  position: relative;
  padding-bottom: calc(var(--aspect-ratio, 0.5625) * 100%);
  height: 0;
}

.video-container iframe, .video-container embed, .video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=style.css.map*/