div.course-materials-wrapper[data-v-8c5c31a0] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    row-gap: 2px;
    contain: content;
}
div.course-materials-wrapper[data-v-8c5c31a0], div.course-materials-wrapper *[data-v-8c5c31a0]:not(h3) {
        font-size: calc(var(--w-font-16-main, 1rem) * 1.1);
}
div.course-materials-wrapper > h3[data-v-8c5c31a0] {
        grid-column: 1 / 4;
        font-size: calc(var(--w-font-16-title, 1rem) * 2);
}
div.course-materials-wrapper > .material-item[data-v-8c5c31a0] {
        display: contents;
        text-decoration: none;
}
div.course-materials-wrapper > .material-item[data-v-8c5c31a0]:hover, div.course-materials-wrapper > .material-item[data-v-8c5c31a0]:has(:focus-visible), div.course-materials-wrapper > .material-item[data-v-8c5c31a0]:has(:hover) {
            cursor: pointer;
}
div.course-materials-wrapper > .material-item:hover > *[data-v-8c5c31a0], div.course-materials-wrapper > .material-item:has(:focus-visible) > *[data-v-8c5c31a0], div.course-materials-wrapper > .material-item:has(:hover) > *[data-v-8c5c31a0] {
                background-color: color-mix(in srgb, var(--body-text-color) 5%, transparent);
}
div.course-materials-wrapper > .material-item:hover > svg[data-v-8c5c31a0], div.course-materials-wrapper > .material-item:has(:focus-visible) > svg[data-v-8c5c31a0], div.course-materials-wrapper > .material-item:has(:hover) > svg[data-v-8c5c31a0] {
                color: var(--secondary-color);
}
div.course-materials-wrapper > .material-item > *[data-v-8c5c31a0] {
            padding-block: .5em;
            place-self: stretch;

            cursor: inherit;

            transition: all ease-in-out 50ms;
}
div.course-materials-wrapper > .material-item > svg[data-v-8c5c31a0] {
            width: 2.5em;
            height: 2.5em;
            place-self: center;
            color: var(--body-text-color);
            contain: strict;
}
div.course-materials-wrapper > .material-item > svg[data-v-8c5c31a0]:first-of-type {
            grid-column: 1 / 2;
            border-start-start-radius: .5em;
            border-end-start-radius: .5em;
}
div.course-materials-wrapper > .material-item > svg[data-v-8c5c31a0]:last-of-type {
            grid-column: 3 / 4;
            border-end-end-radius: .5em;
            border-start-end-radius: .5em;
}
div.course-materials-wrapper > .material-item > span[data-v-8c5c31a0] {
            grid-column: 2 / 3;
            display: flex;
}
div.course-materials-wrapper > .material-item > span[data-v-8c5c31a0], div.course-materials-wrapper > .material-item > span > *[data-v-8c5c31a0] {
                min-width: 0;
                white-space: nowrap;
}
div.course-materials-wrapper > .material-item > span > .title[data-v-8c5c31a0] {
                color: var(--body-title-color);
                text-indent: .5em;
                text-decoration: underline;
                text-overflow: ellipsis;
                overflow: hidden;
                flex: 1 1 100%;
                place-self: center flex-start;
}
div.course-materials-wrapper > .material-item > span > .file-extension[data-v-8c5c31a0] {
                color: var(--body-text-color);
                font-size: .9em;
                text-decoration: none;
                overflow: hidden;
                flex: 0 0 max-content;
                place-self: center flex-end;
                opacity: .75;
}
div.course-materials-wrapper > .material-item > span > .file-extension[data-v-8c5c31a0]::before {
                    content: '(';
}
div.course-materials-wrapper > .material-item > span > .file-extension[data-v-8c5c31a0]::after {
                    content: ')';
}


.button-container[data-v-7d24e389] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    flex-flow: row wrap;
    gap: 1em;
}
.button-container[data-v-7d24e389] > * {
        flex: 1 1 max-content;
        min-width: 30%;
}
@media print {
.button-container[data-v-7d24e389] {
        display: none
}
}


