.wp-block-psb-product-spot{box-sizing:border-box}.wp-block-psb-product-spot *{box-sizing:border-box}.wp-block-psb-product-spot .productSpotWrapper{width:100%;display:flex}.wp-block-psb-product-spot .productSpotWrapper .productSpot{min-width:250px}.wp-block-psb-product-spot .productSpotWrapper .productSpot .image{width:100%;height:auto;display:block}.wp-block-psb-product-spot .productSpotWrapper .productSpot .hotspot{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(12px, -12px);z-index:1;transition:box-shadow .3s ease;right:0;top:0}.wp-block-psb-product-spot .productSpotWrapper .productSpot .hotspot.activeHotspot{z-index:10;box-shadow:0 0 0 6px rgba(0,0,0,.2)}.wp-block-psb-product-spot .productSpotWrapper .productSpot .hotspot .icon svg{display:flex;justify-content:center;align-items:center}.wp-block-psb-product-spot .productSpotWrapper .productSpot .hotspot .deleteIcon{display:none;position:absolute;top:-12px;left:-12px;background:red;color:#fff;border-radius:50%;padding:0px 6px;font-size:10px;cursor:pointer}.wp-block-psb-product-spot .productSpotWrapper .productSpot .hotspot:hover .deleteIcon{display:block}.wp-block-psb-product-spot .productSpotWrapper .productSpot .simple{position:relative}.wp-block-psb-product-spot .productSpotWrapper .productSpot .simpleInfo{margin-top:15px;box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:5;animation:fade-in .3s ease-in-out}.wp-block-psb-product-spot .productSpotWrapper .productSpot .simpleInfo .title{margin:0}@keyframes fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel{position:relative;gap:24px;display:grid;grid-template-columns:minmax(390px, 3fr) minmax(260px, 2fr);max-width:100%}@media only screen and (max-width: 674px){.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel{grid-template-columns:1fr}}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .imageAndHotspot{height:-moz-max-content;height:max-content;max-width:100%;position:relative}@media(max-width: 1023px){.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .imageAndHotspot{width:100%}}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox{max-width:100%;height:100%;overflow-y:auto;padding:0px}@media(max-width: 1023px){.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox{width:100%}}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox .info{box-shadow:0px 2px 6px rgba(0,0,0,.01);height:100%;overflow:hidden;display:flex;flex-direction:column}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox .info .title{border-bottom:1px solid #e5e7eb;padding-bottom:8px}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox .info .desc{line-height:1.5}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox .info .noHotspot{font-family:"inter";text-align:center}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox .info .btnGroup{display:grid;grid-auto-rows:55px;grid-auto-flow:row;margin-top:20px;overflow-y:auto;flex:1}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox .info .btnGroup .indexBtn{aspect-ratio:1;border:none;outline:none;font-weight:bold;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:center;align-items:center;padding:0}.wp-block-psb-product-spot .productSpotWrapper .productSpot .sidePanel .infoBox .info .btnGroup .indexBtn.activeIdx{box-shadow:none}.wp-block-psb-product-spot .productSpotWrapper .productSpot .tippy{position:relative}.wp-block-psb-product-spot .productSpotWrapper .productSpot .tippy .tippy-box[data-theme~=hotspot]{background-color:#0c50d8;width:300px;min-width:200px;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:20}.wp-block-psb-product-spot .productSpotWrapper .productSpot .tippy .tippy-box[data-theme~=hotspot] .title{margin-bottom:4px}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;right:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;right:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{left:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;left:-7px;transform-origin:center right}.tippy-box[data-placement^=right]>.tippy-arrow{right:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{right:-7px;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(0.54, 1.5, 0.38, 1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
