nav.nav-container{width:clamp(0px,100%,700px);height:100vh;position:fixed;top:0;right:0;display:flex;background-color:rgba(0,0,0,0);z-index:991;transform:translateX(calc(100% + 150px));transition:1s transform cubic-bezier(0.83, 0.11, 0.25, 0.95)}@media screen and (max-width: 768px){nav.nav-container{height:100dvh}}nav.nav-container.active{transform:translateX(0)}nav.nav-container.active .nav-data a.nav-link:nth-child(1){transform:translateX(0);transition-delay:.25s}nav.nav-container.active .nav-data a.nav-link:nth-child(2){transform:translateX(0);transition-delay:.3s}nav.nav-container.active .nav-data a.nav-link:nth-child(3){transform:translateX(0);transition-delay:0s}nav.nav-container.active .nav-data a.nav-link:nth-child(4){transform:translateX(0);transition-delay:.3s}nav.nav-container.active .nav-data a.nav-link:nth-child(5){transform:translateX(0);transition-delay:.3s}nav.nav-container.active .nav-data a.nav-link:nth-child(6){transform:translateX(0);transition-delay:.25s}nav.nav-container .addon-layer{height:100%;position:relative;top:0%;bottom:0%;left:1px;right:auto;transform:none;margin-right:auto}nav.nav-container .addon-layer .addon-layer-wrapper{width:150px;height:100%;position:relative;overflow:hidden}@keyframes addon-on-open{0%{width:150px}100%{width:0}}@keyframes addon-on-close{0%{width:0}100%{width:150px}}nav.nav-container .addon-layer .addon-layer-wrapper .addon-layer-circle{width:775%;height:150%;background-color:#f25657;border-radius:50%;position:absolute;top:50%;left:0;overflow:hidden;transform:translate(0%, -50%)}nav.nav-container .nav-data{flex:1;height:100%;background-color:#f25657;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#000}nav.nav-container .nav-data a.nav-link{width:100%;text-align:left;padding:2px 1em;display:flex;align-items:center;justify-content:flex-end;gap:.5em;will-change:transform;transition:.8s cubic-bezier(0.83, 0.11, 0.25, 0.95);position:relative;isolation:isolate}nav.nav-container .nav-data a.nav-link:nth-child(1){transform:translateX(150px)}nav.nav-container .nav-data a.nav-link:nth-child(2){transform:translateX(55px)}nav.nav-container .nav-data a.nav-link:nth-child(3){transform:translateX(0)}nav.nav-container .nav-data a.nav-link:nth-child(4){transform:translateX(0)}nav.nav-container .nav-data a.nav-link:nth-child(5){transform:translateX(55px)}nav.nav-container .nav-data a.nav-link:nth-child(6){transform:translateX(150px)}nav.nav-container .nav-data a.nav-link::before{content:"";width:100%;height:0;background-color:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:-1;will-change:height;transition:.2s cubic-bezier(0.83, 0.11, 0.25, 0.95)}@media screen and (min-width: 769px){nav.nav-container .nav-data a.nav-link:hover svg{max-width:100px}}nav.nav-container .nav-data a.nav-link:hover::before{height:100%}@media screen and (min-width: 769px){nav.nav-container .nav-data a.nav-link svg{max-width:0;will-change:max-width,width;transition:.2s cubic-bezier(0.83, 0.11, 0.25, 0.95)}}.nav-close-bg{width:100%;height:100%;position:fixed;backdrop-filter:blur(15px);z-index:900;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(0.45, 0.02, 0.09, 0.98)}.nav-close-bg.active{opacity:1;pointer-events:all}.nav-logo-container{display:flex;align-items:center;gap:.5em;position:fixed;top:2.5em;left:3em;z-index:993;color:#fff;text-decoration:none}@media screen and (max-width: 768px){.nav-logo-container{top:2em;left:1.5em}}.nav-logo-container .logo-title{text-shadow:0 0 10px #000}.nav-open{display:flex;align-items:center;justify-content:center;position:fixed;top:2.5em;right:3em;width:90px;aspect-ratio:1/1;border-radius:100vmax;z-index:992;overflow:hidden;background-color:#fff;box-shadow:0 4px 64px -24px rgba(0,0,0,.5);cursor:pointer;will-change:transform;transform-style:preserve-3d;transition:scale .2s cubic-bezier(0.45, 0.02, 0.09, 0.98)}@media screen and (max-width: 768px){.nav-open{width:60px;top:2em;right:1.5em}}@media screen and (min-width: 769px){.nav-open:hover{scale:1.2}.nav-open:hover .icons-wrapper .nav-lines .line:nth-child(2){width:100%}}.nav-open.active .icons-wrapper .nav-lines{transform:translateX(-100px)}.nav-open.active .icons-wrapper .close-nav{transform:translateX(0)}.nav-open .icons-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;will-change:transform;transform-style:preserve-3d}.nav-open .icons-wrapper .nav-lines{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5em;padding:1.5em 1.7em;transform:translateX(0);will-change:transform;transition:transform .5s cubic-bezier(0.83, 0.11, 0.25, 0.95)}@media screen and (max-width: 768px){.nav-open .icons-wrapper .nav-lines{padding:10px 16px}}.nav-open .icons-wrapper .nav-lines .line{width:100%;height:2px;background-color:#000;transition:.3s ease-out}.nav-open .icons-wrapper .nav-lines .line:nth-child(2){width:70%;margin-left:auto}.nav-open .icons-wrapper .close-nav{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;transform:translateX(100px);will-change:transform;transition:transform .5s cubic-bezier(0.83, 0.11, 0.25, 0.95)}.nav-open .icons-wrapper .close-nav svg path{stroke-width:23}/*# sourceMappingURL=navbar.css.map */