.cro-hotspots{background:#fff;color:#1a1d2b;font-family:var(--font-body-family);letter-spacing:0}.cro-hotspots__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "numbers" "details";row-gap:16px;max-width:1200px;margin:0 auto;padding:0 16px}.cro-hotspots__head{grid-area:head;display:flex;flex-direction:column;gap:6px;text-align:center}.cro-hotspots__eyebrow{margin:0;color:#0b9a1c;font-size:11px;font-weight:800;letter-spacing:1.6px}.cro-hotspots__heading{margin:0;color:#1a1d2b;font-family:var(--font-body-family);font-size:24px;font-weight:800;line-height:1.2;letter-spacing:0}.cro-hotspots__media{grid-area:media;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:#fff}.cro-hotspots__figure{position:relative;width:100%}.cro-hotspots__image{display:block;width:100%;height:auto}.cro-hotspots__image.placeholder-svg{aspect-ratio:1 / 1;height:auto}.cro-hotspots__dot{display:flex;flex:0 0 24px;align-items:center;justify-content:center;width:24px;height:24px;border:1.5px solid #323d68;border-radius:50%;background:#fff;color:#1a1d2b;font-size:11px;font-weight:800;line-height:1;transition:background-color .2s ease,border-color .2s ease}.cro-hotspots__marker{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.cro-hotspots__marker:hover .cro-hotspots__dot,.cro-hotspots__row-button:hover .cro-hotspots__dot{background:#dfe3f0}.cro-hotspots__marker.is-active .cro-hotspots__dot,.cro-hotspots__row.is-active .cro-hotspots__dot{border-color:#10c923;background:#10c923;color:#0b2a10}.cro-hotspots__marker:focus-visible{outline:none}.cro-hotspots__marker:focus-visible .cro-hotspots__dot{outline:2px solid #10c923;outline-offset:3px}.cro-hotspots__inner.is-idle .cro-hotspots__marker:not(.is-active) .cro-hotspots__dot{animation:cro-hotspot-pulse 1.8s ease-out infinite}@keyframes cro-hotspot-pulse{0%{box-shadow:0 0 #10c9238c}70%{box-shadow:0 0 0 9px #10c92300}to{box-shadow:0 0 #10c92300}}.cro-hotspots__list{grid-area:list;display:none;margin:0;padding:0;list-style:none}.cro-hotspots__row{border:1.5px solid transparent;border-radius:14px;transition:border-color .2s ease,background-color .2s ease}.cro-hotspots__row.is-active{border-color:#323d68;background:#fff}.cro-hotspots__row-button{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;border:0;background:transparent;color:#1a1d2b;font-family:inherit;text-align:left;cursor:pointer}.cro-hotspots__row.is-active .cro-hotspots__row-button{padding-bottom:6px}.cro-hotspots__row-button:focus-visible{outline:2px solid #10c923;outline-offset:-2px;border-radius:14px}.cro-hotspots__row-title{font-size:16px;font-weight:700}.cro-hotspots__row-text{display:none;margin:0;padding:0 20px 18px 58px;color:#2c3040;font-size:14px;line-height:1.55}.cro-hotspots__row.is-active .cro-hotspots__row-text{display:block}.cro-hotspots__numbers{grid-area:numbers;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px}.cro-hotspots__number{min-height:44px;border:1.5px solid #323d68;border-radius:12px;background:#fff;color:#1a1d2b;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.cro-hotspots__number:hover{background:#dfe3f0}.cro-hotspots__number.is-active{border-color:#10c923;background:#10c923;color:#0b2a10}.cro-hotspots__number:focus-visible{outline:2px solid #10c923;outline-offset:2px}.cro-hotspots__details{grid-area:details;display:grid}.cro-hotspots__detail{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.cro-hotspots__detail.is-active{opacity:1;visibility:visible}.cro-hotspots__detail-title{margin:0 0 4px;font-size:15px;font-weight:800}.cro-hotspots__detail-text{margin:0;color:#2c3040;font-size:13px;line-height:1.55}@media screen and (min-width:750px){.cro-hotspots__inner{max-width:640px}}@media screen and (min-width:990px){.cro-hotspots{background:var(--cro-hs-bg, #f4f5fa)}.cro-hotspots__inner{max-width:1200px;grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"media ." "media head" "media list" "media .";column-gap:64px;row-gap:0;padding:0 40px}.cro-hotspots__media{border-radius:20px;padding:24px}.cro-hotspots__head{gap:12px;text-align:left}.cro-hotspots__eyebrow{font-size:12px}.cro-hotspots__heading{font-size:42px;line-height:1.12}.cro-hotspots__list{display:flex;flex-direction:column;gap:6px;margin-top:28px}.cro-hotspots__numbers,.cro-hotspots__details{display:none}}@media(prefers-reduced-motion:reduce){.cro-hotspots__inner.is-idle .cro-hotspots__marker:not(.is-active) .cro-hotspots__dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-cro-hotspots.css.map */