.slumber-hotspot-banner{display:block;position:relative;width:100%;overflow:hidden}.slumber-hotspot-banner--medium{min-height:34rem}.slumber-hotspot-banner--large{min-height:56rem}.slumber-hotspot-banner--adapt{min-height:0}.slumber-hotspot-banner--adapt:before{content:"";display:block;width:100%}.slumber-hotspot-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slumber-hotspot-banner__image-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.slumber-hotspot-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.slumber-hotspot-banner__image--desktop{display:none}.slumber-hotspot-banner__image--mobile{display:block}@media screen and (min-width:750px){.slumber-hotspot-banner--medium{min-height:56rem}.slumber-hotspot-banner--large{min-height:72rem}.slumber-hotspot-banner__image--desktop{display:block}.slumber-hotspot-banner__image--mobile{display:none}}.slumber-hotspot-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slumber-hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);z-index:2;transform:translate(-50%,-50%)}.slumber-hotspot__trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--hotspot-size);height:var(--hotspot-size);padding:0;border:0;border-radius:50%;background-color:rgb(var(--hotspot-bg));color:rgb(var(--hotspot-icon-color));cursor:pointer;box-shadow:0 .2rem 1.2rem #0000001f;transition:transform .2s ease,opacity .2s ease}.slumber-hotspot__trigger:hover{transform:scale(1.05)}.slumber-hotspot__trigger img{display:block;width:55%;height:55%;object-fit:contain}.slumber-hotspot__trigger-icon{display:block;font-family:var(--font-body-family);font-size:calc(var(--hotspot-size) * .42);font-weight:700;line-height:1}.slumber-hotspot__popup{position:absolute;left:50%;z-index:3;width:min(28rem,calc(100vw - 4rem));padding:1.6rem 1.8rem;border-radius:1rem;background-color:rgb(var(--hotspot-popup-bg));box-shadow:0 1.2rem 3.2rem #00000024;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.slumber-hotspot--popup-top .slumber-hotspot__popup{bottom:calc(100% + 1.2rem);transform:translate(-50%) translateY(.6rem)}.slumber-hotspot--popup-bottom .slumber-hotspot__popup{top:calc(100% + 1.2rem);transform:translate(-50%) translateY(-.6rem)}.slumber-hotspot__heading{margin:0 0 .6rem;color:rgb(var(--hotspot-popup-heading));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.6rem;line-height:1.25}.slumber-hotspot__text{margin:0;color:rgb(var(--hotspot-popup-text));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.4rem;line-height:1.5}.slumber-hotspot__text p{margin:0}@media screen and (min-width:750px){.slumber-hotspot:hover .slumber-hotspot__popup,.slumber-hotspot:focus-within .slumber-hotspot__popup{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.slumber-hotspot--align-left .slumber-hotspot__popup{left:0;transform:translateY(.6rem)}.slumber-hotspot--align-left:hover .slumber-hotspot__popup,.slumber-hotspot--align-left:focus-within .slumber-hotspot__popup{transform:translateY(0)}.slumber-hotspot--align-right .slumber-hotspot__popup{left:auto;right:0;transform:translateY(.6rem)}.slumber-hotspot--align-right:hover .slumber-hotspot__popup,.slumber-hotspot--align-right:focus-within .slumber-hotspot__popup{transform:translateY(0)}.slumber-hotspot--popup-bottom.slumber-hotspot--align-left .slumber-hotspot__popup,.slumber-hotspot--popup-bottom.slumber-hotspot--align-right .slumber-hotspot__popup{transform:translateY(-.6rem)}.slumber-hotspot--popup-bottom.slumber-hotspot--align-left:hover .slumber-hotspot__popup,.slumber-hotspot--popup-bottom.slumber-hotspot--align-left:focus-within .slumber-hotspot__popup,.slumber-hotspot--popup-bottom.slumber-hotspot--align-right:hover .slumber-hotspot__popup,.slumber-hotspot--popup-bottom.slumber-hotspot--align-right:focus-within .slumber-hotspot__popup{transform:translateY(0)}}@media screen and (max-width:749px){.slumber-hotspot-banner.is-popup-open,.slumber-hotspot-banner.is-popup-open .slumber-hotspot-banner__media{overflow:visible}.slumber-hotspot.is-active{z-index:10}.slumber-hotspot__popup--mobile-portal{opacity:1;visibility:visible;pointer-events:auto;padding:1rem 1.2rem;box-sizing:border-box}.slumber-hotspot__heading{font-size:1.3rem;margin-bottom:.4rem}.slumber-hotspot__text{font-size:1.05rem;line-height:1.45}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-slumber-hotspot-banner.css.map */