.languageselector{display:inline-block}
.languageselector__base{display:inline-block;margin-left:25px;position:relative}
.languageselector__base p{color:#fff}
.languageselector__layer{visibility:hidden;opacity:0;padding:15px;padding-bottom:30px;position:absolute;min-width:300px;background-color:#221d43;border:#1b1534 1px solid;border-radius:6px;box-shadow:0 1px 8px 0 rgba(0,0,0,0.5);transition:opacity .3s ease-in-out,visibility .3s ease-in-out}
@media(min-width:320px) and (max-width:1024px){.languageselector__layer{height:100vh;bottom:0;position:fixed;margin:0;border:0;border-radius:0;overflow:hidden}
}
@media(min-width:320px) and (max-width:767px){.languageselector__layer{width:100vw;left:0;top:80px;padding-top:30px}
}
@media(min-width:768px) and (max-width:1024px){.languageselector__layer{width:70%;right:0;z-index:1;padding-top:108px}
}
.languageselector__base--is-active .languageselector__layer{visibility:visible;opacity:1}
@media(min-width:1025px){.languageselector__layer{right:-16px;top:-16px}
.languageselector__layer:hover,.languageselector__base:hover .languageselector__layer{visibility:visible;opacity:1}
}
.languageselector__label{cursor:pointer}
@media(min-width:320px) and (max-width:1024px){.languageselector__label{display:flex;align-items:center;justify-content:center;width:50px;height:50px}
.languageselector__base--is-active .languageselector__label{background-color:#8a00e5}
}
@media(min-width:768px) and (max-width:1024px){.languageselector__label{position:relative;z-index:2}
}
.languageselector__layer-content{text-align:left}
.languageselector__layer-label{margin-bottom:15px}
@media(min-width:320px) and (max-width:1024px){.languageselector__layer-label{display:none}
}
.languageselector__icon--globe:before{padding:0;margin:0}
@media(min-width:1025px){.languageselector__icon--globe{display:none}
}
.languageselector__icon.header__icon{margin-left:0}
.languageselector__divider{border:1px solid #38206a;margin-bottom:20px;margin-top:20px}
.languageselector__layer .languageselector__divider:first-of-type{margin-top:0}
.languageselector__dropdown{margin-top:20px}
.languageselector__dropdown .dropdown__inputWrapper{border:1px solid #ada9c2;border-radius:4px}
.languageselector__dropdown--opened .dropdown__inputWrapper{border-color:#a54bf7;border-radius:4px 4px 0 0;border-bottom:0}
.languageselector__dropdown input::-moz-placeholder{color:#fff}
.languageselector__dropdown input,.languageselector__dropdown input::placeholder{color:#fff}
.languageselector__dropdown .dropdown__list{background-color:#221d43;border:1px solid #a54bf7;color:#fff;padding:0;position:static;margin-bottom:0}
.languageselector__dropdown--opened .dropdown__list{border-color:#a54bf7;border-radius:0 0 4px 4px}
.languageselector__dropdown .dropdown__item:hover{background-color:#a54bf7}
.languageselector__dropdown .dropdown__item a{color:#fff}
.languageselector__dropdown .dropdown__item:hover span{border:0}
.languageselector__dropdown .dropdown__item:hover span:before{display:none}
.languageselector__dropdown .icon-arrow-up-small{display:none;color:#a54bf7}
.languageselector__dropdown .icon-arrow-down-small{display:block}
.languageselector__dropdown--opened .icon-arrow-up-small{display:block}
.languageselector__dropdown--opened .icon-arrow-down-small{display:none}
.languageselector__link{color:#fff;border-bottom:1px solid #fff;height:31px;font-size:18px;line-height:28px;padding-top:10px;padding-bottom:7px;text-transform:capitalize;margin-right:20px}
.languageselector__link:focus,.languageselector__link:hover,.languageselector__link:active{color:#fff}
.languageselector__switch{margin-top:7px}
[dir=rtl] .languageselector__base{left:0;right:auto;margin-left:0;margin-right:25px}
[dir=rtl] .languageselector__layer{left:0;right:auto}
@media(min-width:1025px){[dir=rtl] .languageselector__layer{left:-16px}
}
[dir=rtl] .languageselector__label{text-align:left}
[dir=rtl] .languageselector__paragraph{text-align:right}
[dir=rtl] .languageselector__switch{text-align:right}
[dir=rtl] .languageselector__link{margin-left:20px;margin-right:0}
[dir=rtl] .languageselector__link:before{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .languageselector .header__icon{margin:0}