.menu-wrapper[data-v-d7ce51e5]{background-color:var(--color-primary);display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;padding:var(--gap);width:100%}@media only screen and (max-width:80em){.menu-wrapper[data-v-d7ce51e5]{flex-direction:row;justify-content:flex-end;padding:0}}.menu[data-v-d7ce51e5]{align-items:center;display:flex;flex-direction:column;gap:var(--gap);padding:0}@media only screen and (max-width:80em){.menu[data-v-d7ce51e5]{flex-direction:row;gap:0}}.menu.menu--primary[data-v-d7ce51e5]{z-index:99}@media only screen and (max-width:80em){.menu.menu--primary[data-v-d7ce51e5]{background:var(--color-primary);display:none;flex-direction:column;left:var(--gap);position:absolute;right:var(--gap);top:66px}.menu.menu--primary[data-v-d7ce51e5].is--active[data-v-d7ce51e5]{display:flex}}.menu li[data-v-d7ce51e5]{height:50px;width:50px}@media only screen and (max-width:80em){.menu li[data-v-d7ce51e5]{height:auto;width:100%}}.menu a[data-v-d7ce51e5]{align-items:center;background-color:var(--color-black);border-radius:40px;display:flex;height:100%;justify-content:center;outline:none;padding:10px;position:relative;width:100%;corner-shape:squircle;transition:all .2s}@media only screen and (max-width:80em){.menu a[data-v-d7ce51e5]{background-color:transparent;border-radius:0;justify-content:flex-start;padding-inline:var(--gap)}}@media only screen and (min-width:80em){.menu a[data-v-d7ce51e5]:focus-visible,.menu a[data-v-d7ce51e5]:hover{background-color:var(--color-purple);corner-shape:round}:is(.menu a[data-v-d7ce51e5]:focus-visible,.menu a[data-v-d7ce51e5]:hover) svg[data-v-d7ce51e5]{fill:var(--color-white)}}:is(.menu a.is--active,.menu a.router-link-active)[data-v-d7ce51e5]{background-color:var(--color-purple);corner-shape:round}@media only screen and (max-width:80em){:is(.menu a.is--active,.menu a.router-link-active) .tooltip[data-v-d7ce51e5]{color:var(--color-white)}}:is(.menu a.is--active,.menu a.router-link-active) svg[data-v-d7ce51e5]{fill:var(--color-white)}@media only screen and (min-width:80em){:is(.menu a[data-v-d7ce51e5]:focus-visible,.menu a[data-v-d7ce51e5]:hover) .tooltip[data-v-d7ce51e5]{opacity:1;visibility:visible}}.menu a.is--inactive[data-v-d7ce51e5]{opacity:.4;pointer-events:none}.menu .tooltip[data-v-d7ce51e5]{background-color:var(--color-purple);border-radius:4px;color:var(--color-white);font-size:14px;left:100%;margin-left:10px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;visibility:hidden;z-index:99}@media only screen and (max-width:80em){.menu .tooltip[data-v-d7ce51e5]{background-color:transparent;color:var(--color-black);left:0;margin-left:0;opacity:1;pointer-events:all;position:relative;transform:none;visibility:visible}}.menu .tooltip[data-v-d7ce51e5]:before{border:6px solid transparent;border-right:6px solid var(--color-purple);content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}@media only screen and (max-width:80em){.menu .tooltip[data-v-d7ce51e5]:before{display:none}}.menu svg[data-v-d7ce51e5]{fill:var(--color-primary)}@media only screen and (max-width:80em){.menu svg[data-v-d7ce51e5]{fill:var(--color-dark)}}button[data-v-d7ce51e5]{align-items:center;background-color:var(--color-black);border-radius:40px;display:flex;height:34px;justify-content:center;margin:6px;outline:none;padding:1px;position:relative;width:34px;corner-shape:squircle;transition:all .2s}@media only screen and (min-width:80em){button[data-v-d7ce51e5]{display:none}}button.is--active[data-v-d7ce51e5]{background-color:var(--color-purple);corner-shape:round}button.is--active svg[data-v-d7ce51e5]{fill:var(--color-white)}button svg[data-v-d7ce51e5]{fill:var(--color-primary)}button span[data-v-d7ce51e5]{display:none}header[data-v-a29404a0]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--gap);width:80px}@media only screen and (max-width:64em){header[data-v-a29404a0]{flex-direction:row;width:100%}}header a[data-v-a29404a0]:focus,header a[data-v-a29404a0]:hover{outline:none}header a[data-v-a29404a0]:focus-visible{transform:scale(1.1)}svg[data-v-a29404a0]{width:100%}svg path[data-v-a29404a0]{fill:var(--color-primary)}@media only screen and (max-width:64em){svg[data-v-a29404a0]{width:106px}}@media only screen and (max-width:48em){svg[data-v-a29404a0]{width:77px}}