hotspots-image .hotspot__btn{width:46px;height:46px;background:#08101c3d!important;border:0!important;border-radius:50%;opacity:1!important;overflow:visible;box-shadow:0 2px 10px #00000038;animation:bbhs-ping 3s ease-out infinite;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s}hotspots-image .hotspot__btn:hover,hotspots-image .hotspot.is-active .hotspot__btn{background:#08101c57!important;animation:none;box-shadow:0 3px 14px #00000047}@media(min-width:769px){hotspots-image .hotspot__btn{width:54px;height:54px;-webkit-backdrop-filter:blur(3px) saturate(135%);backdrop-filter:blur(3px) saturate(135%)}}hotspots-image .hotspot__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#1184ff00,#1184ff,#fff,#1184ff00)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:bbhs-spin 4s linear infinite!important;opacity:1;filter:saturate(1.4) brightness(1.06);transition:opacity .3s,filter .3s;pointer-events:none}hotspots-image .hotspot__btn:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);box-shadow:0 0 15px 2px #1184ff99;pointer-events:none}hotspots-image .hotspot__btn:hover:before,hotspots-image .hotspot.is-active .hotspot__btn:before{opacity:1;filter:saturate(1.8) brightness(1.15);animation-duration:2.4s!important}hotspots-image .hotspot__btn:hover:after,hotspots-image .hotspot.is-active .hotspot__btn:after{animation:none;border-color:#ffffffd9;box-shadow:0 0 22px 5px #1184ffe6}hotspots-image .hotspot__btn>.icon{position:absolute;top:50%;left:50%;width:17px;height:17px;margin:0;transform:translate(-50%,-50%);background:#fff;clip-path:polygon(5% 5%,50% 39%,95% 5%,61% 50%,95% 95%,50% 61%,5% 95%,39% 50%);filter:drop-shadow(.7px 0 0 rgba(0,15,28,.95)) drop-shadow(-.7px 0 0 rgba(0,15,28,.95)) drop-shadow(0 .7px 0 rgba(0,15,28,.95)) drop-shadow(0 -.7px 0 rgba(0,15,28,.95))}hotspots-image .hotspot__btn>.icon>*{display:none!important}@media(min-width:769px){hotspots-image .hotspot__btn>.icon{width:19px;height:19px}}hotspots-image .hotspot.is-active .hotspot__btn{transform:none!important}hotspots-image .hotspot__btn>.icon,hotspots-image .hotspot__btn>.visually-hidden{pointer-events:none}hotspots-image .hotspot__card{background:#08101c80!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:18px!important;overflow:hidden;-webkit-backdrop-filter:blur(12px) saturate(150%) brightness(.82);backdrop-filter:blur(12px) saturate(150%) brightness(.82);box-shadow:0 20px 52px #00000057,inset 0 2px 1px #fff,inset 0 0 0 1.5px #ffffff52,inset 18px 0 34px -22px #ffffff9e,inset -18px 0 34px -22px #ffffff9e,inset 0 18px 32px -22px #ffffff8c,inset 0 -18px 34px -22px #ffffff9e,inset 0 0 30px 2px #121c2c1f!important}@supports (backdrop-filter: url(#bbhs-liquid)) or (-webkit-backdrop-filter: url(#bbhs-liquid)){hotspots-image .hotspot__card{background:#08101c73!important;-webkit-backdrop-filter:url(#bbhs-liquid) blur(1px) saturate(135%) brightness(.78);backdrop-filter:url(#bbhs-liquid) blur(1px) saturate(135%) brightness(.78)}}hotspots-image .hotspot__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:5;background:radial-gradient(110% 55% at 22% -22%,#ffffff6b,#fff0 50%),linear-gradient(135deg,#ffffff4d,#fff0 20%);mix-blend-mode:screen}hotspots-image .hotspot__card>*{position:relative;z-index:1}hotspots-image .hotspot__card,hotspots-image .hotspot__card .rte,hotspots-image .hotspot__card p,hotspots-image .hotspot__card h2,hotspots-image .hotspot__card h3,hotspots-image .hotspot__card h4,hotspots-image .hotspot__card h5,hotspots-image .hotspot__card h6,hotspots-image .hotspot__card a,hotspots-image .hotspot__card .card__vendor{color:#fff!important}hotspots-image .hotspot__card h6,hotspots-image .hotspot__card .h5,hotspots-image .hotspot__card h2,hotspots-image .hotspot__card h3,hotspots-image .hotspot__card h4,hotspots-image .hotspot__card h5{text-shadow:0 1px 3px rgba(0,0,0,.55)}hotspots-image .hotspot__card .rte{color:#ffffffe6!important}hotspots-image .hotspot__card .card__vendor{color:#ffffffb8!important}hotspots-image .hotspot__card hr{border:0!important;border-top:1px solid rgba(255,255,255,.25)!important;background:none!important}hotspots-image .hotspot__card .price,hotspots-image .hotspot__card .theme-money,hotspots-image .hotspot__card .price *{color:#fff!important}hotspots-image .hotspot__card img{border-radius:8px}@media(max-width:768px){hotspots-image .hotspot__btn{width:37px!important;height:37px!important}hotspots-image .hotspot__btn>.icon{width:14px;height:14px}hotspots-image .hotspot__card{width:min(300px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;transform:translate(-50%)!important;background:#08101ca3!important}hotspots-image .hotspot.is-active .hotspot__card{transform:translate(-50%)!important}}@keyframes bbhs-spin{to{transform:rotate(360deg)}}@keyframes bbhs-ping{0%{box-shadow:0 2px 10px #00000038,0 0 #1184ff99}45%{box-shadow:0 2px 10px #00000038,0 0 0 15px #1184ff00}to{box-shadow:0 2px 10px #00000038,0 0 0 15px #1184ff00}}@media(prefers-reduced-motion:reduce){hotspots-image .hotspot__btn,hotspots-image .hotspot__btn:before,hotspots-image .hotspot__btn:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/bb-native-hotspots.css.map */