@keyframes pattern-animation-4006d337 {
0% {
        background-position: 0% 0%;
}
100% {
        background-position: 0% -100%;
}
}
.cta[data-v-4006d337] {
    background-repeat: repeat;
    animation: pattern-animation-4006d337 10s linear infinite;
}

.youtube-player-container[data-v-0699baa1] {
    position: relative;
    isolation: isolate;
}
.youtube-player-container[data-v-0699baa1] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
    z-index: 1;
}

/* Mobile fullscreen video covers entire screen without black bars */
.youtube-player-container.h-full[data-v-0699baa1] iframe {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: max(100%, calc(100vh * 9 / 16));
    height: max(100%, calc(100vw * 16 / 9));
}

/* Desktop only rounded corners on modal */
.youtube-player-container.rounded-lg[data-v-0699baa1] iframe {
    border-radius: 0.5rem;
}

/* Main interactive overlay covering the entire video */
.video-interactive-overlay[data-v-0699baa1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}

/* Dead zones that don't trigger pause/play */
.dead-zone-buttons[data-v-0699baa1] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    pointer-events: none;
}
.dead-zone-nav-left[data-v-0699baa1],
.dead-zone-nav-right[data-v-0699baa1] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    pointer-events: none;
}
.dead-zone-nav-left[data-v-0699baa1] {
    left: 0;
}
.dead-zone-nav-right[data-v-0699baa1] {
    right: 0;
}

/* Story actions container */
.story-actions-container[data-v-0699baa1] {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    z-index: 150;
    pointer-events: none;
    isolation: isolate;
}
.story-actions-container > *[data-v-0699baa1] {
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

/* Navigation buttons */
.navigation-button[data-v-0699baa1] {
    position: absolute;
    z-index: 151;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

/* Pause indicator */
.pause-indicator[data-v-0699baa1] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
    animation: fadeIn-0699baa1 0.2s ease-out;
}

/* Mute button */
.mute-button[data-v-0699baa1] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 200;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

/* Custom fadeIn to animate the pause indicator with natural shorts easing */
@keyframes fadeIn-0699baa1 {
from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
}
to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
}
}

.flip-clock[data-v-02616011] {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 0.6em;
    perspective: 600px;
    --flip-half-height: 0.80em;
    --flip-border-radius: 0.15em;
}
.flip-clock *[data-v-02616011],
.flip-clock *[data-v-02616011]::before,
.flip-clock *[data-v-02616011]::after {
    box-sizing: border-box;
}
.flip-clock__piece[data-v-02616011] {
    min-width: 6rem;
    display: inline-block;
}
.flip-card[data-v-02616011] {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(var(--secondary-600));
    --tw-shadow: var(--tw-shadow-colored);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(var(--secondary-600), var(--tw-border-opacity, 1));
    border-radius: var(--flip-border-radius) var(--flip-border-radius) var(--flip-border-radius) var(--flip-border-radius);
    display: block;
    position: relative;
    padding-bottom: var(--flip-half-height);
    line-height: 0.95;
}
.flip-card__top[data-v-02616011],
.flip-card__bottom[data-v-02616011],
.flip-card__back-bottom[data-v-02616011],
.flip-card__back[data-v-02616011]::before,
.flip-card__back[data-v-02616011]::after {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--secondary), var(--tw-bg-opacity, 1));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--secondary-400)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--secondary-400), 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--secondary-500)) var(--tw-gradient-to-position);
    display: block;
    height: var(--flip-half-height);
    color: white;
    padding: 0.27em 0.16em 0.5em;
    border-radius: var(--flip-border-radius) var(--flip-border-radius) 0 0;
    width: 100%;
}
.flip-card__bottom[data-v-02616011],
.flip-card__back-bottom[data-v-02616011] {
    border-top-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(var(--secondary-600), var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--secondary), var(--tw-bg-opacity, 1));
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
    --tw-gradient-from: rgb(var(--secondary-300)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(var(--secondary-300), 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--secondary-500)) var(--tw-gradient-to-position);
    color: white;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 0 0 var(--flip-border-radius) var(--flip-border-radius);
    pointer-events: none;
    overflow: hidden;
    z-index: 2;
}
.flip-card__back-bottom[data-v-02616011] {
    z-index: 1;
}
.flip-card__bottom[data-v-02616011]::after,
.flip-card__back-bottom[data-v-02616011]::after {
    display: block;
    margin-top: calc(var(--flip-half-height) * -1);
}
.flip-card__back[data-v-02616011]::before,
.flip-card__bottom[data-v-02616011]::after,
.flip-card__back-bottom[data-v-02616011]::after {
    content: attr(data-value);
}
.flip-card__back[data-v-02616011] {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    pointer-events: none;
}
.flip-card__back[data-v-02616011]::before {
    position: relative;
    overflow: hidden;
    z-index: -1;
}
.flip .flip-card__back[data-v-02616011]::before {
    z-index: 1;
    animation: flipTop-02616011 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
    animation-fill-mode: both;
    transform-origin: center bottom;
}
.flip .flip-card__bottom[data-v-02616011] {
    transform-origin: center top;
    animation-fill-mode: both;
    animation: flipBottom-02616011 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
}
@keyframes flipTop-02616011 {
0% {
        transform: rotateX(0deg);
        z-index: 2;
}
0%,
    99% {
        opacity: 1;
}
100% {
        transform: rotateX(-90deg);
        opacity: 0;
}
}
@keyframes flipBottom-02616011 {
0%,
    50% {
        z-index: -1;
        transform: rotateX(90deg) translateZ(0px);
        opacity: 0;
}
51% {
        opacity: 1;
}
100% {
        opacity: 1;
        transform: rotateX(0deg) translateZ(1px);
        z-index: 5;
}
}

