.tw-nav-fx{--fx-color: #e2ff27;position:relative;display:inline-block;vertical-align:baseline;white-space:nowrap;isolation:isolate;color:var(--fx-color);text-shadow:0 0 5px rgb(226 255 39 / .7),0 0 14px rgb(226 255 39 / .4)}.tw-nav-fx__text{position:relative;z-index:1}.tw-nav-fx__decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.tw-nav-fx__particle{position:absolute;left:var(--spark-origin-x);top:var(--spark-origin-y);width:8px;height:2px;border-radius:999px;opacity:0;pointer-events:none;background:#f1ffb0;box-shadow:0 0 4px #e2ff27,0 0 7px #e2ff27a6;transform:translate(-50%,-50%) rotate(var(--spark-angle)) scaleX(.25);transform-origin:center}.tw-nav-fx__particle:nth-child(1){--spark-origin-x: -5px;--spark-origin-y: 20%;--spark-x: -10px;--spark-y: -6px;--spark-angle: 31deg}.tw-nav-fx__particle:nth-child(2){--spark-origin-x: 20%;--spark-origin-y: -5px;--spark-x: -6px;--spark-y: -10px;--spark-angle: 59deg}.tw-nav-fx__particle:nth-child(3){--spark-origin-x: 50%;--spark-origin-y: -5px;--spark-x: 0px;--spark-y: -12px;--spark-angle: 90deg}.tw-nav-fx__particle:nth-child(4){--spark-origin-x: 80%;--spark-origin-y: -5px;--spark-x: 6px;--spark-y: -10px;--spark-angle: -59deg}.tw-nav-fx__particle:nth-child(5){--spark-origin-x: calc(100% + 5px) ;--spark-origin-y: 20%;--spark-x: 10px;--spark-y: -6px;--spark-angle: -31deg}.tw-nav-fx__particle:nth-child(6){--spark-origin-x: calc(100% + 5px) ;--spark-origin-y: 80%;--spark-x: 10px;--spark-y: 6px;--spark-angle: 31deg}.tw-nav-fx__particle:nth-child(7){--spark-origin-x: 80%;--spark-origin-y: calc(100% + 5px) ;--spark-x: 6px;--spark-y: 10px;--spark-angle: 59deg}.tw-nav-fx__particle:nth-child(8){--spark-origin-x: 50%;--spark-origin-y: calc(100% + 5px) ;--spark-x: 0px;--spark-y: 12px;--spark-angle: 90deg}.tw-nav-fx__particle:nth-child(9){--spark-origin-x: 20%;--spark-origin-y: calc(100% + 5px) ;--spark-x: -6px;--spark-y: 10px;--spark-angle: -59deg}.tw-nav-fx__particle:nth-child(10){--spark-origin-x: -5px;--spark-origin-y: 80%;--spark-x: -10px;--spark-y: 6px;--spark-angle: -31deg}.navigation-drawer .panel__scroller:has(.tw-nav-fx){padding:24px;margin:-24px}.header__link-list :is(a,summary,button):has(>.tw-nav-fx):hover{opacity:1}@media(min-width:1150px){.header__link-list .tw-nav-fx__particle{animation:tw-nav-burst 8s ease-out calc(var(--particle-index) * 12ms) infinite both}}.navigation-drawer[open] .tw-nav-fx__particle{animation:tw-nav-burst 8s ease-out calc(var(--particle-index) * 12ms) infinite both}@keyframes tw-nav-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) scaleX(.25)}1.5%,5.5%{opacity:1}12.5%,to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) rotate(var(--spark-angle)) scaleX(1)}}@media(prefers-reduced-motion:reduce){.tw-nav-fx__particle{animation:none!important}.tw-nav-fx__decor{display:none}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/tw-nav-effects.css.map */