.section--tab-collage{background:var(--gradient-background);background-color:rgb(var(--color-background))}.tab-collage{row-gap:3rem;color:rgb(var(--color-foreground));--color-heading: rgb(var(--color-foreground))}.tab-collage__left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:2rem;padding:3rem 1.5rem}.tab-collage__subheading:first-child{margin-top:0}.tab-collage__subheading+.tab-collage__title{margin-top:.5rem}.tab-collage__right{position:relative}.tab-collage__item-image,.tab-collage__card-image{border-radius:12px}.tab-collage__card-image img{position:relative!important}.tab-collage__description+.button{margin-top:1rem}@media screen and (max-width: 749px){.tab-collage:not([data-accordion]) .tab-collage__left{padding:0}.tab-collage__item-image{margin-bottom:1rem}.tab-collage:not([data-accordion]) .tab-collage__right{display:none}.tab-collage__left-content{width:100%}}@media screen and (min-width: 750px){.tab-collage{background-color:transparent}.tab-collage__grid--reverse{flex-direction:row-reverse}.tab-collage__left{padding:0;align-items:flex-start}.tab-collage__left.middle{justify-content:center}.tab-collage__left.bottom{justify-content:flex-end}.tab-collage__left-content{width:83.3333%}.tab-collage__content{padding-top:3rem;padding-bottom:3rem}.tab-collage[data-accordion] .tab-collage__content{padding-top:0}.tab-collage__bottom{padding-bottom:3rem}.tab-collage__description+.button:not(.button--tertiary){margin-top:2rem}.tab-collage__item-image{display:none}}@media screen and (min-width: 990px){.tab-collage__title{margin:0 0 2rem}}.tab-collage__content{width:100%;display:flex;flex-direction:column;row-gap:2rem;list-style:none}.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__grid-mobile--reverse .tab-collage__left{padding-bottom:3rem}.tab-collage__content,.tab-collage__bottom{padding:0}.tab-collage__content{row-gap:4rem;padding-top:2rem;padding-bottom:2rem}.tab-collage[data-accordion] .tab-collage__content{padding-top:0}.tab-collage__bottom.mobile-center .button{min-width:60%}.tab-collage:not([data-accordion]) .tab-collage__heading{opacity:1}}@media screen and (max-width: 480px){.tab-collage__bottom .button{width:100%}}.tab-collage__heading{position:relative;display:inline-block;margin:0;cursor:pointer;opacity:.3;line-height:1.4;transition:opacity var(--duration-default) ease}.tab-collage__desc{display:none;line-height:calc(1 + .6 / var(--font-body-scale))}.tab-collage__heading.is-active+.tab-collage__desc,.tab-collage__desc.is-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.is-active{position:relative;visibility:visible;opacity:1}.tab-collage__right.middle .tab-collage__card .media-wrapper{display:flex;align-items:center}.tab-collage__right.bottom .tab-collage__card .media-wrapper{display:flex;align-items:flex-end}.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}@media screen and (min-width: 750px){.tab-collage:not([data-accordion]) .tab-collage__heading:before{content:"";position:absolute;top:50%;left:-40px;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background-color:#a270ff;opacity:0;transition:opacity var(--duration-default) ease}.tab-collage:not([data-accordion]) .tab-collage__heading.is-active,.tab-collage:not([data-accordion]) .tab-collage__heading.is-active:before{opacity:1}.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 video,.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}.deferred-media.media-fit-cover video{object-fit:cover}.tab-collage[data-accordion] .tab-collage__heading{display:flex;align-items:center;justify-content:space-between;padding-top:1.2rem;padding-bottom:1.2rem;opacity:1;font-size:calc(var(--font-heading-scale)* 2rem)}.tab-collage[data-accordion] .tab-collage__item:last-child .tab-collage__heading:not(.is-active){padding-bottom:0}.tab-collage[data-accordion] .tab-collage__item:last-child .tab-collage__heading.is-active+.tab-collage__desc{padding-bottom:0}.tab-collage[data-accordion] .tab-collage__heading .icon{pointer-events:none;width:1rem;height:1rem;margin-inline-end:1.5rem}.tab-collage[data-accordion] .tab-collage__heading.is-active .icon{transform:scaleY(-1)}.tab-collage[data-accordion] .tab-collage__item{border-top:.1rem solid rgb(var(--color-border))}.tab-collage[data-accordion] .tab-collage__content{row-gap:0;padding-inline-start:0}.tab-collage[data-accordion] .tab-collage__desc{padding:.8rem 0 2.8rem}.tab-collage[data-accordion] .tab-collage__desc :last-child:is(.button){margin-top:1.2rem}@media screen and (min-width: 750px){.tab-collage[data-accordion] .tab-collage__heading{font-size:calc(var(--font-heading-scale)* 2.8rem)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-tab-collage.css.map */