.langswitch{height:100%;display:flex;justify-content:center;align-items:center}.langswitch>label{display:flex;justify-content:center;align-items:center;position:relative;z-index:20;margin:0 -5px;cursor:pointer;width:40px;height:40px}@media(min-width: 576px){.langswitch>label{width:50px;height:50px}}.langswitch>label svg{width:80%;height:80%}.langswitch--flyout>label[for]{position:fixed;width:0;height:0;top:0;right:0;background:transparent;transition:background ease .5s}.langswitch--flyout--container{position:fixed;z-index:19;top:0;right:0;width:425px;height:425px;max-width:80vmin;max-height:80vmin;border-radius:50%;background:#f5efec;display:flex;justify-content:flex-start;align-items:flex-start;transform:translate(100%, -35%);transition:transform ease-in-out .5s}.langswitch input#langswitch--toggle:checked+label .svg-fill{fill:#a8b09f !important}.langswitch input#langswitch--toggle:checked+label+.langswitch--flyout>label[for]{width:100vw;height:100vh;background-color:rgba(0,0,0,.1)}.langswitch input#langswitch--toggle:checked+label+.langswitch--flyout .langswitch--flyout--container{transform:translate(35%, -35%)}.langswitch ul.links{width:50%;transform:translate(40%, 50%);list-style:none;margin:calc(35% + 105px) 0 0;padding:0}.langswitch ul.links li{list-style:none;margin:0;padding:0;text-align:center}.langswitch ul.links li a{text-transform:uppercase;color:#a8b09f}.langswitch ul.links li a:hover{text-decoration:none;color:#0f3831}