:root{--hero-transition-duration: .3s;--hero-ease: cubic-bezier(.25, .8, .25, 1);--hotspot-size: 36px;--hotspot-size-mobile: 28px}.shopp-banner{position:relative;overflow:hidden;width:100%;display:block}#MainContent .shopify-section:first-child .shopp-banner{margin-top:0}#MainContent .shopify-section:first-child [class*=section-][class*=-padding]{padding-top:0!important}.shopp-banner__wrapper{position:relative;width:100%;height:var(--hero-height-desktop, 100vh);display:flex;align-items:flex-end;box-sizing:border-box;overflow:hidden}@media screen and (max-width:749px){.shopp-banner__wrapper{height:var(--hero-height-mobile, 100vh)}}.shopp-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.shopp-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.shopp-banner__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--slide-transition-speed, 1.2s) cubic-bezier(.25,.8,.25,1);z-index:1}.shopp-banner__slide.is-active{opacity:1;z-index:2}.shopp-banner__video{width:100%;height:100%;object-fit:cover;display:block}.shopp-banner__image--mobile{display:none}@media screen and (max-width:749px){.shopp-banner__image--desktop{display:none}.shopp-banner__image--mobile{display:block}}.shopp-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .2);z-index:2;pointer-events:none}.shopp-banner__content-container{position:relative;z-index:3;width:100%;height:100%;display:flex;box-sizing:border-box;padding:6rem 8rem 8rem;pointer-events:none}.shopp-banner__content-container--align-left{align-items:flex-end;justify-content:flex-start}.shopp-banner__content-container--align-center{align-items:flex-end;justify-content:center;text-align:center}.shopp-banner__content-container--align-right{align-items:flex-end;justify-content:flex-end;text-align:right}.shopp-banner__content{color:#fff;pointer-events:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.shopp-banner__subtitle{display:block;font-size:1.1rem;text-transform:uppercase;letter-spacing:.25em;font-weight:600;margin-bottom:1.6rem;color:#ffffffe6}.shopp-banner__heading{margin:0 0 1.8rem;color:#fff;font-family:inherit;font-weight:600;line-height:1.15;letter-spacing:-.03em}.shopp-banner__heading.h2{font-size:3.2rem}.shopp-banner__heading.h1{font-size:5.6rem}.shopp-banner__heading.h0{font-size:7.2rem}@media screen and (max-width:989px){.shopp-banner__heading.h1{font-size:4.2rem}.shopp-banner__heading.h0{font-size:5.2rem}}@media screen and (max-width:749px){.shopp-banner__content-container{padding:3rem 2rem 5rem}.shopp-banner__heading.h1{font-size:3.6rem}.shopp-banner__heading.h0{font-size:4.4rem}}.shopp-banner__text{margin:0 0 3.2rem;font-size:1.6rem;line-height:1.6;color:#ffffffd9;font-weight:400}.shopp-banner__text p{margin:0}.shopp-banner__buttons{display:flex;flex-wrap:wrap;gap:1.6rem}.shopp-banner__content-container--align-center .shopp-banner__buttons{justify-content:center}.shopp-banner__content-container--align-right .shopp-banner__buttons{justify-content:flex-end}.shopp-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:1.5rem 3.8rem;font-size:1.3rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-radius:50px;background-color:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-bg);box-shadow:0 4px 15px #0000000d;transition:transform .25s var(--hero-ease),box-shadow .25s var(--hero-ease),background-color .25s var(--hero-ease),color .25s var(--hero-ease);cursor:pointer}.shopp-banner__button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.shopp-banner__button--secondary{border-color:#fff6}.shopp-banner__button--secondary:hover{background-color:#fff;color:#121212;border-color:#fff}@media screen and (max-width:749px){.shopp-banner__buttons{flex-direction:column;width:100%}.shopp-banner__button{width:100%;box-sizing:border-box}}.shopp-banner__hotspots-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.shopp-banner__hotspot{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);z-index:10}@media screen and (max-width:749px){.shopp-banner__hotspots-container{display:none!important}}.shopp-banner__hotspot-trigger{width:var(--hotspot-size);height:var(--hotspot-size);border-radius:50%;background:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;padding:0;transition:transform .25s var(--hero-ease),background-color .25s var(--hero-ease),box-shadow .25s var(--hero-ease);z-index:11}.shopp-banner__hotspot-trigger:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:1px solid rgba(255,255,255,.4);opacity:1;animation:sb-pulse 2.2s infinite;pointer-events:none}.shopp-banner__hotspot-trigger-icon{width:14px;height:14px;position:relative;display:block}.shopp-banner__hotspot-trigger-icon:before,.shopp-banner__hotspot-trigger-icon:after{content:"";position:absolute;background-color:#121212;transition:transform .25s var(--hero-ease)}.shopp-banner__hotspot-trigger-icon:before{top:6px;left:0;width:14px;height:2px}.shopp-banner__hotspot-trigger-icon:after{top:0;left:6px;width:2px;height:14px}.shopp-banner__hotspot-trigger:hover{transform:scale(1.1);background-color:#fff;box-shadow:0 6px 18px #00000040}@media screen and (max-width:749px){.shopp-banner__hotspot-trigger{width:var(--hotspot-size-mobile);height:var(--hotspot-size-mobile)}.shopp-banner__hotspot-trigger-icon{width:10px;height:10px}.shopp-banner__hotspot-trigger-icon:before{top:4px;width:10px}.shopp-banner__hotspot-trigger-icon:after{left:4px;height:10px}.shopp-banner__hotspot-trigger:after{top:-6px;left:-6px;right:-6px;bottom:-6px}}.shopp-banner__hotspot.is-active .shopp-banner__hotspot-trigger{background-color:#121212;transform:scale(1.1);box-shadow:0 4px 18px #0000004d}.shopp-banner__hotspot.is-active .shopp-banner__hotspot-trigger-icon:before,.shopp-banner__hotspot.is-active .shopp-banner__hotspot-trigger-icon:after{background-color:#fff}.shopp-banner__hotspot.is-active .shopp-banner__hotspot-trigger-icon:before{transform:rotate(45deg)}.shopp-banner__hotspot.is-active .shopp-banner__hotspot-trigger-icon:after{transform:rotate(45deg)}.shopp-banner__hotspot.is-active .shopp-banner__hotspot-trigger:after{animation:none;opacity:0}.shopp-banner__hotspot-popup{position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%) translateY(10px) scale(.95);width:290px;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.45);border-radius:16px;padding:1.6rem;box-shadow:0 20px 40px #0000001f;opacity:0;visibility:hidden;transition:opacity .25s var(--hero-ease),transform .25s var(--hero-ease),visibility .25s;z-index:12;pointer-events:none}.shopp-banner__hotspot-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:rgba(255,255,255,.75) transparent transparent;pointer-events:none;transition:border-color .25s}.shopp-banner__hotspot.is-active .shopp-banner__hotspot-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.shopp-banner__hotspot-popup.pos-bottom{top:calc(100% + 15px);bottom:auto;transform:translate(-50%) translateY(-10px) scale(.95)}.shopp-banner__hotspot-popup.pos-bottom:after{bottom:100%;top:auto;border-width:0 8px 8px;border-color:transparent transparent rgba(255,255,255,.75)}.shopp-banner__hotspot.is-active .shopp-banner__hotspot-popup.pos-bottom{transform:translate(-50%) translateY(0) scale(1)}.shopp-banner__popup-close{position:absolute;top:1rem;right:1rem;width:20px;height:20px;border:none;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#121212;opacity:.6;transition:opacity .2s;padding:0}.shopp-banner__popup-close:hover{opacity:1}.shopp-banner__popup-content{display:flex;flex-direction:column;gap:1.4rem;position:relative}.shopp-banner__popup-top{display:flex;gap:1.4rem}.shopp-banner__popup-image-wrapper{width:75px;height:95px;border-radius:8px;overflow:hidden;background-color:#00000008;flex-shrink:0}.shopp-banner__popup-image{width:100%;height:100%;object-fit:cover}.shopp-banner__popup-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:1rem}.shopp-banner__popup-vendor{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#121212;opacity:.5;margin-bottom:.4rem;font-weight:500}.shopp-banner__popup-title{font-size:1.4rem;font-weight:600;color:#121212;margin:0 0 .6rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopp-banner__popup-price-container{display:flex;align-items:center;gap:.8rem;font-size:1.4rem}.shopp-banner__popup-price{font-weight:700;color:#121212}.shopp-banner__popup-price--compare{text-decoration:line-through;opacity:.4;font-weight:400;font-size:1.2rem}.shopp-banner__popup-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1.2rem;background:#121212;color:#fff;border:1px solid #121212;border-radius:30px;font-size:1.2rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 10px #00000014;transition:transform .2s var(--hero-ease),background-color .2s var(--hero-ease),color .2s var(--hero-ease),box-shadow .2s var(--hero-ease)}.shopp-banner__popup-button:hover{transform:translateY(-2px);background-color:transparent;color:#121212;box-shadow:0 6px 15px #00000026}@keyframes sb-pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.2);opacity:0}to{transform:scale(.9);opacity:0}}.shopp-banner.animate-enabled .shopp-banner__media{opacity:0;transform:scale(1.02);transition:opacity 1.2s cubic-bezier(.25,1,.5,1),transform 1.2s cubic-bezier(.25,1,.5,1)}.shopp-banner.animate-enabled .shopp-banner__overlay{opacity:0;transition:opacity 1.2s cubic-bezier(.25,1,.5,1)}.shopp-banner.animate-enabled .shopp-banner__subtitle{opacity:0;transform:translateY(15px);transition:opacity .8s var(--hero-ease),transform .8s var(--hero-ease);transition-delay:.2s}.shopp-banner.animate-enabled .shopp-banner__heading{opacity:0;transform:translateY(20px);transition:opacity .8s var(--hero-ease),transform .8s var(--hero-ease);transition-delay:.35s}.shopp-banner.animate-enabled .shopp-banner__text{opacity:0;transform:translateY(15px);transition:opacity .8s var(--hero-ease),transform .8s var(--hero-ease);transition-delay:.5s}.shopp-banner.animate-enabled .shopp-banner__buttons{opacity:0;transform:translateY(15px);transition:opacity .8s var(--hero-ease),transform .8s var(--hero-ease);transition-delay:.65s}.shopp-banner.animate-enabled .shopp-banner__hotspot{opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .6s var(--hero-ease),transform .6s var(--hero-ease);transition-delay:.8s}.shopp-banner.animate-enabled.is-loaded .shopp-banner__media{opacity:1;transform:scale(1)}.shopp-banner.animate-enabled.is-loaded .shopp-banner__overlay{opacity:var(--overlay-opacity, .2)}.shopp-banner.animate-enabled.is-loaded .shopp-banner__subtitle,.shopp-banner.animate-enabled.is-loaded .shopp-banner__heading,.shopp-banner.animate-enabled.is-loaded .shopp-banner__text,.shopp-banner.animate-enabled.is-loaded .shopp-banner__buttons{opacity:1;transform:translateY(0)}.shopp-banner.animate-enabled.is-loaded .shopp-banner__hotspot{opacity:1;transform:translate(-50%,-50%) scale(1)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shoppable-banner.css.map */