@charset "utf-8";
/*++++++ SELECT STYLISE +++++++*/
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #fff;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: flex;
font-family: inherit;
font-weight: normal;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
border-radius: 15px;
color: inherit;
font-size: 0.9rem;
height: calc(1.75em + 0.75rem + 2px);
background: rgba(var(--gray-lightRVB), 0.15);
line-height: 1.5;
align-items: center;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
color: var(--primary);
}
.nice-select:after {
border-bottom: 4px solid var(--gray-light);
border-right: 4px solid var(--gray-light);
content: "";
display: block;
height: 10px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 10px;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.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);
width: 100%;
}
.nice-select.disabled {
border-color: #e7ecf2;
color: #90a1b5;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cdd5de;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: rgba(var(--whiteRVB), 1);
border-radius: 1.5em;
box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
box-sizing: border-box;
margin-top: 10px;
opacity: 0;
overflow: hidden;
padding: 10px;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-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;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option.selected {
color: rgba(var(--primaryRVB), 1);
border-radius: 0.25rem;
}
.nice-select .option:hover {
background-color: rgba(var(--primaryRVB), 0.9) !important;
color: white !important;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
display: none;
background-color: transparent;
color: #90a1b5;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
select {
scrollbar-color: var(--primary) transparent;
scrollbar-width: thin;
border-radius: 8px;
}
select::-webkit-scrollbar {
max-height: 60px;
width: 8px;
}
select::-webkit-scrollbar-thumb {
background: var(--primary);
border-radius: 8px;
max-height: 60px;
width: 8px;
}
select::webkit-scrollbar-track {
width: 8px;
}
select::webkit-scrollbar-thumb {
background: var(--primary);
border-radius: 8px;
height: 60px;
}
.nice-select .option.disabled:hover,
.nice-select.disabled .option.focus,
.nice-select .option.disabled.selected.focus {
display: none;
}
.nice-select.wide.open {
border-radius: 1.5rem 1.5rem 0 0 !important;
}
@media (max-width: 450px) {
.nice-select.wide {
width: 90vw;
}
}
.nice-select .list .option {
white-space: normal;
word-break: break-word;
overflow-wrap: break-word;
}