/* _content/RCBooksAudioBooks/Pages/Listen/ComponentListenBook.razor.rz.scp.css */
.widget[data-fsize='normal'][b-52u7fqmbd5] {
    --fsize-int-h1: 1rem;
    --fsize-int-h2: 1rem;
    --fsize-int-text: 0.75rem;
    --player-int-margin: 15%;
    --player-int-margin-m: 8%;
    --player-int-margin-mv: 5%;
}

.widget[data-fsize='small'][b-52u7fqmbd5] {
    --fsize-int-h1: 1rem;
    --fsize-int-h2: 0.75rem;
    --fsize-int-text: 0.65rem;
    --chapter-int-gap: 0.5rem;
    --player-int-margin: auto;
    --player-int-margin-m: auto;
    --player-int-margin-mv: 10%;
}

.widget[data-fsize='medium'][b-52u7fqmbd5] {
    --fsize-int-h1: 1.2rem;
    --fsize-int-h2: 1rem;
    --fsize-int-text: 0.8rem;
    --chapter-int-gap: 0.6rem;
    --player-int-margin: 20%;
    --player-int-margin-m: 15%;
    --player-int-margin-mv: 8%;
}

.widget[b-52u7fqmbd5] {
    --color-th: var(--color-themed, light-dark(rgb(0 0 0), rgb(255 255 255)));
    --color: var(--color-th);
    --title-color: var(--color-th);
    --player-btn-color: rgba(96 88 205 / 100%);
    --slider-height: 3px;
    --slider-thumb-height: 13px;
    --box-shadow: var(--box-shadow-themed, light-dark(rgba(0 0 0 / 12%), rgba(255 255 255 / 30%)));
    --fsize-h1: var(--fsize-int-h1, 1rem);
    --fsize-h2: var(--fsize-int-h2, 1rem);
    --fsize-text: var(--fsize-int-text, 0.75rem);
    --chapter-gap: var(--chapter-int-gap, 0.6rem);
    --player-margin: var(--player-int-margin, 15%);
    --player-marginm: var(--player-int-marginm, 8%);
    --player-marginmv: var(--player-int-marginmv, 5%);
}

.wrapper[b-52u7fqmbd5] {
    inline-size: 100vi;
    display: flex;
    flex-flow: row;
}

.widget[b-52u7fqmbd5] {
    position: relative;
    color: var(--text-color);
    margin: 0;
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    display: flex;
    flex-flow: column;
}

.theme-button-div[b-52u7fqmbd5] {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-end: 0.6rem;
}

.theme-button[b-52u7fqmbd5], .size-button[b-52u7fqmbd5] {
    width: 24px;
    height: 24px;
    padding: 0;
    filter: var(--icon-filter);
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    border: var(--button-border, var(--player-border));
    background-color: inherit;
    -webkit-box-shadow: 0 11px 33px 0 var(--box-shadow);
    box-shadow: 0 11px 33px 0 var(--box-shadow);
}

.theme-button[b-52u7fqmbd5] {
    background-image: url('/icons/circle-half.svg');
}

.theme-button[data-theme='light'][b-52u7fqmbd5] {
    background-image: url('/icons/brightness-high-fill.svg');
}

.theme-button[data-theme='dark'][b-52u7fqmbd5] {
    background-image: url('/icons/moon-stars-fill.svg');
}

.theme-dark[b-52u7fqmbd5] {
    background-image: url('/icons/moon-stars-fill.svg');
}

.size-button[b-52u7fqmbd5] {
    background-image: url('/icons/bar-chart-line-fill.svg');
}

.book-link[b-52u7fqmbd5] {
    margin-inline: 2rem;
    display: flex;
    flex-flow: row;
    justify-content: center;
    column-gap: 0.5rem;
    font-size: 0.7rem;
}

.book-cover[b-52u7fqmbd5] {
    display: flex;
    margin-inline: auto;
    margin-block-end: 1rem;
}

.book-cover img[b-52u7fqmbd5], .book-cover picture[b-52u7fqmbd5] {
    inline-size: 80vi;
    block-size: auto;
}

.book-cover-pd img[b-52u7fqmbd5], .book-cover-pd picture[b-52u7fqmbd5] {
    padding-inline-end: 1.2vi;
}

.listen-book[b-52u7fqmbd5] {
    padding: 1.25rem;
    margin-block-end: 1.5rem;
    border-radius: 5px;
    border: var(--player-border);
    display: flex;
    row-gap: var(--chapter-gap);
    flex-flow: column;
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 11px 33px 0 var(--box-shadow);
    box-shadow: 0 11px 33px 0 var(--box-shadow);
}

.loading[b-52u7fqmbd5] {
    background-image: url('/icons/arrow-repeat.svg');
    background-position: right 1.25rem top 1.25rem;
    background-size: 1.25rem;
    background-repeat: no-repeat;
}

