.hotspot-banner{position:relative;width:100%;height:var(--hb-desktop-height, 760px);overflow:hidden;background:#d9d9d9;color:var(--hb-text-color, #ffffff)}.hotspot-banner *,.hotspot-banner *:before,.hotspot-banner *:after{box-sizing:border-box}.hotspot-banner__background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hotspot-banner__background-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hotspot-banner__placeholder{width:100%;height:100%;background:#eee}.hotspot-banner__placeholder svg{display:block;width:100%;height:100%}.hotspot-banner__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--hb-overlay-opacity, .35);pointer-events:none}.hotspot-banner__content{position:absolute;z-index:5;left:var(--hb-content-left, 4%);top:50%;width:min(var(--hb-content-width, 560px),44vw);color:var(--hb-text-color, #ffffff);transform:translateY(-50%)}.hotspot-banner__subheading{margin:0 0 27px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.hotspot-banner__heading{max-width:540px;margin:0;padding:0;color:inherit;font-family:inherit;font-size:clamp(38px,3vw,58px);font-weight:300;line-height:1.04;letter-spacing:-.035em}.hotspot-banner__description{max-width:600px;margin-top:21px;color:inherit;font-size:15px;font-weight:400;line-height:1.58;opacity:.94}.hotspot-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:29px;padding:13px 27px;border:1px solid #ffffff;background:#fff;color:#333;font-size:11px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color .22s ease,color .22s ease}.hotspot-banner__button:hover{background:transparent;color:#fff}.hotspot-banner__hotspots{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hotspot-banner__hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);transform:translate(-50%,-50%);pointer-events:auto}.hotspot-banner__trigger{position:relative;z-index:7;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#313131;box-shadow:0 5px 18px #00000014;cursor:pointer;transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}.hotspot-banner__trigger:hover{transform:scale(1.07);box-shadow:0 9px 25px #00000026}.hotspot-banner__icon{position:relative;display:block;width:18px;height:18px}.hotspot-banner__icon-line{position:absolute;left:50%;top:50%;display:block;width:17px;height:1.5px;background:currentColor;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1)}.hotspot-banner__icon-line--one{transform:translate(-50%,-50%) rotate(0)}.hotspot-banner__icon-line--two{transform:translate(-50%,-50%) rotate(90deg)}.hotspot-banner__hotspot.is-open .hotspot-banner__trigger{background:#111;color:#fff}.hotspot-banner__hotspot.is-open .hotspot-banner__icon-line--one{transform:translate(-50%,-50%) rotate(45deg)}.hotspot-banner__hotspot.is-open .hotspot-banner__icon-line--two{transform:translate(-50%,-50%) rotate(-45deg)}.hotspot-banner__card{position:absolute;z-index:5;left:calc(50% + var(--card-offset-x, 40px));top:calc(50% + var(--card-offset-y, -100px));width:380px;max-width:calc(100vw - 40px);padding:31px 31px 30px;background:var(--hb-card-bg, #ffffff);color:var(--hb-card-text, #222222);box-shadow:0 14px 40px #00000029;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.965);transform-origin:top left;transition:opacity .25s ease,visibility .25s ease,transform .4s cubic-bezier(.22,1,.36,1)}.hotspot-banner__hotspot.is-open .hotspot-banner__card{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.hotspot-banner__card-icon{margin-bottom:17px;font-size:28px;line-height:1}.hotspot-banner__card-title{margin:0;padding:0;color:inherit;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3}.hotspot-banner__card-description{margin-top:13px;color:inherit;font-size:14px;font-weight:400;line-height:1.65;opacity:.82}.hotspot-banner__card-link{display:inline-block;margin-top:18px;color:inherit;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}@media screen and (max-width:989px){.hotspot-banner__content{left:35px;width:44vw}.hotspot-banner__heading{font-size:38px}.hotspot-banner__description{font-size:13px}.hotspot-banner__trigger{width:44px;height:44px}.hotspot-banner__card{width:320px;padding:26px}}@media screen and (max-width:749px){.hotspot-banner{height:var(--hb-mobile-height, 760px)}.hotspot-banner__content{top:35px;left:22px;width:calc(100% - 44px);max-width:480px;transform:none}.hotspot-banner__subheading{margin-bottom:14px;font-size:9px}.hotspot-banner__heading{max-width:340px;font-size:34px;line-height:1.05}.hotspot-banner__description{max-width:390px;margin-top:14px;font-size:12px;line-height:1.5}.hotspot-banner__button{min-height:40px;margin-top:19px;padding:11px 20px;font-size:10px}.hotspot-banner__hotspot{left:var(--hotspot-mobile-x);top:var(--hotspot-mobile-y)}.hotspot-banner__trigger{width:42px;height:42px}.hotspot-banner__icon{width:16px;height:16px}.hotspot-banner__icon-line{width:14px}.hotspot-banner__card{position:fixed;left:50%;top:50%;width:calc(100vw - 44px);max-width:420px;transform:translate(-50%,calc(-50% + 15px)) scale(.97);transform-origin:center}.hotspot-banner__hotspot.is-open .hotspot-banner__card{transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.hotspot-banner__trigger,.hotspot-banner__icon-line,.hotspot-banner__card{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/interactive-hotspot-banner.css.map */