nav[data-v-c62e937b]{display:none}@media screen and (max-width:1000px){nav[data-v-c62e937b]{display:flex}nav.active .base[data-v-c62e937b]{border-radius:0}nav .base[data-v-c62e937b]{background-color:var(--color-ice);border-radius:0 0 22px 22px;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;transition:all .3s;width:100%;z-index:100}nav .base[data-v-c62e937b],nav .base .logo[data-v-c62e937b]{align-items:center;display:flex}nav .base .logo svg[data-v-c62e937b]{fill:var(--color-black);width:150px}nav .base .button[data-v-c62e937b]{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-c62e937b]{color:var(--color-red)}nav .base .button.active .icon span[data-v-c62e937b]{background-color:var(--color-red)}nav .base .button.active .icon span[data-v-c62e937b]:first-child{transform:rotate(45deg) translate(5px,5px)}nav .base .button.active .icon span[data-v-c62e937b]:last-child{transform:rotate(-45deg) translate(4px,-4px)}nav .base .button span[data-v-c62e937b]{color:var(--color-black);font-family:var(--light);font-size:var(--f2)}nav .base .button .icon[data-v-c62e937b]{display:flex;flex-direction:column;gap:10px;width:25px}nav .base .button .icon span[data-v-c62e937b]{background-color:var(--color-black);border-radius:2px;display:block;height:1px;transition:all .3s;width:100%}nav .overlay[data-v-c62e937b]{height:calc(100dvh - 60px);left:0;opacity:0;position:fixed;top:60px;transition:all .3s;visibility:hidden;width:100%;z-index:99}nav .overlay.open[data-v-c62e937b]{opacity:1;visibility:visible}nav .overlay.open .content[data-v-c62e937b]{opacity:1;transform:translateY(0)}nav .overlay .content[data-v-c62e937b]{background-color:var(--color-ice);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-c62e937b]{display:flex;flex-direction:column;padding:10px 10px 30px 20px}nav .overlay .content .groups .group[data-v-c62e937b]{margin:0 0 25px}nav .overlay .content .groups .group h3[data-v-c62e937b]{color:var(--color-black);font-family:var(--bold);font-size:var(--f1);margin:0 0 15px}nav .overlay .content .groups .group .items[data-v-c62e937b]{display:flex;flex-wrap:wrap;gap:10px}nav .overlay .content .groups .group .items a[data-v-c62e937b],nav .overlay .content .groups .group .items button[data-v-c62e937b]{align-items:center;background-color:var(--color-white);border-radius:22px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px 10px;transition:all .3s;width:calc(33.33% - 10px)}nav .overlay .content .groups .group .items a[data-v-c62e937b]:hover,nav .overlay .content .groups .group .items button[data-v-c62e937b]:hover{background-color:var(--color-gray-light)}nav .overlay .content .groups .group .items a.active[data-v-c62e937b],nav .overlay .content .groups .group .items button.active[data-v-c62e937b]{background-color:var(--color-ice);border:1px solid var(--color-black)}nav .overlay .content .groups .group .items a.subscription svg[data-v-c62e937b],nav .overlay .content .groups .group .items button.subscription svg[data-v-c62e937b]{fill:var(--color-orange)}nav .overlay .content .groups .group .items a.subscription span[data-v-c62e937b],nav .overlay .content .groups .group .items button.subscription span[data-v-c62e937b]{color:var(--color-orange)}nav .overlay .content .groups .group .items a.subscription .circle[data-v-c62e937b],nav .overlay .content .groups .group .items button.subscription .circle[data-v-c62e937b]{animation:spinning-c62e937b 1s linear infinite;border:2px solid var(--color-orange);border-radius:50%;border-top:2px solid transparent;height:22px;min-width:22px;width:22px}nav .overlay .content .groups .group .items a.logout svg[data-v-c62e937b],nav .overlay .content .groups .group .items button.logout svg[data-v-c62e937b]{fill:var(--color-red)}nav .overlay .content .groups .group .items a.logout span[data-v-c62e937b],nav .overlay .content .groups .group .items button.logout span[data-v-c62e937b]{color:var(--color-red)}nav .overlay .content .groups .group .items a svg[data-v-c62e937b],nav .overlay .content .groups .group .items button svg[data-v-c62e937b]{fill:var(--color-black);height:22px;transition:all .3s;width:22px}nav .overlay .content .groups .group .items a span[data-v-c62e937b],nav .overlay .content .groups .group .items button span[data-v-c62e937b]{color:var(--color-black);font-family:var(--light);font-size:var(--f1);text-align:center;transition:all .3s}nav .overlay .content .groups .group.profile .user[data-v-c62e937b]{align-items:center;border-radius:20px;display:flex;gap:10px;margin:0 0 15px}nav .overlay .content .groups .group.profile .user .photo[data-v-c62e937b]{background-color:var(--color-gray-light);background-position:50%;background-size:cover;border-radius:50%;height:30px;min-width:30px;width:30px}nav .overlay .content .groups .group.profile .user .data[data-v-c62e937b]{display:flex;flex-direction:column;gap:3px}nav .overlay .content .groups .group.profile .user .data .name[data-v-c62e937b]{color:var(--color-black);font-family:var(--bold);font-size:var(--f2)}}@keyframes spinning-c62e937b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}main[data-v-cdb42c2b]{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;max-width:1920px;padding:0 0 0 260px;transition:padding .3s ease;width:100%}#screen.menuMinimized main[data-v-cdb42c2b]{padding:0 0 0 70px}@media screen and (max-width:1000px){main[data-v-cdb42c2b]{padding:60px 0 0}}