.mega-menu{position:relative;width:100%;max-width:1900px;margin:0 auto;border-right:1px solid lightgrey;border-left:1px solid lightgrey;background-color:#fff}.mega-menu:after{content:"";position:absolute;top:100%;left:-100vw;width:300vw;height:100vh;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:1;pointer-events:none}.mega-menu__nav{display:flex;justify-content:center;align-items:center}.mega-menu__item{flex:1;position:relative}.mega-menu__item:hover{background:#fff!important;box-shadow:0 1px 3px #f9f9f9;border:2px solid var(--p-color);border-radius:10px}.mega-menu__trigger{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:10px}.mega-menu__image{width:clamp(50px,6vw,100px);height:clamp(50px,6vw,100px);object-fit:contain}.mega-menu__label{line-height:1.2;color:#2c2d2e;font-size:clamp(1rem,.8vw,1.2rem);font-weight:500;min-height:2.4em;display:flex;align-items:center;justify-content:center;text-align:center}.mega-menu__dropdown{position:absolute;top:100%;left:0;width:max-content;min-width:220px;max-width:90vw;background:#fff;box-shadow:0 4px 20px #0003;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease-in-out;z-index:50;padding:0;border-radius:10px}.mega-menu__list{list-style:none;margin:0;padding:0}.mega-menu__link--child{display:flex;align-items:center;justify-content:space-between;text-decoration:none;white-space:nowrap}.mega-menu__link--child:hover{background-color:#fff!important}.mega-menu__link-left{display:flex;align-items:center}.mega-menu__child-image{width:clamp(50px,4vw,80px);height:clamp(50px,4vw,80px);object-fit:contain;margin-right:8px;margin-left:8px}.mega-menu__flyout{position:absolute;top:0;left:100%;width:max-content;min-width:220px;max-width:90vw;background:#fff;box-shadow:0 4px 20px #0003;opacity:0;visibility:hidden;transition:.2s ease;border-radius:10px}.mega-menu__subitem{position:relative}.mega-menu__child-title{margin-left:8px;margin-right:20px;font-size:clamp(12px,1vw,20px);color:#333}.mega-menu__arrow{display:flex;align-items:center;justify-content:center;line-height:1}.mega-menu__arrow .fa-angle-right{margin-right:8px}.mega-menu__arrow .fa-angle-left{margin-left:8px}.mega-menu__subitem:hover{background-color:#fff;border:2px solid var(--p-color);border-radius:5px}.mega-menu__flyout .mega-menu__link--level3{display:flex;align-items:center;justify-content:space-between;text-decoration:none;white-space:nowrap;padding:6px 10px;width:100%}.mega-menu__flyout .mega-menu__link--level3{gap:8px;justify-content:flex-start}.mega-menu__flyout .mega-menu__grandchild-title{margin-left:0;text-align:left}.mega-menu__grandchild-image{width:clamp(50px,4vw,80px);height:clamp(50px,4vw,80px);object-fit:contain;margin-right:8px;flex-shrink:0}.mega-menu__grandchild-title{text-align:left;font-size:clamp(12px,1vw,20px);color:#333;margin-right:8px}.mega-menu__dropdown{position:absolute;top:100%;left:0}.mega-menu__item--left .mega-menu__dropdown{left:auto;right:0}.mega-menu__item--left .mega-menu__flyout{left:auto;right:100%;transform:translate(10px)}.mega-menu__item--left .mega-menu__subitem:hover .mega-menu__flyout{transform:translate(0)}.mega-menu__dropdown,.mega-menu__flyout{z-index:101}.mega-menu__item.is-active{border:2px solid #3f3ff7;box-shadow:0 8px 20px #3f3ff740;border-radius:10px}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.mega-menu__item.is-active{border:2px solid #3f3ff7;box-shadow:0 0 12px #3f3ff759}.mega-menu__item,.mega-menu__subitem,.mega-menu__subitem--level3{position:relative;border-radius:10px}.mega-menu__subitem.is-active:before,.mega-menu__subitem--level3.is-active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:3px;pointer-events:none;background:conic-gradient(from var(--angle),transparent 0deg,transparent 250deg,#3f3ff7 290deg,#00dfda 325deg,#3f3ff7 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:snake-border 1.5s linear infinite}@keyframes snake-border{0%{--angle: 0deg}to{--angle: 360deg}}.mega-menu__nav{display:flex;align-items:stretch}.mega-menu__item{display:flex}.mega-menu__trigger{flex:1}html:not(.wait-for-mousemove) .mega-menu__item:hover .mega-menu__dropdown{opacity:1;visibility:visible;transform:translateY(0)}html:not(.wait-for-mousemove) .mega-menu__subitem:hover .mega-menu__flyout{opacity:1;visibility:visible}html:not(.wait-for-mousemove) .mega-menu__item:hover .mega-menu:after,html:not(.wait-for-mousemove) .mega-menu__subitem:hover .mega-menu:after,html:not(.wait-for-mousemove):has(.mega-menu__item:hover) .mega-menu:after{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-mega-menu.css.map */