div.date-and-author-container[data-v-70d83691] {
    flex: 1 0 auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}
div.date-and-author-container *[data-v-70d83691] {
        font-size: inherit;
}
div.date-and-author-container .date[data-v-70d83691], div.date-and-author-container .time[data-v-70d83691], div.date-and-author-container .author[data-v-70d83691] {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
}
div.date-and-author-container .date span.text[data-v-70d83691], div.date-and-author-container .time span.text[data-v-70d83691], div.date-and-author-container .author span.text[data-v-70d83691] {
            padding-right: 1em;
            font-size: 1em;
            line-height: 1em;
            vertical-align: middle;
}
div.date-and-author-container .date[data-v-70d83691], div.date-and-author-container .date span.text[data-v-70d83691], div.date-and-author-container .time[data-v-70d83691], div.date-and-author-container .time span.text[data-v-70d83691], div.date-and-author-container .author[data-v-70d83691], div.date-and-author-container .author span.text[data-v-70d83691] {
            white-space: nowrap;
}
div.date-and-author-container .date .material-icon[data-v-70d83691], div.date-and-author-container .time .material-icon[data-v-70d83691], div.date-and-author-container .author .material-icon[data-v-70d83691] {
            margin: 0 .2em;
            height: .9em;
}
div.date-and-author-container .date .material-icon path[data-v-70d83691], div.date-and-author-container .time .material-icon path[data-v-70d83691], div.date-and-author-container .author .material-icon path[data-v-70d83691] {
                color: inherit;
}
div.date-and-author-container .date span[data-v-70d83691], div.date-and-author-container .date svg[data-v-70d83691], div.date-and-author-container .time span[data-v-70d83691], div.date-and-author-container .time svg[data-v-70d83691] {
            /* "inline" or "none" */
            display: var(--article-date-display, inline);
}
div.date-and-author-container .author span[data-v-70d83691], div.date-and-author-container .author svg[data-v-70d83691] {
            /* "inline" or "none" */
            display: var(--article-author-display, inline);
            text-transform: uppercase;
}


div.some-share-buttons[data-v-d25ceb48] {
    flex: 0 0 auto;
    display: flex;
    place-content: center;
    gap: 1em;
    contain: paint;
}
@media print {
div.some-share-buttons[data-v-d25ceb48] {
        display: none
}
}
div.some-share-buttons > a[data-v-d25ceb48] {
        padding: .19em;
        height: 1.4em;
        width: 1.4em;
        contain: strict;

        box-shadow: 0 0 7px 0 #fafafa;
        border-radius: 50%;
        border: none !important;

        font-size: 1.5em;
        text-align: center;

        opacity: 1;

        color: var(--body-title-color) !important;
}
div.some-share-buttons > a > svg[data-v-d25ceb48] {
            height: 1em;
            width: 1em;
}
div.some-share-buttons > a[data-v-d25ceb48]:not(:hover, :focus-visible) {
            opacity: .75;
}
div.some-share-buttons > a[data-v-d25ceb48]:focus-visible {
            outline: solid 2px var(--primary-color-outline);
            outline-offset: 3px;
}



div.author-block[data-v-2f3982e4] {
    /* variable is "none" or unset */
    display: var(--article-author-and-share-container-display, flex);

    width: 100%;

    flex-flow: row wrap;
    place-content: flex-start flex-start;

    row-gap: .5em;
    padding: .5em 1em;

    border: 1px solid rgb(0, 0, 0, 0.025);
    border-left: none;
    border-right: none;
    border-radius: .25em;

    background-color: rgb(0, 0, 0, 0.05);

    font-size: var(--w-font-12);
}
div.author-block *[data-v-2f3982e4] {
        font-size: inherit;
}


@media print {
div.col-links[data-v-3bc684da] {
        display: none
}
}