.secondary_nav{position:absolute;left:0;top:77px;width:100%;padding:30px 0;background-color:rgba(var(--color-background),1);opacity:0;pointer-events:none;transition:opacity .3s,background-color .3s;box-shadow:0 5px 4px rgba(var(--color-foreground),.2)}.scrolled-past-header .secondary_nav{background-color:rgba(var(--color-background),.85)}.secondary_nav.active{opacity:1;pointer-events:auto}.secondary_nav .row{display:flex;align-items:flex-start;padding:0 2rem}.secondary_nav .row .column:first-child{margin-left:2rem}.secondary_nav .row .column{margin-right:12rem}.secondary_nav .row .column.last{margin-right:0}.secondary_nav .row .column.media_wrap{display:flex;flex-direction:column;margin:0 2rem 0 auto;width:23%;opacity:0;transform:translateY(-2rem);transition:opacity .5s,transform .5s}.secondary_nav .row .column.media_wrap img,.secondary_nav .row .column.media_wrap video,.secondary_nav .row .column.media_wrap svg{width:100%;height:auto;display:block}.secondary_nav .row .column h4.secondary_nav__title{display:flex;align-items:center}.secondary_nav .row .column h4.secondary_nav__title svg{margin-left:4px}@media (max-width: 990px) and (orientation: portrait){.secondary_nav__title svg{margin-bottom:2px}}.secondary_nav .row ul{display:flex;flex-direction:column;margin-top:1rem}.secondary_nav .row ul li a{text-decoration:none;font-size:1.3rem;color:rgba(var(--color-foreground),1);position:relative}.secondary_nav .row.bottom .cta a{text-decoration:none;display:flex;align-items:center}.secondary_nav .row .cta{margin-left:2rem;margin-right:2rem;width:calc(100% - 4rem);padding-top:2rem;margin-top:4rem;position:relative}.secondary_nav .row .cta:after{content:"";position:absolute;top:0;left:0;width:0;height:1px;background-color:rgba(var(--color-foreground),1);transition:width .2s 0s}.secondary_nav .row .cta h3{font-size:2.6rem;opacity:0;transition:opacity .3s}.secondary_nav .row .cta svg.arrow_right{height:20px;margin-left:10px;opacity:0;transition:opacity .3s .5s}.secondary_nav.active .row.bottom .cta:after{width:100%;transition:width .5s .2s ease-in}.secondary_nav.active .row .cta h3{opacity:1;transition:opacity .5s .5s}.secondary_nav.active .row .cta svg.arrow_right{opacity:1}.secondary_nav.active .row .column.media_wrap{opacity:1;transform:translateY(0);transition:opacity .5s .5s,transform .5s .5s}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-header-shop-nav.css.map */