:root {
    /* Theme */
    /* Theme ~ Typography */
    font-family: var(--paragraph-font);
    color: var(--text-pri);
    --text-xs: 0.878rem;
    --text-sm: 0.937rem;
    --text-base: 1rem;
    --text-lg: 1.067rem;
    --text-xl: 1.138rem;
    --text-2xl: 1.215rem;
    --text-3xl: 1.296rem;
    --text-4xl: 1.383rem;
    --text-5xl: 1.476rem;
    --text-6xl: 1.575rem;
    --text-7xl: 1.68rem;
    --text-8xl: 1.793rem;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-black: 900;
    /* Effects */
    /* Effects ~ Box Shadow */
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    /* Interactivity */
    /* Interactivity ~ Scroll Behaviour */
    scroll-behavior: smooth;
}

.searchhighlight
{
	background-color:yellow;
	color:#000;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}
/* Theme ~ Backgrounds*/
header,
main {
    background: var(--body-background);
}

    main.alternating-background {
        background: var(--alt-background-odd);
    }

        main.alternating-background > form > section:nth-of-type(odd),
        main.alternating-background > section:nth-of-type(odd) {
            background: var(--alt-background-odd);
        }

        main.alternating-background > form > section:nth-of-type(even),
        main.alternating-background > section:nth-of-type(even) {
            background: var(--alt-background-even);
        }
/* Actions */
/* Actions ~ Button */
.view-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .view-toggle button {
        width: 50%;
        font-size: var(--text-base);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border: 1.5px solid var(--button-pri);
        height: 3rem;
        padding: 0 1rem;
        font-weight: 500;
        background: var(--background-PRI);
        color: var(--button-pri);
        text-wrap: nowrap;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .view-toggle button:hover {
            background: var(--media-padding);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .view-toggle button.active {
            background: var(--button-pri);
            color: var(--text-light);
        }

            .view-toggle button.active:hover {
                background: var(--accent-tri-hover);
                border: 1px solid var(--accent-tri-hover);
            }

        .view-toggle button i {
            padding-right: .75rem;
        }

        .view-toggle button:first-of-type {
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem;
        }

        .view-toggle button:last-of-type {
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem;
        }
/* Actions ~ Dropdown */
.clip-options {
    top: 1.75rem;
    right: -0.75rem;
    position: absolute;
    left: unset;
    margin: unset;
    border-radius: 0.5rem;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    background: var(--background-pri);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .clip-options.open {
        visibility: visible;
        opacity: 100;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .clip-options a {
        font-size: var(--text-sm);
        margin: 0 8px;
        padding: 0.5rem 1rem;
        text-decoration: none;
        background: var(--background-pri);
        border-radius: 0.5rem;
        font-weight: 500;
    }

    .clip-options i {
        margin-right: .5rem;
    }

    .clip-options a:hover {
        background: var(--background-sec);
    }
/* Actions ~ Modal */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 4;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modal-header {
    padding: 16px;
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--border-light);
}

    .modal-header h2 {
        color: var(--text-pri);
        font-size: var(--text-2xl);
        font-weight: var(--font-medium);
    }

.modal-body {
    padding: 1rem;
    height: 60vh;
    overflow-y: auto;
    margin-bottom: 4.5rem;
}
/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    border-radius: 1rem;
    padding: 0;
    width: calc(100% - 32px);
    max-width: 32rem;
    max-height: calc(100vh - 5em);
    -webkit-box-shadow: #00000040 0 25px 50px -12px;
    box-shadow: #00000040 0 25px 50px -12px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    overflow-y: initial;
}

.wide-modal .modal-content {
    max-width: 48rem;
}

.modal-footer {
    padding: 1rem;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    border-top: 1px solid var(--border-light);
    background: var(--background-pri);
    border-radius: 0 0 1rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal-content .modal-footer > button.close {
    font-size: var(--text-base);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--button-pri);
    border: none;
    color: var(--text-light);
    height: 2.5rem;
    padding: 0 1rem;
    font-weight: var(--font-medium);
}

    .modal-content .modal-footer > button.close:hover {
        background: var(--button-pri-hover);
    }

.modal .modal-footer .right {
    margin-left: auto;
}

.close {
    color: var(--text-sec);
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

body.fixed {
    height: 100vh;
    overflow-y: hidden;
}

body {
    position: relative;
}

.background-overlay {
    display: none;
    position: fixed;
    z-index: 4;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    .background-overlay.active {
        display: block;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }
/* Actions ~ Modal ~ Add To List */
#myModalAddList > .modal-content .modal-body > ul {
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
}

    #myModalAddList > .modal-content .modal-body > ul > li {
        width: 100%;
    }

        #myModalAddList > .modal-content .modal-body > ul > li > button {
            width: 100%;
            padding: .5rem 1rem .5rem .5rem;
            border: 1px solid var(--border-light);
            border-radius: .5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 1rem;
            background: var(--background-pri);
            -webkit-transition: all 0.2 ease-in-out;
            -o-transition: all 0.2 ease-in-out;
            transition: all 0.2 ease-in-out;
        }

            #myModalAddList > .modal-content .modal-body > ul > li > button.on {
                background: var(--alt-background-even);
                -webkit-transition: all 0.2 ease-in-out;
                -o-transition: all 0.2 ease-in-out;
                transition: all 0.2 ease-in-out;
            }

            #myModalAddList > .modal-content .modal-body > ul > li > button > .img-list {
                position: relative;
            }

                #myModalAddList > .modal-content .modal-body > ul > li > button > .img-list::before {
                    content: " ";
                    position: absolute;
                    top: 0.125rem;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 1px solid var(--border-light);
                    border-radius: 0.125rem;
                    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                    background: var(--background-pri);
                    z-index: 1;
                }

                #myModalAddList > .modal-content .modal-body > ul > li > button > .img-list::after {
                    content: " ";
                    position: absolute;
                    top: .25rem;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 1px solid var(--border-light);
                    border-radius: 0.125rem;
                    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                    background: var(--background-pri);
                    z-index: 0;
                }

                #myModalAddList > .modal-content .modal-body > ul > li > button > .img-list > img {
                    width: 5rem;
                    height: auto;
                    padding: .125rem;
                    border: 1px solid var(--border-light);
                    border-radius: .125rem;
                    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                    position: relative;
                    background: var(--background-pri);
                    z-index: 1;
                }

            #myModalAddList > .modal-content .modal-body > ul > li > button > .details {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                text-align: left;
            }

                #myModalAddList > .modal-content .modal-body > ul > li > button > .details > h4 {
                    font-size: var(--text-sm);
                    font-weight: var(--font-medium);
                    color: var(--text-pri);
                }

                #myModalAddList > .modal-content .modal-body > ul > li > button > .details > div {
                    font-size: var(--text-xs);
                    color: var(--text-sec);
                }

            #myModalAddList > .modal-content .modal-body > ul > li > button > .checkbox {
                margin: auto 0;
                width: 1.5rem;
                height: 1.5rem;
                border: 1.5px solid var(--text-sec);
                border-radius: .25rem;
                background: var(--background-pri);
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                -ms-flex-negative: 0;
                flex-shrink: 0;
            }

            #myModalAddList > .modal-content .modal-body > ul > li > button.on > .checkbox {
                border: 1.5px solid var(--accent-pri);
                background: var(--accent-pri);
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

            #myModalAddList > .modal-content .modal-body > ul > li > button > .checkbox > i {
                visibility: hidden;
                opacity: 0;
                margin: auto;
            }

            #myModalAddList > .modal-content .modal-body > ul > li > button.on > .checkbox > i {
                visibility: visible;
                opacity: 1;
                margin: auto;
                color: var(--text-light)
            }

                #myModalAddList > .modal-content .modal-body > ul > li > button.on > .checkbox > i:before {
                    content: "\f00c";
                }

            #myModalAddList > .modal-content .modal-body > ul > li > button.on:hover > .checkbox > i:before {
                content: "\f068";
                -webkit-transition-delay: 1s;
                -o-transition-delay: 1s;
                transition-delay: 1s;
            }

#myModalAddList > .modal-content .modal-footer > button.new-collection {
    float: left;
    border: none;
    background: var(--background-pri);
    font-size: var(--text-base);
    margin: -.5rem;
    padding: .5rem 1rem .5rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .5rem;
    -ms-flex-line-pack: center;
    align-content: center;
}

    #myModalAddList > .modal-content .modal-footer > button.new-collection:hover {
        background: var(--alt-background-odd);
    }

    #myModalAddList > .modal-content .modal-footer > button.new-collection > .square {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: var(--alt-background-odd);
        width: 2.5rem;
        height: 2.5rem;
        margin-right: .5rem;
        border-radius: .25rem;
    }

    #myModalAddList > .modal-content .modal-footer > button.new-collection:hover > .square {
        background: var(--background-pri);
    }

    #myModalAddList > .modal-content .modal-footer > button.new-collection > .square i {
        margin: auto;
    }

    #myModalAddList > .modal-content .modal-footer > button.new-collection > .text {
        margin: auto 0;
    }
/* Actions ~ Modal ~ New Collection */
#myModalNewCollection > .modal-content .modal-body > div:not(:last-of-type) {
    margin-bottom: .5rem;
}

#myModalNewCollection > .modal-content .modal-body input,
#myModalNewCollection > .modal-content .modal-body textarea {
    margin-top: .5rem;
}

#myModalNewCollection > .modal-content .modal-footer > button.cancel {
    border: none;
    background: none;
    color: var(--accent-pri);
    text-decoration: none;
}

    #myModalNewCollection > .modal-content .modal-footer > button.cancel:hover {
        color: var(--accent-pri-hover);
        text-decoration: underline;
    }
/* Data Display */
/* Data Display ~ Avatar */
.avatar-container {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--text-light);
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    background: var(--button-pri);
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1/1;
}
/* Data Display ~ Badge */
.badge-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: var(--text-xs);
    line-height: 1.25rem;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 0rem 0.5rem 0.125rem 0.5rem;
    border-width: 1px;
    border-color: var(--button-pri);
    border-radius: 0.25rem;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