.lerror[b-52u7fqmbd5] {
    background-image: url('/icons/warning.svg');
    background-position: right 1.25rem top 3.25rem;
    background-size: 1.25rem;
    background-repeat: no-repeat;
}

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

.title h1[b-52u7fqmbd5] {
    color: var(--title-color);
    font-size: var(--fsize-h1);
    font-weight: bold;
}

.player-info h2[b-52u7fqmbd5] {
    font-size: var(--fsize-h2);
    font-weight: normal;
}

.small-text[b-52u7fqmbd5] {
    font-size: var(--fsize-text);
    font-weight: normal;
}

.player-info[b-52u7fqmbd5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-52u7fqmbd5] .btn-type {
    border: none;
    background: none;
    color: var(--player-btn-color);
}

.ft-menu[b-52u7fqmbd5] {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 20%;
}

[b-52u7fqmbd5] .ft-mp3::before {
    content: 'MP3: ';
    font-weight: normal;
}

.ft-separator[b-52u7fqmbd5] {
    flex-basis: 100%;
    block-size: 0;
}

[b-52u7fqmbd5] .hidden-button {
    display: none;
}

.player-slider input[b-52u7fqmbd5] {
    inline-size: 100%;
}

.player-position[b-52u7fqmbd5] {
    margin-block-start: 0.4rem;
}

.player-position[b-52u7fqmbd5], .player-buttons[b-52u7fqmbd5] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bgcolor);
}

button[b-52u7fqmbd5] {
    cursor: pointer;
}

.btn-play[b-52u7fqmbd5] {
    width: 30px;
    height: 36px;
    background-image: url('/images/player/play.svg');
    background-repeat: no-repeat;
    border: none;
    background-color: inherit;
    margin-inline-start: 6px;
}

.btn-play.playing[b-52u7fqmbd5] {
    background-image: url('/images/player/pause.svg');
}

.btn-small[b-52u7fqmbd5] {
    width: 20px;
    height: 20px;
    background-color: inherit;
    border: none;
}

.btn-medium[b-52u7fqmbd5] {
    width: 25px;
    height: 24px;
    background-color: inherit;
    border: none;
}

.btn-play:disabled[b-52u7fqmbd5], .btn-medium:disabled[b-52u7fqmbd5], .btn-small:disabled[b-52u7fqmbd5] {
    filter: grayscale(100%);
}

.chapters-list[b-52u7fqmbd5] {
    padding: 0 1.25rem 1.25rem;
    margin-inline: auto;
}

.chapters-list input[b-52u7fqmbd5] {
    display: none;
}

.chapters-list label[b-52u7fqmbd5] {
    text-transform: uppercase;
}

.chapters-list div[b-52u7fqmbd5], .chapters-list a[b-52u7fqmbd5] {
    max-height: 0;
    opacity: 0;
}

.chapters-list a[b-52u7fqmbd5] {
    display: block;
    visibility: hidden;
    color: var(--text-color);
    text-decoration: none;
}

.chapters-list label[b-52u7fqmbd5]::before {
    content: '\276F';
    float: left;
    padding-inline: 1rem;
}

.chapters-list input:checked + label + div[b-52u7fqmbd5],
.chapters-list input:checked + label + div a[b-52u7fqmbd5]
{
    visibility: visible;
    max-height: 100%;
    opacity: 1;
}

.chapters-list input:checked + label[b-52u7fqmbd5]::before {
    transition: transform 0.5s;
    transform: rotate(90deg);
}

.current-chapter[b-52u7fqmbd5], [b-52u7fqmbd5] .current-ftype, [b-52u7fqmbd5] .current-speed {
    font-weight: bold;
}

.current-chapter[b-52u7fqmbd5]::before {
    content: '\276F';
    float: left;
    margin-inline-start: -1rem;
    padding-inline-end: 0.5rem;
}

[b-52u7fqmbd5] .current-speed {
    order: 999;
}

