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__link[aria-current=page],.mega-nav__trigger--current,.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__link[aria-current=page]:after,.mega-nav__trigger--current: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{position:relative;min-inline-size:0}.mega-panel__group{position:absolute;inset-block-start:0;inset-inline:0;min-inline-size:0;opacity:0;pointer-events:none;transform:translate(1.2rem);visibility:hidden;transition:opacity .18s var(--mega-panel-easing),transform .22s var(--mega-panel-easing),visibility 0s linear .22s}.mega-panel__group.is-active{display:block;position:relative;opacity:1;pointer-events:auto;transform:translate(0);visibility:visible;transition:opacity .18s var(--mega-panel-easing),transform .22s var(--mega-panel-easing),visibility 0s linear 0s}.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;white-space:nowrap}.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__grid-item{display:flex;min-width:0}.mega-panel-tile{--mega-panel-tile-background: #ffffff;--mega-panel-tile-border-color: var(--color-border-default, #dfdfdf);--mega-panel-tile-border-color-hover: rgba(var(--color-foreground), .16);--mega-panel-tile-radius: var(--radius-sm, 4px);--mega-panel-tile-padding: var(--space-4);--mega-panel-tile-shadow-hover: 0 2px 8px rgba(128, 128, 128, .2);--mega-panel-tile-media-radius: 2px;--mega-panel-tile-media-ratio: 5 / 4;--mega-panel-tile-title-color-hover: var(--color-arctic-deep-forest);position:relative;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;box-sizing:border-box;overflow:hidden;padding:var(--mega-panel-tile-padding);border:1px solid var(--mega-panel-tile-border-color);border-radius:var(--mega-panel-tile-radius);background:var(--mega-panel-tile-background);color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.mega-panel-tile:hover,.mega-panel-tile:focus-visible,.mega-panel-tile--active{border-color:var(--mega-panel-tile-border-color-hover);box-shadow:var(--mega-panel-tile-shadow-hover);text-decoration:none}.mega-panel-tile__media{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%;aspect-ratio:var(--mega-panel-tile-media-ratio);overflow:hidden;border-radius:var(--mega-panel-tile-media-radius);background:#fff;box-shadow:none}.mega-panel-tile__image{inline-size:100%;block-size:100%;object-fit:cover}.mega-panel-tile--collection .mega-panel-tile__image,.mega-panel-tile--product .mega-panel-tile__image{object-fit:contain}.mega-panel-tile__media--placeholder{background:var(--color-arctic-sage-tint);color:var(--color-arctic-forest)}.mega-panel-tile__placeholder-initial{font-size:3.2rem;font-weight:800;line-height:1}.mega-panel-tile__title{display:-webkit-box;min-block-size:3.75em;margin-block-start:var(--space-3);overflow:hidden;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 1.3rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1.25;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.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(--mega-panel-tile-title-color-hover)}.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__group,.mega-panel-tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-mega-panel.css.map */