.dropdown{--max-scroll:8;--text:#3F4656;--border:#D5D5D5;--borderActive:#D5D5D5;--background:#fff;--arrow:#000000;--arrowActive:#000000;--listText:#000000;--listBackground:#fff;--listActive:#F6DCB1;--listTextActive:#000000;--listBorder:#D5D5D5;--textFilled:#6C6C6C;width:100%;position:relative;margin-bottom:13px}.dropdown select{display:none}.dropdown>span{cursor:pointer;padding:9px 17px;display:block;position:relative;color:var(--text);border:1px solid var(--border);background:var(--background);-webkit-transition:all .3s ease;transition:all .3s ease}.dropdown>span:after,.dropdown>span:before{content:"";display:block;position:absolute;width:8px;height:2px;border-radius:1px;top:50%;right:15px;background:var(--arrow);-webkit-transition:all .3s ease;transition:all .3s ease}.dropdown>span:before{margin-right:4px;-webkit-transform:scale(.96,.8) rotate(50deg);transform:scale(.96,.8) rotate(50deg)}.dropdown>span:after{-webkit-transform:scale(.96,.8) rotate(-50deg);transform:scale(.96,.8) rotate(-50deg)}.dropdown ul{margin:0;padding:0;list-style:none;opacity:0;visibility:hidden;position:absolute;max-height:calc(var(--max-scroll) * 42px);top:33px;left:0;z-index:1;right:0;background:var(--listBackground);overflow-x:hidden;overflow-y:auto;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:opacity .2s ease,visibility .2s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .2s ease,visibility .2s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .2s ease,visibility .2s ease,transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .2s ease,visibility .2s ease,transform .3s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);-webkit-transform:scale(.8) translate(0,4px);transform:scale(.8) translate(0,4px);border:1px solid var(--listBorder)}.dropdown ul li{opacity:0;-webkit-transform:translate(6px,0);transform:translate(6px,0);-webkit-transition:all .3s ease;transition:all .3s ease}.dropdown ul li:first-child{display:none}.dropdown ul li a{cursor:pointer;display:block;padding:10px 16px;color:var(--listText);text-decoration:none;outline:0;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.dropdown ul li a:hover{color:var(--listTextActive)}.dropdown ul li.active a{color:var(--listTextActive);background:var(--listActive)}.dropdown ul li.active a:after,.dropdown ul li.active a:before{--scale:.6;content:"";display:block;width:10px;height:2px;position:absolute;right:17px;top:50%;opacity:0;background:var(--listText);-webkit-transition:all .2s ease;transition:all .2s ease}.dropdown ul li.active a:before{-webkit-transform:rotate(45deg) scale(var(--scale));transform:rotate(45deg) scale(var(--scale))}.dropdown ul li.active a:after{-webkit-transform:rotate(-45deg) scale(var(--scale));transform:rotate(-45deg) scale(var(--scale))}.dropdown ul li.active a:hover:after,.dropdown ul li.active a:hover:before{--scale:.9;opacity:1}.dropdown ul li:first-child a{border-radius:0}.dropdown ul li:last-child a{border-radius:0}.dropdown.filled>span{color:var(--textFilled)}.dropdown.open>span{border-color:var(--borderActive)}.dropdown.open>span:after,.dropdown.open>span:before{background:var(--arrowActive)}.dropdown.open>span:before{-webkit-transform:scale(.96,.8) rotate(-50deg);transform:scale(.96,.8) rotate(-50deg)}.dropdown.open>span:after{-webkit-transform:scale(.96,.8) rotate(50deg);transform:scale(.96,.8) rotate(50deg)}.dropdown.open ul{opacity:1;visibility:visible;-webkit-transform:scale(1) translate(0,12px);transform:scale(1) translate(0,12px);-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.4,.6,.5,1.32);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.4,.6,.5,1.32),-webkit-transform .3s cubic-bezier(.4,.6,.5,1.32)}.dropdown.open ul li{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}.dropdown.open ul li:nth-child(1){-webkit-transition-delay:80ms;transition-delay:80ms}.dropdown.open ul li:nth-child(2){-webkit-transition-delay:160ms;transition-delay:160ms}.dropdown.open ul li:nth-child(3){-webkit-transition-delay:240ms;transition-delay:240ms}.dropdown.open ul li:nth-child(4){-webkit-transition-delay:320ms;transition-delay:320ms}.dropdown.open ul li:nth-child(5){-webkit-transition-delay:.4s;transition-delay:.4s}.dropdown.open ul li:nth-child(6){-webkit-transition-delay:480ms;transition-delay:480ms}.dropdown.open ul li:nth-child(7){-webkit-transition-delay:560ms;transition-delay:560ms}.dropdown.open ul li:nth-child(8){-webkit-transition-delay:640ms;transition-delay:640ms}.dropdown.open ul li:nth-child(9){-webkit-transition-delay:720ms;transition-delay:720ms}.dropdown.open ul li:nth-child(10){-webkit-transition-delay:.8s;transition-delay:.8s}select{--text:#3F4656;--border:#2F3545;--background:#151924}select.dropdown{padding:9px 16px;border-radius:6px;color:var(--text);border:1px solid var(--border);background:var(--background);line-height:22px;font-size:16px;font-family:inherit;-webkit-appearance:none}.switch{height:20px;display:block;position:relative;cursor:pointer}.switch input{display:none}.switch input+span{padding-left:38px;min-height:20px;line-height:20px;display:block;color:#3f4656;position:relative;white-space:nowrap}.switch input+span:not(:empty){padding-left:46px}.switch input+span:after,.switch input+span:before{content:"";display:block;position:absolute;border-radius:10px}.switch input+span:before{top:0;left:0;width:38px;height:20px;border:1px solid #2f3545;-webkit-transition:all .3s ease;transition:all .3s ease}.switch input+span:after{width:14px;height:14px;background:#2f3545;top:3px;left:3px;-webkit-transition:all .45s ease;transition:all .45s ease}.switch input+span+svg{display:none}.switch input:checked+span:before{background:#5628ee;border-color:#5628ee}.switch input:checked+span:after{background:#fff;-webkit-transform:translate(18px,0);transform:translate(18px,0)}.switch:hover input:not(:checked)+span:before{border-color:#23c4f8}
/*# sourceMappingURL=../maps/components/select.css.map */