.tab-collage{row-gap:3rem;color:rgb(var(--color-foreground));background:var(--gradient-background);background-color:rgb(var(--color-background));--color-heading: rgb(var(--color-foreground))}.tab-collage__title{margin:0;color:var(--tab-collage-heading-color);font-size:var(--tab-collage-heading-size-mobile, 22px);line-height:1.2;overflow-wrap:anywhere}.tab-collage__title-wrapper,.tab-collage__body{width:100%;min-width:0}.tab-collage__body{display:flex;flex-direction:column;row-gap:40px}.tab-collage:not([data-accordion]) .tab-collage__bottom{order:-1}.tab-collage .tab-collage__left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:40px;padding:3rem 1.5rem}.tab-collage__right{position:relative}.tab-collage__media--secondary{display:none}@media screen and (min-width:750px){.tab-collage__title{font-size:var(--tab-collage-heading-size-desktop, 28px)}.tab-collage{background-color:transparent}.tab-collage__grid--reverse{flex-direction:row-reverse}.tab-collage>.tab-collage__left{flex:0 0 40%;width:40%;max-width:40%}.tab-collage>.tab-collage__right{flex:0 0 60%;width:60%;max-width:60%}.tab-collage .tab-collage__left{padding:5rem 0;background:var(--gradient-background);background-color:rgb(var(--color-background))}.tab-collage__left.middle{justify-content:center}.tab-collage__left.bottom{justify-content:flex-end}.tab-collage__left.space-between{justify-content:space-between}.tab-collage__left.space-between .tab-collage__body{margin-top:auto}}.tab-collage__content{width:100%;display:flex;flex-direction:column;row-gap:.5rem;list-style:none;margin-block:0}@media screen and (min-width:1201px){.tab-collage .tab-collage__card--two-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tab-collage__media--secondary{display:block}}.tab-collage__bottom{width:100%;max-width:600px;margin-left:0}@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,.tab-collage__title-wrapper{padding:0}}.tab-collage__heading{cursor:pointer;margin:0;font-size:1.2em}.tab-collage__heading,.tab-collage__desc>.button{width:min(400px,100%);min-width:0;overflow-wrap:anywhere}@media screen and (max-width:749px){.tab-collage__heading,.tab-collage__desc>.button{width:100%}}.tab-collage__desc{display:none;line-height:calc(1 + .6 / var(--font-body-scale));text-transform:uppercase}.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__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}.tab-collage .tab-collage__button--outlined{color:rgb(var(--color-button-background));background-color:transparent;border:1px solid rgb(var(--color-button-border));box-shadow:none}.tab-collage .tab-collage__button--outlined-secondary{--color-button-background: 255, 255, 255;--color-button-border: var(--color-button-background);--color-button-text: var(--color-base-accent)}.tab-collage .tab-collage__button--outlined-black{--color-button-background: 0, 0, 0;--color-button-border: var(--color-button-background);--color-button-text: 255, 255, 255}@media screen and (hover:hover){.tab-collage .tab-collage__button--outlined:hover{color:rgb(var(--color-button-text));background-color:rgb(var(--color-button-background))}}.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}.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}.tab-collage[data-accordion] .tab-collage__item:first-child .tab-collage__heading{padding-top:0}.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+.tab-collage__item{border-top:.1rem solid rgb(var(--color-border))}.tab-collage[data-accordion] .tab-collage__content{row-gap:0}.tab-collage[data-accordion] .tab-collage__desc{padding:.8rem 1rem 2.8rem}.tab-collage[data-accordion] .tab-collage__desc :last-child:is(.button){margin-top:1.2rem}@media screen and (hover:hover){.tab-collage__heading:hover{cursor:url(vintage-cursor.svg),auto}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-tab-collage.css.map */