a.badge:hover {
    -webkit-transition: all 0.5 ease-in-out;
    -o-transition: all 0.5 ease-in-out;
    transition: all 0.5 ease-in-out;
}
/* Data Display ~ Card*/
section.media .wrapper .media,
section.media .wrapper .presenter {
    background: none;
    padding: 1rem;
    border-radius: .5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

    section.media .wrapper .media:hover {
        background: var(--accent-sec);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    section.media .wrapper .media.active {
        background: var(--accent-sec);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        section.media .wrapper .media.active:hover {
            background: var(--accent-sec-hover);
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

section.media .wrapper .presenter {
    background: none;
    padding: 1rem;
    border-radius: .25rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

section.media .wrapper .presenter {
    padding: 0;
    margin: 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: var(--background-pri);
}

    section.media .wrapper .presenter:hover {
        -webkit-box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.33);
        box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.33);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    section.media .wrapper .media .img-container,
    section.media .wrapper .presenter > .img-container {
        position: relative;
        margin-bottom: .75rem;
        border-radius: .25rem;
        width: 100%;
        padding-top: 56.25%;
        background: var(--background-pri);
    }

        section.media .wrapper .media .img-container img {
            border-radius: .25rem;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    section.media .wrapper .presenter > .img-container {
        position: relative;
        margin-bottom: 0.75rem;
        border-radius: 0.25rem;
        width: 100%;
        padding-top: 56.25%;
        background: var(--background-pri);
    }

        section.media .wrapper .presenter > .img-container img {
            border-radius: .2rem .2rem 0 0;
        }

header.profile + main section.media .wrapper .media .img-container.Presenter {
    width: 100%;
    padding-top: 56.25%;
    background: var(--button-pri);
}

header.profile + main section.media .wrapper .media .img-container img.Presenter {
    display: none;
}

header.profile + main section.media .wrapper .media .img-container .name {
    display: none;
}

    header.profile + main section.media .wrapper .media .img-container .name.Presenter {
        display: unset;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: var(--text-light);
        font-weight: var(--font-medium);
        font-size: var(--text-xl);
        text-align: center;
        text-wrap: balance;
    }

section.media .wrapper .media .img-container > .overlay-content,
section.media .wrapper .presenter > .img-container > .overlay-content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, 0.5)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0.5) 100%);
    visibility: hidden;
    border-radius: .25rem;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

section.media .wrapper .presenter > .img-container > .overlay-content {
    background: rgb(0, 0, 0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 100%);
}

section.media .wrapper .media:hover > .img-container > .overlay-content,
section.media .wrapper .presenter:hover > .img-container > .overlay-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

section.media .wrapper .media .img-container > .overlay-content > .actions,
section.media .wrapper .presenter > .img-container > .overlay-content > .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 .75rem .5rem;
    gap: 0.5rem;
    z-index: 999999;
}

    section.media .wrapper .media .img-container > .overlay-content > .actions > button,
    section.media .wrapper .presenter > .img-container > .overlay-content > .actions > button {
        width: 2.5rem;
        height: 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        background: #00000054;
        border: 2px solid #ffffffA8;
        border-radius: 100%;
        color: var(--text-light);
        font-size: var(--text-base);
        -webkit-filter: saturate(1);
        filter: saturate(1);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        section.media .wrapper .media .img-container > .overlay-content > .actions > button > i,
        section.media .wrapper .presenter > .img-container > .overlay-content > .actions > button > i {
            margin: auto;
            font-size: var(--text-xl);
        }

            section.media .wrapper .media .img-container > .overlay-content > .actions > button > i.fa-heart,
            section.media .wrapper .presenter > .img-container > .overlay-content > .actions > button > i.fa-heart {
                padding-top: .125rem;
            }

.media .img-container .progress-bar-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: #ffffff54;
    z-index: 1;
    /*display: none;*/
}

    .media .img-container .progress-bar-container .progress-indicator {
        background: var(--accent-pri);
        height: 100%;
    }

section.media .wrapper .media .img-container > .duration,
section.media .wrapper .presenter > .img-container .count {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 .5rem .75rem 0;
    font-size: var(--text-xs);
    color: var(--text-light);
    background: #1B2F4ECC;
    border-radius: .125rem;
    padding: 0 .25rem;
    z-index: 1;
}

section.media .wrapper .media .img-container.External {
    background: var(--background-pri);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    section.media .wrapper .media .img-container.External img.External {
        padding: 1rem;
        margin: auto;
    }

    section.media .wrapper .media .img-container.External + .content .metadata:first-of-type::after {
        font: var(--fa-font-solid);
        content: "\f360";
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: var(--button-pri);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

section.media .wrapper .media:hover .img-container.External + .content .metadata:first-of-type::after {
    color: var(--text-pri);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

section.media .wrapper .media h3 > a,
section.media .wrapper .presenter > h3 > a {
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    margin-bottom: .375rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
    text-wrap: wrap;
    text-wrap: pretty;
}

section.media .wrapper .media .text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.media .wrapper .media .current {
    display: none;
}

    section.media .wrapper .media .current.active {
        display: block;
    }

section.media .wrapper .media .fa-xs {
    line-height: 1.75;
    margin-right: .5rem;
}

section.media .wrapper .media h3 .count {
    color: var(--text-sec);
    font-weight: var(--font-normal);
    font-size: var(--text-xs);
}

section.media .wrapper .presenter > h3 > a {
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    color: var(--text-pri);
    padding: 0.375rem 1.5rem .125rem 1.5rem;
}

section#sectionTopicsBrowse > .wrapper .media h3 > a {
    margin-bottom: 0;
}

section.media .wrapper .media h3 > a::after,
section.media .wrapper .presenter > h3 > a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

section.media .wrapper .media p.description {
    display: none;
}

section.media .wrapper .media .metadata,
section.media .wrapper .presenter > .metadata {
    font-size: var(--text-xs);
    color: var(--text-sec);
}

section.media .wrapper .presenter > .metadata {
    padding: 0rem 1.5rem 1rem 1.5rem;
}

    section.media .wrapper .media .metadata > span:not(:last-of-type)::after,
    section.media .wrapper .presenter > .metadata > span:not(:last-of-type)::after {
        content: '•';
        padding: 0 0.125rem 0 0.375rem;
    }

section.media .media .metadata > span.open-access,
section.media .media .metadata > span.get-access,
section.media .media .metadata > span.Openget-access,
section.media .media .metadata > span.Getopen-access {
    display: none;
}

section.media .media .metadata > span.Openopen-access {
    color: #008744;
}

section.media .media .metadata > span.Getget-access {
    color: var(--text-pri-hover);
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    section.media .media .metadata > span.Getget-access:hover {
        color: var(--text-pri);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    section.media .media .metadata > span.Getget-access i,
    section.media .media .metadata > span.Openopen-access i {
        margin-right: 0.25rem;
    }

    section.media .media .metadata > span.Getget-access::before,
    section.media .media .metadata > span.Openopen-access::before {
        content: '|';
        padding: 0 0.5rem;
        color: var(--text-sec);
    }
/* Data Display ~ Carousel */
main.homepage section.media {
    overflow: hidden;
}

main.homepage section:nth-of-type(odd):not(.img-bg).splide {
    background: unset;
}

main.homepage .media .splide h2 {
    font-size: var(--text-2xl);
    font-weight: var(--font-medium);
    margin-bottom: 1.25rem;
}

.media-splide .splide__arrow--prev {
    left: 0;
}

.media-splide .splide__arrow--next {
    right: 0;
}

.media-splide .splide__pagination {
    position: relative;
    padding-top: 1.5rem;
}

.media-splide .splide__pagination__page {
    background: #000;
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
}

    .media-splide .splide__pagination__page.is-active {
        background: var(--accent-pri);
    }

.media-splide .splide__track {
    margin: 0 -.65rem;
    overflow: visible;
}

.splide__list li:not(.is-visible) {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
/* Data Display ~ Collapse */
.collapsible-content.collapse {
    opacity: 0;
    visibility: hidden;
    height: 0px;
    display: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.collapsible-content.expand {
    opacity: 1;
    visibility: visible;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: unset;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* Data Display ~ Kbd */
.kbd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.kbd-combination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    font-size: var(--text-sm);
}

.kbd-container:not(:last-of-type) {
    margin-bottom: 0.75rem;
}

.kbd-combination kbd {
    padding: 0.125rem 0.325rem;
    font-size: 0.75rem;
    line-height: 1rem;
    min-height: 1.2em;
    min-width: 1.2em;
    background: #F2F2F2;
    border-color: #C7CACD;
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 2px;
    border-radius: .25rem;
}

.kbd-combination li:not(:last-of-type):after {
    content: '+';
    padding: 0 0.25rem;
}
/* Data Display ~ Loading */
/* DATA DISPLAY: Text Toggle Display */
.text-toggle.unclip {
    max-height: unset;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.text-toggle.clip {
    max-height: 142px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
}

.text-toggle + .text-toggle-link {
    display: none;
    color: var(--text-pri-hover);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .text-toggle + .text-toggle-link:hover {
        color: var(--accent-tri-hover);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.text-toggle.clip + .text-toggle-link span::before {
    content: "Read more";
}

.text-toggle.unclip + .text-toggle-link span::before {
    content: "Read less";
}

.text-toggle.clip + .text-toggle-link,
.text-toggle.unclip + .text-toggle-link {
    margin-top: 1rem;
    display: block;
}

    .text-toggle.unclip + .text-toggle-link i::before {
        content: "\f106";
    }
/* Data Display ~ Tooltip */
.tooltip {
    position: relative;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        opacity: 0;
        max-width: 20rem;
        border-radius: 0.25rem;
        padding: 0.25rem 0.5rem;
        font-size: .875rem;
        line-height: 1.25rem;
        background-color: #1B2F4ECC;
        color: var(--text-light);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-transition: all 0.2s ease-in-out 0.2s;
        -o-transition: all 0.2s ease-in-out 0.2s;
        transition: all 0.2s ease-in-out 0.2s;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        position: absolute;
        top: -75%;
        left: 50%;
        right: auto;
    }

        .tooltip .tooltiptext::after {
            opacity: 1;
            -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
            transform: translate(-50%);
            border-color: #1B2F4ECC transparent transparent transparent;
            left: 50%;
            bottom: -22%;
            position: absolute;
            content: "";
            border-style: solid;
            border-width: .1875rem;
            width: 0;
            height: 0;
            display: block;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.2s ease-in-out 1s;
        -o-transition: all 0.2s ease-in-out 1s;
        transition: all 0.2s ease-in-out 1s;
    }
/* Data Input */
input {
    background-color: #ffffff;
    border-radius: .25rem;
    border: 1px solid #CDD0D1;
    font-size: var(--text-sm);
    height: 3rem;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
/* Data Input ~ Checkbox */
/* Data Input ~ Radio */
/* Data Input ~ Search */
.nav-search input {
    background-color: #F0F2F6;
    border-radius: .5rem;
    border: none;
    font-size: var(--text-sm);
    height: 3rem;
    min-width: 8rem;
    padding-left: 24px;
    padding-right: 24px;
}
/* Data Input ~ Select */
/* Data Input ~ Submit */
input.primary {
    background: var(--button-pri);
    border: none;
    color: var(--text-light);
    font-size: var(--text-lg);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    input.primary:hover {
        background: var(--button-pri-hover);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
/* Data Input ~ Text */
/* Data Input ~ Textarea */
textarea {
    background-color: #ffffff;
    border-radius: .25rem;
    border: 1px solid #CDD0D1;
    font-size: var(--text-sm);
    width: 100%;
    padding: .5rem 1rem;
}
/* Data Input ~ Toggle */
/* Icons */
.fa-facebook {
    color: #0866FF;
}

.fa-linkedin-in {
    color: #0a66c2;
}

.fa-x-twitter {
    color: rgba(15, 20, 25, 1.00);
}

.fa-whatsapp {
    color: #25d366;
}

.fa-play {
    padding-left: .25rem;
}
/* Navigation */
/* Navigation ~ Header Navigation */
nav.nav {
    background: var(--nav-background);
    padding: 16px;
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 4;
}

    nav.nav .grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: -webkit-min-content 1rem auto 1rem 4.75rem;
        -ms-grid-columns: min-content 1rem auto 1rem 4.75rem;
        grid-template-columns: -webkit-min-content auto 4.75rem;
        grid-template-columns: min-content auto 4.75rem;
        -ms-grid-rows: auto 0.5rem auto;
        grid-template-rows: auto auto;
        grid-row-gap: 0.5rem;
        grid-column-gap: 1rem;
        position: relative;
    }

        nav.nav .grid > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        nav.nav .grid > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        nav.nav .grid > *:nth-child(3) {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        nav.nav .grid > *:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        nav.nav .grid > *:nth-child(5) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }

        nav.nav .grid > *:nth-child(6) {
            -ms-grid-row: 3;
            -ms-grid-column: 5;
        }

        nav.nav .grid .nav-logo {
            -ms-grid-column: 2;
            grid-column-start: 2;
            -ms-grid-column-span: 1;
            grid-column-end: 3;
            -ms-grid-row: 1;
            grid-row-start: 1;
            -ms-grid-row-span: 1;
            grid-row-end: 2;
            display: -ms-inline-grid;
            display: inline-grid;
            margin: auto;
        }

            nav.nav .grid .nav-logo img {
                height: 2rem;
                width: var(--logo-width);
                content: var(--logo-img);
            }

        nav.nav .grid div {
            margin-top: auto;
            margin-bottom: auto;
        }

        nav.nav .grid .nav-menu {
            -ms-grid-column: 1;
            grid-column-start: 1;
            -ms-grid-column-span: 1;
            grid-column-end: 2;
            -ms-grid-row: 1;
            grid-row-start: 1;
            -ms-grid-row-span: 1;
            grid-row-end: 2;
            display: -ms-inline-grid;
            display: inline-grid;
            margin: auto;
            margin-right: auto;
        }

        nav.nav .grid .nav-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 100%;
            margin: 16px -16px;
            -webkit-box-shadow: var(--shadow-md);
            box-shadow: var(--shadow-md);
            background: var(--background-pri);
            padding: .5rem;
            width: 100vw;
            border-top: 0.25px solid var(--border-light);
            visibility: hidden;
            opacity: 0;
            -webkit-transform: scale(.95);
            -ms-transform: scale(.95);
            transform: scale(.95);
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            nav.nav .grid .nav-links.open {
                z-index: 1;
                visibility: visible;
                opacity: 100;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            nav.nav .grid .nav-links a,
            nav.nav .grid .nav-links a:visited {
                color: var(--text-pri);
                font-size: var(--text-sm);
                font-weight: var(--font-medium);
                text-decoration: none;
                padding: 0.75rem 1rem;
                border-radius: 0.5rem;
            }

                nav.nav .grid .nav-links a:hover {
                    background: var(--background-pri-hover);
                }

        nav.nav .grid .nav-search {
            -ms-grid-column: 1;
            grid-column-start: 1;
            -ms-grid-column-span: 3;
            grid-column-end: 4;
            -ms-grid-row: 2;
            grid-row-start: 2;
            -ms-grid-row-span: 1;
            grid-row-end: 3;
        }

            nav.nav .grid .nav-search form {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-negative: 1;
                flex-shrink: 1;
            }

                nav.nav .grid .nav-search form input {
                    border-radius: .5rem 0 0 .5rem;
                    width: 100%;
                    height: 2.5rem;
                }

                nav.nav .grid .nav-search form button {
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    background: var(--button-pri);
                    width: 2.5rem;
                    font-size: var(--text-lg);
                    border: none;
                    color: var(--text-light);
                    border-radius: 0 .5rem .5rem 0;
                }

                    nav.nav .grid .nav-search form button:hover {
                        background: var(--button-pri-hover);
                    }

        nav.nav .grid .nav-user .avatar {
            width: 2.5rem;
            height: 2.5rem;
            margin: .25rem 0;
        }

        nav.nav .grid .nav-user.active-button .avatar {
            background: var(--button-pri-hover);
        }

        nav.nav .grid .nav-user #dropdown label {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 0.5rem;
        }

        nav.nav .grid .nav-user .username {
            display: none;
            font-size: var(--text-sm);
            font-weight: var(--font-medium);
            cursor: pointer;
        }

            nav.nav .grid .nav-user .username:hover {
                color: var(--text-pri-hover);
            }

            nav.nav .grid .nav-user .username.is-active {
                color: var(--text-pri-hover);
            }

    nav .avatar,
    nav.nav .username,
    button,
    a {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

        nav .avatar:hover,
        nav.nav .username,
        button:hover,
        a:hover {
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    nav.nav .grid .nav-user i {
        padding-left: .25rem;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    nav.nav .grid .active-button i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    nav.nav .grid .nav-user .dropdown-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        background: var(--background-pri);
        top: 100%;
        left: 0;
        margin: 16px -16px;
        padding: 8px 0;
        border-radius: 0;
        -webkit-box-shadow: var(--shadow-md);
        box-shadow: var(--shadow-md);
        width: 100vw;
        border-top: 0.25px solid var(--border-light);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        z-index: 1;
    }

        nav.nav .grid .nav-user .dropdown-content.open {
            visibility: visible;
            opacity: 100;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        nav.nav .grid .nav-user .dropdown-content a,
        nav.nav .grid .nav-user .dropdown-content a:visited {
            font-size: var(--text-sm);
            margin: 0 8px;
            padding: .75rem 1rem;
            text-decoration: none;
            background: var(--background-pri);
            border-radius: .5rem;
            font-weight: var(--font-medium);
        }

            nav.nav .grid .nav-user .dropdown-content a:hover {
                background: var(--background-pri-hover);
            }

        nav.nav .grid .nav-user .dropdown-content hr {
            border-top: 0.5px solid var(--border-light);
            border-right: none;
            border-bottom: none;
            border-left: none;
            width: 100%;
            margin: .5rem 0;
        }

    nav.nav .grid .nav-menu {
        display: block;
        margin-left: auto;
        border: none;
        background: none;
    }

        nav.nav .grid .nav-menu i {
            color: var(--text-pri);
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        nav.nav .grid .nav-menu.active-button i {
            color: var(--accent-pri);
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    nav.nav .grid button.nav-user {
        background: none;
        border: none;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.5rem;
        margin-left: auto;
    }
/* Navigation ~ Link */
a.section-link {
    text-align: center;
    color: var(--accent-pri);
    font-weight: var(--font-medium);
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    a.section-link:hover {
        color: var(--accent-pri-hover);
        text-decoration: underline;
    }

section.img-bg a.section-link {
    color: var(--text-light);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    section.img-bg a.section-link:hover {
        color: var(--background-pri-hover);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

a.section-link i {
    margin-left: .5rem;
}

a.section-link:hover i {
    -webkit-animation: bounce 1s infinite;
    animation: bounce 1s infinite;
}
/* Navigation ~ Pagination */
nav.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    font-size: var(--text-sm);
    color: var(--text-sec);
    background: var(--background-pri);
    width: 100%;
    border: 1px solid var(--accent-pri);
    border-radius: .25rem;
    height: 3rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    nav.pagination a {
        color: var(--text-sec);
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: .5rem;
        width: 3rem;
        height: 3rem;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        nav.pagination a.disabled {
            cursor: not-allowed;
            opacity: .33;
        }

            nav.pagination a.disabled:hover {
                background: inherit;
            }

    nav.pagination .pagination-first a,
    nav.pagination .pagination-prev a {
        border-right: 1px solid var(--border-accent);
    }

    nav.pagination .pagination-next a,
    nav.pagination .pagination-last a {
        border-left: 1px solid var(--border-accent);
    }

    nav.pagination a:hover {
        background: var(--accent-sec);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    nav.pagination a .pagination-link-title {
        display: none;
    }

    nav.pagination a i {
        color: var(--accent-pri);
        margin: auto;
        position: relative;
        top: 1px;
    }

    nav.pagination form {
        margin: auto;
        position: relative;
    }

        nav.pagination form select {
            cursor: pointer;
            border: none;
            border-radius: 0.125rem;
            min-width: 2.25rem;
            color: var(--accent-pri);
            text-align: center;
            -moz-appearance: none;
            /* Firefox */
            -webkit-appearance: none;
            /* Safari and Chrome */
            appearance: none;
            padding: 0 1rem;
        }
/* Navigation ~ Tabs */
/* Navigation ~ Table of Contents (Horizontal) */
main nav.toc-horizontal {
    background-color: var(--background-pri);
    padding: .5rem;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    position: unset;
    border-bottom: 0.5px solid var(--border-light);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    /* Safari */
    position: sticky;
    top: 127px;
    z-index: 3;
}

    main nav.toc-horizontal ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        main nav.toc-horizontal ul li {
            text-decoration: none;
            -ms-flex-negative: 1;
            flex-shrink: 1;
        }

            main nav.toc-horizontal ul li a,
            main nav.toc-horizontal ul li a:visited {
                color: var(--text-sec);
                display: block;
                font-size: var(--text-sm);
                font-weight: var(--font-medium);
                text-decoration: none;
                padding: 0.5rem;
                text-align: center;
                border-radius: 0.5rem;
                text-decoration: none;
                position: relative;
            }

                main nav.toc-horizontal ul li a:hover {
                    background: var(--background-pri-hover);
                    text-decoration: none;
                }

                main nav.toc-horizontal ul li a.is-active {
                    color: var(--text-pri);
                    background: var(--background-pri-hover);
                    text-decoration: none;
                }

                main nav.toc-horizontal ul li a::after {
                    content: ' ';
                    position: absolute;
                    width: 100%;
                    height: 1px;
                    bottom: -8px;
                    left: 0;
                    border-bottom: 2px solid var(--text-pri);
                    border-radius: 2px;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

                main nav.toc-horizontal ul li a.is-active::after {
                    visibility: visible;
                    opacity: 100;
                    -webkit-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }
/* Navigation ~ Table of Contents (Vertical) */
nav.toc-vertical {
    display: none;
    background-color: var(--background-pri);
    -webkit-box-shadow: unset;
    box-shadow: unset;
    position: unset;
    border-bottom: 0.5px solid var(--border-accent);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    /* Safari */
    position: sticky;
    top: 128px;
}

    nav.toc-vertical::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: .75rem;
        height: 100%;
        background: rgb(255,255,255);
        background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
        background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        z-index: 1;
    }

    nav.toc-vertical::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: .75rem;
        height: 100%;
        background: rgb(255,255,255);
        background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
        background: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        z-index: 1;
    }

.toc-header {
    display: none;
}

    .toc-header i {
        margin-right: .5rem;
    }

nav.toc-vertical ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .5rem;
    list-style-type: none;
    padding: .5rem;
    font-size: var(--text-xs);
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

    nav.toc-vertical ul li {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-radius: .5rem;
    }

        nav.toc-vertical ul li:hover {
            background: var(--background-pri-hover);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        nav.toc-vertical ul li:has(a.active) {
            background: var(--alt-background-odd);
            color: var(--button-pri);
            font-weight: var(--font-bold);
        }

        nav.toc-vertical ul li a.active {
            font-weight: var(--font-semibold);
        }

        nav.toc-vertical ul li a,
        nav.toc-vertical ul li a:visited {
            background: var(--base-03);
            text-decoration: none;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            border-radius: 0.25rem;
            color: var(--base-mute);
            display: block;
            font-size: var(--text-sm);
            font-weight: 500;
            text-decoration: none;
            padding: .25rem 1rem;
            text-align: center;
            text-decoration: none;
            position: relative;
        }

        nav.toc-vertical ul li:first-of-type {
            margin-left: .5rem;
        }

        nav.toc-vertical ul li:last-of-type {
            margin-right: .5rem;
        }

        nav.toc-vertical ul li a:hover {
            background: var(--alt-background-even);
            text-decoration: none;
        }

        nav.toc-vertical ul li a.is-active {
            color: var(--text-pri-hover);
            background: var(--alt-background-odd);
            text-decoration: none;
        }

        nav.toc-vertical ul li a::after {
            content: ' ';
            position: absolute;
            width: 100%;
            height: 1px;
            bottom: -.5rem;
            left: 0;
            border-bottom: 2px solid var(--text-pri-hover);
            border-radius: 2px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        nav.toc-vertical ul li a.is-active::after {
            visibility: visible;
            opacity: 100;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
/* Filters */
/* Transforms, Transitions & Animations */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }

    50% {
        -webkit-transform: translateX(33%);
        transform: translateX(33%);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }

    50% {
        -webkit-transform: translateX(33%);
        transform: translateX(33%);
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Layout */
#pageContent {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-max-content -webkit-max-content auto -webkit-max-content;
    -ms-grid-rows: max-content max-content auto max-content;
    grid-template-rows: -webkit-max-content -webkit-max-content auto -webkit-max-content;
    grid-template-rows: max-content max-content auto max-content;
    min-height: 100vh;
    -ms-grid-columns: calc(100vw);
    grid-template-columns: calc(100vw);
}

    #pageContent > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    #pageContent > *:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    #pageContent > *:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    #pageContent > *:nth-child(4) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
/* Layout ~ Aside */
/* Layout ~ Aside ~ Details */
main.details-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

    main.details-aside section:nth-of-type(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.25rem;
    }

    main.details-aside #sectionRelatedMedia {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    main.details-aside aside.details {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 1.75rem 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.5rem;
    }

        main.details-aside aside.details h2 {
            font-size: var(--text-2xl);
            font-weight: var(--font-medium);
        }

    main.details-aside #sectionPresentations .content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 1fr);
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.5rem;
    }
/* Layout ~ Aside ~ Main */
main .details-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    font-size: var(--text-sm);
}

    main .details-columns div:first-of-type,
    main .details-rows div:first-of-type {
        color: var(--text-sec);
    }

    main .details-columns div:not(:first-of-type) {
        font-weight: var(--font-medium);
    }

main .details-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    font-size: var(--text-sm);
}

section .wrapper .details-column a,
section .wrapper .details-column a:visited {
    color: var(--accent-pri);
}

    section .wrapper .details-column a:hover {
        color: var(--accent-pri-hover);
    }

.aside-main header {
    background: none;
    padding: 0 !important;
    min-height: 0;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .aside-main header > * {
        margin: auto 0;
    }

header.profile + main section.media .wrapper .grid > .media:not(:nth-of-type(-n+2)) {
    display: none;
}

header.profile + main section.media .saved-search:not(:nth-of-type(-n+8)) {
    display: none;
}

header.profile + main section.media.inventory .wrapper .grid > .media {
    display: block !important;
}

section.inventory .wrapper .saved-search {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

section.inventory .wrapper > .grid .media {
    display: block !important;
}

section.inventory .items-per-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
}

section.inventory .showing {
    text-align: right;
}

section.inventory .display-container nav.pagination {
    width: unset;
}

section#sectionFavorites .wrapper .media .metadata > span:not(:last-of-type)::after {
    content: none;
}

#listsContainer .img-container {
    overflow: visible;
    border: 1px solid var(--border-base);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#listsContainer img {
    border: 1px solid var(--border-accent);
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    position: relative;
    background: var(--background-pri);
    margin: 0.125rem;
    overflow: visible;
    z-index: 1;
    padding: 0.125rem;
    position: absolute;
}

    #listsContainer img.Presenter {
        width: calc(((100vw - 2rem) * 0.5625) - 2rem);
        border-radius: 100%;
        -webkit-box-shadow: 0px 0px 0px 10px rgba(20, 124, 166, 0.33);
        box-shadow: 0px 0px 0px 10px rgba(20, 124, 166, 0.33);
        background: transparent;
        overflow: hidden;
        padding: 0;
        padding: 2px;
        border: 0 !important;
    }

#listsContainer .img-container.Presenter:before {
    top: 4px;
}

#listsContainer .img-container.Presenter::after {
    top: 8px;
}

#listsContainer .img-container:before {
    content: " ";
    position: absolute;
    top: 4px;
    left: 2px;
    width: 100%;
    height: 100%;
    background: var(--background-pri);
    border-left: 1px solid var(--border-accent);
    border-right: 1px solid var(--border-accent);
    border-bottom: 1px solid var(--border-accent);
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    margin: 0 -1px;
    z-index: 1;
}

#listsContainer .img-container::after {
    content: " ";
    position: absolute;
    top: 6px;
    left: 2px;
    width: 100%;
    height: 100%;
    background: var(--background-pri);
    border-left: 1px solid var(--border-accent);
    border-right: 1px solid var(--border-accent);
    border-bottom: 1px solid var(--border-accent);
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    margin: 0 -1px;
}

#listsContainer .media .metadata span:not(:last-of-type)::after {
    content: '|' !important;
    padding: 0 0.125rem 0 0.25rem;
}

ul.saved-search-list {
    list-style-type: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
}

    ul.saved-search-list li.saved-search {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
        background: var(--alt-background-even);
        border: 1px solid var(--alt-background-even);
        padding: .5rem;
        border-radius: 0.25rem;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        ul.saved-search-list li.saved-search > * {
            margin: auto 0;
        }

        ul.saved-search-list li.saved-search:hover {
            background: var(--background-pri);
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        ul.saved-search-list li.saved-search .fa-stack {
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

        ul.saved-search-list li.saved-search .fa-stack-2x {
            color: var(--background-pri);
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        ul.saved-search-list li.saved-search:hover .fa-stack-2x {
            color: var(--alt-background-odd);
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        ul.saved-search-list li.saved-search .fa-stack-1x {
            color: var(--button-pri)
        }

        ul.saved-search-list li.saved-search a.saved-search-term {
            text-decoration: none;
            color: var(--base-content);
            margin-right: auto;
        }

            ul.saved-search-list li.saved-search a.saved-search-term::after {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                content: "";
            }

        ul.saved-search-list li.saved-search a.remove-saved-search {
            position: relative;
            z-index: 1;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 2rem;
            height: 2rem;
            background: var(--base-05);
            border: 1px solid var(--base-05);
            border-radius: .25rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-decoration: none;
            position: relative;
            color: var(--base-mute);
            -webkit-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out
        }

            ul.saved-search-list li.saved-search a.remove-saved-search:hover {
                background: var(--primary);
                border: 1px solid var(--border-primary);
                color: var(--primary-content);
                -webkit-transition: 0.2s ease-in-out;
                -o-transition: 0.2s ease-in-out;
                transition: 0.2s ease-in-out
            }

            ul.saved-search-list li.saved-search a.remove-saved-search .fa-xmark {
                margin: auto;
            }

#listsContainer .card-header,
#clipsContainer .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.list-item .dropdown,
section.media .wrapper .media .dropdown {
    position: relative;
}

section.media .wrapper #listsContainer .media .dropdown button,
section.media .wrapper #clipsContainer .media .dropdown button {
    visibility: hidden;
    opacity: 0;
    border-radius: 100%;
    border: none;
    background: var(--background-pri);
    height: 1.75rem;
    width: 1.75rem;
    color: var(--text-pri-hover);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.gu-mirror .list-item button,
.list-item button {
    visibility: visible;
    opacity: 1;
    border-radius: 100%;
    border: none;
    background: var(--alt-background-even);
    height: 1.75rem;
    width: 1.75rem;
    color: var(--text-pri-hover);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .list-item button:hover {
        background: var(--alt-background-odd);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

section.media .wrapper #listsContainer .media:hover .dropdown button,
section.media .wrapper #listsContainer .media .dropdown button.active-button,
section.media .wrapper #clipsContainer .media:hover .dropdown button,
section.media .wrapper #clipsContainer .media .dropdown button.active-button {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.gu-mirror .list-item,
.list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    gap: .5rem;
}

    .list-item .img-container {
        width: 6rem;
        height: 3.375rem;
        margin: auto 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .list-item .img-container img {
            max-width: 100%;
            display: block;
            max-height: 100%;
            width: auto;
            height: auto;
            margin: auto;
        }

    .list-item .list-title-type {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: auto 0;
    }

        .list-item .list-title-type .list-title {
            font-weight: var(--font-medium);
            font-size: var(--text-sm);
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }

        .list-item .list-title-type .list-type {
            font-size: var(--text-xs);
            color: var(--text-sec)
        }

    .list-item .dropdown,
    .list-item > button {
        margin: auto 0;
    }

    .list-item .dropdown-content {
        z-index: 5;
    }

        .list-item .dropdown-content a:first-of-type {
            display: none;
        }

    .list-item.External .dropdown-content a:first-of-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

#sectionListItems button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5rem;
    gap: 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--alt-background-even);
    border: 1px solid var(--border-accent);
    border-radius: 0.25rem;
    color: var(--text-pri);
    font-size: var(--text-xs);
    height: 2rem;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-filter: saturate(1);
    filter: saturate(1);
    margin-left: unset;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #sectionListItems button i {
        margin: auto 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #sectionListItems button:hover {
        background: var(--button-pri-hover);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }


/* Layout ~ Divider */
/* Layout ~ Footer */
footer {
    position: relative;
    min-height: 8rem;
    padding: 2rem 1rem;
    background: var(--footer-background);
    color: var(--text-light);
}

    footer.img-bg {
        background: var(--background-pri);
        background-image: var(--banner-background-url);
        background-size: cover;
        background-position: center;
        color: var(--banner-text);
    }

    footer img.logo {
        margin: 0 auto 1.5rem auto;
    }

    footer a.powered-by-cadmore {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--text-light);
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        footer a.powered-by-cadmore:hover {
            color: var(--alt-background-odd);
            text-decoration: underline;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    footer img.cadmore-c {
        content: url("https://cadmoremediastorage.blob.core.windows.net/539d408c-07f1-4881-a39b-acf62bf60edb/ApplicationContent/i-cadmore-c.svg?sv=2018-03-28&sr=c&sig=6Xgjiz6w0l%2F8VTNT9h3tfJ0elocEXD9HJhXBBSwORVE%3D&st=2025-06-30T18%3A39%3A05Z&se=2025-06-30T22%3A44%3A05Z&sp=r");
        height: 1rem;
        display: inline-block;
        margin: 0 .25rem;
    }

    footer p {
        margin-bottom: 1rem;
    }

    footer a.org-links {
        color: var(--text-light);
        font-size: var(--text-xs);
        text-decoration: none;
        font-weight: var(--font-medium);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

        footer a.org-links:hover {
            color: var(--alt-background-odd);
            text-decoration: underline;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

    footer .one-half a:not(:last-of-type) {
        margin-right: 1.5rem;
    }

    footer .social-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 1.5rem auto;
        gap: .5rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

        footer .social-links a {
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            footer .social-links a:not(:last-of-type) {
                margin-right: 0;
            }

        footer .social-links .fa-stack {
            height: 2.25em;
            line-height: 2.5em;
            width: 2.75em;
        }

        footer .social-links .fa-stack-2x {
            font-size: 2.5rem;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        footer .social-links .fa-stack-1x {
            font-size: 1.5rem;
        }

        footer .social-links .fa-inverse {
            color: var(--accent-tri-hover);
        }

        footer .social-links a:hover {
            text-decoration: underline;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            footer .social-links a:hover .fa-stack-2x {
                color: var(--alt-background-odd);
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

    footer a.contact {
        color: var(--text-light);
        text-decoration: none;
        font-weight: var(--font-medium);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

        footer a.contact:hover {
            color: var(--alt-background-odd);
            text-decoration: underline;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

    footer .two-halfs:first-of-type {
        margin-bottom: 1.5rem;
    }

        footer .two-halfs:first-of-type .one-half:not(:last-of-type) {
            margin-bottom: 2.5rem;
        }

    footer .two-halfs:last-of-type {
        font-size: var(--text-xs);
    }

        footer .two-halfs:last-of-type .one-half:first-of-type {
            margin-bottom: .5rem;
        }

.two-halfs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.one-half {
    width: 100%;
    text-align: center;
}
/* Layout ~ Header */
header {
    padding: 16px;
    position: relative;
    min-height: 8rem;
    margin-top: 116px;
}

    header.img-bg,
    header.primary-bg {
        margin-bottom: .5rem;
    }

        header.img-bg::after,
        header.primary-bg::after {
            content: "";
            width: 100vw;
            height: .5rem;
            background: var(--media-padding);
            position: absolute;
            top: 100%;
            left: 0;
        }

    header.img-bg,
    section.img-bg {
        background: var(--background-pri);
        background-image: var(--banner-background-url);
        background-size: cover;
        background-position: center;
        color: var(--banner-text);
    }

    header.primary-bg {
        background: rgb(0, 40, 100);
        background: -o-linear-gradient(315deg, rgba(0, 40, 100, 1) 0%, rgba(3, 29, 69, 1) 100%);
        background: linear-gradient(135deg, rgba(0, 40, 100, 1) 0%, rgba(3, 29, 69, 1) 100%);
        color: var(--text-light);
    }

    header .video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2rem;
    }

    header.img-bg .video .media .cmpl_iframe_div {
        -webkit-box-shadow: 0px 0px 0px 8px rgba(20, 124, 166, 0.33) !important;
        box-shadow: 0px 0px 0px 8px rgba(20, 124, 166, 0.33) !important;
        border-radius: .25rem;
    }

    header > .wrapper:not(.video) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
    }

    header .wrapper:not(.video) > .widescreen {
        border-radius: 0.5rem;
        padding: 1rem;
        background: var(--media-padding);
        -webkit-box-shadow: var(--shadow);
        box-shadow: var(--shadow);
        margin: auto;
    }

    header .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0.75rem;
    }

    header ul,
    main nav.toc-horizontal ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style-type: none;
        padding: 0;
        font-size: var(--text-xs);
    }

    header .content > ul li {
        margin: auto 0;
    }

        header .content > ul li a {
            font-weight: var(--font-medium);
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            header .content > ul li a:hover {
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

        header .content > ul li:not(:last-of-type)::after {
            content: '•';
            padding: 0 .5rem;
        }

    header h1 {
        font-size: var(--text-5xl);
        font-weight: var(--font-bold);
    }

        header h1 .count {
            font-size: var(--text-xs);
            font-weight: var(--font-normal);
        }

    header .actions {
        margin-top: 0.75rem;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .75rem;
    }

        header .actions button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            padding: 0 1rem;
            gap: .5rem;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: var(--button-pri);
            border: 1px solid var(--button-pri);
            border-radius: 0.25rem;
            color: var(--text-light);
            font-size: var(--text-base);
            height: 2.5rem;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-filter: saturate(1);
            filter: saturate(1);
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            header .actions button i {
                margin: auto 0;
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            header .actions button.on i,
            section.media .wrapper .media .img-container > .overlay-content > .actions > button.on > i,
            section.media .wrapper .presenter > .img-container > .overlay-content > .actions > button.on > i {
                font-weight: 900 !important;
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            header .actions button:hover,
            section.media .wrapper .media .img-container > .overlay-content > .actions > button:hover,
            section.media .wrapper .presenter > .img-container > .overlay-content > .actions > button:hover {
                background: var(--button-pri-hover);
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            header .actions button.on,
            section.media .wrapper .media .img-container > .overlay-content > .actions > button.on,
            section.media .wrapper .presenter > .img-container > .overlay-content > .actions > button.on {
                background: var(--footer-background);
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

.actions .isfavorite {
    color: var(--button-pri-hover) !important;
    background-color: white !important;
    border: 1px solid var(--button-pri-hover) !important;
}

    .actions .isfavorite:hover {
        background-color: var(--button-pri-hover) !important;
        color: white !important;
    }

header.primary-bg .actions button.on {
    background: var(--background-pri);
    color: var( --text-pri-hover);
}

    header.primary-bg .actions button.on:hover {
        background: var( --accent-sec-hover);
        color: var( --text-pri-hover);
    }

header .actions button.on:hover,
section.media .wrapper .media .img-container > .overlay-content > .actions > button.on:hover,
section.media .wrapper .presenter > .img-container > .overlay-content > .actions > button.on:hover {
    background: var(--text-pri);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .actions .dropdown-content {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--background-pri);
    padding: .5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    width: 100%;
    bottom: 0;
    right: 0;
    margin-top: 8px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

    header .actions .dropdown-content a,
    header .actions .dropdown-content a:visited {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 0 1rem;
        gap: .5rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        background: var(--background-pri);
        border: none;
        border-radius: 0.25rem;
        color: var(--text-pri);
        font-size: var(--text-base);
        height: 2.5rem;
        -ms-flex-line-pack: center;
        align-content: center;
        text-decoration: none;
        -webkit-filter: saturate(1);
        filter: saturate(1);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        header .actions .dropdown-content a i {
            margin: auto 0;
        }

        header .actions .dropdown-content a:hover {
            background: var(--background-pri-hover);
        }

    header .actions .dropdown-content.open {
        visibility: visible;
        opacity: 100;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
/* Layout ~ Header ~ Search */
/* Layout ~ Login */
/* Layout ~ Search Results */
aside.search-results-filter,
aside.view-options {
    position: fixed;
    background: var(--alt-background-odd);
    display: block;
    width: 22.5rem;
    top: 0;
    z-index: 10;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    aside.view-options.active,
    aside.search-results-filter.active {
        z-index: 10;
        right: 0;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        overflow: hidden;
        height: 100%;
    }

        aside.view-options.active .wrapper,
        aside.search-results-filter.active .wrapper {
            overflow: scroll;
            height: 100%;
        }

    aside.view-options .wrapper,
    aside.search-results-filter .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2rem;
        gap: 1.5rem;
    }

    aside.view-options h2,
    aside.search-results-filter h2 {
        font-size: var(--text-xl);
        font-weight: 600;
        border-bottom: 1px solid var(--border-accent);
        margin: -2rem;
        padding: 1rem 2rem;
        background: var(--alt-background-odd);
    }

        aside.view-options h2 i,
        aside.search-results-filter h2 i {
            cursor: pointer;
            padding: .5rem;
            float: right;
            clear: none;
            position: relative;
            top: 6px;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            aside.view-options h2 i:hover,
            aside.search-results-filter h2 i:hover {
                color: var(--text-sec);
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

aside hr {
    color: var(--border-accent);
}

aside.view-options form,
aside.search-results-filter form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}

aside.view-options .view-options-footer {
    position: fixed;
    bottom: 0rem;
    border-top: 1px solid var(--border-accent);
    padding: 1rem 2rem;
    background: var(--alt-background-odd);
    right: 0;
    width: 100%;
    left: 0;
}

    aside.view-options .view-options-footer a {
        text-decoration: underline;
        color: var(--accent-pri);
        font-size: var(--text-sm);
        font-weight: var(--font-normal);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        aside.view-options .view-options-footer a:hover {
            color: var(--text-pri-hover);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

aside.search-results-filter .search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

aside.search-results-filter .search input {
    border-radius: 0.25rem 0 0 0.25rem;
    height: 2.5rem;
    font-size: var(--text-sm);
    padding-left: .75rem;
    padding-right: .75rem;
}

aside.search-results-filter .search .search-input button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--button-pri);
    font-size: var(--text-lg);
    border: none;
    color: var(--text-light);
    border-radius: 0 0.25rem 0.25rem 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: var(--text-xl);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    aside.search-results-filter .search .search-input button:hover {
        background: var(--accent-tri-hover);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

aside.search-results-filter .search .filter-term-container {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    aside.search-results-filter .search .filter-term-container .filter-term {
        font-size: var(--text-sm);
        padding: 0.125rem .5rem 0 0.5rem;
        ;
        background: var(--alt-background-even);
        border: 0.5px solid var(--button-pri);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        aside.search-results-filter .search .filter-term-container .filter-term:hover {
            background: var(--media-padding);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        aside.search-results-filter .search .filter-term-container .filter-term i {
            margin-left: .25rem;
            position: relative;
            top: 1px;
            color: var(--text-sec);
            border: none;
            background: none;
            padding: 0;
            -webkit-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
        }

        aside.search-results-filter .search .filter-term-container .filter-term:hover i {
            color: var(--button-pri);
            -webkit-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
        }

    aside.search-results-filter .search .filter-term-container button.clear-filter-terms {
        background: none;
        border: none;
        padding: 0;
        font-size: var(--text-sm);
        text-decoration: underline;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        aside.search-results-filter .search .filter-term-container button.clear-filter-terms:hover {
            color: var(--button-pri);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

aside.view-options fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 !important;
}

    aside.view-options fieldset select,
    .display-container fieldset select {
        padding: 0.5rem 1rem;
        font-size: var(--text-sm);
        color: var(--text-sec);
        border: 1px solid var(--border-light);
        border-radius: 0.25rem;
    }

.display-container:last-of-type fieldset {
    margin-bottom: 0;
}

.display-container:last-of-type nav.pagination {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-color: var(--border-accent);
}

.display-container:last-of-type fieldset select {
    padding: 0.5rem;
}

aside.view-options fieldset,
aside.search-results-filter .search fieldset,
.display-container fieldset {
    border: none;
    margin: 0 0 1rem 0;
    padding: 0;
}

    aside.view-options fieldset:last-of-type,
    aside.search-results-filter .search fieldset:last-of-type {
        margin: 0;
    }

    aside.view-options fieldset label,
    aside.search-results-filter .search fieldset legend,
    aside.search-results-filter .search .collapsible-container .collapsible-link {
        color: var(--text-sec);
        font-size: var(--text-sm);
        font-weight: 400;
        margin-bottom: .5rem;
    }

    aside.search-results-filter .search fieldset .input-container {
        margin-bottom: .325rem;
    }

    aside.search-results-filter .search fieldset.show-all .input-container.input-clip {
        height: unset;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    aside.search-results-filter .search fieldset .input-container.input-clip {
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        margin-bottom: 0;
    }

        aside.search-results-filter .search fieldset .input-container.input-clip + a.fieldset-clip-link:before {
            content: 'Show more';
            font-size: var(--text-sm);
            margin-right: .5rem;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        aside.search-results-filter .search fieldset .input-container.input-clip + a.fieldset-clip-link i::before {
            content: "\f107";
            position: relative;
            top: 2px;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    aside.search-results-filter .search fieldset .input-container.input-unclip + a.fieldset-clip-link:before {
        content: 'Show less';
        font-size: var(--text-sm);
        margin-right: .5rem;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    aside.search-results-filter .search fieldset .input-container.input-unclip + a.fieldset-clip-link i::before {
        content: "\f106";
        position: relative;
        top: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    aside.search-results-filter .search fieldset .input-container.input-clip + a:hover,
    aside.search-results-filter .search fieldset .input-container.input-unclip + a:hover {
        color: var(--button-pri);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    aside.search-results-filter .search fieldset .count {
        font-size: var(--text-xs);
        color: var(--text-sec);
    }

aside.search-results-filter .search input:not([type="search"]) {
    width: 1rem;
    height: 1rem;
    float: left;
    margin-right: .5rem;
    clear: none;
    padding: 0 0 1rem 0;
    accent-color: var(--base-content);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    aside.search-results-filter .search input:not([type="search"]) + label {
        display: inline;
        clear: none;
        font-size: var(--text-sm);
    }

aside.search-results-filter .collapsible-container .collapsible-link {
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

    aside.search-results-filter .collapsible-container .collapsible-link i::before {
        content: "\f107";
        position: relative;
        top: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    aside.search-results-filter .collapsible-container .collapsible-link i {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    aside.search-results-filter .collapsible-container .collapsible-link.rotate-i i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

aside.search-results-filter .collapsible-container .collapsible-content {
    font-size: var(--text-sm);
}

aside.search-results-filter .collapsible-container p {
    margin-bottom: 0.75rem;
}

aside.search-results-filter .collapsible-container .kbd-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

aside.search-results-filter.active .filter-buttons-container {
    width: 22.5rem;
    background: var(--alt-background-odd);
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 0.5px solid var(--border-light);
    margin: 0 -2rem;
}

aside.search-results-filter button.update-filter {
    font-size: var(--text-lg);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1.5px solid var(--button-pri);
    height: 3rem;
    padding: 0 1rem;
    font-weight: 500;
    color: var(--background-pri);
    background: var(--button-pri);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: .25rem;
}

aside.search-results-filter button.clear-filter {
    font-size: var(--text-base);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none;
    font-weight: 400;
    color: var(--button-pri);
    background: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: underline;
}

    aside.search-results-filter button.clear-filter:hover {
        background: none;
        color: var(--accent-tri-hover);
    }

.display-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
}

    .display-container .search {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: auto 0;
    }

        .display-container .search form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .display-container .search input {
            border-radius: 0.5rem 0 0 0.5rem;
        }

        .display-container .search button {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            background: var(--button-pri);
            font-size: var(--text-lg);
            border: none;
            color: var(--dark-content);
            border-radius: 0 0.5rem 0.5rem 0;
            width: 3rem;
            height: 3rem;
            font-size: var(--text-xl);
        }

.display-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    margin: auto 0;
    font-size: var(--text-sm);
    color: var(--text-sec);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

    .display-container .sort {
        display: none;
    }

    .display-container .showing {
        width: 100%;
    }

    .display-container .sort select {
        border: none;
        background: none;
        color: var(--text-pri);
        font-weight: 500;
    }

section.search-results-container#sectionMedia {
    background: var(--alt-background-even);
}

section.search-results-container .display-container button {
    font-size: var(--text-base);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid var(--accent-pri);
    height: 3rem;
    font-weight: 500;
    background: var(--background-pri);
    color: var(--accent-pri);
    border-radius: .25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: calc(50% - .25rem);
}

    section.search-results-container .display-container button i {
        padding-right: 0.75rem;
    }

    section.search-results-container .display-container button:hover {
        background: var(--accent-sec);
        border: 1.5px solid var(--accent-tri-hover);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

section.media .media h3 > a {
    font-size: var(--text-sm);
    font-weight: 700;
    margin-bottom: 0.125rem;
}

section.search-results-container.media .wrapper .media .img-container.Presenter {
    width: 100%;
    background: var(--background-pri);
    background-image: var(--banner-background-url);
    background-size: cover;
    background-position: center;
}

section.search-results-container.media .wrapper .list .media .img-container.Presenter {
    width: 12rem;
    height: 6.75rem;
    margin-bottom: unset;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

form:has(.footer-items-per-page) {
    width: 100%
}

.footer-items-per-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 !important;
    width: 100%;
    gap: .5rem;
}
/* Layout ~ Section */
section:has(> .wrapper) {
    padding: 1.75rem 1rem;
}

section > .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
}

    section > .wrapper h2 {
        font-size: var(--text-2xl);
        font-weight: var(--font-medium);
    }

        section > .wrapper h2 .count {
            font-size: var(--text-xs);
            font-weight: 400;
            color: var(--base-mute);
        }
/* Layout ~ Section ~ Add-on ~ Detail Colums*/
section.detail-columns {
    background: var(--footer-background) !important;
    color: var(--text-light);
}

    section.detail-columns h2 {
        font-size: var(--text-2xl);
        font-weight: var(--font-medium);
    }

        section.detail-columns h2 + p {
            font-size: var(--text-lg);
            max-width: 48rem;
            margin: 0 auto;
        }

    section.detail-columns a {
        color: var(--text-light);
    }

        section.detail-columns a:hover {
            color: var(--alt-background-odd);
        }

    section.detail-columns .topics {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
    }

        section.detail-columns .topics > div {
            background: #013E79;
            border-radius: .25rem;
            padding: .75rem 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 1rem;
            position: relative;
            text-align: left;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            section.detail-columns .topics > div:hover {
                background: #004A8D;
                -webkit-transition: all 0.2 ease-in-out;
                -o-transition: all 0.2 ease-in-out;
                transition: all 0.2 ease-in-out;
            }

        section.detail-columns .topics .round {
            height: 2.5rem;
            width: 2.5rem;
            border: .5px solid;
            border-radius: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

    section.detail-columns .adrenal .round {
        background: rgb(237, 109, 0);
        background: -o-linear-gradient(315deg, rgba(237, 109, 0, 1) 0%, rgba(237, 139, 0, 1) 100%);
        background: linear-gradient(135deg, rgba(237, 109, 0, 1) 0%, rgba(237, 139, 0, 1) 100%);
        border-color: #ed8b00;
    }

        section.detail-columns .adrenal .round i {
            content: url("[[filename=/img/i-kidneys.svg]]");
            height: 1.25rem;
            margin: auto;
        }

    section.detail-columns .bone .round {
        background: rgb(75, 77, 80);
        background: -o-linear-gradient(315deg, rgba(75, 77, 80, 1) 0%, rgba(99, 102, 106, 1) 100%);
        background: linear-gradient(135deg, rgba(75, 77, 80, 1) 0%, rgba(99, 102, 106, 1) 100%);
        border-color: #63666A;
    }

        section.detail-columns .bone .round i {
            content: url("[[filename=/img/i-bones.svg]]");
            height: 1.25rem;
            margin: auto;
        }

    section.detail-columns .cardio .round {
        background: rgb(113, 18, 29);
        background: -o-linear-gradient(315deg, rgba(113, 18, 29, 1) 0%, rgba(138, 21, 56, 1) 100%);
        background: linear-gradient(135deg, rgba(113, 18, 29, 1) 0%, rgba(138, 21, 56, 1) 100%);
        border-color: #8A1538;
    }

        section.detail-columns .cardio .round i {
            margin: auto;
        }

    section.detail-columns .diabetes .round {
        background: rgb(18, 102, 186);
        background: -o-linear-gradient(315deg, rgba(18, 102, 186, 1) 0%, rgba(65, 143, 222, 1) 100%);
        background: linear-gradient(135deg, rgba(18, 102, 186, 1) 0%, rgba(65, 143, 222, 1) 100%);
        border-color: #418FDE;
    }

        section.detail-columns .diabetes .round i {
            content: url("[[filename=/img/i-diabetes.svg]]");
            height: 1.25rem;
            margin: auto;
            padding-left: .25rem;
        }

    section.detail-columns .chemicals .round {
        background: rgb(104, 136, 18);
        background: -o-linear-gradient(315deg, rgba(104, 136, 18, 1) 0%, rgba(143, 153, 62, 1) 100%);
        background: linear-gradient(135deg, rgba(104, 136, 18, 1) 0%, rgba(143, 153, 62, 1) 100%);
        border-color: #8F993E;
    }

        section.detail-columns .chemicals .round i {
            margin: auto;
        }

    section.detail-columns .neoplasia .round {
        background: rgb(71, 7, 87);
        background: -o-linear-gradient(315deg, rgba(71, 7, 87, 1) 0%, rgba(95, 33, 103, 1) 100%);
        background: linear-gradient(135deg, rgba(71, 7, 87, 1) 0%, rgba(95, 33, 103, 1) 100%);
        border-color: #5F2167;
    }

        section.detail-columns .neoplasia .round i {
            margin: auto;
        }

    section.detail-columns .female .round {
        background: rgb(0, 79, 114);
        background: -o-linear-gradient(315deg, rgba(0, 79, 114, 1) 0%, rgba(0, 98, 114, 1) 100%);
        background: linear-gradient(135deg, rgba(0, 79, 114, 1) 0%, rgba(0, 98, 114, 1) 100%);
        border-color: #006272;
    }

        section.detail-columns .female .round i {
            content: url("[[filename=/img/i-female.svg]]");
            height: 1.25rem;
            padding-top: .15rem;
            margin: auto;
        }

    section.detail-columns .hypoglycemia .round {
        background: rgb(75, 77, 80);
        background: -o-linear-gradient(315deg, rgba(75, 77, 80, 1) 0%, rgba(99, 102, 106, 1) 100%);
        background: linear-gradient(135deg, rgba(75, 77, 80, 1) 0%, rgba(99, 102, 106, 1) 100%);
        border-color: #63666A;
    }

        section.detail-columns .hypoglycemia .round i {
            margin: auto;
        }

    section.detail-columns .male .round {
        background: rgb(104, 136, 18);
        background: -o-linear-gradient(315deg, rgba(104, 136, 18, 1) 0%, rgba(143, 153, 62, 1) 100%);
        background: linear-gradient(135deg, rgba(104, 136, 18, 1) 0%, rgba(143, 153, 62, 1) 100%);
        border-color: #8F993E;
    }

        section.detail-columns .male .round i {
            content: url("[[filename=/img/i-male.svg]]");
            height: 1.875rem;
            margin: auto;
        }

    section.detail-columns .neuroendocrinology .round {
        background: rgb(113, 18, 29);
        background: -o-linear-gradient(315deg, rgba(113, 18, 29, 1) 0%, rgba(138, 21, 56, 1) 100%);
        background: linear-gradient(135deg, rgba(113, 18, 29, 1) 0%, rgba(138, 21, 56, 1) 100%);
        border-color: #8A1538;
    }

        section.detail-columns .neuroendocrinology .round i {
            margin: auto;
        }

    section.detail-columns .obesity .round {
        background: rgb(0, 79, 114);
        background: -o-linear-gradient(315deg, rgba(0, 79, 114, 1) 0%, rgba(0, 98, 114, 1) 100%);
        background: linear-gradient(135deg, rgba(0, 79, 114, 1) 0%, rgba(0, 98, 114, 1) 100%);
        border-color: #006272;
    }

        section.detail-columns .obesity .round i {
            content: url("[[filename=/img/i-obesity.svg]]");
            height: 1.5rem;
            margin: auto;
        }

    section.detail-columns .pediatric .round {
        background: rgb(113, 18, 29);
        background: -o-linear-gradient(315deg, rgba(113, 18, 29, 1) 0%, rgba(138, 21, 56, 1) 100%);
        background: linear-gradient(135deg, rgba(113, 18, 29, 1) 0%, rgba(138, 21, 56, 1) 100%);
        border-color: #8A1538;
    }

        section.detail-columns .pediatric .round i {
            content: url("[[filename=/img/i-hand.svg]]");
            height: 1.5rem;
            margin: auto;
        }

    section.detail-columns .thyroid .round {
        background: rgb(237, 109, 0);
        background: -o-linear-gradient(315deg, rgba(237, 109, 0, 1) 0%, rgba(237, 139, 0, 1) 100%);
        background: linear-gradient(135deg, rgba(237, 109, 0, 1) 0%, rgba(237, 139, 0, 1) 100%);
        border-color: #ed8b00;
    }

        section.detail-columns .thyroid .round i {
            content: url("[[filename=/img/i-thyroid.svg]]");
            height: 1.5rem;
            margin: auto;
        }

    section.detail-columns .transgender .round {
        background: rgb(71, 7, 87);
        background: -o-linear-gradient(315deg, rgba(71, 7, 87, 1) 0%, rgba(95, 33, 103, 1) 100%);
        background: linear-gradient(135deg, rgba(71, 7, 87, 1) 0%, rgba(95, 33, 103, 1) 100%);
        border-color: #5F2167;
    }

        section.detail-columns .transgender .round i {
            margin: auto;
        }

    section.detail-columns .topics .contents {
        margin-right: auto;
    }

    section.detail-columns .topics h3 a {
        font-size: var(--text-sm);
        font-weight: var(--font-semibold);
        text-decoration: none;
    }

        section.detail-columns .topics h3 a::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            content: "";
        }

    section.detail-columns .topics .metadata {
        font-size: var(--text-xs);
    }

        section.detail-columns .topics .metadata > span:not(:last-of-type)::after {
            content: '•';
            padding: 0 0.25rem 0 0.5rem;
        }

    section.detail-columns .four-quarters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
    }

    section.detail-columns .one-quarter {
        background: var(--background-pri);
        border-radius: .5rem;
        padding: 1rem;
        text-align: center;
        -webkit-box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.1);
    }

        section.detail-columns .one-quarter .fa-stack-2x {
            font-size: 3rem;
        }

        section.detail-columns .one-quarter .fa-stack {
            height: 3em;
            line-height: 2.875em;
            width: 3em;
            margin-bottom: 1rem;
        }

        section.detail-columns .one-quarter .fa-stack-1x {
            font-size: 1.5rem;
        }

        section.detail-columns .one-quarter h4 {
            font-size: var(--text-2xl);
            font-weight: var(--font-bold);
            margin-bottom: .375rem;
            -webkit-animation: fade 3.5s ease-in-out 1;
            animation: fade 3.5s ease-in-out 1;
        }
/* Layout ~ Section ~ Browse ~ Grid */
section.browse-container#sectionMedia {
    background: var(--alt-background-even);
}

section.browse-container .display-container button {
    font-size: var(--text-base);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid var(--accent-pri);
    height: 3rem;
    font-weight: 500;
    background: var(--background-pri);
    color: var(--accent-pri);
    border-radius: .25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

    section.browse-container .display-container button i {
        padding-right: 0.75rem;
    }

    section.browse-container .display-container button:hover {
        background: var(--accent-sec);
        border: 1.5px solid var(--accent-tri-hover);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

section.media .media h3 > a {
    font-size: var(--text-sm);
    font-weight: 700;
    margin-bottom: 0.125rem;
}

section.browse-container.media .wrapper .media .img-container.Presenter {
    width: 100%;
    background: var(--background-pri);
    background-image: var(--banner-background-url);
    background-size: cover;
    background-position: center;
}

section.browse-container.media .wrapper .list .media .img-container.Presenter {
    width: 12rem;
    height: 6.75rem;
    margin-bottom: unset;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* Layout ~ Section ~ Browse ~ List */
section#sectionTopicsBrowse .list-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: -webkit-min-content 2rem -webkit-min-content 2rem -webkit-min-content 2rem -webkit-min-content 2rem -webkit-min-content 2rem -webkit-min-content;
    -ms-grid-rows: min-content 2rem min-content 2rem min-content 2rem min-content 2rem min-content 2rem min-content;
    grid-template-rows: repeat(6, -webkit-min-content);
    grid-template-rows: repeat(6, min-content);
    row-gap: 2rem;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}

    section#sectionTopicsBrowse .list-grid section .square {
        background: var(--button-pri-hover);
        height: 2.5rem;
        width: 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.5rem;
    }

        section#sectionTopicsBrowse .list-grid section .square h3 {
            color: var(--text-light);
            font-size: var(--text-lg);
            font-weight: var(--font-medium);
            margin: auto;
        }

    section#sectionTopicsBrowse .list-grid section ul {
        list-style-type: none;
        padding-left: 0;
    }

        section#sectionTopicsBrowse .list-grid section ul li:not(:last-of-type) {
            margin-bottom: 1rem;
        }

        section#sectionTopicsBrowse .list-grid section ul a {
            color: var(--accent-pri);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            section#sectionTopicsBrowse .list-grid section ul a:hover {
                color: var(--accent-pri-hover);
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

        section#sectionTopicsBrowse .list-grid section ul .count {
            color: var(--text-sec);
            font-size: var(--text-xs);
        }
/* Layout ~ Section ~ Object Description */
main.search {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    main.search #sectionDescription {
        padding: 0;
    }

        main.search #sectionDescription .wrapper {
            width: 100%;
            max-width: 62rem;
        }
/* Layout ~ Section ~ Presentations */
main.details-aside #sectionPresentations .content > article.presentation {
    background: var(--background-pri);
    padding: 2rem;
    border-radius: .5rem;
    -webkit-box-shadow: rgba(99, 99, 99, 0.05) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.05) 0px 2px 8px 0px;
}

    main.details-aside #sectionPresentations .content > article.presentation > h3 {
        font-size: var(--text-base);
        font-weight: var(--font-semibold);
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        padding-bottom: 0;
        margin-bottom: .75rem;
    }

    main.details-aside #sectionPresentations .content > article.presentation .presenter,
    .modal article.presentation .presenter {
        font-size: var(--text-sm);
        font-weight: var(--font-semibold);
        padding-bottom: .125rem;
    }

    main.details-aside #sectionPresentations .content > article.presentation .affiliation,
    .modal article.presentation .affiliation {
        font-size: var(--text-xs);
        color: var(--text-sec);
        padding-bottom: .5rem;
    }

    main.details-aside #sectionPresentations .content > article.presentation a,
    main.details-aside #sectionPresentations .content > article.presentation .abstract-full-link,
    .modal article.presentation .presenter a {
        color: var(--accent-pri);
    }

    .abstract-preview {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        padding-bottom: 0;
        margin-bottom: .75rem;
        font-size: var(--text-xs);
    }

.modal article.presentation .abstract {
    font-size: var(--text-base);
    margin-bottom:80px;
}

.abstract-full-link button {
    font-size: var(--text-xs);
    border: none;
    background: none;
    padding: 0;
    color: var(--accent-pri);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    .abstract-full-link button:hover {
        color: var(--accent-pri-hover);
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

.abstract-full-link i {
    line-height: 0.1em;
    vertical-align: 0.1em;
    margin-left: .125rem;
}
/* Layout ~ Section ~ Profile ~ Edit */
.edit-profile fieldset {
    border: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

    .edit-profile fieldset span {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .5rem;
    }

}

.edit-profile label:has(~ span input[required])::after {
    content: 'Required';
    font-size: var(--text-xs);
    color: #FF5761;
    float: right;
    margin-top: 4px;
}

.edit-profile fieldset span select {
    background-color: #ffffff;
    border-radius: 0.25rem;
    border: 1px solid #CDD0D1;
    font-size: var(--text-sm);
    height: 3rem;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.edit-profile fieldset input[disabled] {
    cursor: not-allowed;
    background: var(--alt-background-odd);
    color: var(--text-sec);
}

.edit-profile span.tooltip {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    display: unset;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    gap: unset;
}

.edit-profile .tooltip .tooltiptext {
    bottom: 2rem;
    top: unset;
    background-color: #fff;
    color: var(--text-pri);
    border: 1px solid var(--button-pri);
    max-width: 24rem;
    padding: .5rem .75rem;
}

    .edit-profile .tooltip .tooltiptext::after {
        bottom: -6px;
    }

.edit-profile .fa-stack {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    display: inline-block;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    gap: unset;
    color: var(--button-pri);
    cursor: pointer;
    -webkit-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2 ease-in-out;
    transition: all 0.2 ease-in-out;
}

    .edit-profile .fa-stack .fa-info {
        top: -1px;
        left: .5px;
        font-size: 11.5px;
    }

.edit-profile fieldset span:has(textarea) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#sectionEditProfileFooter {
    background: var(--background-pri);
    -webkit-box-shadow: 0 -4px 6px -1px rgb(0 0 0 / 0.05);
    box-shadow: 0 -4px 6px -1px rgb(0 0 0 / 0.05);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    position: sticky;
    bottom: 0;
    z-index: 3;
}

    #sectionEditProfileFooter .wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 1rem;
    }

    #sectionEditProfileFooter button {
        margin-left: unset;
        width: unset;
        border: 0;
        background: none;
        color: var(--button-pri);
        font-weight: var(--font-medium);
        text-decoration: underline;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        #sectionEditProfileFooter button:hover {
            color: var( --text-pri);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    #sectionEditProfileFooter input[type=submit] {
        margin-left: unset;
        width: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--text-light);
        font-size: var(--text-base);
        height: 2.5rem;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-filter: saturate(1);
        filter: saturate(1);
        padding: 0px 1rem;
        gap: 0.5rem;
        background: var(--button-pri);
        border: 1px solid var(--button-pri);
        border-radius: 0.25rem;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }

    #sectionEditProfileFooter input[type=button]:hover {
        background: var(--button-pri-hover);
        border-color: var(--button-pri-hover);
        -webkit-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
    }
/* Layout ~ Section ~ Media (Grid & List Views) */
section.media .wrapper .grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 0 -.5rem;
}

section.media .wrapper > .list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 0rem -.5rem;
}
/* Layout ~ Toast */
.toast.inactive {
    bottom: -3rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toast {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    right: 50%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--button-pri);
    color: var(--text-light);
    padding: 0 1rem;
    border-radius: .5rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .toast p {
        margin: auto 0;
    }

        .toast p span {
            font-weight: var(--font-medium);
        }

    .toast .close {
        color: var(--text-light)
    }

@media (min-width: 500px) {
    /* Theme (xs ~ min-width 500px) */
    /* Theme ~ Typography (xs ~ min-width 500px) */
    /* Effects (xs ~ min-width 500px) */
    /* Effects ~ Box Shadow (xs ~ min-width 500px) */
    /* Interactivity (xs ~ min-width 500px) */
    /* Interactivity ~ Scroll Behaviour (xs ~ min-width 500px) */
    /* Theme ~ Backgrounds*/
    /* Actions (xs ~ min-width 500px) */
    /* Actions ~ Dropdown (xs ~ min-width 500px) */
    /* Actions ~ Modal (xs ~ min-width 500px) */
    /* Actions ~ Modal ~ Add To List (xs ~ min-width 500px) */
    /* Actions ~ Modal ~ New Collection (xs ~ min-width 500px) */
    /* Data Display (xs ~ min-width 500px) */
    /* Data Display ~ Avatar (xs ~ min-width 500px) */
    /* Data Display ~ Badge (xs ~ min-width 500px) */
    /* Data Display ~ Card (xs ~ min-width 500px) */
    section.media .wrapper .media {
        padding: .5rem;
    }

    section.media .wrapper .list .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
    }

        section.media .wrapper .list .media .img-container {
            width: 12rem;
            height: 6.75rem !important;
            margin-bottom: unset;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-top: unset;
        }

            section.media .wrapper .list .media .img-container img {
                border-radius: 0.25rem;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                position: absolute;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
            }

                section.media .wrapper .list .media .img-container img.Presenter {
                    height: 6rem !important;
                }
    /* Data Display ~ Carousel (xs ~ min-width 500px) */
    /* Data Display ~ Collapse (xs ~ min-width 500px) */
    /* Data Display ~ Kbd (xs ~ min-width 500px) */
    /* Data Display ~ Loading (xs ~ min-width 500px) */
    /* Data Display ~ Text Toggle Display (xs ~ min-width 500px) */
    /* Data Display ~ Tooltip (xs ~ min-width 500px) */
    /* Data Display ~ Checkbox (xs ~ min-width 500px) */
    /* Data Display ~ Radio (xs ~ min-width 500px) */
    /* Data Display ~ Search (xs ~ min-width 500px) */
    /* Data Input (xs ~ min-width 500px) */
    /* Data Input ~ Select (xs ~ min-width 500px) */
    /* Data Input ~ Submit (xs ~ min-width 500px) */
    /* Data Input ~ Text (xs ~ min-width 500px) */
    /* Data Input ~ Textarea (xs ~ min-width 500px) */
    /* Data Input ~ Toggle (xs ~ min-width 500px) */
    /* Icons (xs ~ min-width 500px) */
    /* Navigation (xs ~ min-width 500px) */
    /* Navigation ~ Header Navigation (xs ~ min-width 500px) */
    /* Navigation ~ Link (xs ~ min-width 500px) */
    /* Navigation ~ Pagination (xs ~ min-width 500px) */
    /* Navigation ~ Tabs (xs ~ min-width 500px) */
    /* Navigation ~ Table of Contents (Horizontal) (xs ~ min-width 500px) */
    main nav.toc-horizontal ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: .5rem;
    }
    /* Navigation ~ Table of Contents (Vertical) (xs ~ min-width 500px) */
    nav.toc-vertical ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: .5rem;
    }
    /* Filters (xs ~ min-width 500px) */
    /* Transforms, Transitions & Animations (xs ~ min-width 500px) */
    /* Layout (xs ~ min-width 500px) */
    /* Layout ~ Aside (xs ~ min-width 500px) */
    /* Layout ~ Aside ~ Details (xs ~ min-width 500px) */
    main.details-aside aside.details section:nth-of-type(2) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 1.25rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        main.details-aside aside.details section:nth-of-type(2) div:not(:first-of-type) {
            -ms-flex-preferred-size: calc(50% - 1.25rem);
            flex-basis: calc(50% - 1.25rem);
        }
    /* Layout ~ Aside ~ Main (xs ~ min-width 500px) */
    header.profile + main section.media .wrapper .grid > .media:not(:nth-of-type(-n+2)) {
        display: block;
    }

    header.profile + main section.media .wrapper .grid > .media:not(:nth-of-type(-n+4)) {
        display: none;
    }
    /* Layout ~ Divider (xs ~ min-width 500px) */
    /* Layout ~ Footer (xs ~ min-width 500px) */
    /* Layout ~ Header (xs ~ min-width 500px) */
    header .wrapper:not(.video) > .widescreen img {
        max-width: 24rem;
        width: 100%;
        margin: 0 auto;
    }

    header .actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    /* Layout - Header ~ Search (xs ~ min-width 500px) */
    /* Layout ~ Login (xs ~ min-width 500px) */
    /* Layout ~ Search Results (xs ~ min-width 500px) */
    .display-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }

        .display-container .showing,
        .display-container .sort {
            margin: auto 0;
        }

    section.search-results-container .display-container button.filter {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    section.search-results-container .display-container button.view {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .display-container nav.pagination {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .display-container nav.pagination {
        margin-top: auto;
        width: calc(50% - 0.5rem);
        height: 2.235rem;
    }

        .display-container nav.pagination a.pagination-link {
            height: 2.235rem;
            width: 2.235rem;
        }

    section.search-results-container .display-container button {
        width: calc(25% - 0.5rem);
        height: 37.75px;
    }

        section.search-results-container .display-container button span.button-text {
            display: none;
        }

    form:has(.footer-items-per-page) {
        width: calc(50% - .5rem);
    }
    /* Layout ~ Section (xs ~ min-width 500px) */
    section.detail-columns .four-quarters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem;
    }

    section.detail-columns .one-quarter {
        width: calc(50% - 1rem)
    }

    /* Layout ~ Section ~ Add-on ~ Detail Columns (xs ~ min-width 500px) */
    /* Layout ~ Section ~ Browse ~ Grid (xs ~ min-width 500px) */
    section.browse-container .display-container button.view {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    section.browse-container .display-container nav.pagination {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    section.browse-container .display-container .showing {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    section.browse-container .display-container button {
        width: calc(50% - 0.5rem);
        height: 37.75px;
    }

        section.browse-container .display-container button span.button-text {
            display: none;
        }
    /* Layout ~ Section ~ Browse ~ List (xs ~ min-width 500px) */
    /* Layout ~ Section ~ Presentations (xs ~ min-width 500px) */
    /* Layout ~ Section ~ Profile ~ Edit (xs ~ min-width 500px) */
    /* Layout ~ Section ~ Media (Grid & List Views) (xs ~ min-width 500px) */
    section.media .wrapper .grid {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 -.5rem;
    }
    /* Layout ~ Toast (xs ~ min-width 500px) */
}

@media (min-width: 640px) {
    /* Theme (sm ~ min-width 640px) */
    /* Theme ~ Typography (sm ~ min-width 640px) */
    :root {
        --text-xs: 0.79rem;
        --text-sm: 0.889rem;
        --text-base: 1rem;
        --text-lg: 1.125rem;
        --text-xl: 1.266rem;
        --text-2xl: 1.424rem;
        --text-3xl: 1.602rem;
        --text-4xl: 1.802rem;
        --text-5xl: 2.027rem;
        --text-6xl: 2.281rem;
        --text-7xl: 2.566rem;
        --text-8xl: 2.887rem;
    }
    /* Effects (sm ~ min-width 640px) */
    /* Effects ~ Box Shadow (sm ~ min-width 640px) */
    /* Interactivity (sm ~ min-width 640px) */
    /* Interactivity ~ Scroll Behaviour (sm ~ min-width 640px) */
    /* Theme ~ Backgrounds*/
    /* Actions (sm ~ min-width 640px) */
    /* Actions ~ Dropdown (sm ~ min-width 640px) */
    /* Actions ~ Modal (sm ~ min-width 640px) */
    /* Actions ~ Modal ~ Add To List (sm ~ min-width 640px) */
    /* Actions ~ Modal ~ New Collection (sm ~ min-width 640px) */
    /* Data Display (sm ~ min-width 640px) */
    /* Data Display ~ Avatar (sm ~ min-width 640px) */
    /* Data Display ~ Badge (sm ~ min-width 640px) */
    /* Data Display ~ Card (sm ~ min-width 640px) */
    /* Data Display ~ Carousel (sm ~ min-width 640px) */
    .media-splide h2.carousel-heading {
        width: 80%;
    }

    .media-splide .splide__pagination {
        position: absolute;
        bottom: unset;
        left: unset;
        right: 0;
        top: -1.125rem;
    }
    /* Data Display ~ Collapse (sm ~ min-width 640px) */
    /* Data Display ~ Kbd (sm ~ min-width 640px) */
    /* Data Display ~ Loading (sm ~ min-width 640px) */
    /* Data Display ~ Text Toggle Display (sm ~ min-width 640px) */
    /* Data Display ~ Tooltip (sm ~ min-width 640px) */
    /* Data Display ~ Checkbox (sm ~ min-width 640px) */
    /* Data Display ~ Radio (sm ~ min-width 640px) */
    /* Data Display ~ Search (sm ~ min-width 640px) */
    /* Data Input (sm ~ min-width 640px) */
    /* Data Input ~ Select (sm ~ min-width 640px) */
    /* Data Input ~ Submit (sm ~ min-width 640px) */
    input.primary {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
    }
    /* Data Input ~ Text (sm ~ min-width 640px) */
    /* Data Input ~ Textarea (sm ~ min-width 640px) */
    /* Data Input ~ Toggle (sm ~ min-width 640px) */
    /* Icons (sm ~ min-width 640px) */
    /* Navigation (sm ~ min-width 640px) */
    /* Navigation ~ Header Navigation (sm ~ min-width 640px) */
    /* Navigation ~ Link (sm ~ min-width 640px) */
    /* Navigation ~ Pagination (sm ~ min-width 640px) */
    nav.pagination {
        gap: 1.5rem;
        font-size: var(--text-base);
    }
    /* Navigation ~ Tabs (sm ~ min-width 640px) */
    /* Navigation ~ Table of Contents (Horizontal) (sm ~ min-width 640px) */
    main nav.toc-horizontal {
        top: 136px;
    }

        main nav.toc-horizontal ul {
            gap: 1.5rem;
            font-size: var(--text-base);
        }

            main nav.toc-horizontal ul li a {
                font-size: var(--text-base);
            }
    /* Navigation ~ Table of Contents (Vertical) (sm ~ min-width 640px) */
    nav.toc-vertical {
        top: 128px;
    }
    /* Filters (sm ~ min-width 640px) */
    /* Transforms, Transitions & Animations (sm ~ min-width 640px) */
    /* Layout (sm ~ min-width 640px) */
    /* Layout ~ Aside (sm ~ min-width 640px) */
    /* Layout ~ Aside ~ Details (sm ~ min-width 640px) */
    /* Layout ~ Aside ~ Main (sm ~ min-width 640px) */
    ul.saved-search-list {
        gap: .5rem;
    }

        ul.saved-search-list li.saved-search {
            width: calc(50% - .5rem);
        }
    /* Layout ~ Divider (sm ~ min-width 640px) */
    /* Layout ~ Footer (sm ~ min-width 640px) */
    footer .two-halfs:first-of-type .one-half:not(:last-of-type) {
        margin-bottom: 0;
    }

    footer .one-half:first-of-type {
        width: 100%;
        text-align: left;
    }

    footer img.logo {
        margin: 0 0 1.5rem 0;
    }

    footer .one-half:last-of-type {
        width: 100%;
        text-align: right;
    }

    footer .social-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 1.5rem auto;
        gap: 0.5rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    footer .two-halfs:last-of-type .one-half:first-of-type {
        margin-bottom: 0;
        text-align: left;
    }

    footer a.powered-by-cadmore {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    /* Layout ~ Header (sm ~ min-width 640px) */
    header .actions button {
        width: unset;
    }

    header .content .actions {
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

        header .content .actions .dropdown-content {
            top: 100%;
            position: absolute;
            right: 0;
            left: unset;
            margin: unset;
            border-radius: .5rem;
            -webkit-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            z-index: 4;
        }
    /* Layout - Header ~ Search (sm ~ min-width 640px) */
    /* Layout ~ Login (sm ~ min-width 640px) */
    /* Layout ~ Search Results (sm ~ min-width 640px) */
    .display-container .pagination {
        gap: 0rem;
    }

    section.search-results-container .display-container button span.button-text {
        display: inline-block;
    }

    .display-container .view-toggle {
        width: calc(50% - .5rem);
    }

    form:has(.footer-items-per-page) {
        width: calc(33% - .5rem);
    }
    /* Layout ~ Section (sm ~ min-width 640px) */
    section > .wrapper .three-thirds-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section > .wrapper .three-thirds-row .one-third {
            width: calc(50% - 1.5rem);
        }

    .two-halfs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    /* Layout ~ Section ~ Add-on ~ Detail Columns (sm ~ min-width 640px) */
    /* Layout ~ Section ~ Browse ~ Grid (sm ~ min-width 640px) */
    section.browse-container .display-container button span.button-text {
        display: inline-block;
    }
    /* Layout ~ Section ~ Browse ~ List (sm ~ min-width 640px) */
    /* Layout ~ Section ~ Presentations (sm ~ min-width 640px) */
    main.details-aside #sectionPresentations .content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 1fr) 1.5rem minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }
    /* Layout ~ Section ~ Profile ~ Edit (sm ~ min-width 640px) */
    .edit-profile fieldset {
        gap: 1rem;
    }

        .edit-profile fieldset span {
            -ms-flex-preferred-size: calc(50% - .5rem);
            flex-basis: calc(50% - .5rem);
        }

    /* Layout ~ Section ~ Media (Grid & List Views) (sm ~ min-width 640px) */
    /* Layout ~ Toast (sm ~ min-width 640px) */
}

@media (min-width: 768px) {
    /* Theme (md ~ min-width 768px) */
    /* Theme ~ Typography (md ~ min-width 768px) */
    /* Effects (md ~ min-width 768px) */
    /* Effects ~ Box Shadow (md ~ min-width 768px) */
    /* Interactivity (md ~ min-width 768px) */
    /* Interactivity ~ Scroll Behaviour (md ~ min-width 768px) */
    /* Theme ~ Backgrounds*/
    /* Actions (md ~ min-width 768px) */
    /* Actions ~ Dropdown (md ~ min-width 768px) */
    /* Actions ~ Modal (md ~ min-width 768px) */
    .modal-header,
    .modal-body,
    .modal-footer {
        padding: 1rem 1.5rem;
    }
    /* Actions ~ Modal ~ Add To List (md ~ min-width 768px) */
    /* Actions ~ Modal ~ New Collection (md ~ min-width 768px) */
    /* Data Display (md ~ min-width 768px) */
    /* Data Display ~ Avatar (md ~ min-width 768px) */
    /* Data Display ~ Badge (md ~ min-width 768px) */
    /* Data Display ~ Card (md ~ min-width 768px) */
    section.media .wrapper .list .media p.description {
        display: block;
        font-size: var(--text-sm);
        color: var(--text-pri);
        margin-top: 0.25rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    /* Data Display ~ Carousel (md ~ min-width 768px) */
    /* Data Display ~ Collapse (md ~ min-width 768px) */
    /* Data Display ~ Kbd (md ~ min-width 768px) */
    /* Data Display ~ Loading (md ~ min-width 768px) */
    /* Data Display ~ Text Toggle Display (md ~ min-width 768px) */
    /* Data Display ~ Tooltip (md ~ min-width 768px) */
    /* Data Display ~ Checkbox (md ~ min-width 768px) */
    /* Data Display ~ Radio (md ~ min-width 768px) */
    /* Data Display ~ Search (md ~ min-width 768px) */
    /* Data Input (md ~ min-width 768px) */
    /* Data Input ~ Select (md ~ min-width 768px) */
    /* Data Input ~ Submit (md ~ min-width 768px) */
    /* Data Input ~ Text (md ~ min-width 768px) */
    /* Data Input ~ Textarea (md ~ min-width 768px) */
    /* Data Input ~ Toggle (md ~ min-width 768px) */
    /* Icons (md ~ min-width 768px) */
    /* Navigation (md ~ min-width 768px) */
    /* Navigation ~ Header Navigation (md ~ min-width 768px) */
    body nav:first-of-type .grid .nav-user .dropdown-content {
        top: 56px;
        right: 0;
        left: unset;
        margin: unset;
        border-radius: .5rem;
        -webkit-box-shadow: var(--shadow);
        box-shadow: var(--shadow);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    /* Navigation ~ Link (md ~ min-width 768px) */
    /* Navigation ~ Pagination (md ~ min-width 768px) */
    /* Navigation ~ Tabs (md ~ min-width 768px) */
    /* Navigation ~ Table of Contents (Horizontal) (md ~ min-width 768px) */
    main nav.toc-horizontal {
        top: 80px;
        padding: 0.5rem 1.5rem;
    }

        main nav.toc-horizontal ul li a {
            padding: 0.5rem 1rem;
        }
    /* Navigation ~ Table of Contents (Vertical) (md ~ min-width 768px) */
    nav.toc-vertical {
        padding: 0 .5rem;
    }
    /* Filters (md ~ min-width 768px) */
    /* Transforms, Transitions & Animations (md ~ min-width 768px) */
    /* Layout (md ~ min-width 768px) */
    /* Layout ~ Aside (md ~ min-width 768px) */
    /* Layout ~ Aside ~ Details (md ~ min-width 768px) */
    main.details-aside aside.details {
        padding: 2rem 1.5rem;
    }
    /* Layout ~ Aside ~ Main (md ~ min-width 768px) */
    header.profile + main section.media .wrapper .grid > .media:not(:nth-of-type(-n+4)) {
        display: block;
    }

    header.profile + main section.media .wrapper .grid > .media:not(:nth-of-type(-n+6)) {
        display: none;
    }
    /* Layout ~ Divider (md ~ min-width 768px) */
    /* Layout ~ Footer (md ~ min-width 768px) */
    footer {
        padding: 1.5rem;
    }
    /* Layout ~ Header (md ~ min-width 768px) */
    header {
        padding: 1.5rem;
        margin-top: 128px;
    }

        header > .wrapper:not(.video) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            gap: 2rem;
        }

            header > .wrapper:not(.video) .widescreen {
                height: auto;
                padding: .75rem;
                margin: auto 0;
            }

            header > .wrapper:not(.video) .content {
                margin: auto 0;
            }

        header .wrapper::after {
            margin: 0px -24px;
        }

        header.img-bg .video .media .cmpl_iframe_div {
            -webkit-box-shadow: 0px 0px 0px 12px rgba(20, 124, 166, 0.33) !important;
            box-shadow: 0px 0px 0px 12px rgba(20, 124, 166, 0.33) !important;
            border-radius: .5rem;
        }
    /* Layout - Header ~ Search (md ~ min-width 768px) */
    /* Layout ~ Login (md ~ min-width 768px) */
    /* Layout ~ Search Results (md ~ min-width 768px) */
    .display-container {
        margin: auto 0;
        width: 100%;
    }

    section.search-results-container .display-container button {
        width: calc(33% - .5rem);
    }

    .display-container .showing {
        padding-top: 2px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .display-container .view-toggle {
        width: unset;
    }

    .display-container nav.pagination {
        width: calc(33% - .5rem)
    }

    form:has(.footer-items-per-page) {
        width: calc(25% - .5rem);
    }
    /* Layout ~ Section (md ~ min-width 768px) */
    section:has(> .wrapper) {
        padding: 2rem 1.5rem;
    }

    section > .wrapper .two-one-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 1.5rem;
    }

        section > .wrapper .two-one-row .two-thirds {
            width: 66%;
        }

        section > .wrapper .two-one-row .one-third {
            width: 33%;
        }
    /* Layout ~ Section ~ Add-on ~ Detail Columns (md ~ min-width 768px) */
    section.detail-columns .one-quarter {
        padding: 2rem;
    }

    section.detail-columns .topics {
        height: 40rem;
    }

        section.detail-columns .topics > div {
            width: calc(50% - 1rem);
        }
    /* Layout ~ Section ~ Browse ~ Grid (md ~ min-width 768px) */
    /* Layout ~ Section ~ Browse ~ List (md ~ min-width 768px) */
    section.browse-container .display-container button {
        width: calc(33% - .5rem);
    }
    /* Layout ~ Section ~ Presentations (md ~ min-width 768px) */
    /* Layout ~ Section ~ Profile ~ Edit (md ~ min-width 768px) */
    /* Layout ~ Section ~ Media (Grid & List Views) (md ~ min-width 768px) */
    section.media .wrapper .grid {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin: 0 -.75rem;
    }

    section.media .wrapper .media {
        padding: .75rem;
    }
    /* Layout ~ Toast (md ~ min-width 768px) */
}

@media (min-width: 1024px) {
    /* Theme (lg ~ min-width 1024px) */
    /* Theme ~ Typography (lg ~ min-width 1024px) */
    /* Effects (lg ~ min-width 1024px) */
    /* Effects ~ Box Shadow (lg ~ min-width 1024px) */
    /* Interactivity (lg ~ min-width 1024px) */
    /* Interactivity ~ Scroll Behaviour (lg ~ min-width 1024px) */
    /* Theme ~ Backgrounds*/
    /* Actions (lg ~ min-width 1024px) */
    /* Actions ~ Dropdown (lg ~ min-width 1024px) */
    /* Actions ~ Modal (lg ~ min-width 1024px) */
    /* Actions ~ Modal ~ Add To List (lg ~ min-width 1024px) */
    /* Actions ~ Modal ~ New Collection (lg ~ min-width 1024px) */
    /* Data Display (lg ~ min-width 1024px) */
    /* Data Display ~ Avatar (lg ~ min-width 1024px) */
    /* Data Display ~ Badge (lg ~ min-width 1024px) */
    /* Data Display ~ Card (lg ~ min-width 1024px) */
    /* Data Display ~ Carousel (lg ~ min-width 1024px) */
    /* Data Display ~ Collapse (lg ~ min-width 1024px) */
    /* Data Display ~ Kbd (lg ~ min-width 1024px) */
    /* Data Display ~ Loading (lg ~ min-width 1024px) */
    /* Data Display ~ Text Toggle Display (lg ~ min-width 1024px) */
    /* Data Display ~ Tooltip (lg ~ min-width 1024px) */
    /* Data Display ~ Checkbox (lg ~ min-width 1024px) */
    /* Data Display ~ Radio (lg ~ min-width 1024px) */
    /* Data Display ~ Search (lg ~ min-width 1024px) */
    /* Data Input (lg ~ min-width 1024px) */
    /* Data Input ~ Select (lg ~ min-width 1024px) */
    /* Data Input ~ Submit (lg ~ min-width 1024px) */
    /* Data Input ~ Text (lg ~ min-width 1024px) */
    /* Data Input ~ Textarea (lg ~ min-width 1024px) */
    /* Data Input ~ Toggle (lg ~ min-width 1024px) */
    /* Icons (lg ~ min-width 1024px) */
    /* Navigation (lg ~ min-width 1024px) */
    /* Navigation ~ Header Navigation (lg ~ min-width 1024px) */
    nav.nav .grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: -webkit-max-content 1rem auto 1rem -webkit-max-content;
        -ms-grid-columns: max-content 1rem auto 1rem max-content;
        grid-template-columns: -webkit-max-content auto -webkit-max-content;
        grid-template-columns: max-content auto max-content;
        -ms-grid-rows: auto 1rem auto;
        grid-template-rows: auto auto;
        gap: 1rem;
    }

        nav.nav .grid > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        nav.nav .grid > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

        nav.nav .grid > *:nth-child(3) {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
        }

        nav.nav .grid > *:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
        }

        nav.nav .grid > *:nth-child(5) {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
        }

        nav.nav .grid > *:nth-child(6) {
            -ms-grid-row: 3;
            -ms-grid-column: 5;
        }

        nav.nav .grid .nav-logo {
            -ms-grid-column: 1;
            grid-column-start: 1;
            -ms-grid-column-span: 1;
            grid-column-end: 2;
            -ms-grid-row: 1;
            grid-row-start: 1;
            -ms-grid-row-span: 1;
            grid-row-end: 2;
            display: -ms-inline-grid;
            display: inline-grid;
        }

        nav.nav .grid .nav-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-left: auto;
            margin-right: auto;
            gap: 1rem;
            top: unset;
            margin: auto;
            -webkit-box-shadow: unset;
            box-shadow: unset;
            padding: unset;
            width: unset;
            border-top: unset;
            visibility: unset;
            opacity: unset;
            -webkit-transform: unset;
            -ms-transform: unset;
            transform: unset;
        }

            nav.nav .grid .nav-links a,
            nav.nav .grid .nav-links a:visited {
                color: var(--text-pri);
                font-size: var(--text-sm);
                background: unset;
                padding: unset;
                border-radius: unset;
            }

                nav.nav .grid .nav-links a:hover {
                    color: var(--accent-pri);
                    background: unset;
                }

        nav.nav .grid .nav-menu {
            display: none;
            margin-left: unset;
        }

        nav.nav .grid .nav-user {
            -ms-grid-column: 3;
            grid-column-start: 3;
            -ms-grid-column-span: 1;
            grid-column-end: 4;
            -ms-grid-row: 1;
            grid-row-start: 1;
            -ms-grid-row-span: 1;
            grid-row-end: 2;
            display: -ms-inline-grid;
            display: inline-grid;
            margin-left: auto;
        }

        nav.nav .grid .nav-search {
            -ms-grid-column: 1;
            grid-column-start: 1;
            -ms-grid-column-span: 3;
            grid-column-end: 4;
            -ms-grid-row: 2;
            grid-row-start: 2;
            -ms-grid-row-span: 1;
            grid-row-end: 3;
            display: -ms-inline-grid;
            display: inline-grid;
        }

    body nav:first-of-type .grid .nav-user .dropdown-content {
        top: 120px;
    }
    /* Navigation ~ Link (lg ~ min-width 1024px) */
    /* Navigation ~ Pagination (lg ~ min-width 1024px) */
    /* Navigation ~ Tabs (lg ~ min-width 1024px) */
    /* Navigation ~ Table of Contents (Horizontal) (lg ~ min-width 1024px) */
    main nav.toc-horizontal {
        padding: 0.5rem 4rem;
    }
    /* Navigation ~ Table of Contents (Vertical) (lg ~ min-width 1024px) */
    main.aside-container {
        position: relative;
        min-height: 20rem;
    }

    .toc-header {
        display: block;
        padding: .5rem 1.5rem;
        background: var(--background-pri);
        position: sticky;
        border: 1px solid var(--border-accent);
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
        margin-bottom: 0.125rem;
        font-size: var(--text-sm);
        color: var(--base-mute);
        top: 9rem;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .toc-header.active {
            background: var(--background-sec);
            font-weight: var(--font-semibold);
            color: var(--button-pri);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .toc-header:hover {
            background: var(--alt-background-even);
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

    header.profile + main.aside-container .toc-header a {
        text-decoration: none;
    }

        header.profile + main.aside-container .toc-header a::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            content: "";
        }

    nav.toc-vertical {
        display: unset;
        padding: 0;
        width: calc(((100vw - 8rem) / 4) - 2rem);
        background: none;
        position: absolute;
        top: 0;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 3rem;
        margin-left: 4rem;
        margin-right: 2rem;
        z-index: 1;
    }

        nav.toc-vertical::before {
            content: none;
        }

        nav.toc-vertical::after {
            content: none;
        }

        nav.toc-vertical ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            background: var(--background-pri);
            position: sticky;
            gap: 0;
            border: 1px solid var(--border-accent);
            border-bottom-left-radius: .5rem;
            border-bottom-right-radius: .5rem;
            top: 11.583125rem;
        }

            nav.toc-vertical ul li {
                padding: 0.75rem 1rem;
                text-wrap: wrap;
            }

                nav.toc-vertical ul li:first-of-type {
                    margin-left: 0;
                }

                nav.toc-vertical ul li:last-of-type {
                    margin-right: 0;
                }

                nav.toc-vertical ul li a {
                    padding: 0;
                    font-size: var(--text-base);
                    text-align: left;
                    background: none;
                }

                    nav.toc-vertical ul li a:hover {
                        background: none;
                        color: var(--primary);
                    }

                    nav.toc-vertical ul li a.is-active {
                        background: none;
                        font-weight: var(--font-semibold);
                    }

                    nav.toc-vertical ul li a::after {
                        content: none;
                    }
    /* Filters (lg ~ min-width 1024px) */
    /* Transforms, Transitions & Animations (lg ~ min-width 1024px) */
    /* Layout (lg ~ min-width 1024px) */
    /* Layout ~ Aside (lg ~ min-width 1024px) */
    /* Layout ~ Aside ~ Details (lg ~ min-width 1024px) */
    main.details-aside {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        main.details-aside aside.details {
            position: sticky;
            top: 0;
            width: 35.75%;
            height: 100%;
            padding: 2rem 4rem 2rem 2rem;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            min-width: 22rem;
        }

            main.details-aside aside.details .wrapper {
                position: sticky;
                top: 10rem;
            }

            main.details-aside aside.details section {
                background: var(--background-pri);
                border: 1px solid var(--border-accent);
                padding-left: 2rem;
                padding-right: 2rem;
                margin-bottom: .125rem;
            }

                main.details-aside aside.details section:nth-of-type(1) {
                    padding-top: 1rem;
                    padding-bottom: 1rem;
                    border-top-right-radius: 0.5rem;
                    border-top-left-radius: 0.5rem;
                }

                main.details-aside aside.details section:not(:first-of-type):not(:last-of-type) {
                    padding-top: 1.5rem;
                    padding-bottom: 1.5rem;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                }

                main.details-aside aside.details section:last-of-type {
                    padding-top: 1rem;
                    padding-bottom: 1rem;
                    border-bottom-right-radius: 0.5rem;
                    border-bottom-left-radius: 0.5rem;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                }

            main.details-aside aside.details h2 {
                font-size: var(--text-lg);
            }
        /* Layout ~ Aside ~ Main (lg ~ min-width 1024px) */
        main.details-aside > section {
            padding: 2rem 2rem 2rem 4rem;
            width: 100%;
        }

            main.details-aside > section > .wrapper {
                width: 100%;
            }

    section.aside-main .wrapper {
        width: 75%;
        margin-left: auto;
    }

    section.aside-main:has(> .wrapper).media .wrapper .grid {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    section.aside-main:has(> .wrapper).media .wrapper .media .img-container,
    section.aside-main:has(> .wrapper).media .wrapper .presenter > .img-container {
        height: calc(((((100vw - 8rem) * .75) - 3rem)/ 3) * 0.562);
    }
    /* Layout ~ Divider (lg ~ min-width 1024px) */
    /* Layout ~ Footer (lg ~ min-width 1024px) */
    footer {
        padding: 3rem 4rem;
    }
    /* Layout ~ Header (lg ~ min-width 1024px) */
    .alternating-background header {
        padding: 3rem 4rem;
    }

    header {
        padding: 3rem 4rem 2rem 4rem;
        margin-top: 136px
    }

        header > .wrapper:not(.video) {
            gap: 3rem;
        }
    /* Layout - Header ~ Search (lg ~ min-width 1024px) */
    /* Layout ~ Login (lg ~ min-width 1024px) */
    /* Layout ~ Search Results (lg ~ min-width 1024px) */
    aside.search-results-filter h2 {
        border-bottom: unset;
        margin: unset;
        padding: unset;
        background: unset;
    }

    .filter-search {
        position: relative;
    }

        .filter-search .filter-buttons-container {
            position: sticky;
            bottom: 0;
            padding: 1rem 0;
            background: var(--alt-background-odd);
        }

    aside.search-results-filter {
        position: relative;
        background: var(--alt-background-odd);
        display: block;
        width: 25%;
        top: unset;
        z-index: unset;
        right: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    main.search {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .background-overlay.active {
        display: none;
    }

    .display-container {
        gap: 1rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    aside.search-results-filter h2 i {
        display: none;
    }

    #sectionMedia:has(.wrapper .widgetPlaceHolder[data-widgetname*="ScienceTypesGallery"]),
    #sectionMedia:has(.wrapper .widgetPlaceHolder[data-widgetname*="SciencePathwayGallery"]),
    #sectionMedia:has(.wrapper .widgetPlaceHolder[data-widgetname*="AudienceTypeGallery"]) {
        width: 100% !important;
    }

    section.search-results-container {
        width: 75%;
        padding: 2rem;
    }

        section.search-results-container .display-container button.filter,
        section.search-results-container .display-container button.view {
            display: none;
        }

    aside.view-options {
        position: relative;
        background: unset;
        display: unset;
        width: unset;
        top: unset;
        z-index: unset;
        right: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        -webkit-transition: unset;
        -o-transition: unset;
        transition: unset;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        aside.view-options .wrapper {
            padding: 0;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            aside.view-options .wrapper form {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                width: 100%;
            }

                aside.view-options .wrapper form fieldset {
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                }

                    aside.view-options .wrapper form fieldset select {
                        width: 100%;
                    }

        aside.view-options h2,
        aside.view-options hr.aside,
        aside.view-options .view-options-footer {
            display: none;
        }

    .display-container nav.pagination {
        width: unset;
        margin-top: auto;
        border: 1px solid var(--border-accent);
        font-size: var(--text-sm);
    }

    nav.pagination form select {
        color: var(--text-sec);
    }
    /* Layout ~ Section (lg ~ min-width 1024px) */
    section:has(> .wrapper) {
        padding: 3rem 4rem;
    }

    section > .wrapper .three-thirds-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section > .wrapper .three-thirds-row .one-third {
            width: calc(33% - 1.5rem);
        }
    /* Layout ~ Section ~ Add-on ~ Detail Columns (lg ~ min-width 1024px) */
    section.detail-columns {
        text-align: center;
    }
    /* Layout ~ Section ~ Browse ~ Grid (lg ~ min-width 1024px) */
    section.browse-container {
        padding: 3rem 4rem 2rem 4rem;
    }

        section.browse-container .display-container button.filter,
        section.browse-container .display-container button.view {
            display: none;
        }

    section.media.browse-container .wrapper > .grid {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    section.browse-container nav.pagination {
        width: calc((100% - 3rem) / 4);
    }

    section.browse-container aside.view-options .wrapper form fieldset {
        width: 100%;
    }
    /* Layout ~ Section ~ Browse ~ List (lg ~ min-width 1024px) */
    /* Layout ~ Section ~ Presentations (lg ~ min-width 1024px) */
    /* Layout ~ Section ~ Profile ~ Edit (lg ~ min-width 1024px) */

    /* Layout ~ Section ~ Media (Grid & List Views) (lg ~ min-width 1024px) */
    section.media .wrapper .grid {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    /* Layout ~ Toast (lg ~ min-width 1024px) */
}

@media (min-width: 1280px) {
    /* Theme (xl ~ min-width 1280px) */
    /* Theme ~ Typography (xl ~ min-width 1280px) */
    /* Effects (xl ~ min-width 1280px) */
    /* Effects ~ Box Shadow (xl ~ min-width 1280px) */
    /* Interactivity (xl ~ min-width 1280px) */
    /* Interactivity ~ Scroll Behaviour (xl ~ min-width 1280px) */
    /* Theme ~ Backgrounds*/
    /* Actions (xl ~ min-width 1280px) */
    /* Actions ~ Dropdown (xl ~ min-width 1280px) */
    /* Actions ~ Modal (xl ~ min-width 1280px) */
    /* Actions ~ Modal ~ Add To List (xl ~ min-width 1280px) */
    /* Actions ~ Modal ~ New Collection (xl ~ min-width 1280px) */
    /* Data Display (xl ~ min-width 1280px) */
    /* Data Display ~ Avatar (xl ~ min-width 1280px) */
    /* Data Display ~ Badge (xl ~ min-width 1280px) */
    /* Data Display ~ Card (xl ~ min-width 1280px) */
    /* Data Display ~ Carousel (xl ~ min-width 1280px) */
    /* Data Display ~ Collapse (xl ~ min-width 1280px) */
    /* Data Display ~ Kbd (xl ~ min-width 1280px) */
    /* Data Display ~ Loading (xl ~ min-width 1280px) */
    /* Data Display ~ Text Toggle Display (xl ~ min-width 1280px) */
    /* Data Display ~ Tooltip (xl ~ min-width 1280px) */
    /* Data Display ~ Checkbox (xl ~ min-width 1280px) */
    /* Data Display ~ Radio (xl ~ min-width 1280px) */
    /* Data Display ~ Search (xl ~ min-width 1280px) */
    /* Data Input (xl ~ min-width 1280px) */
    /* Data Input ~ Select (xl ~ min-width 1280px) */
    /* Data Input ~ Submit (xl ~ min-width 1280px) */
    /* Data Input ~ Text (xl ~ min-width 1280px) */
    /* Data Input ~ Textarea (xl ~ min-width 1280px) */
    /* Data Input ~ Toggle (xl ~ min-width 1280px) */
    /* Icons (xl ~ min-width 1280px) */
    /* Navigation (xl ~ min-width 1280px) */
    /* Navigation ~ Header Navigation (xl ~ min-width 1280px) */
    nav.nav .grid .nav-logo img {
        height: 2.5rem;
    }

    nav.nav .grid .nav-links {
        margin: auto;
        gap: 2.5rem;
    }

        nav.nav .grid .nav-links a,
        nav.nav .grid .nav-links a:visited {
            font-size: var(--text-sm);
            padding: unset;
        }

    nav.nav .grid .nav-user .username {
        display: block;
    }
    /* Navigation ~ Link (xl ~ min-width 1280px) */
    /* Navigation ~ Pagination (xl ~ min-width 1280px) */
    /* Navigation ~ Tabs (xl ~ min-width 1280px) */
    /* Navigation ~ Table of Contents (Horizontal) (xl ~ min-width 1280px) */
    /* Navigation ~ Table of Contents (Vertical) (xl ~ min-width 1280px) */
    /* Filters (xl ~ min-width 1280px) */
    /* Transforms, Transitions & Animations (xl ~ min-width 1280px) */
    /* Layout (xl ~ min-width 1280px) */
    /* Layout ~ Aside (xl ~ min-width 1280px) */
    /* Layout ~ Aside ~ Details (xl ~ min-width 1280px) */
    main.details-aside aside.details {
        height: 100%;
        padding: 2rem 4rem 2rem 2rem;
    }
    /* Layout ~ Aside ~ Main (xl ~ min-width 1280px) */
    ul.saved-search-list {
        gap: .5rem;
    }

        ul.saved-search-list li.saved-search {
            width: calc(33.3333333333% - .5rem);
        }
    /* Layout ~ Divider (xl ~ min-width 1280px) */
    /* Layout ~ Footer (xl ~ min-width 1280px) */
    /* Layout ~ Header (xl ~ min-width 1280px) */
    /* Layout - Header ~ Search (xl ~ min-width 1280px) */
    /* Layout ~ Login (xl ~ min-width 1280px) */
    /* Layout ~ Search Results (xl ~ min-width 1280px) */
    /* Layout ~ Section (xl ~ min-width 1280px) */
    /* Layout ~ Section ~ Add-on ~ Detail Columns (xl ~ min-width 1280px) */
    section.detail-columns .topics {
        height: 26rem;
    }

        section.detail-columns .topics > div {
            width: calc(33% - 1rem);
        }
    /* Layout ~ Section ~ Browse ~ Grid (xl ~ min-width 1280px) */
    section.media.browse-container .wrapper > .grid {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    /* Layout ~ Section ~ Browse ~ List (xl ~ min-width 1280px) */
    /* Layout ~ Section ~ Presentations (xl ~ min-width 1280px) */
    /* Layout ~ Section ~ Profile ~ Edit (xl ~ min-width 1280px) */
    .edit-profile fieldset {
        gap: 2rem;
    }

        .edit-profile fieldset span {
            -ms-flex-preferred-size: calc(50% - 1rem);
            flex-basis: calc(50% - 1rem);
        }
    /* Layout ~ Section ~ Media (Grid & List Views) (xl ~ min-width 1280px) */
    section.media .wrapper .grid {
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    /* Layout ~ Toast (xl ~ min-width 1280px) */
}

@media (min-width: 1536px) {
    /* Theme (2xl ~ min-width 1536px) */
    /* Theme ~ Typography (2xl ~ min-width 1536px) */
    /* Effects (2xl ~ min-width 1536px) */
    /* Effects ~ Box Shadow (2xl ~ min-width 1536px) */
    /* Interactivity (2xl ~ min-width 1536px) */
    /* Interactivity ~ Scroll Behaviour (2xl ~ min-width 1536px) */
    /* Theme ~ Backgrounds*/
    /* Actions (2xl ~ min-width 1536px) */
    /* Actions ~ Dropdown (2xl ~ min-width 1536px) */
    /* Actions ~ Modal (2xl ~ min-width 1536px) */
    /* Actions ~ Modal ~ Add To List (2xl ~ min-width 1536px) */
    /* Actions ~ Modal ~ New Collection (2xl ~ min-width 1536px) */
    /* Data Display (2xl ~ min-width 1536px) */
    /* Data Display ~ Avatar (2xl ~ min-width 1536px) */
    /* Data Display ~ Badge (2xl ~ min-width 1536px) */
    /* Data Display ~ Card (2xl ~ min-width 1536px) */
    /* Data Display ~ Carousel (2xl ~ min-width 1536px) */
    /* Data Display ~ Collapse (2xl ~ min-width 1536px) */
    /* Data Display ~ Kbd (2xl ~ min-width 1536px) */
    /* Data Display ~ Loading (2xl ~ min-width 1536px) */
    /* Data Display ~ Text Toggle Display (2xl ~ min-width 1536px) */
    /* Data Display ~ Tooltip (2xl ~ min-width 1536px) */
    /* Data Display ~ Checkbox (2xl ~ min-width 1536px) */
    /* Data Display ~ Radio (2xl ~ min-width 1536px) */
    /* Data Display ~ Search (2xl ~ min-width 1536px) */
    /* Data Input (2xl ~ min-width 1536px) */
    /* Data Input ~ Select (2xl ~ min-width 1536px) */
    /* Data Input ~ Submit (2xl ~ min-width 1536px) */
    /* Data Input ~ Text (2xl ~ min-width 1536px) */
    /* Data Input ~ Textarea (2xl ~ min-width 1536px) */
    /* Data Input ~ Toggle (2xl ~ min-width 1536px) */
    /* Icons (2xl ~ min-width 1536px) */
    /* Navigation (2xl ~ min-width 1536px) */
    /* Navigation ~ Header Navigation (2xl ~ min-width 1536px) */
    nav.nav {
        padding: 16px 0px;
        width: 100%;
    }

        nav.nav .grid {
            margin-left: auto;
            margin-right: auto;
            max-width: 90rem;
        }
    /* Navigation ~ Link (2xl ~ min-width 1536px) */
    /* Navigation ~ Pagination (2xl ~ min-width 1536px) */
    /* Navigation ~ Tabs (2xl ~ min-width 1536px) */
    /* Navigation ~ Table of Contents (Horizontal) (2xl ~ min-width 1536px) */
    main nav.toc-horizontal ul {
        width: 90rem;
        margin-left: auto;
        margin-right: auto;
    }
    /* Navigation ~ Table of Contents (Vertical) (2xl ~ min-width 1536px) */
    nav.toc-vertical .toc-header,
    nav.toc-vertical ul {
        width: 16rem;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        margin-right: auto;
    }

    nav.toc-vertical {
        margin-left: calc((100vw - 90rem) / 2);
        width: 20.5rem;
        padding: 3rem 0 0 0;
    }

        nav.toc-vertical ul li:first-of-type {
            margin-left: 0;
        }

        nav.toc-vertical ul li:last-of-type {
            margin-right: 0;
        }
    /* Filters (2xl ~ min-width 1536px) */
    /* Transforms, Transitions & Animations (2xl ~ min-width 1536px) */
    /* Layout (2xl ~ min-width 1536px) */
    /* Layout ~ Aside (2xl ~ min-width 1536px) */
    /* Layout ~ Aside ~ Details (2xl ~ min-width 1536px) */
    main.details-aside aside.details {
        position: sticky;
        width: 27rem;
        padding: 0;
        margin-right: auto;
    }

    .media-information {
        width: 63rem;
        margin-left: auto;
    }

        .media-information > section {
            padding: 3rem 4rem 3rem 0;
        }
    /* Layout ~ Aside ~ Main (2xl ~ min-width 1536px) */
    main.details-aside > section {
        padding: 2rem 4rem 2rem 0;
        margin: 0 0 0 auto;
        width: 63rem;
    }

    main.details-aside {
       /*width: 90rem;*/
       /*margin: 0 auto;*/
    }

        main.details-aside > section#sectionAbstract p {
            font-size: var(--text-lg);
        }

     section.aside-main {
        width: 90rem;
        margin: 0 auto;
    }

    section.aside-main .wrapper {
        margin-left: 20rem;
        width: auto;
    }

    section.inventory .widgetPlaceHolder > {
        margin-left: auto;
    }

    section.aside-main:has(> .wrapper).media .wrapper .grid {
        margin: 0 -.75rem 0 -.75rem;
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    section.aside-main:has(> .wrapper).media .wrapper .media .img-container, section.aside-main:has(> .wrapper).media .wrapper .presenter > .img-container {
        height: calc(((69rem - 6rem) / 4) * 0.562);
    }

    section.aside-main:has(> .wrapper).media.inventory .wrapper .grid {
        margin: 1rem -0.75rem 0 -0.75rem;
    }

    header.profile + main section.media .wrapper .grid > .media:not(:nth-of-type(-n+6)) {
        display: block;
    }

    header.profile + main section.media .wrapper .grid > .media:not(:nth-of-type(-n+8)) {
        display: none;
    }
    /* Layout ~ Divider (2xl ~ min-width 1536px) */
    /* Layout ~ Footer (2xl ~ min-width 1536px) */
    /* Layout ~ Header (2xl ~ min-width 1536px) */
    header.homepage-banner li .content-container {
        padding: 0 !important;
        width: 100% !important;
    }

        header.homepage-banner li .content-container .text-wrapper {
            margin-left: auto;
            margin-right: auto;
            max-width: 90rem;
            width: calc(100% - 12rem);
        }

    header.homepage-banner .pre-header,
    header.homepage-banner h1,
    header.homepage-banner p,
    header.homepage-banner .button-group {
        width: 55%;
    }

    header.img-bg .video .media .cmpl_iframe_div {
        -webkit-box-shadow: 0px 0px 0px 16px rgba(20, 124, 166, 0.33) !important;
        box-shadow: 0px 0px 0px 16px rgba(20, 124, 166, 0.33) !important;
    }

    header .actions {
        margin-top: 1.25rem;
    }
    /* Layout - Header ~ Search (2xl ~ min-width 1536px) */
    /* Layout ~ Login (2xl ~ min-width 1536px) */
    /* Layout ~ Search Results (2xl ~ min-width 1536px) */
    .display-container,
    aside.view-options .wrapper form {
        gap: 1.5rem;
    }

        .display-container nav.pagination {
            width: calc((100% - 4.5rem) / 4);
        }

        aside.view-options .wrapper form fieldset {
            -ms-flex-preferred-size: 33.333333%;
            flex-basis: 33.333333%;
        }

    #sectionMedia:has(.wrapper .widgetPlaceHolder[data-widgetname*="ScienceTypesGallery"]),
    #sectionMedia:has(.wrapper .widgetPlaceHolder[data-widgetname*="SciencePathwayGallery"]),
    #sectionMedia:has(.wrapper .widgetPlaceHolder[data-widgetname*="AudienceTypeGallery"]) {
        width: 90rem !important;
        margin: 0 auto;
    }
    /* Layout ~ Section (2xl ~ min-width 1536px) */
    header,
    .alternating-background > section:has(> .wrapper),
    footer {
        padding: 3rem 0;
        position: relative;
    }

        header .wrapper,
        .alternating-background > section > .wrapper > .wrapper,
        footer .wrapper {
            margin-left: auto;
            margin-right: auto;
            max-width: 90rem;
        }
    /* Layout ~ Section ~ Add-on ~ Detail Columns (2xl ~ min-width 1536px) */
    /* Layout ~ Section ~ Browse ~ Grid (2xl ~ min-width 1536px) */
    section.browse-container > .wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 90rem;
    }
    /* Layout ~ Section ~ Browse ~ List (2xl ~ min-width 1536px) */
    /* Layout ~ Section ~ Presentations (2xl ~ min-width 1536px) */
    /* Layout ~ Section ~ Profile ~ Edit (2xl ~ min-width 1536px) */
    form.edit-profile section:has(.wrapper) .wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 90rem;
    }
    /* Layout ~ Section ~ Media (Grid & List Views) (2xl ~ min-width 1536px) */
    section.media .wrapper .grid {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    /* Layout ~ Toast (2xl ~ min-width 1536px) */
}

.progress-bar-container-0
{
	display:none;
}