@layer components {
    .heading-5 {
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    .heading-5 {
        font-size: 1.25rem;
    }

    .text-small {
        font-size: 0.875em;
        font-weight: 400;
    }

    .plain-list {
        padding-left: 0;
        list-style: none;
    }

    .inline-list {
        padding-left: 0;
        list-style: none;
    }

    .inline-list__item {
        display: inline-block;
    }

    .inline-list__item:not(:last-child) {
        margin-right: 0.5rem;
    }

    .spinner {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: -0.125em;
        border: 0.25em solid currentcolor;
        border-right-color: transparent;
        border-radius: 50%;
        animation: .75s linear infinite spinner-border;
    }

    @media (prefers-reduced-motion: reduce) {
        .spinner {
            animation-duration: 1.5s;
        }
    }

    .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    @media (max-width: 991.98px) {
        .h-scroll {
            max-width: 100%;
            overflow: hidden;
            height: 2.5rem;
        }
    }

    @media (max-width: 991.98px) {
        .h-scroll .scroll {
            padding-bottom: 2rem;
            overflow-x: auto;
            white-space: nowrap;
        }
    }

    @media (max-width: 991.98px) {
        .evaluation-types-nav.h-scroll {
            height: 2.5rem;
            font-size: .875rem;
        }
    }

    @media (max-width: 991.98px) {
        .button-group.scroll {
            display: flex;
        }
    }
}