:where(select) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    position: relative;

    border: solid 0.05rem var(--text2);
    background-color: var(--surface2);
    color: var(--text2);

    padding: 0.4rem 2.3rem 0.4rem 0.2rem;

    border-radius: 0.4rem;

    font-size: calc(1rem / 1.2);

    background-image: url(/images/select-toggle.svg);
    background-blend-mode: difference;
    background-repeat: no-repeat;
    background-position: calc(100% - 0.2rem) 50%;
    background-size: 0.6rem;

    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

:where(select:focus-visible) {
    box-shadow: 0 0 0 0.4rem var(--surface4), var(--shadow);
    outline: none;
}

:where(option) {
    background-color: var(--surface2);
}