[data-mobile-menu]{display:none;position:fixed;flex-flow:column;justify-content:flex-end;width:calc(100vw + 50px);height:100vh;top:0;left:0;color:#fff;overflow:auto;z-index:99;transform:translateY(100vh);transition:.2s;background-color:var(--color-primary-500)}[data-mobile-menu]>*{width:100vw}[data-mobile-menu] .active{font-weight:bolder}[data-mobile-menu] .lang{margin:20px;font-family:var(--font-family-secondary);text-transform:uppercase}[data-mobile-menu] .lang .active{font-weight:400}[data-mobile-menu].display{display:flex}[data-mobile-menu].visible{transform:translateY(0)}