strix-mega-menu{--strix-mega-menu-content-gap: 16px;--strix-mega-menu-close-button-height: 33px;--background-color-mobile: #f4f4f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mega-menu-content-gap);overflow:hidden;background-color:var(--background-color-mobile, white)!important;color:var(--color-text-mobile, #121212)!important;position:relative;top:0;left:0;width:100%;height:100dvh;max-height:calc(100dvh - var(--strix-main-header, 84px));z-index:5}@media (min-width: 768px){strix-mega-menu{height:100dvh;max-height:calc(100dvh - var(--strix-main-header, 84px));position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0;padding:0;background-color:rgba(var(--color-background),var(--strix-main-header-opacity, 1))!important;color:rgba(var(--color-foreground))!important}strix-mega-menu .strix-mega-menu__entry-level,strix-mega-menu .previous-button--li{display:none}strix-mega-menu div:not(:first-child){background-color:rgba(var(--color-background),var(--strix-main-header-opacity, 1))}}strix-mega-menu nav.page-width{position:relative;display:grid;grid-template-columns:1fr;width:100%;max-height:calc(100dvh - var(--strix-mega-menu-close-button-height) - var(--strix-mega-menu-content-gap));padding:0}@media (min-width: 768px){strix-mega-menu nav.page-width{display:grid;grid-template-areas:"root-level first-level";grid-template-columns:1fr 2fr;row-gap:0;max-height:none;margin:0;min-width:100%}}strix-mega-menu .strix-mega-menu__action-bar{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}@media (min-width: 768px){strix-mega-menu .strix-mega-menu__action-bar{display:none}}strix-mega-menu .strix-mega-menu__action-bar button{background:transparent;border:none;height:var(--strix-mega-menu-close-button-height)}strix-mega-menu .strix-mega-menu__action-bar .icon{width:20px;height:20px}strix-mega-menu .previous-button.link,strix-mega-menu .category-text{margin:0;padding-top:0}@media (min-width: 768px){strix-mega-menu .previous-button.link,strix-mega-menu .category-text{display:none}}strix-mega-menu .previous-button span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}strix-mega-menu .all-about-category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}strix-mega-menu .all-about-category svg{min-width:20px}@media (min-width: 768px){strix-mega-menu .all-about-category svg{display:none}}strix-mega-menu .strix-mega-menu__menu{-webkit-transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1);--strix-translate-x: 0;--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;-webkit-transform:translateX(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skewX(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));--strix-translate-x: 100%;background-color:var(--background-color-mobile, white)!important;color:var(--color-text-mobile, #121212)!important;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;grid-column:1;grid-row:1;padding:0;-webkit-transition:-webkit-transform .5s cubic-bezier(.64,.37,.73,.92);transition:-webkit-transform .5s cubic-bezier(.64,.37,.73,.92);transition:transform .5s cubic-bezier(.64,.37,.73,.92);transition:transform .5s cubic-bezier(.64,.37,.73,.92),-webkit-transform .5s cubic-bezier(.64,.37,.73,.92);overflow:auto}@media (min-width: 768px){strix-mega-menu .strix-mega-menu__menu{min-width:0;background-color:rgba(var(--color-background),var(--strix-main-header-opacity, 1))!important;color:rgba(var(--color-foreground))!important;max-height:calc(100vh - var(--strix-main-header, 84px));--strix-translate-x: 0}strix-mega-menu .strix-mega-menu__menu menu{padding-top:var(--strix-mega-menu-padding-top, 32px);padding-bottom:var(--strix-mega-menu-padding-bottom, 40px)}}strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu .strix-menu-item span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:var(--strix-service-menu-font-size-mobile),14px}@media (min-width: 768px){strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu .strix-menu-item span{font-size:var(--strix-service-menu-font-size-desktop),13px}strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu .strix-menu-item .icon{display:none}}strix-mega-menu .strix-mega-menu__entry-level,strix-mega-menu .show{grid-column:1;grid-row:1;--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;-webkit-transform:translateX(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skewX(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));--strix-translate-x: 0;-webkit-transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}@media (min-width: 768px){strix-mega-menu .strix-mega-menu__root-level{grid-area:root-level}strix-mega-menu .strix-mega-menu__root-level menu{padding-left:max(var(--page-width-padding-desktop),(100vw - var(--page-width)) * .5 + 32px);padding-right:32px}strix-mega-menu .strix-mega-menu__first-level{grid-area:first-level}strix-mega-menu .strix-mega-menu__first-level menu{padding-left:32px;padding-right:max(var(--page-width-padding-desktop),(100vw - var(--page-width)) * .5 + 32px)}strix-mega-menu .strix-mega-menu__first-level.is--expanded{grid-column:2/4;z-index:5}strix-mega-menu .strix-mega-menu__first-level.is--expanded .strix-mega-menu__hover-information{width:50%}}strix-mega-menu .strix-mega-menu__second-level.is--invisible{-webkit-box-flex:0;-ms-flex:0;flex:0;padding:0}strix-mega-menu .background-color-expander{display:none;position:absolute;top:0;left:50%;height:100%;width:100vw;background-color:rgba(var(--color-background),var(--strix-main-header-opacity, 1));z-index:-1}@media (min-width: 768px){strix-mega-menu .background-color-expander{display:block}}strix-mega-menu .strix-mega-menu__hover-information{display:none}@media (min-width: 768px){strix-mega-menu .strix-mega-menu__hover-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;overflow-y:auto;padding:var(--strix-mega-menu-padding-top, 32px) 16px var(--strix-mega-menu-padding-bottom, 40px) 32px}}strix-mega-menu li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%}@media (min-width: 768px){strix-mega-menu li:first-child{margin:0}}strix-mega-menu li a,strix-mega-menu li button{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;cursor:pointer;width:100%;font-size:16px;line-height:25.6px;letter-spacing:2%;padding:12px 0}@media (min-width: 768px){strix-mega-menu li a,strix-mega-menu li button{padding:0}}strix-mega-menu li .icon:not(.icon-arrow){-webkit-transform:none;transform:none;min-width:20px}strix-header,strix-mega-menu{--strix-menu-item-text-decoration-color: #04BFFF}strix-header .link,strix-mega-menu .link{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;cursor:pointer;font-size:16px;line-height:16px;letter-spacing:2%;padding:12px 0;text-align:left;text-decoration:none;position:relative}strix-header .link span,strix-mega-menu .link span{position:relative;pointer-events:none;line-height:1.3em;border:none}strix-header .link:hover span,strix-header .link.active span,strix-mega-menu .link:hover span,strix-mega-menu .link.active span{border:none}strix-header .link:hover,strix-header .link.active,strix-mega-menu .link:hover,strix-mega-menu .link.active{text-decoration:underline;text-underline-offset:.5rem;text-decoration-color:var(--strix-menu-item-text-decoration-color, #FFFFFF)}strix-mega-menu li.root-menu-links{--hover-background-color: #f4f4f4}strix-mega-menu li.root-menu-links .link:hover,strix-mega-menu li.root-menu-links .link.active{text-decoration:none;font-weight:700}strix-mega-menu li.root-menu-links:hover,strix-mega-menu li.root-menu-links.active{background-color:var(--hover-background-color, #f4f4f4)}strix-mega-menu li.root-menu-links:hover:before,strix-mega-menu li.root-menu-links.active:before{content:"";position:absolute;height:100%;width:100%;display:block;background-color:var(--hover-background-color, #f4f4f4);z-index:99;left:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}
/*# sourceMappingURL=/cdn/shop/t/45/assets/strix-mega-menu.css.map */