.frame-26557930.svelte-1xadlcu,
.icon-26557930.svelte-1xadlcu {
    height: var(--local-size);
    width: var(--local-size)
}

.elevation-26557930.svelte-1xadlcu {
    filter: drop-shadow(var(--shadow)var(--color-contrast-darken))
}

.icon-26557930.svelte-1xadlcu {
    -webkit-mask: var(--mask-image)center/contain no-repeat;
    -webkit-user-select: none;
    user-select: none;
    animation: seenthis-fade-in .3s var(--emphatic-tween);
    background-color: var(--foreground);
    -webkit-mask: var(--mask-image)center/contain no-repeat;
    -webkit-mask: var(--mask-image)center/contain no-repeat;
    -webkit-mask: var(--mask-image)center/contain no-repeat;
    mask: var(--mask-image)center/contain no-repeat;
    pointer-events: none
}

@media (prefers-contrast:more),
(prefers-reduced-transparency) {
    .elevation-26557930.svelte-1xadlcu {
        filter: none;
        background-color: #000;
        border-radius: 25%
    }
}

@keyframes svelte-yt75b0-motionTween {
    0% {
        left: -125%;
        right: 100%
    }

    60%,
    to {
        left: 105%;
        right: -30%
    }
}

@keyframes svelte-yt75b0-popOut {
    0% {
        opacity: 0;
        transform: scale(0)rotate(45deg)
    }

    33%,
    to {
        opacity: 1;
        transform: scale(1)rotate(45deg)
    }
}

.timeline-6aa2e57d.svelte-yt75b0 {
    flex-direction: column;
    width: 100%;
    display: flex
}

.progressbar-6aa2e57d.svelte-yt75b0 {
    -webkit-user-select: none;
    user-select: none;
    height: var(--progressbar-height);
    pointer-events: none;
    direction: ltr;
    width: 100%;
    position: relative
}

.progressbar-rtl-6aa2e57d.svelte-yt75b0 {
    direction: rtl
}

.track-6aa2e57d.svelte-yt75b0 {
    border-radius: var(--progressbar-radius);
    background-color: #000c;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transform: translate(0)
}

.track-6aa2e57d.svelte-yt75b0:after {
    border-radius: var(--progressbar-radius);
    content: "";
    background-color: #a5a5a5cc;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.indicator-6aa2e57d.svelte-yt75b0 {
    opacity: 0;
    visibility: hidden;
    height: 100%;
    transition: opacity .3s linear;
    overflow: hidden
}

.enabled-6aa2e57d.svelte-yt75b0 {
    opacity: 1;
    visibility: visible
}

.disabled-6aa2e57d.svelte-yt75b0 {
    opacity: 0
}

