.selector-wrapper{position:relative;cursor:pointer}.selector-trigger{display:flex;align-items:center;color:var(--color-text-primary);transition:color .3s ease}@media (hover:hover){.selector-trigger:hover{color:var(--color-text-subtle)}}.selector-trigger .selected-lang-display{color:inherit}.selector-arrow-icon{width:24px;height:24px;margin-left:0;transition:transform .2s ease,background-color .3s ease;background-color:var(--color-text-primary);mask-image:url(/assets/icons/arrow.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center}@media (hover:hover){.selector-trigger:hover .selector-arrow-icon{background-color:var(--color-text-subtle)}}.selector-dropdown-list{opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;position:absolute;min-width:100px;color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-text-disabled);border-radius:4px;z-index:1001;box-shadow:0 5px 15px rgba(0,0,0,.07);margin-top:5px;top:100%;transform:translate(-50%,10px);left:50%}.selector-dropdown-list.open{opacity:1;visibility:visible;transform:translate(-50%,0)}.selector-wrapper.open .selector-arrow-icon{transform:rotate(180deg)}.selector-select-option{padding:12px 15px;border-radius:4px;transition:background-color .2s ease;text-align:center}@media (hover:hover){.selector-select-option:hover{background-color:var(--color-border)}}@media (max-width:768px){.selector-arrow-icon{width:20px;height:20px}.selector-dropdown-list{top:auto;bottom:100%;left:auto;right:0;margin-top:auto;margin-bottom:5px;transform:translate(0,-10px)}.selector-dropdown-list.open{opacity:1;visibility:visible;transform:translate(0,0)}}