/* /Features/Discovery/DiscoveryPage.razor.rz.scp.css */
.fhd[b-oetp3tyupe] {
    --fhd-scale: 0.5714;
    --fhd-gap: calc(20px * var(--fhd-scale));

    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    background: var(--gradient-rise-blue);
}

.fhd__hero[b-oetp3tyupe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 100px var(--spacing-16, 16px) 0;
}

.fhd__logo[b-oetp3tyupe] {
    width: 64px;
    height: 64px;
}

.fhd__title[b-oetp3tyupe] {
    margin-top: var(--spacing-32, 32px);
    max-width: 358px;
    font-size: var(--font-size-h1, 32px);
    line-height: 1;
    font-weight: var(--font-weight-bold, 700);
    color: var(--mono-white, #FFFFFF);
}

.fhd__subtitle[b-oetp3tyupe] {
    margin-top: var(--spacing-12, 12px);
    max-width: 304px;
    font-size: var(--font-size-h7, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--blue-100, #CCCCFF);
}

.fhd__cta[b-oetp3tyupe] {
    margin-top: var(--spacing-32, 32px);
}

.fhd__carousel[b-oetp3tyupe] {
    margin-block: auto;
    padding: 48px 0;
    overflow: hidden;
}

.fhd__track[b-oetp3tyupe] {
    display: flex;
    gap: var(--fhd-gap);
    width: max-content;
    animation: fhd-marquee-b-oetp3tyupe var(--fhd-duration, 90s) linear infinite;
}

.fhd__carousel:hover .fhd__track[b-oetp3tyupe],
.fhd__carousel:focus-within .fhd__track[b-oetp3tyupe] {
    animation-play-state: paused;
}

@keyframes fhd-marquee-b-oetp3tyupe {
    to {
        transform: translateX(calc(-50% - var(--fhd-gap) / 2));
    }
}

.fhd__group[b-oetp3tyupe] {
    display: flex;
    gap: var(--fhd-gap);
}

.fhd__card[b-oetp3tyupe] {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: calc(481.25px * var(--fhd-scale));
    height: calc(350px * var(--fhd-scale));
    border-radius: calc(12px * var(--fhd-scale));
    overflow: hidden;
    background: var(--fh-hero-glow, var(--mono-black, #050508));
    text-decoration: none;
    transition: transform 120ms ease;
}

.fhd__card:hover[b-oetp3tyupe] {
    transform: translateY(-4px);
}

.fhd__card:focus-visible[b-oetp3tyupe] {
    outline: 2px solid var(--mono-white, #FFFFFF);
    outline-offset: 2px;
}

.fhd__card-bars[b-oetp3tyupe] {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: calc(3.7px * var(--fhd-scale));
}

.fhd__card-bars span[b-oetp3tyupe] {
    width: calc(33.2px * var(--fhd-scale));
    border-radius: calc(33.2px * var(--fhd-scale));
    background: var(--fh-accent-2, #C7FF00);
}

.fhd__card-bars span:nth-child(1)[b-oetp3tyupe] { height: calc(58px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(2)[b-oetp3tyupe] { height: calc(97px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(3)[b-oetp3tyupe] { height: calc(143px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(4)[b-oetp3tyupe] { height: calc(202px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(5)[b-oetp3tyupe] { height: calc(173px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(6)[b-oetp3tyupe] { height: calc(120px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(7)[b-oetp3tyupe] { height: calc(155px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(8)[b-oetp3tyupe] { height: calc(109px * var(--fhd-scale)); }
.fhd__card-bars span:nth-child(9)[b-oetp3tyupe] { height: calc(70px * var(--fhd-scale)); }

.fhd__card-media[b-oetp3tyupe] {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: calc(134.6px * var(--fhd-scale));
    height: calc(134.6px * var(--fhd-scale));
    border-radius: calc(7.3px * var(--fhd-scale));
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fh-tint, #CCCCFF);
}

.fhd__card-image[b-oetp3tyupe] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fhd__card-initials[b-oetp3tyupe] {
    font-size: calc(40px * var(--fhd-scale));
    font-weight: var(--font-weight-bold, 700);
    color: var(--mono-black, #050508);
}

.fhd__card-name[b-oetp3tyupe] {
    position: absolute;
    left: calc(16px * var(--fhd-scale));
    right: calc(16px * var(--fhd-scale));
    bottom: calc(33px * var(--fhd-scale));
    font-size: calc(24px * var(--fhd-scale));
    line-height: calc(28px * var(--fhd-scale));
    font-weight: var(--font-weight-bold, 700);
    color: var(--mono-white, #FFFFFF);
    text-align: center;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fhd__empty[b-oetp3tyupe] {
    margin-top: auto;
    padding: 48px var(--spacing-24, 24px);
    text-align: center;
    color: var(--blue-100, #CCCCFF);
}

@media (min-width: 768px) {
    .fhd[b-oetp3tyupe] {
        --fhd-scale: 0.8;
    }

    .fhd__hero[b-oetp3tyupe] {
        padding-top: 120px;
    }

    .fhd__title[b-oetp3tyupe] {
        margin-top: var(--spacing-40, 40px);
        max-width: 729px;
        font-size: 44px;
        line-height: 52px;
    }

    .fhd__subtitle[b-oetp3tyupe] {
        margin-top: var(--spacing-20, 20px);
        max-width: 729px;
        font-size: var(--font-size-h6, 16px);
    }
}

@media (min-width: 1024px) {
    .fhd[b-oetp3tyupe] {
        --fhd-scale: 1;
    }

    .fhd__hero[b-oetp3tyupe] {
        padding-top: 138px;
    }

    .fhd__title[b-oetp3tyupe] {
        max-width: 763px;
        font-size: 52px;
    }

    .fhd__subtitle[b-oetp3tyupe] {
        max-width: 763px;
        font-size: var(--font-size-h4, 20px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .fhd__track[b-oetp3tyupe] {
        animation: none;
    }

    .fhd__carousel[b-oetp3tyupe] {
        overflow-x: auto;
        padding-inline: var(--spacing-16, 16px);
    }

    .fhd__group[aria-hidden][b-oetp3tyupe] {
        display: none;
    }
}
/* /Shared/Components/Hub/FanHubPage.razor.rz.scp.css */
.fh-root[b-2tmv1u4lxy] {
    position: relative;
    min-height: 100dvh;
    background: var(--fh-canvas);
    color: var(--fh-text);
    -webkit-font-smoothing: antialiased;
}

.fh-backdrop[b-2tmv1u4lxy] {
    display: none;
}

.fh-column[b-2tmv1u4lxy] {
    position: relative;
    width: 100%;
    max-width: 689px;
    margin: 0 auto;
    background: var(--fh-canvas);
    overflow: hidden;
}

.fh-body[b-2tmv1u4lxy] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--fh-body);
    padding-top: 40px;
}

/* Previews embed the page in a narrow frame on any viewport, so the
   viewport-driven tablet/desktop chrome below must stay off for them. */
.fh-root--preview[b-2tmv1u4lxy] {
    min-height: 0;
}

/* Links are inert in a preview — clicking them would navigate the host app.
   ::deep because the anchors live in child components (hero, community, ...). */
.fh-root--preview[b-2tmv1u4lxy]  a {
    pointer-events: none;
}

@media (min-width: 768px) {
    .fh-backdrop[b-2tmv1u4lxy] {
        display: block;
        position: fixed;
        inset: 0;
        overflow: hidden;
        background: var(--fh-canvas);
    }

    /* Mobile preview (the phone-frame live-preview modal) keeps the full-bleed
       layout with no floating card or backdrop. */
    .fh-root--preview-mobile .fh-backdrop[b-2tmv1u4lxy] {
        display: none;
    }

    .fh-root--preview-mobile .fh-column[b-2tmv1u4lxy] {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }

    /* Desktop preview (the inline quick preview) shows the card on the backdrop,
       anchored to the page since it sits inside a transformed frame. overflow
       establishes a block formatting context so the card's top margin can't
       collapse through the root and leave a gap above the backdrop. */
    .fh-root--preview-desktop[b-2tmv1u4lxy] {
        overflow: hidden;
    }

    .fh-root--preview-desktop .fh-backdrop[b-2tmv1u4lxy] {
        position: absolute;
    }

    /* Scaled well past the viewport so the blur's translucent edges are clipped
       away, leaving a solid, colour-rich wash of the profile image. */
    .fh-backdrop__image[b-2tmv1u4lxy] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.8);
        filter: blur(120px);
    }

    .fh-backdrop__overlay[b-2tmv1u4lxy] {
        position: absolute;
        inset: 0;
        background: rgba(5, 5, 8, 0.25);
    }

    .fh-column[b-2tmv1u4lxy] {
        margin: 48px auto;
        border-radius: 16px;
    }
}
/* /Shared/Components/Hub/HubCommunity.razor.rz.scp.css */
.fh-community[b-5tyj7qg8j9] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-top: 66px;
    /* Reserve the flanking circle columns' height (4 x 100px) so a short
       community block can't let them overshoot into the release section. */
    min-height: 402px;
}

.fh-community__bio[b-5tyj7qg8j9] {
    margin: 0 0 20px;
    width: 298px;
    max-width: calc(100% - 64px);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: var(--fh-text);
    white-space: pre-line;
}

.fh-community__mailing[b-5tyj7qg8j9] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 246px;
}

.fh-community__form[b-5tyj7qg8j9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fh-community__field[b-5tyj7qg8j9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.10);
    color: var(--fh-text);
}

.fh-community__input[b-5tyj7qg8j9] {
    flex: 1 1 auto;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--fh-text);
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    outline: none;
}

.fh-community__input[b-5tyj7qg8j9]::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.fh-community__submit[b-5tyj7qg8j9] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding: 8px 12px;
    border: none;
    border-radius: 12px;
    background: var(--fh-surface);
    color: var(--fh-on-surface);
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.fh-community__form:valid:has(.fh-community__input:not(:placeholder-shown)) .fh-community__submit[b-5tyj7qg8j9] {
    display: inline-flex;
    animation: fh-community-fade-b-5tyj7qg8j9 200ms ease;
}

.fh-community__form:valid:has(.fh-community__input:not(:placeholder-shown)) ~ .fh-community__pills[b-5tyj7qg8j9] {
    display: none;
}

/* Loading state toggled by subscribe.js while the form posts. */
.fh-community__submit--loading[b-5tyj7qg8j9] {
    position: relative;
    color: transparent;
    pointer-events: none;
}

.fh-community__submit--loading[b-5tyj7qg8j9]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid var(--fh-on-surface);
    border-top-color: transparent;
    border-radius: 50%;
    animation: fh-join-spin-b-5tyj7qg8j9 0.6s linear infinite;
}

@keyframes fh-join-spin-b-5tyj7qg8j9 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes fh-community-fade-b-5tyj7qg8j9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fh-community__thanks[b-5tyj7qg8j9] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: var(--fh-text);
    animation: fh-community-fade-b-5tyj7qg8j9 300ms ease;
}

@media (prefers-reduced-motion: reduce) {
    .fh-community__form:valid:has(.fh-community__input:not(:placeholder-shown)) .fh-community__submit[b-5tyj7qg8j9],
    .fh-community__thanks[b-5tyj7qg8j9] {
        animation: none;
    }
}

.fh-community__pills[b-5tyj7qg8j9] {
    display: flex;
    gap: 8px;
}

.fh-community__pill[b-5tyj7qg8j9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    height: 44px;
    padding: 8px 12px;
    border-radius: 12px;
    box-sizing: border-box;
}

.fh-community__pill--whatsapp[b-5tyj7qg8j9] {
    background: var(--fh-whatsapp);
}

.fh-community__pill--discord[b-5tyj7qg8j9] {
    background: var(--fh-discord);
}

.fh-community__pill--instagram[b-5tyj7qg8j9] {
    background: var(--fh-instagram);
}

.fh-community__circles[b-5tyj7qg8j9] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.fh-community__circle-column[b-5tyj7qg8j9] {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 0.57px;
}

.fh-community__circle-column--left[b-5tyj7qg8j9] {
    left: -70px;
}

.fh-community__circle-column--right[b-5tyj7qg8j9] {
    right: -70px;
}

.fh-community__circle-column span[b-5tyj7qg8j9] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--fh-tint-circles);
}

@media (min-width: 768px) {
    .fh-community__bio[b-5tyj7qg8j9] {
        width: 488px;
    }

    .fh-community__circle-column--left[b-5tyj7qg8j9] {
        left: -59px;
    }

    .fh-community__circle-column--right[b-5tyj7qg8j9] {
        right: -59px;
    }
}
/* /Shared/Components/Hub/HubFooter.razor.rz.scp.css */
.fh-footer[b-9ymmx96nqa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 100px;
    padding-bottom: 60px;
}

.fh-footer__icons[b-9ymmx96nqa] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 326px;
}

.fh-footer__custom-link[b-9ymmx96nqa] {
    display: inline-flex;
    color: var(--fh-text);
}

.fh-footer__powered[b-9ymmx96nqa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.fh-footer__powered-label[b-9ymmx96nqa] {
    font-size: 12px;
    font-weight: 500;
    color: var(--fh-text-faint);
    opacity: 0.8;
}

.fh-footer__logo-link[b-9ymmx96nqa] {
    display: inline-flex;
    color: var(--fh-text);
}
/* /Shared/Components/Hub/HubHero.razor.rz.scp.css */
.fh-hero[b-0kf56u0flt] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 49px 0 40px;
    background: var(--fh-hero-glow);
}

.fh-hero__wave[b-0kf56u0flt] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.383px;
    height: 240.6px;
}

.fh-hero__bar[b-0kf56u0flt] {
    width: 39.443px;
    border-radius: 82.258px;
    background: var(--fh-wave);
    flex-shrink: 0;
}

.fh-hero__avatar[b-0kf56u0flt] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
    height: 160px;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fh-surface);
}

.fh-hero__avatar-image[b-0kf56u0flt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fh-hero__avatar-initials[b-0kf56u0flt] {
    font-size: 56px;
    font-weight: 700;
    color: var(--fh-on-surface);
}

.fh-hero__name[b-0kf56u0flt] {
    position: relative;
    margin: 20px 0 0;
    max-width: 358px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    color: var(--fh-text);
}

.fh-hero__pins[b-0kf56u0flt] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
}

.fh-hero__pin-link[b-0kf56u0flt] {
    display: inline-flex;
    color: var(--fh-text);
}

.fh-hero__anchors[b-0kf56u0flt] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 77px;
}

.fh-hero__anchor[b-0kf56u0flt] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--fh-surface);
    color: var(--fh-on-surface);
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.fh-hero__anchor:hover[b-0kf56u0flt] {
    transform: translateY(-2px);
}

.fh-hero__anchor:active[b-0kf56u0flt] {
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .fh-hero__anchor[b-0kf56u0flt] {
        transition: none;
    }

    .fh-hero__anchor:hover[b-0kf56u0flt],
    .fh-hero__anchor:active[b-0kf56u0flt] {
        transform: none;
    }
}
/* /Shared/Components/Hub/HubRelease.razor.rz.scp.css */
.fh-release[b-02zkiludm4] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 123px;
}

.fh-release__stage[b-02zkiludm4] {
    position: relative;
    width: 440px;
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fh-release__flower[b-02zkiludm4] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: var(--fh-flower);
}

.fh-release__artwork[b-02zkiludm4] {
    position: relative;
    width: 326px;
    height: 326px;
    border-radius: 12px;
    object-fit: cover;
}

.fh-release__text[b-02zkiludm4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 326px;
    max-width: 100%;
    margin-top: 20px;
    text-align: center;
}

.fh-release__title[b-02zkiludm4] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--fh-text);
}

.fh-release__subtitle[b-02zkiludm4] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--fh-text-soft);
}

.fh-release__listen[b-02zkiludm4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--fh-surface);
    color: var(--fh-on-surface);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}
/* /Shared/Components/Hub/HubTourDates.razor.rz.scp.css */
.fh-events[b-cfnbnpwu9l] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 100px;
}

.fh-events__break[b-cfnbnpwu9l] {
    position: relative;
    width: 100%;
    height: 280px;
    pointer-events: none;
}

.fh-events__blob[b-cfnbnpwu9l] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 563.152px;
    height: 280px;
    color: var(--fh-blob-map);
}

/* ::deep — the map SVG lives in the DotMatrixMap child component */
.fh-events__break[b-cfnbnpwu9l]  .fh-events__map {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    color: var(--fh-map-dots);
}

.fh-events__card[b-cfnbnpwu9l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    width: 326px;
    margin-top: 20px;
    padding: 16px;
    border-radius: 12px;
    background: var(--fh-surface);
}

.fh-events__title[b-cfnbnpwu9l] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: var(--fh-on-surface);
}

