.joltemo-select{font-size:var(--input-font-size);& .joltemo-select__select-wrapper{position:relative;& .joltemo-select__icon{position:absolute;display:flex;align-items:center;justify-content:center;right:.25rem;top:50%;transform:translateY(-50%);padding:.25rem;cursor:pointer;transition:transform .1s ease-in-out;& svg{width:1rem;height:1rem;color:var(--color-accent-80)}}& select{padding:var(--input-padding);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-primary-100);background-color:var(--color-background-70);border-radius:var(--border-radius);height:var(--input-height);&:open~.joltemo-select__icon{transform:translateY(-50%) rotate(180deg)}}}}