.custom-select{position:relative;width:100%;margin-bottom:1rem}.custom-select-trigger{width:100%;padding:.7rem;border:none;border-radius:4px;background-color:#222;color:#fff;font-size:1rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s}.custom-select-trigger.open{background-color:#333}.custom-select .placeholder{color:#888}.custom-select .arrow{margin-left:1rem;font-size:.9em}.custom-select-options{position:absolute;top:110%;left:0;width:100%;background:#222;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10;padding:0;margin:0;list-style:none}.custom-select-option{padding:.7rem;cursor:pointer;color:#fff;transition:background .2s}.custom-select-option.selected,.custom-select-option:hover{background:#333}