/* One palette for native fields, Choices, Select2 and their option lists. */
:root{--sky-select-ink:#244663;--sky-select-line:#c9dceb;--sky-select-surface:#fff;--sky-select-muted:#6a8297;--sky-select-active:#eaf4ff;--sky-select-accent:#236eae}
body.sky-dark{--sky-select-ink:#e0eef9;--sky-select-line:#3a5670;--sky-select-surface:#193149;--sky-select-muted:#b0c6d8;--sky-select-active:#234b6d;--sky-select-accent:#8ed1ff}
html body select:not([hidden]):not(.choices__input):not(.select2-hidden-accessible):not([data-sky-select="native"]),
html body .choices .choices__inner,html body .select2-container .select2-selection{
    border:1px solid var(--sky-select-line)!important;border-radius:12px!important;
    background-color:var(--sky-select-surface)!important;color:var(--sky-select-ink)!important;
    box-shadow:0 3px 10px #183d6008,inset 0 1px 0 #ffffff30!important;
    font-family:inherit;font-size:12px;transition:border-color .16s,box-shadow .16s;
}
html body select:not([multiple]):not([size]):not([hidden]):not(.choices__input):not(.select2-hidden-accessible):not([data-sky-select="native"]){
    appearance:none;padding:10px 36px 10px 12px;max-width:100%;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232b81bb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;
}
html body select:focus-visible,html body .choices.is-focused .choices__inner,html body .select2-container--focus .select2-selection{outline:2px solid #61afe566!important;outline-offset:2px;border-color:#4394ce!important}
html body select:disabled{opacity:.6;cursor:not-allowed}
html body .sky-select-panel,html body .choices .choices__list--dropdown,html body .select2-dropdown{
    border:1px solid var(--sky-select-line)!important;border-radius:16px!important;background:var(--sky-select-surface)!important;
    color:var(--sky-select-ink)!important;box-shadow:0 18px 48px #123c652b,0 3px 10px #123c6510!important;
    font-family:inherit;font-size:12px;overflow:hidden;
}
html body .sky-select-panel{position:fixed;z-index:2147483000;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;inset:auto;animation:sky-select-enter .14s ease-out;max-width:calc(100vw - 24px)}
.sky-select-panel::backdrop{background:transparent;pointer-events:none}
html body .sky-select-title{flex-shrink:0;padding:13px 15px 11px;border-bottom:1px solid var(--sky-select-line);background:linear-gradient(115deg,#3187bf15,#14a5ad08);font-size:11px;font-weight:700;color:var(--sky-select-ink);overflow-wrap:anywhere}
html body .sky-select-search,html body .choices__list--dropdown .choices__input,html body .select2-search--dropdown .select2-search__field{
    box-sizing:border-box;flex-shrink:0;width:calc(100% - 20px)!important;margin:10px!important;padding:10px 12px!important;
    min-height:38px;border:1px solid var(--sky-select-line)!important;border-radius:10px!important;
    background:var(--sky-select-surface)!important;color:var(--sky-select-ink)!important;font:inherit;outline:none;
}
html body .sky-select-search:focus{border-color:#4394ce!important;box-shadow:0 0 0 3px #328bd214}
html body .sky-select-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 6px 6px;scrollbar-width:thin;scrollbar-color:#bfd2e2 transparent}
html body .sky-select-option,html body .choices__list--dropdown .choices__item--choice,html body .select2-results__option:is([role="option"],[role="treeitem"]){
    position:relative;padding:11px 32px 11px 12px!important;margin:2px 0;border:0!important;border-radius:9px;
    color:var(--sky-select-ink)!important;background:transparent;font-size:12px!important;line-height:1.5;overflow-wrap:anywhere;cursor:pointer;
}
html body .choices__list--dropdown .choices__list,html body .select2-results__options{padding:4px 6px}
html body .sky-select-option.is-highlighted,html body .choices__list--dropdown .is-highlighted,html body .select2-results__option--highlighted{
    background:var(--sky-select-active)!important;color:var(--sky-select-accent)!important;
}
html body .sky-select-option[aria-selected="true"],html body .choices__list--dropdown .is-selected,html body .select2-results__option[aria-selected="true"]{background:linear-gradient(100deg,#2b8bcc16,#20a4ba0b)!important;color:var(--sky-select-accent)!important;font-weight:700}
html body .sky-select-option[aria-selected="true"]:after,html body .choices__list--dropdown .is-selected:after{content:'✓';position:absolute;right:12px;top:11px;color:var(--sky-select-accent);font-size:13px;opacity:1}
html body .pt-payroll-picker .choices__list--dropdown .is-selected:after{content:none}
html body .sky-select-option[aria-disabled="true"],html body .choices__list--dropdown .is-disabled,html body .select2-results__option[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
html body .sky-select-group,html body .choices__heading,html body .select2-results__group{padding:10px 12px 6px;color:var(--sky-select-muted)!important;font-size:10px;font-weight:700;letter-spacing:.5px;border:0}
html body .sky-select-empty{padding:20px 12px;text-align:center;color:var(--sky-select-muted)}
html body .sky-select-search::placeholder{color:var(--sky-select-muted);opacity:1}
html body .sky-select-done{margin:6px 12px 12px;padding:10px;border:0;border-radius:10px;background:linear-gradient(110deg,#226fb0,#168ba7);color:#fff;font:inherit;font-weight:700;cursor:pointer;flex-shrink:0}
html body .choices__list--multiple .choices__item{border:1px solid var(--sky-select-line)!important;border-radius:7px!important;background:var(--sky-select-active)!important;color:var(--sky-select-accent)!important}
[dir="rtl"] .sky-select-option{padding-inline:12px 32px!important}[dir="rtl"] .sky-select-option[aria-selected="true"]:after{right:auto;left:12px}
@keyframes sky-select-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){html body .sky-select-search{font-size:16px!important}html body .sky-select-option{padding-top:12px!important;padding-bottom:12px!important}}
@media(prefers-reduced-motion:reduce){html body .sky-select-panel{animation:none}html body select{transition:none}}