.countdown-number[data-v-566a3706] {
    display: inline-block;
    width: 2ch;
    text-align: center;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.lm-marquee[data-v-40502463] {
    --lm-marquee-gap: 1.5rem;
}
.lm-marquee__content[data-v-40502463] {
    display: inline-flex;
    align-items: center;
    gap: var(--lm-marquee-gap);
    white-space: nowrap;
    min-width: 200%;
    animation-name: lm-marquee-left-40502463;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes lm-marquee-left-40502463 {
from {
        transform: translateX(0);
}
to {
        transform: translateX(-50%);
}
}

.combo-card-scroll[data-v-8a85b2a8] {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s;
}
.combo-card-scroll[data-v-8a85b2a8]::-webkit-scrollbar {
    width: 3px;
}
.combo-card-scroll[data-v-8a85b2a8]::-webkit-scrollbar-track {
    background: transparent;
}
.combo-card-scroll[data-v-8a85b2a8]::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 99px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

/* Always show scrollbar when content overflows */
.combo-card-scroll--has-scroll[data-v-8a85b2a8] {
    scrollbar-color: rgba(0 0 0 / 0.15) transparent;
}
.combo-card-scroll--has-scroll[data-v-8a85b2a8]::-webkit-scrollbar-thumb {
    background-color: rgba(0 0 0 / 0.15);
}
.fade-hint-enter-active[data-v-8a85b2a8],
.fade-hint-leave-active[data-v-8a85b2a8] {
    transition: opacity 0.2s ease;
}
.fade-hint-enter-from[data-v-8a85b2a8],
.fade-hint-leave-to[data-v-8a85b2a8] {
    opacity: 0;
}

.plans-grid[data-v-2c8dd8c2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
    align-items: stretch;
    gap: 1.25rem;
    width: 100%;
    justify-content: start;
}
.plan-single-card[data-v-2c8dd8c2] {
    width: 100%;
    max-width: 28rem;
}
.plans-scroll-inner[data-v-2c8dd8c2] {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr;
    gap: 0.95rem;
    width: -moz-max-content;
    width: max-content;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.plan-scroll-card[data-v-2c8dd8c2] {
    width: min(28rem, 85vw);
    min-height: 0;
    pointer-events: auto;
    -webkit-user-drag: none;
}

.popup-video-mute-button[data-v-94fb04d7] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 30;
}
.popup-youtube-container[data-v-94fb04d7] {
    position: relative;
    isolation: isolate;
}
.popup-youtube-container[data-v-94fb04d7] iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.popup-vertical-video-frame[data-v-94fb04d7] {
    width: min(
        424px,
        calc((80vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) * 9 / 16),
        calc(100vw - 2.5rem)
    );
    max-width: 100%;
    margin-inline: auto;
}
.popup-vertical-video-container[data-v-94fb04d7] {
    width: 100%;
    aspect-ratio: 9 / 16;
}
/** Hides ReCaptcha badge, in case we are using ReCaptcha */
.grecaptcha-badge {
  /** Do not use "display: none" here. */
  visibility: hidden;
}
/** Hides Turnstile badge, in case we are using Turnstile */
.cf-turnstile {
  /** Do not use "display: none" here. */
  visibility: hidden;
}
.lucky-chip[data-v-5136e875] {
    position: relative;
    display: inline-flex;
    min-width: -moz-fit-content;
    min-width: fit-content;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary), var(--tw-bg-opacity, 1));
    padding-left: calc(var(--lm-spacing) * 2);
    padding-right: calc(var(--lm-spacing) * 2);
    padding-top: calc(var(--lm-spacing) * 0.5);
    padding-bottom: calc(var(--lm-spacing) * 0.5);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.lucky-chip[data-v-5136e875]::before,
.lucky-chip[data-v-5136e875]::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 9999px;
    pointer-events: none;
}
.lucky-chip[data-v-5136e875]::before {
    top: 0px;
    left: -6px;
}
.lucky-chip[data-v-5136e875]::after {
    top: 0px;
    right: -6px;
}
.lucky-chip div[data-v-5136e875]:nth-child(2)::before,
.lucky-chip div[data-v-5136e875]:nth-child(2)::after {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 9999px;
    pointer-events: none;
}
.lucky-chip div[data-v-5136e875]:nth-child(2)::before {
    bottom: 0px;
    left: -6px;
}
.lucky-chip div[data-v-5136e875]:nth-child(2)::after {
    bottom: 0px;
    right: -6px;
}
.lucky-chip div[data-v-5136e875]:nth-child(3)::before,
.lucky-chip div[data-v-5136e875]:nth-child(3)::after {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 9999px;
    pointer-events: none;
}
.lucky-chip div[data-v-5136e875]:nth-child(3)::before {
    left: -2px;
}
.lucky-chip div[data-v-5136e875]:nth-child(3)::after {
    right: -2px;
}
.credit-card {
  perspective: 1000px;
}
.credit-card .inner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.credit-card .inner .card-back {
  backface-visibility: hidden;
  transform: rotateY(180deg);
}
.popular-badge[data-v-465d2572] {
    background: linear-gradient(
        90deg,
        #ff842c 0%,
        #ea580c 25%,
        #f74813 50%,
        #ea580c 75%,
        #fd700c 100%
    );
    background-size: 200% 100%;
    animation: gradient-shift-465d2572 3s linear infinite;
}
@keyframes gradient-shift-465d2572 {
0% {
        background-position: 0% 50%;
}
100% {
        background-position: 200% 50%;
}
}

