.kef-hotspot{position:absolute}.kef-hotspot:hover .kef-hotspot-content{opacity:1;pointer-events:all}.kef-hotspot:hover .kef-hotspot-button{transform:rotate(45deg)}.kef-hotspot-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%!important;background:#fffffff2;box-shadow:0 0 #0000001a;transition:all .3s;position:relative;border:0;outline:0;-webkit-appearance:none;appearance:none;cursor:pointer}.kef-hotspot-button.pulse{animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 0 24px #fff0}to{box-shadow:0 0 #fff0}}.kef-hotspot-button:before,.kef-hotspot-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background-color:#1f1e1e}.kef-hotspot-button:before{width:14px;height:1px}.kef-hotspot-button:after{width:1px;height:14px}.kef-hotspot-button:hover{transform:rotate(45deg);z-index:1}.kef-hotspot-button:hover+.kef-hotspot-content{opacity:1;pointer-events:all}.kef-hotspot-button.first-active{transform:rotate(45deg);z-index:1}.kef-hotspot-button.first-active+.kef-hotspot-content{opacity:1;pointer-events:all}.kef-hotspot-close{width:23px;height:23px;display:none;align-items:center;justify-content:center;background:transparent;border:0;outline:0;-webkit-appearance:none;appearance:none;cursor:pointer;transform:rotate(45deg)}.kef-hotspot-close:before,.kef-hotspot-close:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background-color:#1f1e1e}.kef-hotspot-close:before{width:11px;height:1px}.kef-hotspot-close:after{width:1px;height:11px}.kef-hotspot-content{position:absolute;z-index:2;min-width:230px;transition:all .1s;opacity:0;pointer-events:none}.kef-hotspot-content .btn{white-space:nowrap}.kef-hotspot.north .kef-hotspot-content,.kef-hotspot.top .kef-hotspot-content{bottom:100%;left:50%;transform:translate(-50%);padding:0 0 12px}.kef-hotspot.south .kef-hotspot-content,.kef-hotspot.bottom .kef-hotspot-content{top:100%;left:50%;transform:translate(-50%);padding:12px 0 0}.kef-hotspot.east .kef-hotspot-content,.kef-hotspot.left .kef-hotspot-content{top:50%;right:100%;transform:translateY(-50%);padding:0 12px 0 0}.kef-hotspot.west .kef-hotspot-content,.kef-hotspot.right .kef-hotspot-content{top:50%;left:100%;transform:translateY(-50%);padding:0 0 0 12px}.kef-hotspot.north-east .kef-hotspot-content,.kef-hotspot.top-left .kef-hotspot-content{bottom:100%;right:100%;transform:translate(0);padding:0 6px 6px 0}.kef-hotspot.north-west .kef-hotspot-content,.kef-hotspot.top-right .kef-hotspot-content{bottom:100%;left:100%;transform:translate(0);padding:0 0 6px 6px}.kef-hotspot.south-east .kef-hotspot-content,.kef-hotspot.bottom-left .kef-hotspot-content{top:100%;right:100%;transform:translate(0);padding:6px 6px 0 0}.kef-hotspot.south-west .kef-hotspot-content,.kef-hotspot.bottom-right .kef-hotspot-content{top:100%;left:100%;transform:translate(0);padding:6px 0 0 6px}.kef-hotspot.north-east.side .kef-hotspot-content,.kef-hotspot.top-left.side .kef-hotspot-content{bottom:100%;right:0%;padding:0 0 12px}.kef-hotspot.north-west.side .kef-hotspot-content,.kef-hotspot.top-right.side .kef-hotspot-content{bottom:100%;left:0%;padding:0 0 12px}.kef-hotspot.south-east.side .kef-hotspot-content,.kef-hotspot.bottom-left.side .kef-hotspot-content{top:100%;right:0%;padding:12px 0 0}.kef-hotspot.south-west.side .kef-hotspot-content,.kef-hotspot.bottom-right.side .kef-hotspot-content{top:100%;left:0%;padding:12px 0 0}.kef-hotspot-content-wrapper{padding:8px;background-color:#fff;box-shadow:0 0 12px #0000001a,0 0 4px #0000004d;border-radius:4px}@media(max-width:480px){body.hotspot-overlay-active{overflow:hidden}body.hotspot-overlay-active .kef-hotspot-overlay{opacity:1;pointer-events:all}body.hotspot-overlay-active #header,body.hotspot-overlay-active .sticky-menu-section{z-index:2}body.hotspot-overlay-active .sticky-add-to-cart__bar{display:none}.kef-hotspot:hover .kef-hotspot-content{opacity:0;pointer-events:none}.kef-hotspot:hover .kef-hotspot-button{transform:rotate(0)}.kef-hotspot-button:hover{transform:rotate(0);z-index:1}.kef-hotspot-button.active{transform:rotate(45deg);z-index:1}.kef-hotspot-button.active+.kef-hotspot-content{opacity:1;pointer-events:all;transform:translate(0)!important;z-index:1003}.kef-hotspot-button.active~.kef-hotspot-overlay{opacity:1;pointer-events:all}.kef-hotspot-button.first-active{transform:rotate(0);z-index:1}.kef-hotspot-button.first-active+.kef-hotspot-content{opacity:0;pointer-events:none;transform:translateY(100%)!important}.kef-hotspot-close{display:flex;opacity:1;position:absolute!important;top:20px;right:20px}.kef-hotspot-overlay{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000025;z-index:var(--layer-overlay, 16);opacity:0;pointer-events:none}.kef-hotspot-content{position:fixed;top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:translateY(100%)!important;margin:0!important;padding:0!important;transition:all .3s;width:100%;z-index:calc(var(--layer-overlay, 16) + 1)}.kef-hotspot-content-wrapper{padding:20px 20px 24px;background-color:#fff;box-shadow:none}.kef-hotspot-overlay{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1001;opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kef-hotspots.css.map */