/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/hotspot/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
 .hotspot{position:relative;display:block;aspect-ratio:1/1}@media screen and (min-width:768px){.hotspot{aspect-ratio:16/9}}.hotspot__bg{width:100%;height:100%;border-radius:1rem;-o-object-fit:cover;object-fit:cover;display:block}.hotspot__bg--placeholder{background:var(--wp--preset--color--gray-100,#f0f0f0)}.hotspot__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .35);z-index:15;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.hotspot__overlay.is-visible{opacity:1;pointer-events:auto}.hotspot__marker{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;background:none;border:none;padding:0;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center}.hotspot__marker:hover:not(.is-active) .hotspot__tooltip,.hotspot__marker:focus-visible:not(.is-active) .hotspot__tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.hotspot__pulse{position:absolute;inset:0;border-radius:50%;background:rgb(255 255 255 / .35);animation:hotspot-pulse 2s ease-out infinite}.hotspot__marker.is-active .hotspot__pulse{background:rgba(var(--wp--preset--color--primary-rgb,79,125,232),.4);animation-play-state:paused}.hotspot__dot{width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--wp--preset--color--primary,#4f7de8);position:relative;z-index:1;transition:transform 0.2s ease,background 0.2s ease;flex-shrink:0}.hotspot__marker.is-active .hotspot__dot{background:var(--wp--preset--color--primary,#4f7de8);transform:scale(1.15)}.hotspot__marker:hover:not(.is-active) .hotspot__dot{transform:scale(1.2)}.hotspot__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);min-width:180px;max-width:240px;background:#fff;border-radius:.625rem;padding:var(--wp--preset--spacing--3);box-shadow:0 4px 24px rgb(0 0 0 / .18);opacity:0;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease;text-align:left;white-space:normal;z-index:30}.hotspot__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid #fff0;border-top-color:#fff}.hotspot__tooltip-title{display:block;font-size:var(--wp--preset--font-size--small);font-weight:600;color:var(--wp--preset--color--gray-900,#111);margin-bottom:var(--wp--preset--spacing--1)}.hotspot__tooltip-desc{display:block;font-size:var(--wp--preset--font-size--x-small);color:var(--wp--preset--color--gray-500,#666)}.hotspot__drawer{position:absolute;top:-1px;right:0;height:calc(100% + 1px);width:min(22.5rem, 66.6667%);background:rgb(255 255 255 / .9);border-radius:0 1rem 1rem 0;z-index:25;overflow-y:auto;transform:translateX(100%);transition:transform 0.3s ease;display:flex;flex-direction:column}.hotspot__drawer[hidden]{display:none!important}.hotspot__drawer.is-open{transform:translateX(0)}.hotspot__drawer-close{position:sticky;top:0;align-self:flex-end;margin:var(--wp--preset--spacing--4) var(--wp--preset--spacing--4) 0;background:none;border:none;cursor:pointer;color:var(--wp--preset--color--gray-400,#999);font-size:1.25rem;padding:.25rem;transition:color 0.15s ease;z-index:1}.hotspot__drawer-close:hover{color:var(--wp--preset--color--contrast,#111)}.hotspot__drawer-title{font-size:1rem;font-weight:700;color:var(--wp--preset--color--contrast,#111);padding:var(--wp--preset--spacing--3) var(--wp--preset--spacing--6) 0;margin-bottom:var(--wp--preset--spacing--2)}.hotspot__drawer-desc{font-size:.875rem;color:var(--wp--preset--color--gray-500,#666);padding:0 var(--wp--preset--spacing--6);margin-bottom:var(--wp--preset--spacing--3);line-height:1.5}.hotspot__drawer-content{padding:var(--wp--preset--spacing--6) var(--wp--preset--spacing--5);flex:1}.hotspot__drawer-content p,.hotspot__drawer-content li{font-size:.9375rem;line-height:1.6;color:var(--wp--preset--color--gray-500,#555);margin-bottom:var(--wp--preset--spacing--3)}.hotspot__drawer-content h1,.hotspot__drawer-content h2,.hotspot__drawer-content h3,.hotspot__drawer-content h4,.hotspot__drawer-content h5,.hotspot__drawer-content h6{color:var(--wp--preset--color--contrast,#111);margin-bottom:var(--wp--preset--spacing--3)}.hotspot__drawer-content ul,.hotspot__drawer-content ol{padding-left:var(--wp--preset--spacing--5)}.hotspot__drawer-content img{width:100%;height:auto;border-radius:.5rem;margin-bottom:var(--wp--preset--spacing--4)}.hotspot--always-open .hotspot__drawer{transform:translateX(0);display:flex!important}.hotspot--always-open .hotspot__overlay,.hotspot--always-open .hotspot__drawer-close{display:none}@keyframes hotspot-pulse{0%{transform:scale(1);opacity:1}60%{transform:scale(2.2);opacity:0}100%{transform:scale(2.2);opacity:0}}.block-editor .hotspot__overlay{display:none}.block-editor .hotspot__drawer{position:static;transform:none;width:100%;border-radius:0;border-top:1px dashed var(--wp--preset--color--gray-200,#e5e5e5);margin-top:var(--wp--preset--spacing--4)}.block-editor .hotspot__drawer[hidden]{display:flex!important}.block-editor .hotspot__drawer-close{display:none}.block-editor .hotspot__marker{display:none}.block-editor .hotspot--always-open .hotspot__drawer{position:absolute;top:-1px;right:0;height:calc(100% + 1px);width:min(360px, 90%);border-radius:0 1rem 1rem 0;border-top:none;margin-top:0;transform:translateX(0)}