@media (orientation: landscape) {
    .widget[b-52u7fqmbd5] {
        display: grid;
    }

    @media (min-height: 501px) {
        .widget[b-52u7fqmbd5] {
            grid-template-columns: 3fr 2fr;
        }

        .book-cover[b-52u7fqmbd5] {
            grid-column: 1;
            grid-row: 1;
        }

        .chapters-list[b-52u7fqmbd5] {
            grid-column: 2;
            grid-row: 1 / 3;
        }

        .listen-book[b-52u7fqmbd5] {
            grid-column: 1;
            grid-row: 2;
            margin: 1.5rem var(--player-margin) 2.5rem;
        }

        .book-cover img[b-52u7fqmbd5], .book-cover picture[b-52u7fqmbd5] {
            inline-size: auto;
            block-size: 50dvh;
        }
    }

    @media (max-height: 500px) {
        .widget[b-52u7fqmbd5] {
            grid-template-columns: 1fr 3fr;
            grid-column-gap: 1.5rem;
        }

        .theme-button-div[b-52u7fqmbd5] {
            position: fixed;
            inset-inline-start: 1rem;
        }

        .book-cover[b-52u7fqmbd5] {
            grid-column: 1;
            grid-row: 1 / 3;
            position: fixed;
            margin-block: 1.5rem;
            inline-size: 35%;
            block-size: auto;
            z-index: -1;
        }

        .book-cover img[b-52u7fqmbd5], .book-cover picture[b-52u7fqmbd5] {
            inline-size: auto;
            block-size: 45dvh;
            margin-block-start: 10dvb;
            margin-inline: auto;
        }

        .listen-book[b-52u7fqmbd5] {
            grid-column: 2;
            grid-row: 1;
            margin: 1.25rem var(--player-marginm) 1.5rem;
        }

        .chapters-list[b-52u7fqmbd5] {
            grid-column: 2;
            grid-row: 2;
        }

        .chapters-list input + label + div[b-52u7fqmbd5] {
            margin-block-end: 2rem;
        }

        .chapters-list input:checked + label + div[b-52u7fqmbd5] {
            margin-block-end: unset;
        }
    }
}

@media (max-width: 500px) {
    .book-cover[b-52u7fqmbd5] {
        margin-block: 1.7rem 1.2rem;
    }

    .book-cover img[b-52u7fqmbd5], .book-cover picture[b-52u7fqmbd5] {
        inline-size: 80vi;
        block-size: auto;
    }

    .book-cover-pd img[b-52u7fqmbd5], .book-cover-pd picture[b-52u7fqmbd5] {
        padding-inline-end: 1rem;
    }

    .listen-book[b-52u7fqmbd5] {
        margin-block-end: 0;
        row-gap: 0;
        margin-inline: var(--player-marginmv);
    }

    .chapters-list[b-52u7fqmbd5] {
        padding-block-start: 1rem;
    }

    .chapters-list input + label + div[b-52u7fqmbd5] {
        margin-block-end: 1rem;
    }

    .chapters-list input:checked + label + div[b-52u7fqmbd5] {
        margin-block-end: unset;
    }
}

input[type="range"][b-52u7fqmbd5] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
}

input[type="range"]:focus[b-52u7fqmbd5] {
    outline-color: transparent;
}

input[type="range"][b-52u7fqmbd5]::-webkit-slider-runnable-track {
    height: var(--slider-height);
    line-height: 0.5;
    background-color: var(--player-btn-color);
    cursor: pointer;
}

input[type="range"][b-52u7fqmbd5]::-moz-range-track {
    height: var(--slider-height);
    background-color: var(--player-btn-color);
    cursor: pointer;
}

input[type="range"][b-52u7fqmbd5]::-ms-track {
    height: var(--slider-height);
    background: transparent;
    border-color: transparent;
    color: transparent;
    background-color: var(--player-btn-color);
    cursor: pointer;
}

input[type="range"][b-52u7fqmbd5]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--slider-thumb-height);
    width: var(--slider-thumb-height);
    background-color: var(--player-btn-color);
    color: var(--player-btn-color);
    margin-top: -5px;
    border-radius: var(--slider-thumb-height);
}

input[type="range"][b-52u7fqmbd5]::-moz-range-thumb {
    height: var(--slider-thumb-height);
    width: var(--slider-thumb-height);
    background-color: var(--player-btn-color);
    color: var(--player-btn-color);
}

input[type="range"][b-52u7fqmbd5]::-ms-thumb {
    height: var(--slider-thumb-height);
    width: var(--slider-thumb-height);
    background-color: var(--player-btn-color);
    color: var(--player-btn-color);
}
/* _content/RCBooksAudioBooks/Pages/Listen/Index.cshtml.rz.scp.css */
.error-notfound[b-ewc456mslz] {
    padding-block: 2rem;
    text-align: center;
    vertical-align: middle;
}
/* _content/RCBooksAudioBooks/Pages/Read/Index.cshtml.rz.scp.css */
h1[b-wvzrg2avqu] {
    font-size: 1.5rem;
}

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

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

footer[b-g4np3vuhoi] {
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    display: flex;
    flex-flow: row;
    column-gap: 0.5rem;
    justify-content: center;
    align-items: flex-end;
}

.copyright[b-g4np3vuhoi] {
    font-size: 0.7rem;
    font-weight: normal;
}

.social-links[b-g4np3vuhoi] {
    display: flex;
    flex-flow: row;
    column-gap: 0.5rem;
    align-items: flex-end;
}

.social-links > p[b-g4np3vuhoi] {
    font-size: 0.7rem;
    font-weight: normal;
}

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

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

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

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

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

    .copyright[b-g4np3vuhoi] {
        text-align: center;
    }

    .social-links[b-g4np3vuhoi] {
        align-items: center;
    }
}


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

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

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

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