/* /Pages/AdminPages/Components/CompanyLogoDialog.razor.rz.scp.css */
.logo-preview-surface[b-7zoyppwxrf] {
    background-color: var(--logo-preview);
    background-image:
        linear-gradient(45deg, var(--logo-preview-checker) 25%, transparent 25%, transparent 75%, var(--logo-preview-checker) 75%),
        linear-gradient(45deg, var(--logo-preview-checker) 25%, transparent 25%, transparent 75%, var(--logo-preview-checker) 75%);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}
/* /Pages/CompanyPages/Components/BoardPreviewFrame.razor.rz.scp.css */
.board-preview[b-s17wta4333] {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    container-type: size;
}

.board-preview-canvas[b-s17wta4333] {
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 640px;
    transform-origin: 0 0;
    transform: scale(calc(100cqw / 360px));
    color: #f8fafc;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    pointer-events: none;
}
/* /Pages/CompanyPages/Events/Components/EventDetailPager.razor.rz.scp.css */
.event-detail-pager[b-uonco7gk8t] {
    scrollbar-width: none;
}

.event-detail-pager[b-uonco7gk8t]::-webkit-scrollbar {
    display: none;
}
/* /Pages/CompanyPages/Events/Components/EventPosterCarousel.razor.rz.scp.css */
.event-poster-carousel__track[b-t8lg97r533] {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.event-poster-carousel__track[b-t8lg97r533]::-webkit-scrollbar {
    display: none;
}

@media (max-width: 639px) {
    .event-poster-carousel__track[b-t8lg97r533] {
        scroll-snap-type: x mandatory;
    }

    .event-poster-carousel__track[b-t8lg97r533]::before,
    .event-poster-carousel__track[b-t8lg97r533]::after {
        content: "";
        flex: 0 0 20%;
    }

    [b-t8lg97r533] .event-poster-carousel__item {
        flex: 0 0 60%;
        width: 60%;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }
}
/* /Pages/Showcase.razor.rz.scp.css */
.showcase-stage[b-61thdp3exo] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.showcase-stage__indicator[b-61thdp3exo] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
    padding-inline: 0.75rem;
    padding-block: 0.25rem;
    border-radius: 9999px;
    border: 1px solid var(--border);
    background: var(--card);
}

.showcase-stage__id[b-61thdp3exo] {
    align-items: center;
    display: inline-flex;
    gap: 0.625rem;
    font-family: ui-monospace, 'JetBrains Mono', monospace;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--foreground);
}

.showcase-device[b-61thdp3exo] {
    --screen-left: 13%;
    --screen-top: 3.5%;
    --screen-width: 74.5%;
    --screen-height: 48%;

    aspect-ratio: 393 / 1081;
    position: relative;
    width: min(64.4vw, 62vh, 360px);
    filter: drop-shadow(0 24px 32px color-mix(in oklch, var(--foreground) 18%, transparent));
}

.showcase-device__bezel[b-61thdp3exo] {
    display: block;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    width: 100%;
}

.showcase-device__screen[b-61thdp3exo] {
    background: var(--foreground);
    border-radius: 6px;
    height: var(--screen-height);
    left: var(--screen-left);
    overflow: hidden;
    position: absolute;
    top: var(--screen-top);
    width: var(--screen-width);
    z-index: 4;
}

.showcase-device__screen iframe[b-61thdp3exo] {
    border: none;
    display: block;
    height: 100%;
    width: 100%;
}

.showcase-device__frame[b-61thdp3exo] {
    border: none;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.showcase-device__reflection[b-61thdp3exo] {
    bottom: -8%;
    height: 30%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 70%;
    z-index: -1;
    background: radial-gradient(ellipse at center top,
        color-mix(in oklch, var(--foreground) 16%, transparent) 0%,
        transparent 70%);
    filter: blur(8px);
}

@media (prefers-reduced-motion: reduce) {
    .showcase-device[b-61thdp3exo] {
        filter: drop-shadow(0 12px 16px color-mix(in oklch, var(--foreground) 12%, transparent));
    }
}