input[data-v-d63dd04b]{display:none}.grid[data-v-d63dd04b]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100vh;position:absolute;width:100vw}.grid[data-v-d63dd04b]>*{position:relative}label[data-v-d63dd04b]{height:50vw;max-height:150px;max-width:150px;overflow:hidden;position:absolute;width:50vw}@media(min-aspect-ratio:1/1){label[data-v-d63dd04b]{height:50vh;width:50vh}}.menu--1 label[data-v-d63dd04b],.menu--2 label[data-v-d63dd04b]{bottom:0}.menu--3 label[data-v-d63dd04b],.menu--4 label[data-v-d63dd04b]{top:0}.menu--1 label[data-v-d63dd04b],.menu--3 label[data-v-d63dd04b]{right:0}.menu--2 label[data-v-d63dd04b],.menu--4 label[data-v-d63dd04b]{left:0}path[data-v-d63dd04b]{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;--length:24;--offset:-38;stroke-dasharray:24 var(--total-length);stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:-38;stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(.645,.045,.355,1)}circle[data-v-d63dd04b]{fill:#fff3;opacity:0}label:hover circle[data-v-d63dd04b]{opacity:1}.cross input:checked+svg .line--1[data-v-d63dd04b],.cross input:checked+svg .line--3[data-v-d63dd04b]{--length:22.627416998}.cross input:checked+svg .line--2[data-v-d63dd04b]{--length:0}.back input:checked+svg .line--1[data-v-d63dd04b],.back input:checked+svg .line--3[data-v-d63dd04b]{--length:8.602325267}.menu--1[data-v-d63dd04b]{background-color:#3f77e9}.menu--1 .line--1[data-v-d63dd04b],.menu--1 .line--3[data-v-d63dd04b]{--total-length:126.64183044433594}.menu--1 .line--2[data-v-d63dd04b]{--total-length:70}.menu--1 input:checked+svg .line--1[data-v-d63dd04b],.menu--1 input:checked+svg .line--3[data-v-d63dd04b]{--offset:-94.1149185097}.menu--1 input:checked+svg .line--2[data-v-d63dd04b]{--offset:-50}.menu--2[data-v-d63dd04b]{background-color:#0095f9}.menu--2 .line--1[data-v-d63dd04b],.menu--2 .line--3[data-v-d63dd04b]{--total-length:111.22813415527344;--offset:-50.22813415527344}.menu--2 .line--2[data-v-d63dd04b]{--total-length:99}.menu--2 input:checked+svg path[data-v-d63dd04b]{transform:translate(30px)}.menu--2 input:checked+svg .line--1[data-v-d63dd04b],.menu--2 input:checked+svg .line--3[data-v-d63dd04b]{--offset:-16.9705627485}.menu--2 input:checked+svg .line--2[data-v-d63dd04b]{--offset:-20}.menu--3[data-v-d63dd04b]{background-color:#00aef6}.menu--3 .line--1[data-v-d63dd04b],.menu--3 .line--3[data-v-d63dd04b]{--total-length:126.38166809082031}.menu--3 .line--2[data-v-d63dd04b]{--total-length:80}.menu--3 input:checked+svg .line--1[data-v-d63dd04b],.menu--3 input:checked+svg .line--3[data-v-d63dd04b]{--offset:-109.1770175568}.menu--4[data-v-d63dd04b]{background-color:#18bee5}.menu--4 .line--1[data-v-d63dd04b],.menu--4 .line--3[data-v-d63dd04b]{--total-length:103.35061645507812;--offset:-42.35061645507812}.menu--4 .line--2[data-v-d63dd04b]{--total-length:99}.menu--4 input:checked+svg path[data-v-d63dd04b]{transform:translate(31px)}.menu--4 input:checked+svg .line--1[data-v-d63dd04b],.menu--4 input:checked+svg .line--3[data-v-d63dd04b]{--offset:-8.602325267}.menu--4 input:checked+svg .line--2[data-v-d63dd04b]{--offset:-7}.debug[data-v-d63dd04b]{display:none}.line--debug[data-v-d63dd04b]{opacity:0;stroke-dasharray:none}@media screen and (min-width:800px){.debug[data-v-d63dd04b]{background:#000;color:#fff;display:block;font-family:sans-serif;height:100px;line-height:150px;opacity:.8;position:absolute;text-align:center;transform:rotate(-45deg);transform-origin:0 100%;-webkit-user-select:none;user-select:none;width:150px;z-index:1}.debug[data-v-d63dd04b]:hover{opacity:1}.debug.active[data-v-d63dd04b]{background:#fff;color:#000}.debug.active+.grid path.line--debug[data-v-d63dd04b]{opacity:.2}}label[data-v-d63dd04b]{cursor:pointer;display:block}