biotage-hotspot{align-items:center;display:grid;grid-template-areas:"image" "content";grid-template-columns:1fr;grid-template-rows:auto;justify-content:center;grid-gap:var(--space-300);gap:var(--space-300);margin:0 auto}biotage-hotspot .hotspot__content{flex-direction:column;gap:var(--space-50);grid-area:content;-ms-grid-row:3;z-index:1}biotage-hotspot .hotspot__content,biotage-hotspot .hotspot__image{display:flex;-ms-grid-column:1;justify-content:center;position:relative}biotage-hotspot .hotspot__image{align-items:center;grid-area:image;-ms-grid-row:1;height:100%}biotage-hotspot .hotspot__image img{aspect-ratio:1/1;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}biotage-hotspot .hotspot__image .hotspot__hotspot-container{bottom:calc(var(--font-size-100)*2);left:0;position:absolute;right:calc(var(--font-size-100)*2);top:0}biotage-hotspot .hotspot__image .hotspot__hotspot{background:var(--key-color-orange-400);border-radius:50%;color:var(--color-white);cursor:pointer;height:calc(var(--font-size-100)*2.6675);position:absolute;width:calc(var(--font-size-100)*2.6675)}@media (hover:hover){biotage-hotspot .hotspot__image .hotspot__hotspot:hover{opacity:.5}}biotage-hotspot .hotspot__image .hotspot__hotspot:focus-visible{outline:var(--support-border-focused) solid var(--support-color-focused)}biotage-hotspot .hotspot__image .hotspot__hotspot.is-active{opacity:1}biotage-hotspot .hotspot__image .hotspot__hotspot.is-active:after{background:var(--key-color-orange-400);border-radius:50%;bottom:-25%;content:"";left:-25%;opacity:.5;position:absolute;right:-25%;top:-25%}biotage-hotspot .hotspot__image .hotspot__hotspot svg{fill:var(--color-white);padding:.325em;pointer-events:none;position:relative;z-index:1}biotage-hotspot .image--effect-fade img{mask-image:linear-gradient(270deg,#000 20%,transparent 90%);-webkit-mask-image:linear-gradient(270deg,#000 20%,transparent 90%)}biotage-hotspot.hotspot--image-right .image--effect-fade img{mask-image:linear-gradient(90deg,#000 20%,transparent 90%);-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent 90%)}biotage-hotspot .hotspot__text{margin-top:var(--space-50)}biotage-hotspot .hotspot__button{margin-top:var(--space-150)}@media (min-width:768px),print{biotage-hotspot{grid-template-areas:"image content";grid-template-columns:1fr 1fr}biotage-hotspot.hotspot--image-right{grid-template-areas:"content image"}biotage-hotspot .hotspot__content{-ms-grid-column:3;-ms-grid-row:1}biotage-hotspot .hotspot__image,biotage-hotspot.hotspot--image-right>.hotspot__content{-ms-grid-column:1;-ms-grid-row:1}biotage-hotspot.hotspot--image-right>.hotspot__image{-ms-grid-column:3;-ms-grid-row:1}}