.kwolly-hot-spots{--khs-dot-size: 36px;--khs-dot-size-mobile: 44px;--khs-pulse-duration: 2.6s;--khs-reveal-duration: .22s;--khs-reveal-easing: cubic-bezier(.16, 1, .3, 1)}.kwolly-hot-spots .kwolly-hot-spots__stage{min-height:clamp(340px,88vw,520px)}@media screen and (min-width:700px){.kwolly-hot-spots .kwolly-hot-spots__stage{min-height:clamp(420px,56vw,680px)}}.kwolly-hot-spots__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 0% 100%,rgb(var(--text-primary) / .5) 0%,rgb(var(--text-primary) / .16) 45%,transparent 70%)}.kwolly-hot-spots .kwolly-hot-spots__overlay-text{padding-inline:clamp(1.25rem,2.5vw,2rem);padding-block-start:clamp(1.5rem,3vw,2.5rem);padding-block-end:clamp(2rem,4vw,3.25rem);max-width:520px}.kwolly-hot-spots .kwolly-hot-spots__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);line-height:1.08;margin-block-end:.6em}.kwolly-hot-spots .kwolly-hot-spots__overlay-text .kwolly-hot-spots__title{font-size:clamp(2rem,4.5vw,3.75rem)}.kwolly-hot-spots .kwolly-hot-spots__header-prose .kwolly-hot-spots__title{font-size:clamp(1.5rem,5vw,2.25rem);line-height:1.1}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot{width:var(--khs-dot-size-mobile);height:var(--khs-dot-size-mobile);border-radius:50%;background:rgb(var(--hot-spot-background));color:rgb(var(--hot-spot-text-color));display:grid;place-items:center;position:relative;box-shadow:0 0 0 1.5px rgb(var(--text-primary) / .16),0 2px 10px rgb(var(--text-primary) / .14);transition:transform var(--khs-reveal-duration) var(--khs-reveal-easing),box-shadow var(--khs-reveal-duration) ease}@media screen and (min-width:700px){.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot{width:var(--khs-dot-size);height:var(--khs-dot-size)}}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:after{display:none}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgb(var(--accent) / .65);animation:khs-pulse var(--khs-pulse-duration) ease-out infinite;pointer-events:none;will-change:transform,opacity}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot[aria-expanded=true]{transform:rotate(45deg);box-shadow:0 0 0 2px rgb(var(--accent) / .45),0 4px 16px rgb(var(--text-primary) / .18)}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot[aria-expanded=true]:before{animation:none;opacity:0}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:hover,.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:focus-visible{transform:scale(1.1);box-shadow:0 0 0 2px rgb(var(--accent) / .4),0 6px 18px rgb(var(--text-primary) / .2)}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot[aria-expanded=true]:hover{transform:rotate(45deg) scale(1.05)}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:focus-visible{outline:3px solid rgb(var(--accent));outline-offset:3px}@keyframes khs-pulse{0%{transform:scale(1);opacity:.7}60%{transform:scale(1.55);opacity:.2}to{transform:scale(1.7);opacity:0}}.kwolly-hot-spots .kwolly-hot-spots__popover{--popover-body-padding: 1.5rem 1.5rem calc(2rem + env(safe-area-inset-bottom, 0px)) }.kwolly-hot-spots .kwolly-hot-spots__popover::part(content){background:rgb(var(--background-primary));color:rgb(var(--text-primary));border-radius:14px 14px 0 0}@media screen and (min-width:1000px){.kwolly-hot-spots .kwolly-hot-spots__popover{--popover-body-padding: .875rem 1.125rem 1.125rem;--popover-anchor-inline-spacing: calc(100% + 14px) ;--popover-content-max-width: 260px}.kwolly-hot-spots .kwolly-hot-spots__popover::part(content){background:rgb(var(--hot-spot-content-background) / var(--hot-spot-content-opacity));color:rgb(var(--hot-spot-content-text-color));-webkit-backdrop-filter:blur(var(--hot-spot-content-blur-radius));backdrop-filter:blur(var(--hot-spot-content-blur-radius));border:none;border-left:2.5px solid rgb(var(--hot-spot-background));border-radius:0 6px 6px 0;box-shadow:0 4px 24px rgb(var(--text-primary) / .1),0 1px 6px rgb(var(--text-primary) / .06);width:240px}.kwolly-hot-spots .kwolly-hot-spots__popover::part(title){display:none}.kwolly-hot-spots .kwolly-hot-spots__popover::part(body){text-align:start;padding:var(--popover-body-padding);overflow-y:auto}}.kwolly-hot-spots__popover-body{font-family:var(--text-font-family)}.kwolly-hot-spots__popover-title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:var(--heading-letter-spacing);font-size:.9375rem;line-height:1.25;margin-block-end:.4em;color:inherit}.kwolly-hot-spots__popover-icon{display:block;margin-block-end:.75rem;border-radius:4px}.kwolly-hot-spots__popover-body p{font-size:.875rem;font-weight:var(--text-font-weight);line-height:1.55;margin:0;color:inherit}@media(prefers-reduced-motion:reduce){.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:before{animation:none;opacity:.4}.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot,.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:hover,.kwolly-hot-spots .hot-spot__dot.kwolly-hot-spots__dot:focus-visible{transition:none}}.kwolly-hot-spots__pin+.kwolly-hot-spots__pin .kwolly-hot-spots__dot:before{animation-delay:.52s}.kwolly-hot-spots__pin+.kwolly-hot-spots__pin+.kwolly-hot-spots__pin .kwolly-hot-spots__dot:before{animation-delay:1.04s}.kwolly-hot-spots__pin+.kwolly-hot-spots__pin+.kwolly-hot-spots__pin+.kwolly-hot-spots__pin .kwolly-hot-spots__dot:before{animation-delay:1.56s}.kwolly-hot-spots__pin+.kwolly-hot-spots__pin+.kwolly-hot-spots__pin+.kwolly-hot-spots__pin+.kwolly-hot-spots__pin .kwolly-hot-spots__dot:before{animation-delay:2.08s}@media screen and (max-width:999px){.kwolly-hot-spots__vignette{display:none}}@media screen and (max-width:999px){.kwolly-hot-spots .kwolly-hot-spots__header-prose{padding-inline:clamp(1rem,4vw,1.5rem)}}@media screen and (max-width:999px){.kwolly-hot-spots .kwolly-hot-spots__popover{padding:0;--popover-content-max-height: 55vh;--popover-body-padding: .5rem 1.5rem calc(1.75rem + env(safe-area-inset-bottom, 0px)) }.kwolly-hot-spots .kwolly-hot-spots__popover::part(content){width:100%;border-radius:16px 16px 0 0;padding-block-start:24px;background-color:rgb(var(--background-primary));background-image:radial-gradient(ellipse 36px 4px at 50% 12px,rgb(var(--text-primary) / .18) 100%,transparent 100%)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/Kwolly-hot-spots.css.map */