.dia-header-nav .list-menu--inline{align-items:stretch;column-gap:clamp(1.4rem,2.2vw,3.4rem)}.dia-nav-item{align-items:stretch;display:flex;position:relative}.dia-nav-item--mega{position:static}.dia-nav-item>.header__menu-item{gap:.55rem;min-height:4.6rem;padding-inline:0;position:relative}.dia-header-nav .header__menu-item span,.dia-header-nav .header__menu-item:hover span,.dia-header-nav .header__active-menu-item{text-decoration:none}.dia-nav-item>.header__menu-item:after{background:#155eef;border-radius:99px;bottom:.5rem;content:"";height:.2rem;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .18s ease;width:100%}html:not(.dia-touch-input) .dia-nav-item:hover>.header__menu-item:after,.dia-nav-item:has(:focus-visible)>.header__menu-item:after,.dia-nav-item>.header__menu-item[aria-current=page]:after{transform:scaleX(1);transform-origin:left}html:not(.dia-touch-input) .dia-header-nav:has(.dia-nav-item:hover) .dia-nav-item:not(:hover)>.header__menu-item[aria-current=page]:after{transform:scaleX(0);transform-origin:right}.dia-nav-caret{display:inline-flex;transition:transform .18s ease}.dia-nav-caret svg{width:1.05rem}html:not(.dia-touch-input) .dia-nav-item:hover .dia-nav-caret,.dia-nav-item:has(:focus-visible) .dia-nav-caret{transform:rotate(180deg)}.dia-mega{background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.1);border-top:1px solid rgba(var(--color-foreground),.09);box-shadow:0 20px 50px #07152b24;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-.8rem);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;visibility:hidden;width:100%;z-index:20}html:not(.dia-touch-input) .dia-nav-item:hover>.dia-mega,.dia-nav-item:has(:focus-visible)>.dia-mega{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.dia-mega__inner{margin:0 auto;max-height:calc(100vh - var(--header-bottom-position-desktop, 10rem) - 2rem);max-width:144rem;min-height:34rem;overflow:auto;padding:2.4rem 3rem 2.8rem;width:min(100%,144rem)}.dia-mega__categories{min-height:29rem;padding-right:calc(100% - 28rem);position:relative}.dia-mega__categories:after{background:rgba(var(--color-foreground),.1);bottom:0;content:"";left:28rem;pointer-events:none;position:absolute;top:0;width:1px;z-index:3}.dia-mega__category-link{align-items:center;border-radius:.8rem 0 0 .8rem;color:rgba(var(--color-foreground),.78);display:grid;font-size:1.3rem;font-weight:700;gap:1.1rem;grid-template-columns:4.4rem minmax(0,1fr) auto;min-height:6.4rem;padding:.9rem 1.2rem;text-decoration:none;transition:background .15s ease,color .15s ease;width:28rem}html:not(.dia-touch-input) .dia-mega__category:hover>.dia-mega__category-link,.dia-mega__category:has(:focus-visible)>.dia-mega__category-link{background:#f2f5f9;color:#0b3d78}.dia-mega__category-icon{align-items:center;background:#fff;border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;color:#155eef;display:inline-flex;height:4.4rem;justify-content:center;overflow:hidden;width:4.4rem}.dia-mega__category-icon-image{height:100%;object-fit:contain;padding:.6rem;width:100%}.dia-mega__category-icon .icon{height:1.8rem;width:1.8rem}.dia-mega__category-title{line-height:1.25}.dia-mega__category-arrow{display:inline-flex;opacity:.45;transform:rotate(-90deg)}.dia-mega__category-arrow .icon{width:1rem}.dia-mega__panel{align-items:center;background:rgb(var(--color-background));bottom:0;display:flex;left:28rem;opacity:0;overflow:hidden;padding:1rem 2rem 1rem 5rem;pointer-events:none;position:absolute;right:0;top:0;transform:translate(.6rem);transition:opacity .15s ease,transform .15s ease;visibility:hidden;z-index:0}.dia-mega__category.is-default>.dia-mega__panel,html:not(.dia-touch-input) .dia-mega__category:hover>.dia-mega__panel,.dia-mega__category:has(:focus-visible)>.dia-mega__panel{opacity:1;pointer-events:none;transform:translate(0);visibility:visible;z-index:1}html:not(.dia-touch-input) .dia-mega__category:hover>.dia-mega__panel,.dia-mega__category:has(:focus-visible)>.dia-mega__panel{z-index:2}html:not(.dia-touch-input) .dia-nav-item:hover>.dia-mega .dia-mega__category.is-default>.dia-mega__panel,html:not(.dia-touch-input) .dia-nav-item:hover>.dia-mega .dia-mega__category:hover>.dia-mega__panel,.dia-nav-item:has(:focus-visible)>.dia-mega .dia-mega__category.is-default>.dia-mega__panel,.dia-nav-item:has(:focus-visible)>.dia-mega .dia-mega__category:has(:focus-visible)>.dia-mega__panel{pointer-events:auto}html:not(.dia-touch-input) .dia-mega__categories:has(.dia-mega__category:hover) .dia-mega__category.is-default:not(:hover)>.dia-mega__panel,.dia-mega__categories:has(.dia-mega__category:has(:focus-visible)) .dia-mega__category.is-default:not(:has(:focus-visible))>.dia-mega__panel{opacity:0;pointer-events:none;visibility:hidden}html:not(.dia-touch-input) .dia-mega__categories:has(.dia-mega__category:hover) .dia-mega__category.is-default:not(:hover)>.dia-mega__category-link,.dia-mega__categories:has(.dia-mega__category:has(:focus-visible)) .dia-mega__category.is-default:not(:has(:focus-visible))>.dia-mega__category-link{background:transparent;border-left-color:transparent;color:rgba(var(--color-foreground),.62)}.dia-mega__panel-heading{display:none}.dia-mega__panel-heading h2{font-size:clamp(1.9rem,1.45vw,2.25rem);letter-spacing:-.02em;margin:0}.dia-mega__panel-heading>a{align-items:center;color:rgb(var(--color-foreground));font-size:1.15rem;opacity:.7;text-decoration:none}.dia-mega__panel-heading>a:hover,.dia-mega__panel-heading>a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:.35rem}.dia-mega__cards{align-items:start;display:grid;gap:clamp(2rem,2.7vw,4rem);grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.dia-mega-card{align-items:center;background:transparent;border:0;border-radius:0;color:rgb(var(--color-foreground));display:flex;flex-direction:column;min-width:0;position:relative;text-decoration:none;text-align:center;transition:color .16s ease}.dia-mega-card:hover,.dia-mega-card:focus-visible{color:#155eef;outline:none}.dia-mega-card:focus-visible{outline:2px solid #155eef;outline-offset:.5rem}.dia-mega-card__media{aspect-ratio:1 / 1;background:#fff;border:0;border-radius:50%;display:block;overflow:hidden;padding:0;width:min(100%,9rem)}.dia-mega-card__image{display:block;height:100%;image-rendering:auto;object-fit:contain;object-position:center;width:100%}.dia-mega-card:hover .dia-mega-card__image{transform:none}.dia-mega-card__placeholder{align-items:center;aspect-ratio:1 / 1;border-radius:50%;background:transparent;color:rgba(var(--color-foreground),.32);display:flex;justify-content:center}.dia-mega-card__placeholder svg{width:2rem}.dia-mega-card__title{display:block;font-size:1.18rem;font-weight:720;line-height:1.3;min-height:3.6rem;padding:1.1rem 0 .2rem;text-align:center;width:100%;word-break:normal}.dia-dropdown{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:1.2rem;box-shadow:0 1.6rem 4rem #07152b24;left:-1.5rem;min-width:22rem;opacity:0;padding:1rem;pointer-events:none;position:absolute;top:calc(100% - .3rem);transform:translateY(-.6rem);transition:.16s ease;visibility:hidden;z-index:20}html:not(.dia-touch-input) .dia-nav-item:hover>.dia-dropdown,.dia-nav-item:has(:focus-visible)>.dia-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.dia-dropdown a{border-radius:.7rem;display:block;padding:1rem 1.2rem;text-decoration:none}.dia-dropdown a:hover{background:#155eef14}@media screen and (max-width:1230px){.dia-mega__categories{padding-right:calc(100% - 24rem)}.dia-mega__categories:after{left:24rem}.dia-mega__panel{left:24rem;padding-left:3rem}.dia-mega__category-link{grid-template-columns:4rem minmax(0,1fr) auto;width:24rem}.dia-mega__category-icon{height:4rem;width:4rem}.dia-mega__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.dia-mega-card:nth-child(n+4){display:none}}@media screen and (max-width:989px){.dia-header-nav{display:none}}@media(prefers-reduced-motion:reduce){.dia-nav-item *,.dia-mega *{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/diashark-mega-menu.css.map */