.progress-6aa2e57d.svelte-yt75b0,
.boundary-range-6aa2e57d.svelte-yt75b0,
.busy-6aa2e57d.svelte-yt75b0 {
    background-color: var(--color-progressbar);
    border-radius: var(--progressbar-radius);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.progress-6aa2e57d.svelte-yt75b0 {
    transform-origin: 0;
    will-change: transform;
    transition: transform .5s linear;
    transform: translate(-100%)
}

.progress-rtl-6aa2e57d.svelte-yt75b0 {
    transform: translate(100%)
}

.boundary-range-6aa2e57d.svelte-yt75b0 {
    background-color: #00000080
}

.busy-6aa2e57d.svelte-yt75b0 {
    animation: svelte-yt75b0-motionTween 2.6s var(--quint-enter)2s;
    background-color: #000000b3;
    right: 100%
}

.tween-6aa2e57d.svelte-yt75b0 {
    animation-iteration-count: infinite
}

.stop-marker-6aa2e57d.svelte-yt75b0 {
    height: var(--progressbar-height);
    transition: opacity .2s var(--emphatic-exit).2s;
    width: var(--progressbar-height);
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.stop-marker-rtl-6aa2e57d.svelte-yt75b0 {
    left: 0;
    right: auto
}

.boundary-marker-6aa2e57d.svelte-yt75b0 {
    opacity: 0;
    background-color: #fff;
    border-radius: 60% 60% 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
    position: absolute;
    bottom: 16px;
    transform: rotate(45deg)
}

.pop-out-animation-6aa2e57d.svelte-yt75b0 {
    animation: svelte-yt75b0-popOut .6s var(--emphatic-tween).2s forwards 2 alternate
}

.time-6aa2e57d.svelte-yt75b0 {
    visibility: hidden;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    position: relative
}

.visible-6aa2e57d.svelte-yt75b0 {
    visibility: visible
}

.text-6aa2e57d.svelte-yt75b0 {
    color: var(--color-primary);
    text-shadow: 0px 1px 1px var(--color-contrast-darken);
    font-size: 90%;
    line-height: 200%
}

@media (prefers-contrast:more),
(prefers-reduced-transparency) {
    .track-6aa2e57d.svelte-yt75b0 {
        background-color: #000
    }

    .boundary-marker-6aa2e57d.svelte-yt75b0,
    .busy-6aa2e57d.svelte-yt75b0,
    .progress-6aa2e57d.svelte-yt75b0,
    .stop-marker-6aa2e57d.svelte-yt75b0 {
        background-color: #fff
    }

    .text-6aa2e57d.svelte-yt75b0 {
        color: #fff;
        text-shadow: none;
        background-color: #000;
        padding: 0 6px
    }
}

.scroll-62999a47.svelte-1gom7xa {
    scrollbar-width: none;
    flex-wrap: nowrap;
    display: flex
}

.scroll-62999a47.svelte-1gom7xa:focus-visible {
    outline: none
}

.vertical-62999a47.svelte-1gom7xa {
    overscroll-behavior: none;
    scroll-snap-type: y mandatory;
    touch-action: pan-y;
    flex-direction: column;
    gap: 0;
    overflow: hidden scroll
}

.card-62999a47.svelte-1gom7xa,
.faux-card-62999a47.svelte-1gom7xa {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex: none
}

.card-62999a47.svelte-1gom7xa {
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.faux-card-62999a47.svelte-1gom7xa {
    pointer-events: none
}

.progressbar-62999a47.svelte-1gom7xa {
    inset: auto var(--margins)var(--margins);
    position: absolute
}

@supports selector(::-webkit-scrollbar) and (not (scrollbar-width:none)) {
    .scroll-62999a47.svelte-1gom7xa::-webkit-scrollbar {
        display: none
    }
}

@keyframes seenthis-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.seenthis-root-56c4cf6f.svelte-1mbp5z2 {
    font-family: var(--typeface);
    font-synthesis: none;
    text-rendering: geometricPrecision;
    text-wrap: pretty;
    word-break: break-word;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

@media only screen and (-webkit-max-device-pixel-ratio:1.5),
only screen and (max-resolution:1.5dppx) {
    .seenthis-root-56c4cf6f.svelte-1mbp5z2 {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
}

@media (prefers-contrast:more),
(prefers-reduced-transparency) {
    .seenthis-root-56c4cf6f.svelte-1mbp5z2 {
        text-rendering: optimizeLegibility
    }
}

.avatar-c6bbfb0.svelte-8ua6d8 {
    align-self: flex-start;
    align-items: center;
    gap: 8px;
    display: flex
}

.avatar-image-c6bbfb0.svelte-8ua6d8 {
    object-fit: contain;
    background-color: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.avatar-name-c6bbfb0.svelte-8ua6d8 {
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-primary);
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden
}

button.svelte-1mfvzoh {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    animation: seenthis-fade-in .2s var(--emphatic-enter);
    border-radius: var(--button-radius);
    color: var(--color-primary);
    cursor: pointer;
    font: inherit;
    height: var(--button-size);
    pointer-events: auto;
    transition-property: background-color, color, opacity;
    transition-duration: .4s;
    transition-timing-function: var(--emphatic-tween);
    background-color: #0000;
    border-style: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: relative
}

button.fixed-width-63984457.svelte-1mfvzoh {
    width: var(--button-size)
}

.background-63984457.svelte-1mfvzoh {
    background-color: var(--color-accent)
}

button.svelte-1mfvzoh:after {
    --offset: calc((var(--target-size) - var(--button-size))*-.5);
    content: "";
    height: var(--target-size);
    left: var(--offset);
    top: var(--offset);
    width: var(--target-size);
    position: absolute
}

button.svelte-1mfvzoh:disabled {
    opacity: .45;
    pointer-events: none;
    transition-delay: .2s;
    transition-timing-function: var(--emphatic-tween)
}

button.svelte-1mfvzoh:focus-visible {
    outline: none
}

.text-63984457.svelte-1mfvzoh {
    color: var(--color-primary);
    font-family: var(--typeface-button);
    text-shadow: var(--shadow)var(--color-contrast-darken);
    margin: 0 0 0 4px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block
}

@media (any-hover:hover) {
    button.fixed-width-63984457.svelte-1mfvzoh:hover {
        background-color: var(--color-accent);
        opacity: .75
    }
}

@media (prefers-contrast:more),
(prefers-reduced-transparency) {
    .text-63984457.svelte-1mfvzoh {
        text-shadow: none;
        background-color: #000;
        padding: 0 6px
    }
}

@keyframes svelte-2tcofh-seenthis-expand-horizontal {
    0% {
        opacity: 0;
        width: 0
    }

    1% {
        opacity: 0;
        width: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 1;
        width: 100%
    }
}

.onboard-fullscreen-6c557c52.svelte-2tcofh {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    animation: seenthis-fade-in .2s var(--emphatic-enter);
    background-color: var(--color-accent);
    color: var(--color-primary);
    pointer-events: none;
    border-style: none;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 12px;
    display: flex;
    position: relative;
    overflow: hidden
}

.label-6c557c52.svelte-2tcofh {
    animation: svelte-2tcofh-seenthis-expand-horizontal .4s var(--emphatic-enter).8s both;
    text-align: left;
    white-space: nowrap;
    transform-origin: 100%;
    display: inline-block
}

.space-6c557c52.svelte-2tcofh {
    width: 4px;
    display: inline-block
}

@keyframes svelte-4s2byb-enter {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes svelte-4s2byb-exit {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-32px)
    }
}

@keyframes svelte-4s2byb-bounce {

    0%,
    5%,
    12.5%,
    20%,
    to {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-8px)
    }

    15% {
        transform: translateY(-4px)
    }
}

@keyframes svelte-4s2byb-drag {

    0%,
    50%,
    to {
        transform: scale(1)translateY(0)
    }

    10% {
        transform: scale(1.02, .98)translateY(0)
    }

    30% {
        transform: scale(.95, 1.05)translateY(-16px)
    }
}

.onboard-swipe-d18b78f.svelte-4s2byb {
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-primary);
    contain: layout;
    overflow-wrap: break-word;
    pointer-events: none;
    text-align: center;
    transform-origin: bottom;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.bounce-animation-d18b78f.svelte-4s2byb {
    animation: 6s 3s 3 svelte-4s2byb-bounce
}

.drag-animation-d18b78f.svelte-4s2byb {
    opacity: 0;
    animation: svelte-4s2byb-enter .3s var(--emphatic-enter)0s forwards, svelte-4s2byb-drag 3s ease 4s 2, svelte-4s2byb-exit .4s var(--emphatic-exit)14s forwards
}

.description-d18b78f.svelte-4s2byb {
    text-shadow: var(--shadow)var(--color-contrast-darken)
}

@media (prefers-reduced-motion) {

    .bounce-animation-d18b78f.svelte-4s2byb,
    .drag-animation-d18b78f.svelte-4s2byb {
        opacity: 1;
        animation: none
    }
}

@media (prefers-contrast:more),
(prefers-reduced-transparency) {
    .description-d18b78f.svelte-4s2byb {
        text-shadow: none;
        background-color: #000;
        margin: 4px 0 0;
        padding: 0 4px
    }
}

.controls-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    box-sizing: border-box;
    grid-gap: var(--margins);
    grid-template-columns: var(--button-size)1fr var(--button-size);
    grid-template-rows: var(--grid-rows);
    padding: var(--margins);
    pointer-events: none;
    display: grid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto
}

.expanded-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    grid-template-rows: var(--grid-rows-extended)
}

.has-gradient-2962f053.controls-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    background: linear-gradient(180deg, #0000 var(--gradient-lower-ratio), rgba(0, 0, 0, var(--gradient-lower-opacity))100%);
    background: linear-gradient(#0000 60%, #000c 100%)
}

.has-gradient-2962f053.controls-2962f053.expanded-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    background: linear-gradient(180deg, rgba(0, 0, 0, var(--gradient-upper-opacity))0%, #0000 var(--gradient-upper-ratio), #0000 var(--gradient-lower-ratio), rgba(0, 0, 0, var(--gradient-lower-opacity))100%)
}

.has-gradient-2962f053.expanded-2962f053.active-2962f053.paused-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    background: #0000004d linear-gradient(#0000 50%, #000 100%)
}

.column-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex
}

