.container{block-size:190px;inline-size:355px;margin-block-end:20px;margin-inline-end:auto;position:relative}@media (max-width:64rem){.container{display:none}}.nav-item-1{inset-block-start:0;inset-inline-start:40px}.nav-item-2{inset-block-start:50%;inset-inline-start:0;translate:0 -50%}.nav-item-2 .content,.nav-item-2 .nav-item__icon{animation-delay:.35s}.nav-item-3{inset-block-end:0;inset-inline-start:40px}.nav-item-3 .content,.nav-item-3 .nav-item__icon{animation-delay:.7s}.dashed-line{animation:fade-in .5s ease-out 0s 1 forwards;animation-delay:.5s;inset-block-start:19%;inset-inline-start:15px;opacity:0;position:absolute}.dashed-line .paths{fill:#fff;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1,7}.dashed-line .mask{fill:transparent;stroke:#fff;stroke-linecap:round;stroke-width:4;stroke-dasharray:140;stroke-dashoffset:290;animation:dash .6s linear 1 forwards}@keyframes dash{to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}