@keyframes coupon-shake-zoom-7ef381c0 {
0%, 100% {
        transform: scale(1) translateX(0);
}
25% {
        transform: scale(1.1) translateX(-2px);
}
50% {
        transform: scale(1.15) translateX(2px);
}
75% {
        transform: scale(1.1) translateX(-1px);
}
}
.coupon-icon-animate[data-v-7ef381c0] {
    animation: coupon-shake-zoom-7ef381c0 1.5s ease-in-out infinite;
}

.draggable-wrapper[data-v-401bfad1] {
    cursor: grab;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.draggable-wrapper[data-v-401bfad1]:active {
    cursor: grabbing;
}
.draggable-wrapper--disabled[data-v-401bfad1] {
    cursor: default;
}
.draggable-wrapper--disabled[data-v-401bfad1]:active {
    cursor: default;
}

.change-amount-button[data-v-529f2b01] {
    transition-property: opacity;
    transition-duration: 200ms;
    border-width: 2px;
    border-color: var(--color-primary);
    border-radius: 9999px;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating-cart-panel-enter-right[data-v-ef3dca81] {
    animation-name: floating-cart-panel-enter-right-ef3dca81;
}
.floating-cart-panel-leave-right[data-v-ef3dca81] {
    animation-name: floating-cart-panel-leave-right-ef3dca81;
}
.floating-cart-panel-enter-left[data-v-ef3dca81] {
    animation-name: floating-cart-panel-enter-left-ef3dca81;
}
.floating-cart-panel-leave-left[data-v-ef3dca81] {
    animation-name: floating-cart-panel-leave-left-ef3dca81;
}
@keyframes floating-cart-panel-enter-right-ef3dca81 {
from {
        opacity: 0;
        transform: translateX(calc(100% + 2rem));
}
to {
        opacity: 1;
        transform: translateX(0);
}
}
@keyframes floating-cart-panel-leave-right-ef3dca81 {
from {
        opacity: 1;
        transform: translateX(0);
}
to {
        opacity: 0;
        transform: translateX(calc(100% + 2rem));
}
}
@keyframes floating-cart-panel-enter-left-ef3dca81 {
from {
        opacity: 0;
        transform: translateX(calc(-100% - 2rem));
}
to {
        opacity: 1;
        transform: translateX(0);
}
}
@keyframes floating-cart-panel-leave-left-ef3dca81 {
from {
        opacity: 1;
        transform: translateX(0);
}
to {
        opacity: 0;
        transform: translateX(calc(-100% - 2rem));
}
}

.change-amount-button {
    touch-action: none;
}
.change-amount-button .fa-fw {
    width: auto !important;
}
.hide-arrows::-webkit-outer-spin-button,
.hide-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hide-arrows {
    -moz-appearance: textfield;
}

.input-group-container[data-v-b20b02c1] {
    width: 100%;
}
.input-group-container > .shrink-0[data-v-b20b02c1] {
    flex-shrink: 0;
}
.input-group-container > .flex-1[data-v-b20b02c1] {
    flex: 1;
    min-width: 0;
}
.lm-placing-location__banner-group[data-v-54bb8305] img {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.masked[data-v-1f3e1ad9] {
    clip-path: polygon( 95.531% 15.826%,95.531% 15.826%,94.935% 14.248%,94.197% 12.747%,93.326% 11.33%,92.329% 10.006%,91.216% 8.784%,89.993% 7.67%,88.669% 6.674%,87.252% 5.803%,85.752% 5.065%,84.175% 4.47%,84.175% 4.47%,78.286% 2.861%,71.767% 1.609%,64.774% 0.715%,57.465% 0.179%,49.999% -0%,42.533% 0.179%,35.224% 0.715%,28.232% 1.609%,21.713% 2.861%,15.826% 4.47%,15.826% 4.47%,14.248% 5.065%,12.746% 5.803%,11.33% 6.674%,10.006% 7.67%,8.783% 8.784%,7.67% 10.006%,6.674% 11.33%,5.803% 12.747%,5.065% 14.248%,4.469% 15.826%,4.469% 15.826%,2.86% 21.714%,1.609% 28.233%,0.715% 35.225%,0.179% 42.534%,0% 50%,0.179% 57.466%,0.715% 64.775%,1.609% 71.767%,2.86% 78.287%,4.469% 84.174%,4.469% 84.174%,5.065% 85.752%,5.803% 87.253%,6.674% 88.67%,7.67% 89.994%,8.783% 91.216%,10.006% 92.33%,11.33% 93.326%,12.746% 94.197%,14.248% 94.934%,15.826% 95.53%,15.826% 95.53%,21.714% 97.139%,28.233% 98.391%,35.226% 99.285%,42.534% 99.821%,50% 100%,57.466% 99.821%,64.774% 99.285%,71.767% 98.391%,78.286% 97.139%,84.175% 95.53%,84.175% 95.53%,85.752% 94.934%,87.252% 94.197%,88.669% 93.326%,89.993% 92.33%,91.216% 91.216%,92.329% 89.994%,93.326% 88.67%,94.197% 87.253%,94.935% 85.752%,95.531% 84.174%,95.531% 84.174%,97.14% 78.287%,98.391% 71.767%,99.285% 64.775%,99.821% 57.466%,100% 50%,99.821% 42.534%,99.285% 35.225%,98.391% 28.233%,97.14% 21.714%,95.531% 15.826%);
}

.plan-showcase-card__benefits[data-v-7c31deba] li::before {
    content: "";
    position: absolute;
    top: 0.05rem;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 9999px;
    background-color: var(--plan-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem 0.75rem;
}
.plan-showcase-card__highlight[data-v-7c31deba]::-webkit-scrollbar {
    width: 6px;
}
.plan-showcase-card__highlight[data-v-7c31deba]::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background-color: color-mix(in srgb, var(--plan-color) 40%, transparent);
}
.plan-showcase-card__highlight[data-v-7c31deba]::-webkit-scrollbar-track {
    background-color: transparent;
}
.plan-showcase-card__benefits[data-v-7c31deba] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
    min-height: 0;
    flex: 1;
    font-size: 0.75rem;
    line-height: 1.25;
    color: #000000;
}
.plan-showcase-card__benefits[data-v-7c31deba] p { margin: 0;
}
.plan-showcase-card__benefits[data-v-7c31deba] ol,
.plan-showcase-card__benefits[data-v-7c31deba] ul {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.plan-showcase-card__benefits[data-v-7c31deba] li {
    position: relative;
    padding-left: 1.75rem;
    line-height: 1.25;
}
.plan-showcase-card__benefits[data-v-7c31deba] strong,
.plan-showcase-card__highlight[data-v-7c31deba] strong {
    font-weight: 600;
    color: var(--plan-color);
}

@keyframes status-pulse-ripple-4b57e8f7 {
0% {
        transform: translate(-50%, -50%) scale(0.95);
        box-shadow: 0 0 0 0 var(--status-pulse-color);
}
70% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 6px var(--status-pulse-color-fade);
}
100% {
        transform: translate(-50%, -50%) scale(0.95);
        box-shadow: 0 0 0 0 var(--status-pulse-color-fade);
}
}
.status-indicator-dot[data-v-4b57e8f7] {
    animation: status-pulse-ripple-4b57e8f7 2s infinite;
}

.subscription-card[data-v-7d7b3e2c] {
    --gradient-angle: 135deg;
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    padding: 1.5rem;
    color: white;
    background: linear-gradient(
        var(--gradient-angle),
        #6366f1, #8b5cf6, #a855f7, #d946ef, #ec4899
    );
    background-size: 300% 300%;
    animation: subscription-gradient-shift-7d7b3e2c 6s ease infinite;
}
@keyframes subscription-gradient-shift-7d7b3e2c {
0% { background-position: 0% 50%;
}
50% { background-position: 100% 50%;
}
100% { background-position: 0% 50%;
}
}
.subscription-card[data-v-7d7b3e2c]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%);
    pointer-events: none;
}
.subscription-card[data-v-7d7b3e2c]::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        rgba(255, 255, 255, 0.04) 60deg,
        transparent 120deg,
        transparent 360deg
    );
    animation: subscription-glow-rotate-7d7b3e2c 8s linear infinite;
    pointer-events: none;
}
@keyframes subscription-glow-rotate-7d7b3e2c {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.subscription-card__shimmer[data-v-7d7b3e2c] {
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.06) 40%,
        rgba(255, 255, 255, 0.12) 50%,
        rgba(255, 255, 255, 0.06) 60%,
        transparent 100%
    );
    animation: subscription-shimmer-7d7b3e2c 4s ease-in-out infinite;
    pointer-events: none;
}
@keyframes subscription-shimmer-7d7b3e2c {
0% { left: -100%;
}
100% { left: 200%;
}
}
.subscription-card__content[data-v-7d7b3e2c] {
    position: relative;
    z-index: 1;
}
.subscription-card__badge[data-v-7d7b3e2c] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 9999px;
    animation: subscription-badge-enter-7d7b3e2c 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    animation-delay: 0.2s;
}
@keyframes subscription-badge-enter-7d7b3e2c {
from {
        opacity: 0;
        transform: translateY(-8px) scale(0.9);
}
to {
        opacity: 1;
        transform: translateY(0) scale(1);
}
}
.subscription-card__title[data-v-7d7b3e2c] {
    margin-top: 0.75rem;
    font-size: 1.375rem;
    font-weight: 800;
    line-height: 1.2;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    animation: subscription-title-enter-7d7b3e2c 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    animation-delay: 0.35s;
}
@keyframes subscription-title-enter-7d7b3e2c {
from {
        opacity: 0;
        transform: translateY(12px);
}
to {
        opacity: 1;
        transform: translateY(0);
}
}
.subscription-card__billing-tag[data-v-7d7b3e2c] {
    display: inline-flex;
    align-items: center;
    margin-top: 0.375rem;
    padding: 0.1875rem 0.625rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: white;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.5rem;
    animation: subscription-tag-enter-7d7b3e2c 0.5s ease both;
    animation-delay: 0.5s;
}
@keyframes subscription-tag-enter-7d7b3e2c {
from {
        opacity: 0;
        transform: scale(0.85);
}
to {
        opacity: 1;
        transform: scale(1);
}
}
.subscription-card__description[data-v-7d7b3e2c] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
    animation: subscription-desc-enter-7d7b3e2c 0.5s ease both;
    animation-delay: 0.55s;
}
@keyframes subscription-desc-enter-7d7b3e2c {
from {
        opacity: 0;
        transform: translateY(6px);
}
to {
        opacity: 1;
        transform: translateY(0);
}
}
.subscription-card__divider[data-v-7d7b3e2c] {
    margin: 1rem 0;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.subscription-card__price-row[data-v-7d7b3e2c] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    animation: subscription-price-enter-7d7b3e2c 0.5s ease both;
    animation-delay: 0.65s;
}
@keyframes subscription-price-enter-7d7b3e2c {
from {
        opacity: 0;
        transform: translateX(-8px);
}
to {
        opacity: 1;
        transform: translateX(0);
}
}
.subscription-card__price-label[data-v-7d7b3e2c] {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.7);
}
.subscription-card__price-value[data-v-7d7b3e2c] {
    font-size: 1.5rem;
    font-weight: 800;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.subscription-card__price-cycle[data-v-7d7b3e2c] {
    margin-left: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.75);
}
.subscription-card__rewards[data-v-7d7b3e2c] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    animation: subscription-rewards-enter-7d7b3e2c 0.5s ease both;
    animation-delay: 0.8s;
}
@keyframes subscription-rewards-enter-7d7b3e2c {
from {
        opacity: 0;
        transform: translateY(8px);
}
to {
        opacity: 1;
        transform: translateY(0);
}
}
.subscription-card__reward[data-v-7d7b3e2c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}
.subscription-card__reward-dot[data-v-7d7b3e2c] {
    flex-shrink: 0;
    width: 0.375rem;
    height: 0.375rem;
    background: white;
    border-radius: 9999px;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
}
.subscription-card__cta[data-v-7d7b3e2c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.625rem 1.25rem;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 700;
    color: #7c3aed;
    background: white;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    animation: subscription-cta-enter-7d7b3e2c 0.5s ease both;
    animation-delay: 0.9s;
}
.subscription-card__cta[data-v-7d7b3e2c]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.subscription-card__cta[data-v-7d7b3e2c]:active {
    transform: translateY(0);
}
@keyframes subscription-cta-enter-7d7b3e2c {
from {
        opacity: 0;
        transform: translateY(10px);
}
to {
        opacity: 1;
        transform: translateY(0);
}
}
.subscription-card__floating-orb[data-v-7d7b3e2c] {
    position: absolute;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.06);
    pointer-events: none;
}
.subscription-card__floating-orb--1[data-v-7d7b3e2c] {
    width: 120px;
    height: 120px;
    top: -30px;
    right: -20px;
    animation: subscription-orb-float-7d7b3e2c 7s ease-in-out infinite;
}
.subscription-card__floating-orb--2[data-v-7d7b3e2c] {
    width: 80px;
    height: 80px;
    bottom: -20px;
    left: -10px;
    animation: subscription-orb-float-7d7b3e2c 9s ease-in-out infinite reverse;
}
.subscription-card__floating-orb--3[data-v-7d7b3e2c] {
    width: 50px;
    height: 50px;
    top: 50%;
    right: 15%;
    animation: subscription-orb-float-7d7b3e2c 5s ease-in-out infinite;
    animation-delay: 2s;
}
@keyframes subscription-orb-float-7d7b3e2c {
0%, 100% { transform: translate(0, 0) scale(1);
}
33% { transform: translate(8px, -12px) scale(1.05);
}
66% { transform: translate(-6px, 8px) scale(0.95);
}
}