.fh-events__rows[b-cfnbnpwu9l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fh-events__row[b-cfnbnpwu9l] {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 46px;
    text-decoration: none;
}

.fh-events__chip[b-cfnbnpwu9l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 46px;
    height: 46px;
    padding: 4px;
    border-radius: 6px;
    background: var(--fh-chip-bg);
    color: var(--fh-chip-text);
    flex-shrink: 0;
}

.fh-events__chip-month[b-cfnbnpwu9l] {
    font-size: 12px;
    font-weight: 500;
}

.fh-events__chip-day[b-cfnbnpwu9l] {
    font-size: 16px;
    font-weight: 700;
}

.fh-events__details[b-cfnbnpwu9l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}

.fh-events__venue[b-cfnbnpwu9l] {
    font-size: 14px;
    font-weight: 500;
    color: var(--fh-on-surface);
}

.fh-events__city[b-cfnbnpwu9l] {
    font-size: 14px;
    font-weight: 500;
    color: var(--fh-city);
}

.fh-events__ticket[b-cfnbnpwu9l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: var(--fh-surface);
    background: var(--fh-on-surface);
    text-decoration: none;
    flex-shrink: 0;
    transition: transform 150ms ease;
}

.fh-events__ticket:hover[b-cfnbnpwu9l] {
    transform: translateY(-1px);
}

.fh-events__ticket:focus-visible[b-cfnbnpwu9l] {
    outline: 2px solid var(--fh-city);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .fh-events__ticket[b-cfnbnpwu9l] {
        transition: none;
    }

    .fh-events__ticket:hover[b-cfnbnpwu9l] {
        transform: none;
    }
}
/* /Shared/Components/Hub/HubVideo.razor.rz.scp.css */
.fh-video[b-zyknhe8uk0] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 147px;
}

