@property --nav-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.nav-capsule{border-radius:999px;position:relative}.nav-capsule:before,.nav-capsule:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.nav-capsule:before{z-index:-1;background:linear-gradient(180deg, #fff 0%, #fbf8f2 55%, #f5f0e6 100%) padding-box, conic-gradient(from var(--nav-spin), #e4dccb 0deg 24deg, #ff4f1a 66deg, #ffb13b 100deg, #e4dccb 146deg 204deg, #ff4f1a 246deg, #ffb13b 280deg, #e4dccb 326deg 360deg) border-box;border:2px solid #0000;animation:8s linear infinite nav-spin;inset:0;box-shadow:inset 0 1px #fff,inset 0 -2px #1414120a,0 0 0 1px #ff7a2f29,0 1px 2px #14141214,0 18px 40px -18px #3c280a73,0 10px 40px -12px #ff4f1a6b}.nav-capsule:after{z-index:-2;background:conic-gradient(from var(--nav-spin), transparent 0deg 34deg, #ff4f1ac7 72deg, #ffb13b9e 102deg, transparent 140deg 214deg, #ff4f1ac7 252deg, #ffb13b9e 282deg, transparent 320deg 360deg);filter:blur(14px);animation:8s linear infinite nav-spin,4s ease-in-out infinite nav-breathe;inset:-9px}@keyframes nav-spin{to{--nav-spin:360deg}}@keyframes nav-breathe{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.nav-capsule:before,.nav-capsule:after{animation:none!important}}