.hotspots{color:var(--ds-color-midnight-500);padding:12px 1.25rem 17px}.hotspots--pdp{padding:0}.hotspots__inner{display:grid;gap:8px;inline-size:100%;margin-inline:auto;overflow:hidden}.hotspots__content{background:var(--ds-color-background);border-radius:8px;display:flex;flex-direction:column;gap:16px;justify-content:center;min-block-size:284px;padding:32px 24px}.hotspots__heading{font-family:var(--ds-font-heading);font-size:24px;font-weight:700;line-height:normal;margin:0;max-inline-size:458px}.hotspots__body{font-family:var(--ds-font-body);font-size:16px;line-height:24px;max-inline-size:458px}.hotspots__body>:first-child,.hotspots__overlay-body>:first-child{margin-block-start:0}.hotspots__body>:last-child,.hotspots__overlay-body>:last-child{margin-block-end:0}.hotspots__body p,.hotspots__overlay-body p{margin:0}.hotspots__body p+p,.hotspots__body p+ul,.hotspots__body p+ol,.hotspots__body ul+p,.hotspots__body ol+p,.hotspots__overlay-body p+p,.hotspots__overlay-body p+ul,.hotspots__overlay-body p+ol,.hotspots__overlay-body ul+p,.hotspots__overlay-body ol+p{margin-block-start:.75em}.hotspots__body ul,.hotspots__overlay-body ul{list-style:disc outside;margin:.75em 0;padding-inline-start:1.25em}.hotspots__body ol,.hotspots__overlay-body ol{list-style:decimal outside;margin:.75em 0;padding-inline-start:1.25em}.hotspots__body li+li,.hotspots__overlay-body li+li{margin-block-start:.25em}.hotspots__body :where(strong,b),.hotspots__overlay-body :where(strong,b){font-weight:700}.hotspots__body :where(em,i),.hotspots__overlay-body :where(em,i){font-style:italic}.hotspots__body a,.hotspots__overlay-body a{text-decoration:underline}.hotspots__button-wrap{margin-block-start:8px}.hotspots__button{display:inline-flex;min-block-size:48px;align-items:center;justify-content:center;border-radius:999px;padding:12px 24px;text-decoration:none}.hotspots__media{background:var(--ds-color-ivory-200);border-radius:8px;margin:0;min-block-size:345px;overflow:hidden;position:relative}.hotspots__media-frame{block-size:100%;inline-size:100%;min-block-size:inherit;position:relative}.hotspots__media-frame picture{display:block;block-size:100%;inline-size:100%}.hotspots__media-item,.hotspots__placeholder{block-size:100%;display:block;inline-size:100%;object-fit:cover;object-position:center center}.hotspots__placeholder{aspect-ratio:var(--hotspots-aspect-ratio, 1 / 1);color:var(--ds-color-soft-lilac-500)}.hotspots__markers{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.hotspots__marker{--marker-size: 20px;align-items:center;background:var(--hotspot-color, var(--ds-color-midnight-500));block-size:var(--marker-size);border:0;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;inline-size:var(--marker-size);justify-content:center;left:var(--hotspot-x-mobile, var(--hotspot-x, 50%));pointer-events:auto;position:absolute;top:var(--hotspot-y-mobile, var(--hotspot-y, 50%));transform:translate(-50%,-50%);z-index:2}.hotspots__marker.is-active{background:#fff;color:var(--hotspot-color, var(--ds-color-midnight-500))}.hotspots__marker-label{font-family:var(--ds-font-body);font-size:10px;font-weight:700;line-height:1;position:relative;z-index:1}.hotspots__pulse{animation:hotspots-pulse 2s ease-out infinite;background:var(--hotspot-color, var(--ds-color-midnight-500));block-size:100%;border-radius:50%;display:block;inline-size:100%;top:0;right:0;bottom:0;left:0;opacity:.45;position:absolute}.hotspots__marker.is-active .hotspots__pulse{background:#fff}.hotspots__overlay{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}.hotspots__overlay:not([hidden]){pointer-events:auto}.hotspots__overlay-panel{background:var(--ds-color-mammfeel-50);border-radius:8px;color:var(--ds-color-midnight-500);max-inline-size:min(280px,calc(100% - 24px));opacity:0;padding:13px 19px;pointer-events:none;position:absolute;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}.hotspots__overlay-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hotspots__overlay-panel{transition:none;transform:none}}.hotspots__overlay-body{font-family:var(--ds-font-body);font-size:14px;line-height:1.5}.hotspots__overlay-heading{font-weight:700;margin:0 0 4px}.hotspots__empty{color:var(--ds-color-midnight-500);font-size:14px;margin:0;padding:24px}@keyframes hotspots-pulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(2.4)}to{opacity:0;transform:scale(2.4)}}@media(min-width:990px){.hotspots__marker{left:var(--hotspot-x, 50%);top:var(--hotspot-y, 50%)}.hotspots:not(.hotspots--pdp){padding:12px 1rem 17px}.hotspots__inner{gap:0;grid-template-columns:repeat(2,minmax(0,1fr));min-block-size:674px}.hotspots:not(.hotspots--no-content) .hotspots__content{border-radius:8px 0 0 8px;grid-column:1;grid-row:1;min-block-size:674px}.hotspots:not(.hotspots--no-content) .hotspots__media{border-radius:0 8px 8px 0;grid-column:2;grid-row:1;min-block-size:674px}.hotspots--no-content:not(.hotspots--pdp) .hotspots__media{grid-column:1 / -1}.hotspots--pdp.hotspots--no-content .hotspots__inner,.hotspots--no-content .hotspots__inner,.hotspots--pdp:not(.hotspots--no-content) .hotspots__inner{grid-template-columns:minmax(0,1fr)}.hotspots--pdp:not(.hotspots--no-content) .hotspots__content{border-radius:8px;grid-column:1;min-block-size:0;padding:32px 24px}.hotspots--pdp:not(.hotspots--no-content) .hotspots__media{border-radius:8px;grid-column:1}.hotspots__content{padding:96px clamp(48px,8vw,127px) 96px clamp(48px,8vw,119px)}.hotspots--pdp .hotspots__content{padding:32px 24px}.hotspots__heading{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/174/assets/hotspots.css.map */