/* _content/LiveEventBingo.Shared/Pages/Common/Components/FeaturePageShell.razor.rz.scp.css */


.feature-h1[b-5m8x3to7pr] {
    font-family: var(--font-family-display);
    font-size: var(--font-size-display-desktop);
    font-weight: var(--font-weight-display);
    line-height: var(--font-lineheight-display);
    color: var(--meb-text-default);
    margin-block-end: 0;
}

.feature-h2[b-5m8x3to7pr] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h2-desktop);
    font-weight: var(--font-weight-heading);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-default);
    margin-block: 0;
}

.feature-h3[b-5m8x3to7pr] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h3-desktop);
    font-weight: var(--font-weight-heading);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-default);
    margin-block: 0;
}

.feature-lede[b-5m8x3to7pr] {
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-desktop);
    font-weight: var(--font-weight-body);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

.feature-faq-answer[b-5m8x3to7pr] {
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-desktop);
    font-weight: var(--font-weight-body);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
    margin: 0;
}

.feature-media-caption[b-5m8x3to7pr] {
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-sm-desktop);
    font-weight: var(--font-weight-body);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
    margin: 0;
}


.feature-media-frame[b-5m8x3to7pr] {
    position: relative;
    aspect-ratio: 1200 / 628;
}

@media (max-width: 767px) {
    .feature-media-frame[b-5m8x3to7pr] {
        aspect-ratio: 1 / 1;
        
        width: 100%;
        max-width: min(100%, 520px);
        margin-inline: auto;
    }
}


.feature-media-frame[b-5m8x3to7pr]  picture {
    display: block;
    width: 100%;
    height: 100%;
}

.feature-media-frame[b-5m8x3to7pr]  .feature-media-img {
    display: block;
    width: 100%;
    height: 100%;
    
    object-fit: contain;
}


@media (max-width: 767px) {
    .feature-h1[b-5m8x3to7pr] {
        font-size: var(--font-size-display-mobile);
    }

    .feature-h2[b-5m8x3to7pr] {
        font-size: var(--font-size-h2-mobile);
    }

    .feature-h3[b-5m8x3to7pr] {
        font-size: var(--font-size-h3-mobile);
    }

    .feature-lede[b-5m8x3to7pr],
    .feature-faq-answer[b-5m8x3to7pr] {
        font-size: var(--font-size-body-mobile);
    }

    .feature-media-caption[b-5m8x3to7pr] {
        font-size: var(--font-size-body-sm-mobile);
    }
}
/* _content/LiveEventBingo.Shared/Pages/Common/Pages/Features/FeatureBingoTemplates.razor.rz.scp.css */


.fbt-group-h3[b-aa1fmb89hr] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h3-desktop);
    font-weight: var(--font-weight-heading);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-default);
    margin: 0;
}

.fbt-section-h2[b-aa1fmb89hr] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h2-desktop);
    font-weight: var(--font-weight-heading);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-default);
    margin-block: 0;
}

.fbt-group-caption[b-aa1fmb89hr] {
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-sm-desktop);
    font-weight: var(--font-weight-body);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
    margin: 0;
}

.fbt-card-name[b-aa1fmb89hr] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-body-desktop);
    font-weight: var(--font-weight-heading);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-default);
    margin: 0;
}

.fbt-card-squares[b-aa1fmb89hr],
.fbt-card-use[b-aa1fmb89hr] {
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-sm-desktop);
    font-weight: var(--font-weight-body);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
    margin: 0;
    padding-inline-start: 1.1em;
}

.fbt-card-play[b-aa1fmb89hr] {
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-heading);
}


.fbt-group-media-frame[b-aa1fmb89hr] {
    position: relative;
    aspect-ratio: 1200 / 628;
}

@media (max-width: 767px) {
    .fbt-group-media-frame[b-aa1fmb89hr] {
        aspect-ratio: 1 / 1;
        
        width: 100%;
        max-width: min(100%, 520px);
        margin-inline: auto;
    }
}


.fbt-group-media-frame[b-aa1fmb89hr]  picture {
    display: block;
    width: 100%;
    height: 100%;
}

.fbt-group-media-frame[b-aa1fmb89hr]  .fbt-group-media-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .fbt-group-h3[b-aa1fmb89hr] {
        font-size: var(--font-size-h3-mobile);
    }

    .fbt-section-h2[b-aa1fmb89hr] {
        font-size: var(--font-size-h2-mobile);
    }

    .fbt-card-name[b-aa1fmb89hr],
    .fbt-card-squares[b-aa1fmb89hr],
    .fbt-card-use[b-aa1fmb89hr],
    .fbt-group-caption[b-aa1fmb89hr] {
        font-size: var(--font-size-body-sm-mobile);
    }
}
/* _content/LiveEventBingo.Shared/Pages/Common/Pages/Features/FeatureVirtualBingo.razor.rz.scp.css */



.fvb-section-h2[b-5t3r4xo17b] {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h2-desktop);
    font-weight: var(--font-weight-heading);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-default);
    margin-block: 0;
}


.fvb-glance-list[b-5t3r4xo17b],
.fvb-setup-steps[b-5t3r4xo17b] {
    font-family: var(--font-family-body);
    font-size: var(--font-size-body-desktop);
    font-weight: var(--font-weight-body);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
    margin: 0;
    padding-inline-start: 1.25em;
}


.fvb-glance-list[b-5t3r4xo17b] {
    list-style: disc;
}

.fvb-setup-steps[b-5t3r4xo17b] {
    list-style: decimal;
}


.fvb-glance-list li + li[b-5t3r4xo17b],
.fvb-setup-steps li + li[b-5t3r4xo17b] {
    margin-block-start: var(--meb-space-2);
}

@media (max-width: 767px) {
    .fvb-section-h2[b-5t3r4xo17b] {
        font-size: var(--font-size-h2-mobile);
    }

    .fvb-glance-list[b-5t3r4xo17b],
    .fvb-setup-steps[b-5t3r4xo17b] {
        font-size: var(--font-size-body-mobile);
    }
}