.select{margin-top:1.5rem;position:relative}.select__label{position:absolute;top:-1.5rem;white-space:nowrap;overflow:hidden;width:100%;display:inline-block;color:var(--dark-text);font-weight:500}.select__input{font-family:var(--font-family);font-size:1rem;width:100%;border-radius:.25rem;padding:1rem .75rem;background-color:var(--input-bg);color:var(--dark-text);border:1px solid var(--input-border)}.select__input::-moz-placeholder{font:inherit;-moz-user-select:none;user-select:none;color:var(--default-text)}.select__input::placeholder{font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--default-text)}.select--icon-left .select__input{padding-left:2.5rem}.select--icon-right .select__input{padding-right:2.5rem}.select--labelless{margin-top:0}.select--sm .select__input{font-size:.875rem;padding:.625rem}.select__icon-left,.select__icon-right{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;padding:.25rem;color:var(--primary-text);font-size:1rem}.select__icon-left{left:.75rem}.select__icon-right{right:.75rem;transition-duration:.3s}.select__icon-right--open{transform:rotate(180deg) translateY(50%)}.select__icon-right--click{pointer-events:initial;cursor:pointer}.select--expanded .select__input{border-bottom-right-radius:0;border-bottom-left-radius:0}.select--disabled{opacity:.3;pointer-events:none}.select-menu{min-height:1rem;position:absolute;background-color:var(--input-bg);border:none;opacity:0;max-height:200px;overflow:auto;z-index:101;pointer-events:none;transition:opacity .3s}.select-menu--expanded{border-right:1px solid var(--input-border);border-bottom:1px solid var(--input-border);border-left:1px solid var(--input-border);border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;opacity:1;pointer-events:initial}.select-menu__item{cursor:pointer;padding:.25rem 1rem;transition:background-color .3s}.select-menu__item:hover,.select-menu__item--active{background-color:var(--secondary-bg)}