.progressbar-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    grid-area: 7/1/span 1/span 3;
    align-items: flex-start
}

.expanded-2962f053.shows-play-bottom-2962f053.svelte-1m9r2h0 .play-2962f053.svelte-1m9r2h0 {
    grid-area: 6/1/span 1/span 1
}

.expanded-2962f053.shows-play-right-2962f053.svelte-1m9r2h0 .play-2962f053.svelte-1m9r2h0 {
    grid-area: 5/3/span 1/span 1
}

.headline-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    font-family: var(--typeface-card-headline);
    flex-direction: column;
    grid-area: 5/1/span 2/span 3;
    justify-content: flex-end;
    gap: 8px;
    display: flex
}

.control-wrapper-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    justify-content: flex-end;
    align-items: flex-end;
    gap: calc(var(--margins)/2);
    flex-direction: column;
    grid-area: 5/3/span 2/span 1;
    display: flex
}

.expanded-2962f053.shows-play-bottom-2962f053.svelte-1m9r2h0 .headline-2962f053.svelte-1m9r2h0 {
    grid-area: 4/1/span 2/span 3
}

.expanded-2962f053.shows-play-right-2962f053.svelte-1m9r2h0 .headline-2962f053.svelte-1m9r2h0:not(.has-bottom-mute) {
    grid-area: 5/1/span 2/span 2
}

