.gx-pdp-callout[data-gx-callout-ready] .gx-pdp-callout__visual{isolation:isolate}.gx-pdp-callout .gx-pdp-callout__visual>img,.gx-pdp-callout:hover .gx-pdp-callout__visual>img,.gx-pdp-callout[data-gx-callout-ready] .gx-pdp-callout__visual>img{position:relative;z-index:0;transform:none;transition:none}.gx-pdp-callout[data-gx-callout-ready] .gx-pdp-callout__visual:before{content:"";position:absolute;z-index:1;inset:-20% auto -20% 0;width:38%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(205,200,255,.28) 48%,transparent);transform:translate3d(-180%,0,0) skew(-19deg);mix-blend-mode:screen}.gx-pdp-callout[data-gx-callout-entered] .gx-pdp-callout__visual:before{animation:gx-callout-sweep 1.7s cubic-bezier(.22,1,.36,1) both}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot{isolation:isolate;cursor:pointer;touch-action:manipulation;transition:color .34s ease,text-shadow .34s ease,filter .34s ease}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot:before{content:"";position:absolute;z-index:-1;top:-7px;right:-10px;bottom:-7px;left:-10px;pointer-events:none;border:1px solid rgba(117,102,200,.38);border-radius:999px;background:#fffc;box-shadow:0 7px 22px #3528881a;opacity:0;transform:scale(.94);transition:opacity .36s ease,transform .5s cubic-bezier(.22,1,.36,1)}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot.is-active:before,.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot:hover:before,.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot:focus-visible:before{opacity:1;transform:scale(1)}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(#a6a0df,#766bc5);transform:scaleY(0);transform-origin:top center;transition:transform .6s cubic-bezier(.22,1,.36,1)}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot--worlds i:before,.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot--compact i:before{transform-origin:bottom center}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot i:after{transition:box-shadow .35s ease,background-color .35s ease,scale .35s ease}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot.is-active{color:#5344a1;text-shadow:0 0 15px rgba(145,129,226,.22)}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot.is-active i:before{transform:scaleY(1)}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot.is-active i:after{background:#7566c8;animation:gx-callout-beacon 2.4s ease-in-out infinite}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot:focus-visible{outline:2px solid #685ac2;outline-offset:-2px;border-radius:4px}.gx-pdp-callout[data-gx-callout-ready][data-gx-callout-visible=false] .gx-pdp-callout__visual:before,.gx-pdp-callout[data-gx-callout-ready][data-gx-callout-visible=false] .gx-hotspot{animation-play-state:paused}.gx-pdp-callout[data-gx-callout-ready][data-gx-callout-visible=false] .gx-hotspot.is-active i:after{animation-play-state:paused}.gx-pdp-callout[data-gx-callout-entered] .gx-hotspot{animation:gx-callout-arrive .68s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--gx-callout-order, 0) * .11s)}@keyframes gx-callout-sweep{0%{opacity:0;transform:translate3d(-180%,0,0) skew(-19deg)}22%{opacity:.55}82%{opacity:.42}to{opacity:0;transform:translate3d(430%,0,0) skew(-19deg)}}@keyframes gx-callout-arrive{0%{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}@keyframes gx-callout-beacon{0%,to{scale:1;box-shadow:0 2px 8px #0011422e,0 0 0 5px #7c71b329}50%{scale:1.16;box-shadow:0 2px 8px #0011422e,0 0 0 14px #7c71b300}}@media(max-width:989px){.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot--cable i:before{transform-origin:bottom center}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot:before{top:-5px;right:0;bottom:-5px;left:0}.gx-pdp-callout[data-gx-callout-ready] .gx-pdp-callout__visual>img{transform:none}.gx-pdp-callout .gx-hotspot--projection{left:0}.gx-pdp-callout .gx-hotspot--projection i{left:50px}.gx-pdp-callout .gx-hotspot--worlds{left:0}.gx-pdp-callout .gx-hotspot--worlds i{left:61px}.gx-pdp-callout .gx-hotspot--usb{right:0}.gx-pdp-callout .gx-hotspot--usb i{left:114px}.gx-pdp-callout .gx-hotspot--cable{right:0}.gx-pdp-callout .gx-hotspot--cable i{left:105px}}@media(prefers-reduced-motion:reduce){.gx-pdp-callout[data-gx-callout-ready] .gx-pdp-callout__visual>img{transform:none!important;transition:none!important}.gx-pdp-callout__visual:before{display:none!important}.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot,.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot:before,.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot i:before,.gx-pdp-callout[data-gx-callout-ready] .gx-hotspot i:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/galix-pdp-callout-motion.css.map */