.l20-split-switch{display:block;width:100%;padding-block:var(--l20-split-padding-top) var(--l20-split-padding-bottom);background:var(--l20-split-bg, #fff)}.l20-split-switch__container{width:min(100% - (2 * var(--gutter, 32px)),var(--l20-split-width));margin-inline:auto}.l20-split-switch__layout{display:grid;grid-template-columns:minmax(0,var(--l20-split-left-width)) minmax(0,calc(100% - var(--l20-split-left-width)));gap:var(--l20-split-gap);align-items:stretch}.l20-split-switch__left{display:flex;min-height:0;flex-direction:column}.l20-split-switch__title{max-width:min(100%,var(--l20-split-title-max));margin:0 0 28px;color:var(--l20-split-title-color);font-family:var(--l20-split-title-family);font-size:var(--l20-split-title-size);font-style:var(--l20-split-title-style);font-weight:var(--l20-split-title-weight);line-height:var(--l20-split-title-line-height);letter-spacing:-.03em}.l20-split-switch__cards{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--l20-split-card-gap)}.l20-split-switch__card{display:flex;min-height:88px;flex:0 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--l20-split-card-padding-y) var(--l20-split-card-padding-x);overflow:hidden;border:0;border-radius:var(--l20-split-card-radius);color:inherit;background:var(--l20-split-card-bg, #f3f3f3);text-align:left;cursor:pointer;transition:background-color .22s ease,flex-grow .28s ease,min-height .28s ease}.l20-split-switch__card:hover,.l20-split-switch__card:focus-visible{background:var(--l20-split-card-hover, #e8e8e8)}.l20-split-switch__card:focus-visible{outline:2px solid #111;outline-offset:3px}.l20-split-switch__card.is-active{flex:1 1 auto;min-height:180px;justify-content:flex-start;background:var(--l20-split-card-active, #e8dcc8)}.l20-split-switch__card-title,.l20-split-switch__card-subtitle,.l20-split-switch__card-description{display:block}.l20-split-switch__card-title{color:var(--l20-split-item-title-color);font-family:var(--l20-split-item-title-family);font-size:var(--l20-split-item-title-size);font-style:var(--l20-split-item-title-style);font-weight:var(--l20-split-item-title-weight);line-height:1.2}.l20-split-switch__card-subtitle{margin-top:var(--l20-split-item-gap);color:var(--l20-split-item-subtitle-color);font-family:var(--l20-split-item-subtitle-family);font-size:var(--l20-split-item-subtitle-size);font-style:var(--l20-split-item-subtitle-style);font-weight:var(--l20-split-item-subtitle-weight);line-height:1.35}.l20-split-switch__card-copy{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows .28s ease,opacity .22s ease,margin-top .28s ease}.l20-split-switch__card.is-active .l20-split-switch__card-copy{grid-template-rows:1fr;margin-top:var(--l20-split-item-gap);opacity:1}.l20-split-switch__card-description{overflow:hidden;color:var(--l20-split-item-description-color);font-family:var(--l20-split-item-description-family);font-size:var(--l20-split-item-description-size);font-style:var(--l20-split-item-description-style);font-weight:var(--l20-split-item-description-weight);line-height:1.5}.l20-split-switch__card-description>:first-child{margin-top:0}.l20-split-switch__card-description>:last-child{margin-bottom:0}.l20-split-switch__card-description p{margin:0}.l20-split-switch__right,.l20-split-switch__media{min-height:0}.l20-split-switch__media{position:relative;aspect-ratio:var(--l20-split-media-ratio);overflow:hidden;border-radius:var(--l20-split-media-radius);background:#ececec}.l20-split-switch__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.l20-split-switch__panel.is-active{opacity:1;visibility:visible}.l20-split-switch__video,.l20-split-switch__picture,.l20-split-switch__image,.l20-split-switch__placeholder{display:block;width:100%;height:100%}.l20-split-switch__video,.l20-split-switch__image,.l20-split-switch__placeholder{object-fit:cover;object-position:center}.l20-split-switch__picture,.l20-split-switch__video{position:absolute;top:0;right:0;bottom:0;left:0}.l20-split-switch__video--mobile{display:none}.l20-split-switch__panel.is-playing .l20-split-switch__picture--poster{opacity:0;visibility:hidden}.l20-split-switch__play{position:absolute;top:50%;left:50%;z-index:2;display:inline-grid;width:64px;height:64px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#00000038;transform:translate(-50%,-50%);cursor:pointer}.l20-split-switch__play-icon{display:grid;width:28%;height:28%;margin-left:6%;place-items:center}.l20-split-switch__play-icon svg{width:100%;height:100%;fill:currentColor}.l20-split-switch__panel.is-playing .l20-split-switch__play{display:none}@media(max-width:768.98px){.l20-split-switch{display:block;padding-block:var(--l20-split-mobile-padding-top) var(--l20-split-mobile-padding-bottom)}.l20-split-switch__container{width:min(100% - 40px,var(--l20-split-width))}.l20-split-switch__layout{display:flex;flex-direction:column;gap:20px}.l20-split-switch__title{margin-bottom:4px;font-size:var(--l20-split-mobile-title-size)}.l20-split-switch__right{order:-1}.l20-split-switch__media{aspect-ratio:4 / 5}.l20-split-switch__cards{flex:none}.l20-split-switch__card{min-height:76px}.l20-split-switch__card.is-active{min-height:0;flex:0 0 auto}.l20-split-switch__card-title{font-size:var(--l20-split-mobile-item-title-size)}.l20-split-switch__card-subtitle{font-size:var(--l20-split-mobile-item-subtitle-size)}.l20-split-switch__card-description{font-size:var(--l20-split-mobile-item-description-size)}.l20-split-switch__video--desktop{display:none}.l20-split-switch__video--mobile{display:block}}@media(prefers-reduced-motion:reduce){.l20-split-switch__card,.l20-split-switch__card-copy,.l20-split-switch__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/l20-split-switch.css.map */