/* /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/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));
    }
}