.field-grid select {
    width: 100%;
    height: 2.65rem;
    box-sizing: border-box;
    margin-top: .4rem;
    padding: 0 2.5rem 0 .75rem;
    appearance: none;
    border: 1px solid #d8e1e8;
    border-radius: .58rem;
    background-color: #fbfcfd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%23405367' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .8rem center;
    color: #263a50;
    font: inherit;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.field-grid select:hover {
    border-color: #95a8b8;
}

.field-grid select:focus-visible {
    border-color: #25aabd;
    outline: 0;
    box-shadow: 0 0 0 3px color-mix(in srgb, #25aabd 20%, transparent);
}

.field-grid select option {
    background: #fbfcfd;
    color: #263a50;
}

[data-theme=dark] .field-grid select {
    border-color: #304559;
    background-color: #0c1b2d;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 7.5 5 5 5-5' stroke='%2344cddf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    color: #e8f0f7;
}

[data-theme=dark] .field-grid select:hover {
    border-color: #44cddf;
}

[data-theme=dark] .field-grid select option {
    background: #102238;
    color: #e8f0f7;
}

html[dir=rtl] .field-grid select:not([dir=ltr]) {
    padding-right: .75rem;
    padding-left: 2.5rem;
    background-position: left .8rem center;
}