.fh-video__stage[b-zyknhe8uk0] {
    position: relative;
    width: 100%;
    height: 280px;
}

.fh-video__blob[b-zyknhe8uk0] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 491.893px;
    height: 280px;
    color: var(--fh-blob-video);
    pointer-events: none;
}

.fh-video__card[b-zyknhe8uk0] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    width: 334px;
    height: 187.875px;
    overflow: hidden;
    border-radius: 6px;
    background: var(--fh-video-card);
}

.fh-video__frame[b-zyknhe8uk0] {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.fh-video__placeholder[b-zyknhe8uk0] {
    position: relative;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(180deg, #000000 0%, transparent 21.56%),
        linear-gradient(0deg, #000000 0%, transparent 19.36%);
}

.fh-video__thumbnail[b-zyknhe8uk0] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fh-video__overlay-title[b-zyknhe8uk0] {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--fh-text);
}

.fh-video__play[b-zyknhe8uk0] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 240px;
    background: rgba(0, 0, 0, 0.3);
    color: var(--fh-text);
}

.fh-video__caption[b-zyknhe8uk0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 20px;
    text-align: center;
}

.fh-video__caption-title[b-zyknhe8uk0] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--fh-text);
}

.fh-video__caption-subtitle[b-zyknhe8uk0] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--fh-text-soft);
}
/* /Shared/Components/Hub/PlatformIcon.razor.rz.scp.css */
.fh-platform-icon[b-jozjcnyo6b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--fh-text);
    text-decoration: none;
}
/* /Shared/Components/Pages/NotFound.razor.rz.scp.css */
.not-found[b-kslxxnubu7] {
    position: relative;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-32, 32px);
    padding: var(--spacing-24, 24px);
    text-align: center;
    background: var(--gradient-rise-blue, #000033);
    overflow: hidden;
}

.not-found__code[b-kslxxnubu7] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(320px, 58vw, 833px);
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
    white-space: nowrap;
    color: var(--mono-white, #FFFFFF);
    opacity: 0.1;
    pointer-events: none;
    user-select: none;
}

.not-found__logo[b-kslxxnubu7] {
    width: 64px;
    height: 64px;
}

.not-found__title[b-kslxxnubu7] {
    max-width: 763px;
    font-size: clamp(24px, 5vw, 32px);
    line-height: 1.0625;
    font-weight: var(--font-weight-bold, 700);
    color: var(--blue-100, #CCCCFF);
    margin: 0;
}

.not-found__home[b-kslxxnubu7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: var(--spacing-12, 12px) var(--spacing-20, 20px);
    border-radius: 200px;
    background: var(--mono-white, #FFFFFF);
    color: var(--mono-black, #050508);
    font-size: var(--font-size-h7, 14px);
    font-weight: var(--font-weight-bold, 700);
    text-decoration: none;
    transition: transform 120ms ease, opacity 120ms ease;
}

.not-found__home:hover[b-kslxxnubu7] {
    opacity: 0.9;
    transform: translateY(-1px);
}