:root {
    --ui-select-bg: #ffffff;
    --ui-select-border: #cbd5e1;
    --ui-select-border-hover: #9fbbe0;
    --ui-select-focus: rgba(56, 126, 193, 0.2);
    --ui-select-text: #0f172a;
    --ui-select-muted: #64748b;
    --ui-select-icon: #3b82c4;
}

select:not([multiple]):not([size]):not(.hidden-select):not(.unstyled-select) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 38px;
    border: 1px solid var(--ui-select-border);
    border-radius: 12px;
    background-color: var(--ui-select-bg);
    color: var(--ui-select-text);
    font-weight: 600;
    line-height: 1.25;
    cursor: pointer;
    padding-right: 40px !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--ui-select-icon) 50%),
        linear-gradient(135deg, var(--ui-select-icon) 50%, transparent 50%);
    background-position:
        calc(100% - 17px) calc(50% - 2px),
        calc(100% - 12px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

select:not([multiple]):not([size]):not(.hidden-select):not(.unstyled-select):hover {
    border-color: var(--ui-select-border-hover);
}

select:not([multiple]):not([size]):not(.hidden-select):not(.unstyled-select):focus,
select:not([multiple]):not([size]):not(.hidden-select):not(.unstyled-select):focus-visible {
    outline: none;
    border-color: #387ec1;
    box-shadow: 0 0 0 3px var(--ui-select-focus);
}

select:not([multiple]):not([size]):not(.hidden-select):not(.unstyled-select):disabled {
    cursor: not-allowed;
    color: #94a3b8;
    border-color: #dbe4ef;
    background-color: #f8fafc;
    box-shadow: none;
    opacity: 0.85;
}

select:not([multiple]):not([size]):not(.hidden-select):not(.unstyled-select) option {
    color: var(--ui-select-text);
    background: #ffffff;
    font-weight: 500;
}

select:not([multiple]):not([size]):not(.hidden-select):not(.unstyled-select) option:checked {
    color: #0f3b78;
    background: #eaf3ff;
}

select.ui-select--meta {
    border-color: #bdd6f2;
    background-color: #f7fbff;
    color: #123a62;
    font-weight: 700;
}

select.ui-select--meta:hover {
    border-color: #9cc2ea;
    background-color: #f1f8ff;
}

select.ui-select--meta:focus,
select.ui-select--meta:focus-visible {
    border-color: #2f76b8;
    box-shadow: 0 0 0 3px rgba(47, 118, 184, 0.2);
}

select.ui-select--meta option {
    color: #0f172a;
    background: #ffffff;
    font-weight: 600;
}