.expanded-2962f053.shows-play-right-2962f053.svelte-1m9r2h0 .headline-2962f053.has-bottom-mute-2962f053.svelte-1m9r2h0 {
    grid-area: 5/1/span 2/span 3
}

.duration-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    font-family: var(--typeface-card-duration);
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    margin-bottom: 4px;
    display: flex
}

.duration-icon-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    background-color: var(--color-primary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: flex
}

.cta-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    box-sizing: border-box;
    background: var(--color-accent);
    cursor: pointer;
    border-style: none;
    border-radius: 12px;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    text-decoration: none;
    display: flex
}

.expanded-2962f053.svelte-1m9r2h0 .cta-2962f053.svelte-1m9r2h0 {
    pointer-events: auto
}

.cta-text-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-primary);
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden
}

.expanded-2962f053.svelte-1m9r2h0 .headline-2962f053.svelte-1m9r2h0 {
    font-family: var(--typeface);
    line-height: var(--icon-size)
}

.headline-2962f053.has-bottom-mute-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    padding-right: calc(var(--button-size) + var(--margins))
}

.title-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    align-self: flex-start
}

.box-clamp-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    display: -webkit-box
}

.clamped-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    --line-clamp: 2;
    -webkit-line-clamp: var(--line-clamp);
    line-clamp: var(--line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.clamped-1-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    --line-clamp: 1
}

.more-less-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    align-self: flex-end;
    font-weight: 600;
    display: none
}

.onboard-swipe-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    position: absolute
}

.swipe-bottom-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    inset: auto 0 var(--margins)0
}

.swipe-top-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    inset: calc(var(--margins) + 16px)0 auto 0
}

.onboard-fullscreen-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    grid-area: 1/1/span 1/span 3;
    justify-content: flex-end;
    align-items: flex-start
}

.onboard-fullscreen-2962f053.onboard-fullscreen-bottom-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    grid-area: 5/1/span 2/span 3;
    align-items: flex-end
}

.last-card-top-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    grid-area: 1/2/span 1/span 1;
    justify-content: center;
    align-items: center;
    display: flex
}

.last-card-bottom-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    inset: auto calc(var(--margins) + var(--button-size) + var(--gutters))var(--margins)calc(var(--margins) + var(--button-size) + var(--gutters));
    text-align: center;
    position: absolute
}

.text-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-primary);
    text-shadow: var(--shadow)var(--color-contrast-darken);
    font-size: 16px;
    line-height: 140%
}

.last-card-bottom-2962f053.svelte-1m9r2h0 .text-2962f053.svelte-1m9r2h0 {
    font-size: 90%;
    line-height: 100%
}

@media (prefers-contrast:more),
(prefers-reduced-transparency) {
    .text-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
        color: #fff;
        text-shadow: none;
        background-color: #000;
        padding: 0 6px
    }
}

.sponsor-label-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    white-space: nowrap;
    grid-area: 1/1/span 1/span 3;
    align-items: center;
    display: flex
}

.sponsor-label-text-2962f053.svelte-1m9r2h0.svelte-1m9r2h0 {
    text-overflow: ellipsis;
    color: var(--color-primary);
    font-size: 10px;
    overflow: hidden
}

.slot.svelte-13oq5ye {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden
}

