.bb-hsimg{position:relative;display:block}.bb-hsimg img{display:block}.bb-hs{position:absolute;width:0;height:0;z-index:3}.bb-hs *{box-sizing:border-box}.bb-hs__hit{position:absolute;left:0;top:0;width:92px;height:92px;border-radius:50%;transform:translate(-50%,-50%);z-index:4;cursor:pointer}.bb-hs__ring{position:absolute;left:0;top:0;width:78px;height:78px;z-index:2;transform:translate(-50%,-50%) scale(1);opacity:.88;filter:saturate(1.5) drop-shadow(0 0 2px rgba(3,11,26,.6));transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s,filter .3s;pointer-events:none}.bb-hs__ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#0a84ff00,#0a84fff2,#fffffff2,#0a84ff00);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 0);animation:bbhs-spin 4s linear infinite}.bb-hs__ring:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);box-shadow:0 0 16px 3px #0a84ff99,0 0 0 1.5px #030b1a80;animation:bbhs-attract 3.6s ease-in-out infinite}.bb-hs:hover .bb-hs__ring:after,.bb-hs.is-open .bb-hs__ring:after{animation:none}.bb-hs__dot{position:absolute;left:0;top:0;width:20px;height:20px;transform:translate(-50%,-50%);opacity:.9;transition:opacity .3s;z-index:3;pointer-events:none;background:conic-gradient(from 0deg,#0a84ff,#fff,#0a84ff,#fff,#0a84ff);clip-path:polygon(5% 5%,50% 39%,95% 5%,61% 50%,95% 95%,50% 61%,5% 95%,39% 50%);filter:drop-shadow(0 0 3px rgba(10,132,255,.95)) drop-shadow(0 0 1.5px rgba(3,11,26,.7))}.bb-hs:hover .bb-hs__ring,.bb-hs.is-open .bb-hs__ring{transform:translate(-50%,-50%) scale(.56);opacity:1;filter:saturate(2.1) brightness(1.15) drop-shadow(0 0 2.5px rgba(3,11,26,.65))}.bb-hs:hover .bb-hs__dot,.bb-hs.is-open .bb-hs__dot{opacity:1}.bb-hs__bridge{position:absolute;top:0;width:0;height:58px;transform:translateY(-50%);z-index:1;pointer-events:none}.bb-hs.dir-right .bb-hs__bridge{left:0}.bb-hs.dir-left .bb-hs__bridge{right:0}.bb-hs:hover .bb-hs__bridge,.bb-hs.is-open .bb-hs__bridge{width:88px;pointer-events:auto}.bb-hs__leader{position:absolute;top:0;height:2px;width:0;transform:translateY(-50%);z-index:2;transition:width .34s cubic-bezier(.7,0,.2,1)}.bb-hs.dir-right .bb-hs__leader{left:0;transform-origin:left center;background:linear-gradient(to right,#0a84ff26,#7cc0ff)}.bb-hs.dir-left .bb-hs__leader{right:0;transform-origin:right center;background:linear-gradient(to left,#0a84ff26,#7cc0ff)}.bb-hs:hover .bb-hs__leader,.bb-hs.is-open .bb-hs__leader{width:66px;transition-delay:.14s}.bb-hs__end{position:absolute;top:0;width:11px;height:11px;border-radius:50%;background:#dcefff;box-shadow:0 0 12px 2px #7cc0ffe6;transform:translate(-50%,-50%) scale(0);z-index:3;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.bb-hs.dir-right .bb-hs__end{left:66px}.bb-hs.dir-left .bb-hs__end{right:66px}.bb-hs:hover .bb-hs__end,.bb-hs.is-open .bb-hs__end{transform:translate(-50%,-50%) scale(1);transition-delay:.46s}.bb-hs__card{position:absolute;width:min(280px,78vw);z-index:6;opacity:0;visibility:hidden;background:#fff;color:#0b1622;border-radius:12px;box-shadow:0 16px 46px #0000008c;padding:12px;display:flex;gap:11px;transition:opacity .26s,transform .28s cubic-bezier(.22,1,.36,1),visibility .28s}.bb-hs.dir-right .bb-hs__card{left:74px}.bb-hs.dir-left .bb-hs__card{right:74px}.bb-hs.v-down .bb-hs__card{top:-10px;transform-origin:top}.bb-hs.v-up .bb-hs__card{bottom:-10px;transform-origin:bottom}.bb-hs.dir-right.v-down .bb-hs__card{transform-origin:top left}.bb-hs.dir-left.v-down .bb-hs__card{transform-origin:top right}.bb-hs.dir-right.v-up .bb-hs__card{transform-origin:bottom left}.bb-hs.dir-left.v-up .bb-hs__card{transform-origin:bottom right}.bb-hs.v-down .bb-hs__card{transform:translateY(-10px) scale(.5)}.bb-hs.v-up .bb-hs__card{transform:translateY(10px) scale(.5)}.bb-hs:hover .bb-hs__card,.bb-hs.is-open .bb-hs__card{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:.52s}.bb-hs.bb-hs--hoveroff .bb-hs__card,.bb-hs.bb-hs--hoveroff .bb-hs__leader,.bb-hs.bb-hs--hoveroff .bb-hs__end{opacity:0!important;visibility:hidden!important;transition:none!important}.bb-hs .bb-hs__card{text-align:left!important}.bb-hs .bb-hs__card{background:#08101c80!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:20px!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)){.bb-hs .bb-hs__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)}}.bb-hs .bb-hs__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}.bb-hs .bb-hs__card>*{position:relative;z-index:1}.bb-hs .bb-hs__thumb{width:74px!important;height:74px!important;max-width:74px!important;min-width:74px!important;flex:none!important;margin:0!important;padding:3px;border-radius:8px;background-color:#f3f5f8;background-size:contain;background-repeat:no-repeat;background-position:center;background-origin:content-box}.bb-hs .bb-hs__title{margin:0 0 4px!important;padding:0!important;font-size:13px!important;line-height:1.3!important;font-weight:700!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)!important;text-align:left!important;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bb-hs .bb-hs__price{font-size:12px!important;line-height:1.4!important;color:#ffffffd1!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;margin:0 0 9px!important;padding:0!important;text-align:left!important}.bb-hs .bb-hs__price b{color:#fff!important;font-size:13px!important;font-weight:700!important}.bb-hs .bb-hs__btn{position:relative!important;overflow:hidden!important;z-index:0;display:inline-block;font-size:12px!important;font-weight:700!important;color:#fff!important;background:#006bcc!important;padding:7px 13px!important;border-radius:999px!important;text-decoration:none!important;border:0!important}.bb-hs .bb-hs__btn:hover{color:#fff!important;text-decoration:none!important}.article.js-article .article__content a.bb-hs__btn,.article.js-article .article__content a.bb-hs__btn:hover,.article.js-article .article__content a.bb-hs__btn:focus{text-decoration:none!important;color:#fff!important;font-weight:700!important;box-shadow:none!important;opacity:1!important;transition:none!important}.bb-hs .bb-hs__btnfill{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0055a3!important;border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.bb-hs .bb-hs__btn:hover .bb-hs__btnfill{transform:scaleX(1)}.bb-hs .bb-hs__btnt{position:relative;z-index:1;text-decoration:none!important}.bb-hs .bb-hs__btn:after,.bb-hs .bb-hs__btnt:after,.bb-hs .bb-hs__btn:before{display:none!important;content:none!important;border:0!important;background:none!important}@keyframes bbhs-spin{to{transform:rotate(360deg)}}@keyframes bbhs-attract{0%,68%,to{transform:scale(1);box-shadow:0 0 16px 3px #0a84ff99,0 0 0 1.5px #030b1a80}84%{transform:scale(1.14);box-shadow:0 0 30px 8px #0a84fff2,0 0 0 1.5px #030b1a80}}@media(prefers-reduced-motion:reduce){.bb-hs__ring:before,.bb-hs__ring:after{animation:none}}@media(max-width:768px){body .article.js-article p.text-theme-light.reading-width{padding-left:18px!important;box-sizing:border-box!important}body .article.js-article .article__image .media.relative.text-center.w-full{transform:none!important;left:auto!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}.bb-hs:not(.is-open):hover .bb-hs__card,.bb-hs:not(.is-open):hover .bb-hs__leader,.bb-hs:not(.is-open):hover .bb-hs__end,.bb-hs:not(.is-open):hover .bb-hs__bridge{opacity:0!important;visibility:hidden!important;transition:none!important}.bb-hs:not(.is-open) .bb-hs__ring{transform:translate(-50%,-50%) scale(1)!important;opacity:.88!important;filter:saturate(1.5) drop-shadow(0 0 2px rgba(3,11,26,.6))!important}.bb-hs:not(.is-open) .bb-hs__dot{opacity:.85!important}.bb-hs:not(.is-open) .bb-hs__ring:after{animation:bbhs-attract 3.6s ease-in-out infinite!important}}@media(min-width:769px){body .article.js-article p.text-theme-light.reading-width{text-align:right!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/bb-hotspot.css.map */