.cb-hotspots,.cb-hotspots-block{width:100%}.cb-hotspots__media{position:relative;overflow:hidden}.cb-hotspots__image{display:block;width:100%;height:auto;object-fit:cover}svg.cb-hotspots__image{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.cb-hotspots__pins{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cb-hotspot{position:absolute;left:var(--cb-hs-x, 50%);top:var(--cb-hs-y, 50%);transform:translate(-50%,-50%);z-index:3;pointer-events:auto}.cb-hotspot__trigger{display:flex;align-items:center;justify-content:center;width:var(--cb-hs-size, 36px);height:var(--cb-hs-size, 36px);background:var(--cb-hs-bg, rgba(255, 255, 255, .34));border:none;border-radius:50%;cursor:pointer;position:relative;transition:transform .15s ease-out;padding:0}.cb-hotspot__trigger:hover{transform:scale(1.1)}.cb-hotspot__trigger:focus-visible{outline:2px solid var(--color-primary, #000);outline-offset:2px}.cb-hotspot__trigger:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--cb-hs-size, 36px) * .4);height:calc(var(--cb-hs-size, 36px) * .4);background:var(--cb-hs-bullseye, #fff);border-radius:50%;transform:translate(-50%,-50%);transition:width .15s ease-out,height .15s ease-out}@media screen and (min-width:750px){.cb-hotspot:hover .cb-hotspot__trigger:after,.cb-hotspot:has(.cb-hotspot__dialog[open]) .cb-hotspot__trigger:after{width:calc(var(--cb-hs-size, 36px) * .55);height:calc(var(--cb-hs-size, 36px) * .55)}}.cb-hotspot__trigger:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--cb-hs-bullseye, #fff);opacity:0;animation:cb-hotspot-pulse 2s ease-out infinite}@keyframes cb-hotspot-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}.cb-hotspot__dialog{position:absolute;padding:0!important;margin:0!important;border:0!important;border-radius:var(--style-border-radius-popover, 12px);background:var(--color-background, #fff);color:var(--color-foreground, #000);width:max-content;min-width:var(--cb-hs-dialog-min-w, 240px);max-width:var(--cb-hs-dialog-max-w, 320px);box-shadow:var(--shadow-popover, 0 4px 20px rgb(0 0 0 / .15));overflow:hidden;z-index:10}.cb-hotspot__dialog[data-showing=true]{animation:cb-dialog-show .15s ease-out}.cb-hotspot__dialog[data-closing=true]{animation:cb-dialog-hide .1s ease-in forwards}@keyframes cb-dialog-show{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-dialog-hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.cb-hotspot__dialog[data-placement*=bottom]{top:calc(var(--cb-hs-size, 36px) / 2 + 8px);bottom:unset}.cb-hotspot__dialog[data-placement*=top]{bottom:calc(var(--cb-hs-size, 36px) / 2 + 8px);top:unset}.cb-hotspot__dialog[data-placement$=right]{left:calc(var(--cb-hs-size, 36px) / 2 + 8px);right:unset}.cb-hotspot__dialog[data-placement$=left]{right:calc(var(--cb-hs-size, 36px) / 2 + 8px);left:unset}.cb-hotspot__dialog[data-placement$=center]{left:50%;transform:translate(-50%)}.cb-hotspot__dialog-content{display:flex;flex-direction:column;gap:12px;padding:16px}.cb-hotspot__dialog-content>*{min-width:0}@media screen and (max-width:749px){.cb-hotspot__dialog{min-width:200px;max-width:260px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/custom-cb-hotspots.css.map */