/* _content/RCBooksAudioSamples/Pages/player.cshtml.rz.scp.css */

.widget[b-enx0wfsg3r] {
    margin: 1rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-block-size: 30vh;
}

.description[b-enx0wfsg3r] {
    font-size: 1.3rem;
    text-align: center;
    padding-block: 1.5rem;
}

.player[b-enx0wfsg3r] {
    display: flex;
}

.player audio[b-enx0wfsg3r] {
    flex-grow: 1;
}

.info[b-enx0wfsg3r] {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.picture[b-enx0wfsg3r] {
    inline-size: 30%;
    block-size: auto;
}

.picture img[b-enx0wfsg3r] {
    inline-size: 100%;
    block-size: auto;
}

.properties[b-enx0wfsg3r] {
    display: flex;
    flex-direction: column;
    margin-inline-start: auto;
    gap: 2rem;
}

.title[b-enx0wfsg3r] {
    font-size: 1.5rem;
    font-weight: bold;
}

.buttons[b-enx0wfsg3r] {
    margin-inline-start: auto;
}

.buttons > a[b-enx0wfsg3r] {
    display: inline-flex;
    text-align: center;
    border-radius: 1rem;
    padding: 0.2rem 2rem;
    color: inherit;
    border: solid 2px currentColor;
    text-decoration: none;
}

@media (min-width: 801px) {
    .widget[b-enx0wfsg3r] {
        margin: 1rem 20vi 2rem;
    }
}

@media (max-width: 500px) {
    .picture[b-enx0wfsg3r] {
        inline-size: 100%;
    }

    .properties[b-enx0wfsg3r] {
        flex-wrap: wrap;
        gap: 1rem;
    }
}

@media (orientation: portrait) and (max-width: 500px),
(orientation: landscape) and (max-height: 500px) {
    .widget[b-enx0wfsg3r] {
        margin: 1rem 1.5rem 3rem;
        gap: 1.5rem;
    }

    .description[b-enx0wfsg3r] {
        font-size: 1.1rem;
    }

    .info[b-enx0wfsg3r] {
        gap: 1rem;
    }

    .title[b-enx0wfsg3r] {
        line-height: 1.2;
    }
}

@media (orientation: landscape) and (max-height: 500px) {
    .widget[b-enx0wfsg3r] {
        gap: 1rem;
    }

    .description[b-enx0wfsg3r] {
        padding-block: 0;
    }
}

.error[b-enx0wfsg3r] {
    padding-block: 2rem;
    text-align: center;
    vertical-align: middle;
}
/* _content/RCBooksAudioSamples/Pages/Shared/_Layout.cshtml.rz.scp.css */
main[b-eos23at5yr] {
    inline-size: 100%;
}

.container[b-eos23at5yr] {
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}

footer[b-eos23at5yr] {
    display: flex;
    flex-flow: column;
    align-items: center;
    font-family: var(--font-family);
    font-size: 0.7rem;
    font-weight: normal;
}

footer div[b-eos23at5yr] {
    display: flex;
    flex-flow: row;
    column-gap: 0.5rem;
    align-items: center;
}

.social-links[b-eos23at5yr] {
    display: flex;
    flex-flow: row;
    column-gap: 0.5rem;
}

.copyright[b-eos23at5yr], .social-link[b-eos23at5yr], .social-link:visited[b-eos23at5yr]
{
    color: var(--text-color);
}

@media (orientation: landscape) {
    .container[b-eos23at5yr] {
        block-size: calc(100dvb - 3rem);
    }

    @media (max-height: 500px) {
        footer[b-eos23at5yr] {
            margin-inline: 3rem;
        }

        .copyright[b-eos23at5yr] {
            text-align: end;
        }
    }
}

@media (max-width: 800px) {
    .copyright[b-eos23at5yr], .social-link[b-eos23at5yr] {
        text-align: center;
    }
}

@media (max-width: 500px) {
    footer div[b-eos23at5yr] {
        flex-flow: column;
        align-items: center;
        margin-inline: 3rem;
    }
}

.image-button[b-eos23at5yr] {
    display: block;
}

.color-in-hover[b-eos23at5yr] {
    filter: grayscale(1) invert(1);
}

.color-in-hover2[b-eos23at5yr] {
    filter: grayscale(1) invert(1) brightness(1.8);
}

.color-in-hover:hover[b-eos23at5yr], .color-in-hover2:hover[b-eos23at5yr] {
    filter: unset;
}