.slot.svelte-1ho3qf2 {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

.center-62999a47.svelte-fdvh1i {
    contain: content;
    pointer-events: none;
    place-content: center;
    place-items: center;
    display: grid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.overlay-62999a47.svelte-fdvh1i {
    opacity: 0;
    grid-area: 1/1
}

.smudge-259ba28d.svelte-n4pfls,
.thumb-259ba28d.svelte-n4pfls {
    background: 50% no-repeat
}

.blur-filter-259ba28d.svelte-n4pfls {
    -webkit-backdrop-filter: blur(24px)brightness(.5);
    backdrop-filter: blur(24px)brightness(.5)
}

.card-6e67f2b9.svelte-1f7n3z7 {
    border-radius: var(--card-radius);
    overflow: hidden
}

.card-6e67f2b9.edge-scroll-6e67f2b9.svelte-1f7n3z7 {
    margin-inline-start: auto;
    margin-inline-end: auto;
    margin: 0 0 0 var(--offset-left, 0);
    justify-content: center;
    display: flex;
    position: relative
}

.card-6e67f2b9.fullscreen-6e67f2b9.svelte-1f7n3z7 {
    border-radius: 0;
    margin: 0
}

.player-6e67f2b9.svelte-1f7n3z7 {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    justify-content: center;
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: flex;
    position: relative
}

.player-6e67f2b9.svelte-1f7n3z7:focus {
    outline: none
}

.carousel-da26269.svelte-1iblqf2.svelte-1iblqf2 {
    box-sizing: border-box;
    scrollbar-width: none;
    flex-wrap: nowrap;
    display: flex
}

.carousel-da26269.svelte-1iblqf2.svelte-1iblqf2:focus-visible {
    outline: none
}

.horizontal-da26269.svelte-1iblqf2.svelte-1iblqf2 {
    gap: var(--gutters);
    scroll-snap-type: x mandatory;
    touch-action: pan-x pan-y;
    flex-direction: row;
    overflow: scroll hidden
}

.vertical-da26269.svelte-1iblqf2.svelte-1iblqf2 {
    overscroll-behavior: none;
    scroll-snap-type: y mandatory;
    touch-action: pan-y;
    flex-direction: column;
    gap: 0;
    margin: 0;
    overflow: hidden scroll
}

.edge-scroll-da26269.horizontal-da26269.svelte-1iblqf2.svelte-1iblqf2 {
    margin: 0 0 0 calc(var(--offset-left, 0)*-1)
}

.item-da26269.svelte-1iblqf2.svelte-1iblqf2 {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: opacity .15s var(--emphatic-enter);
    flex: none
}

.edge-scroll-da26269.horizontal-da26269.svelte-1iblqf2 .item-da26269.svelte-1iblqf2:last-of-type {
    padding: 0 min(calc(var(--offset-left, 0)*2), 32px)0 0
}

.scrim-5d02c238.svelte-1vg0n9b.svelte-1vg0n9b {
    z-index: calc(var(--z-index) - 50);
    background-color: #000;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.expanded-5d02c238.svelte-1vg0n9b.svelte-1vg0n9b {
    place-content: center;
    place-items: center;
    display: grid;
    position: relative
}

.expanded-5d02c238.svelte-1vg0n9b .panel-5d02c238.svelte-1vg0n9b {
    isolation: isolate;
    grid-area: 1/1
}

.panel-overlay-5d02c238.svelte-1vg0n9b.svelte-1vg0n9b {
    isolation: isolate;
    pointer-events: none;
    z-index: var(--z-index);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.expanded-5d02c238.svelte-1vg0n9b .panel-overlay-5d02c238.svelte-1vg0n9b {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.navigation-buttons-5d02c238.svelte-1vg0n9b.svelte-1vg0n9b {
    box-sizing: border-box;
    height: 100%;
    padding: var(--margins);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.expanded-5d02c238.svelte-1vg0n9b .navigation-buttons-5d02c238.svelte-1vg0n9b {
    align-items: flex-end;
    gap: calc(var(--margins)/2);
    flex-direction: column;
    justify-content: center
}

.close-5d02c238.svelte-1vg0n9b.svelte-1vg0n9b {
    top: var(--margins);
    position: absolute
}

.back-button-5d02c238.svelte-1vg0n9b.svelte-1vg0n9b {
    left: calc(var(--margins) - 8px)
}

.close-button-5d02c238.svelte-1vg0n9b.svelte-1vg0n9b {
    right: var(--margins)
}

.bam-ad-slot.svelte-tgkfgm,
.slot.svelte-l6fgnt {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
    transition: opacity .4s ease-out;
    display: flex;
    overflow: hidden
}

.slot-420fe74.svelte-sj513h {
    overscroll-behavior: none;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: opacity .4s ease-out;
    display: flex
}

.slot.svelte-4guwf5 {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
    transition: opacity .4s ease-out;
    display: flex;
    position: relative;
    overflow: hidden
}