.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-1a6af1f6] {
    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%);
}
}

.popup-video-mute-button[data-v-4f915391] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 30;
}
.popup-youtube-container[data-v-4f915391] {
    position: relative;
    isolation: isolate;
}
.popup-youtube-container[data-v-4f915391] iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.popup-vertical-video-frame[data-v-4f915391] {
    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-4f915391] {
    width: 100%;
    aspect-ratio: 9 / 16;
}