.select{width:100%}.select__container{width:100%;position:relative;font-size:1rem}.select:focus{outline-offset:4px}.select__control{position:relative;padding:1rem 2rem .5rem 0;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000}.select__control--disabled{opacity:.4;cursor:default}.select__label{width:100%;font-size:.75rem;line-height:1;color:#464646;display:block;cursor:default}.select__value{line-height:20px;white-space:normal;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}.select__arrow{position:absolute;top:50%;right:.5rem;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;transform:translateY(-50%)}.select__dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background-color:#fff;z-index:100;max-height:200px;overflow-y:auto;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:0 0 3px 3px}.select__option{padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}.select__option:hover{background-color:#f0f0f0}.select__selectedOption{background-color:#e0e0e0}