:root{--zxs-hotspot-icon-size: 40px;--zxs-hotspot-icon-color: #ffffff;--zxs-hotspot-bg-color: #000000;--zxs-hotspot-border-color: #ffffff;--zxs-hotspot-border-width: 2px}.zxs-hotspot-section{width:100%;position:relative}.zxs-hotspot-container{width:100%;max-width:100%}.zxs-hotspot-image-wrapper{position:relative;width:100%;display:block}.zxs-hotspot-image-desktop{width:100%;height:auto;display:block}.zxs-hotspot-image-mobile{width:100%;height:auto;display:none}@media(max-width:767px){.zxs-hotspot-image-desktop{display:none}.zxs-hotspot-image-mobile{display:block}}.zxs-hotspot-placeholder{width:100%;height:400px;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.zxs-hotspot-placeholder svg{width:50%;height:50%;opacity:.3}.zxs-hotspot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;pointer-events:none}.zxs-hotspot-item{position:absolute;top:var(--zxs-hotspot-top);left:var(--zxs-hotspot-left);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;cursor:pointer;transition:transform .2s ease}@media(max-width:767px){.zxs-hotspot-item{top:var(--zxs-hotspot-top-mobile);left:var(--zxs-hotspot-left-mobile)}}.zxs-hotspot-item:hover{transform:translate(-50%,-50%) scale(1.1)}.zxs-hotspot-link{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}.zxs-hotspot-icon-wrapper{position:relative;width:var(--zxs-hotspot-icon-size);height:var(--zxs-hotspot-icon-size);display:flex;align-items:center;justify-content:center}.zxs-hotspot-icon{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--zxs-hotspot-bg-color);border:var(--zxs-hotspot-border-width) solid var(--zxs-hotspot-border-color);border-radius:50%;transition:all .2s ease}.zxs-hotspot-item:hover .zxs-hotspot-icon{background:var(--zxs-hotspot-border-color);border-color:var(--zxs-hotspot-bg-color)}.zxs-hotspot-icon .icon{color:var(--zxs-hotspot-icon-color);transition:color .2s ease}.zxs-hotspot-icon .icon--medium{width:calc(var(--zxs-hotspot-icon-size) * .45);height:calc(var(--zxs-hotspot-icon-size) * .45)}.zxs-hotspot-item:hover .zxs-hotspot-icon .icon{color:var(--zxs-hotspot-bg-color)}.zxs-hotspot-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--zxs-hotspot-border-color);border-radius:50%;opacity:.4;animation:zxs-hotspot-pulse 2s ease-in-out infinite}@keyframes zxs-hotspot-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:.4}}.zxs-hotspot-label{position:relative;z-index:2;padding:6px 12px;background:#000c;color:#fff;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.zxs-hotspot-item:hover .zxs-hotspot-label{background:#000}.zxs-hotspot-trigger{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:transparent;border:none;cursor:pointer;z-index:3}.zxs-hotspot-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.zxs-hotspot-dialog.is-open{opacity:1;visibility:visible}.zxs-hotspot-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zxs-hotspot-dialog-content{position:relative;z-index:1;width:90%;max-width:500px;max-height:80vh;padding:24px;background:#fff;border-radius:16px;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.zxs-hotspot-dialog.is-open .zxs-hotspot-dialog-content{transform:scale(1)}.zxs-hotspot-dialog-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.zxs-hotspot-dialog-close:hover{background:#e5e5e5;transform:scale(1.1)}.zxs-hotspot-dialog-close .icon{color:#404040}.zxs-hotspot-dialog-title{margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.3;color:#171717}.zxs-hotspot-dialog-body{font-size:15px;line-height:1.6;color:#404040}.zxs-hotspot-dialog-body p{margin:0 0 12px}.zxs-hotspot-dialog-body p:last-child{margin-bottom:0}@media(max-width:767px){.zxs-hotspot-dialog-content{width:100%;max-width:none;max-height:90vh;border-radius:16px 16px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zxs-hotspot.css.map */