div.course-search-container[data-v-8f7de536] {
    font-size: var(--w-font-16-main);
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    gap: 1em;
}
div.course-search-container[data-v-8f7de536], div.course-search-container div.field[data-v-8f7de536], div.course-search-container div.field-wrapper[data-v-8f7de536] {
        max-width: 100%;
}
div.course-search-container[data-v-8f7de536] * {
        font-size: inherit;
}
div.course-search-container label[data-v-8f7de536], div.course-search-container input[data-v-8f7de536], div.course-search-container select[data-v-8f7de536] {
        font-size: .8em;
}
div.course-search-container label[data-v-8f7de536] {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: .5em 1em;
        border-radius: .3em 0 0 .3em;
        max-width: 50%;

        background-color: var(--text-on-background-background-color);
        color: var(--text-on-background-color);
        font-weight: bold;
        white-space: nowrap;
}
div.course-search-container input[data-v-8f7de536], div.course-search-container select[data-v-8f7de536] {
        padding: .5em;
        border-radius: .1em .3em .3em .1em;
}
div.course-search-container input[data-v-8f7de536]:focus-visible, div.course-search-container select[data-v-8f7de536]:focus-visible {
            margin: .25em;
            padding: .25em;
            outline: solid .2em var(--secondary-color);
}
div.course-search-container input[data-v-8f7de536]:not([type="submit"]), div.course-search-container select[data-v-8f7de536]:not([type="submit"]) {
            box-shadow: inset 0 0 10px rgb(0, 0, 0, .1);
            color: var(--body-text-color);
}
div.course-search-container input[type="submit"][data-v-8f7de536], div.course-search-container select[type="submit"][data-v-8f7de536] {
            color: var(--secondary-color-contrast);
            background-color: var(--secondary-color);
            font-weight: bold;
            border: .1em solid rgb(0, 0, 0, .2);
            border-radius: .2em .3em .3em .2em;

            transition: background-color .5s ease, color .5s ease;
}
div.course-search-container input[type="submit"][data-v-8f7de536]:hover, div.course-search-container input[type="submit"][data-v-8f7de536]:focus-within, div.course-search-container select[type="submit"][data-v-8f7de536]:hover, div.course-search-container select[type="submit"][data-v-8f7de536]:focus-within {
                background-color: var(--secondary-color-contrast);
                color: var(--secondary-color);
}
div.course-search-container div.field-wrapper[data-v-8f7de536] {
        display: flex;
        flex-flow: row wrap;
        gap: 1em;
}
div.course-search-container div.field-wrapper > div[data-v-8f7de536] {
            flex: 1 0 30%;
}
div.course-search-container div.category-field[data-v-8f7de536] {
        flex: 1 0 24em;
}
div.course-search-container div.date-field[data-v-8f7de536] {
        flex: 2 0 49em;
}
div.course-search-container div.search-field[data-v-8f7de536] {
        flex: 1 0 53em;
}
div.course-search-container div.date-field input[data-v-8f7de536] {
            min-width: 10em;
}
div.course-search-container div.field[data-v-8f7de536] {
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
}
div.course-search-container div.field[data-v-8f7de536] * {
            flex: 1000 1000 auto;
}
div.course-search-container div.field label[data-v-8f7de536] {
            flex: 1 5 13em;
}
div.course-search-container div.field div.search-form[data-v-8f7de536] {
            display: flex;
}
div.course-search-container div.field div.search-form input[data-v-8f7de536]:not([type="submit"]) {
                flex: 1 1 1em;
                min-width: 0;
}
div.course-search-container div.field div.search-form input[type="submit"][data-v-8f7de536] {
                flex: 1 1 .1em;
                min-width: 0;
                max-width: 5em;
}
div.course-search-container div.search-field label[data-v-8f7de536] {
        min-width: 0;
}
@media print {
div.course-search-container[data-v-8f7de536] {
        display: none;
}
}