arctic-mega-menu{--mega-panel-duration: .18s;--mega-panel-easing: cubic-bezier(.33, 0, 0, 1);display:block}.header-shell__nav{position:relative}.mega-nav__list{display:flex;align-items:center;gap:var(--space-5);list-style:none;margin:0;padding:0}.mega-nav__item{display:flex;align-items:center}.mega-nav__link,.mega-nav__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-block-size:var(--minimum-touch-target);padding:var(--space-2) 0;border:0;border-radius:0;background:transparent;color:var(--color-ink-default);font:inherit;font-size:var(--font-size-h6);font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .12s ease}.mega-nav__link{font-weight:600}.mega-nav__link:hover,.mega-nav__link:focus-visible,.mega-nav__trigger:hover,.mega-nav__trigger:focus-visible,.mega-nav__trigger[aria-expanded=true]{background:transparent;color:var(--color-arctic-deep-forest);text-decoration:none}.mega-nav__link:after,.mega-nav__trigger:after{content:"";position:absolute;inset-inline:0;inset-block-end:.4rem;block-size:.12rem;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--mega-panel-duration) var(--mega-panel-easing)}.mega-nav__link:hover:after,.mega-nav__link:focus-visible:after,.mega-nav__trigger:hover:after,.mega-nav__trigger:focus-visible:after,.mega-nav__trigger[aria-expanded=true]:after{transform:scaleX(1);transform-origin:left center}.mega-nav__link:focus-visible,.mega-nav__trigger:focus-visible{outline:2px solid var(--color-ink-strong);outline-offset:2px}.mega-nav__trigger-icon{display:inline-flex;inline-size:1rem;block-size:1rem;transition:transform var(--mega-panel-duration) var(--mega-panel-easing)}.mega-nav__trigger-icon svg{inline-size:100%;block-size:100%}.mega-nav__trigger[aria-expanded=true] .mega-nav__trigger-icon{transform:rotate(180deg)}.mega-panel{position:absolute;inset-inline:0;inset-block-start:100%;z-index:45;display:block;overflow-y:auto;max-block-size:calc(100vh - var(--header-height, 14rem));background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-block-start:1px solid var(--color-border-hairline);border-block-end:1px solid var(--color-border-hairline);box-shadow:0 1.2rem 2.4rem #00000014;opacity:0;transform:translateY(-.8rem);visibility:hidden;pointer-events:none;transition:opacity var(--mega-panel-duration) var(--mega-panel-easing),transform var(--mega-panel-duration) var(--mega-panel-easing),visibility 0s linear var(--mega-panel-duration)}.mega-panel[hidden]{display:none}.mega-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity var(--mega-panel-duration) var(--mega-panel-easing),transform var(--mega-panel-duration) var(--mega-panel-easing),visibility 0s linear 0s}.mega-panel__inner{display:grid;grid-template-columns:minmax(20rem,25rem) minmax(0,1fr);gap:var(--space-6);max-inline-size:var(--page-width, 144rem);margin-inline:auto;padding:var(--space-5)}.mega-panel__rail-column{padding-inline-end:var(--space-4);border-inline-end:1px solid var(--color-border-hairline)}.mega-panel__rail-heading,.mega-panel__group-label{display:block;margin-block-end:var(--space-3);color:rgba(var(--color-foreground),.66);font-size:var(--font-size-h6);font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.mega-panel__rail{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.mega-panel__rail-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:var(--minimum-touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .12s ease,color .12s ease}.mega-panel__rail-link:hover,.mega-panel__rail-link:focus-visible,.mega-panel__rail-link.is-active{background:rgba(var(--color-foreground),.06);color:var(--color-arctic-deep-forest);text-decoration:none}.mega-panel__rail-link:focus-visible,.mega-panel-tile:focus-visible,.mega-panel__group-link:focus-visible,.mega-panel__empty-link:focus-visible{outline:2px solid var(--color-ink-strong);outline-offset:2px}.mega-panel__rail-icon{display:inline-flex;inline-size:1rem;block-size:1rem;color:currentColor;opacity:.65;transform:rotate(-90deg)}.mega-panel__rail-icon svg{inline-size:100%;block-size:100%}.mega-panel__groups{min-inline-size:0}.mega-panel__group[hidden]{display:none}.mega-panel__group.is-active{display:block}.mega-panel__group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-3)}.mega-panel__group-label{margin-block-end:0}.mega-panel__group-link,.mega-panel__empty-link{color:var(--color-arctic-forest);font-size:var(--font-size-h6);font-weight:700;text-decoration:none}.mega-panel__group-link:hover,.mega-panel__empty-link:hover{color:var(--color-arctic-deep-forest)}.mega-panel__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5) var(--space-4);list-style:none;margin:0;padding:0}.mega-panel-tile{display:grid;gap:var(--space-3);color:rgb(var(--color-foreground));text-decoration:none}.mega-panel-tile__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md, .8rem);background:linear-gradient(135deg,rgba(var(--color-foreground),.035),rgba(var(--color-foreground),.075));box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.045);transition:box-shadow .18s ease,transform .18s ease}.mega-panel-tile:hover .mega-panel-tile__media,.mega-panel-tile:focus-visible .mega-panel-tile__media{box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.08),0 .8rem 1.8rem #0000000f;transform:translateY(-.1rem)}.mega-panel-tile__image{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .22s var(--mega-panel-easing)}.mega-panel-tile:hover .mega-panel-tile__image,.mega-panel-tile:focus-visible .mega-panel-tile__image{transform:scale(1.035)}.mega-panel-tile__media--placeholder{min-block-size:12rem;background:var(--color-arctic-mist);color:var(--color-arctic-forest)}.mega-panel-tile__placeholder-initial{font-size:3.2rem;font-weight:800;line-height:1}.mega-panel-tile__title{color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:700;line-height:1.2;max-inline-size:22rem}.mega-panel-tile:hover .mega-panel-tile__title,.mega-panel-tile:focus-visible .mega-panel-tile__title,.mega-panel-tile--active .mega-panel-tile__title{color:var(--color-arctic-deep-forest)}.mega-panel__empty{margin:0;padding-block:var(--space-4)}@media screen and (max-width:989px){.mega-panel__inner{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);gap:var(--space-4)}.mega-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.mega-panel,.mega-nav__trigger-icon,.mega-panel-tile__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-mega-panel.css.map */