.tab-collage{row-gap:3rem;color:rgb(var(--color-foreground));--color-background: var(--color-achromatic_300);background-color:rgb(var(--color-background));--color-heading: rgb(var(--color-foreground))}.tab-collage__left{padding:4rem!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:2rem}.tab-collage__left t-title3{padding:0}.tab-collage__left h2{margin:0}.tab-collage__card-image{min-height:550px;height:100%}.tab-collage__right{position:relative;padding:0}@media screen and (min-width: 750px){.tab-collage{padding:0;background-color:transparent}.tab-collage__grid--reverse{flex-direction:row-reverse}.tab-collage__left{padding:4rem 0!important;row-gap:2rem;background-color:rgb(var(--color-background))}.tab-collage__left.middle{justify-content:center}.tab-collage__left.bottom{justify-content:flex-end}}.tab-collage__content{width:100%;display:flex;flex-direction:column}.tab-collage__bottom{width:100%}@media screen and (max-width: 749px){.tab-collage__grid-mobile--reverse{flex-direction:column-reverse;row-gap:0}.tab-collage .tab-collage__left{padding:4rem 2rem 1rem!important}.tab-collage .button.button--outline{width:100%!important;max-width:none!important;margin:0 auto;padding:1rem 3rem;min-height:5rem}.tab-collage__content,.tab-collage__bottom,.tab-collage__left h2{padding:0}.tab-collage__bottom.mobile-center .button{min-width:60%}}@media screen and (max-width: 480px){.tab-collage__bottom .button{width:100%}}.tab-collage__heading{letter-spacing:-.01rem;font-weight:700;color:var(--color-achromatic_900);margin:0;cursor:pointer;opacity:.5;transition:opacity var(--duration-default) ease;list-style:decimal;display:list-item;margin:.5rem 0 .5rem 2.6rem;position:relative;z-index:2}.tab-collage__heading h3{margin:0;pointer-events:none;position:relative}.tab-collage__heading.active{opacity:1;z-index:1}.tab-collage__heading.active:before{position:absolute;content:url(./red-circle.svg);width:5.5rem;height:5.4rem;left:-4rem;top:25%;transform:translateY(-50%)}.tab-collage__desc{display:none;line-height:1.4}.tab-collage__desc.active{display:block}.tab-collage__card{display:block;position:absolute;visibility:hidden;opacity:0;width:100%;height:100%;top:0;left:0}.tab-collage__card.active{position:relative;visibility:visible;opacity:1}.tab-collage__card .media-wrapper{width:100%;height:100%}.tab-collage__card .deferred-media__poster{display:flex;align-items:center;justify-content:center}.tab-collage__card .media{width:100%}.tab-collage__card .media--adapt.media--placeholder{height:100%;min-height:30rem}.tab-collage__desc p{margin:0}.tab-collage__desc :last-child:is(.button){margin-top:3rem;width:100%;max-width:400px}@media screen and (min-width: 750px){.tab-collage__desc div{min-height:9rem}}.tab-collage-video__modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background-color:rgba(var(--color-base-text),.2);height:100%}.tab-collage-video__modal[open]{opacity:1;visibility:visible;z-index:101}.tab-collage-video__modal-content{background-color:rgb(var(--color-base-background));overflow:auto;height:100%;margin:0;width:100%;position:absolute;padding:0}.tab-collage-video__modal-toggle{background-color:rgb(var(--color-base-background));border:.1rem solid rgb(var(--color-border));border-radius:50%;color:rgb(var(--color-base-text));display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;padding:1.2rem;z-index:2;top:2rem;right:.5rem;width:4.4rem;height:4.4rem;margin:0 0 0 auto}@media screen and (min-width: 750px){.tab-collage-video__modal-toggle{right:4.8rem;top:3.5rem}}@media screen and (min-width: 990px){.tab-collage-video__modal-toggle{right:4.3rem;top:3rem}}.tab-collage-video__modal-toggle .icon{width:1.5rem;height:1.5rem;transition:transform var(--duration-default) ease}@media screen and (hover: hover){.tab-collage-video__modal-toggle:hover .icon{transform:scale(.8) rotate(90deg)}}.tab-collage__card .deferred-media iframe{width:100%;height:100%;position:absolute;border:0;top:0;left:0}.tab-collage__card .deferred-media[loading] .deferred-media__poster-button{visibility:hidden}.tab-collage__card .deferred-media[loaded]>.deferred-media__poster{display:block;visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-tab-collage.css.map */
