.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,.l20-split-switch__card.is-active:hover,.l20-split-switch__card.is-active:focus-visible{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}.l20-split-switch__nav{display:none;align-items:center;gap:16px;margin-top:4px}.l20-split-switch__progress{display:flex;flex:1 1 auto;align-items:center;min-width:0;gap:6px}.l20-split-switch__progress-dot{display:block;flex:1 1 0;height:3px;padding:0;border:0;border-radius:99px;background:#e6e6e6;cursor:pointer}.l20-split-switch__progress-dot.is-active{background:var(--primary-color, #ee731b)}.l20-split-switch__arrows{display:flex;flex:0 0 auto;gap:10px}.l20-split-switch__arrow{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #dfdfdf;border-radius:50%;color:#989898;background:#fff;cursor:pointer}.l20-split-switch__arrow svg{width:14px;height:14px}.l20-split-switch__arrow:disabled{opacity:.35;cursor:default}@media(min-width:1920px){.l20-split-switch{padding-block:calc(var(--l20-split-padding-top-raw) * 100vw / 1920) calc(var(--l20-split-padding-bottom-raw) * 100vw / 1920)}.l20-split-switch__container{width:min(100% - (2 * var(--gutter, 32px)),calc(var(--l20-split-width-raw) * 100vw / 1920))}.l20-split-switch__layout{gap:calc(var(--l20-split-gap-raw) * 100vw / 1920)}.l20-split-switch__title{max-width:min(100%,calc(var(--l20-split-title-max-raw) * 100vw / 1920));margin:0 0 calc(28 * 100vw / 1920);font-size:calc(var(--l20-split-title-size-raw) * 100vw / 1920)}.l20-split-switch__cards{gap:calc(var(--l20-split-card-gap-raw) * 100vw / 1920)}.l20-split-switch__card{min-height:calc(88 * 100vw / 1920);padding:calc(var(--l20-split-card-padding-y-raw) * 100vw / 1920) calc(var(--l20-split-card-padding-x-raw) * 100vw / 1920);border-radius:calc(var(--l20-split-card-radius-raw) * 100vw / 1920)}.l20-split-switch__card.is-active,.l20-split-switch__card.is-active:hover,.l20-split-switch__card.is-active:focus-visible{min-height:9.375vw}.l20-split-switch__card-title{font-size:calc(var(--l20-split-item-title-size-raw) * 100vw / 1920)}.l20-split-switch__card-subtitle{margin-top:calc(var(--l20-split-item-gap-raw) * 100vw / 1920);font-size:calc(var(--l20-split-item-subtitle-size-raw) * 100vw / 1920)}.l20-split-switch__card.is-active .l20-split-switch__card-copy{margin-top:calc(var(--l20-split-item-gap-raw) * 100vw / 1920)}.l20-split-switch__card-description{font-size:calc(var(--l20-split-item-description-size-raw) * 100vw / 1920)}.l20-split-switch__media{border-radius:calc(var(--l20-split-media-radius-raw) * 100vw / 1920)}}@media(max-width:768.98px){.l20-split-switch{padding-block:var(--l20-split-mobile-padding-top) var(--l20-split-mobile-padding-bottom)}.l20-split-switch__container{width:min(100% - 32px,var(--l20-split-width))}.l20-split-switch__layout{display:flex;flex-direction:column;gap:16px;align-items:stretch}.l20-split-switch__left{display:contents}.l20-split-switch__title{order:1;max-width:none;margin:0 auto 4px;font-size:var(--l20-split-mobile-title-size);text-align:center}.l20-split-switch__right,.l20-split-switch__media{order:2;width:100%}.l20-split-switch__media{height:auto;aspect-ratio:var(--l20-split-mobile-media-ratio, var(--l20-split-media-ratio, 1 / 1));touch-action:pan-y}.l20-split-switch__image,.l20-split-switch__video,.l20-split-switch__placeholder{object-fit:var(--l20-split-mobile-media-fit, cover)}.l20-split-switch__cards{order:3;display:block;flex:0 0 auto}.l20-split-switch__card{display:none;min-height:0;flex:0 0 auto;padding:4px 0 0;border-radius:0;background:transparent;pointer-events:none}.l20-split-switch__card:hover,.l20-split-switch__card:focus-visible,.l20-split-switch__card.is-active,.l20-split-switch__card.is-active:hover,.l20-split-switch__card.is-active:focus-visible{min-height:0;flex:0 0 auto;justify-content:flex-start;background:transparent}.l20-split-switch__card.is-active{display:flex}.l20-split-switch__card:after{content:none}.l20-split-switch__nav{order:4;display:flex}.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/34/assets/l20-split-switch.css.map */