#mainNav{--local-background-color:var(--color-surface-navi)}@media(max-width:360px){#popup--mainNav{width:100%}}@media(min-width:360.1px)and (max-width:650px){#popup--mainNav{width:360px}}@media(min-width:650.1px){#popup--mainNav{width:420px}}#mainNav{background-color:var(--local-background-color);box-shadow:-4px 0 10px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;height:100dvh;justify-content:space-between;overflow-y:auto;padding:160px 24px 48px;position:absolute;right:0;row-gap:48px;top:0;z-index:1}@media(max-width:360px){#mainNav{width:100%}}@media(min-width:360.1px)and (max-width:650px){#mainNav{width:360px}}@media(min-width:650.1px){#mainNav{width:420px}}#mainNav .innerWrapper{display:flex;flex-direction:column;row-gap:48px}.navWrapper{height:100dvh;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:3}