.sm[data-v-709ef3fa] {
      border-radius: 12px;
      font-size: 1rem;
      font-weight: 600;
      padding: .625rem .75rem
    }

    @media (min-width:640px) {
      .sm[data-v-709ef3fa] {
        font-size: 1.125rem
      }
    }

    @media (min-width:1024px) {
      .sm[data-v-709ef3fa] {
        border-radius: .5rem
      }
    }

    .md[data-v-709ef3fa] {
      border-radius: 12px;
      font-size: 1rem;
      font-weight: 600;
      padding: 1.125rem .75rem
    }

    @media (min-width:640px) {
      .md[data-v-709ef3fa] {
        font-size: 1.125rem
      }
    }

    .lg[data-v-709ef3fa] {
      border-radius: 20px;
      font-size: 1rem;
      font-weight: 600;
      padding: 1.125rem .75rem
    }

    @media (min-width:640px) {
      .lg[data-v-709ef3fa] {
        font-size: 1.125rem
      }
    }

    .primary[data-v-709ef3fa] {
      --tw-bg-opacity: 1;
      background-color: rgb(219 0 0/var(--tw-bg-opacity, 1));
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .primary[data-v-709ef3fa]:active {
      background-color: #db0000e6;
      box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d
    }

    .secondary[data-v-709ef3fa] {
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      color: rgb(4 4 4/var(--tw-text-opacity, 1))
    }

    .secondary[data-v-709ef3fa],
    .secondary[data-v-709ef3fa]:active {
      background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .secondary[data-v-709ef3fa]:active {
      --tw-bg-opacity: 1;
      box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #98a2b324
    }

    .vip[data-v-709ef3fa] {
      background: linear-gradient(114deg, #cc7600, #f5cd70 74.37%, #cc7600);
      border-radius: 20px;
      font-size: 1rem;
      font-weight: 600;
      padding: 1rem 1.25rem;
      text-shadow: 0 0 9px #a27007, 0 0 21px rgba(162, 112, 7, .6)
    }

    .vip[data-v-709ef3fa]:active {
      box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #98a2b324;
      opacity: .9
    }

    .primary.disabled[data-v-709ef3fa],
    .primary[data-v-709ef3fa]:disabled,
    .secondary.disabled[data-v-709ef3fa],
    .secondary[data-v-709ef3fa]:disabled,
    .vip.disabled[data-v-709ef3fa],
    .vip[data-v-709ef3fa]:disabled {
      cursor: not-allowed;
      opacity: .25;
      pointer-events: none
    }

    @media (hover:hover) and (pointer:fine) {

      .primary[data-v-709ef3fa]:hover,
      .secondary[data-v-709ef3fa]:hover,
      .vip[data-v-709ef3fa]:hover {
        cursor: pointer;
        opacity: .8
      }
    }
	    .nuxt-icon {
      height: 1em;
      vertical-align: middle;
      width: 1em
    }

    .nuxt-icon--fill,
    .nuxt-icon--fill * {
      fill: currentColor
    }
	.swiper-pagination-custom-horizontal {
      bottom: .625rem;
      display: flex;
      left: 50%;
      position: absolute;
      width: 100%;
      --tw-translate-x: -50%;
      align-items: center;
      flex-wrap: wrap;
      gap: .375rem;
      justify-content: center;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      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))
    }

    .swiper-pagination-custom-bullet {
      background-color: #fff6;
      border-radius: 9999px;
      flex-basis: auto;
      flex-grow: 0;
      flex-shrink: 0;
      height: .375rem;
      transition-duration: .5s;
      transition-property: width, background-color;
      transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      width: .375rem
    }

    .swiper-pagination-custom-bullet-active {
      width: 1rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }
	.dual-view-badge-bg[data-v-1865649c] {
      background: linear-gradient(0deg, #04040466, #04040466), #ffd4284d
    }