.select-wrapper {display: flex; align-items: center; justify-content: end; width: 100%;}
.select-wrapper .title {font-size: 1.3rem; color: #5a6979; margin-right: 0.8rem;}
.nice-select {position: relative; font-size: 1.3rem; display: flex; align-items: center; justify-content: end;}
.nice-select span {display: flex; align-items: center;}
.nice-select span::after {content: ''; display: block; background: url("../images/down-16.svg") left 0.8rem center no-repeat; background-size: 1.6rem; width: 2.4rem; height: 1.6rem;}
.nice-select.open span:after {background: url("../images/up-16.svg") left 0.8rem center no-repeat; background-size: 1.6rem;}

.nice-select .list {
	border-radius: 1rem;
    background-color: #fff;
	color: #111;
    width: 20rem;
    opacity: 0;
    z-index: 1;
	font-size: 1.5rem;
    position: absolute;
    top: 3.2rem;
    right: 0;
    pointer-events: none;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.nice-select.open .list {opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);}
.nice-select .option {padding: 1.2rem 1.6rem; -webkit-transition: all 0.2s; transition: all 0.2s;}
.nice-select span {font-size: 1.4rem; color: #5a6979;}