/* when final: put me in SCSS */
@layer legacy, migration, bootstrap, iconpack, theme;

@layer migration {
    img {
        max-width: 100%;
        height: auto
    }

    .sr-only {
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important
    }
}

@layer iconpack {
    .iconpack {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--iconpack-display,inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        width: var(--iconpack-width,auto);
        height: var(--iconpack-height,1em);
        vertical-align: var(--iconpack-vertical-align,-.125em);
        margin-right: var(--iconpack-margin-right,.125em);
        overflow: visible
    }

    span.iconpack {
        vertical-align: 0
    }
}

@layer theme {
    #main-navbar [data-expandable] [data-button] {
        display: none;
    }

    .quick-search fieldset legend {
        display: none;
    }

    .quick-search .tx-indexedsearch-form label {
        display: none;
    }

    .quick-search .tx-indexedsearch-search-submit {
        display: none;
    }

    .quick-search .tx-indexedsearch-searchbox-sword {
        width: 100%;
    }

    .quick-search form p {
        display: none;
    }

    @media (max-width: 575px) {
        #main-navbar {
            overflow: auto;
        }

        #main-navbar [data-expandable] {
            display: flex;
            justify-content: space-between;
        }

        #main-navbar [data-expandable]::after {
            display: none;
        }

        #main-navbar [data-expandable] .title {
            flex-grow: 1;
        }

        #main-navbar [data-expandable].show {
            justify-content: unset;
        }

        #main-navbar [data-expandable].show {
            text-align: center;
        }

        #main-navbar [data-expandable] [data-button=next] {
            display: inline;
        }

        #main-navbar [data-expandable].show [data-button=next] {
            display: none;
            --iconpack-display: none;
        }

        #main-navbar [data-expandable].show [data-button=back] {
            display: inline;
        }
    }

    @media (min-width: 576px) {

    }
}