.networkSelect {
    display: grid;
    grid-template-areas: "select";
    align-items: center;
    position: relative;

    min-width: 15ch;
    max-width: 30ch;

    border: 1px solid #999;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;

    font-size: 1rem;
    cursor: pointer;
    line-height: 1.2;

    margin-bottom: 1rem;
}

.networkSelect select {
    cursor: pointer;
    background-color: white;
}

.networkSelect::after {
    grid-area: select;
}

.networkSelect:focus + .focus {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid var(--select-focus);
    border-radius: inherit;
}