/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: 'Stolzl';
  src: url('fonts/Stolzl-Bold.woff2') format('woff2'), url('fonts/Stolzl-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stolzl';
  src: url('fonts/Stolzl-Light.woff2') format('woff2'), url('fonts/Stolzl-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stolzl';
  src: url('fonts/Stolzl-Regular.woff2') format('woff2'), url('fonts/Stolzl-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! Syoma vendor bundle: Swiper + Fancybox only; extracted from build.css */
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1,150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -124;
  }
}
@keyframes f-throwOutUp {
  to {
    transform: translate3d(0,-150px,0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0,150px,0);
    opacity: 0;
  }
}
@keyframes f-zoomInUp {
  0% {
    transform: scale(.975) translate3d(0,16px,0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0,0,0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(.975) translate3d(0,16px,0);
    opacity: 0;
  }
}
@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  to {
    opacity: 0;
  }
}
@keyframes f-fadeFastIn {
  0% {
    opacity: .75;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  to {
    opacity: 0;
  }
}
@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  to {
    opacity: 0;
  }
}
@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translate3d(0,0,0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translate3d(0,0,0);
  }
}
@keyframes f-slideOutNext {
  to {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  to {
    transform: translateX(100%);
  }
}
@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  to {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  to {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  to {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  to {
    transform: translateX(75px);
    opacity: 0;
  }
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper,.swiper-wrapper {
  position: relative;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  list-style: none;
  padding: 0;
  display: block;
}
.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
  transform: translate3d(0,0,0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
button.swiper-pagination-bullet {
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  transform: translate3d(0,-50%,0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left;
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0;
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar,.swiper-scrollbar-drag {
  position: relative;
  border-radius: var(--swiper-scrollbar-border-radius,10px);
}
.swiper-scrollbar {
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset,1%);
  bottom: var(--swiper-scrollbar-bottom,4px);
  top: var(--swiper-scrollbar-top,auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size,4px);
  width: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left,auto);
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size,4px);
  height: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cards,.swiper-cube,.swiper-flip {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-flip .swiper-slide {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cards .swiper-slide,.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
.swiper-creative .swiper-slide {
  transition-property: transform,opacity,height;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
}
:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}
.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}
.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}
.f-spinner svg :first-child {
  stroke: var(--f-spinner-color-1);
}
.f-spinner svg :last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}
.f-throwOutUp {
  animation: .175s ease-out both f-throwOutUp;
}
.f-throwOutDown {
  animation: .175s ease-out both f-throwOutDown;
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp;
}
.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown;
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
  z-index: 2;
}
.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
  z-index: 1;
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}
.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}
.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
  z-index: 2;
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}
.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
  z-index: 1;
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideInNext;
}
.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev;
}
.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext;
}
.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev;
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
  z-index: 2;
}
.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
  z-index: 2;
}
.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
  z-index: 1;
}
.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
  z-index: 1;
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}
.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}
@media (hover:hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
  outline: 0;
}
.f-button:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity .15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}
.f-button[disabled] {
  cursor: default;
}
.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev {
  position: absolute;
  z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev {
  top: 50%;
  transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg {
  transform: rotate(90deg);
}
html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}
html.with-fancybox body {
  touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}
.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: transparent;
  overflow: visible;
  z-index: 1050;
  outline: 0;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}
*,.fancybox__container *,.fancybox__container ::after,.fancybox__container ::before,:after,:before {
  box-sizing: inherit;
}
.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}
.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}
.fancybox__viewport {
  width: 100%;
  height: 100%;
}
.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}
.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}
.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-image,.fancybox__slide.has-video {
  overflow: hidden;
}
.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected {
  overflow: visible;
}
.fancybox__slide::after,.fancybox__slide::before {
  content: "";
  flex: 0 0 0;
  margin: auto;
}
.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}
.f-thumbs__slide.is-loading img,.is-loading .fancybox__content {
  opacity: 0;
}
.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}
.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}
.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}
.fancybox__content [contenteditable],.fancybox__content [data-selectable] {
  cursor: auto;
}
.fancybox__slide.has-image>.fancybox__content {
  padding: 0;
  background: 0 0;
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
}
.fancybox__slide.has-image>.fancybox__content>picture>img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden;
}
.is-animating .fancybox__content,.is-dragging .fancybox__content {
  filter: blur(0);
  will-change: transform,width,height;
}
.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  user-select: none;
}
.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}
.is-closing .fancybox__caption,.is-loading .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}
.is-compact .fancybox__caption {
  padding-bottom: 0;
}
.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}
.fancybox__content>.f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: .75;
}
.is-loading .fancybox__content>.f-button.is-close-btn,.is-zooming-out .fancybox__content>.f-button.is-close-btn {
  visibility: hidden;
}
.fancybox__content>.f-button.is-close-btn:hover {
  opacity: 1;
}
.is-compact .fancybox__content>.f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}
.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}
.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}
.fancybox__slide>.f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}
.fancybox-ghost,.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 40;
  user-select: none;
}
.fancybox-protected {
  right: 0;
  bottom: 0;
}
.fancybox-ghost {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  pointer-events: none;
}
.fancybox-focus-guard {
  outline: 0;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel) {
  animation: .25s ease .1s backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: .35s ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel) {
  animation: .15s ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: .35s ease forwards f-fadeOut;
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}
.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}
.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}
.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
  padding: 0;
  background: rgba(24,24,27,.9);
  color: #fff;
}
.has-map .fancybox__content {
  background: #e5e3df;
}
.fancybox__html5video,.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: 0 0;
}
.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px,1px,1px,1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.f-carousel__thumbs,.f-carousel__thumbs.is-classic {
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}
.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}
.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
}
.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
}
.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}
.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2,#e2e8f0);
  z-index: -1;
}
.f-thumbs .f-spinner svg {
  display: none;
}
.f-thumbs.is-vertical,.is-classic .f-thumbs__viewport {
  height: 100%;
}
.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.f-thumbs__track {
  display: flex;
  will-change: transform;
}
.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  min-width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}
.is-modern .f-thumbs__track {
  width: max-content;
}
.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left, 0)*1px);
  width: calc(100% - var(--width, 0)*1px);
  cursor: pointer;
}
.is-modern .f-thumbs__slide {
  --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
  transform: translate3d(calc(var(--shift, 0)*-1px),0,0);
  transition: none;
  pointer-events: none;
}
.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
}
.is-modern .f-thumbs__slide>* {
  clip-path: var(--clip-path);
}
.is-modern.in-touch .f-thumbs__slide {
  filter: none;
}
.is-modern.is-resting .f-thumbs__slide,.is-modern.is-resting .f-thumbs__slide>* {
  transition: all .33s ease;
}
.f-thumbs__slide__button {
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: 0 0;
  outline: 0;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity .2s ease;
}
.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: 0;
}
.f-thumbs__slide__button:focus-visible {
  outline: 0;
  opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}
.is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn .2s ease-out;
  z-index: 10;
}
.f-thumbs__slide__img {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  object-fit: cover;
}
.f-thumbs.is-horizontal .f-thumbs__track {
  margin: 0 auto;
  padding: 8px 0 12px;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height .35s cubic-bezier(.23,1,.32,1);
}
.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-classic .f-spinner,.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
}
.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}
.fancybox__thumbs.is-masked {
  max-height: 0 !important;
}
.is-closing .fancybox__thumbs {
  transition: none !important;
}
.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}
.fancybox__toolbar :focus-visible {
  z-index: 1;
}
.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}
.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  user-select: none;
}
.fancybox__infobar span {
  padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
  position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}
.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  user-select: none;
  pointer-events: none;
}
html.realtime-preview .globalheader {
  display: none;
}
html.realtime-preview .content {
  margin-right: 0;
}
html.realtime-preview .page {
  top: 0;
  margin: 10px 0;
}
.breadcrumbs {
  font-size: var(--font-size-sm);
  color: var(--color-grey);
  margin: var(--grid-gutter) 0 calc(var(--grid-gutter) * 1);
}
.breadcrumbs__empty {
  margin-top: calc(var(--grid-gutter) * 1);
}
@media screen and (max-width:900px) {
  .breadcrumbs__empty {
    margin-top: 15px;
  }
  .breadcrumbs {
    margin: 15px 0 10px 0;
  }
}
.breadcrumbs ul {
  background: transparent;
  position: relative;
  margin: 0;
  list-style: none;
  padding: 0;
}
.breadcrumbs ul li {
  display: inline-block;
  position: relative;
}
@media screen and (max-width:900px) {
  .breadcrumbs ul li {
    margin-right: var(--grid-gutter);
  }
}
.breadcrumbs ul li:after {
  top: -1px;
  left: 0;
  position: relative;
  content: " ";
  padding: 0 var(--grid-gutter);
  color: var(--color-grey);
  font-size: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.531' height='13.269' viewBox='0 0 7.531 13.269'%3E%3Cpath d='M.733.353l6.092 6.091-6.471 6.47' fill='none' stroke='%23707070' opacity='.94'/%3E%3C/svg%3E");
  background-position: 10px 0;
}
@media screen and (max-width:900px) {
  .breadcrumbs ul li:after {
    background-position: 0 0;
    background-size: 4px;
    top: 3px;
    left: 9px;
  }
}
.breadcrumbs ul li:last-child:after {
  display: none;
}
.breadcrumbs ul li a {
  color: var(--color-grey);
}
.breadcrumbs ul li a:hover {
  color: var(--color-link);
}
.breadcrumbs ul li:last-child:after {
  content: "";
}
.breadcrumbs ul ul {
  visibility: hidden;
  transition: all .3s ease;
  left: -20px;
  top: 30px;
  background: var(--color-white);
  position: absolute;
  z-index: 100;
  padding: 5px 15px;
  opacity: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  transform: translateY(20px);
  width: 280px;
}
.breadcrumbs ul ul li {
  z-index: 20;
  position: relative;
  display: block;
}
.breadcrumbs ul ul li a {
  display: block;
  padding: 5px;
}
.breadcrumbs ul li:hover>ul {
  opacity: 1;
  visibility: visible;
  height: auto;
  transform: translateY(0);
}
.clear-cart {
  color: var(--color-grey);
}
.cart {
  display: flex;
}
@media screen and (max-width:900px) {
  .cart {
    display: block;
  }
}
.cart__rightside {
  width: 400px;
  display: flex;
  flex-direction: column;
  margin-left: 30px;
}
@media screen and (max-width:900px) {
  .cart__rightside {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 0;
  }
}
form {
  width: 100%;
}
.articul {
  margin: 10px 0;
  font-size: 12px;
}
.affiliate-block {
  margin-bottom: 10px;
  background: var(--bg-secondary-color);
  padding: 20px;
  margin-top: 10px;
  position: relative;
  border-radius: 4px;
}
.affiliate-block .icon-info {
  font-size: 50px;
  position: absolute;
  top: 25px;
  left: 25px;
  color: var(--color-link);
}
.affiliate-text {
  padding-left: 80px;
}
.affiliate-text .btn-accept {
  margin-bottom: 10px;
}
.affiliate-text .affiliate-discount-available, .affiliate-text strong {
  font-weight: 700;
}
.cupon__area {
  height: 100%;
}
.custom-checkbox, .custom-radio {
  cursor: pointer;
}
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox>span {
  display: inline-flex;
  align-items: center;
  user-select: none;
  transition: all .25s cubic-bezier(.4, 0, .23, 1);
}
.custom-checkbox>span:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: .25em;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50% 50%;
}
.custom-checkbox>input:not(:disabled):not(:checked)+span:hover:before {
  border-color: #b3d7ff;
}
.custom-checkbox>input:not(:disabled):active+span:before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-checkbox>input:focus+span:before {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-checkbox>input:focus:not(:checked)+span:before {
  border-color: #80bdff;
}
.custom-checkbox>input:checked+span:before {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
  animation: b .2s cubic-bezier(.4, 0, .23, 1);
}
.custom-checkbox>input:disabled+span:before {
  background-color: #e9ecef;
}
.custom-radio>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-radio>span {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.custom-radio>span:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50% 50%;
}
.custom-radio>input:not(:disabled):not(:checked)+span:hover:before {
  border-color: #b3d7ff;
}
.custom-radio>input:not(:disabled):active+span:before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-radio>input:focus+span:before {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-radio>input:focus:not(:checked)+span:before {
  border-color: #80bdff;
}
.custom-radio>input:checked+span:before {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  animation: b .2s cubic-bezier(.4, 0, .23, 1);
}
.custom-radio>input:disabled+span:before {
  background-color: #e9ecef;
}
@keyframes b {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(.85);
  }
  to {
    transform: scale(1);
  }
}
.checkout {
  display: flex;
}
@media screen and (max-width:900px) {
  .checkout {
    display: block;
  }
}
.checkout__leftside {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.checkout__steps {
  display: flex;
  width: 100%;
  margin: 20px 0 40px;
  position: relative;
}
.checkout__steps-item {
  flex: 1;
  text-align: center;
}
.checkout__steps-dots {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.checkout__steps-dots, .checkout__steps-upcoming .checkout__steps-dots {
  background: var(--color-white);
}
.checkout__steps-name {
  font-size: var(--font-small);
  color: var(--color-grey);
  margin-top: 10px;
}
.checkout__steps:after {
  height: 3px;
  background: var(--color-white);
  position: absolute;
  z-index: 5;
  left: 0;
  top: 11px;
  width: 100%;
  content: " ";
}
.checkout__steps .active .checkout__steps-dots {
  position: relative;
  background: var(--color-link);
}
.checkout__steps .active .checkout__steps-dots:after {
  width: 16px;
  height: 16px;
  background: var(--color-link);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  z-index: 5;
  left: 4px;
  top: 4px;
  content: " ";
}
.checkout__steps .active .checkout__steps-name {
  color: var(--color-link);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-normal);
}
.checkout__steps .is-done {
  cursor: pointer;
  position: relative;
}
.checkout__steps .is-done:after {
  height: 3px;
  background: var(--color-link);
  position: absolute;
  z-index: 6;
  left: 0;
  top: 11px;
  width: 100%;
  content: " ";
}
.checkout__steps .is-done .checkout__steps-dots {
  position: relative;
  background: var(--color-link);
}
.checkout__steps .is-done .checkout__steps-dots:after {
  position: absolute;
  top: 4px;
  right: 7px;
  content: "\f00c";
  font-weight: 600;
  font-family: Font Awesome\ 5 Free;
  font-size: 10px;
  color: var(--color-white);
}
.checkout__rightside {
  width: 450px;
  display: flex;
  flex-direction: column;
  margin-left: 25px;
}
@media screen and (max-width:900px) {
  .checkout__rightside {
    width: 100%;
    display: block;
    margin-left: 0;
  }
}
.checkout__rightside .popup-cart-scroll {
  max-height: unset;
}
.checkout__rightside .popup-cart-change {
  display: block !important;
}
.checkout__rightside hr {
  margin: 15px -20px;
}
.checkout__rightside .header__popup-cart {
  opacity: 1;
  position: static;
  z-index: unset;
  visibility: visible;
  box-shadow: none;
  border: 1px solid var(--form-border);
  border-radius: var(--border-radius);
  background: var(--color-white);
  padding: var(--color-white);
  width: 100%;
}
.checkout__rightside .header__popup-cart .popup-cart-inner {
  background: transparent;
  margin-bottom: var(--grid-gutter);
}
.checkout__rightside .popup-cart-button, .checkout__rightside .popup-cart-checkout, .checkout__rightside .popup-cart-title {
  display: none;
}
.checkout .auth, .checkout .wa-signup-form {
  padding: var(--grid-gutter);
  background: var(--color-third);
  border-radius: var(--border-radius);
  color: var(--color-white);
}
.checkout .auth a, .checkout .wa-signup-form a {
  color: var(--color-white);
}
.checkout blockquote {
  background: transparent;
}
.checkout .inline {
  padding-left: 0;
}
.checkout .inline li {
  display: inline-block;
  margin-right: 30px;
}
.checkout .inline #login-form {
  margin-top: 20px;
}
.checkout .btn-big {
  width: 100%;
  font-size: var(--font-bigger);
  padding: 15px;
}
.checkout hr {
  margin: 30px 0;
}
.checkout h2 {
  font-weight: 400;
  background: var(--color-white);
  margin: 0;
  position: relative;
}
.checkout h2 a {
  text-decoration: none;
  font-size: 18px;
  padding: 17px 17px 17px 55px;
  display: block;
  border-bottom: 1px solid var(--color-white);
}
.checkout .checkout-step:last-child h2 a {
  border-bottom: 0;
}
.checkout .step-confirmation h2 {
  position: relative;
  font-size: 18px;
}
.checkout .step-confirmation h2:after {
  position: absolute;
  left: 25px;
  top: 22px;
  font-family: Stroke-Gap-Icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e6b5";
}
.checkout .step-confirmation .btn {
  display: inline-block;
  width: 100%;
}
.checkout blockquote {
  font-size: 14px;
  border-left: 0;
  padding: 0;
  margin: 0 0 0 20px;
}
@media screen and (max-width:900px) {
  .checkout blockquote {
    margin: 0;
  }
}
.checkout blockquote img {
  margin-right: 20px;
  float: left;
  border-radius: 50%;
}
.checkout blockquote p {
  margin-bottom: 5px;
  margin-left: 70px;
}
.checkout .checkout-content {
  margin-bottom: 50px;
}
.checkout .loading {
  vertical-align: middle;
  display: inline-block;
}
.checkout__finish {
  font-size: var(--font-bigger);
  color: var(--color-link);
  font-weight: var(--font-weight-bold);
  margin-top: 30px;
}
.checkout__confrimation {
  display: flex;
  margin-bottom: calc(var(--grid-gutter) * 2);
}
.checkout__confrimation h3, .checkout__confrimation h4 {
  font-size: var(--font-size-lg) !important;
  line-height: calc(var(--font-size-lg) + 4px);
  margin: var(--grid-gutter) var(--grid-gutter) var(--grid-gutter) 0;
}
@media screen and (max-width:900px) {
  .checkout__confrimation {
    display: block;
  }
}
.checkout__confrimation-block {
  flex: 1;
  border-radius: var(--border-radius);
  padding: 20px;
  background: var(--color-white);
}
.checkout__confrimation-block .plugin-payment {
  color: var(--color-error);
}
@media screen and (max-width:900px) {
  .checkout__confrimation-block {
    margin-bottom: 20px;
  }
}
.checkout__confrimation-block-price {
  font-size: var(--font-bigger);
  color: var(--color-link);
  font-weight: var(--font-weight-bold);
  display: block;
  width: 100%;
}
.checkout__confrimation-block:nth-child(2) {
  margin: 0 20px;
}
@media screen and (max-width:900px) {
  .checkout__confrimation-block:nth-child(2) {
    margin: 0 0 20px;
  }
}
.checkout__confrimation-block .icon {
  font-size: 36px;
  color: var(--color-primary);
  margin-bottom: var(--grid-gutter);
}
@media screen and (max-width:900px) {
  .checkout__confrimation-block .icon {
    font-size: 20px;
  }
}
.checkout-options {
  margin: 0;
  padding: 0;
}
.checkout-options li {
  display: flex;
  margin-bottom: 20px;
  background: var(--color-white);
  padding: var(--grid-gutter);
  border-radius: var(--border-radius);
  border: 1px solid var(--color-white);
}
@media screen and (max-width:900px) {
  .checkout-options li {
    display: block;
  }
}
.checkout-options li div.h3 {
  flex: 1;
  margin-right: 100px;
  font-size: var(--font-size-lg);
}
@media screen and (max-width:900px) {
  .checkout-options li div.h3 {
    margin-right: 20px;
  }
}
.checkout-options li div.h3 label span {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-normal);
}
@media screen and (max-width:900px) {
  .checkout-options li div.h3 label span {
    width: 100%;
  }
}
.checkout-options li div.h3 label img {
  margin-right: 10px;
}
@media screen and (max-width:900px) {
  .checkout-options li div.h3 label img {
    display: none;
  }
}
.checkout-options li div.h3 p {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-base);
  line-height: calc(var(--font-size-base) + 6px);
  color: var(--color-grey);
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 0;
}
.checkout-options li .rate {
  width: 200px;
}
@media screen and (max-width:900px) {
  .checkout-options li .rate {
    width: 100%;
    padding-left: 30px;
  }
}
.checkout-options li .rate .price {
  font-size: calc(var(--font-size-md) + 2px);
  font-weight: var(--font-weight-bold);
  line-height: calc(var(--font-size-md) + 6px);
}
.checkout-options li .rate .hint {
  font-weight: var(--font-weight-normal);
  font-size: var(--font-small);
  line-height: calc(var(--font-small) + 6px);
  color: var(--color-grey);
  margin-top: 10px;
}
.checkout-result.error {
  color: var(--color-error);
}
body:has(.addingdialog.show) {
  overflow: hidden !important;
}
.addingdialog {
  opacity: 0;
  visibility: hidden;
}
.addingdialog .icon-close {
  background-image: url(/wa-data/public/shop/themes/marketplace/img/close.svg);
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  text-align: center;
}
.addingdialog.show {
  opacity: 1;
  visibility: visible;
}
.addingdialog.show .addingdialog-cart {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
}
.addingdialog-close {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10001;
  position: absolute;
  background: var(--color-white);
  cursor: pointer;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  top: calc(var(--grid-gutter) * 2);
  right: calc(var(--grid-gutter) * 2);
}
@media screen and (max-width:900px) {
  .addingdialog-close {
    background: transparent;
  }
}
.addingdialog-close svg {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width:900px) {
  .addingdialog-close svg {
    stroke: var(--color-grey);
  }
}
.addingdialog-close svg:hover {
  stroke: var(--color-grey);
  transform: rotate(90deg);
  transition-duration: .3s;
}
.addingdialog-cart {
  position: fixed;
  top: calc(50% - 200px);
  height: auto;
  opacity: 0;
  visibility: hidden;
  left: 0;
  right: 0;
  z-index: 20030;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
  margin: 0 auto;
  text-align: left;
  width: 600px;
  display: block;
  background: var(--color-white);
  padding: calc(var(--grid-gutter) * 2);
  border-radius: var(--border-radius);
  transition: all .3s ease;
}
@media screen and (max-width:900px) {
  .addingdialog-cart {
    width: 100%;
    top: unset;
    height: auto;
    bottom: 60px;
    z-index: 40;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 4);
  }
}
.addingdialog-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .38);
  z-index: 20010;
}
@media screen and (max-width:900px) {
  .addingdialog-background {
    z-index: 35;
  }
}
.addingdialog-text {
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  padding: var(--grid-gutter);
  text-align: center;
}
.addingdialog-button {
  display: flex;
  gap: var(--grid-gutter);
  justify-content: center;
}
@media screen and (max-width:900px) {
  .addingdialog-button {
    gap: calc(var(--grid-gutter) / 2);
  }
}
.addingdialog-button a {
  padding: calc(var(--grid-gutter) * 1);
}
@media screen and (max-width:900px) {
  .addingdialog-button a {
    padding: calc(var(--grid-gutter) * 2);
  }
}
.addingdialog-icon {
  padding-top: 50px;
  text-align: center;
  margin-bottom: var(--grid-gutter);
}
input.wa-error {
  border: 1px solid #f3c0c0 !important;
}
.wa-auth-adapters ul {
  padding: 0;
  margin: 0;
  min-height: 16px;
}
.wa-auth-adapters ul li {
  list-style: none;
  display: inline-block;
}
.wa-auth-adapters ul li a, .wa-auth-adapters ul li span {
  display: block;
  padding: 0 5px;
}
.wa-auth-adapters ul li a img, .wa-auth-adapters ul li span img {
  position: relative;
  margin-right: 5px;
  top: -1px;
}
.wa-auth-adapters p {
  color: #6e6e6e;
  font-size: .9em;
  margin-bottom: 10px;
}
.wa-auth-adapters.wa-connect {
  padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
}
.wa-form {
  margin: 10px 0;
}
.wa-form .wa-read-fields {
  margin-bottom: var(--grid-gutter);
}
@media screen and (max-width:900px) {
  .wa-form {
    display: block;
  }
}
.wa-form .wa-uncaught-errors .wa-error-msg {
  margin-left: 180px;
}
@media screen and (max-width:900px) {
  .wa-form .wa-uncaught-errors .wa-error-msg {
    margin-left: 0 !important;
  }
}
.wa-form .wa-buttons-wrapper, .wa-form .wa-forgotpassword-form-actions, .wa-form .wa-signup-url {
  margin-left: 180px;
}
@media screen and (max-width:900px) {
  .wa-form .wa-buttons-wrapper, .wa-form .wa-forgotpassword-form-actions, .wa-form .wa-signup-url {
    margin-left: 0 !important;
  }
}
.wa-form .wa-field-remember-me {
  padding-left: 180px !important;
}
@media screen and (max-width:900px) {
  .wa-form .wa-field-remember-me {
    padding-left: 0 !important;
  }
}
.wa-form .wa-signup-url {
  margin-top: 20px;
}
.wa-form .wa-forgotpassword-button, .wa-form .wa-login-url {
  margin-top: 10px;
}
.wa-form .wa-field-birthday select {
  width: auto !important;
}
.wa-form .alert-moderate {
  color: var(--color-error);
  font-size: var(--font-size-sm);
}
.wa-form .wa-field {
  margin: 0 0 10px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width:900px) {
  .wa-form .wa-field {
    display: block;
    margin-bottom: 10px;
  }
}
.wa-form .wa-field .wa-name {
  width: 180px;
  font-weight: var(--font-weight-bold);
  display: flex;
}
@media screen and (max-width:900px) {
  .wa-form .wa-field .wa-name {
    float: none;
    width: 100%;
    margin-left: 0;
    display: block;
    padding-bottom: 0;
  }
}
.wa-form .wa-field .wa-value {
  flex: 1;
  position: relative;
}
@media screen and (max-width:900px) {
  .wa-form .wa-field .wa-value {
    float: none;
    width: 100%;
    margin-left: 0;
    display: block;
  }
}
.wa-form .wa-field .wa-value select {
  min-width: 75px;
}
.wa-form .wa-field .wa-value .profile-review {
  display: flex;
  align-items: center;
}
.wa-form .wa-field .wa-value .profile-review a {
  margin-left: 10px;
}
.wa-form .wa-captcha p a {
  display: block;
}
.wa-form .wa-captcha-input {
  width: 100px !important;
}
.icon32 {
  width: 14px;
  height: 13px;
  display: inline-block;
  background-repeat: no-repeat;
}
.icon32.star, .icon32.star-hover {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZCQzAwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjMsMTcuOEwxOTQsMTUwLjJMNDcuOSwxNzEuNWMtMjYuMiwzLjgtMzYuNywzNi4xLTE3LjcsNTQuNmwxMDUuNywxMDNsLTI1LDE0NS41DQoJYy00LjUsMjYuMywyMy4yLDQ2LDQ2LjQsMzMuN0wyODgsNDM5LjZsMTMwLjcsNjguN2MyMy4yLDEyLjIsNTAuOS03LjQsNDYuNC0zMy43bC0yNS0xNDUuNWwxMDUuNy0xMDNjMTktMTguNSw4LjUtNTAuOC0xNy43LTU0LjYNCglMMzgyLDE1MC4yTDMxNi43LDE3LjhDMzA1LTUuOCwyNzEuMS02LjEsMjU5LjMsMTcuOEwyNTkuMywxNy44eiIvPg0KPC9zdmc+DQo=");
}
.icon32.star-half {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZCQzAwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTA4LjUsMTcxLjVsLTE0Ni40LTIxLjNMMjk2LjgsMTcuOEMyOTAuOSw2LDI3OS40LDAsMjY4LDBjLTExLjQsMC0yMi44LDUuOS0yOC43LDE3LjhsLTY1LjQsMTMyLjRMMjcuNSwxNzEuNQ0KCWMtMjYuMywzLjgtMzYuOCwzNi4xLTE3LjcsNTQuNmwxMDUuOSwxMDNMOTAuNSw0NzQuNWMtMy42LDIwLjgsMTMsMzcuNSwzMS42LDM3LjVjNC45LDAsMTAtMS4yLDE0LjktMy44TDI2OCw0MzkuNmwxMzAuOSw2OC43DQoJYzQuOSwyLjUsOS45LDMuNywxNC44LDMuN2MxOC42LDAsMzUuMi0xNi42LDMxLjctMzcuNGwtMjUtMTQ1LjVsMTA1LjktMTAzQzU0NS4zLDIwNy42LDUzNC44LDE3NS4zLDUwOC41LDE3MS41TDUwOC41LDE3MS41eg0KCSBNMzg2LjgsMjk0LjdsLTE4LjEsMTcuNmw0LjMsMjQuOWwxOS41LDExMy40bC0xMDIuMS01My42TDI2OCwzODUuM2wwLTMxNy4ybDUxLDEwMy4zbDExLjIsMjIuNmwyNSwzLjZsMTE0LjIsMTYuNkwzODYuOCwyOTQuN3oiLz4NCjwvc3ZnPg0K");
}
.icon32.star-empty {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQzlDOUM5O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjMsMTcuOEwxOTQsMTUwLjJMNDcuOSwxNzEuNWMtMjYuMiwzLjgtMzYuNywzNi4xLTE3LjcsNTQuNmwxMDUuNywxMDNsLTI1LDE0NS41DQoJYy00LjUsMjYuMywyMy4yLDQ2LDQ2LjQsMzMuN0wyODgsNDM5LjZsMTMwLjcsNjguN2MyMy4yLDEyLjIsNTAuOS03LjQsNDYuNC0zMy43bC0yNS0xNDUuNWwxMDUuNy0xMDNjMTktMTguNSw4LjUtNTAuOC0xNy43LTU0LjYNCglMMzgyLDE1MC4yTDMxNi43LDE3LjhDMzA1LTUuOCwyNzEuMS02LjEsMjU5LjMsMTcuOEwyNTkuMywxNy44eiIvPg0KPC9zdmc+DQo=");
}
.wa-form .wa-field.wa-separator {
  height: 10px;
}
.wa-form .wa-field .wa-value input.wa-error {
  border: 1px solid var(--color-error) !important;
}
.wa-form .wa-field .wa-value .wa-error-msg {
  color: var(--color-error);
  display: block;
  margin: calc(var(--grid-gutter) / 2) 0;
  position: relative;
  padding-left: 25px;
  font-size: var(--font-size-sm);
  font-style: normal;
}
.wa-form .wa-field .wa-value .wa-error-msg:after {
  position: absolute;
  left: 0;
  top: -1px;
  content: "\f071";
  font-weight: 600;
  font-family: Font Awesome\ 5 Free;
  font-size: var(--font-size-sm);
}
.wa-error-msg {
  color: var(--color-error);
}
.wa-form .wa-field .wa-value input[type=email], .wa-form .wa-field .wa-value input[type=password], .wa-form .wa-field .wa-value input[type=text], .wa-form .wa-field .wa-value select {
  width: 100%;
  max-width: 300px;
  margin: 0;
  position: relative;
}
.wa-form .wa-field .wa-value .show-password {
  top: 0;
  margin-left: -25px;
  margin-right: 20px;
  position: relative;
  z-index: 10;
  cursor: pointer;
  color: #888;
}
@media screen and (max-width:900px) {
  .wa-form .wa-field .wa-value .show-password {
    top: 12px;
    right: -10px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    color: #888;
  }
}
.wa-form .wa-field .wa-value textarea {
  min-width: 300px;
  height: 70px;
}
@media screen and (max-width:900px) {
  .wa-form .wa-field .wa-value textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
  }
}
.wa-form .wa-field .wa-value input.wa-captcha-input {
  width: 100px;
  min-width: 0;
}
.wa-form .wa-field .wa-value .wa-captcha p {
  margin-bottom: 5px;
}
.wa-form .wa-field .wa-value label {
  display: block;
}
.wa-form .wa-field .wa-value .errormsg, .wa-form .wa-field .wa-value .wa-captcha img {
  margin-left: 0;
}
.wa-form .wa-field .wa-value.wa-submit {
  margin-top: 10px;
}
.wa-form .wa-field .wa-value p label {
  display: block;
  margin: 0;
}
.wa-form .wa-field .wa-value p {
  line-height: 1.6em;
  margin-bottom: 0;
  position: relative;
}
.wa-form .wa-field .wa-value p span {
  color: var(--color-grey);
  font-size: var(--font-size-xs);
  display: block;
}
.wa-form .wa-field .wa-value p i.icon16 {
  float: left;
  left: -20px;
  margin-top: 2px;
  position: absolute;
}
.wa-form .wa-field .wa-value p input {
  display: block;
  margin-bottom: 2px;
}
.wa-form .wa-field .wa-value p input[type=checkbox], .wa-form .wa-field .wa-value p input[type=radio] {
  display: inline;
}
.wa-form .wa-field.wa-required .wa-name:after, .wa-form .wa-field .wa-value p .field.wa-required span:after {
  content: " *";
  color: #faa;
}
.wa-signup-form .wa-form .wa-field.wa-field-email {
  margin-top: 20px;
}
.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input {
  min-width: 300px;
}
.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input, .wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input {
  min-width: 200px;
  width: 200px;
}
.wa-signup-form-wrapper .wa-adapters-section {
  margin: 0 0 20px;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-section-header {
  margin: 0 0 10px;
  font-size: 14px;
  color: #888;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider {
  margin: 2.14285714em 0 0;
  color: #bbb;
  overflow: hidden;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider .wa-text {
  position: relative;
}
.user-auth-provider, .wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list {
  margin: 0;
  padding: 0;
}
.user-auth-provider li, .wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li {
  display: inline-block;
  vertical-align: top;
  width: 2.14285714em;
  margin: 0 1.07142857em 0 0;
  padding: 0;
  list-style: none;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li:last-child {
  margin-right: 0;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li a {
  display: inline-block;
  vertical-align: top;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li img {
  width: 100%;
  vertical-align: top;
}
.wa-captcha {
  padding: 7px 0 10px;
  font-size: var(--font-size-sm);
}
.wa-captcha strong {
  font-size: 1.2em;
}
.wa-captcha p img {
  float: left !important;
  margin-right: 5px;
  margin-top: 0;
}
.wa-captcha .wa-captcha-refresh {
  text-decoration: underline;
  color: #767676;
}
.wa-captcha .wa-captcha-input {
  display: inline !important;
  margin-bottom: 5px;
  width: 100px;
}
.wa-captcha .errormsg {
  display: block;
}
input.error, textarea.error {
  border: 1px solid var(--color-error) !important;
}
.errormsg {
  color: var(--color-error);
  font-style: normal;
  display: block;
  margin: 5px 0;
  font-size: var(--font-size-sm);
}
.wa-login-form-wrapper input[type=email], .wa-login-form-wrapper input[type=password], .wa-login-form-wrapper input[type=text] {
  padding: 8px !important;
  background: var(--color-white) !important;
  border: 1px solid #bababa !important;
  border-radius: var(--border-radius) !important;
}
input[type=email], input[type=password], input[type=text], select, textarea {
  padding: 8px;
}
input[type=email], input[type=password], input[type=text], textarea {
  -webkit-appearance: none;
}
@media screen and (max-width:900px) {
  input[type=email], input[type=password], input[type=text], textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
  }
}
.wa-auth-adapters:before {
  content: " ";
  clear: both;
  display: block;
}
.wa-adapters-section .wa-section-header {
  margin: 0 0 10px;
  font-size: 14px;
  color: #888;
}
.wa-adapters-section .wa-section-divider {
  margin: 2.14285714em 0 0;
  line-height: 1.16666667em;
  color: #bbb;
  overflow: hidden;
}
.wa-adapters-section .wa-section-divider .wa-text {
  position: relative;
}
.wa-adapters-section .wa-adapters-list {
  margin: 0;
  padding: 0;
}
.wa-adapters-section .wa-adapters-list li {
  display: inline-block;
  vertical-align: top;
  width: 2.14285714em;
  margin: 0 1.07142857em 0 0;
  padding: 0;
  list-style: none;
}
.wa-adapters-section .wa-adapters-list li:last-child {
  margin-right: 0;
}
.wa-adapters-section .wa-adapters-list li a {
  display: inline-block;
  vertical-align: top;
}
.wa-adapters-section .wa-adapters-list li img {
  width: 100%;
  vertical-align: top;
}
.wa-field-wrapper .wa-select {
  height: unset !important;
}
body.sticky-mobile {
  overflow: hidden;
  -webkit-overflow-scrolling: touch !important;
  position: fixed;
  width: 100vw;
}
@media screen and (max-width:768px) {
  .home-grid .home-grid__container {
    padding: 0 var(--grid-gutter);
  }
}
.main-slider {
  width: 100%;
  height: 100%;
}
.main-slider .swiper-slide {
  font-size: var(--font-size-xl);
  display: flex;
  align-items: center;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color-primary);
  background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: unset;
  bottom: 0;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 35px;
}
@media screen and (max-width:900px) {
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 25px;
  }
}
.swiper-button-next, .swiper-button-prev {
  cursor: pointer;
  color: var(--color-grey);
}
.button.white {
  background: var(--color-white);
  color: var(--color-grey);
  border: 1px solid var(--box-border);
  box-shadow: none;
}
h1.category-name {
  font-size: var(--font-size-xxl) !important;
  line-height: calc(var(--font-size-xxl) + 6px);
  margin: var(--grid-gutter) var(--grid-gutter) var(--grid-gutter) 0;
}
@media screen and (max-width:900px) {
  h1.category-name {
    margin: 0;
  }
}
.block-header {
  display: flex;
  gap: var(--grid-gutter);
  max-width: var(--grid-maxWidth);
  margin: 0 auto;
  width: 96%;
  padding: 0 calc(var(--grid-gutter) / 2) var(--grid-gutter);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
}
@media screen and (max-width:900px) {
  .block-header {
    line-height: calc(var(--font-size-xxl) + 6px);
  }
}
.block-header__arrow {
  display: flex;
  border: 1px solid var(--form-border);
  border-radius: 25px;
  background: var(--color-white);
  max-height: 37px;
}
@media screen and (max-width:900px) {
  .block-header__arrow {
    line-height: calc(var(--font-size-xxl) + 0px) !important;
    background: transparent;
    border: 0;
    gap: calc(var(--grid-gutter) / 4);
  }
}
.block-header__arrow button {
  cursor: pointer;
  background: transparent;
  box-shadow: none;
  color: var(--color-primary);
  padding: calc(var(--grid-gutter) / 1.5);
}
.block-header__arrow button:disabled {
  opacity: .2;
  background: transparent !important;
}
@media screen and (max-width:900px) {
  .block-header__arrow button:disabled {
    background: var(--color-white) !important;
    opacity: 1;
  }
  .block-header__arrow button:disabled svg {
    opacity: .3;
  }
  .block-header__arrow button {
    padding: calc(var(--grid-gutter) / 3) calc(var(--grid-gutter) / 1);
    background: var(--color-white);
    border-radius: var(--border-radius);
    height: 28px;
    width: 28px;
    border: 1px solid var(--form-border);
  }
}
.block-header__arrow .thumbs-button-prev svg {
  transform: rotate(180deg);
}
.is-margin-top {
  margin-top: calc(var(--grid-gutter) * 2);
}
.is-small-margin-top {
  margin-top: var(--grid-gutter);
}
.hint {
  color: var(--color-grey);
}
.icon-next {
  fill: var(--color-link);
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.account__alert {
  margin-bottom: calc(var(--grid-gutter) * 2);
  background: var(--bg-primary);
  border-radius: var(--border-radius);
  padding: calc(var(--grid-gutter) * .5) var(--grid-gutter);
  color: var(--color-primary);
  display: flex;
  gap: calc(var(--grid-gutter) * 1);
  width: fit-content;
  align-items: center;
}
.account__alert svg {
  width: 20px;
  fill: transparent;
  stroke: var(--color-primary);
}
.checkout-step .back {
  margin-top: var(--grid-gutter);
}
.order-page {
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width:900px) {
  .order-page {
    margin-top: var(--grid-gutter);
  }
  .order-page .header-container__name h2 {
    margin-top: 0 !important;
  }
}
.order-page h3 {
  font-size: var(--font-size-xl);
}
.order-page__bg {
  padding-top: var(--grid-gutter);
}
@media screen and (max-width:900px) {
  .order-page__bg {
    background: transparent;
    padding-top: 0;
  }
}
.order-page__bg h1.category-name {
  margin-top: 0 !important;
}
.order-page__bg-empty {
  text-align: center;
  margin-top: calc(var(--grid-gutter) * 5);
}
@media screen and (max-width:900px) {
  .order-page__bg-empty {
    padding: 0 calc(var(--grid-gutter) * 3);
    min-height: 50vh;
  }
  .order-page {
    flex-direction: column;
  }
}
.order-page__inner {
  border-radius: var(--border-radius);
  padding: var(--grid-gutter);
  margin-bottom: var(--grid-gutter);
  background: var(--color-white);
  top: var(--grid-gutter);
  border: 0;
}
@media screen and (max-width:900px) {
  .order-page__inner {
    margin-bottom: calc(var(--grid-gutter) * 2);
    padding: calc(var(--grid-gutter) * 1.5);
  }
}
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper {
  margin-bottom: 5px !important;
}
.wa-order-form-wrapper .wa-form-content .wa-step-confirm-section {
  padding-top: 0;
}
.wa-order-form-wrapper .wa-form-content .wa-step-payment-section .wa-payment-fields-wrapper {
  margin-top: 0;
}
.wa-order-form-wrapper .wa-form-content .wa-step-shipping-section .wa-delivery-types-section {
  margin-top: 0;
}
.wa-order-cart-wrapper {
  font-size: var(--font-size-base) !important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-inactive-state {
  display: flex;
}
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button:not(.transparent), .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
  margin-top: 0 !important;
  box-shadow: none !important;
  font-size: var(--font-size-base) !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service .wa-label {
  padding-left: 27px !important;
  padding-top: 4px !important;
}
.wa-order-form-wrapper .wa-step-section {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  border: 0 !important;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-item);
}
.wa-link {
  color: var(--color-primary) !important;
}
.wa-field-wrapper .wa-label, .wa-label {
  font-size: unset !important;
  color: var(--font-color) !important;
  font-weight: var(--font-weight-bold);
}
.wa-order-form-wrapper .wa-step-section:first-child {
  padding-top: 0 !important;
}
.wa-order-form-wrapper .wa-step-section .wa-section-body {
  padding: calc(var(--grid-gutter) * 1.5);
  background: var(--color-white);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border: 0;
}
.wa-order-form-wrapper .wa-step-section .wa-section-header {
  background: var(--color-white);
  padding: var(--grid-gutter);
  border: 0;
  border-bottom: 0;
}
@media screen and (max-width:900px) {
  .wa-order-form-wrapper .wa-step-section .wa-section-header {
    padding-top: calc(var(--grid-gutter) * 2);
    padding-bottom: calc(var(--grid-gutter) * 2);
  }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action:hover .wa-icon {
  background: transparent !important;
}
.wa-order-form-wrapper .wa-step-section>.wa-section-header {
  margin-bottom: 0 !important;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.wa-order-form-wrapper .wa-step-details-section .wa-details-description {
  margin-bottom: 20px;
  font-size: var(--font-size-md) !important;
}
.wa-order-form-wrapper .wa-step-section>.wa-section-header>.wa-header {
  position: relative;
  padding-left: 50px;
}
.wa-order-form-wrapper .wa-step-auth-section>.wa-section-header .wa-contact-name, .wa-order-form-wrapper .wa-step-section>.wa-section-header>.wa-header {
  font-weight: var(--font-weight-bold) !important;
  font-size: var(--font-size-md) !important;
  color: var(--font-color) !important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
  margin-top: 10px;
}
.wa-order-form-wrapper.is-locked:after {
  background: transparent !important;
}
.wa-order-form-wrapper.is-locked {
  position: relative;
  opacity: .3;
}
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button {
  text-shadow: unset;
  font-size: var(--font-size-lg) !important;
  padding: var(--grid-gutter) !important;
}
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body, .wa-step-details-section .wa-section-body, .wa-step-shipping-section .wa-section-body {
  border-radius: var(--border-radius);
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body {
  overflow: hidden;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity {
  text-align: center !important;
  width: 220px !important;
}
@media screen and (max-width:900px) {
  .wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity {
    width: 225px !important;
  }
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-price {
  width: 110px !important;
}
@media screen and (max-width:900px) {
  .wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-price {
    width: unset !important;
  }
}
.wa-quantity-cart-section .wa-field-wrapper .wa-field {
  width: 80px !important;
  text-align: center !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity .wa-product-fractional-prices {
  margin: 5px 0 !important;
  text-align: center !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details {
  line-height: calc(var(--font-size-base)) !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>* {
  vertical-align: middle !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-actions {
  display: block !important;
  margin-top: 7px;
  margin-left: -5px;
}
.wa-quantity-cart-section .wa-field-wrapper .wa-unit.top {
  display: none !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity .wa-product-fractional-prices {
  display: none !important;
}
.wa-quantity-cart-section .wa-button-wrapper .wa-button .wa-description {
  display: none !important;
}
.wa-quantity-cart-section .wa-button-wrapper .wa-button.is-locked .wa-icon-wrapper {
  display: inline-block !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>*.wa-column-quantity {
  padding-right: 0;
  padding-left: 20px;
}
@media screen and (max-width:900px) {
  .wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-actions {
    margin-top: 0px;
    text-align: right;
  }
  .wa-order-cart-wrapper.with-adaptive .wa-products .wa-product .wa-product-body>*.wa-column-quantity {
    padding-left: 0 !important;
  }
}
.wa-icon.size-11 {
  width: 23px !important;
  height: 21px !important;
}
.wa-order-form-wrapper .wa-step-confirm-section.is-single {
  border-top: 1px solid var(--form-border) !important;
}
.wa-tooltip:not(.custom):after {
  border-radius: var(--border-radius) !important;
  padding: var(--grid-gutter) !important;
}
.wa-error-text, .wa-tooltip:not(.custom):after {
  font-size: var(--font-size-sm) !important;
}
.wa-field-wrapper .wa-textarea {
  padding: var(--grid-gutter) !important;
  font-size: var(--font-weight-normal) !important;
}
.wa-error-text {
  color: var(--color-error) !important;
}
.wa-field-wrapper.is-agreement-field .wa-checkbox-wrapper, .wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-submit-button {
  font-size: var(--font-size-sm) !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-name {
  font-size: var(--font-size-md) !important;
  line-height: calc(var(--font-size-md) + 2px);
  color: var(--font-color) !important;
  font-weight: 700 !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-sku {
  font-size: var(--font-size-sm) !important;
  color: var(--color-grey) !important;
  display: block;
  margin: calc(var(--grid-gutter) / 3) 0;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-image {
  width: 70px !important;
}
.wa-quantity-box .wa-input {
  text-align: center !important;
  background: var(--bg-secondary-color) !important;
  font-weight: var(--font-weight-bold) !important;
  font-size: var(--font-size-md) !important;
  border: 0 !important;
  height: 53px !important;
}
.wa-quantity-box .wa-button {
  display: none !important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-price-section .wa-price-total, .wa-order-cart-wrapper .wa-products .wa-product .wa-price-section .wa-price-total {
  font-size: calc(var(--font-size-md) + 2px) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: calc(var(--font-size-md) + 6px) !important;
  white-space: nowrap;
}
.wa-order-cart-wrapper .wa-cart-details .wa-price-section .wa-price-total {
  margin-top: 0 !important;
}
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item.wa-item-total .wa-value .wa-price {
  font-size: var(--font-size-xxl) !important;
  font-weight: var(--font-weight-bold) !important;
}
.wa-order-form-wrapper .wa-step-details-section .wa-details-rates-section {
  margin-top: 0 !important;
}
.wa-order-form-wrapper {
  font-size: var(--font-size-base) !important;
}
.wa-order-form-wrapper .wa-field-wrapper .wa-input, .wa-order-form-wrapper .wa-field-wrapper .wa-select {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: var(--border-radius) !important;
  outline: 0 !important;
  background: var(--bg-secondary-color) !important;
  color: var(--font-color) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: var(--font-weight-normal) !important;
  line-height: 48px !important;
  box-shadow: none !important;
}
.wa-order-form-wrapper .wa-field-wrapper .wa-input:focus, .wa-order-form-wrapper .wa-field-wrapper .wa-select:focus {
  background: var(--color-white) !important;
  box-shadow: inset 0 0 0 1px var(--form-border) !important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-inactive-state {
  display: flex !important;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  white-space: normal;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: var(--border-radius) !important;
  background: var(--bg-secondary-color) !important;
  font-size: 15px !important;
  line-height: 48px !important;
  box-shadow: none !important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input:focus {
  background: var(--color-white) !important;
  box-shadow: inset 0 0 0 1px var(--form-border) !important;
  outline: 0 !important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: var(--border-radius) !important;
  font-size: 14px !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: 1 !important;
  white-space: nowrap;
  box-shadow: none !important;
}
@media screen and (max-width:520px) {
  .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-inactive-state {
    flex-direction: column;
  }
  .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
    width: 100%;
  }
}
.wa-step-auth-section .wa-header:before, .wa-step-region-section .wa-header:before, .wa-step-address-section .wa-header:before, .wa-step-payment-section .wa-header:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--bg-secondary-color);
  content: "";
  transform: translateY(-50%);
}
.wa-step-auth-section .wa-header:after, .wa-step-region-section .wa-header:after, .wa-step-address-section .wa-header:after, .wa-step-payment-section .wa-header:after {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  transform: translateY(-50%);
}
.wa-step-auth-section .wa-header:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D5BF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.wa-step-region-section .wa-header:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D5BF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18M5 7l1 13h12l1-13M9 11v5M15 11v5M8 7l1-3h6l1 3'/%3E%3C/svg%3E");
}
.wa-step-address-section .wa-header:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D5BF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
.wa-step-payment-section .wa-header:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D5BF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button, .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input {
  height: 40px !important;
}
.wa-dropdown>.wa-dropdown-toggle {
  line-height: unset !important;
  border-radius: var(--border-radius);
  padding: 5px 10px !important;
  font-size: var(--font-size-base) !important;
}
.wa-order-form-wrapper .wa-step-details-section .wa-details-description {
  font-size: var(--font-size-base) !important;
  color: var(--font-color) !important;
}
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper {
  border-radius: var(--border-radius) !important;
}
.wa-order-form-wrapper.with-adaptive .wa-step-shipping-section .wa-delivery-types-section .wa-types-list {
  display: flex;
  gap: calc(var(--grid-gutter) / 2);
}
@media screen and (max-width:900px) {
  .wa-order-form-wrapper.with-adaptive .wa-step-shipping-section .wa-delivery-types-section .wa-types-list {
    flex-direction: column !important;
  }
}
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-name, .wa-payment-name {
  font-weight: var(--font-weight-bold);
}
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list a, .wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-name a {
  color: var(--font-color) !important;
  font-size: var(--font-size-md) !important;
}
.wa-header {
  font-size: var(--font-middle) !important;
  font-weight: var(--font-weight-bold);
}
.wa-order-form-wrapper .wa-step-auth-section>.wa-section-header a.wa-tooltip {
  font-size: var(--font-size-sm) !important;
  color: var(--color-link);
}
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button, .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
  color: var(--font-color);
}
.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button {
  width: 290px !important;
  height: 43px !important;
  font-size: 14px !important;
}
@media screen and (max-width:900px) {
  .wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button {
    width: 100% !important;
  }
}
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method>* {
  vertical-align: middle !important;
}
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper {
  padding: 1.07142857em;
  background: #fcfcfc;
  margin-bottom: 3px;
  border: 1px solid var(--color-grey);
  border-radius: var(--border-radius) !important;
  padding-left: 60px !important;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service, .wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method .wa-method-body .wa-description {
  font-size: var(--font-size-sm) !important;
}
@media screen and (max-width:900px) {
  .wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service {
    font-size: var(--font-size-base) !important;
  }
}
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper.is-active, .wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper.is-active {
  box-shadow: none !important;
  background: #e3ffe3 !important;
  border: 1px solid var(--color-grey) !important;
  border-radius: var(--border-radius) !important;
}
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
  height: 43px;
}
.wa-type-wrapper {
  position: relative;
}
.wa-method-wrapper.is-active:before, .wa-type-wrapper.is-active:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3e%3cg%3e%3cpath d='M165,0C74.019,0,0,74.019,0,165s74.019,165,165,165s165-74.019,165-165S255.981,0,165,0z M165,300 c-74.44,0-135-60.561-135-135S90.56,30,165,30s135,60.561,135,135S239.439,300,165,300z' fill='%230ca300'/%3e%3cpath d='M226.872,106.664l-84.854,84.853l-38.89-38.891c-5.857-5.857-15.355-5.858-21.213-0.001 c-5.858,5.858-5.858,15.355,0,21.213l49.496,49.498c2.813,2.813,6.628,4.394,10.606,4.394c0.001,0,0,0,0.001,0 c3.978,0,7.793-1.581,10.606-4.393l95.461-95.459c5.858-5.858,5.858-15.355,0-21.213 C242.227,100.807,232.73,100.806,226.872,106.664z' fill='%230ca300'/%3e%3c/g%3e%3c/svg%3e");
}
.wa-method-wrapper.is-active:before, .wa-method-wrapper:before, .wa-type-wrapper.is-active:after, .wa-type-wrapper:after {
  position: absolute;
  top: calc(60% - 18px);
  left: 20px;
  right: unset;
  content: " ";
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.wa-method-wrapper:before, .wa-type-wrapper:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='595.021' height='595.021' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-width='0' stroke='%23dedede ' fill='%23dedede' d='m507.529,87.493c-27.264,-27.264 -59.022,-48.672 -94.396,-63.635c-36.644,-15.5 -75.545,-23.358 -115.622,-23.358c-40.078,0 -78.979,7.858 -115.624,23.358c-35.373,14.961 -67.132,36.371 -94.395,63.635c-27.264,27.263 -48.673,59.022 -63.635,94.395c-15.499,36.644 -23.357,75.546 -23.357,115.623c0,40.077 7.858,78.979 23.358,115.623c14.961,35.373 36.371,67.132 63.635,94.396c27.263,27.263 59.022,48.672 94.395,63.634c36.645,15.5 75.546,23.358 115.624,23.358c40.077,0 78.979,-7.858 115.623,-23.358c35.373,-14.961 67.133,-36.371 94.396,-63.634c27.263,-27.264 48.673,-59.022 63.634,-94.396c15.499,-36.645 23.358,-75.546 23.358,-115.623c0,-40.077 -7.858,-78.979 -23.358,-115.624c-14.963,-35.372 -36.373,-67.131 -63.636,-94.394zm-210.018,464.189c-140.375,0 -254.171,-113.797 -254.171,-254.171c0,-140.375 113.796,-254.171 254.171,-254.171c140.374,0 254.171,113.796 254.171,254.171c0,140.374 -113.797,254.171 -254.171,254.171z'/%3E%3Cpath stroke-width='0' stroke='%23dedede ' fill='%23dedede' d='m297.511,595.021c-40.146,0 -79.112,-7.872 -115.818,-23.397c-35.433,-14.988 -67.245,-36.434 -94.553,-63.741c-27.31,-27.31 -48.755,-59.122 -63.742,-94.555c-15.526,-36.705 -23.398,-75.672 -23.398,-115.817c0,-40.145 7.872,-79.112 23.397,-115.818c14.987,-35.432 36.433,-67.245 63.742,-94.553c27.308,-27.309 59.12,-48.755 94.553,-63.742c36.707,-15.526 75.674,-23.398 115.819,-23.398c40.146,0 79.112,7.872 115.817,23.397c35.435,14.988 67.247,36.434 94.555,63.742c27.31,27.31 48.755,59.123 63.741,94.553c15.525,36.706 23.397,75.673 23.397,115.818c0,40.144 -7.872,79.11 -23.397,115.817c-14.985,35.432 -36.432,67.244 -63.741,94.555c-27.31,27.31 -59.122,48.755 -94.555,63.741c-36.705,15.526 -75.672,23.398 -115.817,23.398zm0,-594.021c-40.011,0 -78.846,7.845 -115.429,23.318c-35.314,14.937 -67.02,36.311 -94.236,63.528c-27.218,27.217 -48.591,58.923 -63.528,94.236c-15.473,36.583 -23.318,75.418 -23.318,115.429s7.845,78.847 23.318,115.429c14.936,35.312 36.31,67.019 63.528,94.236c27.217,27.216 58.922,48.59 94.236,63.526c36.582,15.474 75.417,23.319 115.429,23.319c40.011,0 78.847,-7.846 115.429,-23.319c35.312,-14.936 67.019,-36.309 94.236,-63.526c27.219,-27.22 48.592,-58.925 63.526,-94.236c15.474,-36.584 23.319,-75.42 23.319,-115.429c0,-40.011 -7.846,-78.847 -23.319,-115.429c-14.935,-35.312 -36.309,-67.017 -63.526,-94.236c-27.217,-27.216 -58.922,-48.59 -94.236,-63.528c-36.583,-15.473 -75.419,-23.318 -115.429,-23.318zm0,551.182c-68.025,0 -131.979,-26.49 -180.08,-74.592c-48.101,-48.101 -74.591,-112.055 -74.591,-180.079c0,-68.025 26.49,-131.979 74.591,-180.08s112.055,-74.591 180.08,-74.591c68.024,0 131.979,26.49 180.079,74.591c48.102,48.101 74.592,112.055 74.592,180.08c0,68.024 -26.49,131.979 -74.592,180.079c-48.101,48.101 -112.055,74.592 -180.079,74.592zm0,-508.342c-67.758,0 -131.46,26.386 -179.373,74.298s-74.298,111.615 -74.298,179.373s26.386,131.46 74.298,179.372c47.913,47.912 111.615,74.299 179.373,74.299s131.46,-26.387 179.372,-74.299s74.299,-111.614 74.299,-179.372s-26.387,-131.46 -74.299,-179.373c-47.912,-47.912 -111.614,-74.298 -179.372,-74.298z'/%3E%3C/svg%3E");
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action .wa-tooltip {
  display: inline-flex !important;
  align-items: center;
}
.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action {
  font-size: var(--font-size-sm) !important;
}
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .s-message, .wa-quantity-cart-section .wa-field-wrapper .wa-unit {
  font-size: var(--font-size-base) !important;
}
#alttext-container {
  display: none;
}
.fancybox-thumbs-active {
  opacity: .5;
}
.fancybox-thumbs>ul>li>img {
  max-height: 75px;
  max-width: 75px;
}
[aria-label][data-microtip-position] {
  position: relative;
}
[aria-label][data-microtip-position]:after, [aria-label][data-microtip-position]:before {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}
[aria-label][data-microtip-position]:before {
  background-size: 100% auto !important;
  content: "";
}
@media screen and (max-width:900px) {
  [aria-label][data-microtip-position]:before {
    display: none !important;
  }
}
[aria-label][data-microtip-position]:after {
  background: hsla(0, 0%, 7%, .9);
  border-radius: var(--border-radius);
  color: var(--color-white);
  content: attr(aria-label);
  font-size: var(--font-size-sm, 12px);
  font-weight: var(--font-weight-normal, normal);
  padding: .5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}
@media screen and (max-width:900px) {
  [aria-label][data-microtip-position]:after {
    display: none !important;
  }
}
[aria-label][data-microtip-position]:focus:after, [aria-label][data-microtip-position]:focus:before, [aria-label][data-microtip-position]:hover:after, [aria-label][data-microtip-position]:hover:before {
  opacity: 1;
  pointer-events: auto;
}
[data-microtip-position][data-microtip-position|=top]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}
[data-microtip-position][data-microtip-position|=top]:after {
  margin-bottom: 11px;
}
[data-microtip-position][data-microtip-position|=top]:before {
  transform: translate3d(-50%, 0, 0);
  bottom: calc(100% + 2px);
  left: 50%;
}
[data-microtip-position][data-microtip-position|=top]:hover:before {
  transform: translate3d(-50%, -5px, 0);
}
[data-microtip-position][data-microtip-position|=top]:after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}
[data-microtip-position][data-microtip-position=top]:hover:after {
  transform: translate3d(-50%, -5px, 0);
}
[data-microtip-position][data-microtip-position=top-left]:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}
[data-microtip-position][data-microtip-position=top-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}
[data-microtip-position][data-microtip-position=top-right]:after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%;
}
[data-microtip-position][data-microtip-position=top-right]:hover:after {
  transform: translate3d(calc(0% + -16px), -5px, 0);
}
[data-microtip-position][data-microtip-position|=bottom]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-microtip-position][data-microtip-position|=bottom]:after {
  margin-top: 11px;
}
[data-microtip-position][data-microtip-position|=bottom]:before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}
[data-microtip-position][data-microtip-position|=bottom]:hover:before {
  transform: translate3d(-50%, 0, 0);
}
[data-microtip-position][data-microtip-position|=bottom]:after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}
[data-microtip-position][data-microtip-position=bottom]:hover:after {
  transform: translate3d(-50%, 0, 0);
}
[data-microtip-position][data-microtip-position=bottom-left]:after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}
[data-microtip-position][data-microtip-position=bottom-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}
[data-microtip-position][data-microtip-position=bottom-right]:after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%;
}
[data-microtip-position][data-microtip-position=bottom-right]:hover:after {
  transform: translate3d(calc(0% + -16px), 0, 0);
}
[data-microtip-position][data-microtip-position=left]:after, [data-microtip-position][data-microtip-position=left]:before {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}
[data-microtip-position][data-microtip-position=left]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-microtip-position][data-microtip-position=left]:after {
  margin-right: 11px;
}
[data-microtip-position][data-microtip-position=left]:hover:after, [data-microtip-position][data-microtip-position=left]:hover:before {
  transform: translate3d(0, -50%, 0);
}
[data-microtip-position][data-microtip-position=right]:after, [data-microtip-position][data-microtip-position=right]:before {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}
[data-microtip-position][data-microtip-position=right]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-microtip-position][data-microtip-position=right]:after {
  margin-left: 11px;
}
[data-microtip-position][data-microtip-position=right]:hover:after, [data-microtip-position][data-microtip-position=right]:hover:before {
  transform: translate3d(0, -50%, 0);
}
[data-microtip-position][data-microtip-size=small]:after {
  white-space: normal;
  width: 80px;
}
[data-microtip-position][data-microtip-size=medium]:after {
  white-space: normal;
  width: 150px;
}
[data-microtip-position][data-microtip-size=large]:after {
  white-space: normal;
  width: 260px;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color-third);
}
.swiper-button-disabled i {
  color: var(--color-grey) !important;
  opacity: .7;
}
body:has(.popup._show) {
  overflow: hidden !important;
}
.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 60px;
  z-index: 40;
  background: rgba(0, 0, 0, .42);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--grid-gutter);
  overflow: hidden;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity .2s ease-in-out;
  border: 1px solid var(--form-border);
}
@media screen and (max-width:900px) {
  .popup {
    align-items: start;
    top: unset;
  }
}
.popup._show {
  overflow: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .2s ease-in-out;
}
.popup form {
  background: var(--color-white);
  display: flex;
  align-items: stretch;
  bottom: 0;
  position: relative;
  flex-direction: row;
  width: 840px;
  max-height: 100%;
  border-radius: var(--border-radius);
}
@media screen and (max-width:900px) {
  .popup form {
    flex-direction: column;
    width: 100%;
    border-radius: 0;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    display: flex;
    align-items: center;
    overflow: auto;
    bottom: 0;
    max-height: 98%;
  }
}
.popup__close {
  left: auto;
  top: calc(var(--grid-gutter) * 2);
  right: calc(var(--grid-gutter) * 2);
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 299;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:900px) {
  .popup__close {
    background: transparent;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    top: calc(var(--grid-gutter) * 2);
    right: calc(var(--grid-gutter) * 2);
  }
}
.popup__close svg {
  background-image: url(/wa-data/public/shop/themes/marketplace/img/close.svg);
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer;
}
.popup__close svg:hover {
  transform: rotate(90deg);
  transition-duration: .3s;
}
.popup__inner {
  position: relative;
  background: var(--color-white);
  border-radius: var(--border-radius);
}
@media screen and (max-width:900px) {
  .popup__inner {
    bottom: 0;
    position: absolute;
    height: calc(100vh - 140px);
    overflow: auto;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
}
.popup__item {
  display: flex;
  flex-direction: row;
  align-items: start;
  width: auto;
  min-height: auto;
  margin-bottom: 0;
  max-height: 100%;
  overflow: visible;
}
.popup__button {
  background: var(--color-white);
  padding: calc(var(--grid-gutter) * 0);
  display: flex;
  align-items: flex-end;
  border-bottom-right-radius: var(--border-radius);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-top: 1px solid var(--form-border);
  z-index: 1;
}
@media screen and (max-width:900px) {
  .popup__button {
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: calc(100% + 10px);
    padding-bottom: calc(var(--grid-gutter) * 1);
    padding-right: var(--grid-gutter);
  }
}
.fancybox__thumbs {
  --f-thumb-outline-color: var(--color-primary);
  border-radius: var(--border-radius);
}
.f-thumbs__slide__img {
  position: relative;
  width: auto;
  scale: .8;
}
.f-thumbs__slide__button {
  padding: 0 !important;
  opacity: 1;
  background: var(--color-white) !important;
  box-shadow: none !important;
  border-radius: 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0;
}
.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: var(--color-white);
  --fancybox-bg: #fff;
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: hsla(0, 0%, 100%, .1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
}
.f-button:hover:not([disabled]) {
  color: var(--f-button-hover-color);
  background-color: var(--color-lightGrey);
}
.f-button {
  background: var(--color-white);
  box-shadow: none;
}
.f-button svg {
  stroke: var(--font-color);
  filter: none;
}
.fancybox__toolbar {
  text-shadow: none;
  color: var(--font-color);
}
.loading-cart-icon {
  color: transparent !important;
  position: relative;
}
.loading-cart-icon svg {
  display: none !important;
}
.loading-cart-icon:hover {
  color: transparent !important;
}
.loading-cart-icon:after {
  left: 0;
  right: 0;
  background-image: url(/wa-data/public/shop/themes/marketplace/img/loader/loading_three_dots.svg) !important;
  background-size: 20px;
  background-repeat: no-repeat;
  color: var(--color-white);
  position: absolute;
  content: " " !important;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  transform: translateY(-50%);
  top: 50%;
  background-position: 50% 50%;
}
#js-order-page .wa-toggle {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  font-size: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: auto;
}
#js-order-page .wa-toggle>*.selected {
  position: relative;
  font-weight: bold;
  color: white;
  background: #3d5bf7;
  cursor: default;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#js-order-page .wa-toggle>* {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 -1px;
  padding: 10px;
  list-style: none;
  font-size: 12px;
  line-height: 1.214285714285714em;
  background: #ffffff;
  color: #006bd8;
  outline: none;
  cursor: pointer;
}
#js-order-page .wa-toggle>*:first-child {
  margin-right: 10px;
  margin-left: 0px;
  border-radius: 15px;
}
#js-order-page .wa-toggle>*:last-child {
  border: 1px solid #e5e5e5;
  border-radius: 15px;
}
.wa-order-form-wrapper .wa-step-details-section .wa-plugin-fields-wrapper .wa-field-date input {
  font-family: inherit;
  padding: .8rem 1rem;
  border-radius: var(--border-radius);
  border: 1px solid var(--form-border);
  transition: all .2s ease;
  display: block;
  width: 100%;
  font-size: var(--font-size-xs);
  height: 35px;
}
select {
  background-image: url("/wa-data/public/shop/themes/marketplace/img/icons/arrow-down.png") !important;
  background-repeat: no-repeat !important;
  background-size: auto 40% !important;
  background-position: right 1rem center !important;
  padding-right: 2.5rem;
  color: var(--font-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ya-pay-widget {
  width: calc(100% - var(--grid-gutter) * 2) !important;
  margin: 0 var(--grid-gutter) !important;
}
.swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
  width: 100% !important;
}
.swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
.main-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
  width: 100% !important;
}
.js-slider-grid:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
  width: 25% !important;
}
@media (max-width: 900px) {
  .js-slider-grid:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: 33.33% !important;
  }
}
@media (max-width: 640px) {
  .js-slider-grid:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: 66.66% !important;
  }
}
.js-popular-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
  width: 16.66% !important;
}
@media (max-width: 900px) {
  .js-popular-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: 25% !important;
  }
}
@media (max-width: 480px) {
  .js-popular-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: 33.33% !important;
  }
}
@media (max-width: 320px) {
  .js-popular-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: 50% !important;
  }
}
.js-list-thumbs-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
  width: 20% !important;
}
@media (max-width: 901px) {
  .js-list-thumbs-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: 33.33% !important;
  }
}
@media (max-width: 480px) {
  .js-list-thumbs-slider:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: 50% !important;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.card {
  width: 100%;
  max-width: 400px;
  background: var(--card);
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 36px 32px 32px;
  position: relative;
  overflow: hidden;
  animation: cIn .5s cubic-bezier(.22, 1, .36, 1) both;
  margin: auto;
}
@keyframes cIn {
  from {
    opacity: 0;
    transform: translateY(22px) scale(.96);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.logo-block, .logo {
  display: flex;
  justify-content: center;
  margin-bottom: 26px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.blogpost__text ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 20px !important;
  margin: 12px 0 !important;
}
.blogpost__text ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  padding-left: 20px !important;
  margin: 12px 0 !important;
}
.blogpost__text li {
  display: list-item !important;
  margin-bottom: 8px !important;
  padding-left: 4px !important;
}
.js-slider-grid .swiper-slide {
  margin-right: 10px;
}
@media screen and (min-width: 640px) {
  .js-slider-grid .swiper-slide {
    margin-right: 15px;
  }
}
@media screen and (min-width: 900px) {
  .js-slider-grid .swiper-slide {
    margin-right: 20px;
  }
}
div.container.is-margin-top + div.block-header.is-margin-top {
  margin-top: var(--grid-gutter);
}
:root, :host {
  --ss-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --ss-color-red-600: oklch(57.7% 0.245 27.325);
  --ss-color-yellow-300: oklch(90.5% 0.182 98.111);
  --ss-color-green-600: oklch(62.7% 0.194 149.214);
  --ss-color-black: #000;
  --ss-color-white: #ffffff;
  --ss-spacing: 0.25rem;
  --ss-text-xs: 0.75rem;
  --ss-text-xs--line-height: calc(1 / 0.75);
  --ss-font-weight-light: 300;
  --ss-font-weight-normal: 400;
  --ss-font-weight-medium: 500;
  --ss-font-weight-semibold: 600;
  --ss-font-weight-bold: 700;
  --ss-font-weight-extrabold: 800;
  --ss-font-weight-black: 900;
  --ss-tracking-normal: 0em;
  --ss-leading-tight: 1.25;
  --ss-leading-snug: 1.375;
  --ss-leading-normal: 1.5;
  --ss-leading-relaxed: 1.625;
  --ss-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ss-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ss-animate-spin: spin 1s linear infinite;
  --ss-blur-sm: 8px;
  --ss-aspect-video: 16 / 9;
  --ss-default-transition-duration: 150ms;
  --ss-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --ss-animate-syomapay-marquee-forward: syomapay-marquee-forward 40s linear infinite;
  --ss-animate-syomapay-marquee-reverse: syomapay-marquee-reverse 45s linear infinite;
  --ss-color-primary: #3D5BF7;
  --ss-color-error: #E64646;
  --ss-color-success: #058427;
  --ss-color-bg: #f6f6f6;
  --ss-color-bg-secondary: #f4f4f4;
  --ss-color-font: #2d2d32;
}
.ss\:\!pointer-events-none {
  pointer-events: none !important;
}
.ss\:pointer-events-auto {
  pointer-events: auto;
}
.ss\:pointer-events-none {
  pointer-events: none;
}
.ss\:invisible {
  visibility: hidden;
}
.ss\:visible {
  visibility: visible;
}
.ss\:sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.ss\:\!absolute {
  position: absolute !important;
}
.ss\:\!relative {
  position: relative !important;
}
.ss\:absolute {
  position: absolute;
}
.ss\:fixed {
  position: fixed;
}
.ss\:relative {
  position: relative;
}
.ss\:static {
  position: static;
}
.ss\:sticky {
  position: sticky;
}
.ss\:\!inset-0 {
  inset: 0px !important;
}
.ss\:\!inset-auto {
  inset: auto !important;
}
.ss\:inset-0 {
  inset: 0px;
}
.ss\:inset-x-0 {
  inset-inline: 0px;
}
.ss\:\!top-1\/2 {
  top: calc(1 / 2 * 100%) !important;
}
.ss\:\!top-\[20px\] {
  top: 20px !important;
}
.ss\:-top-\[5px\] {
  top: calc(5px * -1);
}
.ss\:top-0 {
  top: 0px;
}
.ss\:top-1\/2 {
  top: calc(1 / 2 * 100%);
}
.ss\:top-\[-5px\] {
  top: -5px;
}
.ss\:top-\[-6px\] {
  top: -6px;
}
.ss\:top-\[-38px\] {
  top: -38px;
}
.ss\:top-\[-40px\] {
  top: -40px;
}
.ss\:top-\[5px\] {
  top: 5px;
}
.ss\:top-\[6px\] {
  top: 6px;
}
.ss\:top-\[10px\] {
  top: 10px;
}
.ss\:top-\[12px\] {
  top: 12px;
}
.ss\:top-\[14px\] {
  top: 14px;
}
.ss\:top-\[15px\] {
  top: 15px;
}
.ss\:top-\[16px\] {
  top: 16px;
}
.ss\:top-\[20px\] {
  top: 20px;
}
.ss\:top-\[30px\] {
  top: 30px;
}
.ss\:top-\[32px\] {
  top: 32px;
}
.ss\:top-\[48px\] {
  top: 48px;
}
.ss\:top-\[56px\] {
  top: 56px;
}
.ss\:top-\[90px\] {
  top: 90px;
}
.ss\:top-\[calc\(100\%\+6px\)\] {
  top: calc(100% + 6px);
}
.ss\:top-full {
  top: 100%;
}
.ss\:\!right-\[20px\] {
  right: 20px !important;
}
.ss\:-right-\[3px\] {
  right: calc(3px * -1);
}
.ss\:right-0 {
  right: 0px;
}
.ss\:right-\[-3px\] {
  right: -3px;
}
.ss\:right-\[-10px\] {
  right: -10px;
}
.ss\:right-\[-14\%\] {
  right: -14%;
}
.ss\:right-\[-100px\] {
  right: -100px;
}
.ss\:right-\[5px\] {
  right: 5px;
}
.ss\:right-\[10px\] {
  right: 10px;
}
.ss\:right-\[12px\] {
  right: 12px;
}
.ss\:right-\[15px\] {
  right: 15px;
}
.ss\:right-\[16px\] {
  right: 16px;
}
.ss\:right-\[17\%\] {
  right: 17%;
}
.ss\:right-\[20px\] {
  right: 20px;
}
.ss\:right-\[24px\] {
  right: 24px;
}
.ss\:right-\[48px\] {
  right: 48px;
}
.ss\:right-\[110px\] {
  right: 110px;
}
.ss\:right-\[270px\] {
  right: 270px;
}
.ss\:right-\[var\(--grid-gutter\)\] {
  right: var(--grid-gutter);
}
.ss\:bottom-0 {
  bottom: 0px;
}
.ss\:bottom-\[-10px\] {
  bottom: -10px;
}
.ss\:bottom-\[-14\%\] {
  bottom: -14%;
}
.ss\:bottom-\[-60px\] {
  bottom: -60px;
}
.ss\:bottom-\[8px\] {
  bottom: 8px;
}
.ss\:bottom-\[15px\] {
  bottom: 15px;
}
.ss\:bottom-\[24px\] {
  bottom: 24px;
}
.ss\:bottom-px {
  bottom: 1px;
}
.ss\:\!left-\[14px\] {
  left: 14px !important;
}
.ss\:left-0 {
  left: 0px;
}
.ss\:left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.ss\:left-\[-20px\] {
  left: -20px;
}
.ss\:left-\[-180px\] {
  left: -180px;
}
.ss\:left-\[12px\] {
  left: 12px;
}
.ss\:left-\[14px\] {
  left: 14px;
}
.ss\:left-\[24px\] {
  left: 24px;
}
.ss\:left-\[calc\(var\(--grid-gutter\)\*-1\)\] {
  left: calc(var(--grid-gutter) * -1);
}
.ss\:\!z-0 {
  z-index: 0 !important;
}
.ss\:\!z-\[1\] {
  z-index: 1 !important;
}
.ss\:\!z-\[5\] {
  z-index: 5 !important;
}
.ss\:\!z-\[100\] {
  z-index: 100 !important;
}
.ss\:z-0 {
  z-index: 0;
}
.ss\:z-10 {
  z-index: 10;
}
.ss\:z-20 {
  z-index: 20;
}
.ss\:z-30 {
  z-index: 30;
}
.ss\:z-40 {
  z-index: 40;
}
.ss\:z-\[1\] {
  z-index: 1;
}
.ss\:z-\[2\] {
  z-index: 2;
}
.ss\:z-\[3\] {
  z-index: 3;
}
.ss\:z-\[4\] {
  z-index: 4;
}
.ss\:z-\[5\] {
  z-index: 5;
}
.ss\:z-\[30\] {
  z-index: 30;
}
.ss\:z-\[100\] {
  z-index: 100;
}
.ss\:z-\[150\] {
  z-index: 150;
}
.ss\:z-\[200\] {
  z-index: 200;
}
.ss\:z-\[299\] {
  z-index: 299;
}
.ss\:z-\[900\] {
  z-index: 900;
}
.ss\:z-\[999\] {
  z-index: 999;
}
.ss\:z-\[1000\] {
  z-index: 1000;
}
.ss\:z-\[9999\] {
  z-index: 9999;
}
.ss\:z-\[10000\] {
  z-index: 10000;
}
.ss\:z-\[10001\] {
  z-index: 10001;
}
.ss\:z-\[99999\] {
  z-index: 99999;
}
.ss\:z-\[999999\] {
  z-index: 999999;
}
.ss\:z-\[2147483647\] {
  z-index: 2147483647;
}
.ss\:order-1 {
  order: 1;
}
.ss\:order-2 {
  order: 2;
}
.ss\:col-span-full {
  grid-column: 1 / -1;
}
.ss\:\!float-none {
  float: none !important;
}
.ss\:\!clear-both {
  clear: both !important;
}
.ss\:\!m-0 {
  margin: 0px !important;
}
.ss\:\!m-\[0_10px_0_0\] {
  margin: 0 10px 0 0 !important;
}
.ss\:\!m-auto {
  margin: auto !important;
}
.ss\:m-0 {
  margin: 0px;
}
.ss\:m-\[5px_0\] {
  margin: 5px 0;
}
.ss\:m-\[5px_0_10px\] {
  margin: 5px 0 10px;
}
.ss\:m-auto {
  margin: auto;
}
.ss\:\!mx-0 {
  margin-inline: 0px !important;
}
.ss\:mx-\[-6px\] {
  margin-inline: -6px;
}
.ss\:mx-\[8px\] {
  margin-inline: 8px;
}
.ss\:mx-\[10px\] {
  margin-inline: 10px;
}
.ss\:mx-\[12px\] {
  margin-inline: 12px;
}
.ss\:mx-\[40px\] {
  margin-inline: 40px;
}
.ss\:mx-\[calc\(var\(--grid-gutter\)\*-2\)\] {
  margin-inline: calc(var(--grid-gutter) * -2);
}
.ss\:mx-\[calc\(var\(--grid-gutter\)\*2\)\] {
  margin-inline: calc(var(--grid-gutter) * 2);
}
.ss\:mx-\[calc\(var\(--grid-gutter\)\/-2\)\] {
  margin-inline: calc(var(--grid-gutter) / -2);
}
.ss\:mx-\[calc\(var\(--grid-gutter\)\/2\)\] {
  margin-inline: calc(var(--grid-gutter) / 2);
}
.ss\:mx-auto {
  margin-inline: auto;
}
.ss\:\!my-\[12px\] {
  margin-block: 12px !important;
}
.ss\:my-\[4px\] {
  margin-block: 4px;
}
.ss\:my-\[6px_16px\] {
  margin-block: 6px 16px;
}
.ss\:my-\[8px\] {
  margin-block: 8px;
}
.ss\:my-\[10px\] {
  margin-block: 10px;
}
.ss\:my-\[16px_8px\] {
  margin-block: 16px 8px;
}
.ss\:my-\[16px_20px\] {
  margin-block: 16px 20px;
}
.ss\:my-\[20px\] {
  margin-block: 20px;
}
.ss\:my-\[28px\] {
  margin-block: 28px;
}
.ss\:my-\[32px\] {
  margin-block: 32px;
}
.ss\:my-\[calc\(var\(--grid-gutter\)\*3\)\] {
  margin-block: calc(var(--grid-gutter) * 3);
}
.ss\:my-\[calc\(var\(--grid-gutter\)\*4\)\] {
  margin-block: calc(var(--grid-gutter) * 4);
}
.ss\:my-\[var\(--grid-gutter\)\] {
  margin-block: var(--grid-gutter);
}
.ss\:my-\[var\(--grid-gutter-mobile\)\] {
  margin-block: var(--grid-gutter-mobile);
}
.ss\:\!mt-0 {
  margin-top: 0px !important;
}
.ss\:\!mt-3 {
  margin-top: calc(var(--ss-spacing) * 3) !important;
}
.ss\:\!mt-\[5px\] {
  margin-top: 5px !important;
}
.ss\:\!mt-\[10px\] {
  margin-top: 10px !important;
}
.ss\:\!mt-\[14px\] {
  margin-top: 14px !important;
}
.ss\:\!mt-\[16px\] {
  margin-top: 16px !important;
}
.ss\:\!mt-\[20px\] {
  margin-top: 20px !important;
}
.ss\:\!mt-\[24px\] {
  margin-top: 24px !important;
}
.ss\:-mt-\[4px\] {
  margin-top: calc(4px * -1);
}
.ss\:mt-0 {
  margin-top: 0px;
}
.ss\:mt-2 {
  margin-top: calc(var(--ss-spacing) * 2);
}
.ss\:mt-3 {
  margin-top: calc(var(--ss-spacing) * 3);
}
.ss\:mt-4 {
  margin-top: calc(var(--ss-spacing) * 4);
}
.ss\:mt-5 {
  margin-top: calc(var(--ss-spacing) * 5);
}
.ss\:mt-6 {
  margin-top: calc(var(--ss-spacing) * 6);
}
.ss\:mt-7 {
  margin-top: calc(var(--ss-spacing) * 7);
}
.ss\:mt-8 {
  margin-top: calc(var(--ss-spacing) * 8);
}
.ss\:mt-10 {
  margin-top: calc(var(--ss-spacing) * 10);
}
.ss\:mt-\[-1px\] {
  margin-top: -1px;
}
.ss\:mt-\[\.55em\] {
  margin-top: .55em;
}
.ss\:mt-\[2px\] {
  margin-top: 2px;
}
.ss\:mt-\[3px\] {
  margin-top: 3px;
}
.ss\:mt-\[4px\] {
  margin-top: 4px;
}
.ss\:mt-\[5px\] {
  margin-top: 5px;
}
.ss\:mt-\[6px\] {
  margin-top: 6px;
}
.ss\:mt-\[8px\] {
  margin-top: 8px;
}
.ss\:mt-\[10px\] {
  margin-top: 10px;
}
.ss\:mt-\[12px\] {
  margin-top: 12px;
}
.ss\:mt-\[14px\] {
  margin-top: 14px;
}
.ss\:mt-\[16px\] {
  margin-top: 16px;
}
.ss\:mt-\[18px\] {
  margin-top: 18px;
}
.ss\:mt-\[20px\] {
  margin-top: 20px;
}
.ss\:mt-\[22px\] {
  margin-top: 22px;
}
.ss\:mt-\[24px\] {
  margin-top: 24px;
}
.ss\:mt-\[25px\] {
  margin-top: 25px;
}
.ss\:mt-\[28px\] {
  margin-top: 28px;
}
.ss\:mt-\[30px\] {
  margin-top: 30px;
}
.ss\:mt-\[32px\] {
  margin-top: 32px;
}
.ss\:mt-\[40px\] {
  margin-top: 40px;
}
.ss\:mt-\[48px\] {
  margin-top: 48px;
}
.ss\:mt-\[calc\(var\(--font-size-xxl\)\*0\.35\)\] {
  margin-top: calc(var(--font-size-xxl) * 0.35);
}
.ss\:mt-\[calc\(var\(--grid-gutter\)\*1\.5\)\] {
  margin-top: calc(var(--grid-gutter) * 1.5);
}
.ss\:mt-\[calc\(var\(--grid-gutter\)\*2\)\] {
  margin-top: calc(var(--grid-gutter) * 2);
}
.ss\:mt-\[calc\(var\(--grid-gutter\)\*2\.5\)\] {
  margin-top: calc(var(--grid-gutter) * 2.5);
}
.ss\:mt-\[calc\(var\(--grid-gutter\)\*3\)\] {
  margin-top: calc(var(--grid-gutter) * 3);
}
.ss\:mt-\[calc\(var\(--grid-gutter\)\*4\)\] {
  margin-top: calc(var(--grid-gutter) * 4);
}
.ss\:mt-\[calc\(var\(--grid-gutter\)\/2\)\] {
  margin-top: calc(var(--grid-gutter) / 2);
}
.ss\:mt-\[calc\(var\(--grid-gutter\,24px\)\*2\)\] {
  margin-top: calc(var(--grid-gutter,24px) * 2);
}
.ss\:mt-\[calc\(var\(--grid-gutter-mobile\)\/2\)\] {
  margin-top: calc(var(--grid-gutter-mobile) / 2);
}
.ss\:mt-\[var\(--grid-gutter\)\] {
  margin-top: var(--grid-gutter);
}
.ss\:mt-auto {
  margin-top: auto;
}
.ss\:mt-px {
  margin-top: 1px;
}
.ss\:\!mr-\[10px\] {
  margin-right: 10px !important;
}
.ss\:mr-0 {
  margin-right: 0px;
}
.ss\:mr-\[4px\] {
  margin-right: 4px;
}
.ss\:mr-\[5px\] {
  margin-right: 5px;
}
.ss\:mr-\[6px\] {
  margin-right: 6px;
}
.ss\:mr-\[10px\] {
  margin-right: 10px;
}
.ss\:mr-\[12px\] {
  margin-right: 12px;
}
.ss\:mr-\[16px\] {
  margin-right: 16px;
}
.ss\:mr-\[20px\] {
  margin-right: 20px;
}
.ss\:mr-\[30px\] {
  margin-right: 30px;
}
.ss\:mr-\[calc\(var\(--grid-gutter\)\*2\/3\)\] {
  margin-right: calc(var(--grid-gutter) * 2 / 3);
}
.ss\:mr-\[calc\(var\(--grid-gutter\)\/2\)\] {
  margin-right: calc(var(--grid-gutter) / 2);
}
.ss\:mr-\[var\(--grid-gutter\)\] {
  margin-right: var(--grid-gutter);
}
.ss\:\!mb-0 {
  margin-bottom: 0px !important;
}
.ss\:\!mb-\[5px\] {
  margin-bottom: 5px !important;
}
.ss\:\!mb-\[10px\] {
  margin-bottom: 10px !important;
}
.ss\:\!mb-\[12px\] {
  margin-bottom: 12px !important;
}
.ss\:\!mb-\[14px\] {
  margin-bottom: 14px !important;
}
.ss\:\!mb-\[16px\] {
  margin-bottom: 16px !important;
}
.ss\:\!mb-\[18px\] {
  margin-bottom: 18px !important;
}
.ss\:\!mb-\[20px\] {
  margin-bottom: 20px !important;
}
.ss\:\!mb-\[28px\] {
  margin-bottom: 28px !important;
}
.ss\:\!mb-\[var\(--grid-gutter\)\] {
  margin-bottom: var(--grid-gutter) !important;
}
.ss\:mb-0 {
  margin-bottom: 0px;
}
.ss\:mb-3 {
  margin-bottom: calc(var(--ss-spacing) * 3);
}
.ss\:mb-4 {
  margin-bottom: calc(var(--ss-spacing) * 4);
}
.ss\:mb-\[2\.5px\] {
  margin-bottom: 2.5px;
}
.ss\:mb-\[2px\] {
  margin-bottom: 2px;
}
.ss\:mb-\[3px\] {
  margin-bottom: 3px;
}
.ss\:mb-\[4px\] {
  margin-bottom: 4px;
}
.ss\:mb-\[5px\] {
  margin-bottom: 5px;
}
.ss\:mb-\[6px\] {
  margin-bottom: 6px;
}
.ss\:mb-\[8px\] {
  margin-bottom: 8px;
}
.ss\:mb-\[10px\] {
  margin-bottom: 10px;
}
.ss\:mb-\[12px\] {
  margin-bottom: 12px;
}
.ss\:mb-\[14px\] {
  margin-bottom: 14px;
}
.ss\:mb-\[15px\] {
  margin-bottom: 15px;
}
.ss\:mb-\[16px\] {
  margin-bottom: 16px;
}
.ss\:mb-\[18px\] {
  margin-bottom: 18px;
}
.ss\:mb-\[20px\] {
  margin-bottom: 20px;
}
.ss\:mb-\[24px\] {
  margin-bottom: 24px;
}
.ss\:mb-\[25px\] {
  margin-bottom: 25px;
}
.ss\:mb-\[26px\] {
  margin-bottom: 26px;
}
.ss\:mb-\[30px\] {
  margin-bottom: 30px;
}
.ss\:mb-\[32px\] {
  margin-bottom: 32px;
}
.ss\:mb-\[40px\] {
  margin-bottom: 40px;
}
.ss\:mb-\[calc\(var\(--grid-gutter\)\*1\.2\)\] {
  margin-bottom: calc(var(--grid-gutter) * 1.2);
}
.ss\:mb-\[calc\(var\(--grid-gutter\)\*2\)\] {
  margin-bottom: calc(var(--grid-gutter) * 2);
}
.ss\:mb-\[calc\(var\(--grid-gutter\)\/2\)\] {
  margin-bottom: calc(var(--grid-gutter) / 2);
}
.ss\:mb-\[var\(--grid-gutter\)\] {
  margin-bottom: var(--grid-gutter);
}
.ss\:mb-\[var\(--grid-gutter\,24px\)\] {
  margin-bottom: var(--grid-gutter,24px);
}
.ss\:mb-\[var\(--grid-gutter-mobile\)\] {
  margin-bottom: var(--grid-gutter-mobile);
}
.ss\:\!ml-0 {
  margin-left: 0px !important;
}
.ss\:\!ml-\[4px\] {
  margin-left: 4px !important;
}
.ss\:ml-0 {
  margin-left: 0px;
}
.ss\:ml-1 {
  margin-left: var(--ss-spacing);
}
.ss\:ml-2 {
  margin-left: calc(var(--ss-spacing) * 2);
}
.ss\:ml-\[2px\] {
  margin-left: 2px;
}
.ss\:ml-\[5px\] {
  margin-left: 5px;
}
.ss\:ml-\[6px\] {
  margin-left: 6px;
}
.ss\:ml-\[8px\] {
  margin-left: 8px;
}
.ss\:ml-\[10px\] {
  margin-left: 10px;
}
.ss\:ml-\[12px\] {
  margin-left: 12px;
}
.ss\:ml-\[16px\] {
  margin-left: 16px;
}
.ss\:ml-\[calc\(var\(--grid-gutter\)\/2\)\] {
  margin-left: calc(var(--grid-gutter) / 2);
}
.ss\:ml-auto {
  margin-left: auto;
}
.ss\:\!box-border {
  box-sizing: border-box !important;
}
.ss\:box-border {
  box-sizing: border-box;
}
.ss\:line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ss\:line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.ss\:line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.ss\:\!block {
  display: block !important;
}
.ss\:\!flex {
  display: flex !important;
}
.ss\:\!hidden {
  display: none !important;
}
.ss\:\!inline-flex {
  display: inline-flex !important;
}
.ss\:block {
  display: block;
}
.ss\:flex {
  display: flex;
}
.ss\:grid {
  display: grid;
}
.ss\:hidden {
  display: none;
}
.ss\:inline {
  display: inline;
}
.ss\:inline-block {
  display: inline-block;
}
.ss\:inline-flex {
  display: inline-flex;
}
.ss\:\!aspect-\[9\/14\] {
  aspect-ratio: 9/14 !important;
}
.ss\:aspect-\[1\.6\] {
  aspect-ratio: 1.6;
}
.ss\:aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}
.ss\:aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.ss\:aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.ss\:aspect-square {
  aspect-ratio: 1 / 1;
}
.ss\:aspect-video {
  aspect-ratio: var(--ss-aspect-video);
}
.ss\:\!size-5 {
  width: calc(var(--ss-spacing) * 5) !important;
  height: calc(var(--ss-spacing) * 5) !important;
}
.ss\:\!size-\[14px\] {
  width: 14px !important;
  height: 14px !important;
}
.ss\:\!size-\[20px\] {
  width: 20px !important;
  height: 20px !important;
}
.ss\:\!size-\[24px\] {
  width: 24px !important;
  height: 24px !important;
}
.ss\:\!size-\[26px\] {
  width: 26px !important;
  height: 26px !important;
}
.ss\:\!size-\[30px\] {
  width: 30px !important;
  height: 30px !important;
}
.ss\:\!size-\[32px\] {
  width: 32px !important;
  height: 32px !important;
}
.ss\:\!size-\[44px\] {
  width: 44px !important;
  height: 44px !important;
}
.ss\:\!size-\[52px\] {
  width: 52px !important;
  height: 52px !important;
}
.ss\:size-\[16px\] {
  width: 16px;
  height: 16px;
}
.ss\:size-\[20px\] {
  width: 20px;
  height: 20px;
}
.ss\:size-\[22px\] {
  width: 22px;
  height: 22px;
}
.ss\:size-\[24px\] {
  width: 24px;
  height: 24px;
}
.ss\:size-\[28px\] {
  width: 28px;
  height: 28px;
}
.ss\:size-\[32px\] {
  width: 32px;
  height: 32px;
}
.ss\:size-\[36px\] {
  width: 36px;
  height: 36px;
}
.ss\:size-\[40px\] {
  width: 40px;
  height: 40px;
}
.ss\:size-\[44px\] {
  width: 44px;
  height: 44px;
}
.ss\:\!h-0 {
  height: 0px !important;
}
.ss\:\!h-\[14px\] {
  height: 14px !important;
}
.ss\:\!h-\[18px\] {
  height: 18px !important;
}
.ss\:\!h-\[20px\] {
  height: 20px !important;
}
.ss\:\!h-\[24px\] {
  height: 24px !important;
}
.ss\:\!h-\[26px\] {
  height: 26px !important;
}
.ss\:\!h-\[27px\] {
  height: 27px !important;
}
.ss\:\!h-\[28px\] {
  height: 28px !important;
}
.ss\:\!h-\[32px\] {
  height: 32px !important;
}
.ss\:\!h-\[36px\] {
  height: 36px !important;
}
.ss\:\!h-\[44px\] {
  height: 44px !important;
}
.ss\:\!h-\[48px\] {
  height: 48px !important;
}
.ss\:\!h-\[50px\] {
  height: 50px !important;
}
.ss\:\!h-auto {
  height: auto !important;
}
.ss\:\!h-full {
  height: 100% !important;
}
.ss\:h-0 {
  height: 0px;
}
.ss\:h-2 {
  height: calc(var(--ss-spacing) * 2);
}
.ss\:h-5 {
  height: calc(var(--ss-spacing) * 5);
}
.ss\:h-7 {
  height: calc(var(--ss-spacing) * 7);
}
.ss\:h-\[1em\] {
  height: 1em;
}
.ss\:h-\[4px\] {
  height: 4px;
}
.ss\:h-\[5px\] {
  height: 5px;
}
.ss\:h-\[6px\] {
  height: 6px;
}
.ss\:h-\[10px\] {
  height: 10px;
}
.ss\:h-\[10rem\] {
  height: 10rem;
}
.ss\:h-\[11px\] {
  height: 11px;
}
.ss\:h-\[12px\] {
  height: 12px;
}
.ss\:h-\[14px\] {
  height: 14px;
}
.ss\:h-\[16px\] {
  height: 16px;
}
.ss\:h-\[18px\] {
  height: 18px;
}
.ss\:h-\[19px\] {
  height: 19px;
}
.ss\:h-\[20px\] {
  height: 20px;
}
.ss\:h-\[22px\] {
  height: 22px;
}
.ss\:h-\[24px\] {
  height: 24px;
}
.ss\:h-\[25px\] {
  height: 25px;
}
.ss\:h-\[26px\] {
  height: 26px;
}
.ss\:h-\[28px\] {
  height: 28px;
}
.ss\:h-\[30px\] {
  height: 30px;
}
.ss\:h-\[32px\] {
  height: 32px;
}
.ss\:h-\[34px\] {
  height: 34px;
}
.ss\:h-\[36px\] {
  height: 36px;
}
.ss\:h-\[38px\] {
  height: 38px;
}
.ss\:h-\[40px\] {
  height: 40px;
}
.ss\:h-\[42px\] {
  height: 42px;
}
.ss\:h-\[44px\] {
  height: 44px;
}
.ss\:h-\[45px\] {
  height: 45px;
}
.ss\:h-\[46px\] {
  height: 46px;
}
.ss\:h-\[48px\] {
  height: 48px;
}
.ss\:h-\[50px\] {
  height: 50px;
}
.ss\:h-\[52px\] {
  height: 52px;
}
.ss\:h-\[54px\] {
  height: 54px;
}
.ss\:h-\[55px\] {
  height: 55px;
}
.ss\:h-\[56px\] {
  height: 56px;
}
.ss\:h-\[58px\] {
  height: 58px;
}
.ss\:h-\[60\%\] {
  height: 60%;
}
.ss\:h-\[60px\] {
  height: 60px;
}
.ss\:h-\[65px\] {
  height: 65px;
}
.ss\:h-\[66px\] {
  height: 66px;
}
.ss\:h-\[70px\] {
  height: 70px;
}
.ss\:h-\[72\%\] {
  height: 72%;
}
.ss\:h-\[80px\] {
  height: 80px;
}
.ss\:h-\[85\%\] {
  height: 85%;
}
.ss\:h-\[90px\] {
  height: 90px;
}
.ss\:h-\[94\%\] {
  height: 94%;
}
.ss\:h-\[100px\] {
  height: 100px;
}
.ss\:h-\[126px\] {
  height: 126px;
}
.ss\:h-\[150px\] {
  height: 150px;
}
.ss\:h-\[160px\] {
  height: 160px;
}
.ss\:h-\[180px\] {
  height: 180px;
}
.ss\:h-\[220\%\] {
  height: 220%;
}
.ss\:h-\[220px\] {
  height: 220px;
}
.ss\:h-\[240px\] {
  height: 240px;
}
.ss\:h-\[420px\] {
  height: 420px;
}
.ss\:h-\[450px\] {
  height: 450px;
}
.ss\:h-\[calc\(50\%-6px\)\] {
  height: calc(50% - 6px);
}
.ss\:h-\[calc\(100vh-90px\)\] {
  height: calc(100vh - 90px);
}
.ss\:h-\[var\(--map-control-height\)\] {
  height: var(--map-control-height);
}
.ss\:h-\[var\(--map-icon-size\)\] {
  height: var(--map-icon-size);
}
.ss\:h-\[var\(--map-pin-circle-size\)\] {
  height: var(--map-pin-circle-size);
}
.ss\:h-\[var\(--map-pin-logo-size\)\] {
  height: var(--map-pin-logo-size);
}
.ss\:h-\[var\(--map-pin-size\)\] {
  height: var(--map-pin-size);
}
.ss\:h-auto {
  height: auto;
}
.ss\:h-full {
  height: 100%;
}
.ss\:h-px {
  height: 1px;
}
.ss\:max-h-\[38px\] {
  max-height: 38px;
}
.ss\:max-h-\[40px\] {
  max-height: 40px;
}
.ss\:max-h-\[42px\] {
  max-height: 42px;
}
.ss\:max-h-\[60px\] {
  max-height: 60px;
}
.ss\:max-h-\[80px\] {
  max-height: 80px;
}
.ss\:max-h-\[190px\] {
  max-height: 190px;
}
.ss\:max-h-\[240px\] {
  max-height: 240px;
}
.ss\:max-h-\[280px\] {
  max-height: 280px;
}
.ss\:max-h-\[300px\] {
  max-height: 300px;
}
.ss\:max-h-\[360px\] {
  max-height: 360px;
}
.ss\:max-h-\[410px\] {
  max-height: 410px;
}
.ss\:max-h-\[450px\] {
  max-height: 450px;
}
.ss\:max-h-\[620px\] {
  max-height: 620px;
}
.ss\:max-h-\[calc\(1\.3em\*3\)\] {
  max-height: calc(1.3em * 3);
}
.ss\:max-h-\[calc\(100vh-32px\)\] {
  max-height: calc(100vh - 32px);
}
.ss\:max-h-\[calc\(100vh-100px\)\] {
  max-height: calc(100vh - 100px);
}
.ss\:max-h-full {
  max-height: 100%;
}
.ss\:max-h-none {
  max-height: none;
}
.ss\:\!min-h-0 {
  min-height: 0px !important;
}
.ss\:\!min-h-\[15px\] {
  min-height: 15px !important;
}
.ss\:\!min-h-\[44px\] {
  min-height: 44px !important;
}
.ss\:\!min-h-\[50px\] {
  min-height: 50px !important;
}
.ss\:\!min-h-\[60px\] {
  min-height: 60px !important;
}
.ss\:\!min-h-\[300px\] {
  min-height: 300px !important;
}
.ss\:min-h-0 {
  min-height: 0px;
}
.ss\:min-h-\[6px\] {
  min-height: 6px;
}
.ss\:min-h-\[18px\] {
  min-height: 18px;
}
.ss\:min-h-\[28px\] {
  min-height: 28px;
}
.ss\:min-h-\[30px\] {
  min-height: 30px;
}
.ss\:min-h-\[40px\] {
  min-height: 40px;
}
.ss\:min-h-\[42px\] {
  min-height: 42px;
}
.ss\:min-h-\[46px\] {
  min-height: 46px;
}
.ss\:min-h-\[48px\] {
  min-height: 48px;
}
.ss\:min-h-\[50px\] {
  min-height: 50px;
}
.ss\:min-h-\[54px\] {
  min-height: 54px;
}
.ss\:min-h-\[55px\] {
  min-height: 55px;
}
.ss\:min-h-\[56px\] {
  min-height: 56px;
}
.ss\:min-h-\[60px\] {
  min-height: 60px;
}
.ss\:min-h-\[64px\] {
  min-height: 64px;
}
.ss\:min-h-\[75px\] {
  min-height: 75px;
}
.ss\:min-h-\[100px\] {
  min-height: 100px;
}
.ss\:min-h-\[132px\] {
  min-height: 132px;
}
.ss\:min-h-\[180px\] {
  min-height: 180px;
}
.ss\:min-h-\[200px\] {
  min-height: 200px;
}
.ss\:min-h-\[220px\] {
  min-height: 220px;
}
.ss\:min-h-\[245px\] {
  min-height: 245px;
}
.ss\:min-h-\[250px\] {
  min-height: 250px;
}
.ss\:min-h-\[260px\] {
  min-height: 260px;
}
.ss\:min-h-\[300px\] {
  min-height: 300px;
}
.ss\:min-h-\[320px\] {
  min-height: 320px;
}
.ss\:min-h-\[350px\] {
  min-height: 350px;
}
.ss\:min-h-\[620px\] {
  min-height: 620px;
}
.ss\:min-h-\[calc\(1\.3em\*3\)\] {
  min-height: calc(1.3em * 3);
}
.ss\:min-h-\[var\(--map-min-height\)\] {
  min-height: var(--map-min-height);
}
.ss\:min-h-\[var\(--map-mobile-min-height\)\] {
  min-height: var(--map-mobile-min-height);
}
.ss\:min-h-full {
  min-height: 100%;
}
.ss\:min-h-screen {
  min-height: 100vh;
}
.ss\:\!w-\[14px\] {
  width: 14px !important;
}
.ss\:\!w-\[16px\] {
  width: 16px !important;
}
.ss\:\!w-\[18px\] {
  width: 18px !important;
}
.ss\:\!w-\[20px\] {
  width: 20px !important;
}
.ss\:\!w-\[26px\] {
  width: 26px !important;
}
.ss\:\!w-\[28px\] {
  width: 28px !important;
}
.ss\:\!w-\[32px\] {
  width: 32px !important;
}
.ss\:\!w-\[36px\] {
  width: 36px !important;
}
.ss\:\!w-\[44px\] {
  width: 44px !important;
}
.ss\:\!w-auto {
  width: auto !important;
}
.ss\:\!w-full {
  width: 100% !important;
}
.ss\:w-0 {
  width: 0px;
}
.ss\:w-1\/2 {
  width: calc(1 / 2 * 100%);
}
.ss\:w-1\/3 {
  width: calc(1 / 3 * 100%);
}
.ss\:w-1\/4 {
  width: calc(1 / 4 * 100%);
}
.ss\:w-1\/5 {
  width: calc(1 / 5 * 100%);
}
.ss\:w-2 {
  width: calc(var(--ss-spacing) * 2);
}
.ss\:w-5 {
  width: calc(var(--ss-spacing) * 5);
}
.ss\:w-7 {
  width: calc(var(--ss-spacing) * 7);
}
.ss\:w-\[1em\] {
  width: 1em;
}
.ss\:w-\[4px\] {
  width: 4px;
}
.ss\:w-\[6px\] {
  width: 6px;
}
.ss\:w-\[10px\] {
  width: 10px;
}
.ss\:w-\[10rem\] {
  width: 10rem;
}
.ss\:w-\[11px\] {
  width: 11px;
}
.ss\:w-\[12px\] {
  width: 12px;
}
.ss\:w-\[14px\] {
  width: 14px;
}
.ss\:w-\[16px\] {
  width: 16px;
}
.ss\:w-\[18px\] {
  width: 18px;
}
.ss\:w-\[19px\] {
  width: 19px;
}
.ss\:w-\[20px\] {
  width: 20px;
}
.ss\:w-\[22px\] {
  width: 22px;
}
.ss\:w-\[24px\] {
  width: 24px;
}
.ss\:w-\[25px\] {
  width: 25px;
}
.ss\:w-\[26px\] {
  width: 26px;
}
.ss\:w-\[28px\] {
  width: 28px;
}
.ss\:w-\[30px\] {
  width: 30px;
}
.ss\:w-\[32px\] {
  width: 32px;
}
.ss\:w-\[34\%\] {
  width: 34%;
}
.ss\:w-\[34px\] {
  width: 34px;
}
.ss\:w-\[35\%\] {
  width: 35%;
}
.ss\:w-\[36px\] {
  width: 36px;
}
.ss\:w-\[38px\] {
  width: 38px;
}
.ss\:w-\[40px\] {
  width: 40px;
}
.ss\:w-\[42px\] {
  width: 42px;
}
.ss\:w-\[44px\] {
  width: 44px;
}
.ss\:w-\[45\%\] {
  width: 45%;
}
.ss\:w-\[48px\] {
  width: 48px;
}
.ss\:w-\[52px\] {
  width: 52px;
}
.ss\:w-\[55\%\] {
  width: 55%;
}
.ss\:w-\[56px\] {
  width: 56px;
}
.ss\:w-\[58px\] {
  width: 58px;
}
.ss\:w-\[60px\] {
  width: 60px;
}
.ss\:w-\[65px\] {
  width: 65px;
}
.ss\:w-\[70px\] {
  width: 70px;
}
.ss\:w-\[72\%\] {
  width: 72%;
}
.ss\:w-\[75px\] {
  width: 75px;
}
.ss\:w-\[90\%\] {
  width: 90%;
}
.ss\:w-\[94\%\] {
  width: 94%;
}
.ss\:w-\[96\%\] {
  width: 96%;
}
.ss\:w-\[109px\] {
  width: 109px;
}
.ss\:w-\[140px\] {
  width: 140px;
}
.ss\:w-\[160px\] {
  width: 160px;
}
.ss\:w-\[180px\] {
  width: 180px;
}
.ss\:w-\[220px\] {
  width: 220px;
}
.ss\:w-\[250px\] {
  width: 250px;
}
.ss\:w-\[270px\] {
  width: 270px;
}
.ss\:w-\[280px\] {
  width: 280px;
}
.ss\:w-\[290px\] {
  width: 290px;
}
.ss\:w-\[310px\] {
  width: 310px;
}
.ss\:w-\[320px\] {
  width: 320px;
}
.ss\:w-\[375px\] {
  width: 375px;
}
.ss\:w-\[465px\] {
  width: 465px;
}
.ss\:w-\[480px\] {
  width: 480px;
}
.ss\:w-\[calc\(\(100\%_-_80px\)\/6\)\] {
  width: calc((100% - 80px) / 6);
}
.ss\:w-\[calc\(100\%-32px\)\] {
  width: calc(100% - 32px);
}
.ss\:w-\[var\(--map-icon-size\)\] {
  width: var(--map-icon-size);
}
.ss\:w-\[var\(--map-pin-circle-size\)\] {
  width: var(--map-pin-circle-size);
}
.ss\:w-\[var\(--map-pin-logo-size\)\] {
  width: var(--map-pin-logo-size);
}
.ss\:w-\[var\(--map-pin-size\)\] {
  width: var(--map-pin-size);
}
.ss\:w-\[var\(--map-social-width\)\] {
  width: var(--map-social-width);
}
.ss\:w-auto {
  width: auto;
}
.ss\:w-fit {
  width: fit-content;
}
.ss\:w-full {
  width: 100%;
}
.ss\:w-max {
  width: max-content;
}
.ss\:w-screen {
  width: 100vw;
}
.ss\:\!max-w-\[32px\] {
  max-width: 32px !important;
}
.ss\:\!max-w-\[400px\] {
  max-width: 400px !important;
}
.ss\:\!max-w-\[720px\] {
  max-width: 720px !important;
}
.ss\:\!max-w-none {
  max-width: none !important;
}
.ss\:max-w-\[20\%\] {
  max-width: 20%;
}
.ss\:max-w-\[25\%\] {
  max-width: 25%;
}
.ss\:max-w-\[33\.33333\%\] {
  max-width: 33.33333%;
}
.ss\:max-w-\[42px\] {
  max-width: 42px;
}
.ss\:max-w-\[50\%\] {
  max-width: 50%;
}
.ss\:max-w-\[65\%\] {
  max-width: 65%;
}
.ss\:max-w-\[70px\] {
  max-width: 70px;
}
.ss\:max-w-\[72\%\] {
  max-width: 72%;
}
.ss\:max-w-\[75\%\] {
  max-width: 75%;
}
.ss\:max-w-\[80px\] {
  max-width: 80px;
}
.ss\:max-w-\[100px\] {
  max-width: 100px;
}
.ss\:max-w-\[152px\] {
  max-width: 152px;
}
.ss\:max-w-\[200px\] {
  max-width: 200px;
}
.ss\:max-w-\[232px\] {
  max-width: 232px;
}
.ss\:max-w-\[400px\] {
  max-width: 400px;
}
.ss\:max-w-\[420px\] {
  max-width: 420px;
}
.ss\:max-w-\[430px\] {
  max-width: 430px;
}
.ss\:max-w-\[448px\] {
  max-width: 448px;
}
.ss\:max-w-\[480px\] {
  max-width: 480px;
}
.ss\:max-w-\[520px\] {
  max-width: 520px;
}
.ss\:max-w-\[540px\] {
  max-width: 540px;
}
.ss\:max-w-\[560px\] {
  max-width: 560px;
}
.ss\:max-w-\[640px\] {
  max-width: 640px;
}
.ss\:max-w-\[650px\] {
  max-width: 650px;
}
.ss\:max-w-\[680px\] {
  max-width: 680px;
}
.ss\:max-w-\[690px\] {
  max-width: 690px;
}
.ss\:max-w-\[700px\] {
  max-width: 700px;
}
.ss\:max-w-\[720px\] {
  max-width: 720px;
}
.ss\:max-w-\[760px\] {
  max-width: 760px;
}
.ss\:max-w-\[780px\] {
  max-width: 780px;
}
.ss\:max-w-\[800px\] {
  max-width: 800px;
}
.ss\:max-w-\[820px\] {
  max-width: 820px;
}
.ss\:max-w-\[840px\] {
  max-width: 840px;
}
.ss\:max-w-\[850px\] {
  max-width: 850px;
}
.ss\:max-w-\[870px\] {
  max-width: 870px;
}
.ss\:max-w-\[900px\] {
  max-width: 900px;
}
.ss\:max-w-\[920px\] {
  max-width: 920px;
}
.ss\:max-w-\[960px\] {
  max-width: 960px;
}
.ss\:max-w-\[970px\] {
  max-width: 970px;
}
.ss\:max-w-\[calc\(25\%-var\(--grid-gutter\)\)\] {
  max-width: calc(25% - var(--grid-gutter));
}
.ss\:max-w-\[var\(--grid-maxWidth\)\] {
  max-width: var(--grid-maxWidth);
}
.ss\:max-w-\[var\(--grid-maxWidth\,1400px\)\] {
  max-width: var(--grid-maxWidth,1400px);
}
.ss\:max-w-full {
  max-width: 100%;
}
.ss\:max-w-max {
  max-width: max-content;
}
.ss\:max-w-none {
  max-width: none;
}
.ss\:\!min-w-0 {
  min-width: 0px !important;
}
.ss\:\!min-w-\[30px\] {
  min-width: 30px !important;
}
.ss\:\!min-w-\[32px\] {
  min-width: 32px !important;
}
.ss\:min-w-0 {
  min-width: 0px;
}
.ss\:min-w-\[6px\] {
  min-width: 6px;
}
.ss\:min-w-\[18px\] {
  min-width: 18px;
}
.ss\:min-w-\[28px\] {
  min-width: 28px;
}
.ss\:min-w-\[30px\] {
  min-width: 30px;
}
.ss\:min-w-\[42px\] {
  min-width: 42px;
}
.ss\:min-w-\[62px\] {
  min-width: 62px;
}
.ss\:min-w-\[70px\] {
  min-width: 70px;
}
.ss\:min-w-\[100px\] {
  min-width: 100px;
}
.ss\:min-w-\[150px\] {
  min-width: 150px;
}
.ss\:min-w-\[180px\] {
  min-width: 180px;
}
.ss\:min-w-\[200px\] {
  min-width: 200px;
}
.ss\:min-w-\[220px\] {
  min-width: 220px;
}
.ss\:min-w-\[240px\] {
  min-width: 240px;
}
.ss\:min-w-\[245px\] {
  min-width: 245px;
}
.ss\:min-w-\[250px\] {
  min-width: 250px;
}
.ss\:min-w-\[270px\] {
  min-width: 270px;
}
.ss\:min-w-\[280px\] {
  min-width: 280px;
}
.ss\:min-w-\[320px\] {
  min-width: 320px;
}
.ss\:min-w-\[560px\] {
  min-width: 560px;
}
.ss\:min-w-\[620px\] {
  min-width: 620px;
}
.ss\:min-w-full {
  min-width: 100%;
}
.ss\:\!flex-1 {
  flex: 1 !important;
}
.ss\:flex-1 {
  flex: 1;
}
.ss\:flex-\[0_0_100\%\] {
  flex: 0 0 100%;
}
.ss\:flex-\[0_0_200px\] {
  flex: 0 0 200px;
}
.ss\:flex-\[1\.1\] {
  flex: 1.1;
}
.ss\:flex-\[1_1_30\%\] {
  flex: 1 1 30%;
}
.ss\:flex-\[1_1_calc\(20\%_-_13px\)\] {
  flex: 1 1 calc(20% - 13px);
}
.ss\:flex-\[1_1_calc\(25\%_-_12px\)\] {
  flex: 1 1 calc(25% - 12px);
}
.ss\:flex-auto {
  flex: auto;
}
.ss\:flex-none {
  flex: none;
}
.ss\:\!shrink-0 {
  flex-shrink: 0 !important;
}
.ss\:flex-shrink-0 {
  flex-shrink: 0;
}
.ss\:shrink-0 {
  flex-shrink: 0;
}
.ss\:flex-grow {
  flex-grow: 1;
}
.ss\:grow {
  flex-grow: 1;
}
.ss\:basis-1\/2 {
  flex-basis: calc(1 / 2 * 100%);
}
.ss\:basis-\[calc\(25\%-var\(--grid-gutter\)\)\] {
  flex-basis: calc(25% - var(--grid-gutter));
}
.ss\:basis-\[calc\(50\%_-_5px\)\] {
  flex-basis: calc(50% - 5px);
}
.ss\:basis-auto {
  flex-basis: auto;
}
.ss\:border-collapse {
  border-collapse: collapse;
}
.ss\:border-separate {
  border-collapse: separate;
}
.ss\:border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.ss\:-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:translate-x-1\/2 {
  --tw-translate-x: calc(1 / 2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\!-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.ss\:-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:-translate-y-\[1px\] {
  --tw-translate-y: calc(1px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:-translate-y-\[12px\] {
  --tw-translate-y: calc(12px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:translate-y-\[-10px\] {
  --tw-translate-y: -10px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:translate-y-\[-20px\] {
  --tw-translate-y: -20px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:translate-y-\[10px\] {
  --tw-translate-y: 10px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:translate-y-full {
  --tw-translate-y: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:scale-50 {
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.ss\:scale-100 {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.ss\:scale-\[1\.04\] {
  scale: 1.04;
}
.ss\:-rotate-90 {
  rotate: calc(90deg * -1);
}
.ss\:rotate-30 {
  rotate: 30deg;
}
.ss\:rotate-45 {
  rotate: 45deg;
}
.ss\:rotate-\[-45deg\] {
  rotate: -45deg;
}
.ss\:rotate-\[6deg\] {
  rotate: 6deg;
}
.ss\:rotate-\[10deg\] {
  rotate: 10deg;
}
.ss\:\!transform-none {
  transform: none !important;
}
.ss\:animate-spin {
  animation: var(--ss-animate-spin);
}
.ss\:animate-syomapay-marquee-forward {
  animation: var(--ss-animate-syomapay-marquee-forward);
}
.ss\:animate-syomapay-marquee-reverse {
  animation: var(--ss-animate-syomapay-marquee-reverse);
}
.ss\:\!cursor-pointer {
  cursor: pointer !important;
}
.ss\:cursor-default {
  cursor: default;
}
.ss\:cursor-help {
  cursor: help;
}
.ss\:cursor-not-allowed {
  cursor: not-allowed;
}
.ss\:cursor-pointer {
  cursor: pointer;
}
.ss\:resize-none {
  resize: none;
}
.ss\:snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.ss\:snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.ss\:snap-start {
  scroll-snap-align: start;
}
.ss\:\[scroll-padding-top\:var\(--site-header-height\,0px\)\] {
  scroll-padding-top: var(--site-header-height,0px);
}
.ss\:\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.ss\:\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.ss\:\!list-none {
  list-style-type: none !important;
}
.ss\:list-none {
  list-style-type: none;
}
.ss\:\!appearance-none {
  appearance: none !important;
}
.ss\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.ss\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ss\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ss\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ss\:grid-cols-\[2\.3fr_1fr\] {
  grid-template-columns: 2.3fr 1fr;
}
.ss\:grid-cols-\[42px_1fr\] {
  grid-template-columns: 42px 1fr;
}
.ss\:grid-cols-\[var\(--map-columns\)\] {
  grid-template-columns: var(--map-columns);
}
.ss\:grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.ss\:grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.ss\:grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.ss\:\!flex-col {
  flex-direction: column !important;
}
.ss\:flex-col {
  flex-direction: column;
}
.ss\:flex-row {
  flex-direction: row;
}
.ss\:\!flex-wrap {
  flex-wrap: wrap !important;
}
.ss\:flex-nowrap {
  flex-wrap: nowrap;
}
.ss\:flex-wrap {
  flex-wrap: wrap;
}
.ss\:\!items-center {
  align-items: center !important;
}
.ss\:items-baseline {
  align-items: baseline;
}
.ss\:items-center {
  align-items: center;
}
.ss\:items-end {
  align-items: flex-end;
}
.ss\:items-start {
  align-items: flex-start;
}
.ss\:items-stretch {
  align-items: stretch;
}
.ss\:\!justify-center {
  justify-content: center !important;
}
.ss\:justify-between {
  justify-content: space-between;
}
.ss\:justify-center {
  justify-content: center;
}
.ss\:justify-end {
  justify-content: flex-end;
}
.ss\:justify-start {
  justify-content: flex-start;
}
.ss\:\!gap-2 {
  gap: calc(var(--ss-spacing) * 2) !important;
}
.ss\:\!gap-\[8px\] {
  gap: 8px !important;
}
.ss\:\!gap-\[10px\] {
  gap: 10px !important;
}
.ss\:\!gap-\[12px\] {
  gap: 12px !important;
}
.ss\:\!gap-\[20px\] {
  gap: 20px !important;
}
.ss\:gap-0 {
  gap: 0px;
}
.ss\:gap-2 {
  gap: calc(var(--ss-spacing) * 2);
}
.ss\:gap-3 {
  gap: calc(var(--ss-spacing) * 3);
}
.ss\:gap-4 {
  gap: calc(var(--ss-spacing) * 4);
}
.ss\:gap-5 {
  gap: calc(var(--ss-spacing) * 5);
}
.ss\:gap-6 {
  gap: calc(var(--ss-spacing) * 6);
}
.ss\:gap-8 {
  gap: calc(var(--ss-spacing) * 8);
}
.ss\:gap-\[2px\] {
  gap: 2px;
}
.ss\:gap-\[4px\] {
  gap: 4px;
}
.ss\:gap-\[5px\] {
  gap: 5px;
}
.ss\:gap-\[6px\] {
  gap: 6px;
}
.ss\:gap-\[8px\] {
  gap: 8px;
}
.ss\:gap-\[10px\] {
  gap: 10px;
}
.ss\:gap-\[10px_8px\] {
  gap: 10px 8px;
}
.ss\:gap-\[12px\] {
  gap: 12px;
}
.ss\:gap-\[14px\] {
  gap: 14px;
}
.ss\:gap-\[16px\] {
  gap: 16px;
}
.ss\:gap-\[20px\] {
  gap: 20px;
}
.ss\:gap-\[24px\] {
  gap: 24px;
}
.ss\:gap-\[32px\] {
  gap: 32px;
}
.ss\:gap-\[40px\] {
  gap: 40px;
}
.ss\:gap-\[calc\(var\(--grid-gutter\)\*\.5\)\] {
  gap: calc(var(--grid-gutter) * .5);
}
.ss\:gap-\[calc\(var\(--grid-gutter\)\*1\.5\)\] {
  gap: calc(var(--grid-gutter) * 1.5);
}
.ss\:gap-\[calc\(var\(--grid-gutter\)\*2\)\] {
  gap: calc(var(--grid-gutter) * 2);
}
.ss\:gap-\[calc\(var\(--grid-gutter\)\/2\)\] {
  gap: calc(var(--grid-gutter) / 2);
}
.ss\:gap-\[calc\(var\(--grid-gutter\)\/4\)\] {
  gap: calc(var(--grid-gutter) / 4);
}
.ss\:gap-\[calc\(var\(--grid-gutter-mobile\)\/4\)\] {
  gap: calc(var(--grid-gutter-mobile) / 4);
}
.ss\:gap-\[calc\(var\(--grid-gutter-mobile\)\/8\)\] {
  gap: calc(var(--grid-gutter-mobile) / 8);
}
.ss\:gap-\[var\(--grid-gutter\)\] {
  gap: var(--grid-gutter);
}
.ss\:gap-\[var\(--grid-gutter\,24px\)\] {
  gap: var(--grid-gutter,24px);
}
.ss\:gap-\[var\(--grid-gutter-mobile\)\] {
  gap: var(--grid-gutter-mobile);
}
.ss\:gap-px {
  gap: 1px;
}
:where(.ss\:space-y-2 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--ss-spacing) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--ss-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.ss\:space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--ss-spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--ss-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.ss\:space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--ss-spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--ss-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
.ss\:gap-x-\[4px\] {
  column-gap: 4px;
}
.ss\:gap-x-\[24px\] {
  column-gap: 24px;
}
.ss\:gap-y-\[4px\] {
  row-gap: 4px;
}
.ss\:gap-y-\[12px\] {
  row-gap: 12px;
}
:where(.ss\:divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.ss\:divide-\[\#e8e8e8\] > :not(:last-child)) {
  border-color: #e8e8e8;
}
.ss\:self-end {
  align-self: flex-end;
}
.ss\:self-start {
  align-self: flex-start;
}
.ss\:truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss\:\!overflow-hidden {
  overflow: hidden !important;
}
.ss\:overflow-auto {
  overflow: auto;
}
.ss\:overflow-hidden {
  overflow: hidden;
}
.ss\:overflow-visible {
  overflow: visible;
}
.ss\:overflow-x-auto {
  overflow-x: auto;
}
.ss\:overflow-x-clip {
  overflow-x: clip;
}
.ss\:overflow-y-auto {
  overflow-y: auto;
}
.ss\:overflow-y-hidden {
  overflow-y: hidden;
}
.ss\:overscroll-contain {
  overscroll-behavior: contain;
}
.ss\:overscroll-x-contain {
  overscroll-behavior-x: contain;
}
.ss\:\!rounded-\[8px\] {
  border-radius: 8px !important;
}
.ss\:\!rounded-\[10px\] {
  border-radius: 10px !important;
}
.ss\:\!rounded-\[12px\] {
  border-radius: 12px !important;
}
.ss\:\!rounded-\[24px\] {
  border-radius: 24px !important;
}
.ss\:\!rounded-\[var\(--border-radius\)\] {
  border-radius: var(--border-radius) !important;
}
.ss\:\!rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
.ss\:\!rounded-none {
  border-radius: 0 !important;
}
.ss\:rounded-\[2px\] {
  border-radius: 2px;
}
.ss\:rounded-\[3px\] {
  border-radius: 3px;
}
.ss\:rounded-\[4px\] {
  border-radius: 4px;
}
.ss\:rounded-\[5px\] {
  border-radius: 5px;
}
.ss\:rounded-\[6px\] {
  border-radius: 6px;
}
.ss\:rounded-\[8px\] {
  border-radius: 8px;
}
.ss\:rounded-\[10px\] {
  border-radius: 10px;
}
.ss\:rounded-\[12px\] {
  border-radius: 12px;
}
.ss\:rounded-\[14px\] {
  border-radius: 14px;
}
.ss\:rounded-\[15px\] {
  border-radius: 15px;
}
.ss\:rounded-\[16px\] {
  border-radius: 16px;
}
.ss\:rounded-\[18px\] {
  border-radius: 18px;
}
.ss\:rounded-\[20px\] {
  border-radius: 20px;
}
.ss\:rounded-\[22px\] {
  border-radius: 22px;
}
.ss\:rounded-\[24px\] {
  border-radius: 24px;
}
.ss\:rounded-\[28px\] {
  border-radius: 28px;
}
.ss\:rounded-\[50\%_50\%_50\%_0\] {
  border-radius: 50% 50% 50% 0;
}
.ss\:rounded-\[calc\(var\(--border-radius\)-4px\)\] {
  border-radius: calc(var(--border-radius) - 4px);
}
.ss\:rounded-\[calc\(var\(--border-radius\,12px\)-4px\)\] {
  border-radius: calc(var(--border-radius,12px) - 4px);
}
.ss\:rounded-\[calc\(var\(--border-radius\,16px\)-2px\)\] {
  border-radius: calc(var(--border-radius,16px) - 2px);
}
.ss\:rounded-\[var\(--border-radius\)\] {
  border-radius: var(--border-radius);
}
.ss\:rounded-\[var\(--border-radius\,12px\)\] {
  border-radius: var(--border-radius,12px);
}
.ss\:rounded-\[var\(--border-radius\,16px\)\] {
  border-radius: var(--border-radius,16px);
}
.ss\:rounded-\[var\(--border-radius-btn\,12px\)\] {
  border-radius: var(--border-radius-btn,12px);
}
.ss\:rounded-full {
  border-radius: calc(infinity * 1px);
}
.ss\:rounded-none {
  border-radius: 0;
}
.ss\:rounded-t-\[20px\] {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.ss\:rounded-t-\[24px\] {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.ss\:rounded-t-\[var\(--border-radius\)\] {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.ss\:rounded-tl-\[var\(--border-radius\)\] {
  border-top-left-radius: var(--border-radius);
}
.ss\:rounded-tr-\[var\(--border-radius\)\] {
  border-top-right-radius: var(--border-radius);
}
.ss\:rounded-b-\[20px\] {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.ss\:rounded-b-\[var\(--border-radius\)\] {
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.ss\:rounded-b-\[var\(--border-radius\,16px\)\] {
  border-bottom-right-radius: var(--border-radius,16px);
  border-bottom-left-radius: var(--border-radius,16px);
}
.ss\:rounded-br-\[var\(--border-radius\)\] {
  border-bottom-right-radius: var(--border-radius);
}
.ss\:\!border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\!border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\!border-\[1\.5px\] {
  border-style: var(--tw-border-style) !important;
  border-width: 1.5px !important;
}
.ss\:border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.ss\:border-\[1\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 1.5px;
}
.ss\:border-\[3px\] {
  border-style: var(--tw-border-style);
  border-width: 3px;
}
.ss\:border-\[length\:var\(--map-border-width\)\] {
  border-style: var(--tw-border-style);
  border-width: var(--map-border-width);
}
.ss\:\!border-t {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 1px !important;
}
.ss\:border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.ss\:border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.ss\:border-b-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.ss\:border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.ss\:\!border-solid {
  --tw-border-style: solid !important;
  border-style: solid !important;
}
.ss\:border-none {
  --tw-border-style: none;
  border-style: none;
}
.ss\:border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.ss\:\!border-\[\#ccc\] {
  border-color: #ccc !important;
}
.ss\:\!border-\[var\(--color-error\)\] {
  border-color: var(--color-error) !important;
}
.ss\:\!border-\[var\(--color-primary\)\] {
  border-color: var(--color-primary) !important;
}
.ss\:\!border-\[var\(--form-border\)\] {
  border-color: var(--form-border) !important;
}
.ss\:\!border-\[var\(--form-border\,\#e2e5ec\)\] {
  border-color: var(--form-border,#e2e5ec) !important;
}
.ss\:\!border-\[var\(--tradein-btn-color\)\] {
  border-color: var(--tradein-btn-color) !important;
}
.ss\:\!border-transparent {
  border-color: transparent !important;
}
.ss\:border-\[\#1E1E1E\] {
  border-color: #1E1E1E;
}
.ss\:border-\[\#F4F5F8\] {
  border-color: #F4F5F8;
}
.ss\:border-\[\#ccc\] {
  border-color: #ccc;
}
.ss\:border-\[\#e0e0e0\] {
  border-color: #e0e0e0;
}
.ss\:border-\[\#e3e3e5\] {
  border-color: #e3e3e5;
}
.ss\:border-\[\#eef0f2\] {
  border-color: #eef0f2;
}
.ss\:border-\[rgba\(61\,91\,247\,0\.15\)\] {
  border-color: rgba(61,91,247,0.15);
}
.ss\:border-\[var\(--box-border\)\] {
  border-color: var(--box-border);
}
.ss\:border-\[var\(--color-primary\)\] {
  border-color: var(--color-primary);
}
.ss\:border-\[var\(--color-white\)\] {
  border-color: var(--color-white);
}
.ss\:border-\[var\(--form-border\)\] {
  border-color: var(--form-border);
}
.ss\:border-black\/10 {
  border-color: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--ss-color-black) 10%, transparent);
  }
}
.ss\:border-black\/35 {
  border-color: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--ss-color-black) 35%, transparent);
  }
}
.ss\:border-primary {
  border-color: var(--ss-color-primary);
}
.ss\:border-transparent {
  border-color: transparent;
}
.ss\:border-white {
  border-color: var(--ss-color-white);
}
.ss\:border-white\/10 {
  border-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--ss-color-white) 10%, transparent);
  }
}
.ss\:border-white\/20 {
  border-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--ss-color-white) 20%, transparent);
  }
}
.ss\:border-white\/40 {
  border-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--ss-color-white) 40%, transparent);
  }
}
.ss\:border-t-\[var\(--color-primary\,\#3d5bf7\)\] {
  border-top-color: var(--color-primary,#3d5bf7);
}
.ss\:\!bg-\[\#1C1C1E\] {
  background-color: #1C1C1E !important;
}
.ss\:\!bg-\[\#1e90ff\] {
  background-color: #1e90ff !important;
}
.ss\:\!bg-\[\#3d5bf7\] {
  background-color: #3d5bf7 !important;
}
.ss\:\!bg-\[\#f6f6f6\] {
  background-color: #f6f6f6 !important;
}
.ss\:\!bg-\[var\(--bg-secondary-color\)\] {
  background-color: var(--bg-secondary-color) !important;
}
.ss\:\!bg-\[var\(--bg-secondary-color\,\#f4f4f6\)\] {
  background-color: var(--bg-secondary-color,#f4f4f6) !important;
}
.ss\:\!bg-\[var\(--color-primary\)\] {
  background-color: var(--color-primary) !important;
}
.ss\:\!bg-\[var\(--color-white\)\] {
  background-color: var(--color-white) !important;
}
.ss\:\!bg-\[var\(--tradein-btn-color\)\] {
  background-color: var(--tradein-btn-color) !important;
}
.ss\:\!bg-black\/50 {
  background-color: var(--ss-color-black) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-black) 50%, transparent) !important;
  }
}
.ss\:\!bg-green-600 {
  background-color: var(--ss-color-green-600) !important;
}
.ss\:\!bg-transparent {
  background-color: transparent !important;
}
.ss\:\!bg-white {
  background-color: var(--ss-color-white) !important;
}
.ss\:bg-\[\#1C1C1E\] {
  background-color: #1C1C1E;
}
.ss\:bg-\[\#1E1E1E\] {
  background-color: #1E1E1E;
}
.ss\:bg-\[\#2d2d32\] {
  background-color: #2d2d32;
}
.ss\:bg-\[\#3D5BF7\] {
  background-color: #3D5BF7;
}
.ss\:bg-\[\#8e8e93\] {
  background-color: #8e8e93;
}
.ss\:bg-\[\#34C759\] {
  background-color: #34C759;
}
.ss\:bg-\[\#058427\] {
  background-color: #058427;
}
.ss\:bg-\[\#EAF9EA\] {
  background-color: #EAF9EA;
}
.ss\:bg-\[\#F4F5F8\] {
  background-color: #F4F5F8;
}
.ss\:bg-\[\#FC3F1D\] {
  background-color: #FC3F1D;
}
.ss\:bg-\[\#FFF9E6\] {
  background-color: #FFF9E6;
}
.ss\:bg-\[\#a7a9ac\] {
  background-color: #a7a9ac;
}
.ss\:bg-\[\#e8e8e8\] {
  background-color: #e8e8e8;
}
.ss\:bg-\[\#e9ebf0\] {
  background-color: #e9ebf0;
}
.ss\:bg-\[\#eee\] {
  background-color: #eee;
}
.ss\:bg-\[\#efefef\] {
  background-color: #efefef;
}
.ss\:bg-\[\#f1f2f4\] {
  background-color: #f1f2f4;
}
.ss\:bg-\[\#f3f3f4\] {
  background-color: #f3f3f4;
}
.ss\:bg-\[\#f4f5f8\] {
  background-color: #f4f5f8;
}
.ss\:bg-\[\#f4f6f9\] {
  background-color: #f4f6f9;
}
.ss\:bg-\[\#f5f5f7\] {
  background-color: #f5f5f7;
}
.ss\:bg-\[\#f6f6f6\] {
  background-color: #f6f6f6;
}
.ss\:bg-\[\#ff6464\]\/30 {
  background-color: color-mix(in oklab, #ff6464 30%, transparent);
}
.ss\:bg-\[-20px_0\] {
  background-color: -20px 0;
}
.ss\:bg-\[rgba\(0\,0\,0\,\.15\)\] {
  background-color: rgba(0,0,0,.15);
}
.ss\:bg-\[rgba\(0\,0\,0\,0\.4\)\] {
  background-color: rgba(0,0,0,0.4);
}
.ss\:bg-\[rgba\(28\,28\,30\,\.35\)\] {
  background-color: rgba(28,28,30,.35);
}
.ss\:bg-\[var\(--badge\)\] {
  background-color: var(--badge);
}
.ss\:bg-\[var\(--bg-discount\)\] {
  background-color: var(--bg-discount);
}
.ss\:bg-\[var\(--bg-primary\,\#f2f2f7\)\] {
  background-color: var(--bg-primary,#f2f2f7);
}
.ss\:bg-\[var\(--bg-primary\,\#f3f4f6\)\] {
  background-color: var(--bg-primary,#f3f4f6);
}
.ss\:bg-\[var\(--bg-second\)\] {
  background-color: var(--bg-second);
}
.ss\:bg-\[var\(--bg-secondary-color\)\] {
  background-color: var(--bg-secondary-color);
}
.ss\:bg-\[var\(--bg-secondary-color\,\#f4f4f4\)\] {
  background-color: var(--bg-secondary-color,#f4f4f4);
}
.ss\:bg-\[var\(--bg-secondary-color\,\#f4f4f6\)\] {
  background-color: var(--bg-secondary-color,#f4f4f6);
}
.ss\:bg-\[var\(--brand-card-bg\)\] {
  background-color: var(--brand-card-bg);
}
.ss\:bg-\[var\(--color-darkGrey\)\] {
  background-color: var(--color-darkGrey);
}
.ss\:bg-\[var\(--color-error\)\] {
  background-color: var(--color-error);
}
.ss\:bg-\[var\(--color-font\)\] {
  background-color: var(--color-font);
}
.ss\:bg-\[var\(--color-grey\)\] {
  background-color: var(--color-grey);
}
.ss\:bg-\[var\(--color-lightGrey\)\] {
  background-color: var(--color-lightGrey);
}
.ss\:bg-\[var\(--color-primary\)\] {
  background-color: var(--color-primary);
}
.ss\:bg-\[var\(--color-primary\,\#3d5bf7\)\] {
  background-color: var(--color-primary,#3d5bf7);
}
.ss\:bg-\[var\(--color-service\)\] {
  background-color: var(--color-service);
}
.ss\:bg-\[var\(--color-success\)\] {
  background-color: var(--color-success);
}
.ss\:bg-\[var\(--color-third\)\] {
  background-color: var(--color-third);
}
.ss\:bg-\[var\(--color-white\)\] {
  background-color: var(--color-white);
}
.ss\:bg-\[var\(--color-white\,\#ffffff\)\] {
  background-color: var(--color-white,#ffffff);
}
.ss\:bg-\[var\(--form-border\)\] {
  background-color: var(--form-border);
}
.ss\:bg-bg {
  background-color: var(--ss-color-bg);
}
.ss\:bg-bg-secondary {
  background-color: var(--ss-color-bg-secondary);
}
.ss\:bg-black {
  background-color: var(--ss-color-black);
}
.ss\:bg-black\/45 {
  background-color: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-black) 45%, transparent);
  }
}
.ss\:bg-black\/50 {
  background-color: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-black) 50%, transparent);
  }
}
.ss\:bg-black\/55 {
  background-color: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-black) 55%, transparent);
  }
}
.ss\:bg-black\/60 {
  background-color: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-black) 60%, transparent);
  }
}
.ss\:bg-black\/70 {
  background-color: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-black) 70%, transparent);
  }
}
.ss\:bg-primary {
  background-color: var(--ss-color-primary);
}
.ss\:bg-transparent {
  background-color: transparent;
}
.ss\:bg-white {
  background-color: var(--ss-color-white);
}
.ss\:bg-white\/10 {
  background-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-white) 10%, transparent);
  }
}
.ss\:bg-white\/15 {
  background-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-white) 15%, transparent);
  }
}
.ss\:bg-white\/20 {
  background-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-white) 20%, transparent);
  }
}
.ss\:bg-white\/25 {
  background-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-white) 25%, transparent);
  }
}
.ss\:bg-white\/80 {
  background-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-white) 80%, transparent);
  }
}
.ss\:bg-linear-to-tr {
  --tw-gradient-position: to top right;
  @supports (background-image: linear-gradient(in lab, red, red)) {
    --tw-gradient-position: to top right in oklab;
  }
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.ss\:bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.ss\:bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.ss\:\!bg-none {
  background-image: none !important;
}
.ss\:bg-\[linear-gradient\(45deg\,var\(--color-primary\)\,var\(--color-primary-gradient\)\)\] {
  background-image: linear-gradient(45deg,var(--color-primary),var(--color-primary-gradient));
}
.ss\:bg-\[linear-gradient\(90deg\,rgba\(0\,0\,0\,\.2\)\,transparent_50\%\)\] {
  background-image: linear-gradient(90deg,rgba(0,0,0,.2),transparent 50%);
}
.ss\:bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,\.04\)_25\%\,rgba\(0\,0\,0\,\.82\)_100\%\)\] {
  background-image: linear-gradient(180deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.82) 100%);
}
.ss\:bg-\[url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/service-top\.webp\'\)\,url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/service-top-left-bg\.svg\'\)\,url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/service-top-right-bg\.svg\'\)\] {
  background-image: url('/wa-data/public/shop/themes/marketplace/img/service-top.webp'),url('/wa-data/public/shop/themes/marketplace/img/service-top-left-bg.svg'),url('/wa-data/public/shop/themes/marketplace/img/service-top-right-bg.svg');
}
.ss\:bg-\[url\(img\/close-white\.svg\)\] {
  background-image: url(img/close-white.svg);
}
.ss\:bg-\[url\(img\/sprite\.svg\)\] {
  background-image: url(img/sprite.svg);
}
.ss\:from-\[var\(--color-primary\)\] {
  --tw-gradient-from: var(--color-primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:from-black\/75 {
  --tw-gradient-from: var(--ss-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--ss-color-black) 75%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:to-\[var\(--color-primary-gradient\)\] {
  --tw-gradient-to: var(--color-primary-gradient);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:bg-\[length\:20px\] {
  background-size: 20px;
}
.ss\:bg-\[length\:500px_auto\] {
  background-size: 500px auto;
}
.ss\:bg-\[length\:contain\,contain\,contain\] {
  background-size: contain,contain,contain;
}
.ss\:bg-cover {
  background-size: cover;
}
.ss\:bg-\[-3px_-1px\] {
  background-position: -3px -1px;
}
.ss\:bg-\[position\:right_center\,left_top\,right_bottom\] {
  background-position: right center,left top,right bottom;
}
.ss\:bg-center {
  background-position: center;
}
.ss\:bg-no-repeat {
  background-repeat: no-repeat;
}
.ss\:\!fill-none {
  fill: none !important;
}
.ss\:fill-\[\#1e90ff\] {
  fill: #1e90ff;
}
.ss\:fill-\[\#06affb\] {
  fill: #06affb;
}
.ss\:fill-\[\#25d366\] {
  fill: #25d366;
}
.ss\:fill-\[\#2787f5\] {
  fill: #2787f5;
}
.ss\:fill-\[var\(--color-grey\)\] {
  fill: var(--color-grey);
}
.ss\:fill-\[var\(--color-primary\)\] {
  fill: var(--color-primary);
}
.ss\:fill-\[var\(--color-white\)\] {
  fill: var(--color-white);
}
.ss\:fill-current {
  fill: currentcolor;
}
.ss\:fill-none {
  fill: none;
}
.ss\:\!stroke-white {
  stroke: var(--ss-color-white) !important;
}
.ss\:stroke-\[\#8d8d8d\] {
  stroke: #8d8d8d;
}
.ss\:stroke-\[var\(--color-grey\)\] {
  stroke: var(--color-grey);
}
.ss\:stroke-\[var\(--color-primary\)\] {
  stroke: var(--color-primary);
}
.ss\:stroke-\[var\(--color-white\)\] {
  stroke: var(--color-white);
}
.ss\:stroke-current {
  stroke: currentcolor;
}
.ss\:\!stroke-\[2\.25px\] {
  stroke-width: 2.25px !important;
}
.ss\:\!stroke-\[2\] {
  stroke-width: 2 !important;
}
.ss\:stroke-2 {
  stroke-width: 2;
}
.ss\:stroke-\[2\.5\] {
  stroke-width: 2.5;
}
.ss\:stroke-\[2\.5px\] {
  stroke-width: 2.5px;
}
.ss\:stroke-\[2px\] {
  stroke-width: 2px;
}
.ss\:\!object-contain {
  object-fit: contain !important;
}
.ss\:object-contain {
  object-fit: contain;
}
.ss\:object-cover {
  object-fit: cover;
}
.ss\:object-\[25\%_20\%\] {
  object-position: 25% 20%;
}
.ss\:object-bottom-right {
  object-position: right bottom;
}
.ss\:object-center {
  object-position: center;
}
.ss\:object-right-bottom {
  object-position: right bottom;
}
.ss\:\!p-0 {
  padding: 0px !important;
}
.ss\:\!p-\[10px\] {
  padding: 10px !important;
}
.ss\:\!p-\[10px_16px\] {
  padding: 10px 16px !important;
}
.ss\:\!p-\[30px_20px\] {
  padding: 30px 20px !important;
}
.ss\:\!p-\[36px_32px_32px\] {
  padding: 36px 32px 32px !important;
}
.ss\:p-0 {
  padding: 0px;
}
.ss\:p-4 {
  padding: calc(var(--ss-spacing) * 4);
}
.ss\:p-5 {
  padding: calc(var(--ss-spacing) * 5);
}
.ss\:p-6 {
  padding: calc(var(--ss-spacing) * 6);
}
.ss\:p-7 {
  padding: calc(var(--ss-spacing) * 7);
}
.ss\:p-\[0_12px_16px\] {
  padding: 0 12px 16px;
}
.ss\:p-\[0_20px\] {
  padding: 0 20px;
}
.ss\:p-\[0_24px_20px\] {
  padding: 0 24px 20px;
}
.ss\:p-\[0_calc\(var\(--grid-gutter\)\*1\.5\)_calc\(var\(--grid-gutter\)\*3\)\] {
  padding: 0 calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 3);
}
.ss\:p-\[2px\] {
  padding: 2px;
}
.ss\:p-\[4px\] {
  padding: 4px;
}
.ss\:p-\[4px_6px\] {
  padding: 4px 6px;
}
.ss\:p-\[4px_8px\] {
  padding: 4px 8px;
}
.ss\:p-\[5px\] {
  padding: 5px;
}
.ss\:p-\[5px_10px\] {
  padding: 5px 10px;
}
.ss\:p-\[6px\] {
  padding: 6px;
}
.ss\:p-\[6px_12px\] {
  padding: 6px 12px;
}
.ss\:p-\[8px\] {
  padding: 8px;
}
.ss\:p-\[10px\] {
  padding: 10px;
}
.ss\:p-\[10px_16px_0\] {
  padding: 10px 16px 0;
}
.ss\:p-\[12px\] {
  padding: 12px;
}
.ss\:p-\[12px_14px\] {
  padding: 12px 14px;
}
.ss\:p-\[12px_16px\] {
  padding: 12px 16px;
}
.ss\:p-\[14px_12px_4px\] {
  padding: 14px 12px 4px;
}
.ss\:p-\[15px\] {
  padding: 15px;
}
.ss\:p-\[16px\] {
  padding: 16px;
}
.ss\:p-\[16px_var\(--grid-gutter\,20px\)\] {
  padding: 16px var(--grid-gutter,20px);
}
.ss\:p-\[18px\] {
  padding: 18px;
}
.ss\:p-\[20px\] {
  padding: 20px;
}
.ss\:p-\[20px_24px_12px\] {
  padding: 20px 24px 12px;
}
.ss\:p-\[24px\] {
  padding: 24px;
}
.ss\:p-\[24px_36px_30px\] {
  padding: 24px 36px 30px;
}
.ss\:p-\[28px_12px_8px\] {
  padding: 28px 12px 8px;
}
.ss\:p-\[32px\] {
  padding: 32px;
}
.ss\:p-\[36px_32px_32px\] {
  padding: 36px 32px 32px;
}
.ss\:p-\[40px\] {
  padding: 40px;
}
.ss\:p-\[48px\] {
  padding: 48px;
}
.ss\:p-\[calc\(var\(--grid-gutter\)\*1\.5\)\] {
  padding: calc(var(--grid-gutter) * 1.5);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\*1\.5\)_calc\(var\(--grid-gutter\)\*1\.5\)_calc\(var\(--grid-gutter\)\*\.5\)\] {
  padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * .5);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\*1\.5\)_calc\(var\(--grid-gutter\)\*1\.5\)_calc\(var\(--grid-gutter\)\*2\)_calc\(var\(--grid-gutter\)\*2\)\] {
  padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 2);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\*1\.5\)_calc\(var\(--grid-gutter\)\*2\)\] {
  padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\*2\)\] {
  padding: calc(var(--grid-gutter) * 2);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\*2\)_var\(--grid-gutter\)\] {
  padding: calc(var(--grid-gutter) * 2) var(--grid-gutter);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\/2\)\] {
  padding: calc(var(--grid-gutter) / 2);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\/2\)_var\(--grid-gutter\)\] {
  padding: calc(var(--grid-gutter) / 2) var(--grid-gutter);
}
.ss\:p-\[calc\(var\(--grid-gutter\)\/4\)_calc\(var\(--grid-gutter\)\/2\)\] {
  padding: calc(var(--grid-gutter) / 4) calc(var(--grid-gutter) / 2);
}
.ss\:p-\[var\(--grid-gutter\)\] {
  padding: var(--grid-gutter);
}
.ss\:p-\[var\(--grid-gutter\)_calc\(var\(--grid-gutter\)\*1\.5\)\] {
  padding: var(--grid-gutter) calc(var(--grid-gutter) * 1.5);
}
.ss\:p-\[var\(--grid-gutter\)_calc\(var\(--grid-gutter\)\*2\)\] {
  padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
}
.ss\:p-\[var\(--grid-gutter\)_calc\(var\(--grid-gutter\)\*2\)_var\(--grid-gutter\)_var\(--grid-gutter\)\] {
  padding: var(--grid-gutter) calc(var(--grid-gutter) * 2) var(--grid-gutter) var(--grid-gutter);
}
.ss\:p-\[var\(--grid-gutter\)_var\(--grid-gutter\)\] {
  padding: var(--grid-gutter) var(--grid-gutter);
}
.ss\:p-\[var\(--map-content-padding\)\] {
  padding: var(--map-content-padding);
}
.ss\:\!px-0 {
  padding-inline: 0px !important;
}
.ss\:\!px-4 {
  padding-inline: calc(var(--ss-spacing) * 4) !important;
}
.ss\:\!px-\[16px\] {
  padding-inline: 16px !important;
}
.ss\:\!px-\[22px\] {
  padding-inline: 22px !important;
}
.ss\:\!px-\[30px\] {
  padding-inline: 30px !important;
}
.ss\:px-0 {
  padding-inline: 0px;
}
.ss\:px-3 {
  padding-inline: calc(var(--ss-spacing) * 3);
}
.ss\:px-4 {
  padding-inline: calc(var(--ss-spacing) * 4);
}
.ss\:px-5 {
  padding-inline: calc(var(--ss-spacing) * 5);
}
.ss\:px-6 {
  padding-inline: calc(var(--ss-spacing) * 6);
}
.ss\:px-\[4px\] {
  padding-inline: 4px;
}
.ss\:px-\[5px\] {
  padding-inline: 5px;
}
.ss\:px-\[6px\] {
  padding-inline: 6px;
}
.ss\:px-\[7px\] {
  padding-inline: 7px;
}
.ss\:px-\[8px\] {
  padding-inline: 8px;
}
.ss\:px-\[9px\] {
  padding-inline: 9px;
}
.ss\:px-\[10px\] {
  padding-inline: 10px;
}
.ss\:px-\[12px\] {
  padding-inline: 12px;
}
.ss\:px-\[14px\] {
  padding-inline: 14px;
}
.ss\:px-\[15px\] {
  padding-inline: 15px;
}
.ss\:px-\[16px\] {
  padding-inline: 16px;
}
.ss\:px-\[18px\] {
  padding-inline: 18px;
}
.ss\:px-\[20px\] {
  padding-inline: 20px;
}
.ss\:px-\[24px\] {
  padding-inline: 24px;
}
.ss\:px-\[25px\] {
  padding-inline: 25px;
}
.ss\:px-\[28px\] {
  padding-inline: 28px;
}
.ss\:px-\[30px\] {
  padding-inline: 30px;
}
.ss\:px-\[calc\(var\(--grid-gutter\)\*1\.5\)\] {
  padding-inline: calc(var(--grid-gutter) * 1.5);
}
.ss\:px-\[calc\(var\(--grid-gutter\)\*2\)\] {
  padding-inline: calc(var(--grid-gutter) * 2);
}
.ss\:px-\[calc\(var\(--grid-gutter\)\/2\)\] {
  padding-inline: calc(var(--grid-gutter) / 2);
}
.ss\:px-\[calc\(var\(--grid-gutter\,24px\)\/2\)\] {
  padding-inline: calc(var(--grid-gutter,24px) / 2);
}
.ss\:px-\[var\(--grid-gutter\)\] {
  padding-inline: var(--grid-gutter);
}
.ss\:\!py-0 {
  padding-block: 0px !important;
}
.ss\:\!py-\[8px\] {
  padding-block: 8px !important;
}
.ss\:\!py-\[10px\] {
  padding-block: 10px !important;
}
.ss\:\!py-\[12px\] {
  padding-block: 12px !important;
}
.ss\:py-0 {
  padding-block: 0px;
}
.ss\:py-2 {
  padding-block: calc(var(--ss-spacing) * 2);
}
.ss\:py-3 {
  padding-block: calc(var(--ss-spacing) * 3);
}
.ss\:py-4 {
  padding-block: calc(var(--ss-spacing) * 4);
}
.ss\:py-\[2px\] {
  padding-block: 2px;
}
.ss\:py-\[3px\] {
  padding-block: 3px;
}
.ss\:py-\[4px\] {
  padding-block: 4px;
}
.ss\:py-\[5px\] {
  padding-block: 5px;
}
.ss\:py-\[6px\] {
  padding-block: 6px;
}
.ss\:py-\[7px\] {
  padding-block: 7px;
}
.ss\:py-\[8px\] {
  padding-block: 8px;
}
.ss\:py-\[10px\] {
  padding-block: 10px;
}
.ss\:py-\[11px\] {
  padding-block: 11px;
}
.ss\:py-\[12px\] {
  padding-block: 12px;
}
.ss\:py-\[13px\] {
  padding-block: 13px;
}
.ss\:py-\[14px\] {
  padding-block: 14px;
}
.ss\:py-\[15px\] {
  padding-block: 15px;
}
.ss\:py-\[16px\] {
  padding-block: 16px;
}
.ss\:py-\[18px\] {
  padding-block: 18px;
}
.ss\:py-\[20px\] {
  padding-block: 20px;
}
.ss\:py-\[24px\] {
  padding-block: 24px;
}
.ss\:py-\[32px\] {
  padding-block: 32px;
}
.ss\:py-\[35px\] {
  padding-block: 35px;
}
.ss\:py-\[40px\] {
  padding-block: 40px;
}
.ss\:py-\[48px\] {
  padding-block: 48px;
}
.ss\:py-\[56px\] {
  padding-block: 56px;
}
.ss\:py-\[60px\] {
  padding-block: 60px;
}
.ss\:py-\[80px\] {
  padding-block: 80px;
}
.ss\:py-\[calc\(var\(--grid-gutter\)\*1\.2\)\] {
  padding-block: calc(var(--grid-gutter) * 1.2);
}
.ss\:py-\[calc\(var\(--grid-gutter\)\/1\.5\)\] {
  padding-block: calc(var(--grid-gutter) / 1.5);
}
.ss\:py-\[calc\(var\(--grid-gutter\)\/2\)\] {
  padding-block: calc(var(--grid-gutter) / 2);
}
.ss\:py-\[calc\(var\(--grid-gutter\)\/4\)\] {
  padding-block: calc(var(--grid-gutter) / 4);
}
.ss\:py-\[calc\(var\(--grid-gutter\)\/6\)\] {
  padding-block: calc(var(--grid-gutter) / 6);
}
.ss\:py-\[var\(--grid-gutter\)\] {
  padding-block: var(--grid-gutter);
}
.ss\:\!pt-0 {
  padding-top: 0px !important;
}
.ss\:\!pt-\[16px\] {
  padding-top: 16px !important;
}
.ss\:pt-4 {
  padding-top: calc(var(--ss-spacing) * 4);
}
.ss\:pt-7 {
  padding-top: calc(var(--ss-spacing) * 7);
}
.ss\:pt-8 {
  padding-top: calc(var(--ss-spacing) * 8);
}
.ss\:pt-\[4px\] {
  padding-top: 4px;
}
.ss\:pt-\[10px\] {
  padding-top: 10px;
}
.ss\:pt-\[12px\] {
  padding-top: 12px;
}
.ss\:pt-\[18px\] {
  padding-top: 18px;
}
.ss\:pt-\[24px\] {
  padding-top: 24px;
}
.ss\:pt-\[28px\] {
  padding-top: 28px;
}
.ss\:pt-\[48px\] {
  padding-top: 48px;
}
.ss\:pt-\[calc\(var\(--grid-gutter\)\*1\.5\)\] {
  padding-top: calc(var(--grid-gutter) * 1.5);
}
.ss\:pt-\[var\(--grid-gutter\)\] {
  padding-top: var(--grid-gutter);
}
.ss\:pt-px {
  padding-top: 1px;
}
.ss\:\!pr-\[76px\] {
  padding-right: 76px !important;
}
.ss\:pr-0 {
  padding-right: 0px;
}
.ss\:pr-1 {
  padding-right: var(--ss-spacing);
}
.ss\:pr-\[8px\] {
  padding-right: 8px;
}
.ss\:pr-\[12px\] {
  padding-right: 12px;
}
.ss\:pr-\[18px\] {
  padding-right: 18px;
}
.ss\:pr-\[20px\] {
  padding-right: 20px;
}
.ss\:pr-\[32px\] {
  padding-right: 32px;
}
.ss\:pr-\[40\%\] {
  padding-right: 40%;
}
.ss\:pr-\[40px\] {
  padding-right: 40px;
}
.ss\:pr-\[72px\] {
  padding-right: 72px;
}
.ss\:pr-\[calc\(var\(--grid-gutter\)\*2\.5\)\] {
  padding-right: calc(var(--grid-gutter) * 2.5);
}
.ss\:pr-\[calc\(var\(--grid-gutter\)\*3\)\] {
  padding-right: calc(var(--grid-gutter) * 3);
}
.ss\:pr-\[var\(--grid-gutter\)\] {
  padding-right: var(--grid-gutter);
}
.ss\:\!pb-\[8px\] {
  padding-bottom: 8px !important;
}
.ss\:pb-0 {
  padding-bottom: 0px;
}
.ss\:pb-\[2px\] {
  padding-bottom: 2px;
}
.ss\:pb-\[4px\] {
  padding-bottom: 4px;
}
.ss\:pb-\[8px\] {
  padding-bottom: 8px;
}
.ss\:pb-\[10px\] {
  padding-bottom: 10px;
}
.ss\:pb-\[12px\] {
  padding-bottom: 12px;
}
.ss\:pb-\[16px\] {
  padding-bottom: 16px;
}
.ss\:pb-\[20px\] {
  padding-bottom: 20px;
}
.ss\:pb-\[24px\] {
  padding-bottom: 24px;
}
.ss\:pb-\[30px\] {
  padding-bottom: 30px;
}
.ss\:pb-\[40px\] {
  padding-bottom: 40px;
}
.ss\:pb-\[50px\] {
  padding-bottom: 50px;
}
.ss\:pb-\[calc\(var\(--grid-gutter\)\*1\.2\)\] {
  padding-bottom: calc(var(--grid-gutter) * 1.2);
}
.ss\:pb-\[calc\(var\(--grid-gutter\)\*2\)\] {
  padding-bottom: calc(var(--grid-gutter) * 2);
}
.ss\:pb-\[max\(4px\,env\(safe-area-inset-bottom\,4px\)\)\] {
  padding-bottom: max(4px, env(safe-area-inset-bottom,4px));
}
.ss\:pb-\[var\(--grid-gutter\)\] {
  padding-bottom: var(--grid-gutter);
}
.ss\:\!pl-0 {
  padding-left: 0px !important;
}
.ss\:\!pl-\[15px\] {
  padding-left: 15px !important;
}
.ss\:\!pl-\[44px\] {
  padding-left: 44px !important;
}
.ss\:pl-5 {
  padding-left: calc(var(--ss-spacing) * 5);
}
.ss\:pl-\[12px\] {
  padding-left: 12px;
}
.ss\:pl-\[15px\] {
  padding-left: 15px;
}
.ss\:pl-\[18px\] {
  padding-left: 18px;
}
.ss\:pl-\[26px\] {
  padding-left: 26px;
}
.ss\:pl-\[32px\] {
  padding-left: 32px;
}
.ss\:pl-\[33px\] {
  padding-left: 33px;
}
.ss\:pl-\[48px\] {
  padding-left: 48px;
}
.ss\:pl-\[60px\] {
  padding-left: 60px;
}
.ss\:pl-\[63px\] {
  padding-left: 63px;
}
.ss\:pl-\[78px\] {
  padding-left: 78px;
}
.ss\:pl-\[calc\(var\(--grid-gutter\)\*5\)\] {
  padding-left: calc(var(--grid-gutter) * 5);
}
.ss\:pl-\[var\(--grid-gutter\)\] {
  padding-left: var(--grid-gutter);
}
.ss\:\!text-center {
  text-align: center !important;
}
.ss\:\!text-left {
  text-align: left !important;
}
.ss\:text-center {
  text-align: center;
}
.ss\:text-left {
  text-align: left;
}
.ss\:text-right {
  text-align: right;
}
.ss\:\[text-indent\:-100\%\] {
  text-indent: -100%;
}
.ss\:align-\[-3px\] {
  vertical-align: -3px;
}
.ss\:align-middle {
  vertical-align: middle;
}
.ss\:align-top {
  vertical-align: top;
}
.ss\:font-\[Stolzl\,Arial\,sans-serif\] {
  font-family: Stolzl,Arial,sans-serif;
}
.ss\:font-mono {
  font-family: var(--ss-font-mono);
}
.ss\:\!text-\[11\.5px\] {
  font-size: 11.5px !important;
}
.ss\:\!text-\[12px\] {
  font-size: 12px !important;
}
.ss\:\!text-\[13\.5px\] {
  font-size: 13.5px !important;
}
.ss\:\!text-\[13px\] {
  font-size: 13px !important;
}
.ss\:\!text-\[14px\] {
  font-size: 14px !important;
}
.ss\:\!text-\[15px\] {
  font-size: 15px !important;
}
.ss\:\!text-\[16px\] {
  font-size: 16px !important;
}
.ss\:\!text-\[20px\] {
  font-size: 20px !important;
}
.ss\:\!text-\[24px\] {
  font-size: 24px !important;
}
.ss\:\!text-\[length\:var\(--font-size-lg\)\] {
  font-size: var(--font-size-lg) !important;
}
.ss\:\!text-\[length\:var\(--font-size-micro\)\] {
  font-size: var(--font-size-micro) !important;
}
.ss\:text-\[1\.4em\] {
  font-size: 1.4em;
}
.ss\:text-\[8px\] {
  font-size: 8px;
}
.ss\:text-\[10px\] {
  font-size: 10px;
}
.ss\:text-\[11px\] {
  font-size: 11px;
}
.ss\:text-\[12px\] {
  font-size: 12px;
}
.ss\:text-\[13px\] {
  font-size: 13px;
}
.ss\:text-\[14px\] {
  font-size: 14px;
}
.ss\:text-\[15px\] {
  font-size: 15px;
}
.ss\:text-\[16px\] {
  font-size: 16px;
}
.ss\:text-\[17px\] {
  font-size: 17px;
}
.ss\:text-\[18px\] {
  font-size: 18px;
}
.ss\:text-\[19px\] {
  font-size: 19px;
}
.ss\:text-\[20px\] {
  font-size: 20px;
}
.ss\:text-\[21px\] {
  font-size: 21px;
}
.ss\:text-\[22px\] {
  font-size: 22px;
}
.ss\:text-\[23px\] {
  font-size: 23px;
}
.ss\:text-\[24px\] {
  font-size: 24px;
}
.ss\:text-\[25px\] {
  font-size: 25px;
}
.ss\:text-\[26px\] {
  font-size: 26px;
}
.ss\:text-\[27px\] {
  font-size: 27px;
}
.ss\:text-\[28px\] {
  font-size: 28px;
}
.ss\:text-\[30px\] {
  font-size: 30px;
}
.ss\:text-\[31px\] {
  font-size: 31px;
}
.ss\:text-\[32px\] {
  font-size: 32px;
}
.ss\:text-\[34px\] {
  font-size: 34px;
}
.ss\:text-\[36px\] {
  font-size: 36px;
}
.ss\:text-\[38px\] {
  font-size: 38px;
}
.ss\:text-\[42px\] {
  font-size: 42px;
}
.ss\:text-\[44px\] {
  font-size: 44px;
}
.ss\:text-\[46px\] {
  font-size: 46px;
}
.ss\:text-\[48px\] {
  font-size: 48px;
}
.ss\:text-\[50px\] {
  font-size: 50px;
}
.ss\:text-\[52px\] {
  font-size: 52px;
}
.ss\:text-\[calc\(var\(--font-size-md\)\+2px\)\] {
  font-size: calc(var(--font-size-md) + 2px);
}
.ss\:text-\[calc\(var\(--font-size-micro\)-2px\)\] {
  font-size: calc(var(--font-size-micro) - 2px);
}
.ss\:text-\[calc\(var\(--font-size-xxl\)\*1\.5\)\] {
  font-size: calc(var(--font-size-xxl) * 1.5);
}
.ss\:text-\[clamp\(14px\,3vw\,18px\)\] {
  font-size: clamp(14px, 3vw, 18px);
}
.ss\:text-\[clamp\(14px\,3vw\,22px\)\] {
  font-size: clamp(14px, 3vw, 22px);
}
.ss\:text-\[clamp\(16px\,4vw\,20px\)\] {
  font-size: clamp(16px, 4vw, 20px);
}
.ss\:text-\[length\:calc\(var\(--font-size-xxl\)\+4px\)\] {
  font-size: calc(var(--font-size-xxl) + 4px);
}
.ss\:text-\[length\:var\(--font-middle\)\] {
  font-size: var(--font-middle);
}
.ss\:text-\[length\:var\(--font-size-base\)\] {
  font-size: var(--font-size-base);
}
.ss\:text-\[length\:var\(--font-size-lg\)\] {
  font-size: var(--font-size-lg);
}
.ss\:text-\[length\:var\(--font-size-md\)\] {
  font-size: var(--font-size-md);
}
.ss\:text-\[length\:var\(--font-size-micro\)\] {
  font-size: var(--font-size-micro);
}
.ss\:text-\[length\:var\(--font-size-s\)\] {
  font-size: var(--font-size-s);
}
.ss\:text-\[length\:var\(--font-size-sm\)\] {
  font-size: var(--font-size-sm);
}
.ss\:text-\[length\:var\(--font-size-xl\)\] {
  font-size: var(--font-size-xl);
}
.ss\:text-\[length\:var\(--font-size-xs\)\] {
  font-size: var(--font-size-xs);
}
.ss\:text-\[length\:var\(--font-size-xxl\)\] {
  font-size: var(--font-size-xxl);
}
.ss\:text-\[length\:var\(--font-size-xxxl\)\] {
  font-size: var(--font-size-xxxl);
}
.ss\:text-\[length\:var\(--font-small\)\] {
  font-size: var(--font-small);
}
.ss\:\!leading-\[1\.2\] {
  --tw-leading: 1.2 !important;
  line-height: 1.2 !important;
}
.ss\:\!leading-\[1\.4\] {
  --tw-leading: 1.4 !important;
  line-height: 1.4 !important;
}
.ss\:\!leading-\[1\.25\] {
  --tw-leading: 1.25 !important;
  line-height: 1.25 !important;
}
.ss\:\!leading-\[1\.55\] {
  --tw-leading: 1.55 !important;
  line-height: 1.55 !important;
}
.ss\:\!leading-\[50px\] {
  --tw-leading: 50px !important;
  line-height: 50px !important;
}
.ss\:\!leading-none {
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.ss\:leading-\[\.94\] {
  --tw-leading: .94;
  line-height: .94;
}
.ss\:leading-\[\.96\] {
  --tw-leading: .96;
  line-height: .96;
}
.ss\:leading-\[\.98\] {
  --tw-leading: .98;
  line-height: .98;
}
.ss\:leading-\[1\.1\] {
  --tw-leading: 1.1;
  line-height: 1.1;
}
.ss\:leading-\[1\.02\] {
  --tw-leading: 1.02;
  line-height: 1.02;
}
.ss\:leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.ss\:leading-\[1\.3\] {
  --tw-leading: 1.3;
  line-height: 1.3;
}
.ss\:leading-\[1\.4\] {
  --tw-leading: 1.4;
  line-height: 1.4;
}
.ss\:leading-\[1\.05\] {
  --tw-leading: 1.05;
  line-height: 1.05;
}
.ss\:leading-\[1\.5\] {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.ss\:leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.ss\:leading-\[1\.08\] {
  --tw-leading: 1.08;
  line-height: 1.08;
}
.ss\:leading-\[1\.12\] {
  --tw-leading: 1.12;
  line-height: 1.12;
}
.ss\:leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
.ss\:leading-\[1\.25\] {
  --tw-leading: 1.25;
  line-height: 1.25;
}
.ss\:leading-\[1\.35\] {
  --tw-leading: 1.35;
  line-height: 1.35;
}
.ss\:leading-\[1\.42\] {
  --tw-leading: 1.42;
  line-height: 1.42;
}
.ss\:leading-\[1\.45\] {
  --tw-leading: 1.45;
  line-height: 1.45;
}
.ss\:leading-\[1\.48\] {
  --tw-leading: 1.48;
  line-height: 1.48;
}
.ss\:leading-\[1\.55\] {
  --tw-leading: 1.55;
  line-height: 1.55;
}
.ss\:leading-\[1\.62\] {
  --tw-leading: 1.62;
  line-height: 1.62;
}
.ss\:leading-\[1\.15384615em\] {
  --tw-leading: 1.15384615em;
  line-height: 1.15384615em;
}
.ss\:leading-\[1\.16666667em\] {
  --tw-leading: 1.16666667em;
  line-height: 1.16666667em;
}
.ss\:leading-\[1\] {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:leading-\[15px\] {
  --tw-leading: 15px;
  line-height: 15px;
}
.ss\:leading-\[16px\] {
  --tw-leading: 16px;
  line-height: 16px;
}
.ss\:leading-\[18px\] {
  --tw-leading: 18px;
  line-height: 18px;
}
.ss\:leading-\[20px\] {
  --tw-leading: 20px;
  line-height: 20px;
}
.ss\:leading-\[calc\(var\(--font-size-base\)\+2px\)\] {
  --tw-leading: calc(var(--font-size-base) + 2px);
  line-height: calc(var(--font-size-base) + 2px);
}
.ss\:leading-\[calc\(var\(--font-size-base\)\+6px\)\] {
  --tw-leading: calc(var(--font-size-base) + 6px);
  line-height: calc(var(--font-size-base) + 6px);
}
.ss\:leading-\[calc\(var\(--font-size-lg\)\+4px\)\] {
  --tw-leading: calc(var(--font-size-lg) + 4px);
  line-height: calc(var(--font-size-lg) + 4px);
}
.ss\:leading-\[calc\(var\(--font-size-md\)\+4px\)\] {
  --tw-leading: calc(var(--font-size-md) + 4px);
  line-height: calc(var(--font-size-md) + 4px);
}
.ss\:leading-\[calc\(var\(--font-size-md\)\+6px\)\] {
  --tw-leading: calc(var(--font-size-md) + 6px);
  line-height: calc(var(--font-size-md) + 6px);
}
.ss\:leading-\[calc\(var\(--font-size-sm\)\+4px\)\] {
  --tw-leading: calc(var(--font-size-sm) + 4px);
  line-height: calc(var(--font-size-sm) + 4px);
}
.ss\:leading-\[calc\(var\(--font-size-xxl\)\+6px\)\] {
  --tw-leading: calc(var(--font-size-xxl) + 6px);
  line-height: calc(var(--font-size-xxl) + 6px);
}
.ss\:leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:leading-normal {
  --tw-leading: var(--ss-leading-normal);
  line-height: var(--ss-leading-normal);
}
.ss\:leading-relaxed {
  --tw-leading: var(--ss-leading-relaxed);
  line-height: var(--ss-leading-relaxed);
}
.ss\:leading-snug {
  --tw-leading: var(--ss-leading-snug);
  line-height: var(--ss-leading-snug);
}
.ss\:leading-tight {
  --tw-leading: var(--ss-leading-tight);
  line-height: var(--ss-leading-tight);
}
.ss\:\!font-bold {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\!font-extrabold {
  --tw-font-weight: var(--ss-font-weight-extrabold) !important;
  font-weight: var(--ss-font-weight-extrabold) !important;
}
.ss\:\!font-medium {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\!font-normal {
  --tw-font-weight: var(--ss-font-weight-normal) !important;
  font-weight: var(--ss-font-weight-normal) !important;
}
.ss\:\!font-semibold {
  --tw-font-weight: var(--ss-font-weight-semibold) !important;
  font-weight: var(--ss-font-weight-semibold) !important;
}
.ss\:font-\[var\(--font-weight-bold\)\] {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.ss\:font-\[var\(--font-weight-semibold\)\] {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.ss\:font-black {
  --tw-font-weight: var(--ss-font-weight-black);
  font-weight: var(--ss-font-weight-black);
}
.ss\:font-bold {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:font-extrabold {
  --tw-font-weight: var(--ss-font-weight-extrabold);
  font-weight: var(--ss-font-weight-extrabold);
}
.ss\:font-medium {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:font-normal {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:font-semibold {
  --tw-font-weight: var(--ss-font-weight-semibold);
  font-weight: var(--ss-font-weight-semibold);
}
.ss\:\!tracking-\[-\.4px\] {
  --tw-tracking: -.4px !important;
  letter-spacing: -.4px !important;
}
.ss\:tracking-\[-\.04em\] {
  --tw-tracking: -.04em;
  letter-spacing: -.04em;
}
.ss\:tracking-\[-\.4px\] {
  --tw-tracking: -.4px;
  letter-spacing: -.4px;
}
.ss\:tracking-\[-\.035em\] {
  --tw-tracking: -.035em;
  letter-spacing: -.035em;
}
.ss\:tracking-\[-\.045em\] {
  --tw-tracking: -.045em;
  letter-spacing: -.045em;
}
.ss\:tracking-\[-\.055em\] {
  --tw-tracking: -.055em;
  letter-spacing: -.055em;
}
.ss\:tracking-\[\.04em\] {
  --tw-tracking: .04em;
  letter-spacing: .04em;
}
.ss\:tracking-\[\.5px\] {
  --tw-tracking: .5px;
  letter-spacing: .5px;
}
.ss\:tracking-\[\.12em\] {
  --tw-tracking: .12em;
  letter-spacing: .12em;
}
.ss\:tracking-\[0\.5px\] {
  --tw-tracking: 0.5px;
  letter-spacing: 0.5px;
}
.ss\:tracking-\[0\] {
  --tw-tracking: 0;
  letter-spacing: 0;
}
.ss\:tracking-\[1px\] {
  --tw-tracking: 1px;
  letter-spacing: 1px;
}
.ss\:tracking-normal {
  --tw-tracking: var(--ss-tracking-normal);
  letter-spacing: var(--ss-tracking-normal);
}
.ss\:break-words {
  overflow-wrap: break-word;
}
.ss\:text-ellipsis {
  text-overflow: ellipsis;
}
.ss\:whitespace-normal {
  white-space: normal;
}
.ss\:whitespace-nowrap {
  white-space: nowrap;
}
.ss\:\!text-\[\#1C1C1E\] {
  color: #1C1C1E !important;
}
.ss\:\!text-\[\#2d2d32\] {
  color: #2d2d32 !important;
}
.ss\:\!text-\[\#5E9F2A\] {
  color: #5E9F2A !important;
}
.ss\:\!text-\[\#333333\] {
  color: #333333 !important;
}
.ss\:\!text-\[var\(--color-darkGrey\)\] {
  color: var(--color-darkGrey) !important;
}
.ss\:\!text-\[var\(--color-error\)\] {
  color: var(--color-error) !important;
}
.ss\:\!text-\[var\(--color-font\)\] {
  color: var(--color-font) !important;
}
.ss\:\!text-\[var\(--color-grey\)\] {
  color: var(--color-grey) !important;
}
.ss\:\!text-\[var\(--color-primary\)\] {
  color: var(--color-primary) !important;
}
.ss\:\!text-\[var\(--color-white\)\] {
  color: var(--color-white) !important;
}
.ss\:\!text-\[var\(--font-color\)\] {
  color: var(--font-color) !important;
}
.ss\:\!text-\[var\(--tradein-accent-color\)\] {
  color: var(--tradein-accent-color) !important;
}
.ss\:\!text-white {
  color: var(--ss-color-white) !important;
}
.ss\:text-\[\#1C1C1E\] {
  color: #1C1C1E;
}
.ss\:text-\[\#1E1E1E\] {
  color: #1E1E1E;
}
.ss\:text-\[\#1c1c1e\] {
  color: #1c1c1e;
}
.ss\:text-\[\#1d1d1f\] {
  color: #1d1d1f;
}
.ss\:text-\[\#5C6270\] {
  color: #5C6270;
}
.ss\:text-\[\#5E9F2A\] {
  color: #5E9F2A;
}
.ss\:text-\[\#7d7d7d\] {
  color: #7d7d7d;
}
.ss\:text-\[\#8E8E93\] {
  color: #8E8E93;
}
.ss\:text-\[\#8F6B00\] {
  color: #8F6B00;
}
.ss\:text-\[\#8d8d8d\] {
  color: #8d8d8d;
}
.ss\:text-\[\#8e8e93\] {
  color: #8e8e93;
}
.ss\:text-\[\#555\] {
  color: #555;
}
.ss\:text-\[\#888\] {
  color: #888;
}
.ss\:text-\[\#999\] {
  color: #999;
}
.ss\:text-\[\#15161A\] {
  color: #15161A;
}
.ss\:text-\[\#058427\] {
  color: #058427;
}
.ss\:text-\[\#65656b\] {
  color: #65656b;
}
.ss\:text-\[\#86868B\] {
  color: #86868B;
}
.ss\:text-\[\#86868b\] {
  color: #86868b;
}
.ss\:text-\[\#111111\] {
  color: #111111;
}
.ss\:text-\[\#333333\] {
  color: #333333;
}
.ss\:text-\[\#444444\] {
  color: #444444;
}
.ss\:text-\[\#606266\] {
  color: #606266;
}
.ss\:text-\[\#777777\] {
  color: #777777;
}
.ss\:text-\[\#888888\] {
  color: #888888;
}
.ss\:text-\[\#909295\] {
  color: #909295;
}
.ss\:text-\[\#FF3B30\] {
  color: #FF3B30;
}
.ss\:text-\[\#dddddd\] {
  color: #dddddd;
}
.ss\:text-\[\#e30613\] {
  color: #e30613;
}
.ss\:text-\[\#e52929\] {
  color: #e52929;
}
.ss\:text-\[\#ffd700\] {
  color: #ffd700;
}
.ss\:text-\[0\] {
  color: 0;
}
.ss\:text-\[var\(--bg-secondary-color\)\] {
  color: var(--bg-secondary-color);
}
.ss\:text-\[var\(--color-darkGrey\)\] {
  color: var(--color-darkGrey);
}
.ss\:text-\[var\(--color-error\)\] {
  color: var(--color-error);
}
.ss\:text-\[var\(--color-font\)\] {
  color: var(--color-font);
}
.ss\:text-\[var\(--color-footer-text\)\] {
  color: var(--color-footer-text);
}
.ss\:text-\[var\(--color-grey\)\] {
  color: var(--color-grey);
}
.ss\:text-\[var\(--color-grey\,\#7e7e82\)\] {
  color: var(--color-grey,#7e7e82);
}
.ss\:text-\[var\(--color-grey\,\#8e8e93\)\] {
  color: var(--color-grey,#8e8e93);
}
.ss\:text-\[var\(--color-grey\,\#909295\)\] {
  color: var(--color-grey,#909295);
}
.ss\:text-\[var\(--color-primary\)\] {
  color: var(--color-primary);
}
.ss\:text-\[var\(--color-success\)\] {
  color: var(--color-success);
}
.ss\:text-\[var\(--color-white\)\] {
  color: var(--color-white);
}
.ss\:text-\[var\(--color-white\,\#ffffff\)\] {
  color: var(--color-white,#ffffff);
}
.ss\:text-\[var\(--font-color\)\] {
  color: var(--font-color);
}
.ss\:text-\[var\(--font-color\,\#1c1c1e\)\] {
  color: var(--font-color,#1c1c1e);
}
.ss\:text-\[var\(--font-color\,\#2d2d32\)\] {
  color: var(--font-color,#2d2d32);
}
.ss\:text-\[var\(--font-size-md\)\] {
  color: var(--font-size-md);
}
.ss\:text-\[var\(--font-size-micro\)\] {
  color: var(--font-size-micro);
}
.ss\:text-\[var\(--font-size-sm\)\] {
  color: var(--font-size-sm);
}
.ss\:text-\[var\(--font-size-xs\)\] {
  color: var(--font-size-xs);
}
.ss\:text-\[var\(--footer-link\)\] {
  color: var(--footer-link);
}
.ss\:text-\[var\(--footer-text\)\] {
  color: var(--footer-text);
}
.ss\:text-\[var\(--social-facebook\)\] {
  color: var(--social-facebook);
}
.ss\:text-\[var\(--social-instagram\)\] {
  color: var(--social-instagram);
}
.ss\:text-\[var\(--social-max\)\] {
  color: var(--social-max);
}
.ss\:text-\[var\(--social-rutube\)\] {
  color: var(--social-rutube);
}
.ss\:text-\[var\(--social-telegram\)\] {
  color: var(--social-telegram);
}
.ss\:text-\[var\(--social-twitter\)\] {
  color: var(--social-twitter);
}
.ss\:text-\[var\(--social-vk\)\] {
  color: var(--social-vk);
}
.ss\:text-\[var\(--social-yandex\)\] {
  color: var(--social-yandex);
}
.ss\:text-\[var\(--social-youtube\)\] {
  color: var(--social-youtube);
}
.ss\:text-error {
  color: var(--ss-color-error);
}
.ss\:text-font {
  color: var(--ss-color-font);
}
.ss\:text-inherit {
  color: inherit;
}
.ss\:text-primary {
  color: var(--ss-color-primary);
}
.ss\:text-red-600 {
  color: var(--ss-color-red-600);
}
.ss\:text-success {
  color: var(--ss-color-success);
}
.ss\:text-white {
  color: var(--ss-color-white);
}
.ss\:text-white\/60 {
  color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--ss-color-white) 60%, transparent);
  }
}
.ss\:text-white\/70 {
  color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--ss-color-white) 70%, transparent);
  }
}
.ss\:text-white\/75 {
  color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--ss-color-white) 75%, transparent);
  }
}
.ss\:text-white\/80 {
  color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--ss-color-white) 80%, transparent);
  }
}
.ss\:text-white\/85 {
  color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--ss-color-white) 85%, transparent);
  }
}
.ss\:text-white\/90 {
  color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--ss-color-white) 90%, transparent);
  }
}
.ss\:\!uppercase {
  text-transform: uppercase !important;
}
.ss\:uppercase {
  text-transform: uppercase;
}
.ss\:\!no-underline {
  text-decoration-line: none !important;
}
.ss\:no-underline {
  text-decoration-line: none;
}
.ss\:underline {
  text-decoration-line: underline;
}
.ss\:accent-\[var\(--color-primary\)\] {
  accent-color: var(--color-primary);
}
.ss\:\!opacity-100 {
  opacity: 100% !important;
}
.ss\:opacity-0 {
  opacity: 0%;
}
.ss\:opacity-10 {
  opacity: 10%;
}
.ss\:opacity-30 {
  opacity: 30%;
}
.ss\:opacity-45 {
  opacity: 45%;
}
.ss\:opacity-50 {
  opacity: 50%;
}
.ss\:opacity-70 {
  opacity: 70%;
}
.ss\:opacity-80 {
  opacity: 80%;
}
.ss\:opacity-90 {
  opacity: 90%;
}
.ss\:opacity-100 {
  opacity: 100%;
}
.ss\:\!shadow-\[0_0_0_3px_rgba\(229\,57\,53\,\.13\)\] {
  --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(229,57,53,.13)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\!shadow-\[0_4px_15px_rgba\(0\,0\,0\,0\.2\)\] {
  --tw-shadow: 0 4px 15px var(--tw-shadow-color, rgba(0,0,0,0.2)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\!shadow-\[var\(--shadow-card\)\] {
  --tw-shadow: var(--shadow-card) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:shadow-\[0_-4px_20px_rgba\(0\,0\,0\,\.06\)\] {
  --tw-shadow: 0 -4px 20px var(--tw-shadow-color, rgba(0,0,0,.06));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.15\)\] {
  --tw-shadow: 0 -4px 20px var(--tw-shadow-color, rgba(0,0,0,0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_-10px_40px_rgba\(0\,0\,0\,\.08\)\] {
  --tw-shadow: 0 -10px 40px var(--tw-shadow-color, rgba(0,0,0,.08));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_0_8px_\#34C759\] {
  --tw-shadow: 0 0 8px var(--tw-shadow-color, #34C759);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.02\)\] {
  --tw-shadow: 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.02));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.12\)\] {
  --tw-shadow: 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.12));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_2px_10px_0_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0 2px 10px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.02\)\] {
  --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(0,0,0,0.02));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.04\)\] {
  --tw-shadow: 0 2px 12px var(--tw-shadow-color, rgba(0,0,0,0.04));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_4px_10px_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-shadow: 0 4px 10px var(--tw-shadow-color, rgba(0,0,0,0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.02\)\] {
  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.02));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.03\)\] {
  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.03));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_4px_20px_0_rgba\(0\,0\,0\,0\.08\)\] {
  --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.08));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.02\)\] {
  --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.02));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.015\)\] {
  --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.015));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_5px_15px_rgba\(0\,0\,0\,0\.2\)\] {
  --tw-shadow: 0 5px 15px var(--tw-shadow-color, rgba(0,0,0,0.2));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_8px_48px_rgba\(0\,0\,0\,\.05\)\] {
  --tw-shadow: 0 8px 48px var(--tw-shadow-color, rgba(0,0,0,.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_10px_30px_rgba\(0\,0\,0\,\.08\)\] {
  --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,.08));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.15\)\] {
  --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0 12px 30px var(--tw-shadow-color, rgba(0,0,0,0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.15\)\] {
  --tw-shadow: 0 12px 36px var(--tw-shadow-color, rgba(0,0,0,0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[0_16px_40px_rgba\(0\,0\,0\,\.14\)\] {
  --tw-shadow: 0 16px 40px var(--tw-shadow-color, rgba(0,0,0,.14));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[var\(--box-shadow-button\)\] {
  --tw-shadow: var(--box-shadow-button);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[var\(--box-shadow-item\)\] {
  --tw-shadow: var(--box-shadow-item);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[var\(--map-pin-shadow\)\] {
  --tw-shadow: var(--map-pin-shadow);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-\[var\(--shadow-card\)\] {
  --tw-shadow: var(--shadow-card);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:ring-\[\#d9d9dc\] {
  --tw-ring-color: #d9d9dc;
}
.ss\:brightness-0 {
  --tw-brightness: brightness(0%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.ss\:brightness-\[\.95\] {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.ss\:contrast-\[1\.05\] {
  --tw-contrast: contrast(1.05);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.ss\:grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.ss\:invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.ss\:backdrop-blur-\[4px\] {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.ss\:backdrop-blur-\[5px\] {
  --tw-backdrop-blur: blur(5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.ss\:backdrop-blur-\[8px\] {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.ss\:backdrop-blur-\[10px\] {
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.ss\:backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--ss-blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.ss\:transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[background\,transform\] {
  transition-property: background,transform;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[box-shadow\,transform\] {
  transition-property: box-shadow,transform;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[filter\,transform\] {
  transition-property: filter,transform;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[opacity\,transform\,visibility\] {
  transition-property: opacity,transform,visibility;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[opacity\,transform\] {
  transition-property: opacity,transform;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[opacity\,visibility\] {
  transition-property: opacity,visibility;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-\[transform\,background-color\] {
  transition-property: transform,background-color;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:transition-none {
  transition-property: none;
}
.ss\:duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.ss\:duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.ss\:duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.ss\:duration-240 {
  --tw-duration: 240ms;
  transition-duration: 240ms;
}
.ss\:duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ss\:duration-350 {
  --tw-duration: 350ms;
  transition-duration: 350ms;
}
.ss\:duration-400 {
  --tw-duration: 400ms;
  transition-duration: 400ms;
}
.ss\:duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.ss\:duration-\[180ms\] {
  --tw-duration: 180ms;
  transition-duration: 180ms;
}
.ss\:duration-\[250ms\] {
  --tw-duration: 250ms;
  transition-duration: 250ms;
}
.ss\:duration-\[350ms\] {
  --tw-duration: 350ms;
  transition-duration: 350ms;
}
.ss\:duration-\[400ms\] {
  --tw-duration: 400ms;
  transition-duration: 400ms;
}
.ss\:ease-\[cubic-bezier\(\.4\,0\,\.2\,1\)\] {
  --tw-ease: cubic-bezier(.4,0,.2,1);
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.ss\:ease-\[cubic-bezier\(\.16\,1\,\.3\,1\)\] {
  --tw-ease: cubic-bezier(.16,1,.3,1);
  transition-timing-function: cubic-bezier(.16,1,.3,1);
}
.ss\:ease-\[cubic-bezier\(0\.25\,0\.8\,0\.25\,1\)\] {
  --tw-ease: cubic-bezier(0.25,0.8,0.25,1);
  transition-timing-function: cubic-bezier(0.25,0.8,0.25,1);
}
.ss\:ease-in-out {
  --tw-ease: var(--ss-ease-in-out);
  transition-timing-function: var(--ss-ease-in-out);
}
.ss\:ease-out {
  --tw-ease: var(--ss-ease-out);
  transition-timing-function: var(--ss-ease-out);
}
.ss\:will-change-\[transform\,opacity\] {
  will-change: transform,opacity;
}
.ss\:\!outline-none {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:select-none {
  -webkit-user-select: none;
  user-select: none;
}
.ss\:\!\[background\:var\(--color-white\)\] {
  background: var(--color-white) !important;
}
.ss\:\[--bg-primary\:\#f5f5f7\] {
  --bg-primary: #f5f5f7;
}
.ss\:\[--color-link\:\#1C1C1E\] {
  --color-link: #1C1C1E;
}
.ss\:\[--color-primary-gradient\:\#1C1C1E\] {
  --color-primary-gradient: #1C1C1E;
}
.ss\:\[--color-primary\:\#1C1C1E\] {
  --color-primary: #1C1C1E;
}
.ss\:\[clip-path\:inset\(0_-100px_-100px_-100px\)\] {
  clip-path: inset(0 -100px -100px -100px);
}
.ss\:\[grid-area\:a\] {
  grid-area: a;
}
.ss\:\[grid-area\:b\] {
  grid-area: b;
}
.ss\:\[grid-area\:c\] {
  grid-area: c;
}
.ss\:\[grid-area\:d\] {
  grid-area: d;
}
.ss\:\[grid-area\:e\] {
  grid-area: e;
}
.ss\:\[grid-area\:f\] {
  grid-area: f;
}
.ss\:\[grid-template-areas\:\'a_a_b\'_\'c_d_b\'\] {
  grid-template-areas: 'a a b' 'c d b';
}
.ss\:\[grid-template-areas\:\'e_e_f\'\] {
  grid-template-areas: 'e e f';
}
.ss\:\[grid-template-areas\:\'photo_step1_step2\'_\'photo_step3_step4\'\] {
  grid-template-areas: 'photo step1 step2' 'photo step3 step4';
}
.ss\:group-open\:rotate-0:is(:where(.ss\:group):is([open], :popover-open, :open) *) {
  rotate: 0deg;
}
.ss\:group-open\:rotate-180:is(:where(.ss\:group):is([open], :popover-open, :open) *) {
  rotate: 180deg;
}
.ss\:group-open\:bg-\[var\(--color-primary\)\]:is(:where(.ss\:group):is([open], :popover-open, :open) *) {
  background-color: var(--color-primary);
}
@media (hover: hover) {
  .ss\:group-hover\:visible:is(:where(.ss\:group):hover *) {
    visibility: visible;
  }
  .ss\:group-hover\:translate-x-\[4px\]:is(:where(.ss\:group):hover *) {
    --tw-translate-x: 4px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ss\:group-hover\:translate-y-0:is(:where(.ss\:group):hover *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ss\:group-hover\:scale-100:is(:where(.ss\:group):hover *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .ss\:group-hover\:scale-105:is(:where(.ss\:group):hover *) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .ss\:group-hover\:scale-\[1\.02\]:is(:where(.ss\:group):hover *) {
    scale: 1.02;
  }
  .ss\:group-hover\:scale-\[1\.03\]:is(:where(.ss\:group):hover *) {
    scale: 1.03;
  }
  .ss\:group-hover\:scale-\[1\.08\]:is(:where(.ss\:group):hover *) {
    scale: 1.08;
  }
  .ss\:group-hover\:scale-\[1\.035\]:is(:where(.ss\:group):hover *) {
    scale: 1.035;
  }
  .ss\:group-hover\:-rotate-45:is(:where(.ss\:group):hover *) {
    rotate: calc(45deg * -1);
  }
  .ss\:group-hover\:rotate-45:is(:where(.ss\:group):hover *) {
    rotate: 45deg;
  }
  .ss\:group-hover\:rotate-90:is(:where(.ss\:group):hover *) {
    rotate: 90deg;
  }
  .ss\:group-hover\:rotate-\[-45deg\]:is(:where(.ss\:group):hover *) {
    rotate: -45deg;
  }
  .ss\:group-hover\:bg-\[\#1C1C1E\]:is(:where(.ss\:group):hover *) {
    background-color: #1C1C1E;
  }
  .ss\:group-hover\:text-\[var\(--color-primary\)\]:is(:where(.ss\:group):hover *) {
    color: var(--color-primary);
  }
  .ss\:group-hover\:text-white:is(:where(.ss\:group):hover *) {
    color: var(--ss-color-white);
  }
  .ss\:group-hover\:opacity-100:is(:where(.ss\:group):hover *) {
    opacity: 100%;
  }
  .ss\:group-hover\:brightness-\[1\.02\]:is(:where(.ss\:group):hover *) {
    --tw-brightness: brightness(1.02);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .ss\:group-hover\:contrast-\[1\.02\]:is(:where(.ss\:group):hover *) {
    --tw-contrast: contrast(1.02);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .ss\:group-hover\/btn\:stroke-\[var\(--color-primary\)\]:is(:where(.ss\:group\/btn):hover *) {
    stroke: var(--color-primary);
  }
}
.ss\:group-\[\.active\]\:translate-y-0:is(:where(.ss\:group):is(.active) *) {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:group-\[\.active\]\:rotate-180:is(:where(.ss\:group):is(.active) *) {
  rotate: 180deg;
}
.ss\:group-\[\.active\]\:fill-\[var\(--color-white\)\]:is(:where(.ss\:group):is(.active) *) {
  fill: var(--color-white);
}
.ss\:group-\[\.active\]\:stroke-\[var\(--color-white\)\]:is(:where(.ss\:group):is(.active) *) {
  stroke: var(--color-white);
}
.ss\:peer-checked\:relative:is(:where(.ss\:peer):checked ~ *) {
  position: relative;
}
.ss\:peer-checked\:grid-rows-\[1fr\]:is(:where(.ss\:peer):checked ~ *) {
  grid-template-rows: 1fr;
}
.ss\:peer-checked\:border-transparent:is(:where(.ss\:peer):checked ~ *) {
  border-color: transparent;
}
.ss\:peer-checked\:bg-\[var\(--color-primary\)\]:is(:where(.ss\:peer):checked ~ *) {
  background-color: var(--color-primary);
}
.ss\:peer-checked\:bg-linear-to-tr:is(:where(.ss\:peer):checked ~ *) {
  --tw-gradient-position: to top right;
  @supports (background-image: linear-gradient(in lab, red, red)) {
    --tw-gradient-position: to top right in oklab;
  }
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.ss\:peer-checked\:from-\[var\(--color-primary\)\]:is(:where(.ss\:peer):checked ~ *) {
  --tw-gradient-from: var(--color-primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:peer-checked\:to-\[var\(--color-primary-gradient\)\]:is(:where(.ss\:peer):checked ~ *) {
  --tw-gradient-to: var(--color-primary-gradient);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:peer-checked\:pr-\[24px\]:is(:where(.ss\:peer):checked ~ *) {
  padding-right: 24px;
}
.ss\:peer-checked\:font-semibold:is(:where(.ss\:peer):checked ~ *) {
  --tw-font-weight: var(--ss-font-weight-semibold);
  font-weight: var(--ss-font-weight-semibold);
}
.ss\:peer-checked\:text-white:is(:where(.ss\:peer):checked ~ *) {
  color: var(--ss-color-white);
}
.ss\:peer-checked\:shadow-\[var\(--box-shadow-button\)\]:is(:where(.ss\:peer):checked ~ *) {
  --tw-shadow: var(--box-shadow-button);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:peer-checked\/menu\:visible:is(:where(.ss\:peer\/menu):checked ~ *) {
  visibility: visible;
}
.ss\:peer-checked\/menu\:opacity-100:is(:where(.ss\:peer\/menu):checked ~ *) {
  opacity: 100%;
}
.ss\:placeholder\:\!text-\[\#909295\]::placeholder {
  color: #909295 !important;
}
.ss\:before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}
.ss\:before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.ss\:before\:inset-y-0::before {
  content: var(--tw-content);
  inset-block: 0px;
}
.ss\:before\:-top-\[50px\]::before {
  content: var(--tw-content);
  top: calc(50px * -1);
}
.ss\:before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.ss\:before\:-right-\[50px\]::before {
  content: var(--tw-content);
  right: calc(50px * -1);
}
.ss\:before\:right-\[25px\]::before {
  content: var(--tw-content);
  right: 25px;
}
.ss\:before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.ss\:before\:z-\[1\]::before {
  content: var(--tw-content);
  z-index: 1;
}
.ss\:before\:z-\[5\]::before {
  content: var(--tw-content);
  z-index: 5;
}
.ss\:before\:h-\[200px\]::before {
  content: var(--tw-content);
  height: 200px;
}
.ss\:before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}
.ss\:before\:w-\[150px\]::before {
  content: var(--tw-content);
  width: 150px;
}
.ss\:before\:w-\[200px\]::before {
  content: var(--tw-content);
  width: 200px;
}
.ss\:before\:w-px::before {
  content: var(--tw-content);
  width: 1px;
}
.ss\:before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: calc(infinity * 1px);
}
.ss\:before\:bg-\[var\(--form-border\)\]::before {
  content: var(--tw-content);
  background-color: var(--form-border);
}
.ss\:before\:bg-white\/10::before {
  content: var(--tw-content);
  background-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-white) 10%, transparent);
  }
}
.ss\:before\:bg-gradient-to-r::before {
  content: var(--tw-content);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.ss\:before\:from-white::before {
  content: var(--tw-content);
  --tw-gradient-from: var(--ss-color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:before\:to-transparent::before {
  content: var(--tw-content);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}
.ss\:after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.ss\:after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}
.ss\:after\:inset-y-0::after {
  content: var(--tw-content);
  inset-block: 0px;
}
.ss\:after\:top-1\/2::after {
  content: var(--tw-content);
  top: calc(1 / 2 * 100%);
}
.ss\:after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}
.ss\:after\:top-\[3px\]::after {
  content: var(--tw-content);
  top: 3px;
}
.ss\:after\:top-\[calc\(50\%-6px\)\]::after {
  content: var(--tw-content);
  top: calc(50% - 6px);
}
.ss\:after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}
.ss\:after\:right-\[11px\]::after {
  content: var(--tw-content);
  right: 11px;
}
.ss\:after\:-bottom-\[80px\]::after {
  content: var(--tw-content);
  bottom: calc(80px * -1);
}
.ss\:after\:bottom-\[-2px\]::after {
  content: var(--tw-content);
  bottom: -2px;
}
.ss\:after\:-left-\[80px\]::after {
  content: var(--tw-content);
  left: calc(80px * -1);
}
.ss\:after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.ss\:after\:left-\[3px\]::after {
  content: var(--tw-content);
  left: 3px;
}
.ss\:after\:left-\[5px\]::after {
  content: var(--tw-content);
  left: 5px;
}
.ss\:after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}
.ss\:after\:z-\[1\]::after {
  content: var(--tw-content);
  z-index: 1;
}
.ss\:after\:z-\[5\]::after {
  content: var(--tw-content);
  z-index: 5;
}
.ss\:after\:mt-\[-3px\]::after {
  content: var(--tw-content);
  margin-top: -3px;
}
.ss\:after\:\!hidden::after {
  content: var(--tw-content);
  display: none !important;
}
.ss\:after\:hidden::after {
  content: var(--tw-content);
  display: none;
}
.ss\:after\:size-\[8px\]::after {
  content: var(--tw-content);
  width: 8px;
  height: 8px;
}
.ss\:after\:h-\[4px\]::after {
  content: var(--tw-content);
  height: 4px;
}
.ss\:after\:h-\[8px\]::after {
  content: var(--tw-content);
  height: 8px;
}
.ss\:after\:h-\[16px\]::after {
  content: var(--tw-content);
  height: 16px;
}
.ss\:after\:h-\[250px\]::after {
  content: var(--tw-content);
  height: 250px;
}
.ss\:after\:w-\[4px\]::after {
  content: var(--tw-content);
  width: 4px;
}
.ss\:after\:w-\[16px\]::after {
  content: var(--tw-content);
  width: 16px;
}
.ss\:after\:w-\[150px\]::after {
  content: var(--tw-content);
  width: 150px;
}
.ss\:after\:w-\[250px\]::after {
  content: var(--tw-content);
  width: 250px;
}
.ss\:after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}
.ss\:after\:w-screen::after {
  content: var(--tw-content);
  width: 100vw;
}
.ss\:after\:-translate-y-1\/2::after {
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:after\:rotate-45::after {
  content: var(--tw-content);
  rotate: 45deg;
}
.ss\:after\:rotate-\[45deg\]::after {
  content: var(--tw-content);
  rotate: 45deg;
}
.ss\:after\:rounded-\[2px\]::after {
  content: var(--tw-content);
  border-radius: 2px;
}
.ss\:after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: calc(infinity * 1px);
}
.ss\:after\:border-r-2::after {
  content: var(--tw-content);
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.ss\:after\:border-r-\[2px\]::after {
  content: var(--tw-content);
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.ss\:after\:border-b-2::after {
  content: var(--tw-content);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.ss\:after\:border-b-\[2px\]::after {
  content: var(--tw-content);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.ss\:after\:border-\[var\(--font-color\)\]::after {
  content: var(--tw-content);
  border-color: var(--font-color);
}
.ss\:after\:border-white::after {
  content: var(--tw-content);
  border-color: var(--ss-color-white);
}
.ss\:after\:bg-\[var\(--bg-secondary-color\,\#f4f4f6\)\]::after {
  content: var(--tw-content);
  background-color: var(--bg-secondary-color,#f4f4f6);
}
.ss\:after\:bg-\[var\(--color-primary\)\]::after {
  content: var(--tw-content);
  background-color: var(--color-primary);
}
.ss\:after\:bg-white::after {
  content: var(--tw-content);
  background-color: var(--ss-color-white);
}
.ss\:after\:bg-white\/5::after {
  content: var(--tw-content);
  background-color: var(--ss-color-white);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--ss-color-white) 5%, transparent);
  }
}
.ss\:after\:bg-gradient-to-l::after {
  content: var(--tw-content);
  --tw-gradient-position: to left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.ss\:after\:from-white::after {
  content: var(--tw-content);
  --tw-gradient-from: var(--ss-color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:after\:to-transparent::after {
  content: var(--tw-content);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:after\:px-\[13px\]::after {
  content: var(--tw-content);
  padding-inline: 13px;
}
.ss\:after\:text-\[10px\]::after {
  content: var(--tw-content);
  font-size: 10px;
}
.ss\:after\:text-\[12px\]::after {
  content: var(--tw-content);
  font-size: 12px;
}
.ss\:after\:font-semibold::after {
  content: var(--tw-content);
  --tw-font-weight: var(--ss-font-weight-semibold);
  font-weight: var(--ss-font-weight-semibold);
}
.ss\:after\:text-\[var\(--color-grey\)\]::after {
  content: var(--tw-content);
  color: var(--color-grey);
}
.ss\:after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.ss\:after\:content-\[\'×\'\]::after {
  --tw-content: '×';
  content: var(--tw-content);
}
.ss\:after\:content-\[\'›\'\]::after {
  --tw-content: '›';
  content: var(--tw-content);
}
.ss\:group-open\:after\:border-\[var\(--color-white\)\]:is(:where(.ss\:group):is([open], :popover-open, :open) *)::after {
  content: var(--tw-content);
  border-color: var(--color-white);
}
.ss\:peer-checked\:after\:block:is(:where(.ss\:peer):checked ~ *)::after {
  content: var(--tw-content);
  display: block;
}
.ss\:peer-checked\:after\:translate-x-\[18px\]:is(:where(.ss\:peer):checked ~ *)::after {
  content: var(--tw-content);
  --tw-translate-x: 18px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:first\:pt-0:first-child {
  padding-top: 0px;
}
.ss\:last\:mb-0:last-child {
  margin-bottom: 0px;
}
.ss\:last\:border-0:last-child {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.ss\:open\:border-0:is([open], :popover-open, :open) {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:open\:shadow-none:is([open], :popover-open, :open) {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:empty\:hidden:empty {
  display: none;
}
.ss\:focus-within\:border-\[var\(--form-border\)\]:focus-within {
  border-color: var(--form-border);
}
.ss\:focus-within\:bg-white:focus-within {
  background-color: var(--ss-color-white);
}
@media (hover: hover) {
  .ss\:hover\:\!-translate-y-0\.5:hover {
    --tw-translate-y: calc(var(--ss-spacing) * -0.5) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .ss\:hover\:\!translate-y-\[-1px\]:hover {
    --tw-translate-y: -1px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .ss\:hover\:-translate-y-\[2px\]:hover {
    --tw-translate-y: calc(2px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ss\:hover\:translate-y-\[-1px\]:hover {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ss\:hover\:translate-y-\[-2px\]:hover {
    --tw-translate-y: -2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ss\:hover\:scale-105:hover {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .ss\:hover\:scale-\[1\.03\]:hover {
    scale: 1.03;
  }
  .ss\:hover\:rotate-90:hover {
    rotate: 90deg;
  }
  .ss\:hover\:rounded-b-none:hover {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .ss\:hover\:\!border-transparent:hover {
    border-color: transparent !important;
  }
  .ss\:hover\:border-\[var\(--color-grey\)\]:hover {
    border-color: var(--color-grey);
  }
  .ss\:hover\:border-\[var\(--color-primary\)\]:hover {
    border-color: var(--color-primary);
  }
  .ss\:hover\:border-transparent:hover {
    border-color: transparent;
  }
  .ss\:hover\:border-white:hover {
    border-color: var(--ss-color-white);
  }
  .ss\:hover\:border-b-transparent:hover {
    border-bottom-color: transparent;
  }
  .ss\:hover\:\!bg-\[\#2c2c2e\]:hover {
    background-color: #2c2c2e !important;
  }
  .ss\:hover\:\!bg-\[\#e8e8e8\]:hover {
    background-color: #e8e8e8 !important;
  }
  .ss\:hover\:\!bg-\[\#f5f5f7\]:hover {
    background-color: #f5f5f7 !important;
  }
  .ss\:hover\:\!bg-\[var\(--bg-secondary-color\)\]:hover {
    background-color: var(--bg-secondary-color) !important;
  }
  .ss\:hover\:\!bg-\[var\(--color-lightGrey\,\#eceef2\)\]:hover {
    background-color: var(--color-lightGrey,#eceef2) !important;
  }
  .ss\:hover\:\!bg-\[var\(--tradein-btn-hover-color\)\]:hover {
    background-color: var(--tradein-btn-hover-color) !important;
  }
  .ss\:hover\:bg-\[\#e8e8e8\]:hover {
    background-color: #e8e8e8;
  }
  .ss\:hover\:bg-\[\#eaecef\]:hover {
    background-color: #eaecef;
  }
  .ss\:hover\:bg-\[var\(--bg-secondary-color\)\]:hover {
    background-color: var(--bg-secondary-color);
  }
  .ss\:hover\:bg-\[var\(--color-lightGrey\)\]:hover {
    background-color: var(--color-lightGrey);
  }
  .ss\:hover\:bg-\[var\(--color-primary\)\]:hover {
    background-color: var(--color-primary);
  }
  .ss\:hover\:bg-\[var\(--social-facebook\)\]:hover {
    background-color: var(--social-facebook);
  }
  .ss\:hover\:bg-\[var\(--social-instagram\)\]:hover {
    background-color: var(--social-instagram);
  }
  .ss\:hover\:bg-\[var\(--social-max\)\]:hover {
    background-color: var(--social-max);
  }
  .ss\:hover\:bg-\[var\(--social-rutube\)\]:hover {
    background-color: var(--social-rutube);
  }
  .ss\:hover\:bg-\[var\(--social-telegram\)\]:hover {
    background-color: var(--social-telegram);
  }
  .ss\:hover\:bg-\[var\(--social-twitter\)\]:hover {
    background-color: var(--social-twitter);
  }
  .ss\:hover\:bg-\[var\(--social-vk\)\]:hover {
    background-color: var(--social-vk);
  }
  .ss\:hover\:bg-\[var\(--social-yandex\)\]:hover {
    background-color: var(--social-yandex);
  }
  .ss\:hover\:bg-\[var\(--social-youtube\)\]:hover {
    background-color: var(--social-youtube);
  }
  .ss\:hover\:bg-white\/5:hover {
    background-color: var(--ss-color-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ss\:hover\:bg-white\/5:hover {
      background-color: color-mix(in oklab, var(--ss-color-white) 5%, transparent);
    }
  }
  .ss\:hover\:bg-linear-to-tr:hover {
    --tw-gradient-position: to top right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .ss\:hover\:bg-linear-to-tr:hover {
      --tw-gradient-position: to top right in oklab;
    }
  }
  .ss\:hover\:bg-linear-to-tr:hover {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .ss\:hover\:from-\[var\(--color-primary\)\]:hover {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .ss\:hover\:to-\[var\(--color-primary-gradient\)\]:hover {
    --tw-gradient-to: var(--color-primary-gradient);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .ss\:hover\:fill-\[\#4c75a3\]:hover {
    fill: #4c75a3;
  }
  .ss\:hover\:fill-\[\#25d366\]:hover {
    fill: #25d366;
  }
  .ss\:hover\:fill-\[\#0088cc\]:hover {
    fill: #0088cc;
  }
  .ss\:hover\:fill-\[\#f6881f\]:hover {
    fill: #f6881f;
  }
  .ss\:hover\:\!text-\[var\(--color-primary\)\]:hover {
    color: var(--color-primary) !important;
  }
  .ss\:hover\:text-\[\#1C1C1E\]:hover {
    color: #1C1C1E;
  }
  .ss\:hover\:text-\[\#1c1c1e\]:hover {
    color: #1c1c1e;
  }
  .ss\:hover\:text-\[var\(--color-error\)\]:hover {
    color: var(--color-error);
  }
  .ss\:hover\:text-\[var\(--color-link\)\]:hover {
    color: var(--color-link);
  }
  .ss\:hover\:text-\[var\(--color-primary\)\]:hover {
    color: var(--color-primary);
  }
  .ss\:hover\:text-\[var\(--color-white\)\]:hover {
    color: var(--color-white);
  }
  .ss\:hover\:text-\[var\(--font-color\)\]:hover {
    color: var(--font-color);
  }
  .ss\:hover\:text-\[var\(--footer-link\)\]:hover {
    color: var(--footer-link);
  }
  .ss\:hover\:text-white:hover {
    color: var(--ss-color-white);
  }
  .ss\:hover\:underline:hover {
    text-decoration-line: underline;
  }
  .ss\:hover\:\!opacity-80:hover {
    opacity: 80% !important;
  }
  .ss\:hover\:\!opacity-90:hover {
    opacity: 90% !important;
  }
  .ss\:hover\:\!opacity-100:hover {
    opacity: 100% !important;
  }
  .ss\:hover\:opacity-60:hover {
    opacity: 60%;
  }
  .ss\:hover\:opacity-70:hover {
    opacity: 70%;
  }
  .ss\:hover\:opacity-80:hover {
    opacity: 80%;
  }
  .ss\:hover\:opacity-85:hover {
    opacity: 85%;
  }
  .ss\:hover\:opacity-90:hover {
    opacity: 90%;
  }
  .ss\:hover\:opacity-95:hover {
    opacity: 95%;
  }
  .ss\:hover\:opacity-\[\.88\]:hover {
    opacity: .88;
  }
  .ss\:hover\:shadow-\[0_0_20px_0_rgba\(0\,0\,0\,0\.1\)\]:hover {
    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ss\:hover\:shadow-\[0_4px_12px_rgba\(61\,90\,254\,0\.04\)\]:hover {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(61,90,254,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ss\:hover\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.08\)\]:hover {
    --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ss\:hover\:shadow-\[0_6px_12px_rgba\(0\,0\,0\,0\.03\)\]:hover {
    --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(0,0,0,0.03));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ss\:hover\:shadow-\[0_10px_25px_rgba\(0\,0\,0\,0\.04\)\]:hover {
    --tw-shadow: 0 10px 25px var(--tw-shadow-color, rgba(0,0,0,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ss\:hover\:\!\[background\:rgba\(61\,91\,247\,0\.05\)\]:hover {
    background: rgba(61,91,247,0.05) !important;
  }
}
.ss\:focus\:scale-\[1\.03\]:focus {
  scale: 1.03;
}
.ss\:focus\:\!border-2:focus {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.ss\:focus\:\!border-\[var\(--color-primary\)\]:focus {
  border-color: var(--color-primary) !important;
}
.ss\:focus\:\!border-\[var\(--form-border\)\]:focus {
  border-color: var(--form-border) !important;
}
.ss\:focus\:border-\[\#1C1C1E\]:focus {
  border-color: #1C1C1E;
}
.ss\:focus\:border-\[var\(--color-primary\)\]:focus {
  border-color: var(--color-primary);
}
.ss\:focus\:\!bg-\[var\(--color-white\)\]:focus {
  background-color: var(--color-white) !important;
}
.ss\:focus\:\!bg-white:focus {
  background-color: var(--ss-color-white) !important;
}
.ss\:focus\:opacity-95:focus {
  opacity: 95%;
}
.ss\:focus\:\!shadow-\[0_0_0_3px_rgba\(61\,91\,247\,\.25\)\]:focus {
  --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(61,91,247,.25)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:focus\:\!shadow-none:focus {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:focus\:\!outline-none:focus {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:focus\:outline-none:focus {
  --tw-outline-style: none;
  outline-style: none;
}
@media (hover: hover) {
  .ss\:focus\:hover\:\!border-\[var\(--form-border\)\]:focus:hover {
    border-color: var(--form-border) !important;
  }
  .ss\:focus\:hover\:\!bg-white:focus:hover {
    background-color: var(--ss-color-white) !important;
  }
}
.ss\:focus-visible\:\!border-2:focus-visible {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.ss\:focus-visible\:\!border-\[var\(--form-border\)\]:focus-visible {
  border-color: var(--form-border) !important;
}
.ss\:focus-visible\:\!bg-white:focus-visible {
  background-color: var(--ss-color-white) !important;
}
.ss\:focus-visible\:\!shadow-none:focus-visible {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:focus-visible\:\!outline-none:focus-visible {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:focus-visible\:outline-none:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:active\:scale-\[\.97\]:active {
  scale: .97;
}
.ss\:active\:scale-\[0\.98\]:active {
  scale: 0.98;
}
.ss\:active\:\!transform-none:active {
  transform: none !important;
}
.ss\:active\:bg-\[\#f1f2f4\]:active {
  background-color: #f1f2f4;
}
.ss\:disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.ss\:disabled\:\!text-\[var\(--color-grey\)\]:disabled {
  color: var(--color-grey) !important;
}
.ss\:disabled\:opacity-50:disabled {
  opacity: 50%;
}
.ss\:disabled\:opacity-100:disabled {
  opacity: 100%;
}
.ss\:disabled\:\!shadow-none:disabled {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:disabled\:\!\[background\:var\(--bg-secondary-color\)\]:disabled {
  background: var(--bg-secondary-color) !important;
}
.ss\:disabled\:active\:\!scale-100:disabled:active {
  --tw-scale-x: 100% !important;
  --tw-scale-y: 100% !important;
  --tw-scale-z: 100% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:overflow-clip:has(:is(#catalog-toggle:checked)) {
  overflow: clip;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:overflow-hidden:has(:is(#catalog-toggle:checked)) {
  overflow: hidden;
}
.ss\:has-\[\#menu-toggle\:checked\]\:overflow-clip:has(:is(#menu-toggle:checked)) {
  overflow: clip;
}
.ss\:has-\[\#menu-toggle\:checked\]\:overflow-hidden:has(:is(#menu-toggle:checked)) {
  overflow: hidden;
}
.ss\:has-\[\.badge-best\]\:bg-\[\#fc612e\]:has(:is(.badge-best)) {
  background-color: #fc612e;
}
.ss\:has-\[\.badge-new\]\:bg-\[\#058427\]:has(:is(.badge-new)) {
  background-color: #058427;
}
.ss\:has-\[\.badge-preorder\]\:bg-\[\#3D5BF7\]:has(:is(.badge-preorder)) {
  background-color: #3D5BF7;
}
.ss\:has-\[\.badge-sale\]\:bg-\[\#e64646\]:has(:is(.badge-sale)) {
  background-color: #e64646;
}
.ss\:has-\[\.filter\._show\]\:\[scrollbar-gutter\:stable\]:has(:is(.filter. show)) {
  scrollbar-gutter: stable;
}
.ss\:has-\[\.filter\._show\]\:\!overflow-hidden:has(:is(.filter. show)) {
  overflow: hidden !important;
}
@media (width < 1400px) {
  .ss\:max-\[1400px\]\:text-\[24px\] {
    font-size: 24px;
  }
}
@media (width < 1200px) {
  .ss\:max-\[1200px\]\:mr-\[10px\] {
    margin-right: 10px;
  }
  .ss\:max-\[1200px\]\:w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .ss\:max-\[1200px\]\:w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .ss\:max-\[1200px\]\:max-w-\[25\%\] {
    max-width: 25%;
  }
  .ss\:max-\[1200px\]\:max-w-\[33\.33333\%\] {
    max-width: 33.33333%;
  }
  .ss\:max-\[1200px\]\:flex-\[1_1_calc\(33\.333\%_-_11px\)\] {
    flex: 1 1 calc(33.333% - 11px);
  }
  .ss\:max-\[1200px\]\:gap-\[8px\] {
    gap: 8px;
  }
  .ss\:max-\[1200px\]\:text-\[length\:var\(--font-size-sm\)\] {
    font-size: var(--font-size-sm);
  }
}
@media (width < 1100px) {
  .ss\:max-\[1100px\]\:hidden {
    display: none;
  }
  .ss\:max-\[1100px\]\:w-\[calc\(\(100\%_-_48px\)\/4\)\] {
    width: calc((100% - 48px) / 4);
  }
  .ss\:max-\[1100px\]\:max-w-\[58\%\] {
    max-width: 58%;
  }
  .ss\:max-\[1100px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss\:max-\[1100px\]\:gap-\[var\(--grid-gutter-mobile\)\] {
    gap: var(--grid-gutter-mobile);
  }
}
@media (width < 1024px) {
  .ss\:max-\[1024px\]\:hidden {
    display: none;
  }
  .ss\:max-\[1024px\]\:flex-\[1_1_calc\(33\.333\%_-_11px\)\] {
    flex: 1 1 calc(33.333% - 11px);
  }
  .ss\:max-\[1024px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width < 1000px) {
  .ss\:max-\[1000px\]\:order-none {
    order: 0;
  }
  .ss\:max-\[1000px\]\:mx-\[5px\] {
    margin-inline: 5px;
  }
  .ss\:max-\[1000px\]\:mt-\[20px\] {
    margin-top: 20px;
  }
  .ss\:max-\[1000px\]\:block {
    display: block;
  }
  .ss\:max-\[1000px\]\:hidden {
    display: none;
  }
  .ss\:max-\[1000px\]\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .ss\:max-\[1000px\]\:w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .ss\:max-\[1000px\]\:max-w-\[33\.33333\%\] {
    max-width: 33.33333%;
  }
  .ss\:max-\[1000px\]\:max-w-\[50\%\] {
    max-width: 50%;
  }
  .ss\:max-\[1000px\]\:min-w-0 {
    min-width: 0px;
  }
  .ss\:max-\[1000px\]\:flex-\[1_0_30\%\] {
    flex: 1 0 30%;
  }
  .ss\:max-\[1000px\]\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .ss\:max-\[1000px\]\:justify-center {
    justify-content: center;
  }
  .ss\:max-\[1000px\]\:p-\[15px\] {
    padding: 15px;
  }
  .ss\:max-\[1000px\]\:pr-0 {
    padding-right: 0px;
  }
  .ss\:max-\[1000px\]\:text-center {
    text-align: center;
  }
  .ss\:max-\[1000px\]\:text-left {
    text-align: left;
  }
  .ss\:max-\[1000px\]\:text-\[14px\] {
    font-size: 14px;
  }
}
@media (width < 991px) {
  .ss\:max-\[991px\]\:col-start-2 {
    grid-column-start: 2;
  }
  .ss\:max-\[991px\]\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .ss\:max-\[991px\]\:row-start-1 {
    grid-row-start: 1;
  }
  .ss\:max-\[991px\]\:contents {
    display: contents;
  }
  .ss\:max-\[991px\]\:h-full {
    height: 100%;
  }
  .ss\:max-\[991px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss\:max-\[991px\]\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .ss\:max-\[991px\]\:gap-\[12px\] {
    gap: 12px;
  }
  .ss\:max-\[991px\]\:p-\[16px\] {
    padding: 16px;
  }
  .ss\:max-\[991px\]\:\[grid-template-areas\:\'photo_step1\'_\'photo_step2\'_\'step3_step4\'\] {
    grid-template-areas: 'photo step1' 'photo step2' 'step3 step4';
  }
}
@media (width < 970px) {
  .ss\:max-\[970px\]\:mb-\[15px\] {
    margin-bottom: 15px;
  }
  .ss\:max-\[970px\]\:min-w-full {
    min-width: 100%;
  }
  .ss\:max-\[970px\]\:flex-\[1_1_100\%\] {
    flex: 1 1 100%;
  }
  .ss\:max-\[970px\]\:flex-col {
    flex-direction: column;
  }
  .ss\:max-\[970px\]\:gap-0 {
    gap: 0px;
  }
  .ss\:max-\[970px\]\:text-center {
    text-align: center;
  }
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:absolute {
    position: absolute;
  }
  .ss\:max-\[900px\]\:fixed {
    position: fixed;
  }
  .ss\:max-\[900px\]\:relative {
    position: relative;
  }
  .ss\:max-\[900px\]\:inset-0 {
    inset: 0px;
  }
  .ss\:max-\[900px\]\:top-0 {
    top: 0px;
  }
  .ss\:max-\[900px\]\:top-\[-2px\] {
    top: -2px;
  }
  .ss\:max-\[900px\]\:top-\[2px\] {
    top: 2px;
  }
  .ss\:max-\[900px\]\:top-\[10px\] {
    top: 10px;
  }
  .ss\:max-\[900px\]\:top-\[16px\] {
    top: 16px;
  }
  .ss\:max-\[900px\]\:top-\[44px\] {
    top: 44px;
  }
  .ss\:max-\[900px\]\:\!right-0 {
    right: 0px !important;
  }
  .ss\:max-\[900px\]\:right-0 {
    right: 0px;
  }
  .ss\:max-\[900px\]\:right-\[10px\] {
    right: 10px;
  }
  .ss\:max-\[900px\]\:right-\[16px\] {
    right: 16px;
  }
  .ss\:max-\[900px\]\:bottom-0 {
    bottom: 0px;
  }
  .ss\:max-\[900px\]\:bottom-\[10px\] {
    bottom: 10px;
  }
  .ss\:max-\[900px\]\:bottom-\[16px\] {
    bottom: 16px;
  }
  .ss\:max-\[900px\]\:\!left-0 {
    left: 0px !important;
  }
  .ss\:max-\[900px\]\:left-0 {
    left: 0px;
  }
  .ss\:max-\[900px\]\:left-\[16px\] {
    left: 16px;
  }
  .ss\:max-\[900px\]\:left-\[calc\(-1\*var\(--grid-gutter\)\/2\)\] {
    left: calc(-1 * var(--grid-gutter) / 2);
  }
  .ss\:max-\[900px\]\:left-auto {
    left: auto;
  }
  .ss\:max-\[900px\]\:z-10 {
    z-index: 10;
  }
  .ss\:max-\[900px\]\:z-\[2\] {
    z-index: 2;
  }
  .ss\:max-\[900px\]\:z-\[100\] {
    z-index: 100;
  }
  .ss\:max-\[900px\]\:z-\[10000\] {
    z-index: 10000;
  }
  .ss\:max-\[900px\]\:order-1 {
    order: 1;
  }
  .ss\:max-\[900px\]\:order-2 {
    order: 2;
  }
  .ss\:max-\[900px\]\:order-3 {
    order: 3;
  }
  .ss\:max-\[900px\]\:col-start-1 {
    grid-column-start: 1;
  }
  .ss\:max-\[900px\]\:col-start-2 {
    grid-column-start: 2;
  }
  .ss\:max-\[900px\]\:col-start-3 {
    grid-column-start: 3;
  }
  .ss\:max-\[900px\]\:row-start-1 {
    grid-row-start: 1;
  }
  .ss\:max-\[900px\]\:m-0 {
    margin: 0px;
  }
  .ss\:max-\[900px\]\:\!mx-0 {
    margin-inline: 0px !important;
  }
  .ss\:max-\[900px\]\:mx-0 {
    margin-inline: 0px;
  }
  .ss\:max-\[900px\]\:my-\[8px\] {
    margin-block: 8px;
  }
  .ss\:max-\[900px\]\:my-\[calc\(var\(--grid-gutter\)\*2\)\] {
    margin-block: calc(var(--grid-gutter) * 2);
  }
  .ss\:max-\[900px\]\:my-\[var\(--grid-gutter-mobile\)\] {
    margin-block: var(--grid-gutter-mobile);
  }
  .ss\:max-\[900px\]\:\!mt-\[24px\] {
    margin-top: 24px !important;
  }
  .ss\:max-\[900px\]\:-mt-\[2px\] {
    margin-top: calc(2px * -1);
  }
  .ss\:max-\[900px\]\:mt-0 {
    margin-top: 0px;
  }
  .ss\:max-\[900px\]\:mt-\[-20px\] {
    margin-top: -20px;
  }
  .ss\:max-\[900px\]\:mt-\[4px\] {
    margin-top: 4px;
  }
  .ss\:max-\[900px\]\:mt-\[5px\] {
    margin-top: 5px;
  }
  .ss\:max-\[900px\]\:mt-\[12px\] {
    margin-top: 12px;
  }
  .ss\:max-\[900px\]\:mt-\[calc\(var\(--grid-gutter-mobile\)\/2\)\] {
    margin-top: calc(var(--grid-gutter-mobile) / 2);
  }
  .ss\:max-\[900px\]\:mt-\[var\(--grid-gutter\)\] {
    margin-top: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:mt-\[var\(--grid-gutter-mobile\)\] {
    margin-top: var(--grid-gutter-mobile);
  }
  .ss\:max-\[900px\]\:mr-\[var\(--grid-gutter\)\] {
    margin-right: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:mb-0 {
    margin-bottom: 0px;
  }
  .ss\:max-\[900px\]\:mb-\[4px\] {
    margin-bottom: 4px;
  }
  .ss\:max-\[900px\]\:mb-\[8px\] {
    margin-bottom: 8px;
  }
  .ss\:max-\[900px\]\:mb-\[10px\] {
    margin-bottom: 10px;
  }
  .ss\:max-\[900px\]\:mb-\[12px\] {
    margin-bottom: 12px;
  }
  .ss\:max-\[900px\]\:mb-\[15px\] {
    margin-bottom: 15px;
  }
  .ss\:max-\[900px\]\:mb-\[16px\] {
    margin-bottom: 16px;
  }
  .ss\:max-\[900px\]\:mb-\[20px\] {
    margin-bottom: 20px;
  }
  .ss\:max-\[900px\]\:mb-\[calc\(var\(--grid-gutter\)\*2\)\] {
    margin-bottom: calc(var(--grid-gutter) * 2);
  }
  .ss\:max-\[900px\]\:mb-\[calc\(var\(--grid-gutter-mobile\)\/2\)\] {
    margin-bottom: calc(var(--grid-gutter-mobile) / 2);
  }
  .ss\:max-\[900px\]\:mb-\[var\(--grid-gutter\)\] {
    margin-bottom: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:mb-\[var\(--grid-gutter-mobile\)\] {
    margin-bottom: var(--grid-gutter-mobile);
  }
  .ss\:max-\[900px\]\:ml-0 {
    margin-left: 0px;
  }
  .ss\:max-\[900px\]\:ml-auto {
    margin-left: auto;
  }
  .ss\:max-\[900px\]\:\!hidden {
    display: none !important;
  }
  .ss\:max-\[900px\]\:block {
    display: block;
  }
  .ss\:max-\[900px\]\:flex {
    display: flex;
  }
  .ss\:max-\[900px\]\:grid {
    display: grid;
  }
  .ss\:max-\[900px\]\:hidden {
    display: none;
  }
  .ss\:max-\[900px\]\:inline-block {
    display: inline-block;
  }
  .ss\:max-\[900px\]\:inline-flex {
    display: inline-flex;
  }
  .ss\:max-\[900px\]\:aspect-\[48\/5\] {
    aspect-ratio: 48/5;
  }
  .ss\:max-\[900px\]\:aspect-auto {
    aspect-ratio: auto;
  }
  .ss\:max-\[900px\]\:size-\[10px\] {
    width: 10px;
    height: 10px;
  }
  .ss\:max-\[900px\]\:\!h-\[44px\] {
    height: 44px !important;
  }
  .ss\:max-\[900px\]\:\!h-auto {
    height: auto !important;
  }
  .ss\:max-\[900px\]\:\!h-full {
    height: 100% !important;
  }
  .ss\:max-\[900px\]\:h-\[6rem\] {
    height: 6rem;
  }
  .ss\:max-\[900px\]\:h-\[18px\] {
    height: 18px;
  }
  .ss\:max-\[900px\]\:h-\[20px\] {
    height: 20px;
  }
  .ss\:max-\[900px\]\:h-\[33px\] {
    height: 33px;
  }
  .ss\:max-\[900px\]\:h-\[44px\] {
    height: 44px;
  }
  .ss\:max-\[900px\]\:h-\[45px\] {
    height: 45px;
  }
  .ss\:max-\[900px\]\:h-\[48px\] {
    height: 48px;
  }
  .ss\:max-\[900px\]\:h-\[52px\] {
    height: 52px;
  }
  .ss\:max-\[900px\]\:h-\[53px\] {
    height: 53px;
  }
  .ss\:max-\[900px\]\:h-\[100px\] {
    height: 100px;
  }
  .ss\:max-\[900px\]\:h-\[120px\] {
    height: 120px;
  }
  .ss\:max-\[900px\]\:h-\[300px\] {
    height: 300px;
  }
  .ss\:max-\[900px\]\:h-auto {
    height: auto;
  }
  .ss\:max-\[900px\]\:h-full {
    height: 100%;
  }
  .ss\:max-\[900px\]\:max-h-\[20px\] {
    max-height: 20px;
  }
  .ss\:max-\[900px\]\:max-h-\[33px\] {
    max-height: 33px;
  }
  .ss\:max-\[900px\]\:max-h-\[170px\] {
    max-height: 170px;
  }
  .ss\:max-\[900px\]\:max-h-none {
    max-height: none;
  }
  .ss\:max-\[900px\]\:\!min-h-\[40px\] {
    min-height: 40px !important;
  }
  .ss\:max-\[900px\]\:min-h-0 {
    min-height: 0px;
  }
  .ss\:max-\[900px\]\:min-h-\[23px\] {
    min-height: 23px;
  }
  .ss\:max-\[900px\]\:min-h-\[33px\] {
    min-height: 33px;
  }
  .ss\:max-\[900px\]\:min-h-\[48px\] {
    min-height: 48px;
  }
  .ss\:max-\[900px\]\:min-h-\[52px\] {
    min-height: 52px;
  }
  .ss\:max-\[900px\]\:min-h-\[170px\] {
    min-height: 170px;
  }
  .ss\:max-\[900px\]\:min-h-\[220px\] {
    min-height: 220px;
  }
  .ss\:max-\[900px\]\:\!w-full {
    width: 100% !important;
  }
  .ss\:max-\[900px\]\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .ss\:max-\[900px\]\:w-3\/5 {
    width: calc(3 / 5 * 100%);
  }
  .ss\:max-\[900px\]\:w-\[6rem\] {
    width: 6rem;
  }
  .ss\:max-\[900px\]\:w-\[18px\] {
    width: 18px;
  }
  .ss\:max-\[900px\]\:w-\[20px\] {
    width: 20px;
  }
  .ss\:max-\[900px\]\:w-\[33px\] {
    width: 33px;
  }
  .ss\:max-\[900px\]\:w-\[44px\] {
    width: 44px;
  }
  .ss\:max-\[900px\]\:w-\[48px\] {
    width: 48px;
  }
  .ss\:max-\[900px\]\:w-\[80vw\] {
    width: 80vw;
  }
  .ss\:max-\[900px\]\:w-\[100px\] {
    width: 100px;
  }
  .ss\:max-\[900px\]\:w-\[calc\(100\%\+var\(--grid-gutter\)\)\] {
    width: calc(100% + var(--grid-gutter));
  }
  .ss\:max-\[900px\]\:w-auto {
    width: auto;
  }
  .ss\:max-\[900px\]\:w-full {
    width: 100%;
  }
  .ss\:max-\[900px\]\:\!max-w-none {
    max-width: none !important;
  }
  .ss\:max-\[900px\]\:max-w-\[33px\] {
    max-width: 33px;
  }
  .ss\:max-\[900px\]\:max-w-\[50\%\] {
    max-width: 50%;
  }
  .ss\:max-\[900px\]\:max-w-\[74\%\] {
    max-width: 74%;
  }
  .ss\:max-\[900px\]\:max-w-\[160px\] {
    max-width: 160px;
  }
  .ss\:max-\[900px\]\:max-w-\[280px\] {
    max-width: 280px;
  }
  .ss\:max-\[900px\]\:max-w-full {
    max-width: 100%;
  }
  .ss\:max-\[900px\]\:max-w-none {
    max-width: none;
  }
  .ss\:max-\[900px\]\:min-w-0 {
    min-width: 0px;
  }
  .ss\:max-\[900px\]\:min-w-\[33px\] {
    min-width: 33px;
  }
  .ss\:max-\[900px\]\:min-w-full {
    min-width: 100%;
  }
  .ss\:max-\[900px\]\:flex-1 {
    flex: 1;
  }
  .ss\:max-\[900px\]\:flex-none {
    flex: none;
  }
  .ss\:max-\[900px\]\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .ss\:max-\[900px\]\:shrink-0 {
    flex-shrink: 0;
  }
  .ss\:max-\[900px\]\:grow {
    flex-grow: 1;
  }
  .ss\:max-\[900px\]\:basis-auto {
    flex-basis: auto;
  }
  .ss\:max-\[900px\]\:cursor-pointer {
    cursor: pointer;
  }
  .ss\:max-\[900px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ss\:max-\[900px\]\:grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .ss\:max-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_48px\] {
    grid-template-columns: minmax(0,1fr) 48px;
  }
  .ss\:max-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .ss\:max-\[900px\]\:flex-col {
    flex-direction: column;
  }
  .ss\:max-\[900px\]\:flex-row {
    flex-direction: row;
  }
  .ss\:max-\[900px\]\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .ss\:max-\[900px\]\:flex-wrap {
    flex-wrap: wrap;
  }
  .ss\:max-\[900px\]\:items-center {
    align-items: center;
  }
  .ss\:max-\[900px\]\:items-start {
    align-items: flex-start;
  }
  .ss\:max-\[900px\]\:items-stretch {
    align-items: stretch;
  }
  .ss\:max-\[900px\]\:justify-between {
    justify-content: space-between;
  }
  .ss\:max-\[900px\]\:justify-center {
    justify-content: center;
  }
  .ss\:max-\[900px\]\:justify-start {
    justify-content: flex-start;
  }
  .ss\:max-\[900px\]\:gap-\[10px\] {
    gap: 10px;
  }
  .ss\:max-\[900px\]\:gap-\[12px\] {
    gap: 12px;
  }
  .ss\:max-\[900px\]\:gap-\[15px\] {
    gap: 15px;
  }
  .ss\:max-\[900px\]\:gap-\[16px\] {
    gap: 16px;
  }
  .ss\:max-\[900px\]\:gap-\[20px\] {
    gap: 20px;
  }
  .ss\:max-\[900px\]\:gap-\[24px\] {
    gap: 24px;
  }
  .ss\:max-\[900px\]\:gap-\[calc\(var\(--grid-gutter\)\*2\)\] {
    gap: calc(var(--grid-gutter) * 2);
  }
  .ss\:max-\[900px\]\:gap-\[calc\(var\(--grid-gutter\)\/2\)\] {
    gap: calc(var(--grid-gutter) / 2);
  }
  .ss\:max-\[900px\]\:gap-\[var\(--grid-gutter\)\] {
    gap: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:gap-\[var\(--grid-gutter-mobile\)\] {
    gap: var(--grid-gutter-mobile);
  }
  .ss\:max-\[900px\]\:self-center {
    align-self: center;
  }
  .ss\:max-\[900px\]\:self-end {
    align-self: flex-end;
  }
  .ss\:max-\[900px\]\:justify-self-center {
    justify-self: center;
  }
  .ss\:max-\[900px\]\:justify-self-end {
    justify-self: flex-end;
  }
  .ss\:max-\[900px\]\:justify-self-start {
    justify-self: flex-start;
  }
  .ss\:max-\[900px\]\:overflow-hidden {
    overflow: hidden;
  }
  .ss\:max-\[900px\]\:overflow-visible {
    overflow: visible;
  }
  .ss\:max-\[900px\]\:overflow-x-auto {
    overflow-x: auto;
  }
  .ss\:max-\[900px\]\:overflow-y-auto {
    overflow-y: auto;
  }
  .ss\:max-\[900px\]\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .ss\:max-\[900px\]\:overscroll-contain {
    overscroll-behavior: contain;
  }
  .ss\:max-\[900px\]\:rounded-\[18px\] {
    border-radius: 18px;
  }
  .ss\:max-\[900px\]\:rounded-\[var\(--border-radius\)\] {
    border-radius: var(--border-radius);
  }
  .ss\:max-\[900px\]\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .ss\:max-\[900px\]\:rounded-none {
    border-radius: 0;
  }
  .ss\:max-\[900px\]\:\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .ss\:max-\[900px\]\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .ss\:max-\[900px\]\:border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .ss\:max-\[900px\]\:\!bg-\[rgba\(255\,255\,255\,\.16\)\] {
    background-color: rgba(255,255,255,.16) !important;
  }
  .ss\:max-\[900px\]\:bg-\[var\(--bg-secondary-color\)\] {
    background-color: var(--bg-secondary-color);
  }
  .ss\:max-\[900px\]\:bg-\[var\(--color-lightGrey\)\] {
    background-color: var(--color-lightGrey);
  }
  .ss\:max-\[900px\]\:bg-\[var\(--color-primary\)\] {
    background-color: var(--color-primary);
  }
  .ss\:max-\[900px\]\:bg-\[var\(--color-white\)\] {
    background-color: var(--color-white);
  }
  .ss\:max-\[900px\]\:bg-transparent {
    background-color: transparent;
  }
  .ss\:max-\[900px\]\:bg-white {
    background-color: var(--ss-color-white);
  }
  .ss\:max-\[900px\]\:bg-\[url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/service-top-left-bg\.svg\'\)\,url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/service-top-right-bg\.svg\'\)\] {
    background-image: url('/wa-data/public/shop/themes/marketplace/img/service-top-left-bg.svg'),url('/wa-data/public/shop/themes/marketplace/img/service-top-right-bg.svg');
  }
  .ss\:max-\[900px\]\:bg-\[length\:10px\] {
    background-size: 10px;
  }
  .ss\:max-\[900px\]\:bg-\[length\:contain\,contain\] {
    background-size: contain,contain;
  }
  .ss\:max-\[900px\]\:bg-\[position\:left_top\,right_bottom\] {
    background-position: left top,right bottom;
  }
  .ss\:max-\[900px\]\:object-cover {
    object-fit: cover;
  }
  .ss\:max-\[900px\]\:p-0 {
    padding: 0px;
  }
  .ss\:max-\[900px\]\:p-\[0_16px_24px\] {
    padding: 0 16px 24px;
  }
  .ss\:max-\[900px\]\:p-\[3px_5px\] {
    padding: 3px 5px;
  }
  .ss\:max-\[900px\]\:p-\[8px\] {
    padding: 8px;
  }
  .ss\:max-\[900px\]\:p-\[8px_16px_0\] {
    padding: 8px 16px 0;
  }
  .ss\:max-\[900px\]\:p-\[8px_16px_4px\] {
    padding: 8px 16px 4px;
  }
  .ss\:max-\[900px\]\:p-\[10px\] {
    padding: 10px;
  }
  .ss\:max-\[900px\]\:p-\[10px_6px\] {
    padding: 10px 6px;
  }
  .ss\:max-\[900px\]\:p-\[12px_16px_8px\] {
    padding: 12px 16px 8px;
  }
  .ss\:max-\[900px\]\:p-\[16px\] {
    padding: 16px;
  }
  .ss\:max-\[900px\]\:p-\[20px\] {
    padding: 20px;
  }
  .ss\:max-\[900px\]\:p-\[30px\] {
    padding: 30px;
  }
  .ss\:max-\[900px\]\:p-\[calc\(var\(--grid-gutter\)\*2\)\] {
    padding: calc(var(--grid-gutter) * 2);
  }
  .ss\:max-\[900px\]\:p-\[var\(--grid-gutter\)\] {
    padding: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:p-\[var\(--grid-gutter-mobile\)\] {
    padding: var(--grid-gutter-mobile);
  }
  .ss\:max-\[900px\]\:\!px-0 {
    padding-inline: 0px !important;
  }
  .ss\:max-\[900px\]\:px-\[8px\] {
    padding-inline: 8px;
  }
  .ss\:max-\[900px\]\:px-\[10px\] {
    padding-inline: 10px;
  }
  .ss\:max-\[900px\]\:px-\[16px\] {
    padding-inline: 16px;
  }
  .ss\:max-\[900px\]\:px-\[20px\] {
    padding-inline: 20px;
  }
  .ss\:max-\[900px\]\:px-\[30px\] {
    padding-inline: 30px;
  }
  .ss\:max-\[900px\]\:px-\[calc\(var\(--grid-gutter\)\*2\)\] {
    padding-inline: calc(var(--grid-gutter) * 2);
  }
  .ss\:max-\[900px\]\:px-\[var\(--grid-gutter\)\] {
    padding-inline: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:py-0 {
    padding-block: 0px;
  }
  .ss\:max-\[900px\]\:py-\[6px\] {
    padding-block: 6px;
  }
  .ss\:max-\[900px\]\:py-\[8px\] {
    padding-block: 8px;
  }
  .ss\:max-\[900px\]\:py-\[10px\] {
    padding-block: 10px;
  }
  .ss\:max-\[900px\]\:py-\[12px\] {
    padding-block: 12px;
  }
  .ss\:max-\[900px\]\:py-\[16px\] {
    padding-block: 16px;
  }
  .ss\:max-\[900px\]\:py-\[40px\] {
    padding-block: 40px;
  }
  .ss\:max-\[900px\]\:pt-0 {
    padding-top: 0px;
  }
  .ss\:max-\[900px\]\:pt-\[2px\] {
    padding-top: 2px;
  }
  .ss\:max-\[900px\]\:pt-\[20px\] {
    padding-top: 20px;
  }
  .ss\:max-\[900px\]\:pt-\[var\(--grid-gutter\)\] {
    padding-top: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:pt-\[var\(--grid-gutter-mobile\)\] {
    padding-top: var(--grid-gutter-mobile);
  }
  .ss\:max-\[900px\]\:pr-0 {
    padding-right: 0px;
  }
  .ss\:max-\[900px\]\:pr-\[28px\] {
    padding-right: 28px;
  }
  .ss\:max-\[900px\]\:pr-\[72px\] {
    padding-right: 72px;
  }
  .ss\:max-\[900px\]\:pr-\[calc\(var\(--grid-gutter\)\*5\)\] {
    padding-right: calc(var(--grid-gutter) * 5);
  }
  .ss\:max-\[900px\]\:pb-0 {
    padding-bottom: 0px;
  }
  .ss\:max-\[900px\]\:pb-\[10px\] {
    padding-bottom: 10px;
  }
  .ss\:max-\[900px\]\:pb-\[12px\] {
    padding-bottom: 12px;
  }
  .ss\:max-\[900px\]\:pb-\[16px\] {
    padding-bottom: 16px;
  }
  .ss\:max-\[900px\]\:pb-\[calc\(var\(--grid-gutter\)\*2\)\] {
    padding-bottom: calc(var(--grid-gutter) * 2);
  }
  .ss\:max-\[900px\]\:pb-\[var\(--grid-gutter\)\] {
    padding-bottom: var(--grid-gutter);
  }
  .ss\:max-\[900px\]\:pl-\[10px\] {
    padding-left: 10px;
  }
  .ss\:max-\[900px\]\:text-center {
    text-align: center;
  }
  .ss\:max-\[900px\]\:text-\[11px\] {
    font-size: 11px;
  }
  .ss\:max-\[900px\]\:text-\[12px\] {
    font-size: 12px;
  }
  .ss\:max-\[900px\]\:text-\[13px\] {
    font-size: 13px;
  }
  .ss\:max-\[900px\]\:text-\[14px\] {
    font-size: 14px;
  }
  .ss\:max-\[900px\]\:text-\[15px\] {
    font-size: 15px;
  }
  .ss\:max-\[900px\]\:text-\[16px\] {
    font-size: 16px;
  }
  .ss\:max-\[900px\]\:text-\[17px\] {
    font-size: 17px;
  }
  .ss\:max-\[900px\]\:text-\[19px\] {
    font-size: 19px;
  }
  .ss\:max-\[900px\]\:text-\[20px\] {
    font-size: 20px;
  }
  .ss\:max-\[900px\]\:text-\[21px\] {
    font-size: 21px;
  }
  .ss\:max-\[900px\]\:text-\[22px\] {
    font-size: 22px;
  }
  .ss\:max-\[900px\]\:text-\[24px\] {
    font-size: 24px;
  }
  .ss\:max-\[900px\]\:text-\[25px\] {
    font-size: 25px;
  }
  .ss\:max-\[900px\]\:text-\[28px\] {
    font-size: 28px;
  }
  .ss\:max-\[900px\]\:text-\[length\:calc\(var\(--font-size-xl\)\+2px\)\] {
    font-size: calc(var(--font-size-xl) + 2px);
  }
  .ss\:max-\[900px\]\:text-\[length\:var\(--font-size-base\)\] {
    font-size: var(--font-size-base);
  }
  .ss\:max-\[900px\]\:text-\[length\:var\(--font-size-micro\)\] {
    font-size: var(--font-size-micro);
  }
  .ss\:max-\[900px\]\:text-\[length\:var\(--font-size-xl\)\] {
    font-size: var(--font-size-xl);
  }
  .ss\:max-\[900px\]\:text-\[length\:var\(--font-size-xs\)\] {
    font-size: var(--font-size-xs);
  }
  .ss\:max-\[900px\]\:text-\[length\:var\(--font-size-xxl\)\] {
    font-size: var(--font-size-xxl);
  }
  .ss\:max-\[900px\]\:leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .ss\:max-\[900px\]\:leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }
  .ss\:max-\[900px\]\:leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .ss\:max-\[900px\]\:leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .ss\:max-\[900px\]\:leading-\[calc\(var\(--font-size-lg\)\+7px\)\] {
    --tw-leading: calc(var(--font-size-lg) + 7px);
    line-height: calc(var(--font-size-lg) + 7px);
  }
  .ss\:max-\[900px\]\:leading-\[calc\(var\(--font-size-xxl\)\+6px\)\] {
    --tw-leading: calc(var(--font-size-xxl) + 6px);
    line-height: calc(var(--font-size-xxl) + 6px);
  }
  .ss\:max-\[900px\]\:leading-\[calc\(var\(--font-size-xxxl\)\+6px\)\] {
    --tw-leading: calc(var(--font-size-xxxl) + 6px);
    line-height: calc(var(--font-size-xxxl) + 6px);
  }
  .ss\:max-\[900px\]\:leading-snug {
    --tw-leading: var(--ss-leading-snug);
    line-height: var(--ss-leading-snug);
  }
  .ss\:max-\[900px\]\:font-bold {
    --tw-font-weight: var(--ss-font-weight-bold);
    font-weight: var(--ss-font-weight-bold);
  }
  .ss\:max-\[900px\]\:font-semibold {
    --tw-font-weight: var(--ss-font-weight-semibold);
    font-weight: var(--ss-font-weight-semibold);
  }
  .ss\:max-\[900px\]\:text-ellipsis {
    text-overflow: ellipsis;
  }
  .ss\:max-\[900px\]\:whitespace-nowrap {
    white-space: nowrap;
  }
  .ss\:max-\[900px\]\:\!text-white {
    color: var(--ss-color-white) !important;
  }
  .ss\:max-\[900px\]\:text-\[var\(--font-size-lg\)\] {
    color: var(--font-size-lg);
  }
  .ss\:max-\[900px\]\:text-\[var\(--font-size-xxxl\)\] {
    color: var(--font-size-xxxl);
  }
  .ss\:max-\[900px\]\:opacity-0 {
    opacity: 0%;
  }
  .ss\:max-\[900px\]\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
  }
  .ss\:max-\[900px\]\:duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ss\:max-\[900px\]\:peer-checked\:bg-\[var\(--color-primary\)\]:is(:where(.ss\:peer):checked ~ *) {
    background-color: var(--color-primary);
  }
  .ss\:max-\[900px\]\:peer-checked\:text-white:is(:where(.ss\:peer):checked ~ *) {
    color: var(--ss-color-white);
  }
  @media (hover: hover) {
    .ss\:max-\[900px\]\:hover\:rotate-90:hover {
      rotate: 90deg;
    }
  }
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:relative {
    position: relative;
  }
  .ss\:max-\[768px\]\:\!top-\[16px\] {
    top: 16px !important;
  }
  .ss\:max-\[768px\]\:top-\[16px\] {
    top: 16px;
  }
  .ss\:max-\[768px\]\:top-auto {
    top: auto;
  }
  .ss\:max-\[768px\]\:\!right-\[16px\] {
    right: 16px !important;
  }
  .ss\:max-\[768px\]\:right-\[-60px\] {
    right: -60px;
  }
  .ss\:max-\[768px\]\:right-\[16px\] {
    right: 16px;
  }
  .ss\:max-\[768px\]\:bottom-\[-50px\] {
    bottom: -50px;
  }
  .ss\:max-\[768px\]\:m-0 {
    margin: 0px;
  }
  .ss\:max-\[768px\]\:mx-\[-20px\] {
    margin-inline: -20px;
  }
  .ss\:max-\[768px\]\:mx-\[16px\] {
    margin-inline: 16px;
  }
  .ss\:max-\[768px\]\:mx-\[calc\(var\(--grid-gutter\)\*1\.5\)\] {
    margin-inline: calc(var(--grid-gutter) * 1.5);
  }
  .ss\:max-\[768px\]\:mt-\[1px\] {
    margin-top: 1px;
  }
  .ss\:max-\[768px\]\:mt-\[15px\] {
    margin-top: 15px;
  }
  .ss\:max-\[768px\]\:mt-\[16px\] {
    margin-top: 16px;
  }
  .ss\:max-\[768px\]\:mt-\[20px\] {
    margin-top: 20px;
  }
  .ss\:max-\[768px\]\:mt-\[22px\] {
    margin-top: 22px;
  }
  .ss\:max-\[768px\]\:mb-\[20px\] {
    margin-bottom: 20px;
  }
  .ss\:max-\[768px\]\:ml-0 {
    margin-left: 0px;
  }
  .ss\:max-\[768px\]\:block {
    display: block;
  }
  .ss\:max-\[768px\]\:flex {
    display: flex;
  }
  .ss\:max-\[768px\]\:hidden {
    display: none;
  }
  .ss\:max-\[768px\]\:\!h-\[64px\] {
    height: 64px !important;
  }
  .ss\:max-\[768px\]\:h-\[20px\] {
    height: 20px;
  }
  .ss\:max-\[768px\]\:h-\[28px\] {
    height: 28px;
  }
  .ss\:max-\[768px\]\:h-\[48px\] {
    height: 48px;
  }
  .ss\:max-\[768px\]\:h-\[55\%\] {
    height: 55%;
  }
  .ss\:max-\[768px\]\:h-\[70px\] {
    height: 70px;
  }
  .ss\:max-\[768px\]\:h-\[76px\] {
    height: 76px;
  }
  .ss\:max-\[768px\]\:h-\[150\%\] {
    height: 150%;
  }
  .ss\:max-\[768px\]\:h-\[200px\] {
    height: 200px;
  }
  .ss\:max-\[768px\]\:h-auto {
    height: auto;
  }
  .ss\:max-\[768px\]\:max-h-\[45px\] {
    max-height: 45px;
  }
  .ss\:max-\[768px\]\:min-h-0 {
    min-height: 0px;
  }
  .ss\:max-\[768px\]\:w-\[20px\] {
    width: 20px;
  }
  .ss\:max-\[768px\]\:w-\[36px\] {
    width: 36px;
  }
  .ss\:max-\[768px\]\:w-\[60\%\] {
    width: 60%;
  }
  .ss\:max-\[768px\]\:w-\[120px\] {
    width: 120px;
  }
  .ss\:max-\[768px\]\:w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px);
  }
  .ss\:max-\[768px\]\:w-full {
    width: 100%;
  }
  .ss\:max-\[768px\]\:w-max {
    width: max-content;
  }
  .ss\:max-\[768px\]\:max-w-\[110px\] {
    max-width: 110px;
  }
  .ss\:max-\[768px\]\:max-w-full {
    max-width: 100%;
  }
  .ss\:max-\[768px\]\:min-w-0 {
    min-width: 0px;
  }
  .ss\:max-\[768px\]\:min-w-\[130px\] {
    min-width: 130px;
  }
  .ss\:max-\[768px\]\:min-w-\[260px\] {
    min-width: 260px;
  }
  .ss\:max-\[768px\]\:flex-\[0_0_100\%\] {
    flex: 0 0 100%;
  }
  .ss\:max-\[768px\]\:flex-\[0_0_120px\] {
    flex: 0 0 120px;
  }
  .ss\:max-\[768px\]\:flex-\[1_1_0\%\] {
    flex: 1 1 0%;
  }
  .ss\:max-\[768px\]\:flex-\[1_1_calc\(50\%_-_8px\)\] {
    flex: 1 1 calc(50% - 8px);
  }
  .ss\:max-\[768px\]\:flex-none {
    flex: none;
  }
  .ss\:max-\[768px\]\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .ss\:max-\[768px\]\:translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ss\:max-\[768px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ss\:max-\[768px\]\:\!flex-row {
    flex-direction: row !important;
  }
  .ss\:max-\[768px\]\:flex-col {
    flex-direction: column;
  }
  .ss\:max-\[768px\]\:flex-row {
    flex-direction: row;
  }
  .ss\:max-\[768px\]\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .ss\:max-\[768px\]\:flex-wrap {
    flex-wrap: wrap;
  }
  .ss\:max-\[768px\]\:\!items-center {
    align-items: center !important;
  }
  .ss\:max-\[768px\]\:items-center {
    align-items: center;
  }
  .ss\:max-\[768px\]\:items-start {
    align-items: flex-start;
  }
  .ss\:max-\[768px\]\:items-stretch {
    align-items: stretch;
  }
  .ss\:max-\[768px\]\:\!justify-center {
    justify-content: center !important;
  }
  .ss\:max-\[768px\]\:justify-between {
    justify-content: space-between;
  }
  .ss\:max-\[768px\]\:justify-start {
    justify-content: flex-start;
  }
  .ss\:max-\[768px\]\:\!gap-\[8px\] {
    gap: 8px !important;
  }
  .ss\:max-\[768px\]\:gap-\[4px\] {
    gap: 4px;
  }
  .ss\:max-\[768px\]\:gap-\[8px\] {
    gap: 8px;
  }
  .ss\:max-\[768px\]\:gap-\[12px\] {
    gap: 12px;
  }
  .ss\:max-\[768px\]\:gap-\[15px\] {
    gap: 15px;
  }
  .ss\:max-\[768px\]\:gap-\[20px\] {
    gap: 20px;
  }
  .ss\:max-\[768px\]\:gap-\[calc\(var\(--grid-gutter\)\*0\.8\)\] {
    gap: calc(var(--grid-gutter) * 0.8);
  }
  .ss\:max-\[768px\]\:gap-\[calc\(var\(--grid-gutter\)\*1\.2\)\] {
    gap: calc(var(--grid-gutter) * 1.2);
  }
  .ss\:max-\[768px\]\:overflow-x-auto {
    overflow-x: auto;
  }
  .ss\:max-\[768px\]\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .ss\:max-\[768px\]\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .ss\:max-\[768px\]\:border-black\/5 {
    border-color: var(--ss-color-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ss\:max-\[768px\]\:border-black\/5 {
      border-color: color-mix(in oklab, var(--ss-color-black) 5%, transparent);
    }
  }
  .ss\:max-\[768px\]\:border-white\/15 {
    border-color: var(--ss-color-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ss\:max-\[768px\]\:border-white\/15 {
      border-color: color-mix(in oklab, var(--ss-color-white) 15%, transparent);
    }
  }
  .ss\:max-\[768px\]\:\!p-\[8px_12px\] {
    padding: 8px 12px !important;
  }
  .ss\:max-\[768px\]\:\!p-\[40px_24px_32px\] {
    padding: 40px 24px 32px !important;
  }
  .ss\:max-\[768px\]\:p-0 {
    padding: 0px;
  }
  .ss\:max-\[768px\]\:p-\[0_16px_16px\] {
    padding: 0 16px 16px;
  }
  .ss\:max-\[768px\]\:p-\[8px_4px\] {
    padding: 8px 4px;
  }
  .ss\:max-\[768px\]\:p-\[16px\] {
    padding: 16px;
  }
  .ss\:max-\[768px\]\:p-\[16px_16px_12px\] {
    padding: 16px 16px 12px;
  }
  .ss\:max-\[768px\]\:p-\[18px\] {
    padding: 18px;
  }
  .ss\:max-\[768px\]\:p-\[20px\] {
    padding: 20px;
  }
  .ss\:max-\[768px\]\:p-\[40px_24px_32px\] {
    padding: 40px 24px 32px;
  }
  .ss\:max-\[768px\]\:p-\[var\(--grid-gutter\)\] {
    padding: var(--grid-gutter);
  }
  .ss\:max-\[768px\]\:px-\[14px\] {
    padding-inline: 14px;
  }
  .ss\:max-\[768px\]\:px-\[20px\] {
    padding-inline: 20px;
  }
  .ss\:max-\[768px\]\:px-\[calc\(var\(--grid-gutter\)\*1\.5\)\] {
    padding-inline: calc(var(--grid-gutter) * 1.5);
  }
  .ss\:max-\[768px\]\:px-\[calc\(var\(--grid-gutter-mobile\)\/2\)\] {
    padding-inline: calc(var(--grid-gutter-mobile) / 2);
  }
  .ss\:max-\[768px\]\:px-\[var\(--grid-gutter\)\] {
    padding-inline: var(--grid-gutter);
  }
  .ss\:max-\[768px\]\:py-\[16px\] {
    padding-block: 16px;
  }
  .ss\:max-\[768px\]\:py-\[32px\] {
    padding-block: 32px;
  }
  .ss\:max-\[768px\]\:py-\[calc\(var\(--grid-gutter\)\*0\.6\)\] {
    padding-block: calc(var(--grid-gutter) * 0.6);
  }
  .ss\:max-\[768px\]\:py-\[var\(--grid-gutter\)\] {
    padding-block: var(--grid-gutter);
  }
  .ss\:max-\[768px\]\:pt-\[10px\] {
    padding-top: 10px;
  }
  .ss\:max-\[768px\]\:pb-\[10px\] {
    padding-bottom: 10px;
  }
  .ss\:max-\[768px\]\:text-center {
    text-align: center;
  }
  .ss\:max-\[768px\]\:text-left {
    text-align: left;
  }
  .ss\:max-\[768px\]\:text-\[9px\] {
    font-size: 9px;
  }
  .ss\:max-\[768px\]\:text-\[13px\] {
    font-size: 13px;
  }
  .ss\:max-\[768px\]\:text-\[14px\] {
    font-size: 14px;
  }
  .ss\:max-\[768px\]\:text-\[16px\] {
    font-size: 16px;
  }
  .ss\:max-\[768px\]\:text-\[17px\] {
    font-size: 17px;
  }
  .ss\:max-\[768px\]\:text-\[18px\] {
    font-size: 18px;
  }
  .ss\:max-\[768px\]\:text-\[22px\] {
    font-size: 22px;
  }
  .ss\:max-\[768px\]\:text-\[24px\] {
    font-size: 24px;
  }
  .ss\:max-\[768px\]\:text-\[26px\] {
    font-size: 26px;
  }
  .ss\:max-\[768px\]\:text-\[28px\] {
    font-size: 28px;
  }
  .ss\:max-\[768px\]\:leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .ss\:max-\[768px\]\:font-bold {
    --tw-font-weight: var(--ss-font-weight-bold);
    font-weight: var(--ss-font-weight-bold);
  }
  .ss\:max-\[768px\]\:font-medium {
    --tw-font-weight: var(--ss-font-weight-medium);
    font-weight: var(--ss-font-weight-medium);
  }
  .ss\:max-\[768px\]\:whitespace-normal {
    white-space: normal;
  }
  .ss\:max-\[768px\]\:before\:w-\[80px\]::before {
    content: var(--tw-content);
    width: 80px;
  }
  .ss\:max-\[768px\]\:after\:w-\[80px\]::after {
    content: var(--tw-content);
    width: 80px;
  }
}
@media (width < 767px) {
  .ss\:max-\[767px\]\:top-\[12px\] {
    top: 12px;
  }
  .ss\:max-\[767px\]\:right-\[12px\] {
    right: 12px;
  }
  .ss\:max-\[767px\]\:flex {
    display: flex;
  }
  .ss\:max-\[767px\]\:hidden {
    display: none;
  }
  .ss\:max-\[767px\]\:h-\[38px\] {
    height: 38px;
  }
  .ss\:max-\[767px\]\:w-\[38px\] {
    width: 38px;
  }
  .ss\:max-\[767px\]\:w-\[176px\] {
    width: 176px;
  }
  .ss\:max-\[767px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ss\:max-\[767px\]\:rounded-\[var\(--border-radius\)_var\(--border-radius\)_0_0\] {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
  }
  .ss\:max-\[767px\]\:p-\[var\(--grid-gutter-mobile\)\] {
    padding: var(--grid-gutter-mobile);
  }
}
@media (width < 760px) {
  .ss\:max-\[760px\]\:w-full {
    width: 100%;
  }
}
@media (width < 700px) {
  .ss\:max-\[700px\]\:hidden {
    display: none;
  }
  .ss\:max-\[700px\]\:table-row {
    display: table-row;
  }
  .ss\:max-\[700px\]\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .ss\:max-\[700px\]\:w-\[calc\(\(100vw-24px\)\/2\)\] {
    width: calc((100vw - 24px) / 2);
  }
  .ss\:max-\[700px\]\:w-full {
    width: 100%;
  }
  .ss\:max-\[700px\]\:min-w-0 {
    min-width: 0px;
  }
  .ss\:max-\[700px\]\:min-w-\[calc\(\(100vw-24px\)\/2\)\] {
    min-width: calc((100vw - 24px) / 2);
  }
  .ss\:max-\[700px\]\:min-w-max {
    min-width: max-content;
  }
  .ss\:max-\[700px\]\:table-fixed {
    table-layout: fixed;
  }
}
@media (width < 640px) {
  .ss\:max-\[640px\]\:mb-\[2px\] {
    margin-bottom: 2px;
  }
  .ss\:max-\[640px\]\:mb-\[10px\] {
    margin-bottom: 10px;
  }
  .ss\:max-\[640px\]\:shrink-0 {
    flex-shrink: 0;
  }
  .ss\:max-\[640px\]\:grow-0 {
    flex-grow: 0;
  }
  .ss\:max-\[640px\]\:\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .ss\:max-\[640px\]\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .ss\:max-\[640px\]\:gap-\[10px\] {
    gap: 10px;
  }
  .ss\:max-\[640px\]\:overflow-x-auto {
    overflow-x: auto;
  }
  .ss\:max-\[640px\]\:pt-\[8px\] {
    padding-top: 8px;
  }
  .ss\:max-\[640px\]\:pb-\[4px\] {
    padding-bottom: 4px;
  }
  .ss\:max-\[640px\]\:text-\[13px\] {
    font-size: 13px;
  }
  .ss\:max-\[640px\]\:text-\[15px\] {
    font-size: 15px;
  }
  .ss\:max-\[640px\]\:text-\[22px\] {
    font-size: 22px;
  }
}
@media (width < 600px) {
  .ss\:max-\[600px\]\:\!mt-\[8px\] {
    margin-top: 8px !important;
  }
  .ss\:max-\[600px\]\:\!mr-0 {
    margin-right: 0px !important;
  }
  .ss\:max-\[600px\]\:\!flex {
    display: flex !important;
  }
  .ss\:max-\[600px\]\:flex-col {
    flex-direction: column;
  }
}
@media (width < 575px) {
  .ss\:max-\[575px\]\:top-\[16px\] {
    top: 16px;
  }
  .ss\:max-\[575px\]\:right-\[12px\] {
    right: 12px;
  }
  .ss\:max-\[575px\]\:bottom-\[12px\] {
    bottom: 12px;
  }
  .ss\:max-\[575px\]\:mt-\[15px\] {
    margin-top: 15px;
  }
  .ss\:max-\[575px\]\:mb-\[6px\] {
    margin-bottom: 6px;
  }
  .ss\:max-\[575px\]\:mb-\[8px\] {
    margin-bottom: 8px;
  }
  .ss\:max-\[575px\]\:mb-\[12px\] {
    margin-bottom: 12px;
  }
  .ss\:max-\[575px\]\:flex {
    display: flex;
  }
  .ss\:max-\[575px\]\:\!h-\[42px\] {
    height: 42px !important;
  }
  .ss\:max-\[575px\]\:min-h-0 {
    min-height: 0px;
  }
  .ss\:max-\[575px\]\:flex-col {
    flex-direction: column;
  }
  .ss\:max-\[575px\]\:items-start {
    align-items: flex-start;
  }
  .ss\:max-\[575px\]\:justify-between {
    justify-content: space-between;
  }
  .ss\:max-\[575px\]\:gap-\[8px\] {
    gap: 8px;
  }
  .ss\:max-\[575px\]\:gap-\[12px\] {
    gap: 12px;
  }
  .ss\:max-\[575px\]\:rounded-\[16px\] {
    border-radius: 16px;
  }
  .ss\:max-\[575px\]\:p-\[12px\] {
    padding: 12px;
  }
  .ss\:max-\[575px\]\:p-\[16px\] {
    padding: 16px;
  }
  .ss\:max-\[575px\]\:p-\[20px\] {
    padding: 20px;
  }
  .ss\:max-\[575px\]\:\!px-\[12px\] {
    padding-inline: 12px !important;
  }
  .ss\:max-\[575px\]\:\!px-\[18px\] {
    padding-inline: 18px !important;
  }
  .ss\:max-\[575px\]\:px-\[8px\] {
    padding-inline: 8px;
  }
  .ss\:max-\[575px\]\:\!py-\[6px\] {
    padding-block: 6px !important;
  }
  .ss\:max-\[575px\]\:py-\[4px\] {
    padding-block: 4px;
  }
  .ss\:max-\[575px\]\:pr-\[20px\] {
    padding-right: 20px;
  }
  .ss\:max-\[575px\]\:\!text-\[12px\] {
    font-size: 12px !important;
  }
  .ss\:max-\[575px\]\:\!text-\[14px\] {
    font-size: 14px !important;
  }
  .ss\:max-\[575px\]\:text-\[9px\] {
    font-size: 9px;
  }
  .ss\:max-\[575px\]\:text-\[11px\] {
    font-size: 11px;
  }
  .ss\:max-\[575px\]\:text-\[12px\] {
    font-size: 12px;
  }
  .ss\:max-\[575px\]\:text-\[13px\] {
    font-size: 13px;
  }
  .ss\:max-\[575px\]\:text-\[15px\] {
    font-size: 15px;
  }
  .ss\:max-\[575px\]\:text-\[16px\] {
    font-size: 16px;
  }
  .ss\:max-\[575px\]\:text-\[20px\] {
    font-size: 20px;
  }
  .ss\:max-\[575px\]\:text-\[26px\] {
    font-size: 26px;
  }
  .ss\:max-\[575px\]\:leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .ss\:max-\[575px\]\:leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
}
@media (width < 500px) {
  .ss\:max-\[500px\]\:h-\[38px\] {
    height: 38px;
  }
  .ss\:max-\[500px\]\:px-\[12px\] {
    padding-inline: 12px;
  }
  .ss\:max-\[500px\]\:text-\[13px\] {
    font-size: 13px;
  }
}
@media (width < 480px) {
  .ss\:max-\[480px\]\:right-\[4px\] {
    right: 4px;
  }
  .ss\:max-\[480px\]\:bottom-\[4px\] {
    bottom: 4px;
  }
  .ss\:max-\[480px\]\:h-\[10px\] {
    height: 10px;
  }
  .ss\:max-\[480px\]\:h-\[28px\] {
    height: 28px;
  }
  .ss\:max-\[480px\]\:h-\[60\%\] {
    height: 60%;
  }
  .ss\:max-\[480px\]\:h-\[125px\] {
    height: 125px;
  }
  .ss\:max-\[480px\]\:max-h-\[28px\] {
    max-height: 28px;
  }
  .ss\:max-\[480px\]\:w-\[10px\] {
    width: 10px;
  }
  .ss\:max-\[480px\]\:w-\[28px\] {
    width: 28px;
  }
  .ss\:max-\[480px\]\:w-auto {
    width: auto;
  }
  .ss\:max-\[480px\]\:max-w-\[70\%\] {
    max-width: 70%;
  }
  .ss\:max-\[480px\]\:min-w-0 {
    min-width: 0px;
  }
  .ss\:max-\[480px\]\:flex-\[1_1_calc\(50\%_-_6px\)\] {
    flex: 1 1 calc(50% - 6px);
  }
  .ss\:max-\[480px\]\:gap-\[12px\] {
    gap: 12px;
  }
  .ss\:max-\[480px\]\:p-\[12px\] {
    padding: 12px;
  }
  .ss\:max-\[480px\]\:px-\[12px\] {
    padding-inline: 12px;
  }
  .ss\:max-\[480px\]\:text-\[14px\] {
    font-size: 14px;
  }
  .ss\:max-\[480px\]\:leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
}
@media (width < 440px) {
  .ss\:max-\[440px\]\:\!mt-\[20px\] {
    margin-top: 20px !important;
  }
  .ss\:max-\[440px\]\:max-w-none {
    max-width: none;
  }
  .ss\:max-\[440px\]\:\!rounded-\[20px\] {
    border-radius: 20px !important;
  }
  .ss\:max-\[440px\]\:rounded-\[20px\] {
    border-radius: 20px;
  }
  .ss\:max-\[440px\]\:\!p-\[28px_18px_24px\] {
    padding: 28px 18px 24px !important;
  }
  .ss\:max-\[440px\]\:p-\[20px\] {
    padding: 20px;
  }
  .ss\:max-\[440px\]\:p-\[28px_18px_24px\] {
    padding: 28px 18px 24px;
  }
  .ss\:max-\[440px\]\:px-\[16px\] {
    padding-inline: 16px;
  }
  .ss\:max-\[440px\]\:\!text-\[18px\] {
    font-size: 18px !important;
  }
  .ss\:max-\[440px\]\:\!text-\[20px\] {
    font-size: 20px !important;
  }
  .ss\:max-\[440px\]\:text-\[18px\] {
    font-size: 18px;
  }
}
@media (width < 319px) {
  .ss\:max-\[319px\]\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
}
@media (width < 48rem) {
  .ss\:max-md\:min-h-\[400px\] {
    min-height: 400px;
  }
}
@media (width >= 360px) {
  .ss\:min-\[360px\]\:max-w-\[152px\] {
    max-width: 152px;
  }
  .ss\:min-\[360px\]\:max-w-\[232px\] {
    max-width: 232px;
  }
  .ss\:min-\[360px\]\:max-w-\[312px\] {
    max-width: 312px;
  }
}
@media (width >= 481px) {
  .ss\:min-\[481px\]\:w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
}
@media (width >= 640px) {
  .ss\:min-\[640px\]\:\!mr-\[15px\] {
    margin-right: 15px !important;
  }
  .ss\:min-\[640px\]\:grow {
    flex-grow: 1;
  }
  .ss\:min-\[640px\]\:basis-\[calc\(50\%-8px\)\] {
    flex-basis: calc(50% - 8px);
  }
  .ss\:min-\[640px\]\:basis-\[calc\(50\%_-_8px\)\] {
    flex-basis: calc(50% - 8px);
  }
  .ss\:min-\[640px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss\:min-\[640px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ss\:min-\[640px\]\:p-\[36px\] {
    padding: 36px;
  }
}
@media (width >= 641px) {
  .ss\:min-\[641px\]\:hidden {
    display: none;
  }
  .ss\:min-\[641px\]\:w-1\/6 {
    width: calc(1 / 6 * 100%);
  }
}
@media (width >= 768px) {
  .ss\:min-\[768px\]\:flex-row {
    flex-direction: row;
  }
  .ss\:min-\[768px\]\:items-end {
    align-items: flex-end;
  }
  .ss\:min-\[768px\]\:justify-between {
    justify-content: space-between;
  }
  .ss\:min-\[768px\]\:p-\[24px\] {
    padding: 24px;
  }
}
@media (width >= 769px) {
  .ss\:min-\[769px\]\:max-w-\[154px\] {
    max-width: 154px;
  }
  .ss\:min-\[769px\]\:max-w-\[236px\] {
    max-width: 236px;
  }
  .ss\:min-\[769px\]\:max-w-\[318px\] {
    max-width: 318px;
  }
  .ss\:min-\[769px\]\:max-w-\[400px\] {
    max-width: 400px;
  }
  .ss\:min-\[769px\]\:overflow-visible {
    overflow: visible;
  }
  @media (width < 1100px) {
    .ss\:min-\[769px\]\:max-\[1100px\]\:top-\[-20px\] {
      top: -20px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:right-\[-130px\] {
      right: -130px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:right-\[40px\] {
      right: 40px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:right-\[150px\] {
      right: 150px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:bottom-\[-50px\] {
      bottom: -50px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:h-\[180\%\] {
      height: 180%;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:min-h-\[380px\] {
      min-height: 380px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:w-\[230px\] {
      width: 230px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:w-\[250px\] {
      width: 250px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:w-\[380px\] {
      width: 380px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:max-w-\[55\%\] {
      max-width: 55%;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:p-\[32px\] {
      padding: 32px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:text-\[14px\] {
      font-size: 14px;
    }
    .ss\:min-\[769px\]\:max-\[1100px\]\:text-\[26px\] {
      font-size: 26px;
    }
  }
}
@media (width >= 900px) {
  .ss\:min-\[900px\]\:\!mr-\[20px\] {
    margin-right: 20px !important;
  }
  .ss\:min-\[900px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (width >= 901px) {
  .ss\:min-\[901px\]\:sticky {
    position: sticky;
  }
  .ss\:min-\[901px\]\:top-0 {
    top: 0px;
  }
  .ss\:min-\[901px\]\:top-\[calc\(var\(--site-header-height\)\+15px\)\] {
    top: calc(var(--site-header-height) + 15px);
  }
  .ss\:min-\[901px\]\:z-\[100\] {
    z-index: 100;
  }
  .ss\:min-\[901px\]\:contents {
    display: contents;
  }
  .ss\:min-\[901px\]\:flex {
    display: flex;
  }
  .ss\:min-\[901px\]\:w-1\/8 {
    width: calc(1 / 8 * 100%);
  }
  .ss\:min-\[901px\]\:w-\[340px\] {
    width: 340px;
  }
  .ss\:min-\[901px\]\:flex-row {
    flex-direction: row;
  }
  .ss\:min-\[901px\]\:gap-\[30px\] {
    gap: 30px;
  }
}
@media (width >= 1024px) {
  .ss\:min-\[1024px\]\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .ss\:min-\[1024px\]\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .ss\:min-\[1024px\]\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .ss\:min-\[1024px\]\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .ss\:min-\[1024px\]\:w-auto {
    width: auto;
  }
  .ss\:min-\[1024px\]\:min-w-\[200px\] {
    min-width: 200px;
  }
  .ss\:min-\[1024px\]\:flex-1 {
    flex: 1;
  }
  .ss\:min-\[1024px\]\:basis-\[calc\(25\%-12px\)\] {
    flex-basis: calc(25% - 12px);
  }
  .ss\:min-\[1024px\]\:basis-\[calc\(25\%_-_12px\)\] {
    flex-basis: calc(25% - 12px);
  }
  .ss\:min-\[1024px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ss\:min-\[1024px\]\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .ss\:min-\[1024px\]\:flex-row {
    flex-direction: row;
  }
  .ss\:min-\[1024px\]\:items-center {
    align-items: center;
  }
  .ss\:min-\[1024px\]\:justify-between {
    justify-content: space-between;
  }
}
@media (width >= 1200px) {
  .ss\:min-\[1200px\]\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .ss\:md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .ss\:md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .ss\:md\:mt-0 {
    margin-top: 0px;
  }
  .ss\:md\:flex {
    display: flex;
  }
  .ss\:md\:grid {
    display: grid;
  }
  .ss\:md\:inline-flex {
    display: inline-flex;
  }
  .ss\:md\:aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
  .ss\:md\:h-\[620px\] {
    height: 620px;
  }
  .ss\:md\:min-h-\[420px\] {
    min-height: 420px;
  }
  .ss\:md\:min-h-\[460px\] {
    min-height: 460px;
  }
  .ss\:md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ss\:md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ss\:md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ss\:md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .ss\:md\:grid-cols-\[\.8fr_1\.2fr\] {
    grid-template-columns: .8fr 1.2fr;
  }
  .ss\:md\:grid-cols-\[\.72fr_1\.28fr\] {
    grid-template-columns: .72fr 1.28fr;
  }
  .ss\:md\:grid-cols-\[\.78fr_1\.22fr\] {
    grid-template-columns: .78fr 1.22fr;
  }
  .ss\:md\:grid-cols-\[1\.15fr_\.85fr\] {
    grid-template-columns: 1.15fr .85fr;
  }
  .ss\:md\:grid-cols-\[1fr_\.9fr\] {
    grid-template-columns: 1fr .9fr;
  }
  .ss\:md\:grid-cols-\[1fr_1\.2fr\] {
    grid-template-columns: 1fr 1.2fr;
  }
  .ss\:md\:flex-row {
    flex-direction: row;
  }
  .ss\:md\:items-center {
    align-items: center;
  }
  .ss\:md\:justify-between {
    justify-content: space-between;
  }
  .ss\:md\:gap-0 {
    gap: 0px;
  }
  .ss\:md\:gap-8 {
    gap: calc(var(--ss-spacing) * 8);
  }
  .ss\:md\:gap-10 {
    gap: calc(var(--ss-spacing) * 10);
  }
  .ss\:md\:p-7 {
    padding: calc(var(--ss-spacing) * 7);
  }
  .ss\:md\:p-8 {
    padding: calc(var(--ss-spacing) * 8);
  }
  .ss\:md\:p-9 {
    padding: calc(var(--ss-spacing) * 9);
  }
  .ss\:md\:p-10 {
    padding: calc(var(--ss-spacing) * 10);
  }
  .ss\:md\:p-12 {
    padding: calc(var(--ss-spacing) * 12);
  }
  .ss\:md\:p-\[72px\] {
    padding: 72px;
  }
  .ss\:md\:pt-10 {
    padding-top: calc(var(--ss-spacing) * 10);
  }
  .ss\:md\:pt-12 {
    padding-top: calc(var(--ss-spacing) * 12);
  }
  .ss\:md\:text-\[22px\] {
    font-size: 22px;
  }
  .ss\:md\:text-\[23px\] {
    font-size: 23px;
  }
  .ss\:md\:text-\[24px\] {
    font-size: 24px;
  }
  .ss\:md\:text-\[32px\] {
    font-size: 32px;
  }
  .ss\:md\:text-\[40px\] {
    font-size: 40px;
  }
  .ss\:md\:text-\[42px\] {
    font-size: 42px;
  }
  .ss\:md\:text-\[44px\] {
    font-size: 44px;
  }
  .ss\:md\:text-\[46px\] {
    font-size: 46px;
  }
  .ss\:md\:text-\[48px\] {
    font-size: 48px;
  }
  .ss\:md\:text-\[52px\] {
    font-size: 52px;
  }
  .ss\:md\:text-\[60px\] {
    font-size: 60px;
  }
  .ss\:md\:text-\[64px\] {
    font-size: 64px;
  }
  .ss\:md\:text-\[68px\] {
    font-size: 68px;
  }
  .ss\:md\:text-\[76px\] {
    font-size: 76px;
  }
  .ss\:md\:text-\[80px\] {
    font-size: 80px;
  }
  .ss\:md\:leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .ss\:md\:leading-\[1\.16\] {
    --tw-leading: 1.16;
    line-height: 1.16;
  }
}
@media (width >= 80rem) {
  .ss\:xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .ss\:xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .ss\:xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .ss\:xl\:flex {
    display: flex;
  }
  .ss\:xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .ss\:xl\:gap-\[20px\] {
    gap: 20px;
  }
}
@media print {
  .ss\:print\:hidden {
    display: none;
  }
}
.ss\:\[\&_\#alttext-container\]\:hidden #alttext-container {
  display: none;
}
.ss\:\[\&_\.active\]\:text-\[\#ffbc00\] .active {
  color: #ffbc00;
}
.ss\:\[\&_\.autosets\\_\\_grid\\_\\_item--inner\]\:\!rounded-\[var\(--border-radius\)\] .autosets__grid__item--inner {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.autosets\\_\\_grid\\_\\_item--inner\]\:\!border-0 .autosets__grid__item--inner {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.autosets\\_\\_grid\\_\\_item--inner\]\:\!bg-\[var\(--color-lightGrey\)\] .autosets__grid__item--inner {
  background-color: var(--color-lightGrey) !important;
}
.ss\:\[\&_\.autosets\\_\\_grid\\_\\_item--inner\]\:\!shadow-none .autosets__grid__item--inner {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\[\&_\.b-thumbs\\_\\_inner\]\:border-0 .b-thumbs__inner {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.banner\]\:border-0 .banner {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.banner-item\]\:border-0 .banner-item {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\]\:mb-\[16px\] .brand-plugin-catalog-brand-categories {
  margin-bottom: 16px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\]\:w-full .brand-plugin-catalog-brand-categories {
  width: 100%;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\]\:basis-full .brand-plugin-catalog-brand-categories {
  flex-basis: 100%;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_column_a\]\:text-\[var\(--body-color\)\] .brand-plugin-catalog-brand-categories__column a {
  color: var(--body-color);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_item\]\:inline-block .brand-plugin-catalog-brand-categories__item {
  display: inline-block;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_item\]\:w-full .brand-plugin-catalog-brand-categories__item {
  width: 100%;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_item_\.brand-plugin-catalog-brand-categories\\_\\_item_a\]\:text-\[length\:var\(--font-size-sm\)\] .brand-plugin-catalog-brand-categories__item .brand-plugin-catalog-brand-categories__item a {
  font-size: var(--font-size-sm);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_item_\.brand-plugin-catalog-brand-categories\\_\\_item_a\]\:font-normal .brand-plugin-catalog-brand-categories__item .brand-plugin-catalog-brand-categories__item a {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_item_\.brand-plugin-catalog-brand-categories\\_\\_item_li\]\:\!inline-block .brand-plugin-catalog-brand-categories__item .brand-plugin-catalog-brand-categories__item li {
  display: inline-block !important;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_item_\.brand-plugin-catalog-brand-categories\\_\\_item_li\]\:\!w-fit .brand-plugin-catalog-brand-categories__item .brand-plugin-catalog-brand-categories__item li {
  width: fit-content !important;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:inline-block .brand-plugin-catalog-brand-categories__link {
  display: inline-block;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:rounded-\[var\(--border-radius\)\] .brand-plugin-catalog-brand-categories__link {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:border .brand-plugin-catalog-brand-categories__link {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:border-\[var\(--form-border\)\] .brand-plugin-catalog-brand-categories__link {
  border-color: var(--form-border);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:bg-white .brand-plugin-catalog-brand-categories__link {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:px-\[20px\] .brand-plugin-catalog-brand-categories__link {
  padding-inline: 20px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:py-\[10px\] .brand-plugin-catalog-brand-categories__link {
  padding-block: 10px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:text-\[14px\] .brand-plugin-catalog-brand-categories__link {
  font-size: 14px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:font-bold .brand-plugin-catalog-brand-categories__link {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:text-\[var\(--font-color\)\] .brand-plugin-catalog-brand-categories__link {
  color: var(--font-color);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:no-underline .brand-plugin-catalog-brand-categories__link {
  text-decoration-line: none;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:shadow-sm .brand-plugin-catalog-brand-categories__link {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:transition-all .brand-plugin-catalog-brand-categories__link {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:duration-200 .brand-plugin-catalog-brand-categories__link {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
@media (hover: hover) {
  .ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:hover\:border-\[var\(--color-primary\)\] .brand-plugin-catalog-brand-categories__link:hover {
    border-color: var(--color-primary);
  }
  .ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_link\]\:hover\:text-\[var\(--color-primary\)\] .brand-plugin-catalog-brand-categories__link:hover {
    color: var(--color-primary);
  }
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:m-0 .brand-plugin-catalog-brand-categories__list {
  margin: 0px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:flex .brand-plugin-catalog-brand-categories__list {
  display: flex;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:list-none .brand-plugin-catalog-brand-categories__list {
  list-style-type: none;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:flex-wrap .brand-plugin-catalog-brand-categories__list {
  flex-wrap: wrap;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:gap-\[10px\] .brand-plugin-catalog-brand-categories__list {
  gap: 10px;
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:p-0 .brand-plugin-catalog-brand-categories__list {
  padding: 0px;
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:flex-nowrap .brand-plugin-catalog-brand-categories__list {
    flex-wrap: nowrap;
  }
  .ss\:max-\[900px\]\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:justify-start .brand-plugin-catalog-brand-categories__list {
    justify-content: flex-start;
  }
  .ss\:max-\[900px\]\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:overflow-x-auto .brand-plugin-catalog-brand-categories__list {
    overflow-x: auto;
  }
  .ss\:max-\[900px\]\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:overflow-y-hidden .brand-plugin-catalog-brand-categories__list {
    overflow-y: hidden;
  }
  .ss\:max-\[900px\]\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\]\:pb-\[8px\] .brand-plugin-catalog-brand-categories__list {
    padding-bottom: 8px;
  }
}
.ss\:\[\&_\.brand-plugin-catalog-brand-categories\\_\\_list\\_depth\\_0\]\:list-none .brand-plugin-catalog-brand-categories__list_depth_0 {
  list-style-type: none;
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:mb-\[var\(--grid-gutter\)\] .brand-plugin-catalog-header__brand {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:flex .brand-plugin-catalog-header__brand {
  display: flex;
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:w-full .brand-plugin-catalog-header__brand {
  width: 100%;
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:basis-full .brand-plugin-catalog-header__brand {
  flex-basis: 100%;
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:items-center .brand-plugin-catalog-header__brand {
  align-items: center;
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:gap-\[20px\] .brand-plugin-catalog-header__brand {
  gap: 20px;
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:rounded-\[var\(--border-radius\)\] .brand-plugin-catalog-header__brand {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:border .brand-plugin-catalog-header__brand {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:border-\[var\(--form-border\)\] .brand-plugin-catalog-header__brand {
  border-color: var(--form-border);
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:bg-white .brand-plugin-catalog-header__brand {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.brand-plugin-catalog-header\\_\\_brand\]\:p-\[24px\] .brand-plugin-catalog-header__brand {
  padding: 24px;
}
.ss\:\[\&_\.brand-plugin-catalog\\_\\_header\]\:mb-\[16px\] .brand-plugin-catalog__header {
  margin-bottom: 16px;
}
.ss\:\[\&_\.brand-plugin-catalog\\_\\_header\]\:w-full .brand-plugin-catalog__header {
  width: 100%;
}
.ss\:\[\&_\.brand-plugin-catalog\\_\\_header\]\:basis-full .brand-plugin-catalog__header {
  flex-basis: 100%;
}
.ss\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:mb-\[32px\] .brand-plugin-page__wrapper .category {
  margin-bottom: 32px;
}
.ss\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:flex .brand-plugin-page__wrapper .category {
  display: flex;
}
.ss\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:flex-row .brand-plugin-page__wrapper .category {
  flex-direction: row;
}
.ss\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:flex-wrap .brand-plugin-page__wrapper .category {
  flex-wrap: wrap;
}
.ss\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:items-start .brand-plugin-page__wrapper .category {
  align-items: flex-start;
}
.ss\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:gap-\[20px\] .brand-plugin-page__wrapper .category {
  gap: 20px;
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:flex-col .brand-plugin-page__wrapper .category {
    flex-direction: column;
  }
  .ss\:max-\[900px\]\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\]\:gap-\[20px\] .brand-plugin-page__wrapper .category {
    gap: 20px;
  }
}
@media (width < 1000px) {
  .ss\:max-\[1000px\]\:\[\&_\.brand-plugin-page\\_\\_wrapper_\.category\\_\\_leftside\]\:hidden .brand-plugin-page__wrapper .category__leftside {
    display: none;
  }
}
.ss\:\[\&_\.breadcrumbs\]\:\!font-medium .breadcrumbs {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.breadcrumbs_a\]\:\!font-medium .breadcrumbs a {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.catalog-icon-close\]\:inline-block:has(:is(#catalog-toggle:checked)) .catalog-icon-close {
  display: inline-block;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.catalog-icon-menu\]\:hidden:has(:is(#catalog-toggle:checked)) .catalog-icon-menu {
  display: none;
}
.ss\:\[\&_\.color\]\:relative .color {
  position: relative;
}
.ss\:\[\&_\.color\]\:top-\[-1px\] .color {
  top: -1px;
}
.ss\:\[\&_\.color\]\:mr-\[8px\] .color {
  margin-right: 8px;
}
.ss\:\[\&_\.color\]\:inline-block .color {
  display: inline-block;
}
.ss\:\[\&_\.color\]\:h-\[18px\] .color {
  height: 18px;
}
.ss\:\[\&_\.color\]\:w-\[18px\] .color {
  width: 18px;
}
.ss\:\[\&_\.color\]\:rounded-\[5px\] .color {
  border-radius: 5px;
}
.ss\:\[\&_\.color\]\:align-middle .color {
  vertical-align: middle;
}
.ss\:\[\&_\.color\]\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.15\)\] .color {
  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.color\\_checkmark\]\:absolute .color_checkmark {
  position: absolute;
}
.ss\:\[\&_\.color\\_checkmark\]\:top-\[10px\] .color_checkmark {
  top: 10px;
}
.ss\:\[\&_\.color\\_checkmark\]\:left-\[10px\] .color_checkmark {
  left: 10px;
}
.ss\:\[\&_\.color\\_checkmark\]\:hidden .color_checkmark {
  display: none;
}
.ss\:\[\&_\.color\\_checkmark\]\:text-\[11px\] .color_checkmark {
  font-size: 11px;
}
.ss\:\[\&_\.color\\_name\]\:hidden .color_name {
  display: none;
}
.ss\:\[\&_\.container\]\:mx-auto .container {
  margin-inline: auto;
}
.ss\:\[\&_\.container\]\:w-full .container {
  width: 100%;
}
.ss\:\[\&_\.container\]\:max-w-\[var\(--grid-maxWidth\)\] .container {
  max-width: var(--grid-maxWidth);
}
.ss\:\[\&_\.container\]\:px-\[calc\(var\(--grid-gutter\)\/2\)\] .container {
  padding-inline: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_\.content-text_li\]\:mb-\[8px\] .content-text li {
  margin-bottom: 8px;
}
.ss\:\[\&_\.content-text_li\]\:text-\[15px\] .content-text li {
  font-size: 15px;
}
.ss\:\[\&_\.content-text_li\]\:leading-\[1\.6\] .content-text li {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.ss\:\[\&_\.content-text_li\]\:text-\[var\(--font-color\)\] .content-text li {
  color: var(--font-color);
}
.ss\:\[\&_\.content-text_ol\]\:my-\[12px\] .content-text ol {
  margin-block: 12px;
}
.ss\:\[\&_\.content-text_ol\]\:list-decimal .content-text ol {
  list-style-type: decimal;
}
.ss\:\[\&_\.content-text_ol\]\:pl-\[24px\] .content-text ol {
  padding-left: 24px;
}
.ss\:\[\&_\.content-text_ul\]\:my-\[12px\] .content-text ul {
  margin-block: 12px;
}
.ss\:\[\&_\.content-text_ul\]\:list-disc .content-text ul {
  list-style-type: disc;
}
.ss\:\[\&_\.content-text_ul\]\:pl-\[24px\] .content-text ul {
  padding-left: 24px;
}
.ss\:\[\&_\.favorite-area\.active\]\:visible .favorite-area.active {
  visibility: visible;
}
.ss\:\[\&_\.favorite-area\.active\]\:bg-\[var\(--color-primary\)\] .favorite-area.active {
  background-color: var(--color-primary);
}
.ss\:\[\&_\.favorite-area\.active\]\:text-white .favorite-area.active {
  color: var(--ss-color-white);
}
.ss\:\[\&_\.favorite-area\.active\]\:opacity-100 .favorite-area.active {
  opacity: 100%;
}
.ss\:\[\&_\.favorite-area\.active_svg\]\:fill-white .favorite-area.active svg {
  fill: var(--ss-color-white);
}
.ss\:\[\&_\.favorite-area\.active_svg\]\:stroke-white .favorite-area.active svg {
  stroke: var(--ss-color-white);
}
.ss\:\[\&_\.filter-slider\]\:relative .filter-slider {
  position: relative;
}
.ss\:\[\&_\.filter-slider\]\:mx-auto .filter-slider {
  margin-inline: auto;
}
.ss\:\[\&_\.filter-slider\]\:mt-4 .filter-slider {
  margin-top: calc(var(--ss-spacing) * 4);
}
.ss\:\[\&_\.filter-slider\]\:mb-3 .filter-slider {
  margin-bottom: calc(var(--ss-spacing) * 3);
}
.ss\:\[\&_\.filter-slider\]\:block .filter-slider {
  display: block;
}
.ss\:\[\&_\.filter-slider\]\:h-\[6px\] .filter-slider {
  height: 6px;
}
.ss\:\[\&_\.filter-slider\]\:w-\[calc\(100\%-22px\)\] .filter-slider {
  width: calc(100% - 22px);
}
.ss\:\[\&_\.filter-slider\]\:cursor-pointer .filter-slider {
  cursor: pointer;
}
.ss\:\[\&_\.filter-slider\]\:rounded-\[6px\] .filter-slider {
  border-radius: 6px;
}
.ss\:\[\&_\.filter-slider\]\:border-0 .filter-slider {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.filter-slider\]\:bg-\[\#e5e5ea\] .filter-slider {
  background-color: #e5e5ea;
}
.ss\:\[\&_\.found-cheaper-btn\]\:m-0 .found-cheaper-btn {
  margin: 0px;
}
.ss\:\[\&_\.found-cheaper-btn\]\:border-0 .found-cheaper-btn {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.found-cheaper-btn\]\:bg-transparent .found-cheaper-btn {
  background-color: transparent;
}
.ss\:\[\&_\.found-cheaper-btn\]\:p-0 .found-cheaper-btn {
  padding: 0px;
}
.ss\:\[\&_\.found-cheaper-btn\]\:no-underline .found-cheaper-btn {
  text-decoration-line: none;
}
.ss\:\[\&_\.found-cheaper-btn-cont\]\:m-0 .found-cheaper-btn-cont {
  margin: 0px;
}
.ss\:\[\&_\.found-cheaper-btn-cont\]\:ml-auto .found-cheaper-btn-cont {
  margin-left: auto;
}
.ss\:\[\&_\.found-cheaper-btn-cont\]\:flex .found-cheaper-btn-cont {
  display: flex;
}
.ss\:\[\&_\.found-cheaper-btn-cont\]\:justify-end .found-cheaper-btn-cont {
  justify-content: flex-end;
}
.ss\:\[\&_\.found-cheaper-btn-cont\]\:p-0 .found-cheaper-btn-cont {
  padding: 0px;
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:m-0 .found-cheaper-btn__txt {
  margin: 0px;
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:p-0 .found-cheaper-btn__txt {
  padding: 0px;
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:text-\[length\:var\(--font-size-base\)\] .found-cheaper-btn__txt {
  font-size: var(--font-size-base);
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:leading-\[calc\(var\(--font-size-base\)\+6px\)\] .found-cheaper-btn__txt {
  --tw-leading: calc(var(--font-size-base) + 6px);
  line-height: calc(var(--font-size-base) + 6px);
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:font-bold .found-cheaper-btn__txt {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:whitespace-nowrap .found-cheaper-btn__txt {
  white-space: nowrap;
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:text-\[var\(--color-primary\)\] .found-cheaper-btn__txt {
  color: var(--color-primary);
}
.ss\:\[\&_\.found-cheaper-btn\\_\\_txt\]\:normal-case .found-cheaper-btn__txt {
  text-transform: none;
}
.ss\:\[\&_\.hcenter\\_\\_contacts-item\]\:cursor-pointer .hcenter__contacts-item {
  cursor: pointer;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:absolute .hcenter__search-loader {
  position: absolute;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:top-1\/2 .hcenter__search-loader {
  top: calc(1 / 2 * 100%);
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:right-\[52px\] .hcenter__search-loader {
  right: 52px;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:z-10 .hcenter__search-loader {
  z-index: 10;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:h-\[20px\] .hcenter__search-loader {
  height: 20px;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:w-\[20px\] .hcenter__search-loader {
  width: 20px;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:-translate-y-1\/2 .hcenter__search-loader {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:bg-\[url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/loading\.svg\'\)\] .hcenter__search-loader {
  background-image: url('/wa-data/public/shop/themes/marketplace/img/loading.svg');
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:bg-contain .hcenter__search-loader {
  background-size: contain;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:bg-center .hcenter__search-loader {
  background-position: center;
}
.ss\:\[\&_\.hcenter\\_\\_search-loader\]\:bg-no-repeat .hcenter__search-loader {
  background-repeat: no-repeat;
}
@media (width >= 900px) {
  .ss\:min-\[900px\]\:\[\&_\.hide-lg\]\:hidden .hide-lg {
    display: none;
  }
  .ss\:min-\[900px\]\:\[\&_\.hide-md\]\:hidden .hide-md {
    display: none;
  }
}
@media (width >= 600px) {
  @media (width < 899px) {
    .ss\:min-\[600px\]\:max-\[899px\]\:\[\&_\.hide-sm\]\:hidden .hide-sm {
      display: none;
    }
  }
}
@media (width < 599px) {
  .ss\:max-\[599px\]\:\[\&_\.hide-xs\]\:hidden .hide-xs {
    display: none;
  }
}
.ss\:\[\&_\.highlight\]\:bg-yellow-300 .highlight {
  background-color: var(--ss-color-yellow-300);
}
.ss\:\[\&_\.home-b\]\:border-0 .home-b {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.home-n\]\:border-0 .home-n {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.home-product-s\]\:mx-auto .home-product-s {
  margin-inline: auto;
}
.ss\:\[\&_\.home-product-s\]\:w-full .home-product-s {
  width: 100%;
}
.ss\:\[\&_\.home-product-s\]\:max-w-\[var\(--grid-maxWidth\)\] .home-product-s {
  max-width: var(--grid-maxWidth);
}
.ss\:\[\&_\.home-product-s\]\:px-\[calc\(var\(--grid-gutter\)\/2\)\] .home-product-s {
  padding-inline: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_\.hover\]\:text-\[\#ffbc00\] .hover {
  color: #ffbc00;
}
.ss\:\[\&_\.htmlmap\]\:mx-auto .htmlmap {
  margin-inline: auto;
}
.ss\:\[\&_\.htmlmap\]\:max-w-\[var\(--grid-maxWidth\)\] .htmlmap {
  max-width: var(--grid-maxWidth);
}
.ss\:\[\&_\.htmlmap\]\:rounded-\[var\(--border-radius\)\] .htmlmap {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.htmlmap\]\:bg-white .htmlmap {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.htmlmap\]\:p-\[30px\] .htmlmap {
  padding: 30px;
}
.ss\:\[\&_\.item-tohide\]\:hidden .item-tohide {
  display: none;
}
.ss\:\[\&_\.jq-toast-single\]\:hidden .jq-toast-single {
  display: none;
}
.ss\:\[\&_\.jq-toast-wrap\]\:hidden .jq-toast-wrap {
  display: none;
}
.ss\:\[\&_\.js-favotive\.active\]\:visible .js-favotive.active {
  visibility: visible;
}
.ss\:\[\&_\.js-favotive\.active\]\:bg-\[var\(--color-primary\)\] .js-favotive.active {
  background-color: var(--color-primary);
}
.ss\:\[\&_\.js-favotive\.active\]\:text-white .js-favotive.active {
  color: var(--ss-color-white);
}
.ss\:\[\&_\.js-favotive\.active\]\:opacity-100 .js-favotive.active {
  opacity: 100%;
}
.ss\:\[\&_\.js-favotive\.active_svg\]\:fill-white .js-favotive.active svg {
  fill: var(--ss-color-white);
}
.ss\:\[\&_\.js-favotive\.active_svg\]\:stroke-white .js-favotive.active svg {
  stroke: var(--ss-color-white);
}
.ss\:\[\&_\.label-inline_label\.sfilter-plugin\\_\\_filter-feature-value\\_disabled\]\:hidden .label-inline label.sfilter-plugin__filter-feature-value_disabled {
  display: none;
}
.ss\:\[\&_\.label-inline\:has\(\.sfilter-plugin\\_\\_filter-feature-value\\_disabled\)\]\:hidden .label-inline:has(.sfilter-plugin__filter-feature-value_disabled) {
  display: none;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.main-menu\]\:pointer-events-auto:has(:is(#catalog-toggle:checked)) .main-menu {
  pointer-events: auto;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.main-menu\]\:visible:has(:is(#catalog-toggle:checked)) .main-menu {
  visibility: visible;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.main-menu\]\:block:has(:is(#catalog-toggle:checked)) .main-menu {
  display: block;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.main-menu\]\:translate-y-0:has(:is(#catalog-toggle:checked)) .main-menu {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.main-menu\]\:opacity-100:has(:is(#catalog-toggle:checked)) .main-menu {
  opacity: 100%;
}
.ss\:\[\&_\.main-menu\\_\\_box-inner\]\:pb-\[50px\] .main-menu__box-inner {
  padding-bottom: 50px;
}
.ss\:\[\&_\.main-menu\\_\\_box\.active\]\:block .main-menu__box.active {
  display: block;
}
.ss\:\[\&_\.main-menu\\_\\_icon_img\]\:static .main-menu__icon img {
  position: static;
}
.ss\:\[\&_\.main-menu\\_\\_icon_img\]\:mr-\[8px\] .main-menu__icon img {
  margin-right: 8px;
}
.ss\:\[\&_\.main-menu\\_\\_icon_img\]\:inline-block .main-menu__icon img {
  display: inline-block;
}
.ss\:\[\&_\.main-menu\\_\\_icon_img\]\:h-\[20px\] .main-menu__icon img {
  height: 20px;
}
.ss\:\[\&_\.main-menu\\_\\_icon_img\]\:w-\[20px\] .main-menu__icon img {
  width: 20px;
}
.ss\:\[\&_\.main-menu\\_\\_icon_img\]\:shrink-0 .main-menu__icon img {
  flex-shrink: 0;
}
.ss\:\[\&_\.main-menu\\_\\_icon_img\]\:object-contain .main-menu__icon img {
  object-fit: contain;
}
.ss\:\[\&_\.main-menu\\_\\_item\]\:relative .main-menu__item {
  position: relative;
}
.ss\:\[\&_\.main-menu\\_\\_item\]\:mb-\[8px\] .main-menu__item {
  margin-bottom: 8px;
}
.ss\:\[\&_\.main-menu\\_\\_item\]\:hidden .main-menu__item {
  display: none;
}
.ss\:\[\&_\.main-menu\\_\\_item\]\:w-full .main-menu__item {
  width: 100%;
}
.ss\:\[\&_\.main-menu\\_\\_item\]\:font-bold .main-menu__item {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:mr-\[20px\] .main-menu__item .main-menu__item {
  margin-right: 20px;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:mb-\[40px\] .main-menu__item .main-menu__item {
  margin-bottom: 40px;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:inline-block .main-menu__item .main-menu__item {
  display: inline-block;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:min-h-\[60px\] .main-menu__item .main-menu__item {
  min-height: 60px;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:w-\[30\%\] .main-menu__item .main-menu__item {
  width: 30%;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:align-top .main-menu__item .main-menu__item {
  vertical-align: top;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:font-normal .main-menu__item .main-menu__item {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:mb-\[4px\] .main-menu__item .main-menu__item .main-menu__item {
  margin-bottom: 4px;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:block .main-menu__item .main-menu__item .main-menu__item {
  display: block;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:min-h-0 .main-menu__item .main-menu__item .main-menu__item {
  min-height: 0px;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:w-full .main-menu__item .main-menu__item .main-menu__item {
  width: 100%;
}
.ss\:\[\&_\.main-menu\\_\\_item_\.main-menu\\_\\_item_\.main-menu\\_\\_item\]\:text-\[length\:var\(--font-size-md\)\] .main-menu__item .main-menu__item .main-menu__item {
  font-size: var(--font-size-md);
}
.ss\:\[\&_\.main-menu\\_\\_item\.active\]\:block .main-menu__item.active {
  display: block;
}
.ss\:\[\&_\.main-menu\\_\\_item\.selected\]\:inline-block .main-menu__item.selected {
  display: inline-block;
}
.ss\:\[\&_\.main-menu\\_\\_withicon\]\:relative .main-menu__withicon {
  position: relative;
}
.ss\:\[\&_\.main-menu\\_\\_withicon\]\:pl-\[80px\] .main-menu__withicon {
  padding-left: 80px;
}
.ss\:\[\&_\.menu-h\]\:\!border-t-0 .menu-h {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 0px !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots\]\:relative .menu-h__dots {
  position: relative;
}
.ss\:\[\&_\.menu-h\\_\\_dots\]\:ml-0 .menu-h__dots {
  margin-left: 0px;
}
.ss\:\[\&_\.menu-h\\_\\_dots\]\:flex .menu-h__dots {
  display: flex;
}
.ss\:\[\&_\.menu-h\\_\\_dots\]\:shrink-0 .menu-h__dots {
  flex-shrink: 0;
}
.ss\:\[\&_\.menu-h\\_\\_dots\]\:items-center .menu-h__dots {
  align-items: center;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:relative .menu-h__dots .drop-link {
  position: relative;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!inline-flex .menu-h__dots .drop-link {
  display: inline-flex !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:block .menu-h__dots .drop-link {
  display: block;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!h-auto .menu-h__dots .drop-link {
  height: auto !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:h-\[21px\] .menu-h__dots .drop-link {
  height: 21px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!w-auto .menu-h__dots .drop-link {
  width: auto !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:w-\[21px\] .menu-h__dots .drop-link {
  width: 21px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:items-center .menu-h__dots .drop-link {
  align-items: center;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:justify-center .menu-h__dots .drop-link {
  justify-content: center;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:gap-\[8px\] .menu-h__dots .drop-link {
  gap: 8px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!rounded-none .menu-h__dots .drop-link {
  border-radius: 0 !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:rounded-full .menu-h__dots .drop-link {
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!border-0 .menu-h__dots .drop-link {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:border .menu-h__dots .drop-link {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:border-\[\#b6b6b6\] .menu-h__dots .drop-link {
  border-color: #b6b6b6;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!bg-transparent .menu-h__dots .drop-link {
  background-color: transparent !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!p-\[12px_calc\(var\(--grid-gutter\)\*\.75\)\] .menu-h__dots .drop-link {
  padding: 12px calc(var(--grid-gutter) * .75) !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:text-center .menu-h__dots .drop-link {
  text-align: center;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!text-\[15px\] .menu-h__dots .drop-link {
  font-size: 15px !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:text-\[length\:var\(--font-size-micro\)\] .menu-h__dots .drop-link {
  font-size: var(--font-size-micro);
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!leading-none .menu-h__dots .drop-link {
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:leading-\[13px\] .menu-h__dots .drop-link {
  --tw-leading: 13px;
  line-height: 13px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:\!font-medium .menu-h__dots .drop-link {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:text-\[var\(--font-color\)\] .menu-h__dots .drop-link {
  color: var(--font-color);
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:transition-colors .menu-h__dots .drop-link {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:h-\[8px\] .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  height: 8px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:w-\[8px\] .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  width: 8px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:shrink-0 .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  flex-shrink: 0;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:rotate-45 .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  rotate: 45deg;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:border-t-\[2px\] .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:border-r-\[2px\] .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:border-\[var\(--color-primary\)\] .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  border-color: var(--color-primary);
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:transition-\[rotate\] .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  transition-property: rotate;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:duration-200 .menu-h__dots .drop-link::after {
  content: var(--tw-content);
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\]\:after\:content-\[\'\'\] .menu-h__dots .drop-link::after {
  --tw-content: '';
  content: var(--tw-content);
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link_i\]\:hidden .menu-h__dots .drop-link i {
  display: none;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link_span\]\:\!inline .menu-h__dots .drop-link span {
  display: inline !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link_span\]\:\!w-auto .menu-h__dots .drop-link span {
  width: auto !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link_span\]\:\!text-\[15px\] .menu-h__dots .drop-link span {
  font-size: 15px !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link_span\]\:\!leading-none .menu-h__dots .drop-link span {
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.ss\:\[\&_\.menu-h\\_\\_dots_\.drop-link\:hover\]\:text-\[var\(--color-primary\)\] .menu-h__dots .drop-link:hover {
  color: var(--color-primary);
}
.ss\:\[\&_\.menu-h\\_\\_dots\.is-open_\.drop-link\]\:after\:rotate-\[135deg\] .menu-h__dots.is-open .drop-link::after {
  content: var(--tw-content);
  rotate: 135deg;
}
.ss\:\[\&_\.menu-h\\_\\_dots\.is-open\>\.menu-h\\_\\_submenu\]\:visible .menu-h__dots.is-open > .menu-h__submenu {
  visibility: visible;
}
.ss\:\[\&_\.menu-h\\_\\_dots\.is-open\>\.menu-h\\_\\_submenu\]\:opacity-100 .menu-h__dots.is-open > .menu-h__submenu {
  opacity: 100%;
}
.ss\:\[\&_\.menu-h\\_\\_dots\:hover_\.drop-link\]\:after\:rotate-\[135deg\] .menu-h__dots:hover .drop-link::after {
  content: var(--tw-content);
  rotate: 135deg;
}
.ss\:\[\&_\.menu-h\\_\\_dots\:hover\>\.menu-h\\_\\_submenu\]\:visible .menu-h__dots:hover > .menu-h__submenu {
  visibility: visible;
}
.ss\:\[\&_\.menu-h\\_\\_dots\:hover\>\.menu-h\\_\\_submenu\]\:translate-y-0 .menu-h__dots:hover > .menu-h__submenu {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.menu-h\\_\\_dots\:hover\>\.menu-h\\_\\_submenu\]\:opacity-100 .menu-h__dots:hover > .menu-h__submenu {
  opacity: 100%;
}
.ss\:\[\&_\.menu-h\\_\\_dots\>\.menu-h\\_\\_submenu\]\:top-full .menu-h__dots > .menu-h__submenu {
  top: 100%;
}
.ss\:\[\&_\.menu-h\\_\\_dots\>\.menu-h\\_\\_submenu\]\:right-0 .menu-h__dots > .menu-h__submenu {
  right: 0px;
}
.ss\:\[\&_\.menu-h\\_\\_dots\>\.menu-h\\_\\_submenu\]\:left-auto .menu-h__dots > .menu-h__submenu {
  left: auto;
}
.ss\:\[\&_\.menu-h\\_\\_dots\>\.menu-h\\_\\_submenu\]\:translate-y-0 .menu-h__dots > .menu-h__submenu {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.menu-h\\_\\_dots\>\.menu-h\\_\\_submenu\]\:transition-\[opacity\,visibility\] .menu-h__dots > .menu-h__submenu {
  transition-property: opacity,visibility;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.menu-h\\_\\_dots\>\.menu-h\\_\\_submenu\]\:duration-150 .menu-h__dots > .menu-h__submenu {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.ss\:\[\&_\.menu-h\\_\\_dots\>\.menu-h\\_\\_submenu\]\:ease-out .menu-h__dots > .menu-h__submenu {
  --tw-ease: var(--ss-ease-out);
  transition-timing-function: var(--ss-ease-out);
}
.ss\:\[\&_\.menu-h\\_\\_item\]\:relative .menu-h__item {
  position: relative;
}
.ss\:\[\&_\.menu-h\\_\\_item\]\:w-auto .menu-h__item {
  width: auto;
}
.ss\:\[\&_\.menu-h\\_\\_item\]\:whitespace-nowrap .menu-h__item {
  white-space: nowrap;
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\]\:flex .menu-h__item-hot {
  display: flex;
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\]\:items-center .menu-h__item-hot {
  align-items: center;
}
.ss\:\[\&_\.menu-h\\_\\_item-hot-padding\>a\]\:pl-\[calc\(var\(--grid-gutter\)\*2\)\] .menu-h__item-hot-padding > a {
  padding-left: calc(var(--grid-gutter) * 2);
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>a\]\:pl-\[var\(--grid-gutter\)\] .menu-h__item-hot > a {
  padding-left: var(--grid-gutter);
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>a\]\:font-bold .menu-h__item-hot > a {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>a\]\:text-\[var\(--badge\)\] .menu-h__item-hot > a {
  color: var(--badge);
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>svg\]\:absolute .menu-h__item-hot > svg {
  position: absolute;
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>svg\]\:left-0 .menu-h__item-hot > svg {
  left: 0px;
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>svg\]\:h-\[20px\] .menu-h__item-hot > svg {
  height: 20px;
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>svg\]\:w-\[20px\] .menu-h__item-hot > svg {
  width: 20px;
}
.ss\:\[\&_\.menu-h\\_\\_item-hot\>svg\]\:fill-\[var\(--badge\)\] .menu-h__item-hot > svg {
  fill: var(--badge);
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\]\:block .menu-h__item > a {
  display: block;
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\]\:p-\[12px_6px\] .menu-h__item > a {
  padding: 12px 6px;
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\]\:text-\[15px\] .menu-h__item > a {
  font-size: 15px;
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\]\:font-medium .menu-h__item > a {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\]\:text-\[var\(--font-color\)\] .menu-h__item > a {
  color: var(--font-color);
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\:hover\]\:w-full .menu-h__item > a:hover {
  width: 100%;
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\:hover\]\:text-\[var\(--color-link\)\] .menu-h__item > a:hover {
  color: var(--color-link);
}
.ss\:\[\&_\.menu-h\\_\\_item\>a\:hover\]\:opacity-100 .menu-h__item > a:hover {
  opacity: 100%;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:invisible .menu-h__submenu {
  visibility: hidden;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:absolute .menu-h__submenu {
  position: absolute;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:z-\[100\] .menu-h__submenu {
  z-index: 100;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:w-\[280px\] .menu-h__submenu {
  width: 280px;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:translate-y-\[20px\] .menu-h__submenu {
  --tw-translate-y: 20px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:rounded-\[var\(--border-radius\)\] .menu-h__submenu {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:border .menu-h__submenu {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:border-\[var\(--form-border\)\] .menu-h__submenu {
  border-color: var(--form-border);
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:bg-white .menu-h__submenu {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:p-\[5px_15px\] .menu-h__submenu {
  padding: 5px 15px;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:text-left .menu-h__submenu {
  text-align: left;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:opacity-0 .menu-h__submenu {
  opacity: 0%;
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:shadow-\[var\(--box-shadow\)\] .menu-h__submenu {
  --tw-shadow: var(--box-shadow);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:transition-all .menu-h__submenu {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.menu-h\\_\\_submenu\]\:duration-300 .menu-h__submenu {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ss\:\[\&_\.menu-h\\_\\_submenu_a\]\:p-\[5px\] .menu-h__submenu a {
  padding: 5px;
}
.ss\:\[\&_\.menu-h\\_\\_submenu_a\]\:font-normal .menu-h__submenu a {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:pr-\[15px\] .menu-h__tree {
  padding-right: 15px;
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:absolute .menu-h__tree::after {
  content: var(--tw-content);
  position: absolute;
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:top-\[calc\(50\%-5px\)\] .menu-h__tree::after {
  content: var(--tw-content);
  top: calc(50% - 5px);
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:right-\[1px\] .menu-h__tree::after {
  content: var(--tw-content);
  right: 1px;
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:rotate-90 .menu-h__tree::after {
  content: var(--tw-content);
  rotate: 90deg;
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:px-\[13px\] .menu-h__tree::after {
  content: var(--tw-content);
  padding-inline: 13px;
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:text-\[10px\] .menu-h__tree::after {
  content: var(--tw-content);
  font-size: 10px;
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:font-semibold .menu-h__tree::after {
  content: var(--tw-content);
  --tw-font-weight: var(--ss-font-weight-semibold);
  font-weight: var(--ss-font-weight-semibold);
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:text-\[var\(--color-grey\)\] .menu-h__tree::after {
  content: var(--tw-content);
  color: var(--color-grey);
}
.ss\:\[\&_\.menu-h\\_\\_tree\]\:after\:content-\[\'\\f0da\'\] .menu-h__tree::after {
  --tw-content: '\f0da';
  content: var(--tw-content);
}
.ss\:\[\&_\.menu-h\\_\\_tree\:hover\>\.menu-h\\_\\_submenu\]\:visible .menu-h__tree:hover > .menu-h__submenu {
  visibility: visible;
}
.ss\:\[\&_\.menu-h\\_\\_tree\:hover\>\.menu-h\\_\\_submenu\]\:h-auto .menu-h__tree:hover > .menu-h__submenu {
  height: auto;
}
.ss\:\[\&_\.menu-h\\_\\_tree\:hover\>\.menu-h\\_\\_submenu\]\:translate-y-0 .menu-h__tree:hover > .menu-h__submenu {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.menu-h\\_\\_tree\:hover\>\.menu-h\\_\\_submenu\]\:opacity-100 .menu-h__tree:hover > .menu-h__submenu {
  opacity: 100%;
}
.ss\:peer-checked\/menu\:\[\&_\.mobile-navigation\\_\\_sheet\]\:translate-y-0:is(:where(.ss\:peer\/menu):checked ~ *) .mobile-navigation__sheet {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.modifications-button\]\:m-0 .modifications-button {
  margin: 0px;
}
.ss\:\[\&_\.modifications-button\]\:inline-flex .modifications-button {
  display: inline-flex;
}
.ss\:\[\&_\.modifications-button\]\:w-auto .modifications-button {
  width: auto;
}
.ss\:\[\&_\.modifications-button\]\:max-w-max .modifications-button {
  max-width: max-content;
}
.ss\:\[\&_\.modifications-button\]\:flex-none .modifications-button {
  flex: none;
}
.ss\:\[\&_\.modifications-button\]\:cursor-pointer .modifications-button {
  cursor: pointer;
}
.ss\:\[\&_\.modifications-button\]\:items-center .modifications-button {
  align-items: center;
}
.ss\:\[\&_\.modifications-button\]\:justify-center .modifications-button {
  justify-content: center;
}
.ss\:\[\&_\.modifications-button\]\:rounded-\[var\(--border-radius\)\] .modifications-button {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.modifications-button\]\:border .modifications-button {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.modifications-button\]\:border-transparent .modifications-button {
  border-color: transparent;
}
.ss\:\[\&_\.modifications-button\]\:bg-\[var\(--bg-secondary-color\)\] .modifications-button {
  background-color: var(--bg-secondary-color);
}
.ss\:\[\&_\.modifications-button\]\:px-\[16px\] .modifications-button {
  padding-inline: 16px;
}
.ss\:\[\&_\.modifications-button\]\:py-\[10px\] .modifications-button {
  padding-block: 10px;
}
.ss\:\[\&_\.modifications-button\]\:text-\[14px\] .modifications-button {
  font-size: 14px;
}
.ss\:\[\&_\.modifications-button\]\:font-medium .modifications-button {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_\.modifications-button\]\:text-\[var\(--font-color\)\] .modifications-button {
  color: var(--font-color);
}
.ss\:\[\&_\.modifications-button\]\:no-underline .modifications-button {
  text-decoration-line: none;
}
.ss\:\[\&_\.modifications-button\]\:transition-all .modifications-button {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.modifications-button\.active\]\:border-\[var\(--color-primary\)\] .modifications-button.active {
  border-color: var(--color-primary);
}
.ss\:\[\&_\.modifications-button\.active\]\:bg-\[linear-gradient\(45deg\,var\(--color-primary\)\,var\(--color-primary-gradient\)\)\] .modifications-button.active {
  background-image: linear-gradient(45deg,var(--color-primary),var(--color-primary-gradient));
}
.ss\:\[\&_\.modifications-button\.active\]\:font-bold .modifications-button.active {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.modifications-button\.active\]\:text-white .modifications-button.active {
  color: var(--ss-color-white);
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.nav\]\:max-h-0:has(:is(#catalog-toggle:checked)) .nav {
  max-height: 0px;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.nav\]\:opacity-0:has(:is(#catalog-toggle:checked)) .nav {
  opacity: 0%;
}
.ss\:\[\&_\.p-list\\_\\_icons-favorite\.active\]\:visible .p-list__icons-favorite.active {
  visibility: visible;
}
.ss\:\[\&_\.p-list\\_\\_icons-favorite\.active\]\:bg-\[var\(--color-primary\)\] .p-list__icons-favorite.active {
  background-color: var(--color-primary);
}
.ss\:\[\&_\.p-list\\_\\_icons-favorite\.active\]\:text-white .p-list__icons-favorite.active {
  color: var(--ss-color-white);
}
.ss\:\[\&_\.p-list\\_\\_icons-favorite\.active\]\:opacity-100 .p-list__icons-favorite.active {
  opacity: 100%;
}
.ss\:\[\&_\.p-list\\_\\_icons-favorite\.active_svg\]\:fill-white .p-list__icons-favorite.active svg {
  fill: var(--ss-color-white);
}
.ss\:\[\&_\.p-list\\_\\_icons-favorite\.active_svg\]\:stroke-white .p-list__icons-favorite.active svg {
  stroke: var(--ss-color-white);
}
.ss\:\[\&_\.p-thumbs\]\:m-0 .p-thumbs {
  margin: 0px;
}
.ss\:\[\&_\.p-thumbs\]\:w-full .p-thumbs {
  width: 100%;
}
.ss\:\[\&_\.p-thumbs\\_\\_inner\]\:border-0 .p-thumbs__inner {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.pages-blue-box\]\:rounded-\[var\(--border-radius\)\] .pages-blue-box {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.pages-blue-box\]\:bg-\[\#0d6efd\] .pages-blue-box {
  background-color: #0d6efd;
}
.ss\:\[\&_\.pages-blue-box\]\:p-\[20px\] .pages-blue-box {
  padding: 20px;
}
.ss\:\[\&_\.pages-blue-box\]\:text-white .pages-blue-box {
  color: var(--ss-color-white);
}
.ss\:\[\&_\.pages-blue-box_ul\]\:mb-0 .pages-blue-box ul {
  margin-bottom: 0px;
}
.ss\:\[\&_\.pages-blue-box_ul\]\:pl-\[15px\] .pages-blue-box ul {
  padding-left: 15px;
}
.ss\:\[\&_\.pages-flex-table\]\:mb-\[20px\] .pages-flex-table {
  margin-bottom: 20px;
}
.ss\:\[\&_\.pages-flex-table\]\:flex .pages-flex-table {
  display: flex;
}
.ss\:\[\&_\.pages-flex-table\]\:items-stretch .pages-flex-table {
  align-items: stretch;
}
.ss\:\[\&_\.pages-flex-table\]\:justify-between .pages-flex-table {
  justify-content: space-between;
}
.ss\:\[\&_\.pages-flex-table\]\:gap-\[20px\] .pages-flex-table {
  gap: 20px;
}
@media (width < 970px) {
  .ss\:max-\[970px\]\:\[\&_\.pages-flex-table\]\:flex-col .pages-flex-table {
    flex-direction: column;
  }
}
.ss\:\[\&_\.pages-flex-table\.column\]\:flex-col .pages-flex-table.column {
  flex-direction: column;
}
.ss\:\[\&_\.pages-flex-table\>div\]\:flex-\[1_1_30\%\] .pages-flex-table > div {
  flex: 1 1 30%;
}
.ss\:\[\&_\.pages-flex-table\>p\]\:mb-0 .pages-flex-table > p {
  margin-bottom: 0px;
}
.ss\:\[\&_\.pages-grey-box\]\:mt-\[20px\] .pages-grey-box {
  margin-top: 20px;
}
.ss\:\[\&_\.pages-grey-box\]\:rounded-\[var\(--border-radius\)\] .pages-grey-box {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.pages-grey-box\]\:bg-\[\#efefef\] .pages-grey-box {
  background-color: #efefef;
}
.ss\:\[\&_\.pages-grey-box\]\:p-\[20px\] .pages-grey-box {
  padding: 20px;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.row\]\:\!m-0 .plugin__brandpro .row {
  margin: 0px !important;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.row\]\:block .plugin__brandpro .row {
  display: block;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-image\]\:static .plugin__brandpro .shop-brand-brands__brand-image {
  position: static;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-image\]\:m-auto .plugin__brandpro .shop-brand-brands__brand-image {
  margin: auto;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-image\]\:max-h-full .plugin__brandpro .shop-brand-brands__brand-image {
  max-height: 100%;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-image\]\:max-w-full .plugin__brandpro .shop-brand-brands__brand-image {
  max-width: 100%;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:mx-\[calc\(var\(--grid-gutter\)\/2\)\] .plugin__brandpro .shop-brand-brands__brand-link {
  margin-inline: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:mb-\[var\(--grid-gutter\)\] .plugin__brandpro .shop-brand-brands__brand-link {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:flex .plugin__brandpro .shop-brand-brands__brand-link {
  display: flex;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:h-full .plugin__brandpro .shop-brand-brands__brand-link {
  height: 100%;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:flex-col .plugin__brandpro .shop-brand-brands__brand-link {
  flex-direction: column;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:rounded-\[var\(--border-radius\)\] .plugin__brandpro .shop-brand-brands__brand-link {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:border .plugin__brandpro .shop-brand-brands__brand-link {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:border-\[var\(--box-border\)\] .plugin__brandpro .shop-brand-brands__brand-link {
  border-color: var(--box-border);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:bg-white .plugin__brandpro .shop-brand-brands__brand-link {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:text-\[length\:var\(--font-size-md\)\] .plugin__brandpro .shop-brand-brands__brand-link {
  font-size: var(--font-size-md);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:leading-\[calc\(var\(--font-size-md\)\+4px\)\] .plugin__brandpro .shop-brand-brands__brand-link {
  --tw-leading: calc(var(--font-size-md) + 4px);
  line-height: calc(var(--font-size-md) + 4px);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:font-bold .plugin__brandpro .shop-brand-brands__brand-link {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-link\]\:text-\[var\(--body-color\)\] .plugin__brandpro .shop-brand-brands__brand-link {
  color: var(--body-color);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-wrap\]\:w-1\/5 .plugin__brandpro .shop-brand-brands__brand-wrap {
  width: calc(1 / 5 * 100%);
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_brand-wrap\]\:w-1\/2 .plugin__brandpro .shop-brand-brands__brand-wrap {
    width: calc(1 / 2 * 100%);
  }
}
.ss\:\[\&_\.plugin\\_\\_brandpro_\.shop-brand-brands\\_\\_wrapper\]\:my-\[var\(--grid-gutter\)\] .plugin__brandpro .shop-brand-brands__wrapper {
  margin-block: var(--grid-gutter);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_h1\]\:my-\[var\(--grid-gutter\)\] .plugin__brandpro h1 {
  margin-block: var(--grid-gutter);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_h1\]\:mr-\[var\(--grid-gutter\)\] .plugin__brandpro h1 {
  margin-right: var(--grid-gutter);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_h1\]\:text-\[length\:var\(--font-size-xxl\)\] .plugin__brandpro h1 {
  font-size: var(--font-size-xxl);
}
.ss\:\[\&_\.plugin\\_\\_brandpro_h1\]\:leading-\[calc\(var\(--font-size-xxl\)\+6px\)\] .plugin__brandpro h1 {
  --tw-leading: calc(var(--font-size-xxl) + 6px);
  line-height: calc(var(--font-size-xxl) + 6px);
}
.ss\:\[\&_\.plugin\\_\\_skimage\]\:my-\[var\(--grid-gutter\)\] .plugin__skimage {
  margin-block: var(--grid-gutter);
}
.ss\:\[\&_\.plugin\\_\\_skimage_img\]\:rounded-\[var\(--border-radius\)\] .plugin__skimage img {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.product-delivery-map\]\:mt-0 .product-delivery-map {
  margin-top: 0px;
}
.ss\:\[\&_\.product-delivery-map\]\:mb-\[28px\] .product-delivery-map {
  margin-bottom: 28px;
}
.ss\:\[\&_\.product-delivery-map__address\]\:m-0 .product-delivery-map address {
  margin: 0px;
}
.ss\:\[\&_\.product-delivery-map__address\]\:text-\[15px\] .product-delivery-map address {
  font-size: 15px;
}
.ss\:\[\&_\.product-delivery-map__address\]\:leading-\[1\.45\] .product-delivery-map address {
  --tw-leading: 1.45;
  line-height: 1.45;
}
.ss\:\[\&_\.product-delivery-map__address\]\:font-bold .product-delivery-map address {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product-delivery-map__grid\]\:grid .product-delivery-map grid {
  display: grid;
}
.ss\:\[\&_\.product-delivery-map__grid\]\:grid-cols-\[minmax\(220px\,\.7fr\)_minmax\(0\,1\.3fr\)\] .product-delivery-map grid {
  grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr);
}
.ss\:\[\&_\.product-delivery-map__grid\]\:overflow-hidden .product-delivery-map grid {
  overflow: hidden;
}
.ss\:\[\&_\.product-delivery-map__grid\]\:rounded-\[16px\] .product-delivery-map grid {
  border-radius: 16px;
}
.ss\:\[\&_\.product-delivery-map__grid\]\:border .product-delivery-map grid {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.product-delivery-map__grid\]\:border-\[var\(--form-border\)\] .product-delivery-map grid {
  border-color: var(--form-border);
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&_\.product-delivery-map__grid\]\:grid-cols-1 .product-delivery-map grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.ss\:\[\&_\.product-delivery-map__info\]\:flex .product-delivery-map info {
  display: flex;
}
.ss\:\[\&_\.product-delivery-map__info\]\:flex-col .product-delivery-map info {
  flex-direction: column;
}
.ss\:\[\&_\.product-delivery-map__info\]\:justify-center .product-delivery-map info {
  justify-content: center;
}
.ss\:\[\&_\.product-delivery-map__info\]\:bg-\[var\(--bg-secondary-color\)\] .product-delivery-map info {
  background-color: var(--bg-secondary-color);
}
.ss\:\[\&_\.product-delivery-map__info\]\:p-\[24px\] .product-delivery-map info {
  padding: 24px;
}
.ss\:\[\&_\.product-delivery-map__label\]\:mb-\[6px\] .product-delivery-map label {
  margin-bottom: 6px;
}
.ss\:\[\&_\.product-delivery-map__label\]\:text-\[12px\] .product-delivery-map label {
  font-size: 12px;
}
.ss\:\[\&_\.product-delivery-map__label\]\:font-bold .product-delivery-map label {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product-delivery-map__label\]\:tracking-\[\.06em\] .product-delivery-map label {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}
.ss\:\[\&_\.product-delivery-map__label\]\:text-\[var\(--color-grey\)\] .product-delivery-map label {
  color: var(--color-grey);
}
.ss\:\[\&_\.product-delivery-map__label\]\:uppercase .product-delivery-map label {
  text-transform: uppercase;
}
.ss\:\[\&_\.product-delivery-map__map\]\:h-\[280px\] .product-delivery-map map {
  height: 280px;
}
.ss\:\[\&_\.product-delivery-map__map\]\:overflow-hidden .product-delivery-map map {
  overflow: hidden;
}
.ss\:\[\&_\.product-delivery-map__map_iframe\]\:h-full .product-delivery-map map iframe {
  height: 100%;
}
.ss\:\[\&_\.product-delivery-map__map_iframe\]\:w-full .product-delivery-map map iframe {
  width: 100%;
}
.ss\:\[\&_\.product-delivery-map__map_iframe\]\:border-0 .product-delivery-map map iframe {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.product-delivery-map__route\]\:mt-\[18px\] .product-delivery-map route {
  margin-top: 18px;
}
.ss\:\[\&_\.product-delivery-map__route\]\:inline-flex .product-delivery-map route {
  display: inline-flex;
}
.ss\:\[\&_\.product-delivery-map__route\]\:w-fit .product-delivery-map route {
  width: fit-content;
}
.ss\:\[\&_\.product-delivery-map__route\]\:items-center .product-delivery-map route {
  align-items: center;
}
.ss\:\[\&_\.product-delivery-map__route\]\:rounded-\[10px\] .product-delivery-map route {
  border-radius: 10px;
}
.ss\:\[\&_\.product-delivery-map__route\]\:bg-\[var\(--color-primary\)\] .product-delivery-map route {
  background-color: var(--color-primary);
}
.ss\:\[\&_\.product-delivery-map__route\]\:px-\[14px\] .product-delivery-map route {
  padding-inline: 14px;
}
.ss\:\[\&_\.product-delivery-map__route\]\:py-\[9px\] .product-delivery-map route {
  padding-block: 9px;
}
.ss\:\[\&_\.product-delivery-map__route\]\:text-\[13px\] .product-delivery-map route {
  font-size: 13px;
}
.ss\:\[\&_\.product-delivery-map__route\]\:font-bold .product-delivery-map route {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product-delivery-map__route\]\:text-white .product-delivery-map route {
  color: var(--ss-color-white);
}
.ss\:\[\&_\.product-delivery-map__route\]\:no-underline .product-delivery-map route {
  text-decoration-line: none;
}
.ss\:\[\&_\.product-delivery-map__route\:hover\]\:opacity-90 .product-delivery-map route:hover {
  opacity: 90%;
}
.ss\:\[\&_\.product-list\\_\\_loading\]\:relative .product-list__loading {
  position: relative;
}
.ss\:\[\&_\.product-list\\_\\_loading_\.lazycontainer\]\:opacity-40 .product-list__loading .lazycontainer {
  opacity: 40%;
}
.ss\:\[\&_\.product-list\\_\\_loading_\.lazycontainer\]\:transition-all .product-list__loading .lazycontainer {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.product-list\\_\\_loading_\.lazycontainer\]\:duration-300 .product-list__loading .lazycontainer {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_center\]\:opacity-0 .product-list__loading .p-list__center {
  opacity: 0%;
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_center\]\:transition-all .product-list__loading .p-list__center {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_center\]\:duration-300 .product-list__loading .p-list__center {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_img\]\:rounded-\[var\(--border-radius\)\] .product-list__loading .p-list__img {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_img\]\:bg-\[var\(--color-lightGrey\)\] .product-list__loading .p-list__img {
  background-color: var(--color-lightGrey);
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_img_img\]\:opacity-0 .product-list__loading .p-list__img img {
  opacity: 0%;
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_rightside\]\:opacity-0 .product-list__loading .p-list__rightside {
  opacity: 0%;
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_rightside\]\:transition-all .product-list__loading .p-list__rightside {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.product-list\\_\\_loading_\.p-list\\_\\_rightside\]\:duration-300 .product-list__loading .p-list__rightside {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:fixed .product-list__loading-icon {
  position: fixed;
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:top-\[calc\(50\%-50px\)\] .product-list__loading-icon {
  top: calc(50% - 50px);
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:right-0 .product-list__loading-icon {
  right: 0px;
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:left-\[calc\(50\%-50px\)\] .product-list__loading-icon {
  left: calc(50% - 50px);
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:z-\[100\] .product-list__loading-icon {
  z-index: 100;
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:h-\[70px\] .product-list__loading-icon {
  height: 70px;
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:w-\[70px\] .product-list__loading-icon {
  width: 70px;
}
.ss\:\[\&_\.product-list\\_\\_loading-icon\]\:text-center .product-list__loading-icon {
  text-align: center;
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_\.product-list\\_\\_loading-icon\]\:left-\[calc\(50\%-40px\)\] .product-list__loading-icon {
    left: calc(50% - 40px);
  }
  .ss\:max-\[900px\]\:\[\&_\.product-list\\_\\_loading-icon\]\:z-\[100002\] .product-list__loading-icon {
    z-index: 100002;
  }
}
.ss\:\[\&_\.product-list\\_\\_loading-icon_img\]\:h-\[70px\] .product-list__loading-icon img {
  height: 70px;
}
.ss\:\[\&_\.product-list\\_\\_loading-icon_img\]\:w-\[70px\] .product-list__loading-icon img {
  width: 70px;
}
.ss\:\[\&_\.product\\_\\_breadcrumbs\]\:\!font-medium .product__breadcrumbs {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.product\\_\\_breadcrumbs_a\]\:\!font-medium .product__breadcrumbs a {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:m-0 .product__delivery {
  margin: 0px;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:my-\[16px\] .product__delivery {
  margin-block: 16px;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:mb-\[16px\] .product__delivery {
  margin-bottom: 16px;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:flex .product__delivery {
  display: flex;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:grid .product__delivery {
  display: grid;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:grid-cols-2 .product__delivery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ss\:\[\&_\.product\\_\\_delivery\]\:flex-col .product__delivery {
  flex-direction: column;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:gap-\[14px\] .product__delivery {
  gap: 14px;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:gap-\[24px_32px\] .product__delivery {
  gap: 24px 32px;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:border-0 .product__delivery {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:bg-transparent .product__delivery {
  background-color: transparent;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:p-0 .product__delivery {
  padding: 0px;
}
.ss\:\[\&_\.product\\_\\_delivery\]\:px-\[calc\(var\(--grid-gutter\)\*1\.5\)\] .product__delivery {
  padding-inline: calc(var(--grid-gutter) * 1.5);
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_\.product\\_\\_delivery\]\:px-\[16px\] .product__delivery {
    padding-inline: 16px;
  }
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&_\.product\\_\\_delivery\]\:grid-cols-1 .product__delivery {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:mr-\[14px\] .product__delivery-icon {
  margin-right: 14px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:flex .product__delivery-icon {
  display: flex;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:h-\[44px\] .product__delivery-icon {
  height: 44px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:min-h-\[44px\] .product__delivery-icon {
  min-height: 44px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:w-\[44px\] .product__delivery-icon {
  width: 44px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:min-w-\[44px\] .product__delivery-icon {
  min-width: 44px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:shrink-0 .product__delivery-icon {
  flex-shrink: 0;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:items-center .product__delivery-icon {
  align-items: center;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:justify-center .product__delivery-icon {
  justify-content: center;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:rounded-\[14px\] .product__delivery-icon {
  border-radius: 14px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:bg-\[rgba\(59\,93\,237\,0\.08\)\] .product__delivery-icon {
  background-color: rgba(59,93,237,0.08);
}
.ss\:\[\&_\.product\\_\\_delivery-icon\]\:text-\[var\(--color-primary\)\] .product__delivery-icon {
  color: var(--color-primary);
}
.ss\:\[\&_\.product\\_\\_delivery-icon_path\]\:fill-\[var\(--color-primary\)\] .product__delivery-icon path {
  fill: var(--color-primary);
}
.ss\:\[\&_\.product\\_\\_delivery-icon_svg\]\:m-auto .product__delivery-icon svg {
  margin: auto;
}
.ss\:\[\&_\.product\\_\\_delivery-icon_svg\]\:block .product__delivery-icon svg {
  display: block;
}
.ss\:\[\&_\.product\\_\\_delivery-icon_svg\]\:h-\[24px\] .product__delivery-icon svg {
  height: 24px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon_svg\]\:w-\[24px\] .product__delivery-icon svg {
  width: 24px;
}
.ss\:\[\&_\.product\\_\\_delivery-icon_svg\]\:shrink-0 .product__delivery-icon svg {
  flex-shrink: 0;
}
.ss\:\[\&_\.product\\_\\_delivery-inner\]\:mb-0 .product__delivery-inner {
  margin-bottom: 0px;
}
.ss\:\[\&_\.product\\_\\_delivery-inner\]\:flex .product__delivery-inner {
  display: flex;
}
.ss\:\[\&_\.product\\_\\_delivery-inner\]\:items-center .product__delivery-inner {
  align-items: center;
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:flex .product__delivery-text {
  display: flex;
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:flex-1 .product__delivery-text {
  flex: 1;
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:flex-col .product__delivery-text {
  flex-direction: column;
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:justify-center .product__delivery-text {
  justify-content: center;
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:text-\[14px\] .product__delivery-text {
  font-size: 14px;
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:leading-snug .product__delivery-text {
  --tw-leading: var(--ss-leading-snug);
  line-height: var(--ss-leading-snug);
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:font-bold .product__delivery-text {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product\\_\\_delivery-text\]\:text-\[var\(--font-color\)\] .product__delivery-text {
  color: var(--font-color);
}
.ss\:\[\&_\.product\\_\\_delivery-text_\.hint\]\:mt-\[2px\] .product__delivery-text .hint {
  margin-top: 2px;
}
.ss\:\[\&_\.product\\_\\_delivery-text_\.hint\]\:text-\[13px\] .product__delivery-text .hint {
  font-size: 13px;
}
.ss\:\[\&_\.product\\_\\_delivery-text_\.hint\]\:font-normal .product__delivery-text .hint {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.product\\_\\_delivery-text_\.hint\]\:text-\[var\(--color-grey\)\] .product__delivery-text .hint {
  color: var(--color-grey);
}
.ss\:\[\&_\.product\\_\\_delivery-text_a\]\:font-bold .product__delivery-text a {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product\\_\\_delivery-text_a\]\:text-\[var\(--font-color\)\] .product__delivery-text a {
  color: var(--font-color);
}
.ss\:\[\&_\.product\\_\\_delivery-text_a\]\:no-underline .product__delivery-text a {
  text-decoration-line: none;
}
.ss\:\[\&_\.product\\_\\_delivery-text_a\:hover\]\:text-\[var\(--color-primary\)\] .product__delivery-text a:hover {
  color: var(--color-primary);
}
.ss\:\[\&_\.product\\_\\_delivery\:first-of-type_\.product\\_\\_delivery-icon_svg\]\:h-\[30px\] .product__delivery:first-of-type .product__delivery-icon svg {
  height: 30px;
}
.ss\:\[\&_\.product\\_\\_delivery\:first-of-type_\.product\\_\\_delivery-icon_svg\]\:w-\[30px\] .product__delivery:first-of-type .product__delivery-icon svg {
  width: 30px;
}
.ss\:\[\&_\.product\\_\\_help-text_b\:first-child\]\:text-\[length\:var\(--font-size-md\)\] .product__help-text b:first-child {
  font-size: var(--font-size-md);
}
.ss\:\[\&_\.product\\_\\_tab_h2\]\:mt-0 .product__tab h2 {
  margin-top: 0px;
}
.ss\:\[\&_\.product\\_\\_tab_h2\]\:mb-\[16px\] .product__tab h2 {
  margin-bottom: 16px;
}
.ss\:\[\&_\.product\\_\\_tab_h2\]\:text-\[24px\] .product__tab h2 {
  font-size: 24px;
}
.ss\:\[\&_\.product\\_\\_tab_h2\]\:leading-snug .product__tab h2 {
  --tw-leading: var(--ss-leading-snug);
  line-height: var(--ss-leading-snug);
}
.ss\:\[\&_\.product\\_\\_tab_h2\]\:font-extrabold .product__tab h2 {
  --tw-font-weight: var(--ss-font-weight-extrabold);
  font-weight: var(--ss-font-weight-extrabold);
}
.ss\:\[\&_\.product\\_\\_tab_h2\]\:text-\[var\(--font-color\)\] .product__tab h2 {
  color: var(--font-color);
}
.ss\:\[\&_\.product\\_\\_tab_img\]\:my-\[16px\] .product__tab img {
  margin-block: 16px;
}
.ss\:\[\&_\.product\\_\\_tab_img\]\:h-auto .product__tab img {
  height: auto;
}
.ss\:\[\&_\.product\\_\\_tab_img\]\:max-w-full .product__tab img {
  max-width: 100%;
}
.ss\:\[\&_\.product\\_\\_tab_img\]\:rounded-\[var\(--border-radius\)\] .product__tab img {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.product\\_\\_tab_li\]\:mb-\[8px\] .product__tab li {
  margin-bottom: 8px;
}
.ss\:\[\&_\.product\\_\\_tab_li\]\:text-\[15px\] .product__tab li {
  font-size: 15px;
}
.ss\:\[\&_\.product\\_\\_tab_li\]\:leading-\[1\.6\] .product__tab li {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.ss\:\[\&_\.product\\_\\_tab_li\]\:text-\[var\(--font-color\)\] .product__tab li {
  color: var(--font-color);
}
.ss\:\[\&_\.product\\_\\_tab_li\:\:marker\]\:text-\[var\(--color-primary\)\] .product__tab li::marker {
  color: var(--color-primary);
}
.ss\:\[\&_\.product\\_\\_tab_ol\]\:my-\[12px\] .product__tab ol {
  margin-block: 12px;
}
.ss\:\[\&_\.product\\_\\_tab_ol\]\:list-decimal .product__tab ol {
  list-style-type: decimal;
}
.ss\:\[\&_\.product\\_\\_tab_ol\]\:pl-\[24px\] .product__tab ol {
  padding-left: 24px;
}
.ss\:\[\&_\.product\\_\\_tab_ul\]\:my-\[12px\] .product__tab ul {
  margin-block: 12px;
}
.ss\:\[\&_\.product\\_\\_tab_ul\]\:list-disc .product__tab ul {
  list-style-type: disc;
}
.ss\:\[\&_\.product\\_\\_tab_ul\]\:pl-\[24px\] .product__tab ul {
  padding-left: 24px;
}
.ss\:\[\&_\.product\\_\\_tabs-text\]\:flex-1 .product__tabs-text {
  flex: 1;
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_\.product\\_\\_tabs-text\]\:block .product__tabs-text {
    display: block;
  }
}
.ss\:\[\&_\.product\\_\\_tabs-text_b\]\:mt-\[20px\] .product__tabs-text b {
  margin-top: 20px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_b\]\:mb-\[6px\] .product__tabs-text b {
  margin-bottom: 6px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_b\]\:inline-block .product__tabs-text b {
  display: inline-block;
}
.ss\:\[\&_\.product\\_\\_tabs-text_b\]\:font-bold .product__tabs-text b {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product\\_\\_tabs-text_h3\]\:mt-\[20px\] .product__tabs-text h3 {
  margin-top: 20px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_h3\]\:mb-\[10px\] .product__tabs-text h3 {
  margin-bottom: 10px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_h3\]\:text-\[17px\] .product__tabs-text h3 {
  font-size: 17px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_h3\]\:font-bold .product__tabs-text h3 {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product\\_\\_tabs-text_h4\]\:mt-\[20px\] .product__tabs-text h4 {
  margin-top: 20px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_h4\]\:mb-\[10px\] .product__tabs-text h4 {
  margin-bottom: 10px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_h4\]\:text-\[17px\] .product__tabs-text h4 {
  font-size: 17px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_h4\]\:font-bold .product__tabs-text h4 {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product\\_\\_tabs-text_p\]\:mb-\[16px\] .product__tabs-text p {
  margin-bottom: 16px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p\]\:text-\[15px\] .product__tabs-text p {
  font-size: 15px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p\]\:leading-\[1\.7\] .product__tabs-text p {
  --tw-leading: 1.7;
  line-height: 1.7;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p\]\:font-normal .product__tabs-text p {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.product\\_\\_tabs-text_p\]\:text-\[\#374151\] .product__tabs-text p {
  color: #374151;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p_b\]\:m-0 .product__tabs-text p b {
  margin: 0px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p_b\]\:inline .product__tabs-text p b {
  display: inline;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p_strong\]\:m-0 .product__tabs-text p strong {
  margin: 0px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p_strong\]\:inline .product__tabs-text p strong {
  display: inline;
}
.ss\:\[\&_\.product\\_\\_tabs-text_p\:last-child\]\:mb-0 .product__tabs-text p:last-child {
  margin-bottom: 0px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_strong\]\:mt-\[20px\] .product__tabs-text strong {
  margin-top: 20px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_strong\]\:mb-\[6px\] .product__tabs-text strong {
  margin-bottom: 6px;
}
.ss\:\[\&_\.product\\_\\_tabs-text_strong\]\:inline-block .product__tabs-text strong {
  display: inline-block;
}
.ss\:\[\&_\.product\\_\\_tabs-text_strong\]\:font-bold .product__tabs-text strong {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.product\\_\\_top-features-link\]\:hidden .product__top-features-link {
  display: none;
}
.ss\:\[\&_\.product\\_warranty\]\:col-span-2 .product_warranty {
  grid-column: span 2 / span 2;
}
.ss\:\[\&_\.product\\_warranty\]\:mt-\[var\(--grid-gutter\)\] .product_warranty {
  margin-top: var(--grid-gutter);
}
.ss\:\[\&_\.product\\_warranty\]\:rounded-\[var\(--border-radius\)\] .product_warranty {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.product\\_warranty\]\:border .product_warranty {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.product\\_warranty\]\:border-\[var\(--box-border\)\] .product_warranty {
  border-color: var(--box-border);
}
.ss\:\[\&_\.product\\_warranty\]\:bg-\[var\(--color-white\)\] .product_warranty {
  background-color: var(--color-white);
}
.ss\:\[\&_\.product\\_warranty\]\:p-\[calc\(var\(--grid-gutter\)\*1\.5\)_calc\(var\(--grid-gutter\)\*2\)\] .product_warranty {
  padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2);
}
.ss\:\[\&_\.promo\]\:border-0 .promo {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.rating\]\:inline-flex .rating {
  display: inline-flex;
}
.ss\:\[\&_\.rating\]\:flex-row .rating {
  flex-direction: row;
}
.ss\:\[\&_\.rating\]\:items-center .rating {
  align-items: center;
}
.ss\:\[\&_\.rating\]\:gap-\[4px\] .rating {
  gap: 4px;
}
.ss\:\[\&_\.rating\]\:whitespace-nowrap .rating {
  white-space: nowrap;
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:relative .reviewbonus-orders-promo {
  position: relative;
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:mb-\[var\(--grid-gutter\)\] .reviewbonus-orders-promo {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:box-border .reviewbonus-orders-promo {
  box-sizing: border-box;
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:rounded-\[var\(--border-radius\)\] .reviewbonus-orders-promo {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:\!border-0 .reviewbonus-orders-promo {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:border .reviewbonus-orders-promo {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:border-\[var\(--box-border\)\] .reviewbonus-orders-promo {
  border-color: var(--box-border);
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:bg-\[var\(--color-white\)\] .reviewbonus-orders-promo {
  background-color: var(--color-white);
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:p-\[var\(--grid-gutter\)_calc\(var\(--grid-gutter\)\*2\)\] .reviewbonus-orders-promo {
  padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:\!shadow-none .reviewbonus-orders-promo {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:shadow-\[var\(--box-shadow-item\)\] .reviewbonus-orders-promo {
  --tw-shadow: var(--box-shadow-item);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:transition-all .reviewbonus-orders-promo {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.reviewbonus-orders-promo\]\:duration-\[400ms\] .reviewbonus-orders-promo {
  --tw-duration: 400ms;
  transition-duration: 400ms;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:inline-flex .reviewbonus-orders-promo-btn {
  display: inline-flex;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:h-\[40px\] .reviewbonus-orders-promo-btn {
  height: 40px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:w-auto .reviewbonus-orders-promo-btn {
  width: auto;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:shrink-0 .reviewbonus-orders-promo-btn {
  flex-shrink: 0;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:items-center .reviewbonus-orders-promo-btn {
  align-items: center;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:justify-center .reviewbonus-orders-promo-btn {
  justify-content: center;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:rounded-\[var\(--border-radius\)\] .reviewbonus-orders-promo-btn {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:border-0 .reviewbonus-orders-promo-btn {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:bg-\[linear-gradient\(to_right\,var\(--color-primary\)\,var\(--color-primary-gradient\)\)\] .reviewbonus-orders-promo-btn {
  background-image: linear-gradient(to right,var(--color-primary),var(--color-primary-gradient));
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:px-\[18px\] .reviewbonus-orders-promo-btn {
  padding-inline: 18px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:py-0 .reviewbonus-orders-promo-btn {
  padding-block: 0px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:text-\[length\:var\(--font-size-xs\)\] .reviewbonus-orders-promo-btn {
  font-size: var(--font-size-xs);
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:leading-none .reviewbonus-orders-promo-btn {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:font-normal .reviewbonus-orders-promo-btn {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:whitespace-nowrap .reviewbonus-orders-promo-btn {
  white-space: nowrap;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:text-white .reviewbonus-orders-promo-btn {
  color: var(--ss-color-white);
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:no-underline .reviewbonus-orders-promo-btn {
  text-decoration-line: none;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:shadow-\[var\(--box-shadow-button\)\] .reviewbonus-orders-promo-btn {
  --tw-shadow: var(--box-shadow-button);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:transition-opacity .reviewbonus-orders-promo-btn {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\]\:duration-200 .reviewbonus-orders-promo-btn {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.ss\:\[\&_\.reviewbonus-orders-promo-btn\:hover\]\:opacity-80 .reviewbonus-orders-promo-btn:hover {
  opacity: 80%;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image\]\:h-\[48px\] .reviewbonus-orders-promo-image {
  height: 48px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image\]\:w-\[48px\] .reviewbonus-orders-promo-image {
  width: 48px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image\]\:shrink-0 .reviewbonus-orders-promo-image {
  flex-shrink: 0;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image\]\:overflow-hidden .reviewbonus-orders-promo-image {
  overflow: hidden;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image\]\:rounded-\[4px\] .reviewbonus-orders-promo-image {
  border-radius: 4px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image\]\:border-0 .reviewbonus-orders-promo-image {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image\]\:bg-\[\#f9fafb\] .reviewbonus-orders-promo-image {
  background-color: #f9fafb;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image_img\]\:h-full .reviewbonus-orders-promo-image img {
  height: 100%;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image_img\]\:w-full .reviewbonus-orders-promo-image img {
  width: 100%;
}
.ss\:\[\&_\.reviewbonus-orders-promo-image_img\]\:object-cover .reviewbonus-orders-promo-image img {
  object-fit: cover;
}
.ss\:\[\&_\.reviewbonus-orders-promo-info\]\:flex .reviewbonus-orders-promo-info {
  display: flex;
}
.ss\:\[\&_\.reviewbonus-orders-promo-info\]\:w-full .reviewbonus-orders-promo-info {
  width: 100%;
}
.ss\:\[\&_\.reviewbonus-orders-promo-info\]\:items-center .reviewbonus-orders-promo-info {
  align-items: center;
}
.ss\:\[\&_\.reviewbonus-orders-promo-info\]\:justify-between .reviewbonus-orders-promo-info {
  justify-content: space-between;
}
.ss\:\[\&_\.reviewbonus-orders-promo-info\]\:gap-\[var\(--grid-gutter\)\] .reviewbonus-orders-promo-info {
  gap: var(--grid-gutter);
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:flex .reviewbonus-orders-promo-item {
  display: flex;
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:items-center .reviewbonus-orders-promo-item {
  align-items: center;
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:gap-\[var\(--grid-gutter\)\] .reviewbonus-orders-promo-item {
  gap: var(--grid-gutter);
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:\!border-0 .reviewbonus-orders-promo-item {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:border-t .reviewbonus-orders-promo-item {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:border-\[var\(--form-border\)\] .reviewbonus-orders-promo-item {
  border-color: var(--form-border);
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:\!pt-0 .reviewbonus-orders-promo-item {
  padding-top: 0px !important;
}
.ss\:\[\&_\.reviewbonus-orders-promo-item\]\:pt-\[var\(--grid-gutter\)\] .reviewbonus-orders-promo-item {
  padding-top: var(--grid-gutter);
}
.ss\:\[\&_\.reviewbonus-orders-promo-list\]\:flex .reviewbonus-orders-promo-list {
  display: flex;
}
.ss\:\[\&_\.reviewbonus-orders-promo-list\]\:flex-col .reviewbonus-orders-promo-list {
  flex-direction: column;
}
.ss\:\[\&_\.reviewbonus-orders-promo-list\]\:gap-\[var\(--grid-gutter\)\] .reviewbonus-orders-promo-list {
  gap: var(--grid-gutter);
}
.ss\:\[\&_\.reviewbonus-orders-promo-name\]\:text-\[length\:var\(--font-size-sm\)\] .reviewbonus-orders-promo-name {
  font-size: var(--font-size-sm);
}
.ss\:\[\&_\.reviewbonus-orders-promo-name\]\:font-medium .reviewbonus-orders-promo-name {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_\.reviewbonus-orders-promo-name\]\:text-\[\#222\] .reviewbonus-orders-promo-name {
  color: #222;
}
.ss\:\[\&_\.reviewbonus-orders-promo-text\]\:mt-0 .reviewbonus-orders-promo-text {
  margin-top: 0px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-text\]\:mb-\[var\(--grid-gutter\)\] .reviewbonus-orders-promo-text {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_\.reviewbonus-orders-promo-text\]\:text-\[length\:var\(--font-size-sm\)\] .reviewbonus-orders-promo-text {
  font-size: var(--font-size-sm);
}
.ss\:\[\&_\.reviewbonus-orders-promo-text\]\:leading-\[1\.5\] .reviewbonus-orders-promo-text {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.ss\:\[\&_\.reviewbonus-orders-promo-text\]\:text-\[\#555\] .reviewbonus-orders-promo-text {
  color: #555;
}
.ss\:\[\&_\.reviewbonus-orders-promo-title\]\:mt-0 .reviewbonus-orders-promo-title {
  margin-top: 0px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-title\]\:mb-\[8px\] .reviewbonus-orders-promo-title {
  margin-bottom: 8px;
}
.ss\:\[\&_\.reviewbonus-orders-promo-title\]\:text-\[length\:var\(--font-size-lg\)\] .reviewbonus-orders-promo-title {
  font-size: var(--font-size-lg);
}
.ss\:\[\&_\.reviewbonus-orders-promo-title\]\:font-bold .reviewbonus-orders-promo-title {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.reviewbonus-orders-promo-title\]\:text-\[\#222\] .reviewbonus-orders-promo-title {
  color: #222;
}
.ss\:\[\&_\.reviewbonus-orders-promo\:hover\]\:border-transparent .reviewbonus-orders-promo:hover {
  border-color: transparent;
}
.ss\:\[\&_\.reviewbonus-orders-promo\:hover\]\:\!shadow-none .reviewbonus-orders-promo:hover {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\[\&_\.reviewbonus-orders-promo\:hover\]\:shadow-\[0_4px_20px_0_rgba\(0\,0\,0\,\.08\)\] .reviewbonus-orders-promo:hover {
  --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.08));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.reviews-item\]\:border-0 .reviews-item {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.reviews\\_\\_item\]\:border-0 .reviews__item {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.s-action\:not\(\:first-child\)\]\:mt-\[10px\] .s-action:not(:first-child) {
  margin-top: 10px;
}
.ss\:\[\&_\.s-divider\]\:inline .s-divider {
  display: inline;
}
.ss\:\[\&_\.s-divider-column\]\:hidden .s-divider-column {
  display: none;
}
.ss\:\[\&_\.s-error\:not\(\:first-child\)\]\:mt-\[5px\] .s-error:not(:first-child) {
  margin-top: 5px;
}
.ss\:\[\&_\.s-label\]\:inline .s-label {
  display: inline;
}
.ss\:\[\&_\.s-label_a\]\:relative .s-label a {
  position: relative;
}
.ss\:\[\&_\.s-label_a\]\:ml-\[4px\] .s-label a {
  margin-left: 4px;
}
.ss\:\[\&_\.s-label_a\]\:inline-block .s-label a {
  display: inline-block;
}
.ss\:\[\&_\.s-label_a\]\:p-0 .s-label a {
  padding: 0px;
}
.ss\:\[\&_\.s-label_a\]\:align-middle .s-label a {
  vertical-align: middle;
}
.ss\:\[\&_\.s-label_i\]\:relative .s-label i {
  position: relative;
}
.ss\:\[\&_\.s-label_i\]\:ml-\[4px\] .s-label i {
  margin-left: 4px;
}
.ss\:\[\&_\.s-label_i\]\:inline-block .s-label i {
  display: inline-block;
}
.ss\:\[\&_\.s-label_i\]\:p-0 .s-label i {
  padding: 0px;
}
.ss\:\[\&_\.s-label_i\]\:align-middle .s-label i {
  vertical-align: middle;
}
.ss\:\[\&_\.s-label_span\]\:relative .s-label span {
  position: relative;
}
.ss\:\[\&_\.s-label_span\]\:ml-\[4px\] .s-label span {
  margin-left: 4px;
}
.ss\:\[\&_\.s-label_span\]\:inline-block .s-label span {
  display: inline-block;
}
.ss\:\[\&_\.s-label_span\]\:p-0 .s-label span {
  padding: 0px;
}
.ss\:\[\&_\.s-label_span\]\:align-middle .s-label span {
  vertical-align: middle;
}
.ss\:\[\&_\.s-label_svg\]\:relative .s-label svg {
  position: relative;
}
.ss\:\[\&_\.s-label_svg\]\:ml-\[4px\] .s-label svg {
  margin-left: 4px;
}
.ss\:\[\&_\.s-label_svg\]\:inline-block .s-label svg {
  display: inline-block;
}
.ss\:\[\&_\.s-label_svg\]\:p-0 .s-label svg {
  padding: 0px;
}
.ss\:\[\&_\.s-label_svg\]\:align-middle .s-label svg {
  vertical-align: middle;
}
.ss\:\[\&_\.s-label-wrapper\]\:inline .s-label-wrapper {
  display: inline;
}
.ss\:\[\&_\.selected_a\]\:bg-\[var\(--bg-secondary-color\)\] .selected a {
  background-color: var(--bg-secondary-color);
}
.ss\:\[\&_\.selected_a\]\:text-\[var\(--font-color\)\] .selected a {
  color: var(--font-color);
}
.ss\:\[\&_\.service-stage-card\]\:relative .service-stage-card {
  position: relative;
}
.ss\:\[\&_\.service-stage-card\]\:flex .service-stage-card {
  display: flex;
}
.ss\:\[\&_\.service-stage-card\]\:min-h-\[180px\] .service-stage-card {
  min-height: 180px;
}
.ss\:\[\&_\.service-stage-card\]\:flex-col .service-stage-card {
  flex-direction: column;
}
.ss\:\[\&_\.service-stage-card\]\:justify-start .service-stage-card {
  justify-content: flex-start;
}
.ss\:\[\&_\.service-stage-card\]\:rounded-\[24px\] .service-stage-card {
  border-radius: 24px;
}
.ss\:\[\&_\.service-stage-card\]\:bg-white .service-stage-card {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.service-stage-card\]\:p-\[32px\] .service-stage-card {
  padding: 32px;
}
@media (width < 575px) {
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card\]\:min-h-0 .service-stage-card {
    min-height: 0px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card\]\:rounded-\[16px\] .service-stage-card {
    border-radius: 16px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card\]\:p-\[16px\] .service-stage-card {
    padding: 16px;
  }
}
.ss\:\[\&_\.service-stage-card__badge\]\:absolute .service-stage-card badge {
  position: absolute;
}
.ss\:\[\&_\.service-stage-card__badge\]\:right-\[24px\] .service-stage-card badge {
  right: 24px;
}
.ss\:\[\&_\.service-stage-card__badge\]\:bottom-\[24px\] .service-stage-card badge {
  bottom: 24px;
}
.ss\:\[\&_\.service-stage-card__badge\]\:rounded-full .service-stage-card badge {
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_\.service-stage-card__badge\]\:bg-\[\#1C1C1E\] .service-stage-card badge {
  background-color: #1C1C1E;
}
.ss\:\[\&_\.service-stage-card__badge\]\:px-\[14px\] .service-stage-card badge {
  padding-inline: 14px;
}
.ss\:\[\&_\.service-stage-card__badge\]\:py-\[6px\] .service-stage-card badge {
  padding-block: 6px;
}
.ss\:\[\&_\.service-stage-card__badge\]\:text-\[13px\] .service-stage-card badge {
  font-size: 13px;
}
.ss\:\[\&_\.service-stage-card__badge\]\:leading-none .service-stage-card badge {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:\[\&_\.service-stage-card__badge\]\:font-bold .service-stage-card badge {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.service-stage-card__badge\]\:text-white .service-stage-card badge {
  color: var(--ss-color-white);
}
@media (width < 575px) {
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__badge\]\:right-\[12px\] .service-stage-card badge {
    right: 12px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__badge\]\:bottom-\[12px\] .service-stage-card badge {
    bottom: 12px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__badge\]\:px-\[8px\] .service-stage-card badge {
    padding-inline: 8px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__badge\]\:py-\[4px\] .service-stage-card badge {
    padding-block: 4px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__badge\]\:text-\[9px\] .service-stage-card badge {
    font-size: 9px;
  }
}
.ss\:\[\&_\.service-stage-card__text\]\:mb-\[24px\] .service-stage-card text {
  margin-bottom: 24px;
}
.ss\:\[\&_\.service-stage-card__text\]\:text-\[14px\] .service-stage-card text {
  font-size: 14px;
}
.ss\:\[\&_\.service-stage-card__text\]\:leading-\[1\.5\] .service-stage-card text {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.ss\:\[\&_\.service-stage-card__text\]\:text-\[\#5C6270\] .service-stage-card text {
  color: #5C6270;
}
@media (width < 575px) {
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__text\]\:mb-\[12px\] .service-stage-card text {
    margin-bottom: 12px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__text\]\:text-\[11px\] .service-stage-card text {
    font-size: 11px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__text\]\:leading-\[1\.4\] .service-stage-card text {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
}
.ss\:\[\&_\.service-stage-card__title\]\:mb-\[12px\] .service-stage-card title {
  margin-bottom: 12px;
}
.ss\:\[\&_\.service-stage-card__title\]\:pr-\[40px\] .service-stage-card title {
  padding-right: 40px;
}
.ss\:\[\&_\.service-stage-card__title\]\:text-\[20px\] .service-stage-card title {
  font-size: 20px;
}
.ss\:\[\&_\.service-stage-card__title\]\:leading-\[1\.3\] .service-stage-card title {
  --tw-leading: 1.3;
  line-height: 1.3;
}
.ss\:\[\&_\.service-stage-card__title\]\:font-bold .service-stage-card title {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.service-stage-card__title\]\:text-\[\#1C1C1E\] .service-stage-card title {
  color: #1C1C1E;
}
@media (width < 575px) {
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__title\]\:mb-\[6px\] .service-stage-card title {
    margin-bottom: 6px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__title\]\:pr-\[20px\] .service-stage-card title {
    padding-right: 20px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__title\]\:text-\[13px\] .service-stage-card title {
    font-size: 13px;
  }
  .ss\:max-\[575px\]\:\[\&_\.service-stage-card__title\]\:leading-\[1\.2\] .service-stage-card title {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
}
.ss\:\[\&_\.service-stage-card--1\]\:\[grid-area\:step1\] .service-stage-card--1 {
  grid-area: step1;
}
.ss\:\[\&_\.service-stage-card--2\]\:\[grid-area\:step2\] .service-stage-card--2 {
  grid-area: step2;
}
.ss\:\[\&_\.service-stage-card--3\]\:\[grid-area\:step3\] .service-stage-card--3 {
  grid-area: step3;
}
.ss\:\[\&_\.service-stage-card--4\]\:\[grid-area\:step4\] .service-stage-card--4 {
  grid-area: step4;
}
.ss\:\[\&_\.service-stages-card-left\]\:\[grid-area\:photo\] .service-stages-card-left {
  grid-area: photo;
}
.ss\:\[\&_\.service\\_\\_inner\]\:mb-\[10px\] .service__inner {
  margin-bottom: 10px;
}
.ss\:\[\&_\.shop-brand-brands\\_\\_brand-name\]\:text-\[length\:var\(--font-size-md\)\] .shop-brand-brands__brand-name {
  font-size: var(--font-size-md);
}
.ss\:\[\&_\.shop-brand-brands\\_\\_brand-name\]\:leading-\[calc\(var\(--font-size-md\)\+4px\)\] .shop-brand-brands__brand-name {
  --tw-leading: calc(var(--font-size-md) + 4px);
  line-height: calc(var(--font-size-md) + 4px);
}
.ss\:\[\&_\.shop-brand-brands\\_\\_brand-name\]\:font-bold .shop-brand-brands__brand-name {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.shop-brand-brands\\_\\_wrapper_\.shop-brand-brands\\_\\_brand-image-box\]\:flex .shop-brand-brands__wrapper .shop-brand-brands__brand-image-box {
  display: flex;
}
.ss\:\[\&_\.shop-brand-brands\\_\\_wrapper_\.shop-brand-brands\\_\\_brand-image-box\]\:items-center .shop-brand-brands__wrapper .shop-brand-brands__brand-image-box {
  align-items: center;
}
.ss\:\[\&_\.shop-brand-brands\\_\\_wrapper_\.shop-brand-brands\\_\\_brand-image-box_img\]\:max-w-\[70\%\] .shop-brand-brands__wrapper .shop-brand-brands__brand-image-box img {
  max-width: 70%;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\]\:fixed .shop-geotargeting-ip-analyzer {
  position: fixed;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\]\:z-\[99999\] .shop-geotargeting-ip-analyzer {
  z-index: 99999;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:top-\[10px\] .shop-geotargeting-ip-analyzer__button-close {
  top: 10px;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:right-\[12px\] .shop-geotargeting-ip-analyzer__button-close {
  right: 12px;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:flex .shop-geotargeting-ip-analyzer__button-close {
  display: flex;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:h-\[24px\] .shop-geotargeting-ip-analyzer__button-close {
  height: 24px;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:w-\[24px\] .shop-geotargeting-ip-analyzer__button-close {
  width: 24px;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:cursor-pointer .shop-geotargeting-ip-analyzer__button-close {
  cursor: pointer;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:items-center .shop-geotargeting-ip-analyzer__button-close {
  align-items: center;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:justify-center .shop-geotargeting-ip-analyzer__button-close {
  justify-content: center;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:rounded-full .shop-geotargeting-ip-analyzer__button-close {
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:bg-\[var\(--color-lightGrey\)\] .shop-geotargeting-ip-analyzer__button-close {
  background-color: var(--color-lightGrey);
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:bg-\[url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/close\.svg\'\)\] .shop-geotargeting-ip-analyzer__button-close {
  background-image: url('/wa-data/public/shop/themes/marketplace/img/close.svg');
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:bg-\[length\:10px_10px\] .shop-geotargeting-ip-analyzer__button-close {
  background-size: 10px 10px;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:bg-center .shop-geotargeting-ip-analyzer__button-close {
  background-position: center;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:bg-no-repeat .shop-geotargeting-ip-analyzer__button-close {
  background-repeat: no-repeat;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:text-\[0\] .shop-geotargeting-ip-analyzer__button-close {
  color: 0;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:text-transparent .shop-geotargeting-ip-analyzer__button-close {
  color: transparent;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\]\:transition-transform .shop-geotargeting-ip-analyzer__button-close {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_button-close\:hover\]\:rotate-90 .shop-geotargeting-ip-analyzer__button-close:hover {
  rotate: 90deg;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_wrapper\]\:fixed .shop-geotargeting-ip-analyzer__wrapper {
  position: fixed;
}
.ss\:\[\&_\.shop-geotargeting-ip-analyzer\\_\\_wrapper\]\:z-\[99999\] .shop-geotargeting-ip-analyzer__wrapper {
  z-index: 99999;
}
.ss\:\[\&_\.shop-geotargeting-window\]\:fixed .shop-geotargeting-window {
  position: fixed;
}
.ss\:\[\&_\.shop-geotargeting-window\]\:z-\[10000\] .shop-geotargeting-window {
  z-index: 10000;
}
.ss\:\[\&_\.shop-geotargeting-window\]\:z-\[99999\] .shop-geotargeting-window {
  z-index: 99999;
}
.ss\:\[\&_\.shop-geotargeting-window_a\]\:\!font-medium .shop-geotargeting-window a {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.shop-geotargeting-window\.shop-geotargeting-window_show\]\:block .shop-geotargeting-window.shop-geotargeting-window show {
  display: block;
}
.ss\:\[\&_\.shop-geotargeting-window\\_\\_link\]\:\!font-medium .shop-geotargeting-window__link {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.shop-geotargeting-window\\_\\_wrapper\]\:fixed .shop-geotargeting-window__wrapper {
  position: fixed;
}
.ss\:\[\&_\.shop-geotargeting-window\\_\\_wrapper\]\:z-\[99999\] .shop-geotargeting-window__wrapper {
  z-index: 99999;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button\]\:cursor-pointer .shop-geotargeting__button {
  cursor: pointer;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button_\*\]\:cursor-pointer .shop-geotargeting__button * {
  cursor: pointer;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:top-\[18px\] .shop-geotargeting__button-close {
  top: 18px;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:right-\[20px\] .shop-geotargeting__button-close {
  right: 20px;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:flex .shop-geotargeting__button-close {
  display: flex;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:h-\[32px\] .shop-geotargeting__button-close {
  height: 32px;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:w-\[32px\] .shop-geotargeting__button-close {
  width: 32px;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:cursor-pointer .shop-geotargeting__button-close {
  cursor: pointer;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:items-center .shop-geotargeting__button-close {
  align-items: center;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:justify-center .shop-geotargeting__button-close {
  justify-content: center;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:rounded-full .shop-geotargeting__button-close {
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:bg-\[var\(--color-lightGrey\)\] .shop-geotargeting__button-close {
  background-color: var(--color-lightGrey);
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:bg-\[url\(\'\/wa-data\/public\/shop\/themes\/marketplace\/img\/close\.svg\'\)\] .shop-geotargeting__button-close {
  background-image: url('/wa-data/public/shop/themes/marketplace/img/close.svg');
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:bg-\[length\:14px_14px\] .shop-geotargeting__button-close {
  background-size: 14px 14px;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:bg-center .shop-geotargeting__button-close {
  background-position: center;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:bg-no-repeat .shop-geotargeting__button-close {
  background-repeat: no-repeat;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:text-\[0\] .shop-geotargeting__button-close {
  color: 0;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:text-transparent .shop-geotargeting__button-close {
  color: transparent;
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\]\:transition-transform .shop-geotargeting__button-close {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.shop-geotargeting\\_\\_button-close\:hover\]\:rotate-90 .shop-geotargeting__button-close:hover {
  rotate: 90deg;
}
.ss\:\[\&_\.sku-selectable\]\:font-semibold .sku-selectable {
  --tw-font-weight: var(--ss-font-weight-semibold);
  font-weight: var(--ss-font-weight-semibold);
}
.ss\:\[\&_\.star-empty\]\:text-\[\#d1d5db\] .star-empty {
  color: #d1d5db;
}
.ss\:\[\&_\.star-full\]\:text-\[\#ffbc00\] .star-full {
  color: #ffbc00;
}
.ss\:\[\&_\.star-half\]\:text-\[\#ffbc00\] .star-half {
  color: #ffbc00;
}
.ss\:\[\&_\.stock-critical\]\:text-\[\#f09c48\] .stock-critical {
  color: #f09c48;
}
.ss\:\[\&_\.stock-critical_i\]\:bg-\[\#f09c48\] .stock-critical i {
  background-color: #f09c48;
}
.ss\:\[\&_\.stock-help\]\:inline-flex .stock-help {
  display: inline-flex;
}
.ss\:\[\&_\.stock-help\]\:h-\[16px\] .stock-help {
  height: 16px;
}
.ss\:\[\&_\.stock-help\]\:w-\[16px\] .stock-help {
  width: 16px;
}
.ss\:\[\&_\.stock-help\]\:cursor-pointer .stock-help {
  cursor: pointer;
}
.ss\:\[\&_\.stock-help\]\:items-center .stock-help {
  align-items: center;
}
.ss\:\[\&_\.stock-help\]\:justify-center .stock-help {
  justify-content: center;
}
.ss\:\[\&_\.stock-help\]\:rounded-full .stock-help {
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_\.stock-help\]\:bg-\[rgba\(0\,0\,0\,\.6\)\] .stock-help {
  background-color: rgba(0,0,0,.6);
}
.ss\:\[\&_\.stock-help\]\:text-\[12px\] .stock-help {
  font-size: 12px;
}
.ss\:\[\&_\.stock-help\]\:leading-none .stock-help {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:\[\&_\.stock-help\]\:font-normal .stock-help {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.stock-help\]\:text-white .stock-help {
  color: var(--ss-color-white);
}
.ss\:\[\&_\.stock-help-text\]\:invisible .stock-help-text {
  visibility: hidden;
}
.ss\:\[\&_\.stock-help-text\]\:absolute .stock-help-text {
  position: absolute;
}
.ss\:\[\&_\.stock-help-text\]\:right-\[var\(--grid-gutter\)\] .stock-help-text {
  right: var(--grid-gutter);
}
.ss\:\[\&_\.stock-help-text\]\:left-\[var\(--grid-gutter\)\] .stock-help-text {
  left: var(--grid-gutter);
}
.ss\:\[\&_\.stock-help-text\]\:mt-\[10px\] .stock-help-text {
  margin-top: 10px;
}
.ss\:\[\&_\.stock-help-text\]\:translate-y-\[-5px\] .stock-help-text {
  --tw-translate-y: -5px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.stock-help-text\]\:rounded-\[var\(--border-radius\)\] .stock-help-text {
  border-radius: var(--border-radius);
}
.ss\:\[\&_\.stock-help-text\]\:border .stock-help-text {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_\.stock-help-text\]\:border-\[\#d1deff\] .stock-help-text {
  border-color: #d1deff;
}
.ss\:\[\&_\.stock-help-text\]\:bg-white .stock-help-text {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.stock-help-text\]\:p-\[var\(--grid-gutter\)\] .stock-help-text {
  padding: var(--grid-gutter);
}
.ss\:\[\&_\.stock-help-text\]\:text-\[length\:var\(--font-size-base\)\] .stock-help-text {
  font-size: var(--font-size-base);
}
.ss\:\[\&_\.stock-help-text\]\:font-normal .stock-help-text {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_\.stock-help-text\]\:text-\[\#34495e\] .stock-help-text {
  color: #34495e;
}
.ss\:\[\&_\.stock-help-text\]\:opacity-0 .stock-help-text {
  opacity: 0%;
}
.ss\:\[\&_\.stock-help-text\]\:shadow-\[0_8px_24px_rgba\(61\,91\,247\,0\.15\)\] .stock-help-text {
  --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(61,91,247,0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.stock-help-text\]\:transition-all .stock-help-text {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_\.stock-help\:hover\+_\.stock-help-text\]\:visible .stock-help:hover + .stock-help-text {
  visibility: visible;
}
.ss\:\[\&_\.stock-help\:hover\+_\.stock-help-text\]\:translate-y-0 .stock-help:hover + .stock-help-text {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_\.stock-help\:hover\+_\.stock-help-text\]\:opacity-100 .stock-help:hover + .stock-help-text {
  opacity: 100%;
}
.ss\:\[\&_\.stock-high\]\:text-\[\#058427\] .stock-high {
  color: #058427;
}
.ss\:\[\&_\.stock-high_i\]\:bg-\[var\(--color-success\)\] .stock-high i {
  background-color: var(--color-success);
}
.ss\:\[\&_\.stock-info\]\:inline-flex .stock-info {
  display: inline-flex;
}
.ss\:\[\&_\.stock-info\]\:items-center .stock-info {
  align-items: center;
}
.ss\:\[\&_\.stock-info\]\:gap-\[5px\] .stock-info {
  gap: 5px;
}
.ss\:\[\&_\.stock-info\]\:leading-none .stock-info {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:\[\&_\.stock-info_i\]\:inline-block .stock-info i {
  display: inline-block;
}
.ss\:\[\&_\.stock-info_i\]\:h-\[6px\] .stock-info i {
  height: 6px;
}
.ss\:\[\&_\.stock-info_i\]\:w-\[6px\] .stock-info i {
  width: 6px;
}
.ss\:\[\&_\.stock-info_i\]\:rounded-full .stock-info i {
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_\.stock-low\]\:text-\[\#f09c48\] .stock-low {
  color: #f09c48;
}
.ss\:\[\&_\.stock-low_i\]\:bg-\[\#f09c48\] .stock-low i {
  background-color: #f09c48;
}
.ss\:\[\&_\.stock-none\]\:text-\[\#e64646\] .stock-none {
  color: #e64646;
}
.ss\:\[\&_\.stock-none_i\]\:bg-\[var\(--color-error\)\] .stock-none i {
  background-color: var(--color-error);
}
.ss\:\[\&_\.stocks\]\:flex .stocks {
  display: flex;
}
.ss\:\[\&_\.stocks\]\:items-center .stocks {
  align-items: center;
}
.ss\:\[\&_\.stocks\]\:gap-\[6px\] .stocks {
  gap: 6px;
}
.ss\:\[\&_\.swiper-button-next\]\:static .swiper-button-next {
  position: static;
}
.ss\:\[\&_\.swiper-button-next\]\:\!m-0 .swiper-button-next {
  margin: 0px !important;
}
.ss\:\[\&_\.swiper-button-next\]\:\!flex .swiper-button-next {
  display: flex !important;
}
.ss\:\[\&_\.swiper-button-next\]\:\!h-\[30px\] .swiper-button-next {
  height: 30px !important;
}
.ss\:\[\&_\.swiper-button-next\]\:\!w-\[30px\] .swiper-button-next {
  width: 30px !important;
}
.ss\:\[\&_\.swiper-button-next\]\:\!min-w-\[30px\] .swiper-button-next {
  min-width: 30px !important;
}
.ss\:\[\&_\.swiper-button-next\]\:\!items-center .swiper-button-next {
  align-items: center !important;
}
.ss\:\[\&_\.swiper-button-next\]\:\!justify-center .swiper-button-next {
  justify-content: center !important;
}
.ss\:\[\&_\.swiper-button-next\]\:\!rounded-full .swiper-button-next {
  border-radius: calc(infinity * 1px) !important;
}
.ss\:\[\&_\.swiper-button-next\:\:after\]\:text-\[14px\] .swiper-button-next::after {
  font-size: 14px;
}
.ss\:\[\&_\.swiper-button-prev\]\:static .swiper-button-prev {
  position: static;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!m-0 .swiper-button-prev {
  margin: 0px !important;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!flex .swiper-button-prev {
  display: flex !important;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!h-\[30px\] .swiper-button-prev {
  height: 30px !important;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!w-\[30px\] .swiper-button-prev {
  width: 30px !important;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!min-w-\[30px\] .swiper-button-prev {
  min-width: 30px !important;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!items-center .swiper-button-prev {
  align-items: center !important;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!justify-center .swiper-button-prev {
  justify-content: center !important;
}
.ss\:\[\&_\.swiper-button-prev\]\:\!rounded-full .swiper-button-prev {
  border-radius: calc(infinity * 1px) !important;
}
.ss\:\[\&_\.swiper-button-prev\:\:after\]\:text-\[14px\] .swiper-button-prev::after {
  font-size: 14px;
}
.ss\:\[\&_\.swiper-slide-thumb-active_\.swiper-slide\\_\\_item\]\:border-\[var\(--color-primary\)\] .swiper-slide-thumb-active .swiper-slide__item {
  border-color: var(--color-primary);
}
.ss\:\[\&_\.syomapay-breadcrumbs\]\:\!font-medium .syomapay-breadcrumbs {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.syomapay-breadcrumbs_a\]\:\!font-medium .syomapay-breadcrumbs a {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.syomapay-marquee-item\]\:inline-block .syomapay-marquee-item {
  display: inline-block;
}
.ss\:\[\&_\.syomapay-marquee-item\]\:text-\[28px\] .syomapay-marquee-item {
  font-size: 28px;
}
.ss\:\[\&_\.syomapay-marquee-item\]\:font-black .syomapay-marquee-item {
  --tw-font-weight: var(--ss-font-weight-black);
  font-weight: var(--ss-font-weight-black);
}
.ss\:\[\&_\.syomapay-marquee-item\]\:tracking-\[0\.05em\] .syomapay-marquee-item {
  --tw-tracking: 0.05em;
  letter-spacing: 0.05em;
}
.ss\:\[\&_\.syomapay-marquee-item\]\:text-\[\#111\] .syomapay-marquee-item {
  color: #111;
}
.ss\:\[\&_\.syomapay-marquee-item\]\:uppercase .syomapay-marquee-item {
  text-transform: uppercase;
}
.ss\:\[\&_\.syomapay-marquee-item\]\:no-underline .syomapay-marquee-item {
  text-decoration-line: none;
}
.ss\:\[\&_\.syomapay-marquee-item\]\:transition-colors .syomapay-marquee-item {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&_\.syomapay-marquee-item\]\:text-\[18px\] .syomapay-marquee-item {
    font-size: 18px;
  }
}
.ss\:\[\&_\.syomapay-marquee-item\.feature\]\:pointer-events-none .syomapay-marquee-item.feature {
  pointer-events: none;
}
.ss\:\[\&_\.syomapay-marquee-item\.feature\]\:cursor-default .syomapay-marquee-item.feature {
  cursor: default;
}
.ss\:\[\&_\.syomapay-marquee-item\.feature\]\:text-\[var\(--color-grey\)\] .syomapay-marquee-item.feature {
  color: var(--color-grey);
}
.ss\:\[\&_\.syomapay-marquee-item\:hover\]\:text-\[var\(--color-primary\)\] .syomapay-marquee-item:hover {
  color: var(--color-primary);
}
.ss\:\[\&_\.syomapay-marquee-separator\]\:mx-\[24px\] .syomapay-marquee-separator {
  margin-inline: 24px;
}
.ss\:\[\&_\.syomapay-marquee-separator\]\:inline-block .syomapay-marquee-separator {
  display: inline-block;
}
.ss\:\[\&_\.syomapay-marquee-separator\]\:text-\[28px\] .syomapay-marquee-separator {
  font-size: 28px;
}
.ss\:\[\&_\.syomapay-marquee-separator\]\:font-light .syomapay-marquee-separator {
  --tw-font-weight: var(--ss-font-weight-light);
  font-weight: var(--ss-font-weight-light);
}
.ss\:\[\&_\.syomapay-marquee-separator\]\:text-\[var\(--color-grey\)\] .syomapay-marquee-separator {
  color: var(--color-grey);
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&_\.syomapay-marquee-separator\]\:mx-\[12px\] .syomapay-marquee-separator {
    margin-inline: 12px;
  }
  .ss\:max-\[768px\]\:\[\&_\.syomapay-marquee-separator\]\:text-\[18px\] .syomapay-marquee-separator {
    font-size: 18px;
  }
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.topline\]\:max-h-0:has(:is(#catalog-toggle:checked)) .topline {
  max-height: 0px;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.topline\]\:overflow-hidden:has(:is(#catalog-toggle:checked)) .topline {
  overflow: hidden;
}
.ss\:has-\[\#catalog-toggle\:checked\]\:\[\&_\.topline\]\:opacity-0:has(:is(#catalog-toggle:checked)) .topline {
  opacity: 0%;
}
.ss\:\[\&_\.topline\\_\\_social-item\]\:relative .topline__social-item {
  position: relative;
}
.ss\:\[\&_\.topline\\_\\_social-item\]\:\!ml-0 .topline__social-item {
  margin-left: 0px !important;
}
.ss\:\[\&_\.topline\\_\\_social-item\]\:flex .topline__social-item {
  display: flex;
}
.ss\:\[\&_\.topline\\_\\_social-item\]\:h-\[42px\] .topline__social-item {
  height: 42px;
}
.ss\:\[\&_\.topline\\_\\_social-item\]\:w-\[42px\] .topline__social-item {
  width: 42px;
}
.ss\:\[\&_\.topline\\_\\_social-item\]\:items-center .topline__social-item {
  align-items: center;
}
.ss\:\[\&_\.topline\\_\\_social-item\]\:justify-center .topline__social-item {
  justify-content: center;
}
.ss\:\[\&_\.ui-slider-handle\]\:absolute .ui-slider-handle {
  position: absolute;
}
.ss\:\[\&_\.ui-slider-handle\]\:top-1\/2 .ui-slider-handle {
  top: calc(1 / 2 * 100%);
}
.ss\:\[\&_\.ui-slider-handle\]\:z-10 .ui-slider-handle {
  z-index: 10;
}
.ss\:\[\&_\.ui-slider-handle\]\:mt-\[-11px\] .ui-slider-handle {
  margin-top: -11px;
}
.ss\:\[\&_\.ui-slider-handle\]\:ml-\[-11px\] .ui-slider-handle {
  margin-left: -11px;
}
.ss\:\[\&_\.ui-slider-handle\]\:block .ui-slider-handle {
  display: block;
}
.ss\:\[\&_\.ui-slider-handle\]\:h-\[22px\] .ui-slider-handle {
  height: 22px;
}
.ss\:\[\&_\.ui-slider-handle\]\:w-\[22px\] .ui-slider-handle {
  width: 22px;
}
.ss\:\[\&_\.ui-slider-handle\]\:cursor-grab .ui-slider-handle {
  cursor: grab;
}
.ss\:\[\&_\.ui-slider-handle\]\:rounded-full .ui-slider-handle {
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_\.ui-slider-handle\]\:border-0 .ui-slider-handle {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.ui-slider-handle\]\:bg-white .ui-slider-handle {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_\.ui-slider-handle\]\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.25\)\] .ui-slider-handle {
  --tw-shadow: 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&_\.ui-slider-handle\]\:outline-none .ui-slider-handle {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:\[\&_\.ui-slider-handle\:\:after\]\:hidden .ui-slider-handle::after {
  display: none;
}
.ss\:\[\&_\.ui-slider-handle\:\:after\]\:content-none .ui-slider-handle::after {
  --tw-content: none;
  content: none;
}
.ss\:\[\&_\.ui-slider-handle\:\:before\]\:hidden .ui-slider-handle::before {
  display: none;
}
.ss\:\[\&_\.ui-slider-handle\:\:before\]\:content-none .ui-slider-handle::before {
  --tw-content: none;
  content: none;
}
.ss\:\[\&_\.ui-slider-handle\:active\]\:cursor-grabbing .ui-slider-handle:active {
  cursor: grabbing;
}
.ss\:\[\&_\.ui-slider-range\]\:absolute .ui-slider-range {
  position: absolute;
}
.ss\:\[\&_\.ui-slider-range\]\:inset-y-0 .ui-slider-range {
  inset-block: 0px;
}
.ss\:\[\&_\.ui-slider-range\]\:z-\[1\] .ui-slider-range {
  z-index: 1;
}
.ss\:\[\&_\.ui-slider-range\]\:h-full .ui-slider-range {
  height: 100%;
}
.ss\:\[\&_\.ui-slider-range\]\:rounded-\[6px\] .ui-slider-range {
  border-radius: 6px;
}
.ss\:\[\&_\.ui-slider-range\]\:border-0 .ui-slider-range {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&_\.ui-slider-range\]\:bg-\[var\(--color-primary\)\] .ui-slider-range {
  background-color: var(--color-primary);
}
.ss\:\[\&_\.video-container\]\:w-full .video-container {
  width: 100%;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!m-0 .wa-adapters-list {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!mb-\[18px\] .wa-adapters-list {
  margin-bottom: 18px !important;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!flex .wa-adapters-list {
  display: flex !important;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!list-none .wa-adapters-list {
  list-style-type: none !important;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!flex-wrap .wa-adapters-list {
  flex-wrap: wrap !important;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!justify-center .wa-adapters-list {
  justify-content: center !important;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!gap-2 .wa-adapters-list {
  gap: calc(var(--ss-spacing) * 2) !important;
}
.ss\:\[\&_\.wa-adapters-list\]\:\!p-0 .wa-adapters-list {
  padding: 0px !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!flex .wa-adapters-list a {
  display: flex !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!size-\[46px\] .wa-adapters-list a {
  width: 46px !important;
  height: 46px !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!items-center .wa-adapters-list a {
  align-items: center !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!justify-center .wa-adapters-list a {
  justify-content: center !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!rounded-\[12px\] .wa-adapters-list a {
  border-radius: 12px !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!border .wa-adapters-list a {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!border-\[var\(--form-border\)\] .wa-adapters-list a {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-adapters-list_a\]\:\!bg-white .wa-adapters-list a {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-adapters-list_a_img\]\:\!size-\[22px\] .wa-adapters-list a img {
  width: 22px !important;
  height: 22px !important;
}
.ss\:\[\&_\.wa-adapters-section\]\:\!flex .wa-adapters-section {
  display: flex !important;
}
.ss\:\[\&_\.wa-adapters-section\]\:\!w-full .wa-adapters-section {
  width: 100% !important;
}
.ss\:\[\&_\.wa-adapters-section\]\:\!flex-col .wa-adapters-section {
  flex-direction: column !important;
}
.ss\:\[\&_\.wa-adapters-section\]\:\!items-center .wa-adapters-section {
  align-items: center !important;
}
.ss\:\[\&_\.wa-buttons-wrapper\]\:\!ml-0 .wa-buttons-wrapper {
  margin-left: 0px !important;
}
.ss\:\[\&_\.wa-buttons-wrapper\]\:\!w-full .wa-buttons-wrapper {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body\]\:\!max-w-\[420px\] .wa-dialog-body {
  max-width: 420px !important;
}
.ss\:\[\&_\.wa-dialog-body\]\:\!overflow-hidden .wa-dialog-body {
  overflow: hidden !important;
}
.ss\:\[\&_\.wa-dialog-body\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body\]\:\!border-0 .wa-dialog-body {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body\]\:\!font-\[inherit\] .wa-dialog-body {
  font-family: inherit !important;
}
.ss\:\[\&_\.wa-dialog-body\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body\]\:\!shadow-\[var\(--box-shadow\)\] .wa-dialog-body {
  --tw-shadow: var(--box-shadow) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-errors-wrapper\]\:\!text-\[12px\] .wa-dialog-body .js-errors-wrapper {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-errors-wrapper\]\:\!text-\[var\(--color-error\)\] .wa-dialog-body .js-errors-wrapper {
  color: var(--color-error) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-resend-code\]\:\!text-\[12px\] .wa-dialog-body .js-resend-code {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-resend-code\]\:\!text-\[var\(--color-link\)\] .wa-dialog-body .js-resend-code {
  color: var(--color-link) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-resend-code\]\:\!no-underline .wa-dialog-body .js-resend-code {
  text-decoration-line: none !important;
}
@media (hover: hover) {
  .ss\:\[\&_\.wa-dialog-body_\.js-resend-code\]\:hover\:\!underline .wa-dialog-body .js-resend-code:hover {
    text-decoration-line: underline !important;
  }
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!h-\[50px\] .wa-dialog-body .js-send-code {
  height: 50px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!w-full .wa-dialog-body .js-send-code {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .js-send-code {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!border-0 .wa-dialog-body .js-send-code {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!bg-\[var\(--color-primary\)\] .wa-dialog-body .js-send-code {
  background-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!text-\[15px\] .wa-dialog-body .js-send-code {
  font-size: 15px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!font-bold .wa-dialog-body .js-send-code {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-send-code\]\:\!text-white .wa-dialog-body .js-send-code {
  color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!h-\[50px\] .wa-dialog-body .js-submit-confirm {
  height: 50px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!w-full .wa-dialog-body .js-submit-confirm {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .js-submit-confirm {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!border-0 .wa-dialog-body .js-submit-confirm {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!bg-\[var\(--color-primary\)\] .wa-dialog-body .js-submit-confirm {
  background-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!text-\[15px\] .wa-dialog-body .js-submit-confirm {
  font-size: 15px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!font-bold .wa-dialog-body .js-submit-confirm {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.js-submit-confirm\]\:\!text-white .wa-dialog-body .js-submit-confirm {
  color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list\]\:\!m-0 .wa-dialog-body .wa-adapters-list {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list\]\:\!flex .wa-dialog-body .wa-adapters-list {
  display: flex !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list\]\:\!list-none .wa-dialog-body .wa-adapters-list {
  list-style-type: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list\]\:\!justify-center .wa-dialog-body .wa-adapters-list {
  justify-content: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list\]\:\!gap-\[10px\] .wa-dialog-body .wa-adapters-list {
  gap: 10px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list\]\:\!p-0 .wa-dialog-body .wa-adapters-list {
  padding: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!flex .wa-dialog-body .wa-adapters-list li a {
  display: flex !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!h-\[44px\] .wa-dialog-body .wa-adapters-list li a {
  height: 44px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!w-\[44px\] .wa-dialog-body .wa-adapters-list li a {
  width: 44px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!items-center .wa-dialog-body .wa-adapters-list li a {
  align-items: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!justify-center .wa-dialog-body .wa-adapters-list li a {
  justify-content: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!rounded-full .wa-dialog-body .wa-adapters-list li a {
  border-radius: calc(infinity * 1px) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!transition-all .wa-dialog-body .wa-adapters-list li a {
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration)) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:\!duration-200 .wa-dialog-body .wa-adapters-list li a {
  --tw-duration: 200ms !important;
  transition-duration: 200ms !important;
}
@media (hover: hover) {
  .ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:hover\:\!scale-110 .wa-dialog-body .wa-adapters-list li a:hover {
    --tw-scale-x: 110% !important;
    --tw-scale-y: 110% !important;
    --tw-scale-z: 110% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a\]\:hover\:\!shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.15\)\] .wa-dialog-body .wa-adapters-list li a:hover {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.15)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a_img\]\:\!h-\[36px\] .wa-dialog-body .wa-adapters-list li a img {
  height: 36px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-list_li_a_img\]\:\!w-\[36px\] .wa-dialog-body .wa-adapters-list li a img {
  width: 36px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-section_\.wa-section-header\]\:\!mb-\[12px\] .wa-dialog-body .wa-adapters-section .wa-section-header {
  margin-bottom: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-section_\.wa-section-header\]\:\!text-\[12px\] .wa-dialog-body .wa-adapters-section .wa-section-header {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-section_\.wa-section-header\]\:\!font-normal .wa-dialog-body .wa-adapters-section .wa-section-header {
  --tw-font-weight: var(--ss-font-weight-normal) !important;
  font-weight: var(--ss-font-weight-normal) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-section_\.wa-section-header\]\:\!text-\[var\(--color-grey\)\] .wa-dialog-body .wa-adapters-section .wa-section-header {
  color: var(--color-grey) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-adapters-section_\.wa-section-header\]\:\!normal-case .wa-dialog-body .wa-adapters-section .wa-section-header {
  text-transform: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-captcha-field\]\:\!m-0 .wa-dialog-body .wa-captcha-field {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-close-wrapper\]\:\!opacity-40 .wa-dialog-body .wa-close-wrapper {
  opacity: 40% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-close-wrapper\]\:\!transition-opacity .wa-dialog-body .wa-close-wrapper {
  transition-property: opacity !important;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration)) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-close-wrapper\]\:\!duration-200 .wa-dialog-body .wa-close-wrapper {
  --tw-duration: 200ms !important;
  transition-duration: 200ms !important;
}
@media (hover: hover) {
  .ss\:\[\&_\.wa-dialog-body_\.wa-close-wrapper\]\:hover\:\!opacity-100 .wa-dialog-body .wa-close-wrapper:hover {
    opacity: 100% !important;
  }
}
.ss\:\[\&_\.wa-dialog-body_\.wa-content\]\:\!mt-\[8px\] .wa-dialog-body .wa-content {
  margin-top: 8px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-content\]\:\!px-\[24px\] .wa-dialog-body .wa-dialog-content {
  padding-inline: 24px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-content\]\:\!pt-\[16px\] .wa-dialog-body .wa-dialog-content {
  padding-top: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-content\]\:\!pb-\[24px\] .wa-dialog-body .wa-dialog-content {
  padding-bottom: 24px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-footer\]\:\!border-t-0 .wa-dialog-body .wa-dialog-footer {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-footer\]\:\!bg-transparent .wa-dialog-body .wa-dialog-footer {
  background-color: transparent !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-footer\]\:\!px-\[24px\] .wa-dialog-body .wa-dialog-footer {
  padding-inline: 24px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-footer\]\:\!pt-0 .wa-dialog-body .wa-dialog-footer {
  padding-top: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-footer\]\:\!pb-\[24px\] .wa-dialog-body .wa-dialog-footer {
  padding-bottom: 24px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header\]\:\!border-b-0 .wa-dialog-body .wa-dialog-header {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header\]\:\!bg-transparent .wa-dialog-body .wa-dialog-header {
  background-color: transparent !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header\]\:\!px-\[24px\] .wa-dialog-body .wa-dialog-header {
  padding-inline: 24px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header\]\:\!pt-\[20px\] .wa-dialog-body .wa-dialog-header {
  padding-top: 20px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header\]\:\!pb-0 .wa-dialog-body .wa-dialog-header {
  padding-bottom: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header_\.wa-header\]\:\!text-\[22px\] .wa-dialog-body .wa-dialog-header .wa-header {
  font-size: 22px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header_\.wa-header\]\:\!font-bold .wa-dialog-body .wa-dialog-header .wa-header {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header_\.wa-header\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body .wa-dialog-header .wa-header {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header_h2\]\:\!m-0 .wa-dialog-body .wa-dialog-header h2 {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header_h2\]\:\!text-\[20px\] .wa-dialog-body .wa-dialog-header h2 {
  font-size: 20px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header_h2\]\:\!font-bold .wa-dialog-body .wa-dialog-header h2 {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-dialog-header_h2\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body .wa-dialog-header h2 {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field_\.wa-name\]\:\!mb-\[6px\] .wa-dialog-body .wa-field .wa-name {
  margin-bottom: 6px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field_\.wa-name\]\:\!text-\[12px\] .wa-dialog-body .wa-field .wa-name {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field_\.wa-name\]\:\!font-normal .wa-dialog-body .wa-field .wa-name {
  --tw-font-weight: var(--ss-font-weight-normal) !important;
  font-weight: var(--ss-font-weight-normal) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field_\.wa-name\]\:\!text-\[var\(--color-grey\)\] .wa-dialog-body .wa-field .wa-name {
  color: var(--color-grey) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-remember-me\]\:\!my-\[12px\] .wa-dialog-body .wa-field-remember-me {
  margin-block: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-remember-me_label\]\:\!flex .wa-dialog-body .wa-field-remember-me label {
  display: flex !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-remember-me_label\]\:\!items-center .wa-dialog-body .wa-field-remember-me label {
  align-items: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-remember-me_label\]\:\!gap-\[8px\] .wa-dialog-body .wa-field-remember-me label {
  gap: 8px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-remember-me_label\]\:\!text-\[12px\] .wa-dialog-body .wa-field-remember-me label {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-remember-me_label\]\:\!text-\[var\(--color-grey\)\] .wa-dialog-body .wa-field-remember-me label {
  color: var(--color-grey) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!w-full .wa-dialog-body .wa-field-wrapper .wa-input {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .wa-field-wrapper .wa-input {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!border .wa-dialog-body .wa-field-wrapper .wa-input {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!border-\[var\(--form-border\)\] .wa-dialog-body .wa-field-wrapper .wa-input {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!bg-white .wa-dialog-body .wa-field-wrapper .wa-input {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!px-\[16px\] .wa-dialog-body .wa-field-wrapper .wa-input {
  padding-inline: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!py-\[12px\] .wa-dialog-body .wa-field-wrapper .wa-input {
  padding-block: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!text-\[14px\] .wa-dialog-body .wa-field-wrapper .wa-input {
  font-size: 14px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body .wa-field-wrapper .wa-input {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:\!outline-none .wa-dialog-body .wa-field-wrapper .wa-input {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-input\]\:focus\:\!border-\[var\(--color-primary\)\] .wa-dialog-body .wa-field-wrapper .wa-input:focus {
  border-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-label\]\:\!mb-\[6px\] .wa-dialog-body .wa-field-wrapper .wa-label {
  margin-bottom: 6px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-label\]\:\!block .wa-dialog-body .wa-field-wrapper .wa-label {
  display: block !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-label\]\:\!text-\[12px\] .wa-dialog-body .wa-field-wrapper .wa-label {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-label\]\:\!font-normal .wa-dialog-body .wa-field-wrapper .wa-label {
  --tw-font-weight: var(--ss-font-weight-normal) !important;
  font-weight: var(--ss-font-weight-normal) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-field-wrapper_\.wa-label\]\:\!text-\[var\(--color-grey\)\] .wa-dialog-body .wa-field-wrapper .wa-label {
  color: var(--color-grey) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-js-new-button-place\]\:\!hidden .wa-dialog-body .wa-js-new-button-place {
  display: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-line\]\:\!mb-\[16px\] .wa-dialog-body .wa-line {
  margin-bottom: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-form-actions\]\:\!m-0 .wa-dialog-body .wa-login-form-actions {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-form-actions\]\:\!p-0 .wa-dialog-body .wa-login-form-actions {
  padding: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-form-fields\]\:\!mb-\[16px\] .wa-dialog-body .wa-login-form-fields {
  margin-bottom: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-form-wrapper\]\:\!m-0 .wa-dialog-body .wa-login-form-wrapper {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-form-wrapper\]\:\!p-0 .wa-dialog-body .wa-login-form-wrapper {
  padding: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!flex .wa-dialog-body .wa-login-submit {
  display: flex !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!h-\[50px\] .wa-dialog-body .wa-login-submit {
  height: 50px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!w-full .wa-dialog-body .wa-login-submit {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!items-center .wa-dialog-body .wa-login-submit {
  align-items: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!justify-center .wa-dialog-body .wa-login-submit {
  justify-content: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .wa-login-submit {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!border-0 .wa-dialog-body .wa-login-submit {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!bg-\[var\(--color-primary\)\] .wa-dialog-body .wa-login-submit {
  background-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!text-\[15px\] .wa-dialog-body .wa-login-submit {
  font-size: 15px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!font-bold .wa-dialog-body .wa-login-submit {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:\!text-white .wa-dialog-body .wa-login-submit {
  color: var(--ss-color-white) !important;
}
@media (hover: hover) {
  .ss\:\[\&_\.wa-dialog-body_\.wa-login-submit\]\:hover\:\!opacity-90 .wa-dialog-body .wa-login-submit:hover {
    opacity: 90% !important;
  }
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!flex .wa-dialog-body .wa-request-onetime-password-button {
  display: flex !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!h-\[50px\] .wa-dialog-body .wa-request-onetime-password-button {
  height: 50px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!w-full .wa-dialog-body .wa-request-onetime-password-button {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!items-center .wa-dialog-body .wa-request-onetime-password-button {
  align-items: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!justify-center .wa-dialog-body .wa-request-onetime-password-button {
  justify-content: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .wa-request-onetime-password-button {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!border-0 .wa-dialog-body .wa-request-onetime-password-button {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!bg-\[var\(--color-primary\)\] .wa-dialog-body .wa-request-onetime-password-button {
  background-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!text-\[15px\] .wa-dialog-body .wa-request-onetime-password-button {
  font-size: 15px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!font-bold .wa-dialog-body .wa-request-onetime-password-button {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:\!text-white .wa-dialog-body .wa-request-onetime-password-button {
  color: var(--ss-color-white) !important;
}
@media (hover: hover) {
  .ss\:\[\&_\.wa-dialog-body_\.wa-request-onetime-password-button\]\:hover\:\!opacity-90 .wa-dialog-body .wa-request-onetime-password-button:hover {
    opacity: 90% !important;
  }
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:\!my-\[16px\] .wa-dialog-body .wa-section-divider {
  margin-block: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:\!flex .wa-dialog-body .wa-section-divider {
  display: flex !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:\!items-center .wa-dialog-body .wa-section-divider {
  align-items: center !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:\!gap-\[12px\] .wa-dialog-body .wa-section-divider {
  gap: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:\!text-\[12px\] .wa-dialog-body .wa-section-divider {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:\!text-\[var\(--color-grey\)\] .wa-dialog-body .wa-section-divider {
  color: var(--color-grey) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:before\:\!h-px .wa-dialog-body .wa-section-divider::before {
  content: var(--tw-content);
  height: 1px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:before\:\!flex-1 .wa-dialog-body .wa-section-divider::before {
  content: var(--tw-content);
  flex: 1 !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:before\:\!bg-\[var\(--form-border\)\] .wa-dialog-body .wa-section-divider::before {
  content: var(--tw-content);
  background-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:before\:\!content-\[\'\'\] .wa-dialog-body .wa-section-divider::before {
  content: var(--tw-content);
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:after\:\!h-px .wa-dialog-body .wa-section-divider::after {
  content: var(--tw-content);
  height: 1px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:after\:\!flex-1 .wa-dialog-body .wa-section-divider::after {
  content: var(--tw-content);
  flex: 1 !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:after\:\!bg-\[var\(--form-border\)\] .wa-dialog-body .wa-section-divider::after {
  content: var(--tw-content);
  background-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-section-divider\]\:after\:\!content-\[\'\'\] .wa-dialog-body .wa-section-divider::after {
  content: var(--tw-content);
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-signup-url\]\:\!hidden .wa-dialog-body .wa-signup-url {
  display: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-timer-wrapper\]\:\!text-\[12px\] .wa-dialog-body .wa-timer-wrapper {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-timer-wrapper\]\:\!text-\[var\(--color-grey\)\] .wa-dialog-body .wa-timer-wrapper {
  color: var(--color-grey) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-uncaught-errors\]\:\!mb-\[12px\] .wa-dialog-body .wa-uncaught-errors {
  margin-bottom: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-uncaught-errors\]\:\!rounded-\[8px\] .wa-dialog-body .wa-uncaught-errors {
  border-radius: 8px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-uncaught-errors\]\:\!bg-\[rgba\(230\,70\,70\,0\.08\)\] .wa-dialog-body .wa-uncaught-errors {
  background-color: rgba(230,70,70,0.08) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-uncaught-errors\]\:\!px-\[14px\] .wa-dialog-body .wa-uncaught-errors {
  padding-inline: 14px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-uncaught-errors\]\:\!py-\[10px\] .wa-dialog-body .wa-uncaught-errors {
  padding-block: 10px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-uncaught-errors\]\:\!text-\[12px\] .wa-dialog-body .wa-uncaught-errors {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-uncaught-errors\]\:\!text-\[var\(--color-error\)\] .wa-dialog-body .wa-uncaught-errors {
  color: var(--color-error) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!w-full .wa-dialog-body .wa-value input.wa-onetime-password {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .wa-value input.wa-onetime-password {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!border .wa-dialog-body .wa-value input.wa-onetime-password {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!border-\[var\(--form-border\)\] .wa-dialog-body .wa-value input.wa-onetime-password {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!bg-white .wa-dialog-body .wa-value input.wa-onetime-password {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!px-\[16px\] .wa-dialog-body .wa-value input.wa-onetime-password {
  padding-inline: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!py-\[12px\] .wa-dialog-body .wa-value input.wa-onetime-password {
  padding-block: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!text-\[14px\] .wa-dialog-body .wa-value input.wa-onetime-password {
  font-size: 14px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body .wa-value input.wa-onetime-password {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:\!outline-none .wa-dialog-body .wa-value input.wa-onetime-password {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\.wa-onetime-password\]\:focus\:\!border-\[var\(--color-primary\)\] .wa-dialog-body .wa-value input.wa-onetime-password:focus {
  border-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!w-full .wa-dialog-body .wa-value input[type=password] {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .wa-value input[type=password] {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!border .wa-dialog-body .wa-value input[type=password] {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!border-\[var\(--form-border\)\] .wa-dialog-body .wa-value input[type=password] {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!bg-white .wa-dialog-body .wa-value input[type=password] {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!px-\[16px\] .wa-dialog-body .wa-value input[type=password] {
  padding-inline: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!py-\[12px\] .wa-dialog-body .wa-value input[type=password] {
  padding-block: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!text-\[14px\] .wa-dialog-body .wa-value input[type=password] {
  font-size: 14px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body .wa-value input[type=password] {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:\!outline-none .wa-dialog-body .wa-value input[type=password] {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=password\]\]\:focus\:\!border-\[var\(--color-primary\)\] .wa-dialog-body .wa-value input[type=password]:focus {
  border-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!w-full .wa-dialog-body .wa-value input[type=tel] {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .wa-value input[type=tel] {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!border .wa-dialog-body .wa-value input[type=tel] {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!border-\[var\(--form-border\)\] .wa-dialog-body .wa-value input[type=tel] {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!bg-white .wa-dialog-body .wa-value input[type=tel] {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!px-\[16px\] .wa-dialog-body .wa-value input[type=tel] {
  padding-inline: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!py-\[12px\] .wa-dialog-body .wa-value input[type=tel] {
  padding-block: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!text-\[14px\] .wa-dialog-body .wa-value input[type=tel] {
  font-size: 14px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body .wa-value input[type=tel] {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:\!outline-none .wa-dialog-body .wa-value input[type=tel] {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=tel\]\]\:focus\:\!border-\[var\(--color-primary\)\] .wa-dialog-body .wa-value input[type=tel]:focus {
  border-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!w-full .wa-dialog-body .wa-value input[type=text] {
  width: 100% !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!rounded-\[var\(--border-radius\)\] .wa-dialog-body .wa-value input[type=text] {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!border .wa-dialog-body .wa-value input[type=text] {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!border-\[var\(--form-border\)\] .wa-dialog-body .wa-value input[type=text] {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!bg-white .wa-dialog-body .wa-value input[type=text] {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!px-\[16px\] .wa-dialog-body .wa-value input[type=text] {
  padding-inline: 16px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!py-\[12px\] .wa-dialog-body .wa-value input[type=text] {
  padding-block: 12px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!text-\[14px\] .wa-dialog-body .wa-value input[type=text] {
  font-size: 14px !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!text-\[var\(--font-color\)\] .wa-dialog-body .wa-value input[type=text] {
  color: var(--font-color) !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:\!outline-none .wa-dialog-body .wa-value input[type=text] {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-dialog-body_\.wa-value_input\[type\=text\]\]\:focus\:\!border-\[var\(--color-primary\)\] .wa-dialog-body .wa-value input[type=text]:focus {
  border-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-error-msg\]\:\!ml-0 .wa-error-msg {
  margin-left: 0px !important;
}
.ss\:\[\&_\.wa-error-msg\]\:\!block .wa-error-msg {
  display: block !important;
}
.ss\:\[\&_\.wa-error-msg\]\:\!text-\[13px\] .wa-error-msg {
  font-size: 13px !important;
}
.ss\:\[\&_\.wa-error-msg\]\:\!text-\[var\(--color-error\)\] .wa-error-msg {
  color: var(--color-error) !important;
}
.ss\:\[\&_\.wa-field\]\:\!relative .wa-field {
  position: relative !important;
}
.ss\:\[\&_\.wa-field\]\:\!m-0 .wa-field {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-field\]\:\!mb-\[12px\] .wa-field {
  margin-bottom: 12px !important;
}
.ss\:\[\&_\.wa-field\]\:\!mb-\[14px\] .wa-field {
  margin-bottom: 14px !important;
}
.ss\:\[\&_\.wa-field\]\:mb-\[16px\] .wa-field {
  margin-bottom: 16px;
}
.ss\:\[\&_\.wa-field\]\:\!block .wa-field {
  display: block !important;
}
.ss\:\[\&_\.wa-field\]\:\!flex .wa-field {
  display: flex !important;
}
.ss\:\[\&_\.wa-field\]\:flex .wa-field {
  display: flex;
}
.ss\:\[\&_\.wa-field\]\:\!w-full .wa-field {
  width: 100% !important;
}
.ss\:\[\&_\.wa-field\]\:w-full .wa-field {
  width: 100%;
}
.ss\:\[\&_\.wa-field\]\:\!flex-col .wa-field {
  flex-direction: column !important;
}
.ss\:\[\&_\.wa-field\]\:flex-col .wa-field {
  flex-direction: column;
}
.ss\:\[\&_\.wa-field\]\:\!items-stretch .wa-field {
  align-items: stretch !important;
}
.ss\:\[\&_\.wa-field\]\:items-start .wa-field {
  align-items: flex-start;
}
.ss\:\[\&_\.wa-field\]\:gap-\[6px\] .wa-field {
  gap: 6px;
}
.ss\:\[\&_\.wa-field\]\:\!p-0 .wa-field {
  padding: 0px !important;
}
.ss\:\[\&_\.wa-field\]\:text-left .wa-field {
  text-align: left;
}
.ss\:\[\&_\.wa-field_input\]\:\!h-\[48px\] .wa-field input {
  height: 48px !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!w-full .wa-field input {
  width: 100% !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!max-w-none .wa-field input {
  max-width: none !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!rounded-\[var\(--border-radius\)\] .wa-field input {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!border .wa-field input {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!border-\[var\(--form-border\)\] .wa-field input {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!bg-\[var\(--bg-secondary-color\)\] .wa-field input {
  background-color: var(--bg-secondary-color) !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!px-\[16px\] .wa-field input {
  padding-inline: 16px !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!text-\[15px\] .wa-field input {
  font-size: 15px !important;
}
.ss\:\[\&_\.wa-field_input\]\:\!outline-none .wa-field input {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-field_input\:focus\]\:\!border-\[var\(--color-primary\)\] .wa-field input:focus {
  border-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-field_input\:focus\]\:\!bg-white .wa-field input:focus {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-field-birthday_\.wa-value\]\:\!flex .wa-field-birthday .wa-value {
  display: flex !important;
}
.ss\:\[\&_\.wa-field-birthday_\.wa-value\]\:\!flex-row .wa-field-birthday .wa-value {
  flex-direction: row !important;
}
.ss\:\[\&_\.wa-field-birthday_\.wa-value\]\:\!flex-nowrap .wa-field-birthday .wa-value {
  flex-wrap: nowrap !important;
}
.ss\:\[\&_\.wa-field-birthday_\.wa-value\]\:\!items-center .wa-field-birthday .wa-value {
  align-items: center !important;
}
.ss\:\[\&_\.wa-field-birthday_\.wa-value\]\:\!gap-\[10px\] .wa-field-birthday .wa-value {
  gap: 10px !important;
}
.ss\:\[\&_\.wa-field-birthday_input\]\:\!w-0 .wa-field-birthday input {
  width: 0px !important;
}
.ss\:\[\&_\.wa-field-birthday_input\]\:\!min-w-0 .wa-field-birthday input {
  min-width: 0px !important;
}
.ss\:\[\&_\.wa-field-birthday_input\]\:\!flex-1 .wa-field-birthday input {
  flex: 1 !important;
}
.ss\:\[\&_\.wa-field-birthday_select\:first-child\]\:\!w-0 .wa-field-birthday select:first-child {
  width: 0px !important;
}
.ss\:\[\&_\.wa-field-birthday_select\:first-child\]\:\!min-w-0 .wa-field-birthday select:first-child {
  min-width: 0px !important;
}
.ss\:\[\&_\.wa-field-birthday_select\:first-child\]\:\!flex-1 .wa-field-birthday select:first-child {
  flex: 1 !important;
}
.ss\:\[\&_\.wa-field-birthday_select\:nth-child\(2\)\]\:\!w-0 .wa-field-birthday select:nth-child(2) {
  width: 0px !important;
}
.ss\:\[\&_\.wa-field-birthday_select\:nth-child\(2\)\]\:\!min-w-0 .wa-field-birthday select:nth-child(2) {
  min-width: 0px !important;
}
.ss\:\[\&_\.wa-field-birthday_select\:nth-child\(2\)\]\:\!flex-\[2\] .wa-field-birthday select:nth-child(2) {
  flex: 2 !important;
}
.ss\:\[\&_\.wa-field-remember-me\]\:\!hidden .wa-field-remember-me {
  display: none !important;
}
.ss\:\[\&_\.wa-forgotpassword-form-actions\]\:\!ml-0 .wa-forgotpassword-form-actions {
  margin-left: 0px !important;
}
.ss\:\[\&_\.wa-form\]\:\!w-full .wa-form {
  width: 100% !important;
}
.ss\:\[\&_\.wa-form\]\:w-full .wa-form {
  width: 100%;
}
.ss\:\[\&_\.wa-name\]\:\!float-none .wa-name {
  float: none !important;
}
.ss\:\[\&_\.wa-name\]\:\!mb-\[5px\] .wa-name {
  margin-bottom: 5px !important;
}
.ss\:\[\&_\.wa-name\]\:\!mb-\[6px\] .wa-name {
  margin-bottom: 6px !important;
}
.ss\:\[\&_\.wa-name\]\:mb-\[6px\] .wa-name {
  margin-bottom: 6px;
}
.ss\:\[\&_\.wa-name\]\:\!block .wa-name {
  display: block !important;
}
.ss\:\[\&_\.wa-name\]\:block .wa-name {
  display: block;
}
.ss\:\[\&_\.wa-name\]\:\!w-auto .wa-name {
  width: auto !important;
}
.ss\:\[\&_\.wa-name\]\:\!w-full .wa-name {
  width: 100% !important;
}
.ss\:\[\&_\.wa-name\]\:w-full .wa-name {
  width: 100%;
}
.ss\:\[\&_\.wa-name\]\:\!min-w-0 .wa-name {
  min-width: 0px !important;
}
.ss\:\[\&_\.wa-name\]\:\!p-0 .wa-name {
  padding: 0px !important;
}
.ss\:\[\&_\.wa-name\]\:\!text-left .wa-name {
  text-align: left !important;
}
.ss\:\[\&_\.wa-name\]\:text-left .wa-name {
  text-align: left;
}
.ss\:\[\&_\.wa-name\]\:\!text-\[12px\] .wa-name {
  font-size: 12px !important;
}
.ss\:\[\&_\.wa-name\]\:\!text-\[13px\] .wa-name {
  font-size: 13px !important;
}
.ss\:\[\&_\.wa-name\]\:text-\[14px\] .wa-name {
  font-size: 14px;
}
.ss\:\[\&_\.wa-name\]\:\!font-semibold .wa-name {
  --tw-font-weight: var(--ss-font-weight-semibold) !important;
  font-weight: var(--ss-font-weight-semibold) !important;
}
.ss\:\[\&_\.wa-name\]\:font-bold .wa-name {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_\.wa-name\]\:\!text-\[\#86868B\] .wa-name {
  color: #86868B !important;
}
.ss\:\[\&_\.wa-name\]\:\!text-\[var\(--color-grey\)\] .wa-name {
  color: var(--color-grey) !important;
}
.ss\:\[\&_\.wa-name\]\:text-\[var\(--font-color\)\] .wa-name {
  color: var(--font-color);
}
.ss\:\[\&_\.wa-required_\.wa-name\]\:after\:\!text-\[\#faa\] .wa-required .wa-name::after {
  content: var(--tw-content);
  color: #faa !important;
}
.ss\:\[\&_\.wa-required_\.wa-name\]\:after\:content-\[\'_\*\'\] .wa-required .wa-name::after {
  --tw-content: ' *';
  content: var(--tw-content);
}
.ss\:\[\&_\.wa-section-header\]\:\!hidden .wa-section-header {
  display: none !important;
}
.ss\:\[\&_\.wa-signup-url\]\:\!hidden .wa-signup-url {
  display: none !important;
}
.ss\:\[\&_\.wa-submit\]\:\!ml-0 .wa-submit {
  margin-left: 0px !important;
}
.ss\:\[\&_\.wa-submit\]\:\!w-full .wa-submit {
  width: 100% !important;
}
.ss\:\[\&_\.wa-submit_input\]\:\!h-\[50px\] .wa-submit input {
  height: 50px !important;
}
.ss\:\[\&_\.wa-submit_input\]\:\!w-full .wa-submit input {
  width: 100% !important;
}
.ss\:\[\&_\.wa-submit_input\]\:\!rounded-\[var\(--border-radius\)\] .wa-submit input {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_\.wa-submit_input\]\:\!border-0 .wa-submit input {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_\.wa-submit_input\]\:\!bg-\[var\(--color-primary\)\] .wa-submit input {
  background-color: var(--color-primary) !important;
}
.ss\:\[\&_\.wa-submit_input\]\:\!font-bold .wa-submit input {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_\.wa-submit_input\]\:\!text-white .wa-submit input {
  color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-value\]\:\!relative .wa-value {
  position: relative !important;
}
.ss\:\[\&_\.wa-value\]\:\!m-0 .wa-value {
  margin: 0px !important;
}
.ss\:\[\&_\.wa-value\]\:\!ml-0 .wa-value {
  margin-left: 0px !important;
}
.ss\:\[\&_\.wa-value\]\:\!block .wa-value {
  display: block !important;
}
.ss\:\[\&_\.wa-value\]\:\!w-full .wa-value {
  width: 100% !important;
}
.ss\:\[\&_\.wa-value\]\:w-full .wa-value {
  width: 100%;
}
.ss\:\[\&_\.wa-value\]\:\!flex-1 .wa-value {
  flex: 1 !important;
}
.ss\:\[\&_\.wa-value\]\:\!p-0 .wa-value {
  padding: 0px !important;
}
.ss\:\[\&_\.wa-value\]\:text-left .wa-value {
  text-align: left;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!h-\[48px\] .wa-value input[type=password] {
  height: 48px !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!w-full .wa-value input[type=password] {
  width: 100% !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!max-w-full .wa-value input[type=password] {
  max-width: 100% !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!rounded-\[14px\] .wa-value input[type=password] {
  border-radius: 14px !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!border-2 .wa-value input[type=password] {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!border-\[\#F4F5F8\] .wa-value input[type=password] {
  border-color: #F4F5F8 !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!bg-\[\#F4F5F8\] .wa-value input[type=password] {
  background-color: #F4F5F8 !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!px-\[16px\] .wa-value input[type=password] {
  padding-inline: 16px !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!text-\[15px\] .wa-value input[type=password] {
  font-size: 15px !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!font-medium .wa-value input[type=password] {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!text-\[\#15161A\] .wa-value input[type=password] {
  color: #15161A !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!shadow-none .wa-value input[type=password] {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\[\&_\.wa-value_input\[type\=password\]\]\:\!outline-none .wa-value input[type=password] {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!h-\[48px\] .wa-value select {
  height: 48px !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!w-full .wa-value select {
  width: 100% !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!max-w-full .wa-value select {
  max-width: 100% !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!rounded-\[14px\] .wa-value select {
  border-radius: 14px !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!border-2 .wa-value select {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!border-\[\#F4F5F8\] .wa-value select {
  border-color: #F4F5F8 !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!bg-\[\#F4F5F8\] .wa-value select {
  background-color: #F4F5F8 !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!px-\[14px\] .wa-value select {
  padding-inline: 14px !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!text-\[14px\] .wa-value select {
  font-size: 14px !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!font-medium .wa-value select {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!text-\[\#15161A\] .wa-value select {
  color: #15161A !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!shadow-none .wa-value select {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ss\:\[\&_\.wa-value_select\]\:\!outline-none .wa-value select {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.ss\:\[\&_\.wa-value_select\:focus\]\:\!border-\[var\(--form-border\)\] .wa-value select:focus {
  border-color: var(--form-border) !important;
}
.ss\:\[\&_\.wa-value_select\:focus\]\:\!bg-white .wa-value select:focus {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_\.wa-value_select\:hover\]\:\!border-\[\#EAECEF\] .wa-value select:hover {
  border-color: #EAECEF !important;
}
.ss\:\[\&_\.wa-value_select\:hover\]\:\!bg-\[\#EAECEF\] .wa-value select:hover {
  background-color: #EAECEF !important;
}
.ss\:\[\&_\.wa-value_textarea\]\:\!h-\[70px\] .wa-value textarea {
  height: 70px !important;
}
.ss\:\[\&_\.wa-value_textarea\]\:\!min-w-\[300px\] .wa-value textarea {
  min-width: 300px !important;
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_\.wa-value_textarea\]\:\!w-full .wa-value textarea {
    width: 100% !important;
  }
  .ss\:max-\[900px\]\:\[\&_\.wa-value_textarea\]\:\!min-w-0 .wa-value textarea {
    min-width: 0px !important;
  }
}
.ss\:\[\&_\[onclick\]\]\:cursor-pointer [onclick] {
  cursor: pointer;
}
.ss\:\[\&_\[onclick\]_\*\]\:cursor-pointer [onclick] * {
  cursor: pointer;
}
.ss\:\[\&_\[role\=button\]\]\:cursor-pointer [role=button] {
  cursor: pointer;
}
.ss\:\[\&_\[role\=button\]_\*\]\:cursor-pointer [role=button] * {
  cursor: pointer;
}
.ss\:\[\&_a\]\:absolute a {
  position: absolute;
}
.ss\:\[\&_a\]\:relative a {
  position: relative;
}
.ss\:\[\&_a\]\:inset-0 a {
  inset: 0px;
}
.ss\:\[\&_a\]\:z-10 a {
  z-index: 10;
}
.ss\:\[\&_a\]\:z-\[1\] a {
  z-index: 1;
}
.ss\:\[\&_a\]\:m-0 a {
  margin: 0px;
}
.ss\:\[\&_a\]\:mt-\[10px\] a {
  margin-top: 10px;
}
.ss\:\[\&_a\]\:mr-\[calc\(var\(--grid-gutter\)\/2\)\] a {
  margin-right: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_a\]\:mb-\[calc\(var\(--grid-gutter\)\/2\)\] a {
  margin-bottom: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_a\]\:ml-\[var\(--grid-gutter\)\] a {
  margin-left: var(--grid-gutter);
}
.ss\:\[\&_a\]\:block a {
  display: block;
}
.ss\:\[\&_a\]\:flex a {
  display: flex;
}
.ss\:\[\&_a\]\:inline-block a {
  display: inline-block;
}
.ss\:\[\&_a\]\:inline-flex a {
  display: inline-flex;
}
.ss\:\[\&_a\]\:h-\[50px\] a {
  height: 50px;
}
.ss\:\[\&_a\]\:max-h-\[50px\] a {
  max-height: 50px;
}
.ss\:\[\&_a\]\:min-h-\[40px\] a {
  min-height: 40px;
}
.ss\:\[\&_a\]\:min-h-\[56px\] a {
  min-height: 56px;
}
.ss\:\[\&_a\]\:w-\[50px\] a {
  width: 50px;
}
.ss\:\[\&_a\]\:w-full a {
  width: 100%;
}
.ss\:\[\&_a\]\:cursor-pointer a {
  cursor: pointer;
}
.ss\:\[\&_a\]\:flex-col a {
  flex-direction: column;
}
.ss\:\[\&_a\]\:items-center a {
  align-items: center;
}
.ss\:\[\&_a\]\:justify-center a {
  justify-content: center;
}
.ss\:\[\&_a\]\:gap-\[calc\(var\(--grid-gutter\)\/2\)\] a {
  gap: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_a\]\:overflow-hidden a {
  overflow: hidden;
}
.ss\:\[\&_a\]\:rounded-\[var\(--border-radius\)\] a {
  border-radius: var(--border-radius);
}
.ss\:\[\&_a\]\:rounded-t-\[var\(--border-radius\)\] a {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.ss\:\[\&_a\]\:border a {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_a\]\:border-2 a {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.ss\:\[\&_a\]\:border-\[var\(--color-lightGrey\)\] a {
  border-color: var(--color-lightGrey);
}
.ss\:\[\&_a\]\:border-\[var\(--form-border\)\] a {
  border-color: var(--form-border);
}
.ss\:\[\&_a\]\:bg-\[var\(--color-grey\)\] a {
  background-color: var(--color-grey);
}
.ss\:\[\&_a\]\:bg-\[var\(--color-white\)\] a {
  background-color: var(--color-white);
}
.ss\:\[\&_a\]\:bg-white a {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_a\]\:p-\[3px\] a {
  padding: 3px;
}
.ss\:\[\&_a\]\:p-\[calc\(var\(--grid-gutter\)\/1\.5\)_var\(--grid-gutter\)\] a {
  padding: calc(var(--grid-gutter) / 1.5) var(--grid-gutter);
}
.ss\:\[\&_a\]\:px-\[6px\] a {
  padding-inline: 6px;
}
.ss\:\[\&_a\]\:px-\[14px\] a {
  padding-inline: 14px;
}
.ss\:\[\&_a\]\:px-\[20px\] a {
  padding-inline: 20px;
}
.ss\:\[\&_a\]\:py-\[14px\] a {
  padding-block: 14px;
}
.ss\:\[\&_a\]\:pt-\[1px\] a {
  padding-top: 1px;
}
.ss\:\[\&_a\]\:pb-\[2px\] a {
  padding-bottom: 2px;
}
.ss\:\[\&_a\]\:text-center a {
  text-align: center;
}
.ss\:\[\&_a\]\:text-\[14px\] a {
  font-size: 14px;
}
.ss\:\[\&_a\]\:text-\[length\:var\(--font-size-micro\)\] a {
  font-size: var(--font-size-micro);
}
.ss\:\[\&_a\]\:text-\[length\:var\(--font-size-xs\)\] a {
  font-size: var(--font-size-xs);
}
.ss\:\[\&_a\]\:\!leading-\[1\.25\] a {
  --tw-leading: 1.25 !important;
  line-height: 1.25 !important;
}
.ss\:\[\&_a\]\:leading-\[1\.25\] a {
  --tw-leading: 1.25;
  line-height: 1.25;
}
.ss\:\[\&_a\]\:leading-\[calc\(var\(--font-size-micro\)\+2px\)\] a {
  --tw-leading: calc(var(--font-size-micro) + 2px);
  line-height: calc(var(--font-size-micro) + 2px);
}
.ss\:\[\&_a\]\:\!font-medium a {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_a\]\:\!font-semibold a {
  --tw-font-weight: var(--ss-font-weight-semibold) !important;
  font-weight: var(--ss-font-weight-semibold) !important;
}
.ss\:\[\&_a\]\:font-bold a {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_a\]\:font-medium a {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_a\]\:font-normal a {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_a\]\:font-semibold a {
  --tw-font-weight: var(--ss-font-weight-semibold);
  font-weight: var(--ss-font-weight-semibold);
}
.ss\:\[\&_a\]\:break-words a {
  overflow-wrap: break-word;
}
.ss\:\[\&_a\]\:\!text-\[var\(--font-color\)\] a {
  color: var(--font-color) !important;
}
.ss\:\[\&_a\]\:\!text-white a {
  color: var(--ss-color-white) !important;
}
.ss\:\[\&_a\]\:text-\[\#666\] a {
  color: #666;
}
.ss\:\[\&_a\]\:text-\[\#888\] a {
  color: #888;
}
.ss\:\[\&_a\]\:text-\[var\(--color-footer-text\)\] a {
  color: var(--color-footer-text);
}
.ss\:\[\&_a\]\:text-\[var\(--color-grey\)\] a {
  color: var(--color-grey);
}
.ss\:\[\&_a\]\:text-\[var\(--color-primary\)\] a {
  color: var(--color-primary);
}
.ss\:\[\&_a\]\:text-\[var\(--font-color\)\] a {
  color: var(--font-color);
}
.ss\:\[\&_a\]\:text-inherit a {
  color: inherit;
}
.ss\:\[\&_a\]\:text-primary a {
  color: var(--ss-color-primary);
}
.ss\:\[\&_a\]\:text-white a {
  color: var(--ss-color-white);
}
.ss\:\[\&_a\]\:\!underline a {
  text-decoration-line: underline !important;
}
.ss\:\[\&_a\]\:no-underline a {
  text-decoration-line: none;
}
.ss\:\[\&_a\]\:underline a {
  text-decoration-line: underline;
}
.ss\:\[\&_a\]\:\!decoration-white a {
  text-decoration-color: var(--ss-color-white) !important;
}
.ss\:\[\&_a\]\:\!underline-offset-2 a {
  text-underline-offset: 2px !important;
}
.ss\:\[\&_a\]\:underline-offset-2 a {
  text-underline-offset: 2px;
}
.ss\:\[\&_a\]\:underline-offset-\[3px\] a {
  text-underline-offset: 3px;
}
.ss\:\[\&_a\]\:transition-all a {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_a\]\:transition-colors a {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
@media (hover: hover) {
  .ss\:\[\&_a\]\:hover\:\!opacity-80 a:hover {
    opacity: 80% !important;
  }
}
.ss\:\[\&_a\.active\]\:border-\[var\(--color-primary\)\] a.active {
  border-color: var(--color-primary);
}
.ss\:\[\&_a\.depth0\\_header\]\:mt-\[8px\] a.depth0_header {
  margin-top: 8px;
}
.ss\:\[\&_a\.depth0\\_header\]\:mb-\[18px\] a.depth0_header {
  margin-bottom: 18px;
}
.ss\:\[\&_a\.depth0\\_header\]\:block a.depth0_header {
  display: block;
}
.ss\:\[\&_a\.depth0\\_header\]\:pb-\[15px\] a.depth0_header {
  padding-bottom: 15px;
}
.ss\:\[\&_a\.depth0\\_header\]\:text-\[length\:var\(--font-size-xl\)\] a.depth0_header {
  font-size: var(--font-size-xl);
}
.ss\:\[\&_a\.depth0\\_header\]\:font-bold a.depth0_header {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_a\.depth0\\_header\]\:\!text-\[var\(--color-grey\)\] a.depth0_header {
  color: var(--color-grey) !important;
}
.ss\:\[\&_a\.depth0\\_header\:hover\]\:\!text-\[var\(--color-primary\)\] a.depth0_header:hover {
  color: var(--color-primary) !important;
}
.ss\:\[\&_a\.depth1\\_header\]\:mt-0 a.depth1_header {
  margin-top: 0px;
}
.ss\:\[\&_a\.depth1\\_header\]\:mb-\[5px\] a.depth1_header {
  margin-bottom: 5px;
}
.ss\:\[\&_a\.depth1\\_header\]\:block a.depth1_header {
  display: block;
}
.ss\:\[\&_a\.depth1\\_header\]\:text-\[length\:var\(--font-middle\)\] a.depth1_header {
  font-size: var(--font-middle);
}
.ss\:\[\&_a\.depth1\\_header\]\:font-bold a.depth1_header {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_a\.depth1\\_header\]\:\!text-\[var\(--color-grey\)\] a.depth1_header {
  color: var(--color-grey) !important;
}
.ss\:\[\&_a\.depth1\\_header\:hover\]\:\!text-\[var\(--color-primary\)\] a.depth1_header:hover {
  color: var(--color-primary) !important;
}
.ss\:\[\&_a\.main-menu\\_\\_show-all\]\:\!text-\[var\(--color-grey\)\] a.main-menu__show-all {
  color: var(--color-grey) !important;
}
.ss\:\[\&_a\.main-menu\\_\\_show-all\:hover\]\:\!text-\[var\(--color-primary\)\] a.main-menu__show-all:hover {
  color: var(--color-primary) !important;
}
.ss\:\[\&_a\:hover\]\:border-\[var\(--font-color\)\] a:hover {
  border-color: var(--font-color);
}
.ss\:\[\&_a\:hover\]\:\!text-\[var\(--color-primary\)\] a:hover {
  color: var(--color-primary) !important;
}
.ss\:\[\&_a\:hover\]\:text-\[var\(--color-link\)\] a:hover {
  color: var(--color-link);
}
.ss\:\[\&_a\:hover\]\:text-\[var\(--color-primary\)\] a:hover {
  color: var(--color-primary);
}
.ss\:\[\&_a\:hover\]\:text-\[var\(--font-color\)\] a:hover {
  color: var(--font-color);
}
.ss\:\[\&_a\:hover\]\:text-\[var\(--footer-link\)\] a:hover {
  color: var(--footer-link);
}
.ss\:\[\&_a\:hover\]\:brightness-95 a:hover {
  --tw-brightness: brightness(95%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.ss\:\[\&_a\[href\]\]\:cursor-pointer a[href] {
  cursor: pointer;
}
.ss\:\[\&_a\[href\]_\*\]\:cursor-pointer a[href] * {
  cursor: pointer;
}
.ss\:\[\&_b\]\:text-\[var\(--color-grey\)\] b {
  color: var(--color-grey);
}
.ss\:\[\&_button\:not\(\:disabled\)\:not\(\.swiper-button-disabled\)\]\:cursor-pointer button:not(:disabled):not(.swiper-button-disabled) {
  cursor: pointer;
}
.ss\:\[\&_button\:not\(\:disabled\)\:not\(\.swiper-button-disabled\)_\*\]\:cursor-pointer button:not(:disabled):not(.swiper-button-disabled) * {
  cursor: pointer;
}
.ss\:\[\&_div\]\:min-w-0 div {
  min-width: 0px;
}
.ss\:\[\&_div\]\:shrink-0 div {
  flex-shrink: 0;
}
.ss\:\[\&_div\]\:leading-\[1\.5\] div {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.ss\:\[\&_div\]\:break-words div {
  overflow-wrap: break-word;
}
.ss\:\[\&_div\.selected_a\]\:text-\[var\(--color-primary\)\] div.selected a {
  color: var(--color-primary);
}
.ss\:\[\&_figure\]\:my-\[28px\] figure {
  margin-block: 28px;
}
.ss\:\[\&_figure\]\:flex figure {
  display: flex;
}
.ss\:\[\&_figure\]\:w-full figure {
  width: 100%;
}
.ss\:\[\&_figure\]\:justify-center figure {
  justify-content: center;
}
.ss\:\[\&_h1\]\:mb-\[var\(--grid-gutter\)\] h1 {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_h1\]\:text-\[length\:var\(--font-size-xxl\)\] h1 {
  font-size: var(--font-size-xxl);
}
.ss\:\[\&_h1\]\:font-bold h1 {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_h2\]\:mt-\[32px\] h2 {
  margin-top: 32px;
}
.ss\:\[\&_h2\]\:mt-\[42px\] h2 {
  margin-top: 42px;
}
.ss\:\[\&_h2\]\:mb-\[16px\] h2 {
  margin-bottom: 16px;
}
.ss\:\[\&_h2\]\:mb-\[18px\] h2 {
  margin-bottom: 18px;
}
.ss\:\[\&_h2\]\:mb-\[20px\] h2 {
  margin-bottom: 20px;
}
.ss\:\[\&_h2\]\:mb-\[var\(--grid-gutter\)\] h2 {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_h2\]\:text-\[18px\] h2 {
  font-size: 18px;
}
.ss\:\[\&_h2\]\:text-\[28px\] h2 {
  font-size: 28px;
}
.ss\:\[\&_h2\]\:text-\[length\:var\(--font-size-lg\)\] h2 {
  font-size: var(--font-size-lg);
}
.ss\:\[\&_h2\]\:leading-\[1\.2\] h2 {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.ss\:\[\&_h2\]\:font-bold h2 {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_h2\]\:font-extrabold h2 {
  --tw-font-weight: var(--ss-font-weight-extrabold);
  font-weight: var(--ss-font-weight-extrabold);
}
.ss\:\[\&_h2\]\:text-\[var\(--color-font\)\] h2 {
  color: var(--color-font);
}
.ss\:\[\&_h2\]\:text-\[var\(--font-color\)\] h2 {
  color: var(--font-color);
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&_h2\]\:mt-\[34px\] h2 {
    margin-top: 34px;
  }
  .ss\:max-\[768px\]\:\[\&_h2\]\:text-\[23px\] h2 {
    font-size: 23px;
  }
}
.ss\:\[\&_h2\:first-child\]\:mt-0 h2:first-child {
  margin-top: 0px;
}
.ss\:\[\&_h3\]\:mt-\[32px\] h3 {
  margin-top: 32px;
}
.ss\:\[\&_h3\]\:mb-\[14px\] h3 {
  margin-bottom: 14px;
}
.ss\:\[\&_h3\]\:mb-\[20px\] h3 {
  margin-bottom: 20px;
}
.ss\:\[\&_h3\]\:mb-\[var\(--grid-gutter\)\] h3 {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_h3\]\:basis-full h3 {
  flex-basis: 100%;
}
.ss\:\[\&_h3\]\:text-\[18px\] h3 {
  font-size: 18px;
}
.ss\:\[\&_h3\]\:text-\[22px\] h3 {
  font-size: 22px;
}
.ss\:\[\&_h3\]\:text-\[length\:var\(--font-size-md\)\] h3 {
  font-size: var(--font-size-md);
}
.ss\:\[\&_h3\]\:leading-\[1\.25\] h3 {
  --tw-leading: 1.25;
  line-height: 1.25;
}
.ss\:\[\&_h3\]\:font-bold h3 {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_h3\]\:font-extrabold h3 {
  --tw-font-weight: var(--ss-font-weight-extrabold);
  font-weight: var(--ss-font-weight-extrabold);
}
.ss\:\[\&_h3\]\:text-\[var\(--font-color\)\] h3 {
  color: var(--font-color);
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&_h3\]\:text-\[20px\] h3 {
    font-size: 20px;
  }
}
.ss\:\[\&_h3\:first-child\]\:mt-0 h3:first-child {
  margin-top: 0px;
}
.ss\:\[\&_h4\]\:mb-\[var\(--grid-gutter\)\] h4 {
  margin-bottom: var(--grid-gutter);
}
.ss\:\[\&_h4\]\:text-\[length\:var\(--font-size-base\)\] h4 {
  font-size: var(--font-size-base);
}
.ss\:\[\&_h4\]\:text-\[length\:var\(--font-size-lg\)\] h4 {
  font-size: var(--font-size-lg);
}
.ss\:\[\&_h4\]\:font-bold h4 {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_hr\]\:bg-\[hsla\(0\,0\%\,100\%\,\.35\)\] hr {
  background-color: hsla(0,0%,100%,.35);
}
.ss\:\[\&_i\]\:mx-\[var\(--grid-gutter\)\] i {
  margin-inline: var(--grid-gutter);
}
.ss\:\[\&_i\]\:inline-block i {
  display: inline-block;
}
.ss\:\[\&_i\]\:inline-flex i {
  display: inline-flex;
}
.ss\:\[\&_i\]\:h-\[28px\] i {
  height: 28px;
}
.ss\:\[\&_i\]\:w-\[28px\] i {
  width: 28px;
}
.ss\:\[\&_i\]\:cursor-pointer i {
  cursor: pointer;
}
.ss\:\[\&_i\]\:items-center i {
  align-items: center;
}
.ss\:\[\&_i\]\:justify-center i {
  justify-content: center;
}
.ss\:\[\&_i\]\:pr-\[20px\] i {
  padding-right: 20px;
}
.ss\:\[\&_i\]\:text-\[28px\] i {
  font-size: 28px;
}
.ss\:\[\&_i\]\:text-\[var\(--color-primary\)\] i {
  color: var(--color-primary);
}
.ss\:\[\&_i\]\:transition-colors i {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_iframe\]\:\!h-full iframe {
  height: 100% !important;
}
.ss\:\[\&_iframe\]\:\!min-h-full iframe {
  min-height: 100% !important;
}
.ss\:\[\&_iframe\]\:\!w-full iframe {
  width: 100% !important;
}
.ss\:\[\&_iframe\]\:max-w-full iframe {
  max-width: 100%;
}
.ss\:\[\&_iframe\]\:\!border-0 iframe {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_img\]\:\!mx-auto img {
  margin-inline: auto !important;
}
.ss\:\[\&_img\]\:mx-auto img {
  margin-inline: auto;
}
.ss\:\[\&_img\]\:my-\[28px\] img {
  margin-block: 28px;
}
.ss\:\[\&_img\]\:block img {
  display: block;
}
.ss\:\[\&_img\]\:hidden img {
  display: none;
}
.ss\:\[\&_img\]\:h-auto img {
  height: auto;
}
.ss\:\[\&_img\]\:h-full img {
  height: 100%;
}
.ss\:\[\&_img\]\:max-h-\[50px\] img {
  max-height: 50px;
}
.ss\:\[\&_img\]\:max-h-\[52px\] img {
  max-height: 52px;
}
.ss\:\[\&_img\]\:max-h-\[56px\] img {
  max-height: 56px;
}
.ss\:\[\&_img\]\:max-h-\[410px\] img {
  max-height: 410px;
}
.ss\:\[\&_img\]\:max-h-full img {
  max-height: 100%;
}
.ss\:\[\&_img\]\:max-h-none img {
  max-height: none;
}
.ss\:\[\&_img\]\:w-\[80px\] img {
  width: 80px;
}
.ss\:\[\&_img\]\:w-auto img {
  width: auto;
}
.ss\:\[\&_img\]\:w-full img {
  width: 100%;
}
.ss\:\[\&_img\]\:max-w-\[52px\] img {
  max-width: 52px;
}
.ss\:\[\&_img\]\:max-w-\[56px\] img {
  max-width: 56px;
}
.ss\:\[\&_img\]\:max-w-full img {
  max-width: 100%;
}
.ss\:\[\&_img\]\:max-w-none img {
  max-width: none;
}
.ss\:\[\&_img\]\:rounded-\[6px\] img {
  border-radius: 6px;
}
.ss\:\[\&_img\]\:rounded-\[var\(--border-radius\)\] img {
  border-radius: var(--border-radius);
}
.ss\:\[\&_img\]\:object-contain img {
  object-fit: contain;
}
.ss\:\[\&_img\]\:p-\[5px\] img {
  padding: 5px;
}
.ss\:\[\&_img\]\:\!brightness-0 img {
  --tw-brightness: brightness(0%) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_img\]\:\!brightness-0 img {
    --tw-brightness: brightness(0%) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .ss\:max-\[900px\]\:\[\&_img\]\:\!invert img {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
}
.ss\:\[\&_input\]\:m-0 input {
  margin: 0px;
}
.ss\:\[\&_input\]\:\!h-full input {
  height: 100% !important;
}
.ss\:\[\&_input\]\:\!w-\[55px\] input {
  width: 55px !important;
}
.ss\:\[\&_input\]\:\!max-w-\[55px\] input {
  max-width: 55px !important;
}
.ss\:\[\&_input\]\:\!min-w-\[55px\] input {
  min-width: 55px !important;
}
.ss\:\[\&_input\]\:\!border-0 input {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_input\]\:\!bg-transparent input {
  background-color: transparent !important;
}
.ss\:\[\&_input\]\:\!px-\[2px\] input {
  padding-inline: 2px !important;
}
.ss\:\[\&_input\]\:text-center input {
  text-align: center;
}
.ss\:\[\&_input\]\:\!text-\[length\:var\(--font-size-xl\)\] input {
  font-size: var(--font-size-xl) !important;
}
.ss\:\[\&_input\]\:font-bold input {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_input\]\:\!h-\[40px\] input {
    height: 40px !important;
  }
}
.ss\:\[\&_input\:focus\]\:\!bg-white input:focus {
  background-color: var(--ss-color-white) !important;
}
.ss\:\[\&_input\:focus\]\:\!outline-2 input:focus {
  outline-style: var(--tw-outline-style) !important;
  outline-width: 2px !important;
}
.ss\:\[\&_input\:focus\]\:\!outline-\[var\(--form-border\)\] input:focus {
  outline-color: var(--form-border) !important;
}
.ss\:\[\&_input\[type\=email\]\]\:mb-0 input[type=email] {
  margin-bottom: 0px;
}
.ss\:\[\&_input\[type\=email\]\]\:\!h-\[48px\] input[type=email] {
  height: 48px !important;
}
.ss\:\[\&_input\[type\=email\]\]\:h-\[46px\] input[type=email] {
  height: 46px;
}
.ss\:\[\&_input\[type\=email\]\]\:\!w-full input[type=email] {
  width: 100% !important;
}
.ss\:\[\&_input\[type\=email\]\]\:w-full input[type=email] {
  width: 100%;
}
.ss\:\[\&_input\[type\=email\]\]\:\!max-w-none input[type=email] {
  max-width: none !important;
}
.ss\:\[\&_input\[type\=email\]\]\:\!rounded-\[var\(--border-radius\)\] input[type=email] {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_input\[type\=email\]\]\:rounded-\[var\(--border-radius\)\] input[type=email] {
  border-radius: var(--border-radius);
}
.ss\:\[\&_input\[type\=email\]\]\:\!border-0 input[type=email] {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_input\[type\=email\]\]\:border input[type=email] {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_input\[type\=email\]\]\:border-\[var\(--form-border\)\] input[type=email] {
  border-color: var(--form-border);
}
.ss\:\[\&_input\[type\=email\]\]\:\!bg-\[\#F4F5F8\] input[type=email] {
  background-color: #F4F5F8 !important;
}
.ss\:\[\&_input\[type\=email\]\]\:bg-white input[type=email] {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_input\[type\=email\]\]\:\!px-\[16px\] input[type=email] {
  padding-inline: 16px !important;
}
.ss\:\[\&_input\[type\=email\]\]\:px-\[16px\] input[type=email] {
  padding-inline: 16px;
}
.ss\:\[\&_input\[type\=email\]\]\:\!text-\[15px\] input[type=email] {
  font-size: 15px !important;
}
.ss\:\[\&_input\[type\=email\]\]\:text-\[14px\] input[type=email] {
  font-size: 14px;
}
.ss\:\[\&_input\[type\=email\]\]\:font-medium input[type=email] {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_input\[type\=email\]\]\:text-\[var\(--font-color\)\] input[type=email] {
  color: var(--font-color);
}
.ss\:\[\&_input\[type\=email\]\]\:focus\:border-\[var\(--color-primary\)\] input[type=email]:focus {
  border-color: var(--color-primary);
}
.ss\:\[\&_input\[type\=email\]\]\:focus\:outline-none input[type=email]:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:\[\&_input\[type\=password\]\]\:mb-0 input[type=password] {
  margin-bottom: 0px;
}
.ss\:\[\&_input\[type\=password\]\]\:\!h-\[48px\] input[type=password] {
  height: 48px !important;
}
.ss\:\[\&_input\[type\=password\]\]\:h-\[46px\] input[type=password] {
  height: 46px;
}
.ss\:\[\&_input\[type\=password\]\]\:\!w-full input[type=password] {
  width: 100% !important;
}
.ss\:\[\&_input\[type\=password\]\]\:w-full input[type=password] {
  width: 100%;
}
.ss\:\[\&_input\[type\=password\]\]\:\!max-w-none input[type=password] {
  max-width: none !important;
}
.ss\:\[\&_input\[type\=password\]\]\:\!rounded-\[var\(--border-radius\)\] input[type=password] {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_input\[type\=password\]\]\:rounded-\[var\(--border-radius\)\] input[type=password] {
  border-radius: var(--border-radius);
}
.ss\:\[\&_input\[type\=password\]\]\:\!border-0 input[type=password] {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_input\[type\=password\]\]\:border input[type=password] {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_input\[type\=password\]\]\:border-\[var\(--form-border\)\] input[type=password] {
  border-color: var(--form-border);
}
.ss\:\[\&_input\[type\=password\]\]\:\!bg-\[\#F4F5F8\] input[type=password] {
  background-color: #F4F5F8 !important;
}
.ss\:\[\&_input\[type\=password\]\]\:bg-white input[type=password] {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_input\[type\=password\]\]\:\!px-\[16px\] input[type=password] {
  padding-inline: 16px !important;
}
.ss\:\[\&_input\[type\=password\]\]\:px-\[16px\] input[type=password] {
  padding-inline: 16px;
}
.ss\:\[\&_input\[type\=password\]\]\:\!text-\[15px\] input[type=password] {
  font-size: 15px !important;
}
.ss\:\[\&_input\[type\=password\]\]\:text-\[14px\] input[type=password] {
  font-size: 14px;
}
.ss\:\[\&_input\[type\=password\]\]\:font-medium input[type=password] {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_input\[type\=password\]\]\:text-\[var\(--font-color\)\] input[type=password] {
  color: var(--font-color);
}
.ss\:\[\&_input\[type\=password\]\]\:focus\:border-\[var\(--color-primary\)\] input[type=password]:focus {
  border-color: var(--color-primary);
}
.ss\:\[\&_input\[type\=password\]\]\:focus\:outline-none input[type=password]:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!mt-\[10px\] input[type=submit] {
  margin-top: 10px !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!h-\[48px\] input[type=submit] {
  height: 48px !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!w-full input[type=submit] {
  width: 100% !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!cursor-pointer input[type=submit] {
  cursor: pointer !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!rounded-\[var\(--border-radius\)\] input[type=submit] {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!border-0 input[type=submit] {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!bg-\[var\(--color-primary\)\] input[type=submit] {
  background-color: var(--color-primary) !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!bg-primary input[type=submit] {
  background-color: var(--ss-color-primary) !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!px-\[16px\] input[type=submit] {
  padding-inline: 16px !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!px-\[20px\] input[type=submit] {
  padding-inline: 20px !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!px-\[22px\] input[type=submit] {
  padding-inline: 22px !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!font-bold input[type=submit] {
  --tw-font-weight: var(--ss-font-weight-bold) !important;
  font-weight: var(--ss-font-weight-bold) !important;
}
.ss\:\[\&_input\[type\=submit\]\]\:\!text-white input[type=submit] {
  color: var(--ss-color-white) !important;
}
.ss\:\[\&_input\[type\=submit\]\:hover\]\:\!opacity-90 input[type=submit]:hover {
  opacity: 90% !important;
}
.ss\:\[\&_input\[type\=text\]\]\:mb-0 input[type=text] {
  margin-bottom: 0px;
}
.ss\:\[\&_input\[type\=text\]\]\:\!h-\[48px\] input[type=text] {
  height: 48px !important;
}
.ss\:\[\&_input\[type\=text\]\]\:h-\[46px\] input[type=text] {
  height: 46px;
}
.ss\:\[\&_input\[type\=text\]\]\:\!w-full input[type=text] {
  width: 100% !important;
}
.ss\:\[\&_input\[type\=text\]\]\:w-full input[type=text] {
  width: 100%;
}
.ss\:\[\&_input\[type\=text\]\]\:\!max-w-none input[type=text] {
  max-width: none !important;
}
.ss\:\[\&_input\[type\=text\]\]\:\!rounded-\[14px\] input[type=text] {
  border-radius: 14px !important;
}
.ss\:\[\&_input\[type\=text\]\]\:\!rounded-\[var\(--border-radius\)\] input[type=text] {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_input\[type\=text\]\]\:rounded-\[var\(--border-radius\)\] input[type=text] {
  border-radius: var(--border-radius);
}
.ss\:\[\&_input\[type\=text\]\]\:\!border-0 input[type=text] {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_input\[type\=text\]\]\:\!border-2 input[type=text] {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.ss\:\[\&_input\[type\=text\]\]\:border input[type=text] {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_input\[type\=text\]\]\:\!border-\[\#F4F5F8\] input[type=text] {
  border-color: #F4F5F8 !important;
}
.ss\:\[\&_input\[type\=text\]\]\:border-\[var\(--form-border\)\] input[type=text] {
  border-color: var(--form-border);
}
.ss\:\[\&_input\[type\=text\]\]\:\!bg-\[\#F4F5F8\] input[type=text] {
  background-color: #F4F5F8 !important;
}
.ss\:\[\&_input\[type\=text\]\]\:bg-white input[type=text] {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_input\[type\=text\]\]\:\!px-\[16px\] input[type=text] {
  padding-inline: 16px !important;
}
.ss\:\[\&_input\[type\=text\]\]\:px-\[16px\] input[type=text] {
  padding-inline: 16px;
}
.ss\:\[\&_input\[type\=text\]\]\:\!text-\[15px\] input[type=text] {
  font-size: 15px !important;
}
.ss\:\[\&_input\[type\=text\]\]\:text-\[14px\] input[type=text] {
  font-size: 14px;
}
.ss\:\[\&_input\[type\=text\]\]\:font-medium input[type=text] {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_input\[type\=text\]\]\:text-\[var\(--font-color\)\] input[type=text] {
  color: var(--font-color);
}
.ss\:\[\&_input\[type\=text\]\]\:focus\:border-\[var\(--color-primary\)\] input[type=text]:focus {
  border-color: var(--color-primary);
}
.ss\:\[\&_input\[type\=text\]\]\:focus\:outline-none input[type=text]:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:\[\&_label\]\:flex label {
  display: flex;
}
.ss\:\[\&_label\]\:cursor-pointer label {
  cursor: pointer;
}
.ss\:\[\&_label\]\:items-center label {
  align-items: center;
}
.ss\:\[\&_label\]\:gap-\[5px\] label {
  gap: 5px;
}
.ss\:\[\&_label\]\:leading-none label {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:\[\&_label\.name\]\:mt-\[14px\] label.name {
  margin-top: 14px;
}
.ss\:\[\&_label\.name\]\:mb-\[8px\] label.name {
  margin-bottom: 8px;
}
.ss\:\[\&_label\.name\]\:block label.name {
  display: block;
}
.ss\:\[\&_label\.name\]\:text-\[14px\] label.name {
  font-size: 14px;
}
.ss\:\[\&_label\.name\]\:font-bold label.name {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_label\.name\]\:text-\[var\(--font-color\)\] label.name {
  color: var(--font-color);
}
.ss\:\[\&_label\[for\]\]\:cursor-pointer label[for] {
  cursor: pointer;
}
.ss\:\[\&_label\[for\]_\*\]\:cursor-pointer label[for] * {
  cursor: pointer;
}
.ss\:\[\&_li\]\:relative li {
  position: relative;
}
.ss\:\[\&_li\]\:\!m-0 li {
  margin: 0px !important;
}
.ss\:\[\&_li\]\:m-0 li {
  margin: 0px;
}
.ss\:\[\&_li\]\:my-\[6px\] li {
  margin-block: 6px;
}
.ss\:\[\&_li\]\:mr-\[calc\(var\(--grid-gutter\)\/4\)\] li {
  margin-right: calc(var(--grid-gutter) / 4);
}
.ss\:\[\&_li\]\:mb-0 li {
  margin-bottom: 0px;
}
.ss\:\[\&_li\]\:flex li {
  display: flex;
}
.ss\:\[\&_li\]\:inline-block li {
  display: inline-block;
}
.ss\:\[\&_li\]\:shrink-0 li {
  flex-shrink: 0;
}
.ss\:\[\&_li\]\:cursor-pointer li {
  cursor: pointer;
}
.ss\:\[\&_li\]\:flex-col li {
  flex-direction: column;
}
.ss\:\[\&_li\]\:items-center li {
  align-items: center;
}
.ss\:\[\&_li\]\:rounded-\[12px\] li {
  border-radius: 12px;
}
.ss\:\[\&_li\]\:rounded-\[50px\] li {
  border-radius: 50px;
}
.ss\:\[\&_li\]\:border li {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_li\]\:border-\[var\(--form-border\)\] li {
  border-color: var(--form-border);
}
.ss\:\[\&_li\]\:bg-\[\#f8f8fa\] li {
  background-color: #f8f8fa;
}
.ss\:\[\&_li\]\:\!p-0 li {
  padding: 0px !important;
}
.ss\:\[\&_li\]\:p-0 li {
  padding: 0px;
}
.ss\:\[\&_li\]\:px-\[15px\] li {
  padding-inline: 15px;
}
.ss\:\[\&_li\]\:py-\[2px\] li {
  padding-block: 2px;
}
.ss\:\[\&_li\]\:py-\[5px\] li {
  padding-block: 5px;
}
.ss\:\[\&_li\]\:py-\[14px\] li {
  padding-block: 14px;
}
.ss\:\[\&_li\]\:pr-\[16px\] li {
  padding-right: 16px;
}
.ss\:\[\&_li\]\:pl-\[4px\] li {
  padding-left: 4px;
}
.ss\:\[\&_li\]\:pl-\[45px\] li {
  padding-left: 45px;
}
.ss\:\[\&_li\]\:text-\[14px\] li {
  font-size: 14px;
}
.ss\:\[\&_li\]\:leading-\[1\.4\] li {
  --tw-leading: 1.4;
  line-height: 1.4;
}
.ss\:\[\&_li\]\:\!font-medium li {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_li\]\:transition-all li {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_li\]\:transition-transform li {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_li\]\:duration-200 li {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.ss\:\[\&_li\]\:before\:absolute li::before {
  content: var(--tw-content);
  position: absolute;
}
.ss\:\[\&_li\]\:before\:top-1\/2 li::before {
  content: var(--tw-content);
  top: calc(1 / 2 * 100%);
}
.ss\:\[\&_li\]\:before\:left-\[16px\] li::before {
  content: var(--tw-content);
  left: 16px;
}
.ss\:\[\&_li\]\:before\:h-\[18px\] li::before {
  content: var(--tw-content);
  height: 18px;
}
.ss\:\[\&_li\]\:before\:w-\[18px\] li::before {
  content: var(--tw-content);
  width: 18px;
}
.ss\:\[\&_li\]\:before\:translate-y-\[-50\%\] li::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_li\]\:before\:rounded-full li::before {
  content: var(--tw-content);
  border-radius: calc(infinity * 1px);
}
.ss\:\[\&_li\]\:before\:bg-\[\#1C1C1E\] li::before {
  content: var(--tw-content);
  background-color: #1C1C1E;
}
.ss\:\[\&_li\]\:before\:text-center li::before {
  content: var(--tw-content);
  text-align: center;
}
.ss\:\[\&_li\]\:before\:text-\[11px\] li::before {
  content: var(--tw-content);
  font-size: 11px;
}
.ss\:\[\&_li\]\:before\:leading-\[18px\] li::before {
  content: var(--tw-content);
  --tw-leading: 18px;
  line-height: 18px;
}
.ss\:\[\&_li\]\:before\:font-bold li::before {
  content: var(--tw-content);
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_li\]\:before\:text-white li::before {
  content: var(--tw-content);
  color: var(--ss-color-white);
}
.ss\:\[\&_li\]\:before\:content-\[\'✓\'\] li::before {
  --tw-content: '✓';
  content: var(--tw-content);
}
@media (hover: hover) {
  .ss\:\[\&_li\]\:hover\:translate-x-\[3px\] li:hover {
    --tw-translate-x: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (width < 575px) {
  .ss\:max-\[575px\]\:\[\&_li\]\:py-\[12px\] li {
    padding-block: 12px;
  }
  .ss\:max-\[575px\]\:\[\&_li\]\:pr-\[12px\] li {
    padding-right: 12px;
  }
  .ss\:max-\[575px\]\:\[\&_li\]\:pl-\[40px\] li {
    padding-left: 40px;
  }
  .ss\:max-\[575px\]\:\[\&_li\]\:text-\[13px\] li {
    font-size: 13px;
  }
}
.ss\:\[\&_li_\.price\\_s\]\:ml-\[calc\(var\(--grid-gutter\)\/2\)\] li .price_s {
  margin-left: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_li_\.price\\_s\]\:font-normal li .price_s {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_li_\.price\\_s\]\:text-\[var\(--color-grey\)\] li .price_s {
  color: var(--color-grey);
}
.ss\:\[\&_li_a\]\:flex li a {
  display: flex;
}
.ss\:\[\&_li_a\]\:items-center li a {
  align-items: center;
}
.ss\:\[\&_li_a\]\:px-\[16px\] li a {
  padding-inline: 16px;
}
.ss\:\[\&_li_a\]\:py-\[6px\] li a {
  padding-block: 6px;
}
.ss\:\[\&_li_a\]\:text-\[length\:var\(--font-size-xs\)\] li a {
  font-size: var(--font-size-xs);
}
.ss\:\[\&_li_a\]\:font-bold li a {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_li_a\]\:text-\[var\(--font-color\)\] li a {
  color: var(--font-color);
}
.ss\:\[\&_li_a\]\:no-underline li a {
  text-decoration-line: none;
}
.ss\:\[\&_li\.selected\]\:border-\[var\(--color-primary\)\] li.selected {
  border-color: var(--color-primary);
}
.ss\:\[\&_li\.selected_a\]\:text-\[var\(--color-primary\)\] li.selected a {
  color: var(--color-primary);
}
.ss\:\[\&_li\.selected\>a\]\:bg-\[var\(--color-primary\)\] li.selected > a {
  background-color: var(--color-primary);
}
.ss\:\[\&_li\.selected\>a\]\:text-white li.selected > a {
  color: var(--ss-color-white);
}
.ss\:\[\&_li\.selected\>a\]\:opacity-100 li.selected > a {
  opacity: 100%;
}
.ss\:\[\&_li\.tree\]\:after\:absolute li.tree::after {
  content: var(--tw-content);
  position: absolute;
}
.ss\:\[\&_li\.tree\]\:after\:top-1\/2 li.tree::after {
  content: var(--tw-content);
  top: calc(1 / 2 * 100%);
}
.ss\:\[\&_li\.tree\]\:after\:right-\[20px\] li.tree::after {
  content: var(--tw-content);
  right: 20px;
}
.ss\:\[\&_li\.tree\]\:after\:-translate-y-1\/2 li.tree::after {
  content: var(--tw-content);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&_li\.tree\]\:after\:text-\[20px\] li.tree::after {
  content: var(--tw-content);
  font-size: 20px;
}
.ss\:\[\&_li\.tree\]\:after\:leading-none li.tree::after {
  content: var(--tw-content);
  --tw-leading: 1;
  line-height: 1;
}
.ss\:\[\&_li\.tree\]\:after\:font-bold li.tree::after {
  content: var(--tw-content);
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_li\.tree\]\:after\:text-\[\#8e8e93\] li.tree::after {
  content: var(--tw-content);
  color: #8e8e93;
}
.ss\:\[\&_li\.tree\]\:after\:content-\[\'›\'\] li.tree::after {
  --tw-content: '›';
  content: var(--tw-content);
}
.ss\:\[\&_li\.tree\.selected\]\:after\:text-white li.tree.selected::after {
  content: var(--tw-content);
  color: var(--ss-color-white);
}
.ss\:\[\&_li\:\:marker\]\:text-\[var\(--font-color\)\] li::marker {
  color: var(--font-color);
}
.ss\:\[\&_li\:\:marker\]\:text-primary li::marker {
  color: var(--ss-color-primary);
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:relative li:not(:last-child)::after {
  position: relative;
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:mr-\[8px\] li:not(:last-child)::after {
  margin-right: 8px;
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:ml-\[8px\] li:not(:last-child)::after {
  margin-left: 8px;
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:inline-block li:not(:last-child)::after {
  display: inline-block;
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:text-\[13px\] li:not(:last-child)::after {
  font-size: 13px;
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:leading-none li:not(:last-child)::after {
  --tw-leading: 1;
  line-height: 1;
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:font-normal li:not(:last-child)::after {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:text-\[var\(--color-grey\)\] li:not(:last-child)::after {
  color: var(--color-grey);
}
.ss\:\[\&_li\:not\(\:last-child\)\:\:after\]\:content-\[\'›\'\] li:not(:last-child)::after {
  --tw-content: '›';
  content: var(--tw-content);
}
.ss\:\[\&_li\>a\]\:\!flex li > a {
  display: flex !important;
}
.ss\:\[\&_li\>a\]\:w-full li > a {
  width: 100%;
}
.ss\:\[\&_li\>a\]\:items-center li > a {
  align-items: center;
}
.ss\:\[\&_li\>a\]\:justify-between li > a {
  justify-content: space-between;
}
.ss\:\[\&_li\>a\]\:rounded-\[var\(--border-radius\)\] li > a {
  border-radius: var(--border-radius);
}
.ss\:\[\&_li\>a\]\:p-\[8px_45px_8px_15px\] li > a {
  padding: 8px 45px 8px 15px;
}
.ss\:\[\&_li\>a\]\:leading-\[1\.25\] li > a {
  --tw-leading: 1.25;
  line-height: 1.25;
}
.ss\:\[\&_li\>a\]\:font-bold li > a {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_li\>a\]\:break-words li > a {
  overflow-wrap: break-word;
}
.ss\:\[\&_li\>a\]\:whitespace-normal li > a {
  white-space: normal;
}
.ss\:\[\&_li\>a\]\:text-\[var\(--font-color\)\] li > a {
  color: var(--font-color);
}
.ss\:\[\&_li\>a\]\:transition-colors li > a {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_ol\]\:my-\[16px\] ol {
  margin-block: 16px;
}
.ss\:\[\&_ol\]\:my-\[24px\] ol {
  margin-block: 24px;
}
.ss\:\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}
:where(.ss\:\[\&_ol\]\:space-y-\[10px\] ol > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(10px * var(--tw-space-y-reverse));
  margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
}
.ss\:\[\&_ol\]\:pl-\[28px\] ol {
  padding-left: 28px;
}
.ss\:\[\&_p\]\:\!m-0 p {
  margin: 0px !important;
}
.ss\:\[\&_p\]\:m-0 p {
  margin: 0px;
}
.ss\:\[\&_p\]\:my-0 p {
  margin-block: 0px;
}
.ss\:\[\&_p\]\:my-\[16px\] p {
  margin-block: 16px;
}
.ss\:\[\&_p\]\:my-\[var\(--grid-gutter\)\] p {
  margin-block: var(--grid-gutter);
}
.ss\:\[\&_p\]\:mb-\[20px\] p {
  margin-bottom: 20px;
}
.ss\:\[\&_p\]\:basis-\[45\%\] p {
  flex-basis: 45%;
}
.ss\:\[\&_p\]\:text-\[16px\] p {
  font-size: 16px;
}
.ss\:\[\&_p\]\:leading-\[1\.7\] p {
  --tw-leading: 1.7;
  line-height: 1.7;
}
.ss\:\[\&_p\]\:\!font-medium p {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_p\]\:text-\[var\(--color-grey\)\] p {
  color: var(--color-grey);
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_p\]\:basis-auto p {
    flex-basis: auto;
  }
}
@media (width < 575px) {
  .ss\:max-\[575px\]\:\[\&_p\]\:text-\[14px\] p {
    font-size: 14px;
  }
}
.ss\:\[\&_p\:has\(img\)\]\:flex p:has(img) {
  display: flex;
}
.ss\:\[\&_p\:has\(img\)\]\:justify-center p:has(img) {
  justify-content: center;
}
.ss\:\[\&_s\]\:ml-\[5px\] s {
  margin-left: 5px;
}
.ss\:\[\&_s\]\:ml-\[6px\] s {
  margin-left: 6px;
}
.ss\:\[\&_s\]\:inline-block s {
  display: inline-block;
}
.ss\:\[\&_s\]\:text-\[12px\] s {
  font-size: 12px;
}
.ss\:\[\&_s\]\:text-\[13px\] s {
  font-size: 13px;
}
.ss\:\[\&_s\]\:text-\[length\:var\(--font-size-md\)\] s {
  font-size: var(--font-size-md);
}
.ss\:\[\&_s\]\:font-normal s {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_s\]\:text-\[var\(--color-grey\)\] s {
  color: var(--color-grey);
}
.ss\:\[\&_span\]\:block span {
  display: block;
}
.ss\:\[\&_span\]\:inline-flex span {
  display: inline-flex;
}
.ss\:\[\&_span\]\:items-center span {
  align-items: center;
}
.ss\:\[\&_span\]\:gap-\[4px\] span {
  gap: 4px;
}
.ss\:\[\&_span\]\:text-\[length\:var\(--font-size-sm\)\] span {
  font-size: var(--font-size-sm);
}
.ss\:\[\&_span\]\:font-normal span {
  --tw-font-weight: var(--ss-font-weight-normal);
  font-weight: var(--ss-font-weight-normal);
}
.ss\:\[\&_span\]\:whitespace-nowrap span {
  white-space: nowrap;
}
.ss\:\[\&_span\]\:text-\[var\(--color-grey\)\] span {
  color: var(--color-grey);
}
.ss\:\[\&_span\]\:text-white span {
  color: var(--ss-color-white);
}
.ss\:peer-checked\:\[\&_span\]\:rotate-90:is(:where(.ss\:peer):checked ~ *) span {
  rotate: 90deg;
}
.ss\:\[\&_span\.price\]\:font-bold span.price {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_span\.price\.nowrap\]\:whitespace-nowrap span.price.nowrap {
  white-space: nowrap;
}
.ss\:\[\&_svg\]\:absolute svg {
  position: absolute;
}
.ss\:\[\&_svg\]\:top-0 svg {
  top: 0px;
}
.ss\:\[\&_svg\]\:left-0 svg {
  left: 0px;
}
.ss\:\[\&_svg\]\:mr-\[calc\(var\(--grid-gutter\)\/2\)\] svg {
  margin-right: calc(var(--grid-gutter) / 2);
}
.ss\:\[\&_svg\]\:block svg {
  display: block;
}
.ss\:\[\&_svg\]\:inline-block svg {
  display: inline-block;
}
.ss\:\[\&_svg\]\:size-\[20px\] svg {
  width: 20px;
  height: 20px;
}
.ss\:\[\&_svg\]\:size-\[34px\] svg {
  width: 34px;
  height: 34px;
}
.ss\:\[\&_svg\]\:h-\[10px\] svg {
  height: 10px;
}
.ss\:\[\&_svg\]\:h-\[14px\] svg {
  height: 14px;
}
.ss\:\[\&_svg\]\:h-\[16px\] svg {
  height: 16px;
}
.ss\:\[\&_svg\]\:h-\[20px\] svg {
  height: 20px;
}
.ss\:\[\&_svg\]\:h-\[22px\] svg {
  height: 22px;
}
.ss\:\[\&_svg\]\:h-\[24px\] svg {
  height: 24px;
}
.ss\:\[\&_svg\]\:h-\[25px\] svg {
  height: 25px;
}
.ss\:\[\&_svg\]\:h-\[26px\] svg {
  height: 26px;
}
.ss\:\[\&_svg\]\:h-full svg {
  height: 100%;
}
.ss\:\[\&_svg\]\:w-\[10px\] svg {
  width: 10px;
}
.ss\:\[\&_svg\]\:w-\[16px\] svg {
  width: 16px;
}
.ss\:\[\&_svg\]\:w-\[20px\] svg {
  width: 20px;
}
.ss\:\[\&_svg\]\:w-\[22px\] svg {
  width: 22px;
}
.ss\:\[\&_svg\]\:w-\[23px\] svg {
  width: 23px;
}
.ss\:\[\&_svg\]\:w-\[24px\] svg {
  width: 24px;
}
.ss\:\[\&_svg\]\:w-\[26px\] svg {
  width: 26px;
}
.ss\:\[\&_svg\]\:w-full svg {
  width: 100%;
}
.ss\:\[\&_svg\]\:fill-\[var\(--color-grey\)\] svg {
  fill: var(--color-grey);
}
.ss\:\[\&_svg\]\:fill-\[var\(--color-primary\)\] svg {
  fill: var(--color-primary);
}
.ss\:\[\&_svg\]\:fill-current svg {
  fill: currentcolor;
}
.ss\:\[\&_svg\]\:fill-none svg {
  fill: none;
}
.ss\:\[\&_svg\]\:fill-transparent svg {
  fill: transparent;
}
.ss\:\[\&_svg\]\:fill-white svg {
  fill: var(--ss-color-white);
}
.ss\:\[\&_svg\]\:stroke-\[var\(--color-grey\)\] svg {
  stroke: var(--color-grey);
}
.ss\:\[\&_svg\]\:stroke-\[var\(--color-primary\)\] svg {
  stroke: var(--color-primary);
}
.ss\:\[\&_svg\]\:stroke-current svg {
  stroke: currentcolor;
}
.ss\:\[\&_svg\]\:stroke-white svg {
  stroke: var(--ss-color-white);
}
.ss\:\[\&_svg\]\:stroke-\[1\.8px\] svg {
  stroke-width: 1.8px;
}
.ss\:\[\&_svg\]\:stroke-\[2\.3px\] svg {
  stroke-width: 2.3px;
}
.ss\:\[\&_svg\]\:stroke-\[2\.25px\] svg {
  stroke-width: 2.25px;
}
.ss\:\[\&_svg\]\:stroke-\[2px\] svg {
  stroke-width: 2px;
}
.ss\:\[\&_svg\]\:transition-colors svg {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_svg\]\:duration-150 svg {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
@media (hover: hover) {
  .ss\:hover\:\[\&_svg\]\:fill-white:hover svg {
    fill: var(--ss-color-white);
  }
  .ss\:hover\:\[\&_svg\]\:stroke-\[var\(--color-primary\)\]:hover svg {
    stroke: var(--color-primary);
  }
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_svg\]\:\!stroke-white svg {
    stroke: var(--ss-color-white) !important;
  }
}
.ss\:\[\&_tbody_tr\:hover\]\:bg-\[\#f5f6f8\] tbody tr:hover {
  background-color: #f5f6f8;
}
.ss\:\[\&_td\]\:px-\[12px\] td {
  padding-inline: 12px;
}
.ss\:\[\&_td\]\:py-\[16px\] td {
  padding-block: 16px;
}
.ss\:\[\&_td\]\:\!font-medium td {
  --tw-font-weight: var(--ss-font-weight-medium) !important;
  font-weight: var(--ss-font-weight-medium) !important;
}
.ss\:\[\&_td\:first-child\]\:text-\[13px\] td:first-child {
  font-size: 13px;
}
.ss\:\[\&_td\:first-child\]\:whitespace-nowrap td:first-child {
  white-space: nowrap;
}
.ss\:\[\&_td\:first-child\]\:text-\[var\(--color-grey\)\] td:first-child {
  color: var(--color-grey);
}
.ss\:\[\&_textarea\]\:mb-0 textarea {
  margin-bottom: 0px;
}
.ss\:\[\&_textarea\]\:\!h-\[140px\] textarea {
  height: 140px !important;
}
.ss\:\[\&_textarea\]\:min-h-\[100px\] textarea {
  min-height: 100px;
}
.ss\:\[\&_textarea\]\:\!w-full textarea {
  width: 100% !important;
}
.ss\:\[\&_textarea\]\:w-full textarea {
  width: 100%;
}
.ss\:\[\&_textarea\]\:\!min-w-0 textarea {
  min-width: 0px !important;
}
.ss\:\[\&_textarea\]\:\!resize-y textarea {
  resize: vertical !important;
}
.ss\:\[\&_textarea\]\:resize-y textarea {
  resize: vertical;
}
.ss\:\[\&_textarea\]\:\!rounded-\[var\(--border-radius\)\] textarea {
  border-radius: var(--border-radius) !important;
}
.ss\:\[\&_textarea\]\:rounded-\[var\(--border-radius\)\] textarea {
  border-radius: var(--border-radius);
}
.ss\:\[\&_textarea\]\:\!border-0 textarea {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.ss\:\[\&_textarea\]\:border textarea {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_textarea\]\:border-\[var\(--form-border\)\] textarea {
  border-color: var(--form-border);
}
.ss\:\[\&_textarea\]\:\!bg-\[\#F4F5F8\] textarea {
  background-color: #F4F5F8 !important;
}
.ss\:\[\&_textarea\]\:bg-white textarea {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_textarea\]\:\!p-\[16px\] textarea {
  padding: 16px !important;
}
.ss\:\[\&_textarea\]\:p-\[12px_16px\] textarea {
  padding: 12px 16px;
}
.ss\:\[\&_textarea\]\:text-\[14px\] textarea {
  font-size: 14px;
}
.ss\:\[\&_textarea\]\:leading-relaxed textarea {
  --tw-leading: var(--ss-leading-relaxed);
  line-height: var(--ss-leading-relaxed);
}
.ss\:\[\&_textarea\]\:font-medium textarea {
  --tw-font-weight: var(--ss-font-weight-medium);
  font-weight: var(--ss-font-weight-medium);
}
.ss\:\[\&_textarea\]\:text-\[var\(--font-color\)\] textarea {
  color: var(--font-color);
}
.ss\:\[\&_textarea\]\:focus\:border-\[var\(--color-primary\)\] textarea:focus {
  border-color: var(--color-primary);
}
.ss\:\[\&_textarea\]\:focus\:outline-none textarea:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:\[\&_th\]\:border-b th {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.ss\:\[\&_th\]\:border-\[var\(--form-border\)\] th {
  border-color: var(--form-border);
}
.ss\:\[\&_th\]\:px-\[12px\] th {
  padding-inline: 12px;
}
.ss\:\[\&_th\]\:py-\[12px\] th {
  padding-block: 12px;
}
.ss\:\[\&_th\]\:text-\[12px\] th {
  font-size: 12px;
}
.ss\:\[\&_th\]\:font-bold th {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&_th\]\:tracking-\[0\.04em\] th {
  --tw-tracking: 0.04em;
  letter-spacing: 0.04em;
}
.ss\:\[\&_th\]\:text-\[var\(--color-grey\)\] th {
  color: var(--color-grey);
}
.ss\:\[\&_th\]\:uppercase th {
  text-transform: uppercase;
}
.ss\:\[\&_tr\]\:transition-colors tr {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--ss-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--ss-default-transition-duration));
}
.ss\:\[\&_tr\:nth-child\(n\+7\)\]\:hidden tr:nth-child(n+7) {
  display: none;
}
.ss\:\[\&_ul\]\:absolute ul {
  position: absolute;
}
.ss\:\[\&_ul\]\:relative ul {
  position: relative;
}
.ss\:\[\&_ul\]\:top-\[calc\(100\%\+5px\)\] ul {
  top: calc(100% + 5px);
}
.ss\:\[\&_ul\]\:left-0 ul {
  left: 0px;
}
.ss\:\[\&_ul\]\:z-50 ul {
  z-index: 50;
}
.ss\:\[\&_ul\]\:\!m-0 ul {
  margin: 0px !important;
}
.ss\:\[\&_ul\]\:m-0 ul {
  margin: 0px;
}
.ss\:\[\&_ul\]\:my-\[16px\] ul {
  margin-block: 16px;
}
.ss\:\[\&_ul\]\:my-\[24px\] ul {
  margin-block: 24px;
}
.ss\:\[\&_ul\]\:flex ul {
  display: flex;
}
.ss\:\[\&_ul\]\:grid ul {
  display: grid;
}
.ss\:\[\&_ul\]\:hidden ul {
  display: none;
}
.ss\:\[\&_ul\]\:w-\[250px\] ul {
  width: 250px;
}
.ss\:\[\&_ul\]\:basis-\[50\%\] ul {
  flex-basis: 50%;
}
.ss\:\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}
.ss\:\[\&_ul\]\:list-none ul {
  list-style-type: none;
}
.ss\:\[\&_ul\]\:grid-cols-1 ul {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.ss\:\[\&_ul\]\:flex-col ul {
  flex-direction: column;
}
.ss\:\[\&_ul\]\:\!gap-\[calc\(var\(--grid-gutter-mobile\)\/4\)\] ul {
  gap: calc(var(--grid-gutter-mobile) / 4) !important;
}
.ss\:\[\&_ul\]\:gap-\[10px\] ul {
  gap: 10px;
}
.ss\:\[\&_ul\]\:gap-\[calc\(var\(--grid-gutter-mobile\)\/4\)\] ul {
  gap: calc(var(--grid-gutter-mobile) / 4);
}
:where(.ss\:\[\&_ul\]\:space-y-\[10px\] ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(10px * var(--tw-space-y-reverse));
  margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
}
.ss\:\[\&_ul\]\:rounded-\[var\(--border-radius\)\] ul {
  border-radius: var(--border-radius);
}
.ss\:\[\&_ul\]\:border ul {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.ss\:\[\&_ul\]\:border-\[var\(--form-border\)\] ul {
  border-color: var(--form-border);
}
.ss\:\[\&_ul\]\:bg-transparent ul {
  background-color: transparent;
}
.ss\:\[\&_ul\]\:bg-white ul {
  background-color: var(--ss-color-white);
}
.ss\:\[\&_ul\]\:\!p-0 ul {
  padding: 0px !important;
}
.ss\:\[\&_ul\]\:p-0 ul {
  padding: 0px;
}
.ss\:\[\&_ul\]\:px-0 ul {
  padding-inline: 0px;
}
.ss\:\[\&_ul\]\:px-\[10px\] ul {
  padding-inline: 10px;
}
.ss\:\[\&_ul\]\:py-\[8px\] ul {
  padding-block: 8px;
}
.ss\:\[\&_ul\]\:pl-\[24px\] ul {
  padding-left: 24px;
}
.ss\:\[\&_ul\]\:pl-\[28px\] ul {
  padding-left: 28px;
}
.ss\:\[\&_ul\]\:shadow-md ul {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&_ul\]\:flex ul {
    display: flex;
  }
  .ss\:max-\[900px\]\:\[\&_ul\]\:w-full ul {
    width: 100%;
  }
  .ss\:max-\[900px\]\:\[\&_ul\]\:basis-auto ul {
    flex-basis: auto;
  }
  .ss\:max-\[900px\]\:\[\&_ul\]\:flex-wrap ul {
    flex-wrap: wrap;
  }
  .ss\:max-\[900px\]\:\[\&_ul\]\:gap-y-\[4px\] ul {
    row-gap: 4px;
  }
}
.ss\:\[\&_ul_li\]\:m-0 ul li {
  margin: 0px;
}
.ss\:\[\&_ul_li\]\:block ul li {
  display: block;
}
.ss\:\[\&_ul_li\]\:w-full ul li {
  width: 100%;
}
.ss\:\[\&_ul_li\]\:p-0 ul li {
  padding: 0px;
}
.ss\:\[\&_ul_li_a\]\:block ul li a {
  display: block;
}
.ss\:\[\&_ul_li_a\]\:p-\[8px_20px\] ul li a {
  padding: 8px 20px;
}
.ss\:\[\&_ul_li_a\]\:leading-normal ul li a {
  --tw-leading: var(--ss-leading-normal);
  line-height: var(--ss-leading-normal);
}
.ss\:\[\&_ul_li_a\]\:whitespace-normal ul li a {
  white-space: normal;
}
.ss\:\[\&_ul_li_ul\]\:pl-\[calc\(var\(--grid-gutter\)\*2\)\] ul li ul {
  padding-left: calc(var(--grid-gutter) * 2);
}
.ss\:\[\&_ul_li_ul_\.review\]\:flex-col ul li ul .review {
  flex-direction: column;
}
.ss\:\[\&_ul_li_ul_\.review\]\:rounded-\[var\(--border-radius\)\] ul li ul .review {
  border-radius: var(--border-radius);
}
.ss\:\[\&_ul_li_ul_\.review\]\:bg-\[var\(--bg-secondary-color\)\] ul li ul .review {
  background-color: var(--bg-secondary-color);
}
.ss\:\[\&_ul_li_ul_\.review\]\:p-\[20px\] ul li ul .review {
  padding: 20px;
}
.ss\:\[\&_ul_ul\]\:ml-\[32px\] ul ul {
  margin-left: 32px;
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&_ul_ul\]\:ml-\[16px\] ul ul {
    margin-left: 16px;
  }
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:absolute._open {
    position: absolute;
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:inset-0._open {
    inset: 0px;
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:z-\[700\]._open {
    z-index: 700;
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:flex._open {
    display: flex;
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:h-full._open {
    height: 100%;
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:w-full._open {
    width: 100%;
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:items-center._open {
    align-items: center;
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:bg-white._open {
    background-color: var(--ss-color-white);
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:px-\[calc\(var\(--grid-gutter\)\/2\)\]._open {
    padding-inline: calc(var(--grid-gutter) / 2);
  }
  .ss\:max-\[900px\]\:\[\&\.\\_open\]\:opacity-100._open {
    opacity: 100%;
  }
}
.ss\:\[\&\.\\_show\]\:pointer-events-auto._show {
  pointer-events: auto;
}
.ss\:\[\&\.\\_show\]\:visible._show {
  visibility: visible;
}
.ss\:\[\&\.\\_show\]\:block._show {
  display: block;
}
.ss\:\[\&\.\\_show\]\:flex._show {
  display: flex;
}
.ss\:\[\&\.\\_show\]\:flex-col._show {
  flex-direction: column;
}
.ss\:\[\&\.\\_show\]\:opacity-100._show {
  opacity: 100%;
}
@media (width >= 901px) {
  .ss\:min-\[901px\]\:\[\&\.\\_show\]\:hidden._show {
    display: none;
  }
}
.ss\:\[\&\.active\]\:pointer-events-auto.active {
  pointer-events: auto;
}
.ss\:\[\&\.active\]\:\!visible.active {
  visibility: visible !important;
}
.ss\:\[\&\.active\]\:visible.active {
  visibility: visible;
}
.ss\:\[\&\.active\]\:block.active {
  display: block;
}
.ss\:\[\&\.active\]\:flex.active {
  display: flex;
}
.ss\:\[\&\.active\]\:translate-y-0.active {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&\.active\]\:scale-100.active {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.ss\:\[\&\.active\]\:bg-\[var\(--color-primary\)\].active {
  background-color: var(--color-primary);
}
.ss\:\[\&\.active\]\:bg-gradient-to-r.active {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.ss\:\[\&\.active\]\:from-\[var\(--color-primary\)\].active {
  --tw-gradient-from: var(--color-primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:\[\&\.active\]\:to-\[var\(--color-primary-gradient\)\].active {
  --tw-gradient-to: var(--color-primary-gradient);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.ss\:\[\&\.active\]\:\!text-\[var\(--color-primary\)\].active {
  color: var(--color-primary) !important;
}
.ss\:\[\&\.active\]\:text-\[var\(--color-primary\)\].active {
  color: var(--color-primary);
}
.ss\:\[\&\.active\]\:\!opacity-100.active {
  opacity: 100% !important;
}
.ss\:\[\&\.active\]\:opacity-100.active {
  opacity: 100%;
}
.ss\:\[\&\.active_svg\.icon-compare\]\:\!fill-transparent.active svg.icon-compare {
  fill: transparent !important;
}
.ss\:\[\&\.active_svg\.icon-compare\]\:fill-\[var\(--color-primary\)\].active svg.icon-compare {
  fill: var(--color-primary);
}
.ss\:\[\&\.active_svg\.icon-compare\]\:stroke-\[var\(--color-primary\)\].active svg.icon-compare {
  stroke: var(--color-primary);
}
.ss\:\[\&\.active_svg\.icon-favorite\]\:fill-\[var\(--color-primary\)\].active svg.icon-favorite {
  fill: var(--color-primary);
}
.ss\:\[\&\.active_svg\.icon-favorite\]\:stroke-\[var\(--color-primary\)\].active svg.icon-favorite {
  stroke: var(--color-primary);
}
.ss\:\[\&\.disabled\]\:\!bg-\[\#eee\].disabled {
  background-color: #eee !important;
}
.ss\:\[\&\.disabled\]\:\!text-\[\#909295\].disabled {
  color: #909295 !important;
}
.ss\:\[\&\.is-extended_\.s-visible\]\:hidden.is-extended .s-visible {
  display: none;
}
.ss\:\[\&\.is-features\]\:flex.is-features {
  display: flex;
}
.ss\:\[\&\.is-highlighted\]\:bg-\[\#fafadf\].is-highlighted {
  background-color: #fafadf;
}
.ss\:\[\&\.is-ready\]\:visible.is-ready {
  visibility: visible;
}
.ss\:\[\&\.is-ready\]\:opacity-100.is-ready {
  opacity: 100%;
}
.ss\:\[\&\.loading\]\:cursor-not-allowed.loading {
  cursor: not-allowed;
}
.ss\:\[\&\.loading\]\:\!border-\[\#dcdce2\].loading {
  border-color: #dcdce2 !important;
}
.ss\:\[\&\.loading\]\:\!text-\[\#909295\].loading {
  color: #909295 !important;
}
.ss\:\[\&\.loading\]\:\!\[background\:\#f5f5f7\].loading {
  background: #f5f5f7 !important;
}
.ss\:\[\&\.open\]\:visible.open {
  visibility: visible;
}
.ss\:\[\&\.open\]\:opacity-100.open {
  opacity: 100%;
}
.ss\:\[\&\.open_\.icon\]\:rotate-180.open .icon {
  rotate: 180deg;
}
.ss\:\[\&\.open_\.mobile-navigation\\_\\_sheet\]\:translate-y-0.open .mobile-navigation__sheet {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&\.search-popup-show\]\:visible.search-popup-show {
  visibility: visible;
}
.ss\:\[\&\.search-popup-show\]\:translate-y-0.search-popup-show {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.ss\:\[\&\.search-popup-show\]\:opacity-100.search-popup-show {
  opacity: 100%;
}
.ss\:\[\&\.selected\]\:border-\[var\(--color-primary\)\].selected {
  border-color: var(--color-primary);
}
.ss\:\[\&\.selected\]\:bg-\[\#f8f8fa\].selected {
  background-color: #f8f8fa;
}
.ss\:\[\&\.selected\]\:bg-\[linear-gradient\(45deg\,var\(--color-primary\)\,var\(--color-primary-gradient\)\)\].selected {
  background-image: linear-gradient(45deg,var(--color-primary),var(--color-primary-gradient));
}
.ss\:\[\&\.selected\]\:font-bold.selected {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&\.selected\]\:text-white.selected {
  color: var(--ss-color-white);
}
.ss\:\[\&\.selected\]\:shadow-\[0_6px_12px_rgba\(29\,29\,31\,0\.05\)\].selected {
  --tw-shadow: 0 6px 12px var(--tw-shadow-color, rgba(29,29,31,0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&\.selected\]\:shadow-\[0_10px_25px_rgba\(29\,29\,31\,0\.06\)\].selected {
  --tw-shadow: 0 10px 25px var(--tw-shadow-color, rgba(29,29,31,0.06));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&\.selected_\.color\\_checkmark\]\:block.selected .color_checkmark {
  display: block;
}
.ss\:\[\&\.shop-geotargeting-window_show\]\:overflow-hidden.shop-geotargeting-window show {
  overflow: hidden;
}
.ss\:\[\&\.show\]\:\!visible.show {
  visibility: visible !important;
}
.ss\:\[\&\.show\]\:block.show {
  display: block;
}
.ss\:\[\&\.show\]\:\!opacity-100.show {
  opacity: 100% !important;
}
.ss\:\[\&\.success\]\:cursor-default.success {
  cursor: default;
}
.ss\:\[\&\.success\]\:\!border-\[\#28a745\].success {
  border-color: #28a745 !important;
}
.ss\:\[\&\.success\]\:\!text-white.success {
  color: var(--ss-color-white) !important;
}
.ss\:\[\&\.success\]\:\!\[background\:\#28a745\].success {
  background: #28a745 !important;
}
.ss\:\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.ss\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
@media (width < 640px) {
  .ss\:max-\[640px\]\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
}
.ss\:\[\&\:\:marker\]\:hidden::marker {
  display: none;
}
.ss\:\[\&\:not\(\.is-extended\)_\.s-hidden\]\:hidden:not(.is-extended) .s-hidden {
  display: none;
}
.ss\:\[\&\:not\(\.open\)_\.group-filter\]\:hidden:not(.open) .group-filter {
  display: none;
}
.ss\:\[\&\:not\(\.open\)_\.slideblock\]\:hidden:not(.open) .slideblock {
  display: none;
}
.ss\:\[\&\:not\(\.swiper-initialized\)\:not\(\.swiper-container-initialized\)\>\.swiper-wrapper\]\:flex:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper {
  display: flex;
}
.ss\:\[\&\:not\(\.swiper-initialized\)\:not\(\.swiper-container-initialized\)\>\.swiper-wrapper\]\:w-full:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper {
  width: 100%;
}
.ss\:\[\&\:not\(\.swiper-initialized\)\:not\(\.swiper-container-initialized\)\>\.swiper-wrapper\]\:flex-nowrap:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper {
  flex-wrap: nowrap;
}
.ss\:\[\&\:not\(\.swiper-initialized\)\:not\(\.swiper-container-initialized\)\>\.swiper-wrapper\]\:overflow-hidden:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper {
  overflow: hidden;
}
.ss\:\[\&\:not\(\.swiper-initialized\)\:not\(\.swiper-container-initialized\)\>\.swiper-wrapper\>\.swiper-slide\]\:w-1\/4:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
  width: calc(1 / 4 * 100%);
}
@media (width < 900px) {
  .ss\:max-\[900px\]\:\[\&\:not\(\.swiper-initialized\)\:not\(\.swiper-container-initialized\)\>\.swiper-wrapper\>\.swiper-slide\]\:w-1\/3:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc(1 / 3 * 100%);
  }
}
@media (width < 640px) {
  .ss\:max-\[640px\]\:\[\&\:not\(\.swiper-initialized\)\:not\(\.swiper-container-initialized\)\>\.swiper-wrapper\>\.swiper-slide\]\:w-2\/3:not(.swiper-initialized):not(.swiper-container-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc(2 / 3 * 100%);
  }
}
.ss\:\[\&\:not\(\:empty\)\]\:mt-\[20px\]:not(:empty) {
  margin-top: 20px;
}
.ss\:\[\&\:not\(\:first-child\)\]\:mt-\[20px\]:not(:first-child) {
  margin-top: 20px;
}
.ss\:\[\&\:not\(\[type\=checkbox\]\)\:not\(\[type\=radio\]\)\:not\(\[type\=submit\]\)\:not\(\[type\=color\]\)\:not\(\[type\=button\]\)\:not\(\[type\=reset\]\)\]\:border-0:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]) {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&\>\.product\\_\\_tab\]\:hidden > .product__tab {
  display: none;
}
.ss\:\[\&\>\.product\\_\\_tab\.active\]\:m-0 > .product__tab.active {
  margin: 0px;
}
.ss\:\[\&\>\.product\\_\\_tab\.active\]\:flex > .product__tab.active {
  display: flex;
}
.ss\:\[\&\>\.product\\_\\_tab\.active\]\:w-full > .product__tab.active {
  width: 100%;
}
.ss\:\[\&\>\.product\\_\\_tab\.active\]\:flex-col > .product__tab.active {
  flex-direction: column;
}
@media (width < 768px) {
  .ss\:max-\[768px\]\:\[\&\>\.reviews-branch\>li\>\.review\]\:m-\[0_0_16px\] > .reviews-branch > li > .review {
    margin: 0 0 16px;
  }
  .ss\:max-\[768px\]\:\[\&\>\.reviews-branch\>li\>\.review\]\:w-full > .reviews-branch > li > .review {
    width: 100%;
  }
}
.ss\:\[\&\>div\]\:\!m-0 > div {
  margin: 0px !important;
}
.ss\:\[\&\>input\]\:border-0 > input {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&\>input\]\:bg-transparent > input {
  background-color: transparent;
}
.ss\:\[\&\>input\]\:p-0 > input {
  padding: 0px;
}
.ss\:\[\&\>input\]\:shadow-none > input {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ss\:\[\&\>input\]\:outline-none > input {
  --tw-outline-style: none;
  outline-style: none;
}
.ss\:\[\&\>input\:focus\]\:border-0 > input:focus {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&\>input\:focus\]\:bg-transparent > input:focus {
  background-color: transparent;
}
.ss\:\[\&\>input\:hover\]\:border-0 > input:hover {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ss\:\[\&\>input\:hover\]\:bg-transparent > input:hover {
  background-color: transparent;
}
.ss\:\[\&\>li\]\:relative > li {
  position: relative;
}
.ss\:\[\&\>li\]\:\!m-0 > li {
  margin: 0px !important;
}
.ss\:\[\&\>li\]\:m-0 > li {
  margin: 0px;
}
.ss\:\[\&\>li\]\:mx-\[10px\] > li {
  margin-inline: 10px;
}
.ss\:\[\&\>li\]\:inline-block > li {
  display: inline-block;
}
.ss\:\[\&\>li\]\:\!w-full > li {
  width: 100% !important;
}
.ss\:\[\&\>li\]\:list-none > li {
  list-style-type: none;
}
.ss\:\[\&\>li\]\:\!p-0 > li {
  padding: 0px !important;
}
.ss\:\[\&\>li\]\:text-\[length\:var\(--font-size-sm\)\] > li {
  font-size: var(--font-size-sm);
}
.ss\:\[\&\>li\]\:whitespace-nowrap > li {
  white-space: nowrap;
}
@media (width < 1200px) {
  .ss\:max-\[1200px\]\:\[\&\>li\]\:mx-\[6px\] > li {
    margin-inline: 6px;
  }
}
.ss\:\[\&\>li\.selected\>a\]\:bg-primary > li.selected > a {
  background-color: var(--ss-color-primary);
}
.ss\:\[\&\>li\.selected\>a\]\:text-white > li.selected > a {
  color: var(--ss-color-white);
}
.ss\:\[\&\>li\:\:marker\]\:content-none > li::marker {
  --tw-content: none;
  content: none;
}
.ss\:\[\&\>li\:hover\>ul\]\:block > li:hover > ul {
  display: block;
}
.ss\:\[\&\>li\>a\]\:inline-flex > li > a {
  display: inline-flex;
}
.ss\:\[\&\>li\>a\]\:h-\[40px\] > li > a {
  height: 40px;
}
.ss\:\[\&\>li\>a\]\:min-w-\[40px\] > li > a {
  min-width: 40px;
}
.ss\:\[\&\>li\>a\]\:items-center > li > a {
  align-items: center;
}
.ss\:\[\&\>li\>a\]\:justify-center > li > a {
  justify-content: center;
}
.ss\:\[\&\>li\>a\]\:rounded-\[var\(--border-radius\)\] > li > a {
  border-radius: var(--border-radius);
}
.ss\:\[\&\>li\>a\]\:bg-white > li > a {
  background-color: var(--ss-color-white);
}
.ss\:\[\&\>li\>a\]\:px-\[12px\] > li > a {
  padding-inline: 12px;
}
.ss\:\[\&\>li\>a\]\:font-bold > li > a {
  --tw-font-weight: var(--ss-font-weight-bold);
  font-weight: var(--ss-font-weight-bold);
}
.ss\:\[\&\>li\>a\]\:text-primary > li > a {
  color: var(--ss-color-primary);
}
.ss\:\[\&\>span\]\:absolute > span {
  position: absolute;
}
.ss\:\[\&\>span\]\:inset-0 > span {
  inset: 0px;
}
.ss\:\[\&\>span\]\:cursor-pointer > span {
  cursor: pointer;
}
@media (width >= 901px) {
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:absolute {
    position: absolute;
  }
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:inset-0 {
    inset: 0px;
  }
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:h-0 {
    height: 0px;
  }
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:h-full {
    height: 100%;
  }
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:max-h-full {
    max-height: 100%;
  }
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:w-full {
    width: 100%;
  }
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:object-contain {
    object-fit: contain;
  }
  .category .ss\:min-\[901px\]\:\[\.category_\&\]\:pb-\[100\%\] {
    padding-bottom: 100%;
  }
}
.hcenter__search._open .ss\:\[\.hcenter\\_\\_search\.\\_open_\&\]\:flex {
  display: flex;
}
.home-slider popular .ss\:\[\.home-slider__popular_\&\]\:mt-\[calc\(var\(--grid-gutter\)\/3\)\] {
  margin-top: calc(var(--grid-gutter) / 3);
}
.home-slider popular .ss\:\[\.home-slider__popular_\&\]\:hidden {
  display: none;
}
.home-slider popular .ss\:\[\.home-slider__popular_\&\]\:max-h-\[190px\] {
  max-height: 190px;
}
.home-slider popular .ss\:\[\.home-slider__popular_\&\]\:border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.home-slider popular .ss\:\[\.home-slider__popular_\&\]\:bg-transparent {
  background-color: transparent;
}
.popup text .ss\:\[\.popup__text_\&\]\:p-0 {
  padding: 0px;
}
.popup .ss\:\[\.popup_\&\]\:m-0 {
  margin: 0px;
}
.popup .ss\:\[\.popup_\&\]\:h-\[57px\] {
  height: 57px;
}
.popup .ss\:\[\.popup_\&\]\:max-h-\[57px\] {
  max-height: 57px;
}
.popup .ss\:\[\.popup_\&\]\:max-h-\[300px\] {
  max-height: 300px;
}
.popup .ss\:\[\.popup_\&\]\:w-full {
  width: 100%;
}
.popup .ss\:\[\.popup_\&\]\:\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.popup .ss\:\[\.popup_\&\]\:overflow-y-auto {
  overflow-y: auto;
}
.popup .ss\:\[\.popup_\&\]\:border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.popup .ss\:\[\.popup_\&\]\:pb-0 {
  padding-bottom: 0px;
}
.popup .ss\:\[\.popup_\&\]\:pl-0 {
  padding-left: 0px;
}
@media (width < 900px) {
  .popup .ss\:max-\[900px\]\:\[\.popup_\&\]\:h-\[45px\] {
    height: 45px;
  }
}
.product-list loading .ss\:\[\.product-list__loading_\&\]\:rounded-\[var\(--border-radius\)\] {
  border-radius: var(--border-radius);
}
.product-list loading .ss\:\[\.product-list__loading_\&\]\:bg-\[var\(--color-lightGrey\)\] {
  background-color: var(--color-lightGrey);
}
.product-list loading .ss\:\[\.product-list__loading_\&\]\:opacity-0 {
  opacity: 0%;
}
.product-list loading .ss\:\[\.product-list__loading_\&\]\:opacity-40 {
  opacity: 40%;
}
.selected .ss\:\[\.selected_\&\]\:bg-\[\#1C1C1E\] {
  background-color: #1C1C1E;
}
.selected .ss\:\[\.selected_\&\]\:text-white {
  color: var(--ss-color-white);
}
body .mobile-navigation .ss\:\[body_\.mobile-navigation_\&\]\:p-0 {
  padding: 0px;
}
body.is-service-section .ss\:\[body\.is-service-section_\&\]\:hidden {
  display: none;
}
:root {
  --box-shadow-button: 0;
  --star-color: #f09b0a;
  --color-white: #fff;
  --color-grey: #8d8d8d;
  --color-darkGrey: #3a3a44;
  --color-error: #e64646;
  --color-success: #058427;
  --color-preorder: #f09b0a;
  --color-service: rgba(30, 30, 30, 1);
  --social-vk: #0077ff;
  --social-facebook: #1877f2;
  --social-twitter: #1da1f2;
  --social-max: #3d5bf7;
  --social-instagram: #e1306c;
  --social-youtube: #ff0000;
  --social-telegram: #229ed9;
  --social-yandex: #000000;
  --social-rutube: #100943;
  --brand-card-bg: #ececec;
  --grid-maxWidth: 140rem;
  --grid-gutter: 1.5rem;
  --grid-gutter-mobile: 1rem;
  --grid-footer: calc(var(--grid-gutter) * 6);
  --map-min-height: 400px;
  --map-mobile-min-height: 350px;
  --map-control-height: 40px;
  --map-content-padding: 20px;
  --map-social-width: 58px;
  --map-icon-size: 22px;
  --map-border-width: 1.5px;
  --map-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  --map-pin-size: 40px;
  --map-pin-circle-size: 34px;
  --map-pin-logo-size: 30px;
  --map-pin-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  --font-size-micro: 10px;
  --font-size-sm: 12px;
  --font-size-xs: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-xxl: 22px;
  --font-size-xxxl: 24px;
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --catalog-height: 44px;
  --box-shadow: 0 14px 28px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .05);
  --box-shadow-form: 0 2px 1px rgba(0, 0, 0, .05);
  --box-shadow-item: 0;
  --form-border: #e8e8e8;
  --box-border: #e8e8e8;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.block-header, .block-header h2, .block-header .block-header__title {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}
.block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--grid-gutter);
  max-width: var(--grid-maxWidth);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: calc(var(--grid-gutter) / 2);
  padding-right: calc(var(--grid-gutter) / 2);
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 14px;
}
@media screen and (max-width: 900px) {
  .block-header {
    margin-bottom: 10px;
  }
  .block-header, .block-header h2, .block-header .block-header__title {
    font-size: 20px;
    line-height: 1.25;
  }
}
.home-grid {
  max-width: var(--grid-maxWidth);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: calc(var(--grid-gutter) / 2);
  padding-right: calc(var(--grid-gutter) / 2);
  margin-top: calc(var(--grid-gutter) * 2);
}
.home-grid .home-grid__container {
  padding: 0;
  overflow: hidden;
}
.is-margin-top {
  margin-top: var(--grid-gutter);
}
@media screen and (max-width: 768px) {
  .is-margin-top {
    margin-top: 15px;
  }
}
.p-categories__inner:hover, .b-popular__inner:hover, .category-card:hover {
  box-shadow: none !important;
}
.block-header__arrow {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  background: #ffffff;
  border: none;
  border-radius: 9999px;
  height: 42px;
  max-height: 42px;
  padding: 4px;
  gap: 4px;
  box-shadow: none;
  margin: 0;
  box-sizing: border-box;
}
.block-header__arrow button {
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary, #2563eb);
  padding: 0;
  margin: 0;
  box-shadow: none;
  opacity: 1;
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  flex-shrink: 0;
}
.block-header__arrow button:hover:not(:disabled) {
  background: var(--color-primary, #2563eb);
  color: #ffffff;
}
.block-header__arrow button:disabled {
  opacity: 0.3;
  color: #9ca3af;
  cursor: default;
  background: transparent;
  border: none;
}
.block-header__arrow button i, .block-header__arrow button svg {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-header__arrow .thumbs-button-prev svg {
  transform: none;
}
@layer base {
  html {
    box-sizing: border-box;
    font-size: 62.5%;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  body {
    background-color: var(--bg-color);
    line-height: 1.6;
    font-size: var(--font-normal);
    color: var(--font-color);
    margin: 0;
    padding: 0;
    font-weight: 300;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin: .35em 0 .7em;
  }
  .h1, h1 {
    font-size: 28px;
    line-height: 30px;
  }
  .h2, h2 {
    font-size: 26px;
    line-height: 28px;
  }
  .h3, h3 {
    font-size: 24px;
    line-height: 26px;
  }
  .h4, h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .h5, h5 {
    font-size: 20px;
    line-height: 22px;
  }
  .h6, h6 {
    font-size: 18px;
    line-height: 20px;
  }
  a {
    color: var(--color-link);
    text-decoration: none;
    outline: 0;
  }
  a:hover:not(.button):not(.no-opacity) {
    opacity: .75;
  }
  button {
    font-family: inherit;
  }
  p {
    margin-top: 0;
  }
  blockquote {
    background-color: var(--bg-secondary-color);
    padding: 1.5rem 2rem;
    border-left: 3px solid var(--color-lightGrey);
  }
  b, dl dt, strong {
    font-weight: 700;
  }
  hr {
    border: 0;
    background-color: var(--color-lightGrey);
    height: 1px;
    margin: 1rem 0;
  }
  table {
    width: 100%;
    border: 0;
    text-align: left;
  }
  table.striped tr:nth-of-type(2n) {
    background-color: var(--bg-secondary-color);
  }
  td, th {
    vertical-align: middle;
    padding: 1.2rem .4rem;
  }
  thead {
    border-bottom: 2px solid var(--color-lightGrey);
  }
  tfoot {
    border-top: 2px solid var(--color-lightGrey);
  }
  code, kbd, pre, samp, tt {
    font-family: var(--font-family-mono);
  }
  code, kbd, pre {
    background-color: var(--bg-secondary-color);
  }
  code, kbd {
    font-size: 90%;
    white-space: pre-wrap;
    border-radius: var(--border-radius);
    padding: .2em .4em;
    color: var(--color-error);
  }
  pre {
    font-size: 1em;
    padding: 1rem;
    overflow-x: auto;
  }
  pre code {
    background: none;
    padding: 0;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
  }
  img {
    max-width: 100%;
  }
  fieldset {
    border: 1px solid var(--color-lightGrey);
    padding: .5rem 2rem;
  }
  iframe {
    border: 0;
  }
  figure {
    margin: 0;
  }
  .container {
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 96%;
    padding: 0 calc(var(--grid-gutter) / 2);
  }
  .container-less {
    width: 100%;
    max-width: 100%;
  }
  .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: calc(var(--grid-gutter) / -2);
    margin-right: calc(var(--grid-gutter) / -2);
  }
  .row.reverse {
    flex-direction: row-reverse;
  }
  .col {
    flex: 1;
  }
  .col, [class*=" col-"], [class^="col-"] {
    margin: 0 calc(var(--grid-gutter) / 2);
    margin-bottom: 0;
  }
  .col-6 {
    flex: 0 0 calc((100% / 2) - var(--grid-gutter));
    max-width: calc((100% / 2) - var(--grid-gutter));
  }
  .col-12 {
    flex: 0 0 calc(100% - var(--grid-gutter));
    max-width: calc(100% - var(--grid-gutter));
  }
  @media screen and (min-width: 900px) {
    .col-4-md {
      flex: 0 0 calc((100% / 3) - var(--grid-gutter));
      max-width: calc((100% / 3) - var(--grid-gutter));
    }
    .col-6-md {
      flex: 0 0 calc((100% / 2) - var(--grid-gutter));
      max-width: calc((100% / 2) - var(--grid-gutter));
    }
  }
  @media screen and (min-width: 1200px) {
    .col-4-lg {
      flex: 0 0 calc((100% / 3) - var(--grid-gutter));
      max-width: calc((100% / 3) - var(--grid-gutter));
    }
    .col-6-lg {
      flex: 0 0 calc((100% / 2) - var(--grid-gutter));
      max-width: calc((100% / 2) - var(--grid-gutter));
    }
    .cards-6 {
      flex: 0 0 calc((100% / 6) - var(--grid-gutter));
      max-width: calc((100% / 6) - var(--grid-gutter));
    }
    .cards-5 {
      flex: 0 0 calc((100% / 5) - var(--grid-gutter));
      max-width: calc((100% / 5) - var(--grid-gutter));
    }
    .cards-4 {
      flex: 0 0 calc((100% / 4) - var(--grid-gutter));
      max-width: calc((100% / 4) - var(--grid-gutter));
    }
    .cards-3 {
      flex: 0 0 calc((100% / 3) - var(--grid-gutter));
      max-width: calc((100% / 3) - var(--grid-gutter));
    }
    .cards-1 {
      flex: 0 0 calc(100% - var(--grid-gutter));
      max-width: calc(100% - var(--grid-gutter));
    }
  }
  legend {
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: .1rem;
  }
  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]), select, textarea, textarea[type=text] {
    font-family: inherit;
    padding: .8rem 1rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--form-border);
    transition: all .2s ease;
    display: block;
    width: 100%;
    font-size: var(--font-size-xs);
  }
  input.error:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]), textarea.error {
    border-color: var(--color-error);
  }
  input.success:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]), textarea.success {
    border-color: var(--color-success);
  }
  select {
    background-color: transparent;
  }
  select:disabled {
    opacity: .5;
  }
  [type=checkbox], [type=radio] {
    width: 1.6rem;
    height: 1.6rem;
  }
  .button, [type=button], [type=reset], [type=submit], button {
    padding: 1rem 2.5rem;
    color: var(--color-button);
    background: var(--color-primary);
    background: linear-gradient(to right, var(--color-primary), var(--color-primary-gradient));
    border-radius: var(--border-radius);
    border: 0;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-normal);
    line-height: 1;
    text-align: center;
    transition: opacity .2s ease;
    text-decoration: none;
    transform: scale(1);
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    outline: 0;
    box-shadow: var(--box-shadow-button);
  }
  .button + .button {
    margin-left: 1rem;
  }
  .button:hover, [type=button]:hover, [type=reset]:hover, [type=submit]:hover, button:hover {
    opacity: .8;
  }
  .button:active, [type=button]:active, [type=reset]:active, [type=submit]:active, button:active {
    transform: scale(.98);
  }
  input:disabled, input:disabled:hover {
    opacity: .4;
    cursor: not-allowed;
    background: var(--color-grey) !important;
  }
  .button.primary, [type=submit] {
    color: #fff;
    z-index: 1;
    background-color: var(--color-primary);
  }
  .button.gray, .button.outline {
    color: var(--font-color);
    font-size: var(--font-size-base);
    box-shadow: none;
  }
  .button.outline {
    background: none;
    border-color: var(--font-color);
  }
  .button.gray {
    background: var(--bg-secondary-color);
    border-color: var(--bg-secondary-color);
  }
  .button-icon {
    padding: 1rem 2.5rem 1rem 1.5rem;
  }
  ::placeholder {
    color: var(--color-grey);
  }
  .bg-primary {
    background-color: var(--color-primary) !important;
  }
  .bg-grey {
    background-color: var(--color-grey) !important;
  }
  .bg-error {
    background-color: var(--color-error) !important;
  }
  .bg-success {
    background-color: var(--color-success) !important;
  }
  .text-primary {
    color: var(--color-primary) !important;
  }
  .text-light {
    color: var(--color-lightGrey) !important;
  }
  .text-grey {
    color: var(--color-grey) !important;
  }
  .text-error {
    color: var(--color-error) !important;
  }
  .text-success {
    color: var(--color-success) !important;
  }
  .text-white {
    color: #fff !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-lowercase {
    text-transform: lowercase;
  }
  .is-flex {
    display: flex;
  }
  .is-full-screen {
    width: 100%;
    min-height: 100vh;
  }
  .is-full-width {
    width: 100% !important;
  }
  .is-vertical-align {
    display: flex;
    align-items: center;
  }
  .is-center, .is-horizontal-align {
    display: flex;
    justify-content: center;
  }
  .is-left, .is-right {
    display: flex;
  }
  .is-center, .is-left, .is-right {
    align-items: center;
  }
  .is-right {
    justify-content: flex-end;
  }
  .is-left {
    justify-content: flex-start;
  }
  .is-fixed {
    position: fixed;
    width: 100%;
  }
  .is-paddingless {
    padding: 0 !important;
  }
  .is-marginless {
    margin: 0 !important;
  }
  .is-pointer {
    cursor: pointer !important;
  }
  .is-hidden {
    display: none !important;
  }
  .is-noselect {
    user-select: none;
  }
  .is-bottom {
    align-self: flex-end;
    display: flex;
  }
  @media screen and (max-width: 599px) {
    .hide-xs {
      display: none !important;
    }
  }
  @media screen and (min-width: 600px) and (max-width: 899px) {
    .hide-sm {
      display: none !important;
    }
  }
  @media screen and (min-width: 900px) and (max-width: 1199px) {
    .hide-md {
      display: none !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .hide-lg {
      display: none !important;
    }
  }
  @media print {
    .hide-pr {
      display: none !important;
    }
  }
}
body a.button, body .button {
  box-sizing: border-box;
  min-height: 46px;
  margin: 0;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--color-button-text, #fff);
  background: var(--color-primary, #3d5bf7);
  border: 0;
  border-radius: var(--border-radius, 15px);
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
  transition: opacity .2s ease, transform .2s ease;
}
body a.button:hover, body .button:hover {
  color: var(--color-button-text, #fff);
  opacity: .88;
  text-decoration: none;
}
body a.button:active, body .button:active {
  transform: scale(.98);
}
body a.button.gray, body .button.gray, body a.button.outline, body .button.outline {
  color: var(--font-color, #2d2d32);
  background: #f4f5f8;
}
body a.button.white, body .button.white {
  color: var(--font-color, #2d2d32);
  background: #fff;
  border: 1px solid var(--form-border, #e8e8e8);
}
.order-page button#cancel-button, .order-page .order-cancel-form input[type=submit] {
  box-sizing: border-box;
  min-height: 46px;
  margin: 0;
  padding: 0 22px;
  color: #fff;
  background: var(--color-primary, #3d5bf7);
  border: 0;
  border-radius: var(--border-radius, 15px);
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
  cursor: pointer;
}
.order-page .order-cancel-form input[type=submit] {
  margin-top: var(--grid-gutter, 24px);
}
.wa-order-dialog .wa-dialog-background {
  background: rgba(28, 28, 30, .38);
  backdrop-filter: blur(8px);
}
.wa-order-dialog .wa-dialog-body {
  width: 560px;
  max-width: calc(100% - 24px);
  overflow: hidden;
  color: var(--font-color, #2d2d32);
  background: #fff;
  border: 0;
  border-radius: var(--border-radius, 15px);
  box-shadow: var(--box-shadow, 0 14px 28px rgba(0, 0, 0, .1));
  font-family: inherit;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header {
  box-sizing: border-box;
  width: 100%;
  padding: 24px 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: transparent;
  border: 0;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header > * {
  display: block;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-header {
  margin: 0;
  color: var(--font-color, #2d2d32);
  font-size: 22px;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper {
  position: relative;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  padding: 0;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-grey, #909295);
  background: #f4f5f8;
  border-radius: 50%;
  line-height: 1;
  cursor: pointer;
  transition: color .2s ease, opacity .2s ease;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper::before, .wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  content: "";
  background: currentColor;
  border-radius: 999px;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper:hover {
  color: var(--font-color, #2d2d32);
  opacity: .82;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper .wa-icon {
  display: none;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-content {
  box-sizing: border-box;
  max-height: min(482px, calc(100vh - 220px));
  padding: 20px 24px 0;
  color: var(--font-color, #2d2d32);
  font-size: 16px;
  line-height: 1.45;
  overflow: auto;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-content p {
  margin: 0;
}
.wa-order-dialog .wa-dialog-body .wa-dialog-footer, .wa-order-dialog .wa-dialog-body.with-footer .wa-dialog-footer, .wa-order-dialog .wa-dialog-body.with-tall-content .wa-dialog-footer, .wa-order-dialog .wa-dialog-body.is-tall .wa-dialog-footer {
  box-sizing: border-box;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  border: 0;
}
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer button.wa-button, body .wa-order-dialog .wa-dialog-body .wa-dialog-footer input.wa-button {
  box-sizing: border-box;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 0 20px;
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--color-primary, #3d5bf7);
  border: 0;
  border-radius: var(--border-radius, 15px);
  box-shadow: none;
  text-shadow: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-bold, 700);
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  transition: opacity .2s ease, transform .2s ease;
}
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer button.wa-button.gray, body .wa-order-dialog .wa-dialog-body .wa-dialog-footer input.wa-button.gray {
  color: var(--font-color, #2d2d32);
  background: #f4f5f8;
}
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer button.wa-button:hover, body .wa-order-dialog .wa-dialog-body .wa-dialog-footer input.wa-button:hover {
  opacity: .88;
}
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer button.wa-button:active, body .wa-order-dialog .wa-dialog-body .wa-dialog-footer input.wa-button:active {
  transform: scale(.98);
}
.order-contact-value {
  font-size: var(--font-size-base) !important;
  line-height: 1.5 !important;
}
.features .feature-hint-trigger {
  display: inline-flex !important;
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
  margin-left: 4px !important;
  vertical-align: middle;
}
.features .feature-hint-trigger > svg {
  display: block;
  width: 18px !important;
  height: 18px !important;
}
.rustore-hint {
  display: inline-flex !important;
  flex: 0 0 16px;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  vertical-align: middle;
}
.rustore-hint > svg {
  display: block;
  width: 16px !important;
  height: 16px !important;
}
.rustore-hint[aria-label][data-microtip-position]::after {
  box-sizing: border-box;
  z-index: 10002;
  width: min(320px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
  text-align: left;
}
.rustore-hint[aria-label][data-microtip-position]::before {
  z-index: 10002;
}
@media screen and (min-width: 901px) {
  .product__photo-rustore:hover .rustore-hint::before {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
  .product__photo-rustore:hover .rustore-hint::after {
    opacity: 1;
    transform: translate3d(calc(-100% + 16px), 0, 0);
  }
}
.features .feature-hint-trigger[aria-label][data-microtip-position]::after {
  box-sizing: border-box;
  width: min(320px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
  text-align: left;
}
.features .feature-hint-trigger[data-microtip-position][data-microtip-position|="top"]::after {
  left: -16px;
  transform: translate3d(0, 0, 0);
}
.features .feature-hint-trigger[data-microtip-position][data-microtip-position|="top"]:hover::after, .features .feature-hint-trigger[data-microtip-position][data-microtip-position|="top"]:focus::after {
  transform: translate3d(0, -5px, 0);
}
@media screen and (max-width: 900px) {
  .features .feature-hint-trigger[aria-label][data-microtip-position]::before, .features .feature-hint-trigger[aria-label][data-microtip-position]::after {
    display: block !important;
  }
  .features .feature-hint-trigger[aria-label][data-microtip-position]::before {
    content: none;
  }
  .features .feature-hint-trigger[aria-label][data-microtip-position]::after {
    position: fixed;
    inset: auto 12px 84px;
    box-sizing: border-box;
    width: auto;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    transform: none !important;
    transition: none;
  }
  .features .feature-hint-trigger:focus::after {
    opacity: 0;
  }
  .features .feature-hint-trigger.is-open::after {
    opacity: 1;
    pointer-events: auto;
    transform: none !important;
  }
  .rustore-hint[aria-label][data-microtip-position]::before {
    content: none;
  }
  .rustore-hint[aria-label][data-microtip-position]::after {
    display: block !important;
    position: fixed;
    inset: auto 12px 84px;
    box-sizing: border-box;
    width: auto;
    max-width: none;
    opacity: 0;
    pointer-events: none;
    transform: none !important;
    transition: none;
  }
  .rustore-hint:focus::after {
    opacity: 0;
  }
  .rustore-hint.is-open::after {
    opacity: 1;
    pointer-events: auto;
    transform: none !important;
  }
  .product__photo-rustore.is-open .rustore-hint::after, .product__photo-rustore:focus-within .rustore-hint::after {
    opacity: 1;
    pointer-events: auto;
    transform: none !important;
  }
  .features {
    min-width: 0 !important;
    table-layout: fixed;
  }
  .features td {
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .features .s-label {
    white-space: normal !important;
  }
}
.features .s-label {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  vertical-align: middle;
}
.product__top-features .features {
  min-width: 0 !important;
}
.features .featurestips_wrapper {
  position: relative;
  display: inline-flex;
  flex: 0 0 18px;
  align-items: center;
  margin: 0;
  vertical-align: middle;
  font: inherit;
  font-weight: normal;
  line-height: 1;
}
.features .featurestips_tip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  line-height: 1;
  outline: none;
}
.features .featurestips_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  line-height: 1;
  cursor: pointer;
  color: inherit;
}
.features .featurestips_icon_svg {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  overflow: visible;
}
.features .featurestips_wrapper .featurestips_tip > .featurestips_view {
  position: absolute;
  top: calc(100% + 6px);
  right: auto;
  bottom: auto;
  left: -16px;
  z-index: 9996;
  display: block;
  box-sizing: border-box;
  width: max-content;
  min-width: 160px;
  max-width: min(320px, calc(100vw - 32px));
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  overflow: visible;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: #2d2d2f;
  box-shadow: none;
  transform: translateY(-4px);
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
}
.product__breadcrumbs .prevnext [aria-label][data-microtip-position]::after {
  background: #3d3d3f;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}
.product__breadcrumbs .prevnext [data-microtip-position][data-microtip-position|="top"]::before {
  width: 10px;
  height: 10px;
  margin-bottom: 0;
  background: #3d3d3f;
  transform: translate3d(-50%, -1px, 0) rotate(45deg);
}
.product__breadcrumbs .prevnext [data-microtip-position][data-microtip-position|="top"]:hover::before, .product__breadcrumbs .prevnext [data-microtip-position][data-microtip-position|="top"]:focus::before {
  transform: translate3d(-50%, -6px, 0) rotate(45deg);
}
.features .featurestips_wrapper .featurestips_tip > .featurestips_view::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 24px;
  z-index: 2;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #2d2d2f;
  border-left: 7px solid transparent;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.features .featurestips_wrapper .featurestips_tip > .featurestips_view::after {
  content: none;
}
.features .featurestips_wrapper .featurestips_view .tip_view_in {
  position: static;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: auto;
  min-width: 158px;
  max-width: 318px;
  height: auto;
  min-height: 0;
  max-height: 260px;
  margin: 0;
  padding: 11px 14px;
  overflow: auto;
  border-radius: 10px;
  color: #fff;
  background: #2d2d2f;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}
.features .featurestips_wrapper .featurestips_view .tip_view_in, .features .featurestips_wrapper .featurestips_view .tip_view_in * {
  color: #fff;
  opacity: 1;
  visibility: visible;
}
.features .featurestips_wrapper .featurestips_view .tip_view_in p {
  margin: 0;
}
@media (hover: hover) and (pointer: fine) {
  .features .featurestips_tip:hover > .featurestips_view {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
  }
}
.features .featurestips_tip:focus-within > .featurestips_view {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}
.features .featurestips_tip:focus-visible > .featurestips_icon {
  border-radius: 999px;
  outline: 2px solid var(--color-primary, #3d5bf7);
  outline-offset: 2px;
}
@media screen and (max-width: 576px) {
  .features .featurestips_tip > .featurestips_view {
    position: fixed;
    inset: auto 12px 84px;
    width: auto;
    max-width: none;
    transform: translateY(8px);
  }
  .features .featurestips_tip > .featurestips_view::before, .features .featurestips_tip > .featurestips_view::after {
    content: none;
  }
  .features .featurestips_tip:focus-within > .featurestips_view {
    transform: translateY(0);
  }
}
.product__status .stock-help-wrap {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  outline: none;
}
.product__status .stock-tooltip {
  position: absolute;
  top: calc(100% + 6px);
  right: -8px;
  bottom: auto;
  left: auto;
  z-index: 9996;
  box-sizing: border-box;
  width: max-content;
  min-width: 220px;
  max-width: min(320px, calc(100vw - 32px));
  margin: 0;
  padding: 11px 14px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: #2d2d2f;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  transform: translateY(4px);
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
}
.product__status .stock-tooltip::before {
  content: "";
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #2d2d2f;
  border-left: 7px solid transparent;
}
.product__status .stock-tooltip::after {
  content: none;
}
.product__status .stock-tooltip, .product__status .stock-tooltip * {
  color: #fff;
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .product__status .stock-help-wrap:hover .stock-tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
  }
}
.product__status .stock-help-wrap:focus-within .stock-tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}
.product__status .stock-help-wrap:focus-visible .stock-help {
  outline: 2px solid var(--color-primary, #3d5bf7);
  outline-offset: 2px;
}
@media screen and (max-width: 576px) {
  .product__status .stock-tooltip {
    position: fixed;
    inset: auto 12px 84px;
    width: auto;
    transform: translateY(8px);
  }
  .product__status .stock-tooltip::before, .product__status .stock-tooltip::after {
    content: none;
  }
  .product__status .stock-help-wrap:focus-within .stock-tooltip {
    transform: translateY(0);
  }
}
.checkout-success .header-container__name {
  box-sizing: border-box;
  width: min(680px, 100%);
  margin: 0 auto;
  padding: 32px;
  color: var(--font-color, #2d2d32);
  background: #fff;
  border-radius: var(--border-radius, 15px);
  text-align: center;
}
.checkout-success .header-container__name h1.category-name {
  margin: 0 0 14px;
}
.checkout-success .header-container__name p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}
.checkout-success .header-container__name .back {
  margin-top: 24px;
}
@media screen and (max-width: 600px) {
  .wa-order-dialog .wa-dialog-body .wa-dialog-header {
    padding: 20px 20px 0;
  }
  .wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-header {
    font-size: 20px;
  }
  .wa-order-dialog .wa-dialog-body .wa-dialog-content {
    padding: 18px 20px 0;
    font-size: 14px;
  }
  .wa-order-dialog .wa-dialog-body .wa-dialog-footer, .wa-order-dialog .wa-dialog-body.with-footer .wa-dialog-footer, .wa-order-dialog .wa-dialog-body.with-tall-content .wa-dialog-footer, .wa-order-dialog .wa-dialog-body.is-tall .wa-dialog-footer {
    padding: 20px;
    flex-direction: column;
  }
  body .wa-order-dialog .wa-dialog-body .wa-dialog-footer button.wa-button, body .wa-order-dialog .wa-dialog-body .wa-dialog-footer input.wa-button {
    width: 100%;
    flex-basis: 48px;
  }
  .checkout-success .header-container__name {
    padding: 24px 20px;
  }
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes syomapay-marquee-forward {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes syomapay-marquee-reverse {
  from {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-outline-style: solid;
    }
  }
}