nav[data-v-f5b2d7e7]{display:none}@media screen and (max-width:1000px){nav[data-v-f5b2d7e7]{display:flex}nav .base[data-v-f5b2d7e7]{background-color:var(--color-ice);border-bottom:1px solid var(--color-gray-light);height:calc(60px + env(safe-area-inset-top,0px));justify-content:space-between;left:0;padding:env(safe-area-inset-top,0) 30px 0;position:fixed;top:0;width:100%;z-index:100}nav .base[data-v-f5b2d7e7],nav .base .logo[data-v-f5b2d7e7]{align-items:center;display:flex}nav .base .logo svg[data-v-f5b2d7e7]{fill:var(--color-black);width:120px}nav .base .button[data-v-f5b2d7e7]{align-items:center;background:none;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 0 8px 12px;transition:all .3s}nav .base .button.active span[data-v-f5b2d7e7]{color:var(--color-red)}nav .base .button.active .icon span[data-v-f5b2d7e7]{background-color:var(--color-red)}nav .base .button.active .icon span[data-v-f5b2d7e7]:first-child{transform:rotate(45deg) translate(5px,5px)}nav .base .button.active .icon span[data-v-f5b2d7e7]:last-child{transform:rotate(-45deg) translate(4px,-4px)}nav .base .button span[data-v-f5b2d7e7]{color:var(--color-black);font-family:var(--light);font-size:var(--f2)}nav .base .button .icon[data-v-f5b2d7e7]{display:flex;flex-direction:column;gap:10px;width:25px}nav .base .button .icon span[data-v-f5b2d7e7]{background-color:var(--color-black);border-radius:2px;display:block;height:3px;transition:all .3s;width:100%}nav .overlay[data-v-f5b2d7e7]{background-color:#00000080;height:calc(100dvh - 60px - env(safe-area-inset-top,0px));left:0;opacity:0;position:fixed;top:calc(60px + env(safe-area-inset-top,0px));transition:all .3s;visibility:hidden;width:100%;z-index:99}nav .overlay.open[data-v-f5b2d7e7]{opacity:1;visibility:visible}nav .overlay.open .content[data-v-f5b2d7e7]{opacity:1;transform:translateY(0)}nav .overlay .content[data-v-f5b2d7e7]{background-color:var(--color-white);height:100%;left:0;opacity:0;overflow-y:auto;position:absolute;top:0;transform:translateY(-20px);transition:all .3s;width:100%}nav .overlay .content .groups[data-v-f5b2d7e7]{display:flex;flex-direction:column;padding:30px}nav .overlay .content .groups .items[data-v-f5b2d7e7]{display:flex;flex-direction:column;gap:5px}nav .overlay .content .groups .items a[data-v-f5b2d7e7]{align-items:center;background-color:transparent;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;padding:12px 15px;position:relative;transition:all .3s;width:100%}nav .overlay .content .groups .items a .background[data-v-f5b2d7e7]{background-color:var(--color-ice);border-radius:12px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:0}nav .overlay .content .groups .items a.active .background[data-v-f5b2d7e7]{opacity:1}nav .overlay .content .groups .items a.active svg[data-v-f5b2d7e7]{fill:var(--color-black)}nav .overlay .content .groups .items a.active span[data-v-f5b2d7e7]{color:var(--color-black)}nav .overlay .content .groups .items a svg[data-v-f5b2d7e7]{fill:var(--color-black);height:20px;min-width:20px;position:relative;transition:all .3s;width:20px;z-index:1}nav .overlay .content .groups .items a span[data-v-f5b2d7e7]{color:var(--color-black);font-family:var(--light);font-size:var(--f2);position:relative;text-align:left;transition:all .3s;z-index:1}nav .overlay .content .groups .signout[data-v-f5b2d7e7]{align-items:center;background-color:transparent;border-radius:12px;border-top:1px solid var(--color-gray-light);cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;margin:20px 0 0;padding:25px 15px 12px;transition:all .3s;width:100%}nav .overlay .content .groups .signout svg[data-v-f5b2d7e7]{fill:var(--color-red);height:20px;min-width:20px;transition:all .3s;width:20px}nav .overlay .content .groups .signout span[data-v-f5b2d7e7]{color:var(--color-red);font-family:var(--light);font-size:var(--f2);transition:all .3s}}