.detail-symbol {
  width: 1em;
  height: 1em;
  font-size: 26px;
}
.loading-container {
  position: absolute;
  text-align: center;
  display: block;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.loading-container .loading-masker-container {
  filter: blur(1px);
  position: relative;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.loading-container .loading-masker {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.4;
  z-index: 99;
  background-color: #fff;
}
.loading-container .loading-indicator-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-container .loading-indicator-container .loading-indicator {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 48px;
  height: 48px;
  animation-duration: 5.6s;
  animation-timing-function: linear;
  animation-name: vectorRoute;
  animation-iteration-count: infinite;
  top: 50%;
}
.loading-container
  .loading-indicator-container
  .loading-indicator
  .loading-indicator-item {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ff6a00;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  margin: auto;
}
.loading-container
  .loading-indicator-container
  .loading-indicator
  .loading-indicator-item:nth-child(1) {
  top: 0;
  bottom: 0;
  left: 0;
  animation-name: vectorDotsX;
}
.loading-container
  .loading-indicator-container
  .loading-indicator
  .loading-indicator-item:nth-child(2) {
  left: 0;
  right: 0;
  animation-name: vectorDotsY;
  opacity: 0.8;
}
.loading-container
  .loading-indicator-container
  .loading-indicator
  .loading-indicator-item:nth-child(3) {
  top: 0;
  bottom: 0;
  right: 0;
  animation-name: vectorDotsXR;
  opacity: 0.6;
}
.loading-container
  .loading-indicator-container
  .loading-indicator
  .loading-indicator-item:nth-child(4) {
  left: 0;
  right: 0;
  bottom: 0;
  animation-name: vectorDotsYR;
  opacity: 0.2;
}
@keyframes vectorRoute {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(90deg);
  }
  25% {
    transform: rotate(90deg);
  }
  30% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  55% {
    transform: rotate(270deg);
  }
  75% {
    transform: rotate(270deg);
  }
  80% {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes vectorDotsX {
  25% {
    left: 0;
  }
  45%,
  50% {
    left: 16.8px;
    width: calc(12px * 1.2);
    height: calc(12px * 1.2);
  }
  90% {
    left: 0;
    height: 12px;
    width: 12px;
  }
}
@keyframes vectorDotsY {
  25% {
    top: 0;
  }
  45%,
  50% {
    top: 16.8px;
    height: calc(12px * 1.2);
    width: calc(12px * 1.2);
  }
  90% {
    top: 0;
    height: 12px;
    width: 12px;
  }
}
@keyframes vectorDotsXR {
  25% {
    right: 0;
  }
  45%,
  50% {
    right: 16.8px;
    width: calc(12px * 1.2);
    height: calc(12px * 1.2);
  }
  90% {
    right: 0;
    height: 12px;
    width: 12px;
  }
}
@keyframes vectorDotsYR {
  25% {
    bottom: 0;
  }
  45%,
  50% {
    bottom: 16.8px;
    width: calc(12px * 1.2);
    height: calc(12px * 1.2);
  }
  90% {
    bottom: 0;
    height: 12px;
    width: 12px;
  }
}
@media (min-width: 1664px) {
  .chatbox .chatbox-icon-wrapper {
    display: flex;
    justify-content: center;
  }
  .chatbox .chatbox-icon-wrapper .chatbox-icon {
    width: 28px;
    height: 28px;
    position: relative;
  }
  .chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
    position: absolute;
    top: -5px;
    right: -6px;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    background-color: #f7421e;
    color: #fff;
    height: 16px;
    width: auto;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 0 4px;
  }
  .chatbox .chatbox-tip {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    width: 100%;
    margin: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
}
@media (max-width: 1663px) {
  .chatbox {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .chatbox .chatbox-icon-wrapper {
    display: flex;
    justify-content: center;
  }
  .chatbox .chatbox-icon-wrapper .chatbox-icon {
    width: 28px;
    height: 28px;
    position: relative;
    transition: margin 0.3s ease;
  }
  .chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
    position: absolute;
    top: -5px;
    right: -6px;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    background-color: #f7421e;
    color: #fff;
    height: 16px;
    width: auto;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 0 4px;
  }
  .chatbox .chatbox-tip {
    display: none !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    height: 100%;
    margin-left: 8px;
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    opacity: 0;
  }
}
[dir="rtl"] .chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
  right: 10px;
  left: auto;
}
.detail-sidebar:hover .chatbox .chatbox-tip,
.home-sidebar:hover .chatbox .chatbox-tip {
  display: block !important;
  opacity: 1;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate(-20px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate(20px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-24px);
  }
}
@keyframes fadeOutUpSmall {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-2000px);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(2000px);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translate(100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomInBig {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOutBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes expandInDown {
  0% {
    opacity: 0;
    transform: scaleY(0.6);
    transform-origin: left top 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: left top 0;
  }
}
@keyframes expandInUp {
  0% {
    opacity: 0;
    transform: scaleY(0.6);
    transform-origin: left bottom 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: left bottom 0;
  }
}
@keyframes expandInWithFade {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.9;
  }
  to {
    opacity: 1;
  }
}
@keyframes expandOutUp {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: left top 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0.6);
    transform-origin: left top 0;
  }
}
@keyframes expandOutDown {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: left bottom 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0.6);
    transform-origin: left bottom 0;
  }
}
@keyframes expandOutWithFade {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.fadeIn {
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeInDown {
  animation-name: fadeInDown;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeInLeft {
  animation-name: fadeInLeft;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeInRight {
  animation-name: fadeInRight;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeInUp {
  animation-name: fadeInUp;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeOut {
  animation-name: fadeOut;
  animation-iteration-count: 1;
  animation-duration: 0.35s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeOutDown {
  animation-name: fadeOutDown;
  animation-iteration-count: 1;
  animation-duration: 0.25s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
  animation-iteration-count: 1;
  animation-duration: 0.25s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeOutRight {
  animation-name: fadeOutRight;
  animation-iteration-count: 1;
  animation-duration: 0.25s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeOutUp {
  animation-name: fadeOutUp;
  animation-iteration-count: 1;
  animation-duration: 0.25s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideInUp {
  animation-name: slideInUp;
  animation-iteration-count: 1;
  animation-duration: 0.35s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideInDown {
  animation-name: slideInDown;
  animation-iteration-count: 1;
  animation-duration: 0.35s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideInLeft {
  animation-name: slideInLeft;
  animation-iteration-count: 1;
  animation-duration: 0.35s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideInRight {
  animation-name: slideInRight;
  animation-iteration-count: 1;
  animation-duration: 0.35s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideOutUp {
  animation-name: slideOutUp;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideOutRight {
  animation-name: slideOutRight;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideOutLeft {
  animation-name: slideOutLeft;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.slideOutDown {
  animation-name: slideOutDown;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.zoomIn {
  animation-name: zoomIn;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.zoomOut {
  animation-name: zoomOut;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.expandInDown {
  animation-name: expandInDown;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.expandOutUp {
  animation-name: expandOutUp;
  animation-iteration-count: 1;
  animation-duration: 0.15s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.expandInUp {
  animation-name: expandInUp;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.expandOutDown {
  animation-name: expandOutDown;
  animation-iteration-count: 1;
  animation-duration: 0.15s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.fadeOutUpSmall {
  animation-name: fadeOutUpSmall;
  animation-iteration-count: 1;
  animation-duration: 0.25s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.zoomInBig {
  animation-name: zoomInBig;
  animation-iteration-count: 1;
  animation-duration: 0.2s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.zoomOutBig {
  animation-name: zoomOutBig;
  animation-iteration-count: 1;
  animation-duration: 0.2s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.pulse {
  animation-name: pulse;
  animation-iteration-count: 1;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
  backface-visibility: hidden;
}
.expand-enter {
  overflow: hidden;
}
.expand-enter-active {
  transition: all 0.3s ease-out;
}
.expand-enter-active > * {
  animation-name: expandInWithFade;
  animation-iteration-count: 1;
  animation-duration: 0.2s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: forwards;
  backface-visibility: hidden;
}
.expand-leave {
  overflow: hidden;
}
.expand-leave-active {
  transition: all 0.2s ease-out;
}
.expand-leave-active > * {
  animation-name: expandOutWithFade;
  animation-iteration-count: 1;
  animation-duration: 0.2s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: forwards;
  backface-visibility: hidden;
}
.next-overlay-wrapper .next-overlay-inner {
  z-index: 1001;
}
.next-overlay-wrapper .next-overlay-backdrop {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0003;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.next-overlay-wrapper.opened .next-overlay-backdrop {
  opacity: 1;
}
.next-icon[dir="rtl"]:before {
  transform: rotateY(180deg);
}
@font-face {
  font-family: NextIcon;
  src: url(../fonts/font_515771_xjdbujl2iu_cb76dfd2.eot);
  src:
    url(../fonts/font_515771_xjdbujl2iu_a83c29a3.eot)
      format("embedded-opentype"),
    url(../fonts/font_515771_xjdbujl2iu_84e56ae1.woff2) format("woff2"),
    url(../fonts/font_515771_xjdbujl2iu_37b1ab42.woff) format("woff"),
    url(../fonts/font_515771_xjdbujl2iu_99f38805.ttf) format("truetype"),
    url(../images/font_515771_xjdbujl2iu_48c07cce.svg) format("svg");
  font-display: swap;
}
.next-icon {
  display: inline-block;
  font-family: NextIcon;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.next-icon:before {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.next-icon-smile:before {
  content: "\e65f";
}
.next-icon-cry:before {
  content: "\e65d";
}
.next-icon-success:before {
  content: "\e60a";
}
.next-icon-warning:before {
  content: "\e60b";
}
.next-icon-prompt:before {
  content: "\e60c";
}
.next-icon-error:before {
  content: "\e60d";
}
.next-icon-help:before {
  content: "\e673";
}
.next-icon-clock:before {
  content: "\e621";
}
.next-icon-success-filling:before {
  content: "\e63a";
}
.next-icon-delete-filling:before {
  content: "\e623";
}
.next-icon-favorites-filling:before {
  content: "\e60e";
}
.next-icon-add:before {
  content: "\e655";
}
.next-icon-minus:before {
  content: "\e601";
}
.next-icon-arrow-up:before {
  content: "\e625";
}
.next-icon-arrow-down:before {
  content: "\e63d";
}
.next-icon-arrow-left:before {
  content: "\e61d";
}
.next-icon-arrow-right:before {
  content: "\e619";
}
.next-icon-arrow-double-left:before {
  content: "\e659";
}
.next-icon-arrow-double-right:before {
  content: "\e65e";
}
.next-icon-switch:before {
  content: "\e6b3";
}
.next-icon-sorting:before {
  content: "\e634";
}
.next-icon-descending:before {
  content: "\e61f";
}
.next-icon-ascending:before {
  content: "\e61e";
}
.next-icon-select:before {
  content: "\e632";
}
.next-icon-semi-select:before {
  content: "\e633";
}
.next-icon-search:before {
  content: "\e656";
}
.next-icon-close:before {
  content: "\e626";
}
.next-icon-ellipsis:before {
  content: "\e654";
}
.next-icon-picture:before {
  content: "\e631";
}
.next-icon-calendar:before {
  content: "\e607";
}
.next-icon-ashbin:before {
  content: "\e639";
}
.next-icon-upload:before {
  content: "\e7ee";
}
.next-icon-download:before {
  content: "\e628";
}
.next-icon-set:before {
  content: "\e683";
}
.next-icon-edit:before {
  content: "\e63b";
}
.next-icon-refresh:before {
  content: "\e677";
}
.next-icon-filter:before {
  content: "\e627";
}
.next-icon-attachment:before {
  content: "\e665";
}
.next-icon-account:before {
  content: "\e608";
}
.next-icon-email:before {
  content: "\e605";
}
.next-icon-atm:before {
  content: "\e606";
}
.next-icon-loading:before {
  content: "\e646";
  animation: loadingCircle 1s infinite linear;
}
.next-icon-eye:before {
  content: "\e611";
}
.next-icon-copy:before {
  content: "\e60f";
}
.next-icon-toggle-left:before {
  content: "\e602";
}
.next-icon-toggle-right:before {
  content: "\e603";
}
.next-icon-eye-close:before {
  content: "\e600";
}
.next-icon-unlock:before {
  content: "\e615";
}
.next-icon-lock:before {
  content: "\e617";
}
.next-icon-exit:before {
  content: "\e616";
}
.next-icon-chart-bar:before {
  content: "\e612";
}
.next-icon-chart-pie:before {
  content: "\e613";
}
.next-icon-form:before {
  content: "\e7fb";
}
.next-icon-detail:before {
  content: "\e7f8";
}
.next-icon-list:before {
  content: "\e7f9";
}
.next-icon-dashboard:before {
  content: "\e7fa";
}
@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0);
  }
  to {
    transform-origin: 50% 50%;
    transform: rotate(360deg);
  }
}
.next-icon.next-xxs:before,
.next-icon.next-xxs .next-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media {
  .next-icon.next-xxs {
    transform: scale(0.5);
    margin-left: -4px;
    margin-right: -4px;
  }
  .next-icon.next-xxs:before {
    width: 16px;
    font-size: 16px;
  }
}
.next-icon.next-xs:before,
.next-icon.next-xs .next-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.next-icon.next-small:before,
.next-icon.next-small .next-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.next-icon.next-medium:before,
.next-icon.next-medium .next-icon-remote {
  width: 20px;
  font-size: 20px;
  line-height: inherit;
}
.next-icon.next-large:before,
.next-icon.next-large .next-icon-remote {
  width: 24px;
  font-size: 24px;
  line-height: inherit;
}
.next-icon.next-xl:before,
.next-icon.next-xl .next-icon-remote {
  width: 32px;
  font-size: 32px;
  line-height: inherit;
}
.next-icon.next-xxl:before,
.next-icon.next-xxl .next-icon-remote {
  width: 48px;
  font-size: 48px;
  line-height: inherit;
}
.next-icon.next-xxxl:before,
.next-icon.next-xxxl .next-icon-remote {
  width: 64px;
  font-size: 64px;
  line-height: inherit;
}
.next-icon.next-inherit:before,
.next-icon.next-inherit .next-icon-remote {
  width: inherit;
  font-size: inherit;
  line-height: inherit;
}
.next-icon.next-inherit .next-icon-remote,
.next-icon .next-icon-remote {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}
.next-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}
.next-balloon {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  max-width: 300px;
  border-style: solid;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  word-wrap: break-all;
  word-wrap: break-word;
  z-index: 0;
}
.next-balloon *,
.next-balloon *:before,
.next-balloon *:after {
  box-sizing: border-box;
}
.next-balloon:focus,
.next-balloon *:focus {
  outline: 0;
}
.next-balloon-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}
.next-balloon-title.next-balloon-closable {
  padding: 0 40px 0 0;
}
.next-balloon-title.next-balloon-closable .next-balloon-close {
  top: -1px;
  transform: translateY(18px);
  right: 16px;
}
.next-balloon-primary {
  color: #333;
  border-color: #4494f9;
  background-color: #e3f2fd;
  box-shadow: 0 1px 3px #0000001f;
  border-width: 1px;
}
.next-balloon-primary .next-balloon-close {
  position: absolute;
  top: -1px;
  transform: translateY(16px);
  right: 12px;
  font-size: 12px;
  cursor: pointer;
  color: #999;
}
.next-balloon-primary .next-balloon-close .next-icon {
  width: 12px;
  height: 12px;
  line-height: 1em;
}
.next-balloon-primary .next-balloon-close .next-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1em;
}
.next-balloon-primary .next-balloon-close :hover {
  color: #333;
}
.next-balloon-primary .next-balloon-arrow {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background: 0 0;
  pointer-events: none;
}
.next-balloon-primary .next-balloon-arrow .next-balloon-arrow-content {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  background-color: #e3f2fd;
  border: 1px solid #4494f9;
  pointer-events: auto;
}
.next-balloon-primary.next-balloon-top .next-balloon-arrow {
  top: -24px;
  left: calc(50% - 12px);
}
.next-balloon-primary.next-balloon-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-right .next-balloon-arrow {
  top: calc(50% - 12px);
  right: -24px;
}
.next-balloon-primary.next-balloon-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-bottom .next-balloon-arrow {
  left: calc(50% - 12px);
  bottom: -24px;
}
.next-balloon-primary.next-balloon-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-left .next-balloon-arrow {
  top: calc(50% - 12px);
  left: -24px;
}
.next-balloon-primary.next-balloon-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-left-top .next-balloon-arrow {
  top: 6px;
  left: -24px;
}
.next-balloon-primary.next-balloon-left-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-left-bottom .next-balloon-arrow {
  bottom: 6px;
  left: -24px;
}
.next-balloon-primary.next-balloon-left-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-right-top .next-balloon-arrow {
  top: 6px;
  right: -24px;
}
.next-balloon-primary.next-balloon-right-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-right-bottom .next-balloon-arrow {
  bottom: 6px;
  right: -24px;
}
.next-balloon-primary.next-balloon-right-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-top-left .next-balloon-arrow {
  left: 6px;
  top: -24px;
}
.next-balloon-primary.next-balloon-top-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-top-right .next-balloon-arrow {
  right: 6px;
  top: -24px;
}
.next-balloon-primary.next-balloon-top-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-bottom-left .next-balloon-arrow {
  left: 6px;
  bottom: -24px;
}
.next-balloon-primary.next-balloon-bottom-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-primary.next-balloon-bottom-right .next-balloon-arrow {
  right: 6px;
  bottom: -24px;
}
.next-balloon-primary.next-balloon-bottom-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-normal {
  color: #333;
  border-color: #dcdee3;
  background-color: #fff;
  box-shadow: 0 2px 4px #0000001f;
  border-width: 1px;
}
.next-balloon-normal .next-balloon-close {
  position: absolute;
  top: -1px;
  transform: translateY(16px);
  right: 12px;
  font-size: 12px;
  cursor: pointer;
  color: #999;
}
.next-balloon-normal .next-balloon-close .next-icon {
  width: 12px;
  height: 12px;
  line-height: 1em;
}
.next-balloon-normal .next-balloon-close .next-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1em;
}
.next-balloon-normal .next-balloon-close :hover {
  color: #666;
}
.next-balloon-normal .next-balloon-arrow {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background: 0 0;
  pointer-events: none;
}
.next-balloon-normal .next-balloon-arrow .next-balloon-arrow-content {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #dcdee3;
  pointer-events: auto;
}
.next-balloon-normal.next-balloon-top .next-balloon-arrow {
  top: -24px;
  left: calc(50% - 12px);
}
.next-balloon-normal.next-balloon-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-right .next-balloon-arrow {
  top: calc(50% - 12px);
  right: -24px;
}
.next-balloon-normal.next-balloon-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-bottom .next-balloon-arrow {
  left: calc(50% - 12px);
  bottom: -24px;
}
.next-balloon-normal.next-balloon-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-left .next-balloon-arrow {
  top: calc(50% - 12px);
  left: -24px;
}
.next-balloon-normal.next-balloon-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-left-top .next-balloon-arrow {
  top: 6px;
  left: -24px;
}
.next-balloon-normal.next-balloon-left-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-left-bottom .next-balloon-arrow {
  bottom: 6px;
  left: -24px;
}
.next-balloon-normal.next-balloon-left-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-right-top .next-balloon-arrow {
  top: 6px;
  right: -24px;
}
.next-balloon-normal.next-balloon-right-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-right-bottom .next-balloon-arrow {
  bottom: 6px;
  right: -24px;
}
.next-balloon-normal.next-balloon-right-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-top-left .next-balloon-arrow {
  left: 6px;
  top: -24px;
}
.next-balloon-normal.next-balloon-top-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-top-right .next-balloon-arrow {
  right: 6px;
  top: -24px;
}
.next-balloon-normal.next-balloon-top-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-bottom-left .next-balloon-arrow {
  left: 6px;
  bottom: -24px;
}
.next-balloon-normal.next-balloon-bottom-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-normal.next-balloon-bottom-right .next-balloon-arrow {
  right: 6px;
  bottom: -24px;
}
.next-balloon-normal.next-balloon-bottom-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon.visible {
  display: block;
}
.next-balloon.hidden {
  display: none;
}
.next-balloon-medium {
  padding: 16px;
}
.next-balloon-closable {
  padding: 16px 40px 16px 16px;
}
.next-balloon-tooltip {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  max-width: 300px;
  border-style: solid;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  z-index: 0;
  word-wrap: break-all;
  word-wrap: break-word;
  color: #333;
  border-color: #dcdee3;
  background-color: #f2f3f7;
  box-shadow: none;
  border-width: 1px;
}
.next-balloon-tooltip *,
.next-balloon-tooltip *:before,
.next-balloon-tooltip *:after {
  box-sizing: border-box;
}
.next-balloon-tooltip .next-balloon-arrow {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background: 0 0;
  pointer-events: none;
}
.next-balloon-tooltip .next-balloon-arrow .next-balloon-arrow-content {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  background-color: #f2f3f7;
  border: 1px solid #dcdee3;
  pointer-events: auto;
}
.next-balloon-tooltip-top .next-balloon-arrow {
  top: -24px;
  left: calc(50% - 12px);
}
.next-balloon-tooltip-top .next-balloon-arrow .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-tooltip-right .next-balloon-arrow {
  top: calc(50% - 12px);
  right: -24px;
}
.next-balloon-tooltip-right .next-balloon-arrow .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip-bottom .next-balloon-arrow {
  left: calc(50% - 12px);
  bottom: -24px;
}
.next-balloon-tooltip-bottom .next-balloon-arrow .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-tooltip-left .next-balloon-arrow {
  top: calc(50% - 12px);
  left: -24px;
}
.next-balloon-tooltip-left .next-balloon-arrow .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip-left-top .next-balloon-arrow {
  top: 6px;
  left: -24px;
}
.next-balloon-tooltip-left-top .next-balloon-arrow .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip-left-bottom .next-balloon-arrow {
  bottom: 6px;
  left: -24px;
}
.next-balloon-tooltip-left-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip-right-top .next-balloon-arrow {
  top: 6px;
  right: -24px;
}
.next-balloon-tooltip-right-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip-right-bottom .next-balloon-arrow {
  bottom: 6px;
  right: -24px;
}
.next-balloon-tooltip-right-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip-top-left .next-balloon-arrow {
  left: 6px;
  top: -24px;
}
.next-balloon-tooltip-top-left .next-balloon-arrow .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-tooltip-top-right .next-balloon-arrow {
  right: 6px;
  top: -24px;
}
.next-balloon-tooltip-top-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.next-balloon-tooltip-bottom-left .next-balloon-arrow {
  left: 6px;
  bottom: -24px;
}
.next-balloon-tooltip-bottom-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-tooltip-bottom-right .next-balloon-arrow {
  right: 6px;
  bottom: -24px;
}
.next-balloon-tooltip-bottom-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translateY(-12px) rotate(45deg);
}
.next-balloon-tooltip.visible {
  display: block;
}
.next-balloon-tooltip.hidden {
  display: none;
}
.next-balloon-tooltip-medium {
  padding: 8px;
}
.next-balloon[dir="rtl"].next-balloon-primary .next-balloon-close {
  left: 12px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left-top
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left-bottom
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right-top
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right-bottom
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-top-left
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-top-right
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-bottom-left
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-primary.next-balloon-bottom-right
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal .next-balloon-close {
  left: 12px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left-top
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left-bottom
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right-top
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right-bottom
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-top-left
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-top-right
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-bottom-left
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon[dir="rtl"].next-balloon-normal.next-balloon-bottom-right
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon[dir="rtl"].next-balloon-closable {
  padding: 16px 16px 16px 40px;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-top
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-bottom
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-top
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-bottom
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-top-left
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-top-right
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-bottom-left
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-bottom-right
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-right
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-right
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-left
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-left
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-left-top
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-left-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-left-bottom
  .next-balloon-arrow {
  left: -24px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-left-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-right-top
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-right-top
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-right-bottom
  .next-balloon-arrow {
  right: -24px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-right-bottom
  .next-balloon-arrow
  .next-balloon-arrow-content {
  transform: translate(-12px) rotate(45deg);
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-top-left
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-top-right
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-bottom-left
  .next-balloon-arrow {
  left: 10px;
  right: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-v2.next-balloon-tooltip-bottom-right
  .next-balloon-arrow {
  right: 10px;
  left: auto;
}
.next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-medium {
  padding: 8px;
}
.alitalk-balloon-popup {
  padding: 20px;
  max-width: 430px;
  width: 430px;
  border-radius: 12px;
  background:
    linear-gradient(
      292deg,
      #ffd8d866 -66.21%,
      #fff2eb66 69.71%,
      #fffce566 160.32%
    ),
    #fff;
  box-shadow: -6px 0 12px 4px #00000014;
}
.alitalk-balloon-popup .next-balloon-closable .next-balloon-close {
  top: 7px;
  right: 20px;
  transform: translateY(16px);
}
.alitalk-balloon-popup .next-balloon-closable .next-balloon-close .next-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.alitalk-balloon-popup
  .next-balloon-closable
  .next-balloon-close
  .next-icon:before {
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #222;
}
.alitalk-balloon-popup .next-balloon-arrow .next-balloon-arrow-content {
  width: 20px;
  height: 20px;
  background: #fff5f4;
}
.alitalk-balloon-popup.next-balloon-top-right .next-balloon-arrow {
  right: 12px;
  right: var(--alitalk-balloon-arrow-right, 12px);
}
.alitalk-balloon-popup.next-balloon-top-left .next-balloon-arrow {
  left: 12px;
  left: var(--alitalk-balloon-arrow-left, 12px);
}
.alitalk-balloon-popup.next-balloon-bottom-right .next-balloon-arrow {
  right: 12px;
  right: var(--alitalk-balloon-arrow-right, 12px);
}
.alitalk-balloon-popup.next-balloon-bottom-left .next-balloon-arrow {
  left: 12px;
  left: var(--alitalk-balloon-arrow-left, 12px);
}
.alitalk-balloon-popup.next-balloon-right-top .next-balloon-arrow {
  top: 12px;
  top: var(--alitalk-balloon-arrow-top, 12px);
}
.alitalk-balloon-popup.next-balloon-right-bottom .next-balloon-arrow {
  bottom: 12px;
  bottom: var(--alitalk-balloon-arrow-bottom, 12px);
}
.alitalk-balloon-popup.next-balloon-left-top .next-balloon-arrow {
  top: 12px;
  top: var(--alitalk-balloon-arrow-top, 12px);
}
.alitalk-balloon-popup.next-balloon-left-bottom .next-balloon-arrow {
  bottom: 12px;
  bottom: var(--alitalk-balloon-arrow-bottom, 12px);
}
.alitalk-balloon-header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.alitalk-balloon-header-title {
  width: 0;
  flex: 1;
  color: #222;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alitalk-balloon-header-title > span {
  background: linear-gradient(
    -90deg,
    #ffab1a,
    #ff851a,
    #ff6400,
    #ff571a,
    #ff1a1a
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.alitalk-balloon-content {
  width: 352px;
  color: #222;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.mc-visible {
  visibility: visible;
}
.mc-invisible {
  visibility: hidden;
}
.mc-fixed {
  position: fixed;
}
.mc-relative {
  position: relative;
}
.mc-inset-0 {
  inset: 0;
}
.mc-z-\[-100\] {
  z-index: -100;
}
.mc-z-\[10000\] {
  z-index: 10000;
}
.mc-mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}
.mc-me-4 {
  margin-inline-end: 16px;
}
.mc-ms-1 {
  margin-inline-start: 4px;
}
.mc-box-border {
  box-sizing: border-box;
}
.mc-line-clamp-1,
.mc-line-clamp-2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.mc-inline-block {
  display: inline-block;
}
.mc-flex {
  display: flex;
}
.mc-h-8 {
  height: 32px;
}
.mc-h-full {
  height: 100%;
}
.mc-w-\[1px\] {
  width: 1px;
}
.mc-w-full {
  width: 100%;
}
.mc-min-w-\[300px\] {
  min-width: 300px;
}
.mc-flex-1 {
  flex: 1 1 0%;
}
.mc-flex-shrink-0 {
  flex-shrink: 0;
}
.mc-cursor-pointer {
  cursor: pointer;
}
.mc-flex-col {
  flex-direction: column;
}
.mc-items-center {
  align-items: center;
}
.mc-justify-between {
  justify-content: space-between;
}
.mc-overflow-hidden {
  overflow: hidden;
}
.mc-whitespace-nowrap {
  white-space: nowrap;
}
.mc-border-none {
  border-style: none;
}
.mc-bg-\[\#FDC6A2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 198 162 / var(--tw-bg-opacity, 1));
}
.mc-text-center {
  text-align: center;
}
.mc-align-middle {
  vertical-align: middle;
}
.mc-text-base {
  font-size: 16px;
}
.mc-text-sm {
  font-size: 14px;
}
.mc-font-normal {
  font-weight: 400;
}
.mc-font-semibold {
  font-weight: 600;
}
.mc-leading-5 {
  line-height: 1.25rem;
}
.mc-leading-\[18px\] {
  line-height: 18px;
}
.mc-leading-base {
  line-height: 22px;
}
.mc-text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.mc-countdown-gradient-box {
  background: linear-gradient(270deg, #ff3332, #f60);
  height: 26px;
  width: 26px;
}
.mc-countdown-expired-days,
.mc-countdown-gradient-box {
  align-items: center;
  border-radius: 4px;
  display: flex;
  justify-content: center;
}
.mc-countdown-expired-days {
  background-color: #fff9;
  gap: 4px;
  padding: 6px 8px;
}
.mc-line-clamp-1 {
  -webkit-line-clamp: 1;
}
.mc-line-clamp-1,
.mc-line-clamp-2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mc-line-clamp-2 {
  -webkit-line-clamp: 2;
}
.mc-countdown-expired-days {
  align-items: center;
  display: flex;
}
.mc-countdown-expired-days span {
  align-items: center;
  display: inline-flex;
}
.mc-countdown-expired-days span b {
  font-size: 14px;
  font-weight: 600;
}
.mc-countdown-expired-days img {
  height: 18px !important;
  width: 18px !important;
}
.rtl\:mc-reverse-rtl-img:where([dir="rtl"], [dir="rtl"] *) {
  transform: scaleX(-1);
}
.layout-stick:not(.sticky) .layout-overview .module_free_shipping {
  padding: 0 20px;
}
.layout-stick:not(.sticky)
  .layout-overview
  .module_free_shipping
  .marketing-pc-atmosphere {
  margin-bottom: 20px;
  margin-top: 20px;
}
.shipping-calculator-arrived-progress {
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  margin-inline-start: 36px;
}
.shipping-calculator-arrived-progress
  .shipping-calculator-progress-container
  + .shipping-calculator-progress-container {
  margin-top: 12px;
}
.shipping-calculator-arrived-progress
  .shipping-calculator-progress-container
  .shipping-calculator-progress-day {
  text-align: start;
  flex: 3;
}
.shipping-calculator-arrived-progress
  .shipping-calculator-progress-container
  .shipping-calculator-progress-percent {
  text-align: end;
}
.shipping-calculator-arrived-progress .shipping-calculator-progress-desc {
  color: #767676;
  margin-top: 12px;
  text-align: start;
}
.shipping-calculator-arrived-progress .shipping-calculator-progress {
  height: 5px;
  background: #ddd;
  border-radius: 8px;
}
.shipping-calculator-arrived-progress
  .shipping-calculator-progress
  .shipping-calculator-progress-done {
  display: block;
  content: "";
  width: 50%;
  background-color: #222;
  height: 5px;
  border-radius: 8px;
}
.shipping-calculator-delivery-date-container {
  margin-top: 8px;
  color: #222;
  font-size: 14px;
}
.shipping-calculator-delivery-date-container .shipping-calculator-date {
  display: flex;
  align-items: baseline;
  font-weight: 400;
  line-height: 18px;
}
.shipping-calculator-delivery-date-container
  .shipping-calculator-date
  .shipping-calculator-green-date {
  color: #22891f;
}
.shipping-calculator-range-detail {
  color: #222;
  display: flex;
  align-items: baseline;
  font-size: 14px;
  margin-top: 10px;
  line-height: 14px;
}
.shipping-calculator-pro-detail {
  color: #222;
  font-size: 14px;
  margin-top: 10px;
  line-height: 14px;
}
.shipping-calculator {
  position: relative;
  max-width: 800px;
  background: #fff;
}
.shipping-calculator .shipping-calculator-header {
  margin-bottom: 16px;
}
.shipping-calculator .shipping-calculator-header h2 {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin: 0;
}
.shipping-calculator .shipping-calculator-header h2 strong {
  font-weight: 600;
}
.shipping-calculator .shipping-calculator-type-section {
  margin-bottom: 28px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-show-less {
  overflow: hidden;
}
.shipping-calculator .shipping-calculator-type-section:last-child {
  margin-bottom: 0;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-type-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-type-header
  .shipping-calculator-icon {
  font-size: 16px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-type-header
  .shipping-calculator-icon
  img {
  width: 22px;
  height: 22px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-type-header
  h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-methods {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method {
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method:hover {
  border-color: #222;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method:hover
  .shipping-calculator-method-radio
  input[type="radio"] {
  border-color: #222;
  background-color: #2222221a;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method.shipping-calculator-selected {
  border-color: #222;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-radio
  input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  margin: 0;
  background-color: #fff;
  outline: none;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-radio
  input[type="radio"]:checked {
  border-color: #222;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-radio
  input[type="radio"]:checked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #222;
}
html[dir="rtl"]
  .shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-radio
  input[type="radio"]:checked:after {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-info {
  flex: 1;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-info
  .shipping-calculator-method-name {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 18px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-info
  .shipping-calculator-method-name
  .shipping-calculator-logistic-content-solution-logo {
  margin-top: -1px;
  width: 130px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-info
  .shipping-calculator-method-name-estimate {
  font-size: 14px;
  color: #666;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-info
  .shipping-calculator-method-delivery {
  font-size: 14px;
  color: #666;
  display: flex;
  align-items: center;
  gap: 4px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-price {
  text-align: end;
  font-size: 14px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-price
  .shipping-calculator-price-main {
  font-weight: 600;
  color: #333;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-price
  .shipping-calculator-price-per-piece {
  font-size: 12px;
  color: #666;
  margin-inline-start: 4px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-method
  .shipping-calculator-method-red {
  color: #d04a0a;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-more-methods {
  margin-top: 16px;
}
.shipping-calculator
  .shipping-calculator-type-section
  .shipping-calculator-more-methods
  .shipping-calculator-more-methods-btn {
  background: none;
  border: none;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  padding: 0;
}
.shipping-calculator .shipping-calculator-original-cost {
  color: #999;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  white-space: nowrap;
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
  font-size: 14px;
}
.shipping-calculator .shipping-calculator-apply-section {
  display: flex;
  justify-content: center;
  width: 100%;
}
.shipping-calculator
  .shipping-calculator-apply-section.shipping-calculator-shadow {
  box-shadow: 0 -1px 10px 1px #0000001a;
}
.shipping-calculator
  .shipping-calculator-apply-section
  .shipping-calculator-apply-btn {
  background: #ea580c;
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 12px 48px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  min-width: 200px;
}
.shipping-calculator
  .shipping-calculator-apply-section
  .shipping-calculator-apply-btn:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}
.shipping-layout {
  padding: 20px 0;
  margin: 0 20px;
  border-top: 1px solid #ddd;
}
.shipping-layout .shipping-list {
  display: flex;
  gap: 16px;
  color: #000;
  flex-direction: column;
}
.shipping-layout .shipping-list .no-shipping u {
  cursor: pointer;
}
.shipping-layout .shipping-list .shipping-item {
  display: flex;
  gap: 8px;
  flex-direction: column;
  padding: 12px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.shipping-layout .shipping-list .shipping-item b {
  font-weight: 600;
}
.shipping-layout .shipping-list .shipping-item.activated {
  border: 1px solid #222;
}
.shipping-layout .shipping-list .shipping-item .shipping-title {
  display: flex;
  align-items: center;
}
.shipping-layout
  .shipping-list
  .shipping-item
  .shipping-title
  .shipping-title_method {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.shipping-layout
  .shipping-list
  .shipping-item
  .shipping-title
  .shipping-title_gap {
  width: 1px;
  height: 12px;
  background-color: #ddd;
  margin-left: 4px;
}
html[dir="rtl"]
  .shipping-layout
  .shipping-list
  .shipping-item
  .shipping-title
  .shipping-title_gap {
  margin-left: 0;
  margin-right: 4px;
}
.shipping-layout
  .shipping-list
  .shipping-item
  .shipping-title
  .shipping-title_ali_logistics_logo {
  height: 18px;
  margin-left: 4px;
}
html[dir="rtl"]
  .shipping-layout
  .shipping-list
  .shipping-item
  .shipping-title
  .shipping-title_ali_logistics_logo {
  margin-left: 0;
  margin-right: 4px;
}
.shipping-layout .shipping-list .shipping-item .shipping-intro,
.shipping-layout .shipping-list .shipping-item .shipping-delivery {
  font-size: 14px;
  line-height: 18px;
}
.sku-logistic {
  border-top: 1px solid #e6e7eb;
  display: flex;
  padding-top: 20px;
  margin-top: 20px;
  flex-direction: column;
  min-height: 100px;
}
.sku-logistic .logistic-item h3 {
  margin-top: 0 !important;
}
.sku-logistic .logistic-item b {
  font-weight: 600;
}
.sku-logistic .ship-from {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #222;
  margin-bottom: 12px;
}
.sku-logistic .ship-from h3 {
  margin-top: 0;
}
.sku-logistic .ship-from .next-radio-group {
  display: flex;
  gap: 8px;
}
.sku-logistic .ship-from .next-radio .next-radio-inner {
  border: 1px solid #222;
}
.sku-logistic .ship-from .next-radio.focused .next-radio-inner {
  background-color: #222;
}
.sku-logistic .ship-from .next-radio .next-radio-inner:after {
  margin-top: -5px;
  margin-left: -5px;
}
html[dir="rtl"] .sku-logistic .ship-from .next-radio .next-radio-inner:after {
  margin-left: 0;
  margin-right: -5px;
}
.sku-logistic .ship-from .next-radio.checked .next-radio-inner {
  background-color: #fff;
  border-color: #222;
}
.sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: #222;
}
html[dir="rtl"]
  .sku-logistic
  .ship-from
  .next-radio.checked
  .next-radio-inner:after {
  margin-left: 0;
  margin-right: -5px;
}
.sku-logistic .ship-from > label {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.sku-logistic .ship-from .next-radio-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.sku-logistic .logistic-item {
  min-height: 22px;
  font-size: 16px;
  line-height: 22px;
}
.sku-logistic .logistic-item h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
}
.sku-logistic .logistic-item.strong {
  font-weight: 600;
}
.sku-logistic .logistic-item.method {
  display: flex;
  align-items: center;
  height: 24px;
}
.sku-logistic .logistic-item.method .logistics-method {
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sku-logistic .logistic-item.method .logistics-ali-logo {
  flex-shrink: 0;
  width: 131px;
  margin-left: 4px;
}
html[dir="rtl"] .sku-logistic .logistic-item.method .logistics-ali-logo {
  margin-left: 0;
  margin-right: 4px;
}
.sku-logistic .logistic-item.method .logistics-ali-logo-gap {
  margin-left: 4px;
  width: 1px;
  height: 12px;
  background-color: #ddd;
}
html[dir="rtl"] .sku-logistic .logistic-item.method .logistics-ali-logo-gap {
  margin-left: 0;
  margin-right: 4px;
}
.sku-logistic .logistic-item.method .logistics-switching-button {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 14px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
html[dir="rtl"]
  .sku-logistic
  .logistic-item.method
  .logistics-switching-button {
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: 14px;
}
.sku-logistic .logistic-item.method .logistics-switching-button .detail-symbol {
  width: 24px;
  height: 24px;
}
.sku-logistic .logistic-item a {
  font-weight: 400;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #222;
}
.sku-logistic .logistic-item a:hover {
  color: #333;
}
.sku-logistic .logistic-item.green {
  color: #22891f;
}
.sku-logistic .logistic-item.byBulkLogistics {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.drawer-pop-slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawer-pop-slider-wrapper .layout-left,
.drawer-pop-slider-wrapper .layout-right {
  display: flex;
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  border-radius: 25px;
}
.drawer-pop-slider-wrapper .layout-left:hover,
.drawer-pop-slider-wrapper .layout-right:hover {
  border: 1px solid #222;
  background-color: #f4f4f4;
}
.drawer-pop-slider-wrapper .prop-layout {
  margin-left: 3rem;
  margin-right: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}
.drawer-pop-slider-wrapper .prop-layout .layout-image {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 30vh;
}
@media screen and (max-width: 1280px) {
  .drawer-pop-slider-wrapper .prop-layout .layout-image {
    width: 40vh;
  }
}
.drawer-pop-slider-wrapper .prop-layout .layout-image .sku-info {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.drawer-pop-slider-wrapper .prop-layout .layout-image > img {
  border-radius: 0;
}
.drawer-pop-slider-wrapper .prop-layout .layout-image .info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.drawer-pop-slider-wrapper .prop-layout .layout-image .info > img {
  height: 50px;
}
.free-shipping-atmosphere-layout {
  position: absolute;
  left: 0;
  top: -40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background-size: 32%;
  background-repeat: no-repeat;
  background-position: 80% bottom;
}
html[dir="rtl"] .free-shipping-atmosphere-layout {
  left: auto;
  right: 0;
  background-position: 20% bottom;
}
.free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
  width: 32px;
  height: 24px;
  margin-right: 8px;
}
html[dir="rtl"]
  .free-shipping-atmosphere-layout
  .free-shipping-atmosphere-icon {
  margin-right: 0;
  margin-left: 8px;
}
.free-shipping-atmosphere-layout .free-shipping-atmosphere-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0;
}
.light-customization-item.selected:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  border-width: 1px;
  border-color: #222;
}
.ui-number-picker {
  position: relative;
  display: flex;
  width: 7rem;
  min-width: 7rem;
  align-items: center;
  justify-content: space-between;
}
.ui-number-picker > .hr {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 0.2px;
  bottom: 0.2px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: #d1d5db;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
}
.ui-number-picker > input {
  z-index: 10;
  width: 3rem;
  flex-shrink: 0;
  border-width: 0px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: #111827;
  color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
}
.ui-number-picker > .number-picker-button {
  z-index: 10;
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: #d1d5db;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: #111827;
  color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
}
.ui-number-picker > .number-picker-button:hover {
  --tw-border-opacity: 1;
  border-color: #f97316;
  border-color: rgba(249, 115, 22, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: #f97316;
  background-color: rgba(249, 115, 22, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.ui-number-picker > .number-picker-button:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: #e5e7eb;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.ui-number-picker > .number-picker-button:hover:disabled {
  --tw-border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: #e5e7eb;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.ui-number-picker > .number-picker-button.disabled {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: #e5e7eb;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.ui-number-picker > .number-picker-button.disabled:hover {
  --tw-border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: #e5e7eb;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.double-bordered-box {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: var(--radius);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  animation-duration: 0.2s;
}
.double-bordered-box.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.double-bordered-box:not(.disabled) {
  cursor: pointer;
}
.double-bordered-box:not(.disabled):active:after {
  background-color: #00000014;
}
.double-bordered-box:before {
  content: "";
  visibility: hidden;
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: var(--radius);
  border-width: 2px;
  border-color: transparent;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  animation-duration: 0.2s;
}
.double-bordered-box:not(.selected):not(.disabled):hover:before {
  visibility: visible;
  --tw-border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
  opacity: 1;
}
.double-bordered-box:not(.selected):not(.disabled):hover > .inner-border {
  visibility: visible;
  --tw-border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
  opacity: 1;
}
.double-bordered-box.selected > .inner-border {
  visibility: visible;
  --tw-border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
  opacity: 1;
}
.double-bordered-box.selected:before {
  visibility: visible;
  --tw-border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
  opacity: 1;
}
.double-bordered-box:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  background-color: #0000000a;
  opacity: 0;
}
.double-bordered-box:not(.disabled):active:after,
.double-bordered-box.selected:after {
  opacity: 1;
}
.double-bordered-box > .inner-border {
  visibility: hidden;
  position: absolute;
  inset: 2px;
  border-radius: var(--radius);
  border-width: 1px;
  border-color: transparent;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
  animation-duration: 0.2s;
}
.sku-selected-layout {
  position: absolute;
  top: 0;
  background: #fff;
  padding: 20px;
  height: 100vh;
  animation: slide-in-top 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
  z-index: 10;
}
.sku-selected-layout.down {
  animation: slide-in-down 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
}
.sku-selected-layout .close {
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 24px;
}
html[dir="rtl"] .sku-selected-layout .close {
  right: auto;
  left: 24px;
}
.sku-selected-layout h4 {
  font-weight: 700;
  font-size: 18px;
  color: #222;
  line-height: 24px;
  padding: 0;
  margin-bottom: 20px;
}
.sku-selected-layout .layout-list {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 300px;
}
.sku-selected-layout .layout-list .layout-item {
  display: table-row;
  border: 1px solid #ddd;
}
.sku-selected-layout .layout-list .layout-item:first-child {
  font-weight: 700;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}
.sku-selected-layout .layout-list .layout-item:first-child .price {
  font-weight: 700;
}
.sku-selected-layout .layout-list .layout-item > div {
  padding: 15px 10px;
  display: table-cell;
  border: 1px solid #ddd;
}
.sku-selected-layout .layout-list .layout-item .sku {
  font-size: 16px;
  color: #222;
  line-height: 22px;
  width: 242px;
}
.sku-selected-layout .layout-list .layout-item .sku > div {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  flex-wrap: wrap;
  gap: 4px;
}
.sku-selected-layout .layout-list .layout-item .sku > div > span {
  word-break: break-all;
  word-wrap: break-word;
}
.sku-selected-layout .layout-list .layout-item .sku > div img {
  width: 20px;
  height: 20px;
}
.sku-selected-layout .layout-list .layout-item .price {
  width: 156px;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 22px;
}
.sku-selected-layout .layout-list .layout-item .quantity {
  width: 156px;
}
.bottom-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.bottom-item.total {
  font-weight: 600;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  padding-top: 8px;
  border-top: 1px solid #ddd;
}
.bottom-item .item-right {
  font-weight: 600;
  font-size: 16px;
  color: #222;
}
.bottom-item .item-left {
  font-size: 16px;
}
.bottom-item .item-left span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.bottom-item .item-left a {
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}
.sku-layout.none .sku-out-bottom {
  margin-bottom: 10px;
}
.sku-layout.none .sku-option {
  margin-top: 20px;
  margin-bottom: 20px;
}
.sku-layout.none .inventory-info {
  font-size: 16px;
  color: hsl(var(--highlight-dark));
}
.sku-layout.none .sku-logistic {
  border-bottom: 0;
}
.sku-layout.logistics .sku-logistic {
  min-height: 130px;
}
.sku-layout .sku-logistic h4 {
  font-weight: 600;
  font-size: 18px;
  color: #222;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 0;
}
.sku-layout h3 {
  font-weight: 600;
  font-size: 18px;
  color: #222;
  line-height: 24px;
  margin-bottom: 0;
}
.sku-layout .sku-info {
  padding: 4px 0;
}
.sku-layout .sku-info h4 {
  font-weight: 600;
  font-size: 14px;
  color: #222;
  line-height: 18px;
  margin-top: 16px;
  margin-bottom: 12px;
  position: relative;
}
.sku-layout .sku-info h4 > a {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration-line: underline;
  position: absolute;
  right: 0;
  bottom: 0;
}
html[dir="rtl"] .sku-layout .sku-info h4 > a {
  right: auto;
  left: 0;
}
.sku-layout .sku-info h4 > span {
  font-weight: 400;
  margin-left: 4px;
}
html[dir="rtl"] .sku-layout .sku-info h4 > span {
  margin-left: 0;
  margin-right: 4px;
}
.sku-layout .sku-info .info-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 44px;
  overflow: hidden;
}
.sku-layout .sku-info .info-item .show-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.sku-layout .sku-info .info-item .show-more > a {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-decoration-line: underline;
}
.sku-layout .sku-info .info-item .last-sku-item {
  width: 100%;
  position: relative;
}
.sku-layout .sku-info .info-item .last-sku-item .inventory-info {
  position: absolute;
  right: 0;
  margin: 4px 0;
  font-size: 12px;
}
html[dir="rtl"]
  .sku-layout
  .sku-info
  .info-item
  .last-sku-item
  .inventory-info {
  right: auto;
  left: 0;
}
.sku-layout .sku-info .info-item .last-sku-item .inventory-info.out-of-stock {
  color: #767676;
}
.sku-layout .sku-info .info-item .last-sku-item .inventory-info.tight-stock {
  color: hsl(var(--highlight-dark));
}
.sku-layout .sku-info .info-item .number {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 4px;
}
.sku-layout .sku-info .info-item .number:hover {
  cursor: pointer;
}
.sku-layout .sku-info .info-item .number .last-sku-first-item {
  width: 45%;
  display: flex;
  align-items: center;
}
.sku-layout .sku-info .info-item .number .price {
  flex: 1;
}
.module_sku .sku-layout .sku-info .info-item .number.active img {
  border: 2px solid #222;
  padding: 1px;
}
.module_sku .sku-layout .sku-info .info-item .number.active .color {
  border: 2px solid #222;
}
.sku-layout .sku-info .info-item .number span.image img {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  margin-right: 4px;
}
html[dir="rtl"] .sku-layout .sku-info .info-item .number span.image img {
  margin-right: 0;
  margin-left: 4px;
}
.sku-layout .sku-info .info-item .number span.color {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 4px;
}
.sku-layout .sku-info .info-item .number span.color:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #0000000a;
}
html[dir="rtl"] .sku-layout .sku-info .info-item .number span.color:before {
  left: auto;
  right: 0;
}
.sku-layout .sku-info .info-item span.more {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  max-height: 44px;
  width: 44px;
  background-color: #f4f4f4;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: #222;
}
.sku-layout .sku-info .info-item a.text,
.sku-layout .sku-info .info-item a.color,
.sku-layout .sku-info .info-item a.image {
  position: relative;
}
.sku-layout .sku-info .info-item a.text.selected,
.sku-layout .sku-info .info-item a.color.selected,
.sku-layout .sku-info .info-item a.image.selected {
  border: 2px solid #222;
  padding: 1px;
}
.sku-layout .sku-info .info-item a.text span.badge,
.sku-layout .sku-info .info-item a.color span.badge,
.sku-layout .sku-info .info-item a.image span.badge {
  position: absolute;
  right: -5px;
  top: -16px;
  background-color: #e52828;
  border: 1px solid #fff;
  border-radius: 15px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  padding: 4px 8px;
  white-space: nowrap;
}
html[dir="rtl"] .sku-layout .sku-info .info-item a.text span.badge,
html[dir="rtl"] .sku-layout .sku-info .info-item a.color span.badge,
html[dir="rtl"] .sku-layout .sku-info .info-item a.image span.badge {
  right: auto;
  left: -5px;
}
.sku-layout .sku-info .info-item a.color {
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 4px;
}
.sku-layout .sku-info .info-item a.color:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #0000000a;
}
html[dir="rtl"] .sku-layout .sku-info .info-item a.color:before {
  left: auto;
  right: 0;
}
.sku-layout .sku-info .info-item a.color.selected:before {
  border: 1px solid #fff;
}
.sku-layout .sku-info .info-item a.image {
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 4px;
}
.sku-layout .sku-info .info-item a.image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background-color: #0000000a;
}
html[dir="rtl"] .sku-layout .sku-info .info-item a.image:before {
  left: auto;
  right: 0;
}
.sku-layout .sku-info .info-item a.image > img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.sku-layout .sku-info .info-item a.text {
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
  display: grid;
  border: 2px solid #fff;
  border-radius: 8px;
}
.sku-layout .sku-info .info-item a.text > span {
  font-weight: 400;
  color: #222;
  padding: 8px 12px;
  background-color: #f4f4f4;
  font-size: 14px;
  border-radius: 8px;
  line-height: 18px;
}
.sku-layout .sku-option {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8px;
  gap: 20px;
  width: 100%;
}
.sku-layout .sku-option .item-right > a {
  font-weight: 600;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  white-space: nowrap;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.sku-layout .sku-option .item-left {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sku-layout .sku-option .item-left .option {
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}
.sku-layout .sku-option .item-left .total {
  font-size: 16px;
  color: #222;
  line-height: 22px;
  font-weight: 500;
}
.sku-layout .sku-option .item-left .total span {
  margin-right: 4px;
}
html[dir="rtl"] .sku-layout .sku-option .item-left .total span {
  margin-right: 0;
  margin-left: 4px;
}
.sku-layout .sku-out-bottom .item-right del {
  color: #767676;
}
.sku-layout .sku-out-bottom .select-layout {
  position: absolute;
  top: 0;
  background: #fff;
  padding: 20px;
  height: 100vh;
  animation: slide-in-top 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
  z-index: 3;
}
.sku-layout .sku-out-bottom .select-layout.down {
  animation: slide-in-down 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
}
.sku-layout .sku-out-bottom .select-layout .close {
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 24px;
}
html[dir="rtl"] .sku-layout .sku-out-bottom .select-layout .close {
  right: auto;
  left: 24px;
}
.sku-layout .sku-out-bottom .select-layout h4 {
  font-weight: 700;
  font-size: 18px;
  color: #222;
  line-height: 24px;
  padding: 0;
  margin-bottom: 20px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 300px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item {
  display: table-row;
  border: 1px solid #ddd;
}
.sku-layout
  .sku-out-bottom
  .select-layout
  .layout-list
  .layout-item:first-child {
  font-weight: 700;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}
.sku-layout
  .sku-out-bottom
  .select-layout
  .layout-list
  .layout-item:first-child
  .price {
  font-weight: 700;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item > div {
  padding: 15px 10px;
  display: table-cell;
  border: 1px solid #ddd;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku {
  font-size: 16px;
  color: #222;
  line-height: 22px;
  width: 242px;
}
.sku-layout
  .sku-out-bottom
  .select-layout
  .layout-list
  .layout-item
  .sku
  > div {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  flex-wrap: wrap;
  gap: 4px;
}
.sku-layout
  .sku-out-bottom
  .select-layout
  .layout-list
  .layout-item
  .sku
  > div
  > span {
  word-break: break-all;
  word-wrap: break-word;
}
.sku-layout
  .sku-out-bottom
  .select-layout
  .layout-list
  .layout-item
  .sku
  > div
  img {
  width: 20px;
  height: 20px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .price {
  width: 156px;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 22px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .quantity {
  width: 156px;
}
.sku-layout .sku-out-bottom .bottom-item {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.sku-layout .sku-out-bottom .bottom-item:first-child {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e7eb;
}
.sku-layout .sku-out-bottom .bottom-item.total {
  font-weight: 600;
  font-size: 14px;
  color: #222;
  line-height: 18px;
  margin-top: 15px;
}
.sku-layout .sku-out-bottom .bottom-item.total .item-right {
  font-weight: 600;
}
.sku-layout .sku-out-bottom .bottom-item .item-right {
  font-size: 16px;
  color: #222;
  font-weight: 600;
}
.sku-layout .sku-out-bottom .bottom-item .item-left span {
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}
.sku-layout .sku-out-bottom .bottom-item .item-left a {
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.layout-right .sku-layout .sku-info > *:nth-child(n + 7) {
  display: none;
}
.module_ta_plus {
  padding: 0 20px;
  min-height: 20px;
}
.module_ta_plus .ta-semi {
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.module_ta_plus .ta-semi .ta-wrapper {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  justify-content: space-between;
  cursor: pointer;
}
.module_ta_plus .ta-semi .ta-wrapper > div {
  display: flex;
  gap: 8px;
}
.module_ta_plus .ta-semi .ta-wrapper > div img {
  height: 20px;
}
.module_ta_plus .ta-semi .ta-wrapper .detail-symbol {
  font-size: 24px;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header {
  display: flex;
  gap: 4px;
  flex: 1;
  flex-direction: column;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item.other {
  font-weight: 400;
  font-size: 14px;
  align-items: center;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header img {
  margin-bottom: 2px;
  height: 20px;
}
.module_ta_plus .ta-semi .semi-footer {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #666;
  margin-top: 16px;
}
.module_ta_plus .ta-semi .semi-footer img {
  display: inline-block;
  height: 15px;
  margin-left: 4px;
}
html[dir="rtl"] .module_ta_plus .ta-semi .semi-footer img {
  margin-left: 0;
  margin-right: 4px;
}
.report-layout {
  margin-top: 20px;
  padding-top: 28px;
  border-top: 1px solid #ddd;
  display: flex;
  align-items: center;
  gap: 4px;
}
.report-layout .report-link {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration-line: underline;
}
.related-layout {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #ddd;
  margin-bottom: 30px;
}
.related-layout h2 {
  font-size: 22px;
  color: #222;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 20px;
}
.related-layout .related-list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.related-layout .related-list > a {
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 24px;
  line-height: 16px;
  font-size: 14px;
  color: #222;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.related-layout .related-list > a:hover {
  border: 1px solid #222;
}
.module_recommend {
  margin-top: 20px;
}
.module_recommend .recommend-layout {
  border-top: 0;
}
.recommend-layout {
  background-color: #fff;
  padding-top: 32px;
  margin-top: 32px;
  border-top: 1px solid #ddd;
}
.recommend-layout:has(> div[data-visible="false"]) {
  display: none;
}
.recommend-layout.you_may_like {
  margin-top: 0;
}
.recommend-layout.you_may_like .button-item {
  display: none;
}
.recommend-layout.from-other-recommendation {
  border-top: 0;
}
.recommend-layout a,
.recommend-layout a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.react-dove-icon {
  display: block;
  font-size: 16px;
  font-size: var(--dove-icon-size, 16px);
  color: #fff;
  color: var(--dove-icon-color, #fff);
}
.react-dove-controls-fullscreen .react-dove-icon {
  font-size: 40px;
  font-size: var(--dove-icon-fullscreen-size, 40px);
}
.react-dove-playButton {
  opacity: 0.9;
  transition: opacity 0.5s ease;
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  width: 64px;
  width: var(--dove-playButton-width, 64px);
  background-color: #000;
  background-color: #0000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.react-dove-playButton:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.react-dove-playButton-wapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-left: 4px;
  border-radius: 50%;
  background-color: #0000004d;
  background-color: var(--dove-playButton-backgroud-color, rgba(0, 0, 0, 0.3));
  border: 2px solid rgba(255, 255, 255, 0.8);
  border: var(--dove-playButton-border-width, 2px) solid
    var(--dove-playButton-border-color, rgba(255, 255, 255, 0.8));
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-dove-playButton-arrow.react-dove-icon {
  font-size: 32px;
  font-size: var(--dove-playButton-font-size, 32px);
}
.react-dove-playButton.left {
  top: 20px;
  left: 20px;
}
.react-dove-playButton.right {
  top: 20px;
  right: 20px;
}
.react-dove-controls-fullscreen .react-dove-playButton {
  width: 80px;
  width: var(--dove-playButton-width, 80px);
}
.react-dove-bigPlay {
  z-index: 3;
}
.react-dove-bigPlay.react-dove-bigPlay.hide {
  visibility: hidden;
  opacity: 0;
}
.react-dove-button {
  background: #0000;
  border: none;
  cursor: pointer;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: visible;
  font-size: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0;
  flex-shrink: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  color: var(--dove-control-color, #fff);
  outline: none;
}
.react-dove-progress {
  flex: 1;
  box-sizing: border-box;
}
.react-dove-progress-inner {
  width: 100%;
  padding: 0 4px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
.react-dove-progress-inner .react-dove-slider-handle {
  opacity: 0;
}
.react-dove-progress-inner:hover .react-dove-slider,
.react-dove-progress-inner
  .react-dove-slider-container.active
  .react-dove-slider {
  height: 12px;
  height: calc(
    var(--dove-slider-height, 9px) +
      var(--dove-slider-rail-active-height, 6px) -
      var(--dove-slider-rail-height, 3px)
  );
}
.react-dove-progress-inner:hover .react-dove-slider-rail,
.react-dove-progress-inner:hover .react-dove-slider-track,
.react-dove-progress-inner:hover .react-dove-slider-step,
.react-dove-progress-inner:hover .react-dove-slider-dot,
.react-dove-progress-inner
  .react-dove-slider-container.active
  .react-dove-slider-rail,
.react-dove-progress-inner
  .react-dove-slider-container.active
  .react-dove-slider-track,
.react-dove-progress-inner
  .react-dove-slider-container.active
  .react-dove-slider-step,
.react-dove-progress-inner
  .react-dove-slider-container.active
  .react-dove-slider-dot {
  height: 6px;
  height: var(--dove-slider-rail-active-height, 6px);
}
.react-dove-progress-inner:hover .react-dove-slider-handle,
.react-dove-progress-inner
  .react-dove-slider-container.active
  .react-dove-slider-handle {
  opacity: 1;
  bottom: -1px !important;
  bottom: calc(
    (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2 -
      (
        var(--dove-slider-handle-size, 14px) -
          var(--dove-slider-rail-active-height, 6px)
      ) /
      2
  ) !important;
}
.react-dove-progress.relative .react-dove-progress-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 3px);
  bottom: calc(
    100% -
      (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  padding: 0;
}
.react-dove-progress.absolute {
  width: 0%;
  padding: 0 !important;
  flex: none;
}
.react-dove-progress.absolute .react-dove-progress-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 3px);
  bottom: calc(
    100% -
      (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  padding: 0;
}
.react-dove-progress-segment {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(calc(-100% - 18px));
  transform: translateY(
    calc(
      -100% - var(--dove-progress-segment-bottom, 12px) -
        var(--dove-slider-rail-active-height, 6px)
    )
  );
  overflow-wrap: break-word;
  background-color: #fff;
  background-color: var(--dove-progress-segment-background, #fff);
  padding: 4px;
  width: 120px;
  line-height: 14px;
  font-weight: 700;
  font-size: 12px;
  color: #222;
  text-align: center;
  visibility: hidden;
  overflow: hidden;
}
.react-dove-controls-fullscreen
  .react-dove-progress-inner:hover
  .react-dove-slider,
.react-dove-controls-fullscreen
  .react-dove-progress-inner
  .react-dove-slider.active
  .react-dove-slider {
  height: 28px;
  height: calc(
    var(--dove-slider-fullscreen-height, 24px) +
      var(--dove-slider-rail-fullscreen-active-height, 12px) -
      var(--dove-slider-rail-fullscreen-height, 8px)
  );
}
.react-dove-controls-fullscreen
  .react-dove-progress-inner:hover
  .react-dove-slider-rail,
.react-dove-controls-fullscreen
  .react-dove-progress-inner:hover
  .react-dove-slider-track,
.react-dove-controls-fullscreen
  .react-dove-progress-inner:hover
  .react-dove-slider-step,
.react-dove-controls-fullscreen
  .react-dove-progress-inner:hover
  .react-dove-slider-dot,
.react-dove-controls-fullscreen
  .react-dove-progress-inner
  .react-dove-slider.active
  .react-dove-slider-rail,
.react-dove-controls-fullscreen
  .react-dove-progress-inner
  .react-dove-slider.active
  .react-dove-slider-track,
.react-dove-controls-fullscreen
  .react-dove-progress-inner
  .react-dove-slider.active
  .react-dove-slider-step,
.react-dove-controls-fullscreen
  .react-dove-progress-inner
  .react-dove-slider.active
  .react-dove-slider-dot {
  height: 12px;
  height: var(--dove-slider-rail-fullscreen-active-height, 12px);
}
.react-dove-controls-fullscreen
  .react-dove-progress-inner:hover
  .react-dove-slider-handle,
.react-dove-controls-fullscreen
  .react-dove-progress-inner
  .react-dove-slider.active
  .react-dove-slider-handle {
  opacity: 1;
  bottom: 4px !important;
  bottom: calc(
    (
        var(--dove-slider-fullscreen-height, 24px) -
          var(--dove-slider-rail-fullscreen-height, 8px)
      ) /
      2 -
      (
        var(--dove-slider-handle-fullscreen-size, 20px) -
          var(--dove-slider-rail-fullscreen-active-height, 12px)
      ) /
      2
  ) !important;
}
.react-dove-controls-fullscreen
  .react-dove-progress.relative
  .react-dove-progress-inner,
.react-dove-controls-fullscreen
  .react-dove-progress.absolute
  .react-dove-progress-inner {
  bottom: calc(100% - 8px);
  bottom: calc(
    100% -
      (
        var(--dove-slider-fullscreen-height, 24px) -
          var(--dove-slider-rail-fullscreen-height, 8px)
      ) /
      2
  );
}
.react-dove-controls-fullscreen .react-dove-progress-segment {
  transform: translateY(calc(-100% - 24px));
  transform: translateY(
    calc(
      -100% - var(--dove-progress-segment-bottom, 12px) -
        var(--dove-slider-rail-fullscreen-active-height, 12px)
    )
  );
  background-color: #fff;
  background-color: var(--dove-progress-segment-background, #fff);
  width: 200px;
  line-height: 19px;
  font-size: 16px;
}
.react-dove-number {
  font-size: 12px;
  font-size: var(--dove-font-size-number, var(--dove-font-size-small, 12px));
  height: 16px;
  height: var(--dove-icon-size, 16px);
  line-height: 16px;
  line-height: var(--dove-icon-size, 16px);
}
.react-dove-controls-fullscreen .react-dove-number {
  font-size: 24px;
  font-size: var(--dove-font-size-fullscreen-number, 24px);
  height: 40px;
  height: var(--dove-icon-fullscreen-size, 40px);
  line-height: 40px;
  line-height: var(--dove-icon-fullscreen-size, 40px);
}
.react-dove-timeDivider {
  padding-left: 2px;
  padding-right: 2px;
}
.react-dove-time.react-dove-button {
  cursor: inherit;
}
.react-dove-time.react-dove-button:hover {
  background-color: #0000;
}
.react-dove-time.toggle {
  cursor: pointer;
}
.react-dove-timeControl {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.react-dove-fullscreen-disable .react-dove-icon {
  color: #a7b0be;
}
.react-dove-volume-slider {
  --dove-slider-handle-size: 9px;
  --dove-slider-track-background: #fff;
}
.react-dove-volume-slider .react-dove-slider-handle {
  opacity: 1;
}
.react-dove-popup {
  background-color: #00000080;
  background-color: var(--dove-controls-background, rgba(0, 0, 0, 0.5));
  border-radius: 4px;
  z-index: 999999;
}
.react-dove-popup.rc-tooltip-hidden {
  display: none;
}
.react-dove-popup.hide {
  display: none !important;
}
.react-dove-slider-container {
  width: 100%;
}
.react-dove-slider-container .react-dove-slider {
  position: relative;
  padding: 3px 0;
  padding: calc(
      (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
    )
    0;
  height: 9px;
  height: var(--dove-slider-height, 9px);
  width: 100%;
  touch-action: none;
  cursor: pointer;
  transition: height 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-rail {
  bottom: 3px;
  bottom: calc(
    (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  height: 3px;
  height: var(--dove-slider-rail-height, 3px);
  position: absolute;
  width: 100%;
  background-color: #ffffff80;
  background-color: var(
    --dove-slider-rail-background,
    rgba(255, 255, 255, 0.5)
  );
  transition: height 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-track {
  bottom: 3px;
  bottom: calc(
    (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  height: 3px;
  height: var(--dove-slider-rail-height, 3px);
  position: absolute;
  background-color: #f60;
  background-color: var(
    --dove-slider-track-background,
    var(--dove-color-main, var(--dove-color-main, #f60))
  );
  transition: height 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-step {
  bottom: 3px;
  bottom: calc(
    (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  height: 3px;
  height: var(--dove-slider-rail-height, 3px);
  position: absolute;
  width: 100%;
  background: #0000;
}
.react-dove-slider-container .react-dove-slider-handle {
  position: absolute;
  bottom: -2.5px;
  bottom: calc(
    calc(
        (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) /
          2
      ) -
      (
        var(--dove-slider-handle-size, 14px) -
          var(--dove-slider-rail-height, 3px)
      ) /
      2
  );
  width: 14px;
  width: var(--dove-slider-handle-size, 14px);
  height: 14px;
  height: var(--dove-slider-handle-size, 14px);
  background-color: #fff;
  background-color: var(--dove-slider-handle-background, #fff);
  border-radius: 50%;
  cursor: pointer;
  cursor: grab;
  touch-action: pan-x;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    bottom 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-dot {
  height: 3px;
  height: var(--dove-slider-rail-height, 3px);
  position: absolute;
  bottom: 0;
  width: 6px;
  width: var(--dove-slider-dot-width, 6px);
  background-color: #fff;
  background-color: var(--dove-slider-dot-background, #fff);
  cursor: pointer;
  transition: height 0.2s ease;
}
.react-dove-slider-container.vertical {
  height: 100%;
  width: auto;
  width: initial;
}
.react-dove-slider-container.vertical .react-dove-slider {
  padding: 0 3px;
  padding: 0
    calc(
      (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
    );
  height: 100%;
  width: 9px;
  width: var(--dove-slider-height, 9px);
}
.react-dove-slider-container.vertical .react-dove-slider-rail {
  bottom: auto;
  bottom: initial;
  left: 3px;
  left: calc(
    (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  width: 3px;
  width: var(--dove-slider-rail-height, 3px);
  transition: width 0.2s ease;
  height: 100%;
}
.react-dove-slider-container.vertical .react-dove-slider-track {
  bottom: auto;
  bottom: initial;
  left: 3px;
  left: calc(
    (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  width: 3px;
  width: var(--dove-slider-rail-height, 3px);
  transition: width 0.2s ease;
}
.react-dove-slider-container.vertical .react-dove-slider-step {
  bottom: auto;
  bottom: initial;
  left: 3px;
  left: calc(
    (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2
  );
  width: 3px;
  width: var(--dove-slider-rail-height, 3px);
  transition: width 0.2s ease;
  height: 100%;
}
.react-dove-slider-container.vertical .react-dove-slider-handle {
  bottom: auto;
  bottom: initial;
  left: -2.5px;
  left: calc(
    calc(
        (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) /
          2
      ) -
      (
        var(--dove-slider-handle-size, 14px) -
          var(--dove-slider-rail-height, 3px)
      ) /
      2
  );
  transition:
    opacity 0.2s ease,
    left 0.2s ease;
}
.react-dove-controls-fullscreen
  .react-dove-slider-container
  .react-dove-slider {
  padding: 8px 0;
  padding: calc(
      (
          var(--dove-slider-fullscreen-height, 24px) -
            var(--dove-slider-rail-fullscreen-height, 8px)
        ) /
        2
    )
    0;
  height: 24px;
  height: var(--dove-slider-fullscreen-height, 24px);
}
.react-dove-controls-fullscreen
  .react-dove-slider-container
  .react-dove-slider-rail,
.react-dove-controls-fullscreen
  .react-dove-slider-container
  .react-dove-slider-track,
.react-dove-controls-fullscreen
  .react-dove-slider-container
  .react-dove-slider-step {
  bottom: 8px;
  bottom: calc(
    (
        var(--dove-slider-fullscreen-height, 24px) -
          var(--dove-slider-rail-fullscreen-height, 8px)
      ) /
      2
  );
  height: 8px;
  height: var(--dove-slider-rail-fullscreen-height, 8px);
}
.react-dove-controls-fullscreen
  .react-dove-slider-container
  .react-dove-slider-handle {
  bottom: 2px;
  bottom: calc(
    calc(
        (
            var(--dove-slider-fullscreen-height, 24px) -
              var(--dove-slider-rail-fullscreen-height, 8px)
          ) /
          2
      ) -
      (
        var(--dove-slider-handle-fullscreen-size, 20px) -
          var(--dove-slider-rail-fullscreen-height, 8px)
      ) /
      2
  );
  width: 20px;
  width: var(--dove-slider-handle-fullscreen-size, 20px);
  height: 20px;
  height: var(--dove-slider-handle-fullscreen-size, 20px);
}
.react-dove-controls-fullscreen
  .react-dove-slider-container
  .react-dove-slider-dot {
  height: 8px;
  height: var(--dove-slider-rail-fullscreen-height, 8px);
  width: 12px;
  width: var(--dove-slider-dot-fullscreen-width, 12px);
}
.react-dove-controls-fullscreen
  .react-dove-slider-container.vertical
  .react-dove-slider {
  padding: 0 8px;
  padding: 0
    calc(
      (
          var(--dove-slider-fullscreen-height, 24px) -
            var(--dove-slider-rail-fullscreen-height, 8px)
        ) /
        2
    );
  width: 24px;
  width: var(--dove-slider-fullscreen-height, 24px);
  height: 100%;
}
.react-dove-controls-fullscreen
  .react-dove-slider-container.vertical
  .react-dove-slider-rail,
.react-dove-controls-fullscreen
  .react-dove-slider-container.vertical
  .react-dove-slider-step {
  bottom: auto;
  bottom: initial;
  left: 8px;
  left: calc(
    (
        var(--dove-slider-fullscreen-height, 24px) -
          var(--dove-slider-rail-fullscreen-height, 8px)
      ) /
      2
  );
  width: 8px;
  width: var(--dove-slider-rail-fullscreen-height, 8px);
  height: 100%;
}
.react-dove-controls-fullscreen
  .react-dove-slider-container.vertical
  .react-dove-slider-track {
  bottom: auto;
  bottom: initial;
  left: 8px;
  left: calc(
    (
        var(--dove-slider-fullscreen-height, 24px) -
          var(--dove-slider-rail-fullscreen-height, 8px)
      ) /
      2
  );
  width: 8px;
  width: var(--dove-slider-rail-fullscreen-height, 8px);
}
.react-dove-controls-fullscreen
  .react-dove-slider-container.vertical
  .react-dove-slider-handle {
  bottom: auto;
  bottom: initial;
  left: 2px;
  left: calc(
    calc(
        (
            var(--dove-slider-fullscreen-height, 24px) -
              var(--dove-slider-rail-fullscreen-height, 8px)
          ) /
          2
      ) -
      (
        var(--dove-slider-handle-fullscreen-size, 20px) -
          var(--dove-slider-rail-fullscreen-height, 8px)
      ) /
      2
  );
}
.react-dove-volume-control-wrapper,
.react-dove-volume-control-wrapper .react-dove-volume-control-toggle {
  width: 100%;
  height: 100%;
}
.react-dove-volume-control .react-dove-volumeControl-slider {
  margin-left: 4px;
  margin-left: var(--dove-control-spacing, 4px);
}
.react-dove-volume-control .react-dove-volumeControl-slider.hide {
  width: 0;
  overflow: hidden;
}
.react-dove-volume-control.inline {
  width: 16px;
}
.react-dove-volume-control.inline .react-dove-volumeControl-slider {
  display: none;
}
.react-dove-volume-control.inline:hover,
.react-dove-volume-control.inline.active {
  width: 90px;
  transition: all 0.5s ease;
  transition: var(--dove-transition, all 0.5s ease);
}
.react-dove-volume-control.inline:hover .react-dove-volumeControl-slider,
.react-dove-volume-control.inline.active .react-dove-volumeControl-slider {
  display: block;
}
.react-dove-volume-control .react-dove-button {
  z-index: 1;
}
.react-dove-volume-control-popup {
  width: 28px;
  width: var(--dove-control-size, 28px);
  height: 80px;
  padding: 8px 0;
  top: 0 !important;
  transform: translateY(calc(-100% - 11px));
  transform: translateY(calc(-100% - var(--dove-control-popup-bottom, 11px)));
}
.react-dove-volume-control-popup .rc-tooltip-content,
.react-dove-volume-control-popup .rc-tooltip-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-dove-controls-fullscreen .react-dove-volume-control-popup {
  width: 60px;
  width: var(--dove-control-fullscreen-size, 60px);
  height: 160px;
  padding: 12px 0;
  transform: translateY(calc(-100% - 24px));
  transform: translateY(
    calc(-100% - var(--dove-control-fullscreen-popup-bottom, 24px))
  );
}
.react-dove-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 36px;
  height: var(--dove-controls-height, 36px);
  box-sizing: border-box;
  background: #00000080;
  background: var(--dove-controls-background, rgba(0, 0, 0, 0.5));
  color: #fff;
  color: var(--dove-control-color, #fff);
}
.react-dove-controls-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0 12px;
  padding: 0 var(--dove-controls-padding, 12px);
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.react-dove-controls-wrapper > * + * {
  margin-left: 4px;
  margin-left: var(--dove-control-spacing, 4px);
}
.react-dove-controls-wrapper .react-dove-controls-item {
  width: 28px;
  width: var(--dove-control-size, 28px);
  height: 28px;
  height: var(--dove-control-size, 28px);
  border-radius: 4px;
  border-radius: var(--dove-control-border-radius, 4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-dove-controls-wrapper .react-dove-controls-item > * {
  width: 100%;
  height: 100%;
}
.react-dove-controls-wrapper .react-dove-controls-item:hover {
  background-color: #00000080;
  background-color: var(--dove-controls-background, rgba(0, 0, 0, 0.5));
}
.react-dove-controls-fullscreen .react-dove-controls {
  height: 72px;
  height: var(--dove-controls-fullscreen-height, 72px);
}
.react-dove-controls-fullscreen .react-dove-controls-wrapper {
  padding: 0 40px;
  padding: 0 var(--dove-controls-fullscreen-padding, 40px);
}
.react-dove-controls-fullscreen .react-dove-controls-wrapper > * + * {
  margin-left: 20px;
  margin-left: var(--dove-control-fullscreen-spacing, 20px);
}
.react-dove-controls-fullscreen
  .react-dove-controls-wrapper
  .react-dove-controls-item {
  width: 60px;
  width: var(--dove-control-fullscreen-size, 60px);
  height: 60px;
  height: var(--dove-control-fullscreen-size, 60px);
  border-radius: 8px;
  border-radius: var(--dove-control-fullscreen-border-radius, 8px);
}
.react-dove-error {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  background: #000000e6;
  color: #fff;
  color: var(--dove-control-color, #fff);
}
.react-dove-error .react-dove-error-message {
  display: flex;
  justify-content: center;
  padding: 24px;
  font-size: 14px;
  font-size: var(--dove-font-size-base, 14px);
}
.react-dove-error .react-dove-error-reload {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.react-dove-error .react-dove-error-reload .react-dove-icon {
  font-size: 32px;
  font-size: calc(var(--dove-icon-size, 16px) * 2);
}
.react-dove-error .react-dove-error-close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.react-dove-error .react-dove-error-close .react-dove-icon {
  font-size: 24px;
  font-size: calc(var(--dove-icon-size, 16px) * 1.5);
}
.react-dove-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  color: #fff;
  color: var(--dove-control-color, #fff);
  transform: translate(-50%, -50%);
}
.react-dove-image {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #000;
  background-color: var(--dove-video-background, rgb(0, 0, 0));
}
.react-dove-controls-wraper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.react-dove-controls-wraper-inner {
  position: absolute;
  left: 0;
  top: 0;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
  transition: var(--dove-transition, all 0.5s ease);
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.react-dove-controls-wraper-inner.hide {
  visibility: hidden;
  opacity: 0;
}
.react-dove-controls-wraper-outer {
  position: absolute;
  left: 0;
  top: 0;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
  transition: var(--dove-transition, all 0.5s ease);
  width: 100%;
  height: 100%;
}
.react-dove {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 320px;
  height: 180px;
}
.react-dove .react-dove-container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-dove .react-dove-container .react-dove-video {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: var(--dove-video-background, rgb(0, 0, 0));
}
.react-dove * {
  box-sizing: border-box;
}
.react-dove-placeholder {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #c1c8d1;
  background-color: var(--dove-placeholder-background, hsl(216deg, 15%, 79%));
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s linear;
}
.react-dove-placeholder.placeholder-hidden {
  opacity: 0;
}
.react-dove-activeWrap {
  width: 320px;
  height: 180px;
  position: relative;
}
.react-dove-activeWrap .react-videox {
  width: 100%;
  height: 100%;
}
.react-dove-activeWrap .react-dove-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.react-dove-menu-base {
  display: flex;
  flex-direction: column;
  background: #0000;
  border: 0 none;
  min-width: auto;
  line-height: normal;
  padding: 0;
  margin: 0;
}
.react-dove-menu-item {
  color: #fff;
  color: var(--dove-control-color, #fff);
  cursor: pointer;
  text-align: center;
  padding: 4px 0;
}
.react-dove-menu-item:hover,
.react-dove-menu-item.selected {
  background-color: #0000;
  color: #f60;
  color: var(--dove-color-main, #f60);
}
.react-dove-menu-item.selected:hover,
.react-dove-menu-item.selected:focus,
.react-dove-menu-item.selected:active {
  background-color: #0000 !important;
  color: #f60 !important;
  color: var(--dove-color-main, #f60) !important;
}
.react-dove-playback-rate {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-dove-playback-rate .react-dove-button .react-dove-number {
  z-index: 1;
}
.react-dove-playback-rate-popup {
  width: 60px;
  width: var(--dove-playbackRate-width, 60px);
}
.react-videox-subtitle {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 1%;
  color: #fff;
  font-family:
    PingFang SC,
    SF Pro SC,
    SF Pro Text,
    SF Pro Icons,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  text-shadow:
    -1px 1px 0 rgba(0, 0, 0, 0.7),
    1px 1px 0 rgba(0, 0, 0, 0.7),
    1px -1px 0 rgba(0, 0, 0, 0.7),
    -1px -1px 0 rgba(0, 0, 0, 0.7);
  background-color: none;
  border-radius: 0;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.react-videox-subtitle-inner {
  display: block;
  max-width: 92%;
}
.react-videox-subtitle-inner .text-track-single {
  -webkit-line-clamp: 1;
}
.react-videox-subtitle-inner .text-track-double {
  -webkit-line-clamp: 2;
}
.react-videox-subtitle-inner .text-track-three {
  -webkit-line-clamp: 3;
}
.react-videox-subtitle-span {
  display: -webkit-box;
  padding: 1px 4px;
  overflow: hidden;
  line-height: 120%;
  text-align: center;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.react-dove-segments {
  width: 100%;
  height: 100%;
}
.react-dove-segments-icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-dove-segments-popup {
  width: 223px;
  position: absolute !important;
  right: 20px !important;
  top: 0 !important;
  left: auto !important;
  left: initial !important;
  padding: 0 !important;
  transform: translateY(calc(-100% - 11px));
  transform: translateY(calc(-100% - var(--dove-control-popup-bottom, 11px)));
  cursor: auto;
}
.react-dove-segments-wrapper {
  padding: 16px;
  max-height: 242px;
  display: flex;
  flex-direction: column;
}
.react-dove-segments-wrapper .react-dove-segments-title {
  flex: none;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  font-size: var(--dove-font-size-base, 14px);
  font-weight: 700;
  color: #fff;
}
.react-dove-segments-wrapper .react-dove-segments-list {
  padding-top: 2px;
  flex: auto;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.react-dove-segments-wrapper .react-dove-segments-list::-webkit-scrollbar {
  display: none;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item {
  position: relative;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #fff;
  padding: 6px 0;
  box-sizing: content-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item
  .react-dove-segments-line {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 1px;
  background-color: #fff;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item
  .react-dove-segments-dot {
  top: calc(50% - 2.5px);
  left: 3px;
  height: 5px;
  width: 5px;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item
  .react-dove-segments-time {
  display: inline-block;
  width: 37px;
  margin: 0 5px 0 23px;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item
  .react-dove-segments-name:hover {
  text-decoration: underline;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item.active {
  font-weight: 700;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item.active
  .react-dove-segments-dot {
  top: calc(50% - 5.5px);
  left: 0;
  height: 11px;
  width: 11px;
  background-color: #000;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item.active
  .react-dove-segments-dot-icon {
  font-size: 11px;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item:first-child
  .react-dove-segments-line {
  top: 50%;
}
.react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item:last-child
  .react-dove-segments-line {
  bottom: 50%;
}
.react-dove-controls-fullscreen .react-dove-segments-popup {
  width: 298px;
  transform: translateY(calc(-100% - 24px));
  transform: translateY(
    calc(-100% - var(--dove-control-fullscreen-popup-bottom, 24px))
  );
}
.react-dove-controls-fullscreen .react-dove-segments-wrapper {
  padding: 20px;
  max-height: 312px;
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-title {
  font-size: 20px;
  font-size: var(--dove-font-size-xlarge, 20px);
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-list {
  padding-top: 6px;
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-size: var(--dove-font-size-large, 16px);
  padding: 8px 0;
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item
  .react-dove-segments-line {
  left: 9px;
  background-color: #fff;
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item
  .react-dove-segments-dot {
  top: calc(50% - 4.5px);
  left: 5px;
  height: 9px;
  width: 9px;
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item
  .react-dove-segments-time {
  width: 43px;
  margin: 0 8px 0 28px;
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item.active
  .react-dove-segments-dot {
  top: calc(50% - 9.5px);
  left: 0;
  height: 19px;
  width: 19px;
}
.react-dove-controls-fullscreen
  .react-dove-segments-wrapper
  .react-dove-segments-list
  .react-dove-segments-item.active
  .react-dove-segments-dot-icon {
  font-size: 19px;
}
.react-dove-pip {
  display: flex;
  justify-content: center;
  align-items: center;
}
.service_layout {
  border-top: 1px solid #ddd;
  margin-top: 32px;
  padding-top: 28px;
}
.service_layout h2 {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 20px;
}
.service_layout .service-info {
  display: flex;
  gap: 17px;
  flex-direction: column;
}
.service_layout .service-info .service-item {
  display: flex;
  gap: 4px;
  align-items: center;
}
.service_layout .service-info .service-item img {
  height: 20px;
}
.lead-layout {
  border-top: 1px solid #ddd;
  margin-top: 32px;
}
.lead-layout h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  color: #222;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 28px;
}
.lead-layout h2 .lead-arrow {
  cursor: pointer;
}
.lead-layout .lead-list {
  display: flex;
  font-size: 14px;
  color: #333;
}
.lead-layout .lead-list table {
  border-collapse: collapse;
  border: 1px solid #ddd;
}
.lead-layout .lead-list table td {
  border: 1px solid #ddd;
  padding: 12px;
}
.lead-layout .lead-list table td:first-child {
  border-left: 0 solid #ddd;
  background-color: #f4f4f4;
}
html[dir="rtl"] .lead-layout .lead-list table td:first-child {
  border-left: none;
  border-right: 0 solid #ddd;
}
.lead-layout .lead-list table th {
  border: 2px solid #ddd;
  padding: 5px;
}
.collapsible-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  color: #222;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.collapsible-title .detail-symbol:hover {
  cursor: pointer;
}
.collapsible-layout {
  display: block;
}
.collapsible-layout.hidden {
  display: none;
}
.other-customization .im-alitalk-container {
  display: inline-block;
}
.module_sample {
  margin: 0;
  padding: 0;
}
.module_sample .sample-layout {
  margin-top: 32px;
  padding: 0;
}
.module_sample .sample-layout button {
  height: 36px;
}
.module_sample .sample-action {
  display: none;
}
.sample-layout {
  margin-top: 16px;
  padding: 0 24px;
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  margin-bottom: 20px;
  border-top: 1px solid #ddd;
}
.sample-layout a {
  color: #222;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.sample-layout .sample-floor h2 {
  font-weight: 700;
  font-size: 20px;
  color: #222;
  line-height: 26px;
  margin-top: 32px;
  padding-bottom: 20px;
  margin-bottom: 0;
}
.sample-layout .sample-item {
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  margin-bottom: 10px;
  display: flex;
}
.sample-layout .sample-item .price {
  margin-left: 4px;
  display: flex;
  flex-direction: column;
}
html[dir="rtl"] .sample-layout .sample-item .price {
  margin-left: 0;
  margin-right: 4px;
}
.sample-layout .sample-item .price del {
  font-size: 12px;
  color: #999;
}
.sample-layout > a {
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 22px;
}
.sample-layout button {
  margin-top: 15px;
  border-color: #333 !important;
}
.sellingpoint {
  visibility: hidden;
  margin-top: 32px;
  border-top: 1px solid #ddd;
  padding-top: 32px;
  height: -moz-max-content;
  height: max-content;
  color: #222;
}
.sellingpoint .show-more {
  height: 112px;
  overflow: hidden;
}
.sellingpoint .header {
  margin-bottom: 24px;
}
.sellingpoint .header h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.sellingpoint ul {
  position: relative;
  padding-left: 14px;
  min-height: 18px;
}
html[dir="rtl"] .sellingpoint ul {
  padding-left: 0;
  padding-right: 14px;
}
.sellingpoint ul li {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 22px;
  list-style-type: disc;
  word-wrap: break-word;
}
.sellingpoint ul li:last-of-type {
  margin-bottom: 0;
}
.atp-tip-content > p {
  margin-bottom: 12px;
}
#module_product_specification img {
  display: inline-block;
}
.module_description .richtext table td {
  vertical-align: middle;
}
.module_description .description-layout {
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid #ddd;
}
.module_description .description-layout h2 {
  margin-bottom: 20px;
  color: #222;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.module_description .description-layout .show-more {
  max-height: 720px;
}
.module_description .description-layout .show-less {
  max-height: none;
}
.module_description .layout-other-wrapper {
  overflow: hidden;
  position: relative;
}
.module_description .description-show-button {
  margin-top: 20px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.module_description .description-show-button:hover {
  cursor: pointer;
}
.market-opportunity-tool-container {
  padding-top: 28px;
  border-top: 1px solid #ddd;
}
.selection-tool-wrapper {
  margin: 0;
  position: relative;
}
.selection-tool-wrapper .popup {
  position: relative;
  z-index: 10000;
}
.selection-tool-wrapper .popup .popup-close .close-icon {
  position: inherit;
}
.richtext-detail td {
  border-width: 1px;
}
.detail-honorary-title {
  line-height: 18px;
  font-weight: 600;
  color: #222;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-honorary-title .popular-action {
  margin-left: 4px;
  font-weight: 400;
  color: #222;
}
html[dir="rtl"] .detail-honorary-title .popular-action {
  margin-left: 0;
  margin-right: 4px;
}
.module_skuCertification {
  padding: 0 24px;
}
.product-sku-certifications {
  display: flex;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.product-sku-certifications:empty {
  display: none;
}
.detail-star {
  display: flex;
  align-items: center;
}
.detail-star .detail-symbol {
  font-size: 16px;
}
.detail-star .next-rating-icon:first-child {
  margin-left: 0;
}
html[dir="rtl"] .detail-star .next-rating-icon:first-child {
  margin-left: 0;
  margin-right: 0;
}
.detail-review {
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  margin-left: 4px;
}
html[dir="rtl"] .detail-review {
  margin-left: 0;
  margin-right: 4px;
}
.detail-review-item {
  flex-shrink: 0;
}
.star-rating-list {
  display: flex;
}
.star-rating-list .fa-star-half {
  position: relative;
  display: inline-block;
}
.star-rating-list .fa-star-half .fa-star-half-layout {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
html[dir="rtl"] .star-rating-list .fa-star-half .fa-star-half-layout {
  left: auto;
  right: 0;
}
.star-rating-list .fa-star-half .fa-star-half-layout .detail-symbol {
  fill: #f60;
}
.star-rating-list .detail-symbol {
  fill: #e6e7eb;
}
.star-rating-list .detail-symbol.fa-star {
  fill: #f60;
}
.detail-product-comment {
  display: flex;
  height: 24px;
  font-size: 14px;
  align-items: center;
  margin-bottom: 5px;
}
.detail-product-comment .star-rating-list {
  display: flex;
  vertical-align: top;
}
.product-company {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  height: 40px;
  font-size: 14px;
  background-size: 100% 100%;
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 0 12px;
}
.product-company .company-logo {
  box-sizing: border-box;
  margin-inline-end: 4px;
  width: 28px;
  height: 28px;
  border: 0.5px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.product-company .product-company-info {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-left: 4px;
  height: 22px;
}
html[dir="rtl"] .product-company .product-company-info {
  margin-left: 0;
  margin-right: 4px;
}
.product-company .product-company-info .company-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-company .product-company-info .company-name a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.product-company .product-company-info .verify-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 12px;
}
.product-company .product-company-info .verify-icon a {
  display: flex;
}
.product-company .product-company-info .verify-icon img {
  margin-right: 4px;
  height: 12px;
  width: auto;
}
html[dir="rtl"] .product-company .product-company-info .verify-icon img {
  margin-right: 0;
  margin-left: 4px;
}
.product-company .product-company-info .company-identity {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-company .product-company-info .company-life {
  flex-shrink: 0;
}
.product-company .product-company-info .company-country {
  height: 18px;
  line-height: normal;
  flex-shrink: 0;
}
.product-company .product-company-info .company-country > img {
  width: 16px;
  margin-right: 4px;
  -o-object-fit: contain;
  object-fit: contain;
}
html[dir="rtl"] .product-company .product-company-info .company-country > img {
  margin-right: 0;
  margin-left: 4px;
}
.product-company .product-company-info html[dir="rtl"] .company-country > img {
  margin-right: 0;
  margin-left: 4px;
}
html[dir="rtl"]
  .product-company
  .product-company-info
  html[dir="rtl"]
  .company-country
  > img {
  margin-left: 0;
  margin-right: 4px;
}
.detail-video-container {
  width: 100%;
  height: 100%;
}
.detail-video-container .detail-video-player {
  margin: 0 auto;
  max-width: 100%;
}
.detail-video-container .react-dove-view-port {
  background-color: #000;
  width: 100%;
  height: 100%;
}
.detail-video-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html[dir="rtl"] .detail-video-placeholder {
  left: auto;
  right: 0;
}
.detail-video-placeholder > img {
  transform: scale(1.1);
  background: #000;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.detail-video-placeholder .play-triangle {
  cursor: pointer;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 26px solid #fff;
  width: 0;
  height: 0;
}
html[dir="rtl"] .detail-video-placeholder .play-triangle {
  border-left: none;
  border-right: 26px solid #fff;
}
.searchx-find-similar__wrapper {
  height: 36px;
  width: 36px;
}
.searchx-find-similar__wrapper .searchx-find-similar__first_tip {
  white-space: wrap;
  width: 338px;
}
.searchx-find-similar {
  position: relative;
}
.searchx-find-similar.searchx-find-similar__icon {
  background-color: #fff;
  border-radius: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.searchx-find-similar.searchx-find-similar__icon.theme-translucent {
  border: 1px solid #ddd;
  background-color: #fffc;
}
.searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
  border: 1px solid #222;
  background-color: #f4f4f4;
  box-shadow: none;
}
.searchx-find-similar.searchx-find-similar__icon.theme-float,
.searchx-find-similar.searchx-find-similar__icon.normal:hover {
  box-shadow: 0 2px 6px 2px #0000001f;
}
.searchx-find-similar .searchx-find-similar__img {
  width: 20px;
  height: 20px;
}
.searchx-find-similar__popover {
  color: #fff;
  position: absolute;
  background-color: #000;
  padding: 20px;
  max-width: 338px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 22px;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.5s;
}
.searchx-find-similar__popover .searchx-find-similar__popover-header {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  margin-bottom: 8px;
}
.searchx-find-similar__popover
  .searchx-find-similar__popover-header
  .searchx-find-similar_close-icon {
  height: 20px;
  cursor: pointer;
}
.searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
  left: 50%;
  top: 100%;
  transform: translate(-50%, -60%) rotate(45deg);
}
.searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
  left: 50%;
  top: 0;
  transform: translate(-50%, -40%) rotate(45deg);
}
.searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
  right: 0;
  top: 50%;
  transform: translate(40%, -50%) rotate(45deg);
}
.searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
  left: 0;
  top: 50%;
  transform: translate(-40%, -50%) rotate(45deg);
}
.searchx-find-similar__popover .searchx-find-similar__popover-arrow {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #000;
}
.find-similar-countdown-container {
  margin: 80px auto 380px;
  width: 962px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 40px;
}
.find-similar-countdown-container .empty-error-img {
  width: 160px;
  height: 160px;
  flex-shrink: 0;
}
.find-similar-countdown-container .main-content {
  width: 762px;
  flex-shrink: 0;
}
.find-similar-countdown-container .main-content .countdown-desc {
  margin-top: 8px;
  width: 100%;
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
.find-similar-countdown-container .main-content .countdown-desc .highlight {
  color: #f60;
}
.find-similar-countdown-container .main-content .action-container {
  margin-top: 24px;
  display: flex;
  height: 48px;
  gap: 12px;
}
.find-similar-countdown-container
  .main-content
  .action-container
  .common-button {
  display: flex;
  height: 48px;
  padding: 0 24px;
  min-width: 100px;
  max-width: 400px;
  justify-content: center;
  align-items: center;
  border-radius: 65px;
  text-decoration: none;
}
.find-similar-countdown-container .main-content .action-container .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #222;
}
.find-similar-countdown-container
  .main-content
  .action-container
  .go-to-similar.common-button {
  background-color: #f60;
}
.find-similar-countdown-container
  .main-content
  .action-container
  .go-to-similar.common-button
  .text {
  color: #fff;
}
.find-similar-countdown-container
  .main-content
  .action-container
  .go-to-homepage.common-button {
  box-sizing: border-box;
  border: 1px solid #222222;
}
.searchx-find-similar__bar {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
}
.searchx-find-similar__bar .searchx-find-similar-bar__img {
  width: 28px;
  height: 28px;
}
[data-module="MainImage"] .detail-find-similar-container .detail-find-similar {
  width: 40px;
  height: 40px;
}
[data-module="MainImage"] .detail-find-similar-container .searchx-find-similar,
[data-module="MainImage"]
  .detail-find-similar-container
  .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
  box-shadow: 0 2px 6px 2px #0000001f;
  border: none;
}
[data-module="MainImage"]
  .detail-find-similar-container
  .searchx-find-similar__img {
  width: 24px;
  height: 24px;
}
[data-module="MainImage"]
  .new-detail-find-similar-container
  .detail-find-similar {
  width: 36;
  height: 36px;
}
[data-module="MainImage"]
  .new-detail-find-similar-container
  .searchx-find-similar {
  border: 1px solid #222;
}
[data-module="MainImage"]
  .new-detail-find-similar-container
  .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
  background-color: #0000001f;
}
[data-module="MainImage"]
  .new-detail-find-similar-container
  .searchx-find-similar__img {
  width: 20px;
  height: 20px;
}
@keyframes slideInRight {
  0% {
    transform: "translateX(20px) scaleX(0)";
    transform-origin: "right center";
    opacity: 0;
  }
  to {
    transform: "translateX(0) scaleX(1)";
    opacity: 1;
  }
}
@keyframes slideInLeft {
  0% {
    transform: "translateX(0) scaleX(1)";
    transform-origin: "left center";
    opacity: 1;
  }
  to {
    transform: "translateX(-20px) scaleX(0)";
    opacity: 0;
  }
}
.product-title-container {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.product-title-container .product-certifications {
  display: flex;
  height: 18px;
  margin-bottom: 12px;
}
.product-title-container .product-certifications .self-operated-business {
  color: hsl(var(--highlight-dark));
}
.product-title-container h1 {
  background: none !important;
  -webkit-text-fill-color: gold !important;
  margin-bottom: 6px;
  line-height: 26px;
  font-weight: 600;
  font-size: 18px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #222;
  letter-spacing: 0;
}
.product-title-container h1 > img {
  margin-right: 4px;
  margin-bottom: 4px;
  height: 16px;
  vertical-align: text-bottom;
  display: inline-block;
}
html[dir="rtl"] .product-title-container h1 > img {
  margin-right: 0;
  margin-left: 4px;
}
.layout-body {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 auto;
  min-width: 1180px;
  max-width: 1440px;
}
.layout-body .detail-separator {
  display: flex;
}
.layout-body .detail-separator:after {
  margin: 0 4px;
  content: "\b7";
}
.layout-body .detail-separator:last-of-type:after {
  display: none;
}
.layout-right {
  position: relative;
  width: 37%;
}
.layout-right .layout-stick {
  display: flow-root;
  position: relative;
  box-shadow: 0 0 0 1px #ddd;
  border-radius: 8px;
  background: #fff;
}
.layout-right .layout-stick.action-section-fade-down {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-name: action-section-fade-down;
}
.layout-right .layout-stick.action-section-fade-up {
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-name: action-section-fade-up;
}
.layout-right .layout-stick:not(.sticky) .right-bottom-atmosphere-sticky {
  position: sticky;
  bottom: 80px;
  z-index: 20;
}
.layout-right
  .layout-stick:not(.sticky)
  .right-bottom-atmosphere-sticky-custom {
  filter: drop-shadow(0 -4px 8px rgba(0, 0, 0, 0.08));
  margin: 0 0 8px;
}
@media screen and (min-width: 1920px) {
  .layout-right
    .layout-stick:not(.sticky)
    .right-bottom-atmosphere-sticky-custom {
    margin: 0 0 4px;
  }
}
.layout-right
  .layout-stick:not(.sticky)
  .right-bottom-atmosphere-sticky-custom
  .action-button-info-banner {
  position: sticky;
  bottom: 80px;
  z-index: 21;
  margin: 0;
  border-radius: 0;
}
.layout-right .layout-stick:not(.sticky) .right-bottom-sticky {
  position: sticky;
  bottom: 0;
  z-index: 20;
}
.layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
  filter: drop-shadow(0 -4px 8px rgba(0, 0, 0, 0.08));
  padding: 20px 0 0;
}
@media screen and (min-width: 1920px) {
  .layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
    padding: 20px 0 0;
  }
}
.layout-right
  .layout-stick:not(.sticky)
  .right-bottom-sticky-custom
  .action-button-info-banner {
  margin: auto 0;
  border-radius: 0;
}
.layout-right .layout-stick.sticky {
  position: sticky;
  top: 135px;
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}
.layout-right .layout-stick.sticky .layout-overview {
  padding-bottom: 120px;
  max-height: calc(100vh - 156px);
  overflow-x: hidden;
  overflow-y: auto;
}
.layout-right .layout-stick.sticky .module_free_shipping {
  position: absolute;
  bottom: 84px;
  z-index: 3;
  width: 100%;
}
.layout-right .layout-stick.sticky .module_free_shipping .free-shipping-layout {
  margin: 0;
  border-radius: 0;
}
.layout-right .layout-stick.sticky .module_atmosphere .shouldFixed {
  position: absolute;
  bottom: 84px;
  left: 0;
  z-index: 3;
  border-radius: 0;
  width: 100%;
}
html[dir="rtl"]
  .layout-right
  .layout-stick.sticky
  .module_atmosphere
  .shouldFixed {
  left: auto;
  right: 0;
}
.layout-right .layout-stick.sticky .sku-option .next-number-picker {
  margin-bottom: 20px;
}
.layout-right .layout-stick.sticky .bottom-action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 20px;
}
.layout-right .layout-stick.sticky .bottom-action .module_order,
.layout-right .layout-stick.sticky .bottom-action .module_cart {
  flex: 1;
  margin-right: 16px;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .bottom-action .module_order,
html[dir="rtl"] .layout-right .layout-stick.sticky .bottom-action .module_cart {
  margin-right: 0;
  margin-left: 16px;
}
.layout-right .layout-stick.sticky .bottom-action > div button {
  width: 100%;
  height: 48px;
}
.layout-right .layout-stick.sticky .bottom-action > div button span {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.layout-right
  .layout-stick.sticky
  .module_actions_info_banner
  .action-button-info-banner {
  position: absolute;
  bottom: 84px;
  z-index: 2;
  margin: 0;
  border-radius: 0;
  width: 100%;
}
.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content {
  flex-direction: row;
  align-items: flex-start;
}
.layout-right
  .layout-stick.sticky
  .module_ta_plus
  .product-ta-content
  .logo-list {
  margin-left: 0;
}
html[dir="rtl"]
  .layout-right
  .layout-stick.sticky
  .module_ta_plus
  .product-ta-content
  .logo-list {
  margin-left: 0;
  margin-right: 0;
}
.layout-right
  .layout-stick.sticky
  .module_ta_plus
  .product-ta-content
  .ta-content-left
  span {
  display: none;
}
.layout-right
  .layout-stick.sticky
  .module_ta_plus
  .product-ta-content
  .ta-content-right
  p {
  margin-left: 0;
}
html[dir="rtl"]
  .layout-right
  .layout-stick.sticky
  .module_ta_plus
  .product-ta-content
  .ta-content-right
  p {
  margin-left: 0;
  margin-right: 0;
}
.layout-right .layout-stick.sticky .right-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  margin: 0;
  box-shadow: 0 2px 15px #afafaf80;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 20px;
  width: 100%;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .right-bottom {
  left: auto;
  right: 0;
}
.layout-right .layout-stick.sticky .right-bottom .sample-layout {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 0;
}
.layout-right .layout-stick.sticky .right-bottom .bottom-action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 20px;
}
.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,
.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
  flex: 1;
  margin-right: 16px;
}
html[dir="rtl"]
  .layout-right
  .layout-stick.sticky
  .right-bottom
  .bottom-action
  .module_order,
html[dir="rtl"]
  .layout-right
  .layout-stick.sticky
  .right-bottom
  .bottom-action
  .module_cart {
  margin-right: 0;
  margin-left: 16px;
}
.layout-right .layout-stick.sticky .right-bottom .bottom-action > div button {
  width: 100%;
  height: 48px;
}
.layout-right
  .layout-stick.sticky
  .right-bottom
  .bottom-action
  > div
  button
  span {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.layout-right .layout-stick.sticky .buyer-benefits h4 {
  margin-bottom: 20px;
  font-weight: 600;
}
.layout-right .layout-stick.sticky .buyer-benefits .buyer-arrow {
  display: block;
}
.layout-right .layout-stick.sticky .buyer-benefits .buyer-item {
  display: none;
}
.layout-right .layout-stick.sticky .buyer-benefits .buyer-item.shown {
  display: block;
}
.layout-right .right-bottom {
  margin: auto;
  background-color: #fff;
  padding: 20px 0;
  width: calc(100% - 2px);
}
@keyframes action-section-fade-down {
  0% {
    transform: translate3d(0, 60px, 0);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes action-section-fade-up {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
} /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
:before,
:after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Ubuntu,
    Cantarell,
    Noto Sans,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;
  --highlight: 24 100% 50%;
  --highlight-dark: 0 96% 45%;
  --primary: 240 5.9% 10%;
  --primary-foreground: 0 0% 98%;
  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;
  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;
  --accent: 240 4.8% 95.9%;
  --accent-foreground: 240 5.9% 10%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
  --ring: 240 5.9% 10%;
  --radius: 0.5rem;
}
.dark {
  --background: 240 10% 3.9%;
  --foreground: 0 0% 98%;
  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 240 5.9% 10%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 240 3.7% 15.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 240 4.9% 83.9%;
}
.id-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.id-pointer-events-none {
  pointer-events: none;
}
.id-pointer-events-auto {
  pointer-events: auto;
}
.id-fixed {
  position: fixed;
}
.id-absolute {
  position: absolute;
}
.id-relative {
  position: relative;
}
.id-sticky {
  position: sticky;
}
.id-inset-0 {
  inset: 0;
}
.id-inset-x-0 {
  left: 0;
  right: 0;
}
.id-inset-x-1 {
  left: 0.25rem;
  right: 0.25rem;
}
.id-inset-y-0 {
  top: 0;
  bottom: 0;
}
.\!id-left-0 {
  left: 0 !important;
}
html[dir="rtl"] .\!id-left-0 {
  left: auto !important;
  right: 0 !important;
}
.-id-right-1 {
  right: -0.25rem;
}
html[dir="rtl"] .-id-right-1 {
  right: auto;
  left: -0.25rem;
}
.-id-right-2 {
  right: -0.5rem;
}
html[dir="rtl"] .-id-right-2 {
  right: auto;
  left: -0.5rem;
}
.-id-top-4 {
  top: -1rem;
}
.id-bottom-0 {
  bottom: 0;
}
.id-bottom-1 {
  bottom: 0.25rem;
}
.id-bottom-2 {
  bottom: 0.5rem;
}
.id-bottom-3 {
  bottom: 0.75rem;
}
.id-bottom-4 {
  bottom: 1rem;
}
.id-bottom-\[115px\] {
  bottom: 115px;
}
.id-bottom-\[1px\] {
  bottom: 1px;
}
.id-bottom-\[200px\] {
  bottom: 200px;
}
.id-bottom-\[46px\] {
  bottom: 46px;
}
.id-bottom-\[60px\] {
  bottom: 60px;
}
.id-end-0 {
  inset-inline-end: 0px;
}
.id-end-7 {
  inset-inline-end: 1.75rem;
}
.id-end-\[-18px\] {
  inset-inline-end: -18px;
}
.id-end-\[14px\] {
  inset-inline-end: 14px;
}
.id-left-0 {
  left: 0;
}
html[dir="rtl"] .id-left-0 {
  left: auto;
  right: 0;
}
.id-left-1 {
  left: 0.25rem;
}
html[dir="rtl"] .id-left-1 {
  left: auto;
  right: 0.25rem;
}
.id-left-1\/2 {
  left: 50%;
}
html[dir="rtl"] .id-left-1\/2 {
  left: auto;
  right: 50%;
}
.id-left-2 {
  left: 0.5rem;
}
html[dir="rtl"] .id-left-2 {
  left: auto;
  right: 0.5rem;
}
.id-left-3 {
  left: 0.75rem;
}
html[dir="rtl"] .id-left-3 {
  left: auto;
  right: 0.75rem;
}
.id-left-\[12px\] {
  left: 12px;
}
html[dir="rtl"] .id-left-\[12px\] {
  left: auto;
  right: 12px;
}
.id-left-\[14px\] {
  left: 14px;
}
html[dir="rtl"] .id-left-\[14px\] {
  left: auto;
  right: 14px;
}
.id-left-\[30px\] {
  left: 30px;
}
html[dir="rtl"] .id-left-\[30px\] {
  left: auto;
  right: 30px;
}
.id-left-\[375px\] {
  left: 375px;
}
html[dir="rtl"] .id-left-\[375px\] {
  left: auto;
  right: 375px;
}
.id-left-\[50\%\] {
  left: 50%;
}
html[dir="rtl"] .id-left-\[50\%\] {
  left: auto;
  right: 50%;
}
.id-left-\[9px\] {
  left: 9px;
}
html[dir="rtl"] .id-left-\[9px\] {
  left: auto;
  right: 9px;
}
.id-left-auto {
  left: auto;
}
html[dir="rtl"] .id-left-auto {
  left: auto;
  right: auto;
}
.id-right-0 {
  right: 0;
}
html[dir="rtl"] .id-right-0 {
  right: auto;
  left: 0;
}
.id-right-1 {
  right: 0.25rem;
}
html[dir="rtl"] .id-right-1 {
  right: auto;
  left: 0.25rem;
}
.id-right-10 {
  right: 2.5rem;
}
html[dir="rtl"] .id-right-10 {
  right: auto;
  left: 2.5rem;
}
.id-right-2 {
  right: 0.5rem;
}
html[dir="rtl"] .id-right-2 {
  right: auto;
  left: 0.5rem;
}
.id-right-3 {
  right: 0.75rem;
}
html[dir="rtl"] .id-right-3 {
  right: auto;
  left: 0.75rem;
}
.id-right-4 {
  right: 1rem;
}
html[dir="rtl"] .id-right-4 {
  right: auto;
  left: 1rem;
}
.id-right-5 {
  right: 1.25rem;
}
html[dir="rtl"] .id-right-5 {
  right: auto;
  left: 1.25rem;
}
.id-right-6 {
  right: 1.5rem;
}
html[dir="rtl"] .id-right-6 {
  right: auto;
  left: 1.5rem;
}
.id-right-\[12px\] {
  right: 12px;
}
html[dir="rtl"] .id-right-\[12px\] {
  right: auto;
  left: 12px;
}
.id-right-\[14px\] {
  right: 14px;
}
html[dir="rtl"] .id-right-\[14px\] {
  right: auto;
  left: 14px;
}
.id-right-\[30px\] {
  right: 30px;
}
html[dir="rtl"] .id-right-\[30px\] {
  right: auto;
  left: 30px;
}
.id-right-\[44px\] {
  right: 44px;
}
html[dir="rtl"] .id-right-\[44px\] {
  right: auto;
  left: 44px;
}
.id-start-1\/2 {
  inset-inline-start: 50%;
}
.id-top-0 {
  top: 0;
}
.id-top-1 {
  top: 0.25rem;
}
.id-top-1\/2 {
  top: 50%;
}
.id-top-10 {
  top: 2.5rem;
}
.id-top-16 {
  top: 4rem;
}
.id-top-2 {
  top: 0.5rem;
}
.id-top-3 {
  top: 0.75rem;
}
.id-top-4 {
  top: 1rem;
}
.id-top-5 {
  top: 1.25rem;
}
.id-top-6 {
  top: 1.5rem;
}
.id-top-7 {
  top: 1.75rem;
}
.id-top-8 {
  top: 2rem;
}
.id-top-\[-57px\] {
  top: -57px;
}
.id-top-\[100px\] {
  top: 100px;
}
.id-top-\[12px\] {
  top: 12px;
}
.id-top-\[1px\] {
  top: 1px;
}
.id-top-\[20\%\] {
  top: 20%;
}
.id-top-\[20px\] {
  top: 20px;
}
.id-top-\[30px\] {
  top: 30px;
}
.id-top-\[496px\] {
  top: 496px;
}
.id-top-\[50\%\] {
  top: 50%;
}
.id-top-\[93px\] {
  top: 93px;
}
.id-top-\[9px\] {
  top: 9px;
}
.id-top-full {
  top: 100%;
}
.-id-z-10 {
  z-index: -10;
}
.id-z-10 {
  z-index: 10;
}
.id-z-20 {
  z-index: 20;
}
.id-z-50 {
  z-index: 50;
}
.id-z-\[10000\] {
  z-index: 10000;
}
.id-z-\[100\] {
  z-index: 100;
}
.id-z-\[1\] {
  z-index: 1;
}
.id-z-\[99999\] {
  z-index: 99999;
}
.id-z-\[9999\] {
  z-index: 9999;
}
.id-z-\[99\] {
  z-index: 99;
}
.id-z-background {
  z-index: 9999;
}
.id-z-base {
  z-index: 1;
}
.id-z-panelBackground {
  z-index: 9100;
}
.id-z-panelForeGround {
  z-index: 9200;
}
.id-m-0 {
  margin: 0;
}
.id-m-0\.5 {
  margin: 0.125rem;
}
.id-m-5 {
  margin: 1.25rem;
}
.id-m-\[10px\] {
  margin: 10px;
}
.id--mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.id-mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.id-mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.id-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.id-mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.id-mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.id-mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.id-mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.id-mx-\[6px\] {
  margin-left: 6px;
  margin-right: 6px;
}
.id-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.id-my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.id-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.id-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.id-my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.id-my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.id-my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.id-my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.id-my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.id-my-\[12px\] {
  margin-top: 12px;
  margin-bottom: 12px;
}
.id-my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.-id-mb-7 {
  margin-bottom: -1.75rem;
}
.-id-mt-3 {
  margin-top: -0.75rem;
}
.-id-mt-4 {
  margin-top: -1rem;
}
.-id-mt-px {
  margin-top: -1px;
}
.id--ml-4 {
  margin-left: -1rem;
}
html[dir="rtl"] .id--ml-4 {
  margin-left: 0;
  margin-right: -1rem;
}
.id--ml-5 {
  margin-left: -1.25rem;
}
html[dir="rtl"] .id--ml-5 {
  margin-left: 0;
  margin-right: -1.25rem;
}
.id--mr-0\.5 {
  margin-right: -0.125rem;
}
html[dir="rtl"] .id--mr-0\.5 {
  margin-right: 0;
  margin-left: -0.125rem;
}
.id--mt-4 {
  margin-top: -1rem;
}
.id--mt-5 {
  margin-top: -1.25rem;
}
.id-mb-0 {
  margin-bottom: 0;
}
.id-mb-0\.5 {
  margin-bottom: 0.125rem;
}
.id-mb-1 {
  margin-bottom: 0.25rem;
}
.id-mb-10 {
  margin-bottom: 2.5rem;
}
.id-mb-2 {
  margin-bottom: 0.5rem;
}
.id-mb-20 {
  margin-bottom: 5rem;
}
.id-mb-3 {
  margin-bottom: 0.75rem;
}
.id-mb-4 {
  margin-bottom: 1rem;
}
.id-mb-5 {
  margin-bottom: 1.25rem;
}
.id-mb-6 {
  margin-bottom: 1.5rem;
}
.id-mb-7 {
  margin-bottom: 1.75rem;
}
.id-mb-8 {
  margin-bottom: 2rem;
}
.id-mb-\[-32px\] {
  margin-bottom: -32px;
}
.id-mb-\[-4px\] {
  margin-bottom: -4px;
}
.id-mb-\[0px\] {
  margin-bottom: 0;
}
.id-mb-\[10px\] {
  margin-bottom: 10px;
}
.id-mb-\[12px\] {
  margin-bottom: 12px;
}
.id-mb-\[14px\] {
  margin-bottom: 14px;
}
.id-mb-\[15px\] {
  margin-bottom: 15px;
}
.id-mb-\[16px\] {
  margin-bottom: 16px;
}
.id-mb-\[20px\] {
  margin-bottom: 20px;
}
.id-mb-\[28px\] {
  margin-bottom: 28px;
}
.id-mb-\[2px\] {
  margin-bottom: 2px;
}
.id-mb-\[3px\] {
  margin-bottom: 3px;
}
.id-mb-\[4px\] {
  margin-bottom: 4px;
}
.id-mb-\[52px\] {
  margin-bottom: 52px;
}
.id-mb-\[64px\] {
  margin-bottom: 64px;
}
.id-mb-\[6px\] {
  margin-bottom: 6px;
}
.id-mb-\[8px\] {
  margin-bottom: 8px;
}
.id-mb-\[9px\] {
  margin-bottom: 9px;
}
.id-me-0\.5 {
  margin-inline-end: 0.125rem;
}
.id-me-1 {
  margin-inline-end: 0.25rem;
}
.id-me-2 {
  margin-inline-end: 0.5rem;
}
.id-me-\[12px\] {
  margin-inline-end: 12px;
}
.id-me-\[2px\] {
  margin-inline-end: 2px;
}
.id-me-\[3px\] {
  margin-inline-end: 3px;
}
.id-me-\[5px\] {
  margin-inline-end: 5px;
}
.id-ml-0 {
  margin-left: 0;
}
html[dir="rtl"] .id-ml-0 {
  margin-left: 0;
  margin-right: 0;
}
.id-ml-1 {
  margin-left: 0.25rem;
}
html[dir="rtl"] .id-ml-1 {
  margin-left: 0;
  margin-right: 0.25rem;
}
.id-ml-2 {
  margin-left: 0.5rem;
}
html[dir="rtl"] .id-ml-2 {
  margin-left: 0;
  margin-right: 0.5rem;
}
.id-ml-3 {
  margin-left: 0.75rem;
}
html[dir="rtl"] .id-ml-3 {
  margin-left: 0;
  margin-right: 0.75rem;
}
.id-ml-4 {
  margin-left: 1rem;
}
html[dir="rtl"] .id-ml-4 {
  margin-left: 0;
  margin-right: 1rem;
}
.id-ml-6 {
  margin-left: 1.5rem;
}
html[dir="rtl"] .id-ml-6 {
  margin-left: 0;
  margin-right: 1.5rem;
}
.id-ml-\[0px\] {
  margin-left: 0;
}
html[dir="rtl"] .id-ml-\[0px\] {
  margin-left: 0;
  margin-right: 0;
}
.id-ml-\[16px\] {
  margin-left: 16px;
}
html[dir="rtl"] .id-ml-\[16px\] {
  margin-left: 0;
  margin-right: 16px;
}
.id-ml-\[3px\] {
  margin-left: 3px;
}
html[dir="rtl"] .id-ml-\[3px\] {
  margin-left: 0;
  margin-right: 3px;
}
.id-ml-\[4px\] {
  margin-left: 4px;
}
html[dir="rtl"] .id-ml-\[4px\] {
  margin-left: 0;
  margin-right: 4px;
}
.id-ml-\[5px\] {
  margin-left: 5px;
}
html[dir="rtl"] .id-ml-\[5px\] {
  margin-left: 0;
  margin-right: 5px;
}
.id-ml-\[6px\] {
  margin-left: 6px;
}
html[dir="rtl"] .id-ml-\[6px\] {
  margin-left: 0;
  margin-right: 6px;
}
.id-ml-\[84px\] {
  margin-left: 84px;
}
html[dir="rtl"] .id-ml-\[84px\] {
  margin-left: 0;
  margin-right: 84px;
}
.id-ml-\[8px\] {
  margin-left: 8px;
}
html[dir="rtl"] .id-ml-\[8px\] {
  margin-left: 0;
  margin-right: 8px;
}
.id-ml-auto {
  margin-left: auto;
}
html[dir="rtl"] .id-ml-auto {
  margin-left: 0;
  margin-right: auto;
}
.id-mr-0 {
  margin-right: 0;
}
html[dir="rtl"] .id-mr-0 {
  margin-right: 0;
  margin-left: 0;
}
.id-mr-1 {
  margin-right: 0.25rem;
}
html[dir="rtl"] .id-mr-1 {
  margin-right: 0;
  margin-left: 0.25rem;
}
.id-mr-2 {
  margin-right: 0.5rem;
}
html[dir="rtl"] .id-mr-2 {
  margin-right: 0;
  margin-left: 0.5rem;
}
.id-mr-3 {
  margin-right: 0.75rem;
}
html[dir="rtl"] .id-mr-3 {
  margin-right: 0;
  margin-left: 0.75rem;
}
.id-mr-4 {
  margin-right: 1rem;
}
html[dir="rtl"] .id-mr-4 {
  margin-right: 0;
  margin-left: 1rem;
}
.id-mr-5 {
  margin-right: 1.25rem;
}
html[dir="rtl"] .id-mr-5 {
  margin-right: 0;
  margin-left: 1.25rem;
}
.id-mr-8 {
  margin-right: 2rem;
}
html[dir="rtl"] .id-mr-8 {
  margin-right: 0;
  margin-left: 2rem;
}
.id-mr-\[10px\] {
  margin-right: 10px;
}
html[dir="rtl"] .id-mr-\[10px\] {
  margin-right: 0;
  margin-left: 10px;
}
.id-mr-\[12px\] {
  margin-right: 12px;
}
html[dir="rtl"] .id-mr-\[12px\] {
  margin-right: 0;
  margin-left: 12px;
}
.id-mr-\[4px\] {
  margin-right: 4px;
}
html[dir="rtl"] .id-mr-\[4px\] {
  margin-right: 0;
  margin-left: 4px;
}
.id-mr-\[5px\] {
  margin-right: 5px;
}
html[dir="rtl"] .id-mr-\[5px\] {
  margin-right: 0;
  margin-left: 5px;
}
.id-mr-\[6px\] {
  margin-right: 6px;
}
html[dir="rtl"] .id-mr-\[6px\] {
  margin-right: 0;
  margin-left: 6px;
}
.id-ms-0\.5 {
  margin-inline-start: 0.125rem;
}
.id-ms-1 {
  margin-inline-start: 0.25rem;
}
.id-ms-\[26px\] {
  margin-inline-start: 26px;
}
.id-ms-\[3px\] {
  margin-inline-start: 3px;
}
.id-ms-auto {
  margin-inline-start: auto;
}
.id-mt-0 {
  margin-top: 0;
}
.id-mt-0\.5 {
  margin-top: 0.125rem;
}
.id-mt-1 {
  margin-top: 0.25rem;
}
.id-mt-12 {
  margin-top: 3rem;
}
.id-mt-2 {
  margin-top: 0.5rem;
}
.id-mt-24 {
  margin-top: 6rem;
}
.id-mt-3 {
  margin-top: 0.75rem;
}
.id-mt-4 {
  margin-top: 1rem;
}
.id-mt-5 {
  margin-top: 1.25rem;
}
.id-mt-6 {
  margin-top: 1.5rem;
}
.id-mt-7 {
  margin-top: 1.75rem;
}
.id-mt-8 {
  margin-top: 2rem;
}
.id-mt-\[10px\] {
  margin-top: 10px;
}
.id-mt-\[120px\] {
  margin-top: 120px;
}
.id-mt-\[128px\] {
  margin-top: 128px;
}
.id-mt-\[12px\] {
  margin-top: 12px;
}
.id-mt-\[14px\] {
  margin-top: 14px;
}
.id-mt-\[15px\] {
  margin-top: 15px;
}
.id-mt-\[16px\] {
  margin-top: 16px;
}
.id-mt-\[17px\] {
  margin-top: 17px;
}
.id-mt-\[20px\] {
  margin-top: 20px;
}
.id-mt-\[28px\] {
  margin-top: 28px;
}
.id-mt-\[29px\] {
  margin-top: 29px;
}
.id-mt-\[40px\] {
  margin-top: 40px;
}
.id-mt-\[44px\] {
  margin-top: 44px;
}
.id-mt-\[4px\] {
  margin-top: 4px;
}
.id-mt-\[5px\] {
  margin-top: 5px;
}
.id-mt-\[6px\] {
  margin-top: 6px;
}
.id-mt-\[8\.5px\] {
  margin-top: 8.5px;
}
.id-mt-\[8px\] {
  margin-top: 8px;
}
.id-mt-\[9px\] {
  margin-top: 9px;
}
.id-mt-auto {
  margin-top: auto;
}
.id-mt-px {
  margin-top: 1px;
}
.id-box-border {
  box-sizing: border-box;
}
.id-line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.id-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.id-line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.id-block {
  display: block;
}
.id-inline-block {
  display: inline-block;
}
.id-inline {
  display: inline;
}
.id-flex {
  display: flex;
}
.id-inline-flex {
  display: inline-flex;
}
.id-table {
  display: table;
}
.id-table-row {
  display: table-row;
}
.id-grid {
  display: grid;
}
.id-hidden {
  display: none;
}
.id-aspect-\[1347\/920\] {
  aspect-ratio: 1347/920;
}
.id-aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.id-aspect-square {
  aspect-ratio: 1 / 1;
}
.id-aspect-video {
  aspect-ratio: 16 / 9;
}
.id-size-0 {
  width: 0px;
  height: 0px;
}
.id-size-0\.5 {
  width: 0.125rem;
  height: 0.125rem;
}
.id-size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.id-size-12 {
  width: 3rem;
  height: 3rem;
}
.id-size-16 {
  width: 4rem;
  height: 4rem;
}
.id-size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.id-size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.id-size-4 {
  width: 1rem;
  height: 1rem;
}
.id-size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.id-size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.id-size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.id-size-8 {
  width: 2rem;
  height: 2rem;
}
.id-size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.id-size-\[13\.5px\] {
  width: 13.5px;
  height: 13.5px;
}
.id-size-\[13px\] {
  width: 13px;
  height: 13px;
}
.id-size-\[14px\] {
  width: 14px;
  height: 14px;
}
.id-size-\[15px\] {
  width: 15px;
  height: 15px;
}
.id-size-\[16px\] {
  width: 16px;
  height: 16px;
}
.id-size-\[18px\] {
  width: 18px;
  height: 18px;
}
.id-size-\[20px\] {
  width: 20px;
  height: 20px;
}
.id-size-\[22px\] {
  width: 22px;
  height: 22px;
}
.id-size-\[24px\] {
  width: 24px;
  height: 24px;
}
.id-size-\[30px\] {
  width: 30px;
  height: 30px;
}
.id-size-\[3px\] {
  width: 3px;
  height: 3px;
}
.id-size-\[40px\] {
  width: 40px;
  height: 40px;
}
.id-size-\[55px\] {
  width: 55px;
  height: 55px;
}
.id-size-\[58px\] {
  width: 58px;
  height: 58px;
}
.id-size-\[68px\] {
  width: 68px;
  height: 68px;
}
.\!id-h-full {
  height: 100% !important;
}
.id-h-1 {
  height: 0.25rem;
}
.id-h-10 {
  height: 2.5rem;
}
.id-h-11 {
  height: 2.75rem;
}
.id-h-12 {
  height: 3rem;
}
.id-h-14 {
  height: 3.5rem;
}
.id-h-16 {
  height: 4rem;
}
.id-h-2 {
  height: 0.5rem;
}
.id-h-20 {
  height: 5rem;
}
.id-h-3 {
  height: 0.75rem;
}
.id-h-3\.5 {
  height: 0.875rem;
}
.id-h-4 {
  height: 1rem;
}
.id-h-4\/5 {
  height: 80%;
}
.id-h-48 {
  height: 12rem;
}
.id-h-5 {
  height: 1.25rem;
}
.id-h-5\/6 {
  height: 83.333333%;
}
.id-h-6 {
  height: 1.5rem;
}
.id-h-7 {
  height: 1.75rem;
}
.id-h-8 {
  height: 2rem;
}
.id-h-9 {
  height: 2.25rem;
}
.id-h-96 {
  height: 24rem;
}
.id-h-\[0\.5px\] {
  height: 0.5px;
}
.id-h-\[100\%\] {
  height: 100%;
}
.id-h-\[100vh\] {
  height: 100vh;
}
.id-h-\[10px\] {
  height: 10px;
}
.id-h-\[116px\] {
  height: 116px;
}
.id-h-\[11px\] {
  height: 11px;
}
.id-h-\[120px\] {
  height: 120px;
}
.id-h-\[12px\] {
  height: 12px;
}
.id-h-\[148px\] {
  height: 148px;
}
.id-h-\[14px\] {
  height: 14px;
}
.id-h-\[150px\] {
  height: 150px;
}
.id-h-\[151px\] {
  height: 151px;
}
.id-h-\[15px\] {
  height: 15px;
}
.id-h-\[16px\] {
  height: 16px;
}
.id-h-\[172px\] {
  height: 172px;
}
.id-h-\[174px\] {
  height: 174px;
}
.id-h-\[18px\] {
  height: 18px;
}
.id-h-\[1px\] {
  height: 1px;
}
.id-h-\[200px\] {
  height: 200px;
}
.id-h-\[20px\] {
  height: 20px;
}
.id-h-\[227px\] {
  height: 227px;
}
.id-h-\[22px\] {
  height: 22px;
}
.id-h-\[23px\] {
  height: 23px;
}
.id-h-\[24px\] {
  height: 24px;
}
.id-h-\[26px\] {
  height: 26px;
}
.id-h-\[28px\] {
  height: 28px;
}
.id-h-\[2px\] {
  height: 2px;
}
.id-h-\[30px\] {
  height: 30px;
}
.id-h-\[32px\] {
  height: 32px;
}
.id-h-\[34px\] {
  height: 34px;
}
.id-h-\[36px\] {
  height: 36px;
}
.id-h-\[38px\] {
  height: 38px;
}
.id-h-\[400px\] {
  height: 400px;
}
.id-h-\[40px\] {
  height: 40px;
}
.id-h-\[40vh\] {
  height: 40vh;
}
.id-h-\[41px\] {
  height: 41px;
}
.id-h-\[42px\] {
  height: 42px;
}
.id-h-\[46px\] {
  height: 46px;
}
.id-h-\[48px\] {
  height: 48px;
}
.id-h-\[496px\] {
  height: 496px;
}
.id-h-\[4px\] {
  height: 4px;
}
.id-h-\[50px\] {
  height: 50px;
}
.id-h-\[527px\] {
  height: 527px;
}
.id-h-\[52px\] {
  height: 52px;
}
.id-h-\[54px\] {
  height: 54px;
}
.id-h-\[57px\] {
  height: 57px;
}
.id-h-\[58px\] {
  height: 58px;
}
.id-h-\[600px\] {
  height: 600px;
}
.id-h-\[60px\] {
  height: 60px;
}
.id-h-\[66px\] {
  height: 66px;
}
.id-h-\[68px\] {
  height: 68px;
}
.id-h-\[6px\] {
  height: 6px;
}
.id-h-\[70vh\] {
  height: 70vh;
}
.id-h-\[72px\] {
  height: 72px;
}
.id-h-\[75vh\] {
  height: 75vh;
}
.id-h-\[76px\] {
  height: 76px;
}
.id-h-\[780px\] {
  height: 780px;
}
.id-h-\[7px\] {
  height: 7px;
}
.id-h-\[80vh\] {
  height: 80vh;
}
.id-h-\[82px\] {
  height: 82px;
}
.id-h-\[auto\] {
  height: auto;
}
.id-h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.id-h-auto {
  height: auto;
}
.id-h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.id-h-full {
  height: 100%;
}
.id-h-px {
  height: 1px;
}
.id-h-screen {
  height: 100vh;
}
.id-max-h-9 {
  max-height: 2.25rem;
}
.id-max-h-\[--radix-select-content-available-height\] {
  max-height: var(--radix-select-content-available-height);
}
.id-max-h-\[100vh\] {
  max-height: 100vh;
}
.id-max-h-\[20px\] {
  max-height: 20px;
}
.id-max-h-\[38px\] {
  max-height: 38px;
}
.id-max-h-\[434px\] {
  max-height: 434px;
}
.id-max-h-\[440px\] {
  max-height: 440px;
}
.id-max-h-\[496px\] {
  max-height: 496px;
}
.id-max-h-\[500px\] {
  max-height: 500px;
}
.id-max-h-\[54px\] {
  max-height: 54px;
}
.id-max-h-\[600px\] {
  max-height: 600px;
}
.id-max-h-\[60px\] {
  max-height: 60px;
}
.id-max-h-\[60vh\] {
  max-height: 60vh;
}
.id-max-h-\[683px\] {
  max-height: 683px;
}
.id-max-h-\[700px\] {
  max-height: 700px;
}
.id-max-h-\[70vh\] {
  max-height: 70vh;
}
.id-max-h-\[75vh\] {
  max-height: 75vh;
}
.id-max-h-\[calc\(100vh-44px\)\] {
  max-height: calc(100vh - 44px);
}
.id-max-h-\[calc\(600px-136px\)\] {
  max-height: 464px;
}
.id-max-h-none {
  max-height: none;
}
.id-min-h-0 {
  min-height: 0px;
}
.id-min-h-\[22px\] {
  min-height: 22px;
}
.id-min-h-\[28px\] {
  min-height: 28px;
}
.id-min-h-\[38px\] {
  min-height: 38px;
}
.id-min-h-\[400px\] {
  min-height: 400px;
}
.id-min-h-\[48px\] {
  min-height: 48px;
}
.id-min-h-\[540px\] {
  min-height: 540px;
}
.id-min-h-\[570px\] {
  min-height: 570px;
}
.id-min-h-screen {
  min-height: 100vh;
}
.id-w-1 {
  width: 0.25rem;
}
.id-w-1\/2 {
  width: 50%;
}
.id-w-1\/3 {
  width: 33.333333%;
}
.id-w-1\/4 {
  width: 25%;
}
.id-w-10 {
  width: 2.5rem;
}
.id-w-11 {
  width: 2.75rem;
}
.id-w-12 {
  width: 3rem;
}
.id-w-14 {
  width: 3.5rem;
}
.id-w-16 {
  width: 4rem;
}
.id-w-2 {
  width: 0.5rem;
}
.id-w-20 {
  width: 5rem;
}
.id-w-24 {
  width: 6rem;
}
.id-w-3 {
  width: 0.75rem;
}
.id-w-3\.5 {
  width: 0.875rem;
}
.id-w-3\/4 {
  width: 75%;
}
.id-w-4 {
  width: 1rem;
}
.id-w-5 {
  width: 1.25rem;
}
.id-w-5\/12 {
  width: 41.666667%;
}
.id-w-6 {
  width: 1.5rem;
}
.id-w-7 {
  width: 1.75rem;
}
.id-w-7\/12 {
  width: 58.333333%;
}
.id-w-72 {
  width: 18rem;
}
.id-w-8 {
  width: 2rem;
}
.id-w-9 {
  width: 2.25rem;
}
.id-w-\[0\.5px\] {
  width: 0.5px;
}
.id-w-\[100\%\] {
  width: 100%;
}
.id-w-\[100px\] {
  width: 100px;
}
.id-w-\[100vw\] {
  width: 100vw;
}
.id-w-\[10px\] {
  width: 10px;
}
.id-w-\[116px\] {
  width: 116px;
}
.id-w-\[120px\] {
  width: 120px;
}
.id-w-\[125px\] {
  width: 125px;
}
.id-w-\[126px\] {
  width: 126px;
}
.id-w-\[12px\] {
  width: 12px;
}
.id-w-\[140px\] {
  width: 140px;
}
.id-w-\[14px\] {
  width: 14px;
}
.id-w-\[150px\] {
  width: 150px;
}
.id-w-\[15px\] {
  width: 15px;
}
.id-w-\[16px\] {
  width: 16px;
}
.id-w-\[173px\] {
  width: 173px;
}
.id-w-\[18px\] {
  width: 18px;
}
.id-w-\[1px\] {
  width: 1px;
}
.id-w-\[200px\] {
  width: 200px;
}
.id-w-\[20px\] {
  width: 20px;
}
.id-w-\[221px\] {
  width: 221px;
}
.id-w-\[22px\] {
  width: 22px;
}
.id-w-\[23px\] {
  width: 23px;
}
.id-w-\[24px\] {
  width: 24px;
}
.id-w-\[280px\] {
  width: 280px;
}
.id-w-\[28px\] {
  width: 28px;
}
.id-w-\[297px\] {
  width: 297px;
}
.id-w-\[2px\] {
  width: 2px;
}
.id-w-\[30px\] {
  width: 30px;
}
.id-w-\[315px\] {
  width: 315px;
}
.id-w-\[32px\] {
  width: 32px;
}
.id-w-\[335px\] {
  width: 335px;
}
.id-w-\[339px\] {
  width: 339px;
}
.id-w-\[352px\] {
  width: 352px;
}
.id-w-\[36px\] {
  width: 36px;
}
.id-w-\[40px\] {
  width: 40px;
}
.id-w-\[42px\] {
  width: 42px;
}
.id-w-\[440px\] {
  width: 440px;
}
.id-w-\[460px\] {
  width: 460px;
}
.id-w-\[462px\] {
  width: 462px;
}
.id-w-\[47\%\] {
  width: 47%;
}
.id-w-\[480px\] {
  width: 480px;
}
.id-w-\[48px\] {
  width: 48px;
}
.id-w-\[50px\] {
  width: 50px;
}
.id-w-\[52px\] {
  width: 52px;
}
.id-w-\[54px\] {
  width: 54px;
}
.id-w-\[553px\] {
  width: 553px;
}
.id-w-\[55px\] {
  width: 55px;
}
.id-w-\[560px\] {
  width: 560px;
}
.id-w-\[576px\] {
  width: 576px;
}
.id-w-\[585px\] {
  width: 585px;
}
.id-w-\[59\%\] {
  width: 59%;
}
.id-w-\[60\%\] {
  width: 60%;
}
.id-w-\[600px\] {
  width: 600px;
}
.id-w-\[60px\] {
  width: 60px;
}
.id-w-\[640px\] {
  width: 640px;
}
.id-w-\[64px\] {
  width: 64px;
}
.id-w-\[66px\] {
  width: 66px;
}
.id-w-\[678px\] {
  width: 678px;
}
.id-w-\[75\%\] {
  width: 75%;
}
.id-w-\[80vh\] {
  width: 80vh;
}
.id-w-\[89px\] {
  width: 89px;
}
.id-w-\[9\%\] {
  width: 9%;
}
.id-w-\[90px\] {
  width: 90px;
}
.id-w-\[96px\] {
  width: 96px;
}
.id-w-\[calc\(100\%-16px\)\] {
  width: calc(100% - 16px);
}
.id-w-\[calc\(100vw-140px\)\] {
  width: calc(100vw - 140px);
}
.id-w-\[calc\(25\%-9px\)\] {
  width: calc(25% - 9px);
}
.id-w-\[calc\(33\%-8px\)\] {
  width: calc(33% - 8px);
}
.id-w-\[calc\(33\.33\%-8px\)\] {
  width: calc(33.33% - 8px);
}
.id-w-\[calc\(50\%-16px\)\] {
  width: calc(50% - 16px);
}
.id-w-\[calc\(50\%-6px\)\] {
  width: calc(50% - 6px);
}
.id-w-auto {
  width: auto;
}
.id-w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.id-w-full {
  width: 100%;
}
.id-w-px {
  width: 1px;
}
.id-w-screen {
  width: 100vw;
}
.id-min-w-0 {
  min-width: 0px;
}
.id-min-w-11 {
  min-width: 2.75rem;
}
.id-min-w-\[100px\] {
  min-width: 100px;
}
.id-min-w-\[1180px\] {
  min-width: 1180px;
}
.id-min-w-\[120px\] {
  min-width: 120px;
}
.id-min-w-\[140px\] {
  min-width: 140px;
}
.id-min-w-\[300px\] {
  min-width: 300px;
}
.id-min-w-\[46px\] {
  min-width: 46px;
}
.id-min-w-\[58px\] {
  min-width: 58px;
}
.id-min-w-\[60px\] {
  min-width: 60px;
}
.id-min-w-\[740px\] {
  min-width: 740px;
}
.id-min-w-\[8rem\] {
  min-width: 8rem;
}
.id-min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.id-min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.id-max-w-3xl {
  max-width: 48rem;
}
.id-max-w-4xl {
  max-width: 56rem;
}
.id-max-w-5xl {
  max-width: 64rem;
}
.id-max-w-\[1000px\] {
  max-width: 1000px;
}
.id-max-w-\[100vw\] {
  max-width: 100vw;
}
.id-max-w-\[124\.8vh\] {
  max-width: 124.8vh;
}
.id-max-w-\[1440px\] {
  max-width: 1440px;
}
.id-max-w-\[200px\] {
  max-width: 200px;
}
.id-max-w-\[231px\] {
  max-width: 231px;
}
.id-max-w-\[243px\] {
  max-width: 243px;
}
.id-max-w-\[300px\] {
  max-width: 300px;
}
.id-max-w-\[351px\] {
  max-width: 351px;
}
.id-max-w-\[360px\] {
  max-width: 360px;
}
.id-max-w-\[368px\] {
  max-width: 368px;
}
.id-max-w-\[500px\] {
  max-width: 500px;
}
.id-max-w-\[584px\] {
  max-width: 584px;
}
.id-max-w-\[60\%\] {
  max-width: 60%;
}
.id-max-w-\[608px\] {
  max-width: 608px;
}
.id-max-w-\[640px\] {
  max-width: 640px;
}
.id-max-w-\[690px\] {
  max-width: 690px;
}
.id-max-w-\[700px\] {
  max-width: 700px;
}
.id-max-w-\[728px\] {
  max-width: 728px;
}
.id-max-w-\[800px\] {
  max-width: 800px;
}
.id-max-w-\[880px\] {
  max-width: 880px;
}
.id-max-w-\[90px\] {
  max-width: 90px;
}
.id-max-w-full {
  max-width: 100%;
}
.id-max-w-lg {
  max-width: 32rem;
}
.id-max-w-xl {
  max-width: 36rem;
}
.id-flex-1 {
  flex: 1 1 0%;
}
.id-flex-shrink {
  flex-shrink: 1;
}
.id-flex-shrink-0,
.id-shrink-0 {
  flex-shrink: 0;
}
.id-flex-grow {
  flex-grow: 1;
}
.id-flex-grow-0,
.id-grow-0 {
  flex-grow: 0;
}
.id-basis-1\/6 {
  flex-basis: 16.666667%;
}
.id-basis-6 {
  flex-basis: 1.5rem;
}
.id-basis-7 {
  flex-basis: 1.75rem;
}
.id-basis-\[1\/7\] {
  flex-basis: 1/7;
}
.id-basis-auto {
  flex-basis: auto;
}
.id-basis-full {
  flex-basis: 100%;
}
.id-table-fixed {
  table-layout: fixed;
}
.id-caption-bottom {
  caption-side: bottom;
}
.id-border-collapse {
  border-collapse: collapse;
}
.id-origin-\[--radix-select-content-transform-origin\] {
  transform-origin: var(--radix-select-content-transform-origin);
}
.-id-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-id-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), -0.125rem)
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-id-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id--translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id--translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id--translate-y-\[calc\(100\%\+40px\)\] {
  --tw-translate-y: calc((100% + 40px) * -1);
  transform: translate(var(--tw-translate-x), calc((100% + 40px) * -1))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-y-\[-1px\] {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), -1px) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(0) scaleY(0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(1) scaleY(1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(1.1) scaleY(1.1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-transform-none {
  transform: none;
}
.\!id-animate-none {
  animation: none !important;
}
@keyframes id-pulse {
  50% {
    opacity: 0.5;
  }
}
.id-animate-pulse {
  animation: id-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes id-spin {
  to {
    transform: rotate(360deg);
  }
}
.id-animate-spin {
  animation: id-spin 1s linear infinite;
}
.id-cursor-default {
  cursor: default;
}
.id-cursor-not-allowed {
  cursor: not-allowed;
}
.id-cursor-pointer {
  cursor: pointer;
}
.id-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.id-auto-cols-\[280px\] {
  grid-auto-columns: 280px;
}
.id-grid-flow-row {
  grid-auto-flow: row;
}
.id-grid-flow-col {
  grid-auto-flow: column;
}
.id-auto-rows-min {
  grid-auto-rows: min-content;
}
.id-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.id-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.id-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.id-grid-cols-\[2fr_3fr\] {
  grid-template-columns: 2fr 3fr;
}
.id-grid-cols-\[repeat\(auto-fill\,minmax\(280px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.id-flex-row {
  flex-direction: row;
}
.id-flex-row-reverse {
  flex-direction: row-reverse;
}
.id-flex-col {
  flex-direction: column;
}
.id-flex-col-reverse {
  flex-direction: column-reverse;
}
.id-flex-wrap {
  flex-wrap: wrap;
}
.id-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.id-flex-nowrap {
  flex-wrap: nowrap;
}
.id-items-start {
  align-items: flex-start;
}
.id-items-end {
  align-items: flex-end;
}
.id-items-center {
  align-items: center;
}
.id-items-baseline {
  align-items: baseline;
}
.id-items-stretch {
  align-items: stretch;
}
.id-justify-start {
  justify-content: flex-start;
}
.id-justify-end {
  justify-content: flex-end;
}
.id-justify-center {
  justify-content: center;
}
.id-justify-between {
  justify-content: space-between;
}
.id-justify-around {
  justify-content: space-around;
}
.id-gap-0 {
  gap: 0px;
}
.id-gap-0\.5 {
  gap: 0.125rem;
}
.id-gap-1 {
  gap: 0.25rem;
}
.id-gap-1\.5 {
  gap: 0.375rem;
}
.id-gap-10 {
  gap: 2.5rem;
}
.id-gap-12 {
  gap: 3rem;
}
.id-gap-2 {
  gap: 0.5rem;
}
.id-gap-2\.5 {
  gap: 0.625rem;
}
.id-gap-3 {
  gap: 0.75rem;
}
.id-gap-4 {
  gap: 1rem;
}
.id-gap-5 {
  gap: 1.25rem;
}
.id-gap-6 {
  gap: 1.5rem;
}
.id-gap-8 {
  gap: 2rem;
}
.id-gap-\[10px\] {
  gap: 10px;
}
.id-gap-\[12px\] {
  gap: 12px;
}
.id-gap-\[16px\] {
  gap: 16px;
}
.id-gap-\[20px\] {
  gap: 20px;
}
.id-gap-\[2px\] {
  gap: 2px;
}
.id-gap-\[3px\] {
  gap: 3px;
}
.id-gap-\[4\.6px\] {
  gap: 4.6px;
}
.id-gap-\[4px\] {
  gap: 4px;
}
.id-gap-\[6px\] {
  gap: 6px;
}
.id-gap-\[8px\] {
  gap: 8px;
}
.id-gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.id-gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.id-gap-x-7 {
  -moz-column-gap: 1.75rem;
  column-gap: 1.75rem;
}
.id-gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.id-gap-x-\[10px\] {
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.id-gap-y-1 {
  row-gap: 0.25rem;
}
.id-gap-y-2 {
  row-gap: 0.5rem;
}
.id-gap-y-3 {
  row-gap: 0.75rem;
}
.id-gap-y-4 {
  row-gap: 1rem;
}
.id-gap-y-5 {
  row-gap: 1.25rem;
}
.id-gap-y-6 {
  row-gap: 1.5rem;
}
.id-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: 0rem;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-left: 0.5rem;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
html[dir="rtl"] .id-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.id-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: 0rem;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
  margin-left: 0.75rem;
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
html[dir="rtl"] .id-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  margin-left: calc(0.75rem * var(--tw-space-x-reverse));
  margin-right: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.id-space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
  margin-top: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: 0;
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.id-space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
  margin-top: 0.25rem;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: 0rem;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.id-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse)));
  margin-top: 0.375rem;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: 0rem;
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.id-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
  margin-top: 0.5rem;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: 0rem;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.id-space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
  margin-top: 0.75rem;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: 0rem;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.id-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
  margin-top: 1rem;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: 0rem;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.id-space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
  margin-top: 1.25rem;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: 0rem;
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.id-divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
  border-top-width: 1px;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: 0px;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.id-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: #f3f4f6;
  border-color: rgba(243, 244, 246, var(--tw-divide-opacity, 1));
}
.id-self-start {
  align-self: flex-start;
}
.id-self-stretch {
  align-self: stretch;
}
.id-overflow-auto {
  overflow: auto;
}
.id-overflow-hidden {
  overflow: hidden;
}
.id-overflow-visible {
  overflow: visible;
}
.id-overflow-scroll {
  overflow: scroll;
}
.id-overflow-x-auto {
  overflow-x: auto;
}
.id-overflow-y-auto {
  overflow-y: auto;
}
.id-overflow-x-hidden {
  overflow-x: hidden;
}
.id-overflow-y-hidden {
  overflow-y: hidden;
}
.id-overflow-x-visible {
  overflow-x: visible;
}
.id-overflow-y-scroll {
  overflow-y: scroll;
}
.id-overscroll-contain {
  overscroll-behavior: contain;
}
.id-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.id-overflow-ellipsis,
.id-text-ellipsis {
  text-overflow: ellipsis;
}
.id-whitespace-nowrap {
  white-space: nowrap;
}
.id-whitespace-pre {
  white-space: pre;
}
.id-whitespace-pre-line {
  white-space: pre-line;
}
.id-text-wrap {
  text-wrap: wrap;
}
.id-text-nowrap {
  text-wrap: nowrap;
}
.id-break-words {
  word-wrap: break-word;
}
.id-break-all {
  word-break: break-all;
}
.\!id-rounded {
  border-radius: 0.25rem !important;
}
.id-rounded {
  border-radius: 0.25rem;
}
.id-rounded-2xl {
  border-radius: 1rem;
}
.id-rounded-\[100px\] {
  border-radius: 100px;
}
.id-rounded-\[12px\] {
  border-radius: 12px;
}
.id-rounded-\[16px\] {
  border-radius: 16px;
}
.id-rounded-\[25px\] {
  border-radius: 25px;
}
.id-rounded-\[2px\] {
  border-radius: 2px;
}
.id-rounded-\[3px\] {
  border-radius: 3px;
}
.id-rounded-\[40px\] {
  border-radius: 40px;
}
.id-rounded-\[4px\] {
  border-radius: 4px;
}
.id-rounded-\[50\%\] {
  border-radius: 50%;
}
.id-rounded-\[65px\] {
  border-radius: 65px;
}
.id-rounded-\[8px\] {
  border-radius: 8px;
}
.id-rounded-full {
  border-radius: 9999px;
}
.id-rounded-lg {
  border-radius: 0.5rem;
  border-radius: var(--radius);
}
.id-rounded-md {
  border-radius: calc(0.5rem - 2px);
  border-radius: calc(var(--radius) - 2px);
}
.id-rounded-none {
  border-radius: 0;
}
.id-rounded-sm {
  border-radius: calc(0.5rem - 4px);
  border-radius: calc(var(--radius) - 4px);
}
.id-rounded-xl {
  border-radius: 0.75rem;
}
.\!id-rounded-t-\[4px\] {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.id-rounded-b-\[8px\] {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.id-rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: var(--radius);
}
.id-rounded-l-\[4px\] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
html[dir="rtl"] .id-rounded-l-\[4px\] {
  border-radius: 0 4px 4px 0;
}
.id-rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: var(--radius);
}
html[dir="rtl"] .id-rounded-l-lg {
  border-top-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-right-radius: var(--radius);
}
.id-rounded-r-\[4px\] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
html[dir="rtl"] .id-rounded-r-\[4px\] {
  border-radius: 4px 0 0 4px;
}
.id-rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.id-rounded-t-\[4px\] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.id-rounded-t-\[8px\] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.id-rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-left-radius: var(--radius);
  border-top-right-radius: 0.5rem;
  border-top-right-radius: var(--radius);
}
.id-rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.id-rounded-ee-lg {
  border-end-end-radius: 0.5rem;
  border-end-end-radius: var(--radius);
}
.\!id-border-0 {
  border-width: 0px !important;
}
.id-border {
  border-width: 1px;
}
.id-border-0 {
  border-width: 0px;
}
.id-border-2 {
  border-width: 2px;
}
.id-border-\[0\.25px\] {
  border-width: 0.25px;
}
.id-border-\[0\.5px\] {
  border-width: 0.5px;
}
.id-border-\[1px\] {
  border-width: 1px;
}
.id-border-\[2px\] {
  border-width: 2px;
}
.id-border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.id-border-b {
  border-bottom-width: 1px;
}
.id-border-b-2 {
  border-bottom-width: 2px;
}
.id-border-b-\[0\.5px\] {
  border-bottom-width: 0.5px;
}
.id-border-b-\[3px\] {
  border-bottom-width: 3px;
}
.id-border-l {
  border-left-width: 1px;
}
html[dir="rtl"] .id-border-l {
  border-left-width: medium;
  border-right-width: 1px;
}
.id-border-l-0 {
  border-left-width: 0px;
}
html[dir="rtl"] .id-border-l-0 {
  border-left-width: medium;
  border-right-width: 0px;
}
.id-border-r {
  border-right-width: 1px;
}
html[dir="rtl"] .id-border-r {
  border-right-width: medium;
  border-left-width: 1px;
}
.id-border-r-0 {
  border-right-width: 0px;
}
html[dir="rtl"] .id-border-r-0 {
  border-right-width: medium;
  border-left-width: 0px;
}
.id-border-t,
.id-border-t-\[1px\] {
  border-top-width: 1px;
}
.id-border-solid {
  border-style: solid;
}
.id-border-none {
  border-style: none;
}
.id-border-\[\#222\] {
  --tw-border-opacity: 1;
  border-color: #222;
  border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1));
}
.id-border-\[\#333\] {
  --tw-border-opacity: 1;
  border-color: #333;
  border-color: rgba(51, 51, 51, var(--tw-border-opacity, 1));
}
.id-border-\[\#808080\] {
  --tw-border-opacity: 1;
  border-color: gray;
  border-color: rgba(128, 128, 128, var(--tw-border-opacity, 1));
}
.id-border-\[\#DDDDDD\],
.id-border-\[\#DDD\] {
  --tw-border-opacity: 1;
  border-color: #ddd;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1));
}
.id-border-\[\#E5E5E5\] {
  --tw-border-opacity: 1;
  border-color: #e5e5e5;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}
.id-border-\[\#EAEAEA\] {
  --tw-border-opacity: 1;
  border-color: #eaeaea;
  border-color: rgba(234, 234, 234, var(--tw-border-opacity, 1));
}
.id-border-\[\#F0F0F0\] {
  --tw-border-opacity: 1;
  border-color: #f0f0f0;
  border-color: rgba(240, 240, 240, var(--tw-border-opacity, 1));
}
.id-border-\[\#ddd\] {
  --tw-border-opacity: 1;
  border-color: #ddd;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1));
}
.id-border-\[\#e5e7eb\] {
  --tw-border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}
.id-border-\[\#e6e7eb\] {
  --tw-border-opacity: 1;
  border-color: #e6e7eb;
  border-color: rgba(230, 231, 235, var(--tw-border-opacity, 1));
}
.id-border-\[\#e8e8e8\] {
  --tw-border-opacity: 1;
  border-color: #e8e8e8;
  border-color: rgba(232, 232, 232, var(--tw-border-opacity, 1));
}
.id-border-\[\#ff6a00\] {
  --tw-border-opacity: 1;
  border-color: #ff6a00;
  border-color: rgba(255, 106, 0, var(--tw-border-opacity, 1));
}
.id-border-black {
  --tw-border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.id-border-border {
  border-color: #e4e4e7;
  border-color: hsl(var(--border));
}
.id-border-gray-200 {
  --tw-border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}
.id-border-gray-300 {
  --tw-border-opacity: 1;
  border-color: #d1d5db;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
}
.id-border-gray-400 {
  --tw-border-opacity: 1;
  border-color: #9ca3af;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity, 1));
}
.id-border-gray-900 {
  --tw-border-opacity: 1;
  border-color: #111827;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity, 1));
}
.id-border-highlight-dark {
  border-color: #e10505;
  border-color: hsl(var(--highlight-dark));
}
.id-border-input {
  border-color: #e4e4e7;
  border-color: hsl(var(--input));
}
.id-border-orange-500 {
  --tw-border-opacity: 1;
  border-color: #f97316;
  border-color: rgba(249, 115, 22, var(--tw-border-opacity, 1));
}
.id-border-white {
  --tw-border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
}
.id-border-b-\[\#e6e7eb\] {
  --tw-border-opacity: 1;
  border-bottom-color: #e6e7eb;
  border-bottom-color: rgba(230, 231, 235, var(--tw-border-opacity, 1));
}
.id-bg-\[\#0000000a\] {
  background-color: #0000000a;
}
.id-bg-\[\#000000D9\] {
  background-color: #000000d9;
}
.id-bg-\[\#000000b3\] {
  background-color: #000000b3;
}
.id-bg-\[\#222\] {
  --tw-bg-opacity: 1;
  background-color: #222;
  background-color: rgba(34, 34, 34, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: #333;
  background-color: rgba(51, 51, 51, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#D64000\] {
  --tw-bg-opacity: 1;
  background-color: #d64000;
  background-color: rgba(214, 64, 0, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#DDDDDD\],
.id-bg-\[\#DDD\] {
  --tw-bg-opacity: 1;
  background-color: #ddd;
  background-color: rgba(221, 221, 221, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#E5F3FD\] {
  --tw-bg-opacity: 1;
  background-color: #e5f3fd;
  background-color: rgba(229, 243, 253, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#E7F4FF\] {
  --tw-bg-opacity: 1;
  background-color: #e7f4ff;
  background-color: rgba(231, 244, 255, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#F3F3F3\] {
  --tw-bg-opacity: 1;
  background-color: #f3f3f3;
  background-color: rgba(243, 243, 243, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#F4F4F4\] {
  --tw-bg-opacity: 1;
  background-color: #f4f4f4;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#F8F8F8\] {
  --tw-bg-opacity: 1;
  background-color: #f8f8f8;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FA6400\] {
  --tw-bg-opacity: 1;
  background-color: #fa6400;
  background-color: rgba(250, 100, 0, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: #fafafa;
  background-color: rgba(250, 250, 250, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FCF8F1\] {
  --tw-bg-opacity: 1;
  background-color: #fcf8f1;
  background-color: rgba(252, 248, 241, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FFEDEA\] {
  --tw-bg-opacity: 1;
  background-color: #ffedea;
  background-color: rgba(255, 237, 234, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FFF5F1\] {
  --tw-bg-opacity: 1;
  background-color: #fff5f1;
  background-color: rgba(255, 245, 241, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FFF9F7\] {
  --tw-bg-opacity: 1;
  background-color: #fff9f7;
  background-color: rgba(255, 249, 247, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#ba0909\] {
  --tw-bg-opacity: 1;
  background-color: #ba0909;
  background-color: rgba(186, 9, 9, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#ddd\] {
  --tw-bg-opacity: 1;
  background-color: #ddd;
  background-color: rgba(221, 221, 221, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#e105051a\] {
  background-color: #e105051a;
}
.id-bg-\[\#e7f4ff\] {
  --tw-bg-opacity: 1;
  background-color: #e7f4ff;
  background-color: rgba(231, 244, 255, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f4f4f4\] {
  --tw-bg-opacity: 1;
  background-color: #f4f4f4;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: #f5f5f5;
  background-color: rgba(245, 245, 245, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f7421e\] {
  --tw-bg-opacity: 1;
  background-color: #f7421e;
  background-color: rgba(247, 66, 30, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f8f8f8\] {
  --tw-bg-opacity: 1;
  background-color: #f8f8f8;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: #fafafa;
  background-color: rgba(250, 250, 250, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#ff4014\] {
  --tw-bg-opacity: 1;
  background-color: #ff4014;
  background-color: rgba(255, 64, 20, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#ffdede\] {
  --tw-bg-opacity: 1;
  background-color: #ffdede;
  background-color: rgba(255, 222, 222, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#fff6f4\] {
  --tw-bg-opacity: 1;
  background-color: #fff6f4;
  background-color: rgba(255, 246, 244, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.id-bg-\[rgb\(252\,248\,241\)\] {
  --tw-bg-opacity: 1;
  background-color: #fcf8f1;
  background-color: rgba(252, 248, 241, var(--tw-bg-opacity, 1));
}
.id-bg-\[rgba\(0\,0\,0\,0\.12\)\] {
  background-color: #0000001f;
}
.id-bg-\[rgba\(255\,249\,247\,1\)\] {
  background-color: #fff9f7;
}
.id-bg-\[var\(--coupon-bg-color\)\] {
  background-color: var(--coupon-bg-color);
}
.id-bg-\[var\(--coupon-text-color\)\] {
  background-color: var(--coupon-text-color);
}
.id-bg-background {
  background-color: #fff;
  background-color: hsl(var(--background));
}
.id-bg-black {
  --tw-bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
}
.id-bg-black\/30 {
  background-color: #0000004d;
}
.id-bg-black\/50 {
  background-color: #00000080;
}
.id-bg-black\/80 {
  background-color: #000c;
}
.id-bg-black\/\[0\.04\] {
  background-color: #0000000a;
}
.id-bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: #3b82f6;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity, 1));
}
.id-bg-card {
  background-color: #fff;
  background-color: hsl(var(--card));
}
.id-bg-destructive {
  background-color: #ef4343;
  background-color: hsl(var(--destructive));
}
.id-bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: #f3f4f6;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}
.id-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: #e5e7eb;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
}
.id-bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: #d1d5db;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity, 1));
}
.id-bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: #f9fafb;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
}
.id-bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: #f0fdf4;
  background-color: rgba(240, 253, 244, var(--tw-bg-opacity, 1));
}
.id-bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: #22c55e;
  background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1));
}
.id-bg-highlight {
  background-color: #f60;
  background-color: hsl(var(--highlight));
}
.id-bg-muted {
  background-color: #f4f4f5;
  background-color: hsl(var(--muted));
}
.id-bg-muted\/50 {
  background-color: #f4f4f580;
  background-color: hsl(var(--muted) / 0.5);
}
.id-bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: #fff7ed;
  background-color: rgba(255, 247, 237, var(--tw-bg-opacity, 1));
}
.id-bg-popover {
  background-color: #fff;
  background-color: hsl(var(--popover));
}
.id-bg-primary {
  background-color: #18181b;
  background-color: hsl(var(--primary));
}
.id-bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: #ef4444;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity, 1));
}
.id-bg-secondary {
  background-color: #f4f4f5;
  background-color: hsl(var(--secondary));
}
.id-bg-transparent {
  background-color: transparent;
}
.id-bg-white {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.id-bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.id-bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.id-bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.id-bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
html[dir="rtl"] .id-bg-gradient-to-r {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.id-bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.id-from-\[rgba\(255\,255\,255\,0\)\] {
  --tw-gradient-from: rgba(255, 255, 255, 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.id-from-white\/90 {
  --tw-gradient-from: rgba(255, 255, 255, 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.id-via-white\/60 {
  --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    rgba(255, 255, 255, 0.6) var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.id-via-50\% {
  --tw-gradient-via-position: 50%;
}
.id-to-\[rgba\(255\,255\,255\)\] {
  --tw-gradient-to: rgba(255, 255, 255) var(--tw-gradient-to-position);
}
.id-to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.id-bg-contain {
  background-size: contain;
}
.id-bg-cover {
  background-size: cover;
}
.id-bg-center {
  background-position: center;
}
.id-bg-no-repeat {
  background-repeat: no-repeat;
}
.id-fill-\[\#E10505\] {
  fill: #e10505;
}
.id-fill-black {
  fill: #000;
}
.id-fill-current {
  fill: currentColor;
}
.id-fill-green-700 {
  fill: #15803d;
}
.id-fill-highlight-dark {
  fill: #e10505;
  fill: hsl(var(--highlight-dark));
}
.id-object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.id-object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.id-object-fill {
  -o-object-fit: fill;
  object-fit: fill;
}
.id-p-0 {
  padding: 0;
}
.id-p-0\.5 {
  padding: 0.125rem;
}
.id-p-1 {
  padding: 0.25rem;
}
.id-p-2 {
  padding: 0.5rem;
}
.id-p-3 {
  padding: 0.75rem;
}
.id-p-4 {
  padding: 1rem;
}
.id-p-5 {
  padding: 1.25rem;
}
.id-p-6 {
  padding: 1.5rem;
}
.id-p-9 {
  padding: 2.25rem;
}
.id-p-\[0\.25px\] {
  padding: 0.25px;
}
.id-p-\[10px\] {
  padding: 10px;
}
.id-p-\[12px\] {
  padding: 12px;
}
.id-p-\[12px_12px_16px_12px\] {
  padding: 12px 12px 16px;
}
.id-p-\[14px\] {
  padding: 14px;
}
.id-p-\[1px\] {
  padding: 1px;
}
.id-p-\[20px\] {
  padding: 20px;
}
.id-px-0 {
  padding-left: 0;
  padding-right: 0;
}
.id-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.id-px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.id-px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.id-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.id-px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.id-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.id-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.id-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.id-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.id-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.id-px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.id-px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.id-px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.id-px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.id-px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}
.id-px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}
.id-px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}
.id-px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.id-px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.id-px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.id-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.id-py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.id-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.id-py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.id-py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.id-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.id-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.id-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.id-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.id-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.id-py-\[1\.5px\] {
  padding-top: 1.5px;
  padding-bottom: 1.5px;
}
.id-py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.id-py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.id-py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.id-py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px;
}
.id-py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
.id-py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.id-py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
}
.id-py-\[28px\] {
  padding-top: 28px;
  padding-bottom: 28px;
}
.id-py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.id-py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.id-py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.id-py-\[5\.5px\] {
  padding-top: 5.5px;
  padding-bottom: 5.5px;
}
.id-py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.id-py-\[7\.5px\] {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.id-py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.\!id-pt-0 {
  padding-top: 0 !important;
}
.id-pb-0 {
  padding-bottom: 0;
}
.id-pb-2 {
  padding-bottom: 0.5rem;
}
.id-pb-3 {
  padding-bottom: 0.75rem;
}
.id-pb-4 {
  padding-bottom: 1rem;
}
.id-pb-5 {
  padding-bottom: 1.25rem;
}
.id-pb-6 {
  padding-bottom: 1.5rem;
}
.id-pb-7 {
  padding-bottom: 1.75rem;
}
.id-pb-\[10px\] {
  padding-bottom: 10px;
}
.id-pb-\[120px\] {
  padding-bottom: 120px;
}
.id-pb-\[12px\] {
  padding-bottom: 12px;
}
.id-pb-\[14px\] {
  padding-bottom: 14px;
}
.id-pb-\[18px\] {
  padding-bottom: 18px;
}
.id-pb-\[20px\] {
  padding-bottom: 20px;
}
.id-pb-\[300px\] {
  padding-bottom: 300px;
}
.id-pb-\[40px\] {
  padding-bottom: 40px;
}
.id-pb-\[50px\] {
  padding-bottom: 50px;
}
.id-pb-\[8px\] {
  padding-bottom: 8px;
}
.id-pb-\[9px\] {
  padding-bottom: 9px;
}
.id-pb-\[calc\(14vh\)\] {
  padding-bottom: 14vh;
}
.id-pe-0 {
  padding-inline-end: 0px;
}
.id-pe-2 {
  padding-inline-end: 0.5rem;
}
.id-pe-4 {
  padding-inline-end: 1rem;
}
.id-pl-0 {
  padding-left: 0;
}
html[dir="rtl"] .id-pl-0 {
  padding-left: 0;
  padding-right: 0;
}
.id-pl-3 {
  padding-left: 0.75rem;
}
html[dir="rtl"] .id-pl-3 {
  padding-left: 0;
  padding-right: 0.75rem;
}
.id-pl-4 {
  padding-left: 1rem;
}
html[dir="rtl"] .id-pl-4 {
  padding-left: 0;
  padding-right: 1rem;
}
.id-pl-5 {
  padding-left: 1.25rem;
}
html[dir="rtl"] .id-pl-5 {
  padding-left: 0;
  padding-right: 1.25rem;
}
.id-pl-8 {
  padding-left: 2rem;
}
html[dir="rtl"] .id-pl-8 {
  padding-left: 0;
  padding-right: 2rem;
}
.id-pl-\[0px\] {
  padding-left: 0;
}
html[dir="rtl"] .id-pl-\[0px\] {
  padding-left: 0;
  padding-right: 0;
}
.id-pl-\[10px\] {
  padding-left: 10px;
}
html[dir="rtl"] .id-pl-\[10px\] {
  padding-left: 0;
  padding-right: 10px;
}
.id-pl-\[12px\] {
  padding-left: 12px;
}
html[dir="rtl"] .id-pl-\[12px\] {
  padding-left: 0;
  padding-right: 12px;
}
.id-pl-\[14px\] {
  padding-left: 14px;
}
html[dir="rtl"] .id-pl-\[14px\] {
  padding-left: 0;
  padding-right: 14px;
}
.id-pl-\[4px\] {
  padding-left: 4px;
}
html[dir="rtl"] .id-pl-\[4px\] {
  padding-left: 0;
  padding-right: 4px;
}
.id-pl-\[6px\] {
  padding-left: 6px;
}
html[dir="rtl"] .id-pl-\[6px\] {
  padding-left: 0;
  padding-right: 6px;
}
.id-pl-\[8px\] {
  padding-left: 8px;
}
html[dir="rtl"] .id-pl-\[8px\] {
  padding-left: 0;
  padding-right: 8px;
}
.id-pr-0\.5 {
  padding-right: 0.125rem;
}
html[dir="rtl"] .id-pr-0\.5 {
  padding-right: 0;
  padding-left: 0.125rem;
}
.id-pr-2 {
  padding-right: 0.5rem;
}
html[dir="rtl"] .id-pr-2 {
  padding-right: 0;
  padding-left: 0.5rem;
}
.id-pr-3 {
  padding-right: 0.75rem;
}
html[dir="rtl"] .id-pr-3 {
  padding-right: 0;
  padding-left: 0.75rem;
}
.id-pr-\[12px\] {
  padding-right: 12px;
}
html[dir="rtl"] .id-pr-\[12px\] {
  padding-right: 0;
  padding-left: 12px;
}
.id-pr-\[27\.6px\] {
  padding-right: 27.6px;
}
html[dir="rtl"] .id-pr-\[27\.6px\] {
  padding-right: 0;
  padding-left: 27.6px;
}
.id-pr-\[48px\] {
  padding-right: 48px;
}
html[dir="rtl"] .id-pr-\[48px\] {
  padding-right: 0;
  padding-left: 48px;
}
.id-pr-\[4px\] {
  padding-right: 4px;
}
html[dir="rtl"] .id-pr-\[4px\] {
  padding-right: 0;
  padding-left: 4px;
}
.id-pr-\[6px\] {
  padding-right: 6px;
}
html[dir="rtl"] .id-pr-\[6px\] {
  padding-right: 0;
  padding-left: 6px;
}
.id-ps-1\.5 {
  padding-inline-start: 0.375rem;
}
.id-ps-3 {
  padding-inline-start: 0.75rem;
}
.id-ps-5 {
  padding-inline-start: 1.25rem;
}
.id-ps-\[14px\] {
  padding-inline-start: 14px;
}
.id-pt-0 {
  padding-top: 0;
}
.id-pt-2 {
  padding-top: 0.5rem;
}
.id-pt-3 {
  padding-top: 0.75rem;
}
.id-pt-4 {
  padding-top: 1rem;
}
.id-pt-5 {
  padding-top: 1.25rem;
}
.id-pt-6 {
  padding-top: 1.5rem;
}
.id-pt-7 {
  padding-top: 1.75rem;
}
.id-pt-8 {
  padding-top: 2rem;
}
.id-pt-\[12px\] {
  padding-top: 12px;
}
.id-pt-\[14px\] {
  padding-top: 14px;
}
.id-pt-\[16px\] {
  padding-top: 16px;
}
.id-pt-\[28px\] {
  padding-top: 28px;
}
.id-pt-\[5px\] {
  padding-top: 5px;
}
.id-pt-\[6px\] {
  padding-top: 6px;
}
.id-text-left {
  text-align: left;
}
html[dir="rtl"] .id-text-left {
  text-align: right;
}
.id-text-center {
  text-align: center;
}
.id-text-right {
  text-align: right;
}
html[dir="rtl"] .id-text-right {
  text-align: left;
}
.id-text-start {
  text-align: start;
}
.id-align-middle {
  vertical-align: middle;
}
.id-align-bottom {
  vertical-align: bottom;
}
.id-align-text-top {
  vertical-align: text-top;
}
.id-font-\[\#F7421E\] {
  font-family: #f7421e;
}
.id-font-\[Inter\] {
  font-family: Inter;
}
.\!id-text-\[20px\] {
  font-size: 20px !important;
}
.id-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.id-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.id-text-\[0px\] {
  font-size: 0px;
}
.id-text-\[10px\] {
  font-size: 10px;
}
.id-text-\[11px\] {
  font-size: 11px;
}
.id-text-\[12\.7px\] {
  font-size: 12.7px;
}
.id-text-\[12px\] {
  font-size: 12px;
}
.id-text-\[13\.8px\] {
  font-size: 13.8px;
}
.id-text-\[13px\] {
  font-size: 13px;
}
.id-text-\[14px\] {
  font-size: 14px;
}
.id-text-\[15px\] {
  font-size: 15px;
}
.id-text-\[16px\] {
  font-size: 16px;
}
.id-text-\[17px\] {
  font-size: 17px;
}
.id-text-\[18px\] {
  font-size: 18px;
}
.id-text-\[20px\] {
  font-size: 20px;
}
.id-text-\[24px\] {
  font-size: 24px;
}
.id-text-\[26px\] {
  font-size: 26px;
}
.id-text-\[28px\] {
  font-size: 28px;
}
.id-text-\[32px\] {
  font-size: 32px;
}
.id-text-\[64px\] {
  font-size: 64px;
}
.id-text-\[9px\] {
  font-size: 9px;
}
.id-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.id-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.id-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.id-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.id-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!id-font-bold {
  font-weight: 700 !important;
}
.\!id-font-normal {
  font-weight: 400 !important;
}
.id-font-\[400\] {
  font-weight: 400;
}
.id-font-\[600\] {
  font-weight: 600;
}
.id-font-bold {
  font-weight: 700;
}
.id-font-medium {
  font-weight: 500;
}
.id-font-normal {
  font-weight: 400;
}
.id-font-semibold {
  font-weight: 600;
}
.id-uppercase {
  text-transform: uppercase;
}
.id-leading-10 {
  line-height: 2.5rem;
}
.id-leading-4 {
  line-height: 1rem;
}
.id-leading-5 {
  line-height: 1.25rem;
}
.id-leading-6 {
  line-height: 1.5rem;
}
.id-leading-7 {
  line-height: 1.75rem;
}
.id-leading-8 {
  line-height: 2rem;
}
.id-leading-\[1\.2\] {
  line-height: 1.2;
}
.id-leading-\[1\.4\] {
  line-height: 1.4;
}
.id-leading-\[12px\] {
  line-height: 12px;
}
.id-leading-\[13px\] {
  line-height: 13px;
}
.id-leading-\[14px\] {
  line-height: 14px;
}
.id-leading-\[15px\] {
  line-height: 15px;
}
.id-leading-\[16px\] {
  line-height: 16px;
}
.id-leading-\[17px\] {
  line-height: 17px;
}
.id-leading-\[18px\] {
  line-height: 18px;
}
.id-leading-\[20px\] {
  line-height: 20px;
}
.id-leading-\[22px\] {
  line-height: 22px;
}
.id-leading-\[24px\] {
  line-height: 24px;
}
.id-leading-\[26px\] {
  line-height: 26px;
}
.id-leading-\[28px\] {
  line-height: 28px;
}
.id-leading-\[29px\] {
  line-height: 29px;
}
.id-leading-\[30px\] {
  line-height: 30px;
}
.id-leading-\[38px\] {
  line-height: 38px;
}
.id-leading-\[40px\] {
  line-height: 40px;
}
.id-leading-\[50px\] {
  line-height: 50px;
}
.id-leading-\[77px\] {
  line-height: 77px;
}
.id-leading-none {
  line-height: 1;
}
.id-leading-normal {
  line-height: 1.5;
}
.id-leading-relaxed {
  line-height: 1.625;
}
.id-leading-tight {
  line-height: 1.25;
}
.id-tracking-\[-0\.048px\] {
  letter-spacing: -0.048px;
}
.id-tracking-\[-0\.3px\] {
  letter-spacing: -0.3px;
}
.id-tracking-\[-0\.6px\] {
  letter-spacing: -0.6px;
}
.id-tracking-\[0\] {
  letter-spacing: 0;
}
.id-tracking-normal {
  letter-spacing: 0em;
}
.id-tracking-tight {
  letter-spacing: -0.025em;
}
.id-tracking-wider {
  letter-spacing: 0.05em;
}
.id-tracking-widest {
  letter-spacing: 0.1em;
}
.\!id-text-\[\#666\] {
  --tw-text-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--tw-text-opacity, 1)) !important;
}
.\!id-text-white {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
}
.id-text-\[\#00346e\] {
  --tw-text-opacity: 1;
  color: #00346e;
  color: rgba(0, 52, 110, var(--tw-text-opacity, 1));
}
.id-text-\[\#0066CC\] {
  --tw-text-opacity: 1;
  color: #06c;
  color: rgba(0, 102, 204, var(--tw-text-opacity, 1));
}
.id-text-\[\#222222\],
.id-text-\[\#222\] {
  --tw-text-opacity: 1;
  color: #222;
  color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
}
.id-text-\[\#333333\],
.id-text-\[\#333\] {
  --tw-text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--tw-text-opacity, 1));
}
.id-text-\[\#373635\] {
  --tw-text-opacity: 1;
  color: #373635;
  color: rgba(55, 54, 53, var(--tw-text-opacity, 1));
}
.id-text-\[\#444\] {
  --tw-text-opacity: 1;
  color: #444;
  color: rgba(68, 68, 68, var(--tw-text-opacity, 1));
}
.id-text-\[\#4B1D1F\],
.id-text-\[\#4b1d1f\] {
  --tw-text-opacity: 1;
  color: #4b1d1f;
  color: rgba(75, 29, 31, var(--tw-text-opacity, 1));
}
.id-text-\[\#636363\] {
  --tw-text-opacity: 1;
  color: #636363;
  color: rgba(99, 99, 99, var(--tw-text-opacity, 1));
}
.id-text-\[\#666666\],
.id-text-\[\#666\] {
  --tw-text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--tw-text-opacity, 1));
}
.id-text-\[\#767676\] {
  --tw-text-opacity: 1;
  color: #767676;
  color: rgba(118, 118, 118, var(--tw-text-opacity, 1));
}
.id-text-\[\#7c7c7c\] {
  --tw-text-opacity: 1;
  color: #7c7c7c;
  color: rgba(124, 124, 124, var(--tw-text-opacity, 1));
}
.id-text-\[\#888888\] {
  --tw-text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--tw-text-opacity, 1));
}
.id-text-\[\#999\] {
  --tw-text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--tw-text-opacity, 1));
}
.id-text-\[\#A75A00\] {
  --tw-text-opacity: 1;
  color: #a75a00;
  color: rgba(167, 90, 0, var(--tw-text-opacity, 1));
}
.id-text-\[\#DE0505\] {
  --tw-text-opacity: 1;
  color: #de0505;
  color: rgba(222, 5, 5, var(--tw-text-opacity, 1));
}
.id-text-\[\#F7421E\] {
  --tw-text-opacity: 1;
  color: #f7421e;
  color: rgba(247, 66, 30, var(--tw-text-opacity, 1));
}
.id-text-\[\#FDC6A2\] {
  --tw-text-opacity: 1;
  color: #fdc6a2;
  color: rgba(253, 198, 162, var(--tw-text-opacity, 1));
}
.id-text-\[\#FFFFFF\],
.id-text-\[\#FFF\] {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.id-text-\[\#ba0909\] {
  --tw-text-opacity: 1;
  color: #ba0909;
  color: rgba(186, 9, 9, var(--tw-text-opacity, 1));
}
.id-text-\[\#c70000\] {
  --tw-text-opacity: 1;
  color: #c70000;
  color: rgba(199, 0, 0, var(--tw-text-opacity, 1));
}
.id-text-\[\#f7421e\] {
  --tw-text-opacity: 1;
  color: #f7421e;
  color: rgba(247, 66, 30, var(--tw-text-opacity, 1));
}
.id-text-\[\#ff6a00\] {
  --tw-text-opacity: 1;
  color: #ff6a00;
  color: rgba(255, 106, 0, var(--tw-text-opacity, 1));
}
.id-text-\[rgb\(167\,90\,0\)\] {
  --tw-text-opacity: 1;
  color: #a75a00;
  color: rgba(167, 90, 0, var(--tw-text-opacity, 1));
}
.id-text-\[var\(--coupon-text-color\)\] {
  color: var(--coupon-text-color);
}
.id-text-black {
  --tw-text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}
.id-text-blue-600 {
  --tw-text-opacity: 1;
  color: #2563eb;
  color: rgba(37, 99, 235, var(--tw-text-opacity, 1));
}
.id-text-card-foreground {
  color: #09090b;
  color: hsl(var(--card-foreground));
}
.id-text-destructive-foreground {
  color: #fafafa;
  color: hsl(var(--destructive-foreground));
}
.id-text-foreground {
  color: #09090b;
  color: hsl(var(--foreground));
}
.id-text-gray-200 {
  --tw-text-opacity: 1;
  color: #e5e7eb;
  color: rgba(229, 231, 235, var(--tw-text-opacity, 1));
}
.id-text-gray-400 {
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.id-text-gray-500 {
  --tw-text-opacity: 1;
  color: #6b7280;
  color: rgba(107, 114, 128, var(--tw-text-opacity, 1));
}
.id-text-gray-600 {
  --tw-text-opacity: 1;
  color: #4b5563;
  color: rgba(75, 85, 99, var(--tw-text-opacity, 1));
}
.id-text-gray-800 {
  --tw-text-opacity: 1;
  color: #1f2937;
  color: rgba(31, 41, 55, var(--tw-text-opacity, 1));
}
.id-text-gray-900 {
  --tw-text-opacity: 1;
  color: #111827;
  color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
}
.id-text-green-700 {
  --tw-text-opacity: 1;
  color: #15803d;
  color: rgba(21, 128, 61, var(--tw-text-opacity, 1));
}
.id-text-highlight {
  color: #f60;
  color: hsl(var(--highlight));
}
.id-text-highlight-dark {
  color: #e10505;
  color: hsl(var(--highlight-dark));
}
.id-text-inherit {
  color: inherit;
}
.id-text-muted {
  color: #f4f4f5;
  color: hsl(var(--muted));
}
.id-text-muted-foreground {
  color: #71717a;
  color: hsl(var(--muted-foreground));
}
.id-text-popover-foreground {
  color: #09090b;
  color: hsl(var(--popover-foreground));
}
.id-text-primary {
  color: #18181b;
  color: hsl(var(--primary));
}
.id-text-primary-foreground {
  color: #fafafa;
  color: hsl(var(--primary-foreground));
}
.id-text-secondary-foreground {
  color: #18181b;
  color: hsl(var(--secondary-foreground));
}
.id-text-white {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.id-underline {
  text-decoration-line: underline;
}
.id-line-through {
  text-decoration-line: line-through;
}
.id-no-underline {
  text-decoration-line: none;
}
.id-underline-offset-4 {
  text-underline-offset: 4px;
}
.id-opacity-0 {
  opacity: 0;
}
.id-opacity-5 {
  opacity: 0.05;
}
.id-opacity-50 {
  opacity: 0.5;
}
.id-opacity-60 {
  opacity: 0.6;
}
.id-opacity-70 {
  opacity: 0.7;
}
.id-mix-blend-darken {
  mix-blend-mode: darken;
}
.id-shadow-\[0_-4px_8px_0_rgba\(0\,0\,0\,0\.04\)\] {
  --tw-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0 -4px 8px 0 var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 -4px 8px #0000000a;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0_2px_3px_0_rgba\(74\,74\,74\,0\.2\)\] {
  --tw-shadow: 0 2px 3px 0 rgba(74, 74, 74, 0.2);
  --tw-shadow-colored: 0 2px 3px 0 var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 2px 3px #4a4a4a33;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0_2px_6px_2px_rgba\(0\,0\,0\,0\.12\)\] {
  --tw-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
  --tw-shadow-colored: 0 2px 6px 2px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 2px 6px 2px #0000001f;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0px_-4px_8px_0px_\#0000000a\] {
  --tw-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.03922);
  --tw-shadow-colored: 0px -4px 8px 0px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 -4px 8px #0000000a;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0px_2px_6px_2px_rgba\(0\,0\,0\,0\.04\)\] {
  --tw-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 0px 2px 6px 2px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 2px 6px 2px #0000000a;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-cards {
  --tw-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 0 10px #0000001a;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-lg {
  --tw-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored:
    0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px #0000001a,
    0 4px 6px -4px #0000001a;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-md {
  --tw-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored:
    0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 4px 6px -1px #0000001a,
    0 2px 4px -2px #0000001a;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 1px 2px #0000000d;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.id-outline-0 {
  outline-width: 0px;
}
.id-ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.id-backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: blur(4px) 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: blur(4px) 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);
  -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);
}
.id-transition {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.id-transition-\[0\.4s\] {
  transition-property: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.id-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.id-transition-colors {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.id-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.id-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.id-duration-150 {
  transition-duration: 0.15s;
}
.id-duration-200 {
  transition-duration: 0.2s;
}
.id-duration-300 {
  transition-duration: 0.3s;
}
.id-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.id-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {
  0% {
    opacity: 1;
    opacity: var(--tw-enter-opacity, 1);
    transform: translateZ(0) scaleZ(1) rotate(0);
    transform: translate3d(
        var(--tw-enter-translate-x, 0),
        var(--tw-enter-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1)
      )
      rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: 1;
    opacity: var(--tw-exit-opacity, 1);
    transform: translateZ(0) scaleZ(1) rotate(0);
    transform: translate3d(
        var(--tw-exit-translate-x, 0),
        var(--tw-exit-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1)
      )
      rotate(var(--tw-exit-rotate, 0));
  }
}
.id-animate-in {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.id-fade-in-0 {
  --tw-enter-opacity: 0;
}
.id-zoom-in-95 {
  --tw-enter-scale: 0.95;
}
.id-duration-150 {
  animation-duration: 0.15s;
}
.id-duration-200 {
  animation-duration: 0.2s;
}
.id-duration-300 {
  animation-duration: 0.3s;
}
.id-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.id-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.id-scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.id-scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.id-z-foreground {
  z-index: 10000;
}
.sc-hd-prefix-mask,
.sc-hd-prefix2-dialog-normal {
  pointer-events: auto;
}
@font-face {
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw_8ba4185f.woff2)
    format("woff2");
  font-family: Inter;
  font-display: swap;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  background-color: #fff;
  background-color: hsl(var(--background));
  color: #09090b;
  color: hsl(var(--foreground));
  font-family:
    Inter,
    SF Pro Text,
    Roboto,
    Helvetica Neue,
    Helvetica,
    Tahoma,
    Arial,
    PingFang SC,
    Microsoft YaHei;
}
.details-page a:not([class*="magic"]) {
  color: #222;
}
body.no-scroll {
  overflow: hidden;
}
.first-line\:id-break-words:first-line {
  word-wrap: break-word;
}
.before\:id-absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:id-bottom-1:before {
  content: var(--tw-content);
  bottom: 0.25rem;
}
.before\:id-left-\[-16px\]:before {
  content: var(--tw-content);
  left: -16px;
}
html[dir="rtl"] .before\:id-left-\[-16px\]:before {
  left: auto;
  right: -16px;
}
.before\:id-top-1:before {
  content: var(--tw-content);
  top: 0.25rem;
}
.before\:id-w-px:before {
  content: var(--tw-content);
  width: 1px;
}
.before\:id-bg-\[\#DDDDDD\]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: #ddd;
  background-color: rgba(221, 221, 221, var(--tw-bg-opacity, 1));
}
.before\:id-content-\[\"\"\]:before {
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.after\:id-absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:id-bottom-\[-7px\]:after {
  content: var(--tw-content);
  bottom: -7px;
}
.after\:id-content-\[\'\'\]:after {
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}
.first\:id-mt-0:first-child {
  margin-top: 0;
}
.first\:id-rounded-tl-\[8px\]:first-child {
  border-top-left-radius: 8px;
}
html[dir="rtl"] .first\:id-rounded-tl-\[8px\]:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 8px;
}
.last\:id-rounded-tr-\[8px\]:last-child {
  border-top-right-radius: 8px;
}
html[dir="rtl"] .last\:id-rounded-tr-\[8px\]:last-child {
  border-top-right-radius: 0;
  border-top-left-radius: 8px;
}
.last\:id-border-b-0:last-child {
  border-bottom-width: 0px;
}
.hover\:id-translate-y-\[-4px\]:hover {
  --tw-translate-y: -4px;
  transform: translate(var(--tw-translate-x), -4px) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:id-cursor-crosshair:hover {
  cursor: crosshair;
}
.hover\:id-cursor-pointer:hover {
  cursor: pointer;
}
.hover\:id-border-\[1px\]:hover {
  border-width: 1px;
}
.hover\:id-border-solid:hover {
  border-style: solid;
}
.hover\:id-border-\[\#222\]:hover {
  --tw-border-opacity: 1;
  border-color: #222;
  border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1));
}
.hover\:id-border-black:hover {
  --tw-border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.hover\:id-border-orange-300:hover {
  --tw-border-opacity: 1;
  border-color: #fdba74;
  border-color: rgba(253, 186, 116, var(--tw-border-opacity, 1));
}
.hover\:id-bg-\[\#F0F0F0\]:hover {
  --tw-bg-opacity: 1;
  background-color: #f0f0f0;
  background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-\[\#F4F4F4\]:hover,
.hover\:id-bg-\[\#f4f4f4\]:hover {
  --tw-bg-opacity: 1;
  background-color: #f4f4f4;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-\[\#f5f5f5\]:hover {
  --tw-bg-opacity: 1;
  background-color: #f5f5f5;
  background-color: rgba(245, 245, 245, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-\[rgba\(0\,0\,0\,0\.12\)\]:hover {
  background-color: #0000001f;
}
.hover\:id-bg-accent:hover {
  background-color: #f4f4f5;
  background-color: hsl(var(--accent));
}
.hover\:id-bg-black\/50:hover {
  background-color: #00000080;
}
.hover\:id-bg-destructive\/90:hover {
  background-color: #ef4343e6;
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:id-bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: #f3f4f6;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: #f9fafb;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-muted\/50:hover {
  background-color: #f4f4f580;
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:id-bg-secondary\/80:hover {
  background-color: #f4f4f5cc;
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:id-bg-white\/50:hover {
  background-color: #ffffff80;
}
.hover\:id-font-bold:hover {
  font-weight: 700;
}
.hover\:id-text-\[\#222\]:hover {
  --tw-text-opacity: 1;
  color: #222;
  color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
}
.hover\:id-text-\[\#666666\]:hover,
.hover\:id-text-\[\#666\]:hover {
  --tw-text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--tw-text-opacity, 1));
}
.hover\:id-text-accent-foreground:hover {
  color: #18181b;
  color: hsl(var(--accent-foreground));
}
.hover\:id-text-black:hover {
  --tw-text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}
.hover\:id-text-foreground:hover {
  color: #09090b;
  color: hsl(var(--foreground));
}
.hover\:id-text-primary:hover {
  color: #18181b;
  color: hsl(var(--primary));
}
.hover\:id-underline:hover {
  text-decoration-line: underline;
}
.hover\:\!id-opacity-100:hover {
  opacity: 1 !important;
}
.hover\:id-opacity-100:hover {
  opacity: 1;
}
.hover\:id-opacity-90:hover {
  opacity: 0.9;
}
.focus\:id-bg-accent:focus {
  background-color: #f4f4f5;
  background-color: hsl(var(--accent));
}
.focus\:id-text-accent-foreground:focus {
  color: #18181b;
  color: hsl(var(--accent-foreground));
}
.focus\:id-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:id-ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
.focus\:id-ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
.focus\:id-ring-\[\#222\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(34, 34, 34, var(--tw-ring-opacity, 1));
}
.focus\:id-ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:id-ring-transparent:focus {
  --tw-ring-color: transparent;
}
.focus\:id-ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:id-outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:id-ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
.focus-visible\:id-ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
.focus-visible\:id-ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:id-ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.active\:id-scale-95:active {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(0.95) scaleY(0.95);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:id-bg-\[\#E8E8E8\]:active {
  --tw-bg-opacity: 1;
  background-color: #e8e8e8;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity, 1));
}
.disabled\:id-pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:id-pointer-events-auto:disabled {
  pointer-events: auto;
}
.disabled\:id-hidden:disabled {
  display: none;
}
.disabled\:id-cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:id-border-gray-200:disabled {
  --tw-border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}
.disabled\:id-bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: #f3f4f6;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}
.disabled\:id-text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: #9ca3af;
  color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.disabled\:id-opacity-0:disabled {
  opacity: 0;
}
.disabled\:id-opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:id-opacity-50:disabled {
  opacity: 0.5;
}
.id-group:hover .group-hover\:id-text-primary {
  color: #18181b;
  color: hsl(var(--primary));
}
.id-group:hover .group-hover\:id-underline {
  text-decoration-line: underline;
}
.id-peer:checked ~ .peer-checked\:id-left-auto {
  left: auto;
}
html[dir="rtl"] .id-peer:checked ~ .peer-checked\:id-left-auto {
  left: auto;
  right: auto;
}
.id-peer:checked ~ .peer-checked\:id-right-0\.5 {
  right: 0.125rem;
}
html[dir="rtl"] .id-peer:checked ~ .peer-checked\:id-right-0\.5 {
  right: auto;
  left: 0.125rem;
}
.data-\[disabled\]\:id-pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[side\=bottom\]\:id-translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), 0.25rem) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:id--translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(-0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:id-translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:id--translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), -0.25rem) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=active\]\:id-border-b-4[data-state="active"] {
  border-bottom-width: 4px;
}
.data-\[state\=active\]\:id-border-t-\[3px\][data-state="active"] {
  border-top-width: 3px;
}
.data-\[state\=active\]\:id-border-b-black[data-state="active"] {
  --tw-border-opacity: 1;
  border-bottom-color: #000;
  border-bottom-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:id-border-t-\[\#FF6A00\][data-state="active"] {
  --tw-border-opacity: 1;
  border-top-color: #ff6a00;
  border-top-color: rgba(255, 106, 0, var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:id-bg-background[data-state="active"] {
  background-color: #fff;
  background-color: hsl(var(--background));
}
.data-\[state\=active\]\:id-bg-white[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:id-bg-accent[data-state="open"] {
  background-color: #f4f4f5;
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:id-bg-secondary[data-state="open"] {
  background-color: #f4f4f5;
  background-color: hsl(var(--secondary));
}
.data-\[state\=selected\]\:id-bg-muted[data-state="selected"] {
  background-color: #f4f4f5;
  background-color: hsl(var(--muted));
}
.data-\[state\=active\]\:id-font-\[700\][data-state="active"] {
  font-weight: 700;
}
.data-\[state\=active\]\:id-font-semibold[data-state="active"] {
  font-weight: 600;
}
.data-\[placeholder\]\:id-text-muted-foreground[data-placeholder] {
  color: #71717a;
  color: hsl(var(--muted-foreground));
}
.data-\[state\=active\]\:id-text-black[data-state="active"] {
  --tw-text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:id-text-foreground[data-state="active"] {
  color: #09090b;
  color: hsl(var(--foreground));
}
.data-\[disabled\]\:id-opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=active\]\:id-shadow-none[data-state="active"] {
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.data-\[state\=active\]\:id-shadow-sm[data-state="active"] {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 1px 2px #0000000d;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.data-\[state\=closed\]\:id-duration-300[data-state="closed"] {
  transition-duration: 0.3s;
}
.data-\[state\=open\]\:id-duration-500[data-state="open"] {
  transition-duration: 0.5s;
}
.data-\[state\=open\]\:id-animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:id-animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 0.15s;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:id-fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:id-fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:id-zoom-out-95[data-state="closed"] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:id-zoom-in-95[data-state="open"] {
  --tw-enter-scale: 0.95;
}
.data-\[side\=bottom\]\:id-slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:id-slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:id-slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:id-slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:id-slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:id-slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:id-slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:id-slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:id-slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:id-slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:id-slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:id-slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:id-slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:id-slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:id-slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:id-slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
.data-\[state\=closed\]\:id-duration-300[data-state="closed"] {
  animation-duration: 0.3s;
}
.data-\[state\=open\]\:id-duration-500[data-state="open"] {
  animation-duration: 0.5s;
}
@media (max-width: 1280px) {
  .max-\[1280px\]\:id-w-\[76px\] {
    width: 76px;
  }
}
@media (min-width: 390px) {
  .min-\[390px\]\:id-aspect-auto {
    aspect-ratio: auto;
  }
  .min-\[390px\]\:id-h-\[390px\] {
    height: 390px;
  }
}
@media (min-width: 1200px) {
  .sm\:id-mr-0 {
    margin-right: 0;
  }
  html[dir="rtl"] .sm\:id-mr-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .sm\:id-mr-5 {
    margin-right: 1.25rem;
  }
  html[dir="rtl"] .sm\:id-mr-5 {
    margin-right: 0;
    margin-left: 1.25rem;
  }
  .sm\:id-mr-6 {
    margin-right: 1.5rem;
  }
  html[dir="rtl"] .sm\:id-mr-6 {
    margin-right: 0;
    margin-left: 1.5rem;
  }
  .sm\:id-h-\[36px\] {
    height: 36px;
  }
  .sm\:id-w-\[600px\] {
    width: 600px;
  }
  .sm\:id-w-screenSm {
    width: 1200px;
  }
  .sm\:id-max-w-none {
    max-width: none;
  }
  .sm\:id-max-w-sm {
    max-width: 24rem;
  }
  .sm\:id-flex-row {
    flex-direction: row;
  }
  .sm\:id-justify-end {
    justify-content: flex-end;
  }
  .sm\:id-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: 0rem;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
    margin-left: 0.5rem;
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  html[dir="rtl"] .sm\:id-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(0.5rem * var(--tw-space-x-reverse));
    margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:id-rounded-lg {
    border-radius: 0.5rem;
    border-radius: var(--radius);
  }
  .sm\:id-text-left {
    text-align: left;
  }
  html[dir="rtl"] .sm\:id-text-left {
    text-align: right;
  }
  .sm\:id-text-\[12px\] {
    font-size: 12px;
  }
  .sm\:id-leading-\[36px\] {
    line-height: 36px;
  }
}
@media (min-width: 1240px) {
  .md\:id-w-screenMd {
    width: 1240px;
  }
}
@media (min-width: 1280px) {
  .min-\[1280px\]\:id-w-\[116px\] {
    width: 116px;
  }
}
@media (min-width: 1360px) {
  .min-\[1360px\]\:id-w-\[156px\] {
    width: 156px;
  }
}
@media (min-width: 1440px) {
  .lg\:id-w-screenLg {
    width: 1440px;
  }
  .id-dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover {
    paint-order: markers;
  }
}
.ltr\:id-end-5:where([dir="ltr"], [dir="ltr"] *) {
  inset-inline-end: 1.25rem;
}
.ltr\:id--translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *) {
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.ltr\:id-text-left:where([dir="ltr"], [dir="ltr"] *) {
  text-align: left;
}
.rtl\:id-left-0:where([dir="rtl"], [dir="rtl"] *) {
  left: 0;
}
html[dir="rtl"] .rtl\:id-left-0:where([dir="rtl"], [dir="rtl"] *) {
  left: auto;
  right: 0;
}
.rtl\:id-left-auto:where([dir="rtl"], [dir="rtl"] *) {
  left: auto;
}
html[dir="rtl"] .rtl\:id-left-auto:where([dir="rtl"], [dir="rtl"] *) {
  left: auto;
  right: auto;
}
.rtl\:id-right-0:where([dir="rtl"], [dir="rtl"] *) {
  right: 0;
}
html[dir="rtl"] .rtl\:id-right-0:where([dir="rtl"], [dir="rtl"] *) {
  right: auto;
  left: 0;
}
.rtl\:id-right-6:where([dir="rtl"], [dir="rtl"] *) {
  right: 1.5rem;
}
html[dir="rtl"] .rtl\:id-right-6:where([dir="rtl"], [dir="rtl"] *) {
  right: auto;
  left: 1.5rem;
}
.rtl\:id-right-\[50\%\]:where([dir="rtl"], [dir="rtl"] *) {
  right: 50%;
}
html[dir="rtl"] .rtl\:id-right-\[50\%\]:where([dir="rtl"], [dir="rtl"] *) {
  right: auto;
  left: 50%;
}
.rtl\:id-start-5:where([dir="rtl"], [dir="rtl"] *) {
  inset-inline-start: 1.25rem;
}
.rtl\:id-mx-auto:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: auto;
  margin-right: auto;
}
.rtl\:id-mr-1:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.25rem;
}
html[dir="rtl"] .rtl\:id-mr-1:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0;
  margin-left: 0.25rem;
}
.rtl\:id-mr-3:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.75rem;
}
html[dir="rtl"] .rtl\:id-mr-3:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0;
  margin-left: 0.75rem;
}
.rtl\:id-mr-\[10px\]:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 10px;
}
html[dir="rtl"] .rtl\:id-mr-\[10px\]:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0;
  margin-left: 10px;
}
.rtl\:id-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: 50%;
  transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:id-rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:id-scale-x-\[-1\]:where([dir="rtl"], [dir="rtl"] *) {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(-1) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:id-text-left:where([dir="rtl"], [dir="rtl"] *) {
  text-align: left;
}
html[dir="rtl"] .rtl\:id-text-left:where([dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}
.rtl\:data-\[state\=closed\]\:id-slide-out-to-left[data-state="closed"]:where(
    [dir="rtl"],
    [dir="rtl"] *
  ) {
  --tw-exit-translate-x: -100%;
}
.rtl\:data-\[state\=open\]\:id-slide-in-from-left[data-state="open"]:where(
    [dir="rtl"],
    [dir="rtl"] *
  ) {
  --tw-enter-translate-x: -100%;
}
.\[\&\:\:-webkit-scrollbar\]\:id-hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:id-pr-0:has([role="checkbox"]) {
  padding-right: 0;
}
html[dir="rtl"]
  .\[\&\:has\(\[role\=checkbox\]\)\]\:id-pr-0:has([role="checkbox"]) {
  padding-right: 0;
  padding-left: 0;
}
.\[\&\:not\(\:first-child\)\]\:id-border-l-\[0\.5px\]:not(:first-child) {
  border-left-width: 0.5px;
}
html[dir="rtl"]
  .\[\&\:not\(\:first-child\)\]\:id-border-l-\[0\.5px\]:not(:first-child) {
  border-left-width: medium;
  border-right-width: 0.5px;
}
.\[\&\:not\(\:last-child\)\]\:id-border-r-\[0\.5px\]:not(:last-child) {
  border-right-width: 0.5px;
}
html[dir="rtl"]
  .\[\&\:not\(\:last-child\)\]\:id-border-r-\[0\.5px\]:not(:last-child) {
  border-right-width: medium;
  border-left-width: 0.5px;
}
.\[\&\>\.highlight-dot\]\:id-size-\[5px\] > .highlight-dot {
  width: 5px;
  height: 5px;
}
.\[\&\>\.highlight-dot\]\:id-shrink-0 > .highlight-dot {
  flex-shrink: 0;
}
.\[\&\>\.highlight-dot\]\:id-translate-y-\[10\.5px\] > .highlight-dot {
  --tw-translate-y: 10.5px;
  transform: translate(var(--tw-translate-x), 10.5px) rotate(var(--tw-rotate))
    skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>\.highlight-dot\]\:id-rounded-full > .highlight-dot {
  border-radius: 9999px;
}
.\[\&\>\.highlight-dot\]\:id-bg-\[\#222\] > .highlight-dot {
  --tw-bg-opacity: 1;
  background-color: #222;
  background-color: rgba(34, 34, 34, var(--tw-bg-opacity, 1));
}
.\[\&\>b\]\:id-font-semibold > b {
  font-weight: 600;
}
.\[\&\>div\]\:id-mt-4 > div {
  margin-top: 1rem;
}
.\[\&\>div\]\:id-table-cell > div {
  display: table-cell;
}
.\[\&\>div\]\:id-border-\[1px\] > div {
  border-width: 1px;
}
.\[\&\>div\]\:id-border-solid > div {
  border-style: solid;
}
.\[\&\>div\]\:id-border-\[\#ddd\] > div {
  --tw-border-opacity: 1;
  border-color: #ddd;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1));
}
.\[\&\>div\]\:id-p-4 > div {
  padding: 1rem;
}
.\[\&\>div\]\:id-px-4 > div {
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&\>div\]\:id-py-\[6px\] > div {
  padding-top: 6px;
  padding-bottom: 6px;
}
.\[\&\>div\]\:id-leading-\[18px\] > div {
  line-height: 18px;
}
.\[\&\>img\]\:\!id-mx-auto > img {
  margin-left: auto !important;
  margin-right: auto !important;
}
.\[\&\>img\]\:id-mb-0\.5 > img {
  margin-bottom: 0.125rem;
}
.\[\&\>img\]\:id-mb-2 > img {
  margin-bottom: 0.5rem;
}
.\[\&\>img\]\:id-mb-\[3px\] > img {
  margin-bottom: 3px;
}
.\[\&\>img\]\:id-inline-block > img {
  display: inline-block;
}
.\[\&\>img\]\:id-inline > img {
  display: inline;
}
.\[\&\>img\]\:id-size-4 > img {
  width: 1rem;
  height: 1rem;
}
.\[\&\>img\]\:id-size-5 > img {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&\>img\]\:id-size-\[12px\] > img {
  width: 12px;
  height: 12px;
}
.\[\&\>img\]\:id-size-\[14px\] > img {
  width: 14px;
  height: 14px;
}
.\[\&\>img\]\:\!id-h-full > img {
  height: 100% !important;
}
.\[\&\>img\]\:id-h-3 > img {
  height: 0.75rem;
}
.\[\&\>img\]\:\!id-w-auto > img {
  width: auto !important;
}
.\[\&\>img\]\:id-align-middle > img {
  vertical-align: middle;
}
.\[\&\>s\]\:id-text-sm > s {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&\>s\]\:id-font-normal > s {
  font-weight: 400;
}
.\[\&\>span\]\:id-mt-4 > span {
  margin-top: 1rem;
}
.\[\&\>span\]\:id-line-clamp-1 > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>span\]\:id-line-clamp-2 > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\[\&\>span\]\:id-block > span {
  display: block;
}
.\[\&\>span\]\:id-w-full > span {
  width: 100%;
}
.\[\&\>span\]\:id-text-highlight-dark > span {
  color: #e10505;
  color: hsl(var(--highlight-dark));
}
.\[\&\>svg\]\:id-size-3\.5 > svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\]\:id-size-5 > svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&\>svg\]\:id-size-6 > svg {
  width: 1.5rem;
  height: 1.5rem;
}
.\[\&\>tr\]\:last\:id-border-b-0:last-child > tr {
  border-bottom-width: 0px;
}
.\[\&\>u\]\:id-no-underline > u {
  text-decoration-line: none;
}
.\[\&_\.chatbox-tip\]\:id-mx-0 .chatbox-tip {
  margin-left: 0;
  margin-right: 0;
}
.\[\&_\.chatbox-tip\]\:id-mb-0 .chatbox-tip {
  margin-bottom: 0;
}
.\[\&_b\]\:id-font-semibold b {
  font-weight: 600;
}
.\[\&_img\]\:id-mx-1 img {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.\[\&_img\]\:id-mr-2 img {
  margin-right: 0.5rem;
}
html[dir="rtl"] .\[\&_img\]\:id-mr-2 img {
  margin-right: 0;
  margin-left: 0.5rem;
}
.\[\&_img\]\:id-ms-1 img {
  margin-inline-start: 0.25rem;
}
.\[\&_img\]\:id-inline-block img {
  display: inline-block;
}
.\[\&_img\]\:id-inline img {
  display: inline;
}
.\[\&_img\]\:id-h-4 img {
  height: 1rem;
}
.\[\&_img\]\:id-h-\[12px\] img {
  height: 12px;
}
.\[\&_img\]\:id-w-auto img {
  width: auto;
}
.\[\&_img\]\:id-align-baseline img {
  vertical-align: baseline;
}
.\[\&_img\]\:id-align-middle img {
  vertical-align: middle;
}
.\[\&_img\]\:id-align-bottom img {
  vertical-align: bottom;
}
.\[\&_img\]\:id-align-text-bottom img {
  vertical-align: text-bottom;
}
.\[\&_span\]\:id-inline-block span {
  display: inline-block;
}
.\[\&_svg\]\:id-size-3 svg {
  width: 0.75rem;
  height: 0.75rem;
}
.\[\&_svg\]\:id-size-\[14px\] svg {
  width: 14px;
  height: 14px;
}
.\[\&_tr\:last-child\]\:id-border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:id-border-b tr {
  border-bottom-width: 1px;
}
.sticky .\[\.sticky_\&\]\:id-border-t {
  border-top-width: 1px;
}
.sticky .\[\.sticky_\&\]\:id-pb-5 {
  padding-bottom: 1.25rem;
}
.sticky .\[\.sticky_\&\]\:id-pt-5 {
  padding-top: 1.25rem;
}
.sticky .\[\.sticky_\&\]\:id-pt-\[14px\] {
  padding-top: 14px;
}