.qo-split{display:flex;flex-wrap:wrap;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.qo-split__media{position:relative;flex:1 1 52rem;min-height:48rem;overflow:hidden}@media screen and (min-width:990px){.qo-split__media{min-height:var(--qo-split-h, 80rem)}.qo-split--right .qo-split__media{order:2}.qo-split--video{align-items:center}.qo-split--video .qo-split__media{flex:0 1 calc(var(--qo-split-h) * var(--qo-split-ratio, .75));max-width:50%;height:var(--qo-split-h);min-height:0}.qo-split--video .qo-split__content{flex-basis:0}}.qo-split__media img,.qo-split__media video,.qo-split__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.qo-split__content{flex:1 1 52rem;display:flex;flex-direction:column;justify-content:center;gap:2.8rem;padding:8rem clamp(2.4rem,6vw,10.4rem)}.qo-split__content .qo-text{max-width:46rem;font-size:1.8rem;line-height:1.6;color:rgba(var(--color-foreground),.78)}.qo-split__content .qo-action{align-self:flex-start}.qo-callout{--qo-leg: 7rem;--qo-reach: calc(var(--qo-leg) * .7071);position:absolute;left:var(--qo-callout-x, 58%);top:var(--qo-callout-y, 58%);color:var(--qo-cal)}@media screen and (min-width:750px){.qo-callout{--qo-leg: 14rem}}.qo-callout__dot{position:absolute;width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem;border-radius:50%;background:var(--qo-sol)}.qo-callout__leg,.qo-callout__run{position:absolute;height:1px;background:currentColor;transform-origin:0 0}.qo-callout__leg{width:var(--qo-leg);transform:rotate(-45deg)}.qo-callout__run{left:var(--qo-reach);top:calc(var(--qo-reach) * -1);width:12rem}.qo-callout__label{position:absolute;left:calc(var(--qo-reach) + .5rem);top:calc(var(--qo-reach) * -1 - 4rem);font-size:1.1rem;line-height:1.6;white-space:nowrap}.qo-callout__detail{color:var(--qo-sol)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.qo-split__media{view-timeline:--qo-split block}.qo-callout__leg,.qo-callout__run,.qo-callout__label{animation:qo-callout-draw var(--qo-ease-inercia) both;animation-timeline:--qo-split}.qo-callout__leg{--qo-callout-rest: rotate(-45deg);animation-range:entry 60% cover 38%}.qo-callout__run{animation-range:cover 34% cover 46%}.qo-callout__label{animation-name:qo-callout-fade;animation-range:cover 42% cover 52%}}}@keyframes qo-callout-draw{0%{transform:var(--qo-callout-rest, none) scaleX(0)}to{transform:var(--qo-callout-rest, none) scaleX(1)}}@keyframes qo-callout-fade{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/qo-split.css.map */