.split-hotspot{position:relative;width:100%;overflow:hidden}.split-hotspot__inner{display:flex;width:100%;height:var(--section-height);overflow:hidden}.split-hotspot__panel{position:relative;flex:0 0 50%;width:50%;min-width:0;height:100%;overflow:hidden;transition:flex-basis var(--transition-speed) cubic-bezier(.65,0,.35,1),width var(--transition-speed) cubic-bezier(.65,0,.35,1)}.split-hotspot[data-active=left] .split-hotspot__panel--left{flex-basis:var(--active-width);width:var(--active-width)}.split-hotspot[data-active=left] .split-hotspot__panel--right{flex-basis:calc(100% - var(--active-width));width:calc(100% - var(--active-width))}.split-hotspot[data-active=right] .split-hotspot__panel--right{flex-basis:var(--active-width);width:var(--active-width)}.split-hotspot[data-active=right] .split-hotspot__panel--left{flex-basis:calc(100% - var(--active-width));width:calc(100% - var(--active-width))}.split-hotspot__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.split-hotspot__image,.split-hotspot__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.split-hotspot__image{transition:transform var(--transition-speed) cubic-bezier(.65,0,.35,1)}.split-hotspot__panel:hover .split-hotspot__image{transform:scale(1.015)}a.split-hotspot__link{display:flex;align-items:center;text-decoration:underline}.split-hotspot__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay-opacity));pointer-events:none;transition:background-color var(--transition-speed) ease;display:block!important}.split-hotspot__panel.is-active .split-hotspot__overlay{opacity:.5}.split-hotspot__panel.is-inactive .split-hotspot__overlay{opacity:.55;background-color:#000}.split-hotspot__points{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none}.split-hotspot__point{position:absolute;left:var(--point-x);top:var(--point-y);width:20px;height:20px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;appearance:none;-webkit-appearance:none}.split-hotspot__point-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;box-shadow:0 0 0 1px #0003,0 2px 8px #0003;transition:transform .3s ease,background-color .3s ease}.split-hotspot__point-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.split-hotspot__point:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid rgba(255,255,255,.45);border-radius:50%;opacity:0;transform:scale(.65)}.split-hotspot__point:hover .split-hotspot__point-ring{transform:scale(1.15);background:#0000004d}.split-hotspot__point:hover:after{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.split-hotspot__panel.is-active .split-hotspot__point-ring{background:#ffffff4d}.split-hotspot__content{position:absolute;z-index:4;top:30%;width:min(640px,calc(100% - 80px));color:#fff;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 20px));pointer-events:none;transition:opacity .35s ease,visibility .35s ease,transform .5s ease}.split-hotspot__content--left{left:5%;text-align:left}.split-hotspot__content--center{left:50%;text-align:center;transform:translate(-50%,calc(-50% + 20px))}.split-hotspot__content--right{right:5%;text-align:right}.split-hotspot__panel.is-active .split-hotspot__content{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%);transition-delay:calc(var(--transition-speed) * .45)}.split-hotspot__panel.is-active .split-hotspot__content--center{transform:translate(-50%,-50%)}.split-hotspot__eyebrow{margin-bottom:8px;font-size:1.25rem;line-height:1.625rem;letter-spacing:0;font-family:var(--text-sub-r);margin-top:0;color:#fff}.split-hotspot__heading{max-width:34rem;font-size:2.188rem;line-height:2.5rem;letter-spacing:-.7px;margin:0;color:#fff}.split-hotspot__text{max-width:850px;line-height:1.55;margin:1rem 0}.split-hotspot__text p{margin:0 0 8px}.split-hotspot__link svg{width:.75rem;transform:rotate(-90deg);position:relative;top:2px}.split-hotspot__link span{font-size:1.35em;line-height:1;transition:transform .25s ease}.split-hotspot__link:hover span{transform:translate(4px)}@media screen and (max-width:989px){.split-hotspot__content{width:calc(100% - 48px)}.split-hotspot__content--left{left:24px}.split-hotspot__content--right{right:24px}.split-hotspot__heading{font-size:clamp(28px,4vw,42px)}}@media screen and (max-width:749px){.split-hotspot__eyebrow{margin-bottom:8px;font-size:15px;line-height:25px;letter-spacing:0}.split-hotspot__inner{display:block;height:auto}.split-hotspot__panel,.split-hotspot[data-active=left] .split-hotspot__panel,.split-hotspot[data-active=right] .split-hotspot__panel{width:100%;height:var(--section-height-mobile);flex-basis:auto}.split-hotspot__content{top:20px;right:auto;bottom:32px;left:24px;width:auto;text-align:left;transform:translateY(15px)}.split-hotspot__content--center{left:24px;transform:translateY(15px)}.split-hotspot__content--right{right:24px}.split-hotspot__panel.is-active .split-hotspot__content,.split-hotspot__panel.is-active .split-hotspot__content--center{transform:translateY(0)}.split-hotspot__heading{font-size:26px;line-height:26px;letter-spacing:-.52px;margin:0}.split-hotspot__text{font-size:14px}.split-hotspot__point{width:16px;height:16px}.split-hotspot__panel.split-hotspot__panel--left{display:none}}@media(prefers-reduced-motion:reduce){.split-hotspot__panel,.split-hotspot__image,.split-hotspot__content,.split-hotspot__point-ring,.split-hotspot__point:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/tzn-split-hotspot-banner.css.map */