.floating-dropdown{position:absolute;top:0;left:0;display:none;pointer-events:none;z-index:1000;min-width:280px;max-width:90vw}.floating-dropdown.is-open{display:block;pointer-events:auto}.floating-dropdown__content{background:linear-gradient(135deg,#000000eb,#0a0a0af2,#000000eb);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 80px #00000080,0 12px 40px #0006,0 4px 16px #0000004d,0 0 0 1px #ffffff14 inset,0 1px 2px #ffffff1a inset,0 -1px #ae95d90d inset;padding:3rem 0;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease;will-change:opacity,transform;position:relative;overflow:hidden}.floating-dropdown__content:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(174,149,217,.03) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease}.floating-dropdown.is-open .floating-dropdown__content:after{opacity:1}.floating-dropdown__content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(174,149,217,.3) 50%,transparent);opacity:0;transition:opacity .2s ease}.floating-dropdown.is-open .floating-dropdown__content:before{opacity:1}.floating-dropdown.is-open .floating-dropdown__content{opacity:1;transform:translateY(0) scale(1);border-color:#ffffff26;box-shadow:0 32px 96px #0009,0 16px 48px #00000080,0 8px 24px #0006,0 0 0 1px #ffffff1a inset,0 2px 4px #ffffff1f inset,0 -2px #ae95d914 inset}.floating-dropdown__content .mega-menu__list{display:grid;gap:3rem 5rem;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0 4rem;margin:0;position:relative;z-index:1}.floating-dropdown__content .mega-menu__list--condensed{display:block;gap:0}.floating-dropdown__content .mega-menu__link{color:#ffffffbf;display:block;line-height:1.65;padding:.875rem 1rem;margin:0 -1rem;text-decoration:none;font-size:.9375rem;letter-spacing:-.01em;transition:all .25s cubic-bezier(.16,1,.3,1);word-wrap:break-word;position:relative;border-radius:8px;background:transparent}.floating-dropdown__content .mega-menu__link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ae95d914,#ffffff0d);border-radius:8px;opacity:0;transform:scale(.95);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);z-index:-1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.floating-dropdown__content .mega-menu__link:hover:before{opacity:1;transform:scale(1)}.floating-dropdown__content .mega-menu__link--level-2{font-weight:600;font-size:1.0625rem;color:#fffffffa;margin-bottom:1rem;padding-bottom:.75rem;padding-top:.5rem;letter-spacing:-.02em;text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}.floating-dropdown__content .mega-menu__link--level-2:after{content:"";position:absolute;bottom:.5rem;left:1rem;width:32px;height:2px;background:linear-gradient(90deg,#ae95d999,#ae95d9e6 50%,#ae95d999);border-radius:1px;transition:width .3s cubic-bezier(.16,1,.3,1),background .3s ease;box-shadow:0 0 8px #ae95d94d}.floating-dropdown__content .mega-menu__link--level-2:hover:after{width:calc(100% - 2rem);background:linear-gradient(90deg,#ae95d9cc,#ae95d9 50%,#ae95d9cc);box-shadow:0 0 12px #ae95d980}.floating-dropdown__content .mega-menu__link--level-2:before{background:linear-gradient(135deg,#ffffff14,#ae95d91f,#ffffff14)}.floating-dropdown__content .mega-menu__link:hover{color:#fff;transform:translate(4px);text-shadow:0 0 8px rgba(255,255,255,.2)}.floating-dropdown__content .mega-menu__link--level-2:hover{color:#fff;transform:translate(0);text-shadow:0 0 12px rgba(174,149,217,.3)}.floating-dropdown__content .mega-menu__link:hover:after{content:"";position:absolute;left:0;right:0;bottom:.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(174,149,217,.4) 50%,transparent);opacity:0;animation:fadeInGlow .25s ease forwards}@keyframes fadeInGlow{to{opacity:1}}.floating-dropdown__content .mega-menu__link--level-2:hover:after{display:none}.floating-dropdown__content .mega-menu__link--active{color:#fff;font-weight:500;position:relative}.floating-dropdown__content .mega-menu__link--active:before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#ae95d9;border-radius:50%;box-shadow:0 0 8px #ae95d9cc,0 0 16px #ae95d966;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.2)}}.floating-dropdown__content .mega-menu__link--active:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ae95d91a,#ae95d926,#ae95d91a);border-radius:8px;border-left:2px solid rgba(174,149,217,.6);z-index:-1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.floating-dropdown__content .mega-menu__link--active:hover{color:#fff}.floating-dropdown__content .mega-menu__link--active:hover:after{background:linear-gradient(135deg,#ae95d926,#ae95d933,#ae95d926);border-left-color:#ae95d9cc}.floating-dropdown__content .mega-menu__list--condensed .mega-menu__link{font-weight:400}[data-floating-trigger].is-active{color:#fff;position:relative}[data-floating-trigger].is-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(174,149,217,.8) 50%,transparent);border-radius:1px;animation:slideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@media screen and (max-width:989px){.floating-dropdown{display:none!important}}.floating-dropdown__content ul.list-unstyled{margin-top:1rem;padding-left:0;list-style:none;padding-top:.5rem}.floating-dropdown__content ul.list-unstyled li{margin-bottom:.5rem}.floating-dropdown__content ul.list-unstyled li:last-child{margin-bottom:0}.floating-dropdown__content{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden}.floating-dropdown__content::-webkit-scrollbar{width:6px}.floating-dropdown__content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.floating-dropdown__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .2s ease}.floating-dropdown__content::-webkit-scrollbar-thumb:hover{background:#ae95d966}.floating-dropdown__content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.floating-dropdown__content a:focus-visible{outline:2px solid rgba(174,149,217,.6);outline-offset:3px;border-radius:4px;background:#ae95d91a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-dropdown.is-open .floating-dropdown__content{animation:fadeInUp .2s cubic-bezier(.16,1,.3,1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-floating-dropdown.css.map */