.hot_dot_box{position:relative}.hot_dot_box:before{content:"";display:block;padding-top:calc(100% / (var(--aspect-ratioapt)))}.hot_dot_box:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:var(--bg-overlay)}.hot_dot_image{position:absolute;top:0;left:0;width:100%;height:100%}.hot_dot_image.img_mb{display:none}.hot_dot_pin{position:absolute;top:var(--ps-top);left:var(--ps-left);transform:translate(calc(-1*var(--ps-left)),calc(-1*var(--ps-top)));width:20px;height:20px;border-radius:50%;box-shadow:0 0 20px #0003;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.hot_dot_pin.active{z-index:11}.hot_dot_pin:before,.hot_dot_pin:after{content:"";display:block;position:absolute;-webkit-animation:zoompin 2s ease infinite;animation:zoompin 2s ease infinite;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:800px;perspective:800px;pointer-events:none}.hot_dot_pin:before{top:-12px;right:-12px;bottom:-12px;left:-12px;background-color:#fff3}.hot_dot_pin:after{top:-6px;right:-6px;bottom:-6px;left:-6px;background-color:#ffffff80}.hot_dot_icon{position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%;border-radius:50%;z-index:1}.hot_dot_icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#565656;width:9px;height:9px;border-radius:50%}.hot_dot_content{display:none;position:absolute;background-color:#fff;border-radius:2px;box-shadow:0 0 20px #0003;padding:20px;cursor:initial;width:var(--content-size);z-index:99}.hot_dot_pin.active .hot_dot_content{display:block}.hot_dot_content.middle_content.center_content,.hot_dot_content.top_content.center_content{left:calc(var(--content-size) / 2 + 10px - var(--content-size));bottom:38px}.hot_dot_content.bottom_content.center_content{left:calc(var(--content-size) / 2 + 10px - var(--content-size));top:38px}.hot_dot_content.middle_content.right_content{left:38px;top:calc(var(--content-height) / 2 + 10px - var(--content-height))}.hot_dot_content.bottom_content.right_content{left:38px;top:0}.hot_dot_content.top_content.right_content{left:38px;bottom:0}.hot_dot_content.middle_content.left_content{right:38px;top:calc(var(--content-height) / 2 + 10px - var(--content-height))}.hot_dot_content.bottom_content.left_content{right:38px;top:0}.hot_dot_content.top_content.left_content{right:38px;bottom:0}.hot_dot_content:before{content:"";position:absolute;width:0px;height:0px}.hot_dot_content.middle_content.center_content:before{left:50%;bottom:-8px;transform:translate(-50%);border-top:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent}.hot_dot_content.top_content.center_content:before{left:50%;bottom:-8px;transform:translate(-50%);border-top:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent}.hot_dot_content.bottom_content.center_content:before{left:50%;top:-8px;transform:translate(-50%);border-bottom:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent}.hot_dot_content.middle_content.right_content:before{left:-8px;top:50%;transform:translateY(-50%);border-right:9px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.hot_dot_content.bottom_content.right_content:before{left:-8px;top:1px;border-right:9px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.hot_dot_content.top_content.right_content:before{left:-8px;bottom:1px;border-right:9px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.hot_dot_content.middle_content.left_content:before{right:-8px;top:50%;transform:translateY(-50%);border-left:9px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.hot_dot_content.bottom_content.left_content:before{right:-8px;top:1px;border-left:9px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.hot_dot_content.top_content.left_content:before{right:-8px;bottom:1px;border-left:9px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.hot_dot_content img{aspect-ratio:1/1;object-fit:cover;margin-bottom:10px}.hot_dot_content h3{font-size:14px;line-height:1.5em;color:currentColor;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:unset}.hot_dot_content a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}@-webkit-keyframes zoompin{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}50%{opacity:.8}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoompin{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}50%{opacity:.8}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@media (max-width: 767px){.hot_dot_box:before{content:"";display:block;padding-top:calc(100% / (var(--aspect-ratioaptmb)))}.hot_dot_image.img_dek{display:none}.hot_dot_image.img_mb{display:unset}.hot_dot_pin{width:12px;height:12px;top:var(--ps-top-mb);left:var(--ps-left-mb);transform:translate(calc(-1*var(--ps-left-mb)),calc(-1*var(--ps-top-mb)))}.hot_dot_icon:before{width:6px;height:6px}.hot_dot_content{width:var(--content-size-mb)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/hot-dot-banner.css.map */