.gift-icon[data-v-996572c1] {
    animation: gift-entrance-996572c1 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes gift-entrance-996572c1 {
0% {
        transform: scale(0) rotate(-12deg);
        opacity: 0;
}
100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
}
}

.payment-confirmed svg path {
    stroke: rgb(var(--success-600, 0,217,0));
}
.payment-pending svg path {
    stroke: rgb(var(--primary));
}
.payment-refused svg path {
    stroke: rgb(var(--danger, 255,0,0));
}
.approved-status-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--lm-spacing) * 2);
    border-radius: calc(var(--lm-border-radius) * 1.5);
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
    padding-left: calc(var(--lm-spacing) * 3);
    padding-right: calc(var(--lm-spacing) * 3);
    padding-top: calc(var(--lm-spacing) * 6);
    padding-bottom: calc(var(--lm-spacing) * 6);
    text-align: center;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.approved-status-card__icon {
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.approved-status-card__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgba(var(--success-600, 0,217,0), var(--tw-text-opacity, 1));
}
.approved-status-card__subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.approved-ticket {
    --ticket-bg: #f7f8fa;
    background: var(--ticket-bg);
    position: relative;
    border-radius: calc(var(--lm-border-radius) * 1.5);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.approved-ticket__section {
    border-radius: calc(var(--lm-border-radius) * 1.5);
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    background: var(--ticket-bg);
}
.ticket-divider {
    position: relative;
    height: 1px;
    margin: 8px 0;
    border-top: 1px dashed #cfd3d8;
}
.ticket-divider::before,
.ticket-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: white;
    border-radius: 9999px;
}
.ticket-divider::before {
    left: -16px;
    border-right: 1px solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.ticket-divider::after {
    right: -16px;
    border-left: 1px solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.ticket-divider--muted {
    border-top-color: #e6e7ea;
}
.lucky-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--primary), var(--tw-bg-opacity, 1));
    padding-left: calc(var(--lm-spacing) * 2);
    padding-right: calc(var(--lm-spacing) * 2);
    padding-top: calc(var(--lm-spacing) * 0.5);
    padding-bottom: calc(var(--lm-spacing) * 0.5);
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.lucky-chip::before,
.lucky-chip::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: var(--ticket-bg, #f7f8fa);
    border-radius: 9999px;
    pointer-events: none;
}
.lucky-chip::before {
    top: 0px;
    left: -6px;
}
.lucky-chip::after {
    top: 0px;
    right: -6px;
}
.lucky-chip div:nth-child(2)::before,
.lucky-chip div:nth-child(2)::after {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 10px;
    height: 10px;
    background: var(--ticket-bg, #f7f8fa);
    border-radius: 9999px;
    pointer-events: none;
}
.lucky-chip div:nth-child(2)::before {
    bottom: 0px;
    left: -6px;
}
.lucky-chip div:nth-child(2)::after {
    bottom: 0px;
    right: -6px;
}
.lucky-chip div:nth-child(3)::before,
.lucky-chip div:nth-child(3)::after {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 4px;
    height: 4px;
    background: var(--ticket-bg, #f7f8fa);
    border-radius: 9999px;
    pointer-events: none;
}
.lucky-chip div:nth-child(3)::before {
    left: -2px;
}
.lucky-chip div:nth-child(3)::after {
    right: -2px;
}
.ticket-alert {
    padding-left: calc(var(--lm-spacing) * 6);
    padding-right: calc(var(--lm-spacing) * 6);
    padding-bottom: calc(var(--lm-spacing) * 6);
    text-align: center;
}
.ticket-alert__title {
    margin-top: calc(var(--lm-spacing) * 1.5);
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.ticket-alert__text {
    font-size: 0.875rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}