.mega-panel{display:flex;flex-direction:column;gap:2rem}.mega-panel__heading{margin:0;font-size:1.2rem;font-weight:500;letter-spacing:.08rem;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.mega-panel__grid{display:grid;gap:2.4rem;margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.mega-panel__card{display:flex;flex-direction:column;gap:1.2rem;text-decoration:none;color:rgb(var(--color-foreground))}.mega-panel__media{display:block;overflow:hidden;border-radius:var(--media-radius, 0);background-color:rgba(var(--color-foreground),.04);aspect-ratio:4 / 3}.mega-panel__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long, .5s) ease}.mega-panel__card:hover .mega-panel__image{transform:scale(1.04)}.mega-panel__media-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(var(--color-foreground),.35)}.mega-panel__media-fallback .icon-line{width:4.8rem;height:4.8rem}.mega-panel__text{display:flex;flex-direction:column;gap:.4rem}.mega-panel__title{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;font-weight:500;line-height:1.3}.mega-panel__icon{display:inline-flex;flex:0 0 auto;color:rgba(var(--color-foreground),.55)}.mega-panel__icon .icon-line{width:1.8rem;height:1.8rem}.mega-panel__card:hover .mega-panel__title{text-decoration:underline;text-underline-offset:.3rem}.mega-panel__card:hover .mega-panel__icon{color:rgb(var(--color-foreground))}.mega-panel__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.mega-panel__card--current .mega-panel__title{text-decoration:underline;text-underline-offset:.3rem}.mega-panel__card--current .mega-panel__icon{color:rgb(var(--color-foreground))}.mega-panel__count{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.mega-panel__all{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;font-size:1.4rem;color:rgb(var(--color-foreground))}.mega-panel__all-arrow{display:inline-flex;transition:transform var(--duration-short, .1s) ease}.mega-panel__all-arrow svg{width:1.4rem;height:1.4rem}.mega-panel__all:hover .mega-panel__all-arrow{transform:translate(.3rem)}@media(prefers-reduced-motion:reduce){.mega-panel__image,.mega-panel__all-arrow{transition:none}.mega-panel__card:hover .mega-panel__image,.mega-panel__all:hover .mega-panel__all-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-mega-panel.css.map */