.menu-right{background-color:#0f1f1a;background-position:center 132%;background-repeat:no-repeat;background-size:100%;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-right:before{background:radial-gradient(ellipse 350px 350px at 5% 10%,rgba(25,170,125,.12) 0,transparent 70%),radial-gradient(ellipse 300px 300px at 95% 80%,rgba(226,87,31,.1) 0,transparent 70%),radial-gradient(circle 90px at 90% 20%,transparent 58%,rgba(25,170,125,.08) 60%,transparent 62%)}.menu-right:after,.menu-right:before{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.menu-right:after{background:linear-gradient(160deg,transparent 30%,rgba(25,170,125,.03) 50%,transparent 70%),radial-gradient(ellipse 40% 50% at 50% 60%,rgba(25,170,125,.04) 0,transparent 70%)}.menu-top{background-position:3px -210px;background-size:115%}.offcanvas-menu{color:#fff;display:grid;grid-template-rows:max-content 1fr;height:100%;position:relative;z-index:1}.offcanvas-menu--title{display:flex;justify-content:space-between}.offcanvas-menu--body{display:grid;gap:.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}.drawer-particles{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.d-orb{border-radius:50%;filter:blur(1px);position:absolute}.d-orb--green{background:#19aa7d59;box-shadow:0 0 14px 3px #19aa7d26}.d-orb--orange{background:#e2571f4d;box-shadow:0 0 14px 3px #e2571f1f}.d-orb--1{animation:d-travel-down 12s linear infinite;height:7px;left:15%;width:7px}.d-orb--2{animation:d-travel-up 15s linear 3s infinite;height:6px;right:20%;width:6px}@keyframes d-travel-down{0%{opacity:0;top:-3%}5%{opacity:.5}50%{left:25%;opacity:.65}95%{opacity:.4}to{left:10%;opacity:0;top:103%}}@keyframes d-travel-up{0%{bottom:-3%;opacity:0}5%{opacity:.4}50%{opacity:.55;right:30%}95%{opacity:.35}to{bottom:103%;opacity:0;right:15%}}.d-dot{border-radius:50%;position:absolute}.d-dot--green{background:#19aa7d80;box-shadow:0 0 5px #19aa7d4d}.d-dot--orange{background:#e2571f73;box-shadow:0 0 5px #e2571f40}.d-dot--1{animation:d-drift-1 9s ease-in-out infinite;height:4px;left:30%;top:20%;width:4px}.d-dot--2{animation:d-drift-2 11s ease-in-out 1.5s infinite;height:3px;right:25%;top:55%;width:3px}.d-dot--3{animation:d-drift-1 10s ease-in-out 3s infinite;bottom:30%;height:4px;left:40%;width:4px}@keyframes d-drift-1{0%,to{opacity:.25;transform:translate(0)}25%{opacity:.6;transform:translate(20px,-18px)}50%{opacity:.35;transform:translate(40px,8px)}75%{opacity:.55;transform:translate(12px,25px)}}@keyframes d-drift-2{0%,to{opacity:.2;transform:translate(0)}30%{opacity:.5;transform:translate(-25px,20px)}60%{opacity:.35;transform:translate(-10px,-22px)}80%{opacity:.5;transform:translate(15px,10px)}}.d-ring{border:1px solid;border-radius:50%;position:absolute}.d-ring--green{border-color:#19aa7d33}.d-ring--orange{border-color:#e2571f26}.d-ring--1{animation:d-orbit 14s linear infinite,d-ring-fade 7s ease-in-out infinite;height:50px;right:10%;top:12%;width:50px}.d-ring--2{animation:d-orbit-rev 17s linear 2s infinite,d-ring-fade 8.5s ease-in-out 2s infinite;bottom:20%;height:40px;left:8%;width:40px}@keyframes d-orbit{0%{transform:rotate(0) translate(18px) rotate(0)}to{transform:rotate(1turn) translate(18px) rotate(-1turn)}}@keyframes d-orbit-rev{0%{transform:rotate(0) translate(15px) rotate(0)}to{transform:rotate(-1turn) translate(15px) rotate(1turn)}}@keyframes d-ring-fade{0%,to{opacity:.15}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.d-dot,.d-orb,.d-ring{animation:none!important;opacity:.15}}.slide-fade-enter-active{transition:all .6s cubic-bezier(.16,1,.3,1)}.slide-fade-leave-active{transition:all .6s cubic-bezier(.7,0,.84,0)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translate(300px)}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media screen and (min-width:1400px){.menu-top{background-position:3px -60%}}@media screen and (max-width:1299px){.menu-top{background-position:3px -81%}}@media screen and (max-width:768px){.menu-top{background-position:3px -55%}}@media screen and (max-width:600px){.menu-right{background-position:center 113%}.menu-top{background-position:3px -55%}}@media screen and (max-width:315px){.menu-top{background-position:3px -45%}}