.split-showcase__inner{width:100%;max-width:min(100%,var(--ss-inner-max));margin-left:auto;margin-right:auto}.split-showcase__grid{display:grid;grid-template-columns:1fr;gap:var(--ss-column-gap);align-items:stretch}@media screen and (min-width:750px){.split-showcase__grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:749px){.split-showcase__grid--mobile-right-first .split-showcase__col--left{order:2}.split-showcase__grid--mobile-right-first .split-showcase__col--right{order:1}}.split-showcase__col{position:relative;min-width:0}.split-showcase__col--left{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--ss-left-bg);padding:0}.split-showcase__col--right{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--ss-right-bg);min-height:0}.split-showcase__panels-stack{display:grid;grid-template-areas:"stack";width:100%;flex:1 1 auto;min-height:0}.split-showcase__panel{grid-area:stack;width:100%;min-width:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:0}.split-showcase__panel.is-active{opacity:1;pointer-events:auto;z-index:1}.split-showcase__left-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.split-showcase__stage{position:relative;flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.split-showcase__product-img{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;position:relative;z-index:0}.split-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:1}.split-showcase__hub{position:absolute;top:var(--ss-hub-top, 0%);left:var(--ss-hub-left, 0%);z-index:2;box-sizing:border-box;max-width:var(--ss-hub-max-width, 85%);display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;width:100%}.split-showcase__heading{margin:0;font-weight:700;line-height:1.15;text-transform:lowercase;color:var(--ss-heading)}.split-showcase__sub{margin:0;line-height:1.35;color:var(--ss-sub);font-size:12px}.split-showcase__callout{display:flex;flex-direction:row;align-items:center;gap:0rem;width:100%;max-width:100%}.split-showcase__callout-line{flex:1 1 auto;min-width:2rem;height:0;border:0;border-top:1px solid var(--ss-callout-line);margin:0}.split-showcase__dot{flex-shrink:0;width:.8rem;height:.8rem;border-radius:50%;background:var(--ss-callout-dot);box-shadow:0 0 0 2px var(--ss-left-bg)}.split-showcase__nav{position:absolute;left:var(--ss-nav-inset-x);right:var(--ss-nav-inset-x);bottom:var(--ss-nav-bottom);z-index:3;display:grid;grid-template-columns:repeat(var(--ss-nav-items-per-row),minmax(0,1fr));gap:var(--ss-nav-gap);margin:0;width:auto;max-width:none}@media screen and (min-width:750px){.split-showcase__nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}}.split-showcase__nav-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;max-width:var(--ss-nav-circle);max-height:var(--ss-nav-circle);margin-left:auto;margin-right:auto;padding:0;border-radius:50%;border:2px solid var(--ss-nav-border);background:transparent;color:var(--ss-nav-inactive-fg);cursor:pointer;font-weight:600;line-height:1;pointer-events:auto;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.split-showcase__nav-btn:hover{opacity:.92}.split-showcase__nav-btn:focus-visible{outline:2px solid var(--ss-nav-border);outline-offset:3px}.split-showcase__nav-btn.is-active{background-color:var(--ss-nav-active-bg);border-color:var(--ss-nav-active-bg);color:var(--ss-nav-active-fg)}.split-showcase__panels-stack--right{flex:1 1 auto;align-items:stretch}.split-showcase__right-panel{grid-area:stack;position:relative;width:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:0}.split-showcase__right-panel.is-active{opacity:1;pointer-events:auto;z-index:1}.split-showcase__right-img{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center}.split-showcase__empty{margin:0;padding:2rem;text-align:center;color:var(--ss-sub)}@media(prefers-reduced-motion:reduce){.split-showcase__nav-btn{transition:none}.split-showcase__panel,.split-showcase__right-panel{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-split-showcase.css.map */