.rcbl-hotspots{display:grid;gap:3rem}@media (min-width: 1113px){.rcbl-hotspots{grid-template-columns:1fr 1.2fr;align-items:start}}@media (max-width: 1112px){.rcbl-hotspots{padding-inline:var(--dst--page-gutter)}}.rcbl-hotspots__left{display:grid;gap:1.2rem}@media (min-width: 1113px){.rcbl-hotspots__left{padding-left:calc(var(--c-shift) - var(--dst--page-gutter, 20px) - 1rem)}}.rcbl-hotspots__right{position:relative}.rcbl-hotspots__stage{position:relative;inline-size:100%}.rcbl-hotspots__stage:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(47.94% 47.94% at 50.05% 47.56%,#f4f9ff00,#f4f9ff)}.rcbl-hotspots__img{display:block;inline-size:100%;block-size:auto;border-radius:12px}.rcbl-hotspots .c-block{--c-block__title-size: 2rem;cursor:pointer}@media (min-width: 1113px){.rcbl-hotspots .c-block{--c-block__title-size: 2.4rem;max-height:160px;transition:box-shadow .3s ease-in-out}}@media (min-width: 1113px) and (hover: hover){.rcbl-hotspots .c-block:hover{box-shadow:0 0 0 3px color-mix(in oklab,var(--c-block__block-color, var(--dst--primary-color1)) 40%,transparent);transition:box-shadow .3s ease-in-out}}.rcbl-hotspots .c-block__content{display:none}.rcbl-hotspots .c-block__title{margin:0}.rcbl-hotspots .c-block__body{justify-content:center;z-index:2;position:relative}@media (min-width: 1113px){.rcbl-hotspots .c-block__body{min-height:80px}}.rcbl-hotspots .c-block__body:after{background-position:right center;right:16px;height:100%;bottom:0}@media (max-width: 1112px){.rcbl-hotspots .c-block__body{min-height:unset}}.rcbl-hotspots .c-block__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06080f00 1.81%,#06080fb3 97%)}.rcbl-hotspots .c-block .c-media{aspect-ratio:unset}@media (max-width: 1112px){.rcbl-hotspots .c-block .c-media{aspect-ratio:16/9}}.c-hotspot-wrap{position:absolute;z-index:2}.c-hotspot-wrap:has(.is-active){z-index:3}.c-hotspot-tooltip{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;margin-left:-4rem;max-width:30rem;margin-top:1rem;z-index:3;position:relative;background:#fff;padding:2rem;border-radius:1rem}@media (min-width: 1113px){.c-hotspot-tooltip{max-width:33rem}}.c-hotspot-tooltip__title{font-size:1.8rem;letter-spacing:-.05em;font-weight:600}@media (min-width: 1113px){.c-hotspot-tooltip__title{font-size:2.2rem}}.c-hotspot-tooltip__desc{font-size:1.6rem;letter-spacing:-.05em;line-height:1.5;margin-top:.8rem}@media (min-width: 1113px){.c-hotspot-tooltip__desc{font-size:1.6rem}}.c-hotspot{--pin-color: var(--dst--primary-color3);inline-size:19px;block-size:19px;border-radius:50%;border:0;padding:0;background:var(--pin-color);box-shadow:0 0 #ffffff40,0 0 0 8px color-mix(in oklab,var(--pin-color) 25%,transparent);transform:translate(-50%,-50%);cursor:pointer;transition:box-shadow .3s ease-in-out}.c-hotspot:after{content:"";border-radius:50%;inline-size:19px;block-size:19px;display:block;pointer-events:none;box-shadow:0 0 #ffffff40,0 0 0 8px color-mix(in oklab,var(--pin-color) 25%,transparent);animation:dst-pulse 2.2s ease-out infinite}.c-hotspot.is-active+.c-hotspot-tooltip,.c-hotspot:hover+.c-hotspot-tooltip{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.c-hotspot:focus{outline:none}.c-hotspot:before{content:"";position:absolute;inset:-20px}.c-hotspot:is(:hover,:focus-visible,.is-active){outline:0;box-shadow:0 0 0 6px #fff6,0 0 0 14px color-mix(in oklab,var(--pin-color) 35%,transparent);transition:box-shadow .3s ease-in-out}.m-block:has(.rcbl-hotspots) .m-block__container{padding-inline:0}