.custom-select{position:relative;display:grid;gap:7px;font-size:11px}
.custom-select select[hidden],.select-options[hidden]{display:none}
.select-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;padding:11px 12px;min-height:42px;background:#fffcfd;border:1px solid #d9cbd3;border-radius:7px;font-size:13px;transition:border-color .2s,box-shadow .2s}
.select-trigger:hover{border-color:#b85f86}
.select-trigger[aria-expanded="true"]{border-color:var(--pink);box-shadow:0 0 0 3px #b85f8615}
.select-chevron{color:var(--pink);font-size:19px;line-height:1;transition:transform .2s}
.select-trigger[aria-expanded="true"] .select-chevron{transform:rotate(180deg)}
.select-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:10;max-height:230px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fffcfd;border:1px solid #dfc6d3;border-radius:10px;box-shadow:0 12px 32px #67435620;animation:appear .18s ease-out;scrollbar-width:thin;scrollbar-color:#d6adbf #fbf6f8}
.select-option{position:relative;padding:11px 32px 11px 12px;border-radius:6px;color:#65555f;font-size:11px;line-height:1.4;cursor:pointer;transition:background .15s,color .15s}
.select-option:hover,.select-option.highlighted{background:#f4e6ed;color:#9d496e}
.select-option[aria-selected="true"]{background:#ead2de;color:#873b60;font-weight:600}
.select-option[aria-selected="true"]:after{content:'✓';position:absolute;right:12px;top:11px;color:#a44e76}