.c-hotspot-block{position:relative;display:grid;gap:1rem;grid-auto-rows:auto;margin-bottom:2rem}.c-hotspot-block__image-container,.c-hotspot-block__hotspots-container{grid-row:1/2;grid-column:1/-1}.c-hotspot-block__hotspots-container{position:relative;pointer-events:none}.c-hotspot-block__hotspots-container>*{pointer-events:auto}.c-hotspot-block__image{display:block;width:100%}.c-hotspot-block__caption{font-size:1rem;font-weight:600;text-align:center}.c-hotspot-block__menu{display:none}@media(min-width: 768px){.c-hotspot-block{grid-template-rows:minmax(2rem, auto) auto}.c-hotspot-block__image-container,.c-hotspot-block__hotspots-container{grid-row:2/3;grid-column:1/-1}.c-hotspot-block__menu{display:block;justify-self:end;grid-row:1/2}.c-hotspot-block__details{display:none}}.c-hotspot-block-marker{all:unset;outline:revert;position:absolute;z-index:1;left:var(--hotspot-left);top:var(--hotspot-top);display:flex;justify-content:center;align-items:center;font-size:clamp(.9rem,2vw,1.6rem);width:1.8em;height:1.8em;margin:-0.9em 0 0 -0.9em;border-radius:100%;font-weight:600;text-decoration:none;color:var(--hotspot-block-marker-color);overflow:visible;outline-offset:2px;transition:visibility .3s,opacity .3s,color .15s ease-in-out}.c-hotspot-block-marker::before,.c-hotspot-block-marker::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:100%}.c-hotspot-block-marker::before{background:rgba(255,255,255,.33);opacity:0;pointer-events:none}@media(prefers-reduced-motion: no-preference){.c-hotspot-block-marker::before{animation:c-hotspot-block-marker-pulse 2.3s infinite}}.c-hotspot-block-marker::after{background-color:var(--hotspot-block-marker-background-color);border:.15em solid;transition:background-color .15s ease-in-out,color .15s ease-in-out}.c-hotspot-block-marker__number{font-size:clamp(1rem,1em,1.4rem)}.c-hotspot-block-marker__icon-plus{display:none;width:clamp(1em,100%,1.1em);height:clamp(1em,100%,1.1em);stroke-width:3}.c-hotspot-block-marker--light{--hotspot-block-marker-color: #0b771a;--hotspot-block-marker-background-color: #fff;color:#0b771a}.c-hotspot-block-marker--green{--hotspot-block-marker-color: #fff;--hotspot-block-marker-background-color: #0b771a}.c-hotspot-block-marker--petrol{--hotspot-block-marker-color: #fff;--hotspot-block-marker-background-color: #00828c}.c-hotspot-block-marker:hover{color:var(--hotspot-block-marker-background-color)}.c-hotspot-block-marker:hover::after{background-color:var(--hotspot-block-marker-color)}.c-hotspot-block-marker[aria-expanded=true]::before{visibility:hidden}.c-hotspot-block--hotspots-hidden .c-hotspot-block-popover:not(.c-hotspot-block-popover--expanded) .c-hotspot-block-marker:not(:focus){visibility:hidden;opacity:0}@media(prefers-reduced-motion: no-preference){.c-hotspot-block.c-hotspot-block.c-hotspot-block .c-hotspot-block-popover--enforce-hotspot-visibility .c-hotspot-block-marker{animation:u-a-scale-in .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) backwards}}@media(prefers-reduced-motion: reduce){.c-hotspot-block.c-hotspot-block.c-hotspot-block .c-hotspot-block-popover--enforce-hotspot-visibility .c-hotspot-block-marker{animation:u-a-fade-in .3s backwards}}.c-hotspot-block.c-hotspot-block.c-hotspot-block .c-hotspot-block-popover--enforce-hotspot-visibility .c-hotspot-block-marker{visibility:visible;opacity:1;animation-delay:.1s;animation-duration:.4s}.c-hotspot-block:not(.c-hotspot-block--hotspots-hidden):is(:has(.c-hotspot-block-marker[aria-expanded=true]),:has(.c-hotspot-block-popover--enforce-hotspot-visibility)) .c-hotspot-block-popover:not(.c-hotspot-block-popover--enforce-hotspot-visibility) .c-hotspot-block-marker:not([aria-expanded=true]):not(:focus){opacity:.5}.c-hotspot-block--hotspots-hidden .c-hotspot-block-popover--closed-via-click-outside .c-hotspot-block-marker{transition-delay:1s;transition-duration:1s}@media(min-width: 768px){.c-hotspot-block-marker:not(.c-hotspot-block-marker--number) .c-hotspot-block-marker__number{display:none}.c-hotspot-block-marker:not(.c-hotspot-block-marker--number) .c-hotspot-block-marker__icon-plus{display:block}}@keyframes c-hotspot-block-marker-pulse{0%{opacity:1;transform:scale3d(1, 1, 1)}60%,100%{opacity:0;transform:scale3d(1.6, 1.6, 1)}}.c-hotspot-block-popover__popover{position:absolute;z-index:999;left:var(--hotspot-popover-left);top:var(--hotspot-popover-top);display:grid !important;grid-template-columns:1fr auto;gap:1rem .5rem;width:30ch;max-width:100%;padding:.8rem 1rem 1rem;font-size:1rem;background-color:#f5f5f5;border:1px solid rgba(0,0,0,0);border-radius:.5rem;transition:.3s;transition-property:opacity,visibility}.c-hotspot-block-popover__popover[hidden]{visibility:hidden;opacity:0}.c-hotspot-block-popover__popover :not(.c-hotspot-block-popover__btn-close):not(.c-hotspot-block-popover__title){grid-column:1/-1}.c-hotspot-block-popover__btn-close{all:unset;outline:revert;position:relative;grid-row:1/2;grid-column:-2/-1;margin-right:-0.3rem;display:flex;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;color:#262626;transition:color .2s}.c-hotspot-block-popover__btn-close:hover{color:#000}.c-hotspot-block-popover__btn-close::after{content:"";position:absolute;inset:-0.5em}.c-hotspot-block-popover__icon-close{width:1.2rem;height:1.2rem;stroke-width:3}.c-hotspot-block-popover__title{grid-row:1/2;grid-column:1/2;font-size:1.125rem;font-weight:600;line-height:1.2;margin:0}.c-hotspot-block-popover__image{width:100%}.c-hotspot-block-popover__link{font-size:1.125rem}.c-hotspot-block-menu__btn-toggle{font-size:1rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3em;text-decoration:none}.c-hotspot-block-menu__btn-toggle::after{content:none}.c-hotspot-block-menu__chevron{width:1em;height:1em;stroke-width:3;transition:transform .3s}.c-hotspot-block-menu__btn-toggle[aria-expanded=true] .c-hotspot-block-menu__chevron{transform:rotate(180deg)}.c-hotspot-block-menu__dropdown{font-size:1rem;max-width:calc(100vw - var(--bs-gutter-x))}.c-hotspot-block-menu__group-header{font-size:.9em}.c-hotspot-block-menu__item{display:grid;grid-template-columns:minmax(1.2em, auto) 1fr;gap:.5rem;min-width:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;white-space:wrap}.c-hotspot-block-menu__item-icon{justify-self:center;width:1.2em;height:1.2em}.c-hotspot-block-menu__hotspot-number{justify-self:right;display:block;font-weight:600;font-size:1em;text-align:right}.c-hotspot-block-details{font-size:1rem}.c-hotspot-block-details__summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3em;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;padding:.3rem 0;font-size:1.125rem;font-weight:bold}.c-hotspot-block-details__chevron{width:1em;height:1em;stroke-width:3;transition:transform .3s}.c-hotspot-block-details[open] .c-hotspot-block-details__chevron{transform:rotate(180deg)}.c-hotspot-block-details__content{padding-top:.5rem}.c-hotspot-block-details__item{all:unset;outline:revert;display:grid;grid-template-columns:minmax(1.6em, auto) 1fr;gap:.5rem;align-items:baseline;padding:.3rem 0;line-height:1.2}.c-hotspot-block-details__item-icon{justify-self:center;position:relative;top:.2em;width:1.2em;height:1.2em}.c-hotspot-block-details__list{list-style:none;padding:0;margin:0;margin-top:.7rem}.c-hotspot-block-details__hotspot-number{display:flex;justify-content:center;align-items:center;text-align:center;min-width:1.6em;min-height:1.6em;border:1px solid;border-radius:50%;font-weight:600;font-size:1em}.c-hotspot-block-details__btn-hotspot:hover .c-hotspot-block-details__item-label{text-decoration:underline}.c-hotspot-block-details__item--visibility{color:#262626}.c-hotspot-block-details__item--hotspot{color:#0b771a}.c-hotspot-block-details__item-label{text-decoration:underline}@media(hover: hover)and (pointer: fine){.c-hotspot-block-details__item:hover .c-hotspot-block-details__item-label{text-decoration:none}.c-hotspot-block-details__item:hover{color:#000}.c-hotspot-block-details__item--hotspot:hover{color:#005700}}.c-hotspot-block-details__item--placeholder{filter:blur(5px) grayscale(1) opacity(0.6);pointer-events:none}.c-hotspot-block-details__item--inactive{color:#262626;pointer-events:none}.c-hotspot-block-details__item--inactive .c-hotspot-block-details__item-label{text-decoration:none}