.page-tabs{transition:all 1s ease}.page-tabs .tab-control{display:flex;align-items:center;justify-content:space-between;flex-direction:column;visibility:hidden;max-height:0;transition:max-height .3s ease-out}.page-tabs .tab-control.active{max-height:320px;visibility:visible;transition:max-height .3s ease-in}.page-tabs .tab-nav__mobile.active svg{transition:.3s ease-out;transform:rotate(180deg)}.page-tabs .media{background-color:transparent}.tab-content .media>img{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);padding:2rem}.tab-control li{padding:2.4rem 3.2rem;opacity:.45;cursor:pointer;width:100%;text-align:center;font-size:1.4rem;line-height:1.4rem;text-transform:uppercase;font-family:BrownLLWeb-Regular}.tab-control li:focus,.tab-control li:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;box-shadow:0 0 .2rem rgba(var(--color-foreground))}.tab-control li.active{font-family:BrownLLWeb-Bold;opacity:1}.tab-content{display:none;min-height:50vh}.tab-content.active{transition:all 1s ease;display:block}.tab-content h2{margin:0;padding:3.2rem;text-align:center}.tab-content .subtitle>*{max-width:64rem;margin:0 auto;padding:4rem 3.2rem}.tab-content .text>*{max-width:64rem;margin:0 auto;padding:4rem 3.2rem;text-align:left;font-size:1.8rem;line-height:2.6rem}.tab-content .text>*:not(:first-child){padding-top:0}.tab-content .text>*:last-child{padding-bottom:4rem}.tab-nav__mobile{width:100%;display:flex;align-items:center;justify-content:center;padding-top:3.2rem;padding-bottom:3.2rem;font-family:BrownLLWeb-Bold;font-size:1.4rem;line-height:1.4rem;text-transform:uppercase}.tab-nav__mobile:after{box-shadow:none}.tab-nav__mobile svg{margin-left:1rem;width:16px;height:16px;transition:.3s ease-out}button.tab-nav__mobile{border-bottom:1px solid rgba(145,144,144,1)}@media screen and (min-width: 990px){.tab-control li{text-align:center;flex-grow:1}.tab-content .media>img{padding:3.2rem}.tab-content h2{padding:4rem 3.2rem}.tab-content .subtitle>*{padding:6.4rem 0}.tab-content .text>*{padding:6.4rem 0 3.2rem;font-size:2.4rem;line-height:3.2rem}.tab-content .text>*:not(:first-child){padding-top:0}.tab-content .text>*:last-child{padding-bottom:6.4rem}.page-tabs .tab-control{flex-direction:row;visibility:visible;max-height:320px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-page-tabs.css.map */