nav.main[data-v-8e96d13d]{background-color:#fff;height:100%;inset:0;opacity:0;padding:160px var(--padding-base);pointer-events:none;position:fixed;width:100%;z-index:20}nav.main.--open[data-v-8e96d13d]{opacity:1;pointer-events:auto}nav.main ul.menu li[data-v-8e96d13d]{grid-column-gap:var(--padding-base);display:grid;font-size:var(--font-size-xl);font-size:var(--font-size-xl-clamp);grid-template-columns:repeat(6,1fr);line-height:1.16;position:relative}@media screen and (max-width:767px){nav.main ul.menu li[data-v-8e96d13d]{font-size:25px;grid-template-columns:1fr}}nav.main ul.menu li a[data-v-8e96d13d],nav.main ul.menu li button[data-v-8e96d13d]{all:unset;color:var(--color-highlight);cursor:pointer;grid-column:4/span 3;transition:color .2s}@media screen and (max-width:767px){nav.main ul.menu li a[data-v-8e96d13d],nav.main ul.menu li button[data-v-8e96d13d]{grid-column:1/-1}}nav.main ul.menu li a[data-v-8e96d13d]:after,nav.main ul.menu li a[data-v-8e96d13d]:before,nav.main ul.menu li button[data-v-8e96d13d]:after,nav.main ul.menu li button[data-v-8e96d13d]:before{background-color:#000;content:"";height:var(--square);opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s;width:var(--square)}nav.main ul.menu li a[data-v-8e96d13d]:before,nav.main ul.menu li button[data-v-8e96d13d]:before{left:calc(var(--square)*-1*2)}nav.main ul.menu li a[data-v-8e96d13d]:after,nav.main ul.menu li button[data-v-8e96d13d]:after{right:calc(var(--square)*-1*2)}nav.main ul.menu li a[data-v-8e96d13d]:hover,nav.main ul.menu li button[data-v-8e96d13d]:hover{color:#000}nav.main ul.menu li a[data-v-8e96d13d]:hover:after,nav.main ul.menu li a[data-v-8e96d13d]:hover:before,nav.main ul.menu li button[data-v-8e96d13d]:hover:after,nav.main ul.menu li button[data-v-8e96d13d]:hover:before{opacity:1}