.darkmode-select-box {
    --darkmode-select-size: inherit;
    --darkmode-select-color: inherit;
    --darkmode-select-icon-fill: currentColor;
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 0;
    font-size: var(--darkmode-select-size);
    color: var(--darkmode-select-color);
}

.darkmode-select-box .material-icons svg {
    fill: var(--darkmode-select-icon-fill);
}

.darkmode-select-box.icon-only>.select-box {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.darkmode-select-box.icon-only>.select-box>select {
    padding: 0;
    margin: 0;
    height: auto;
    text-align: center;
    border: none;
    width: auto;
    position: absolute;
    right: 0;
}