custom-select{cursor:pointer;display:block;position:relative;width:100%}custom-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}custom-select .custom-select__selected{background-color:transparent;border:1px solid var(--silver);border-radius:.8rem;font-size:1.6rem;min-width:30rem;padding:1rem 4rem 1rem 2.4rem;position:relative}custom-select .custom-select__caret svg{position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:transform var(--transition);width:1rem}custom-select .custom-select__caret svg path{fill:#000;transition:fill var(--transition)}custom-select .custom-select__options{overflow:hidden;position:absolute;top:100%;transition:max-height var(--transition),background-color var(--transition);width:100%;z-index:2}custom-select .custom-select__options div{border-bottom:1px solid rgba(0,0,0,.302);color:var(--heavy-metal);font-size:1.7rem;padding:1rem 2.4rem}custom-select .custom-select__options div[selected]{background-color:var(--light-grey);color:var(--heavy-metal)}custom-select .custom-select__options div[disabled]{cursor:not-allowed}custom-select .custom-select__options div[disabled] span{opacity:.5}custom-select .custom-select__option-item[disabled]{opacity:.3}custom-select:not([open]) .custom-select__options{background-color:transparent;max-height:0}custom-select[open] .custom-select__selected{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--heavy-metal);border-bottom-color:var(--silver);color:var(--heavy-metal)}custom-select[open] .custom-select__options{background-color:#fff;border-top:1px solid var(--heavy-metal);border:1px solid var(--heavy-metal);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-color:var(--silver);max-height:var(--max-height)}custom-select[open] .custom-select__caret svg{transform:translateY(-50%) rotate(-180deg)}custom-select[open] .custom-select__caret svg path{fill:var(--heavy-metal)}custom-select[disabled]{cursor:not-allowed}custom-select[disabled] .custom-select__selected{background-color:rgba(0,0,0,.051);color:var(--heavy-metal)}custom-select[disabled] svg path{fill:var(--heavy-metal)}custom-select .input-error+.custom-select__selected{background-color:rgba(236,92,61,.051);border:1px solid #ec5c3d;color:rgba(255,79,45,.502)}custom-select .input-error+.custom-select__selected svg path{fill:rgba(255,79,45,.502)}