.annotated-module{display:grid;grid-template-columns:repeat(3,1fr);gap:70px}.annotated-module .image-wrapper{grid-column:span 2;position:relative;width:100%;height:0;padding-top:100%}.annotated-module .image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.annotated-module .image-wrapper .annotation{position:absolute;width:0;height:0;padding:20px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;font-size:1.375rem;font-weight:700;letter-spacing:1px;white-space:nowrap;border-radius:50%;border:1px solid var(--color-logo-dark);color:var(--color-logo-dark);background-color:var(--color-background-light);transition-property:border,color,background-color;transition-duration:.6s;transition-timing-function:ease;cursor:pointer}@keyframes pulse{0%{transform:scale(1);opacity:1;border:3px solid var(--color-primary)}to{transform:scale(2.2);opacity:0;border:1px solid var(--color-primary)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);opacity:1;border:3px solid var(--color-primary)}to{-webkit-transform:scale(2.2);opacity:0;border:1px solid var(--color-primary)}}.annotated-module .image-wrapper .annotation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:50%;background:var(--color-text-hyperlink);animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.annotated-module .image-wrapper .annotation.active{border:1px solid var(--color-background-light);color:var(--color-background-light);background-color:var(--color-logo-dark);cursor:default}.annotated-module .image-wrapper .annotation.active:before{position:static}.annotated-module .contents .close{display:none;margin-left:auto;margin-bottom:10px;fill:var(--color-text-hyperlink);cursor:pointer}.annotated-module .content{display:none}.annotated-module .content.active{display:block}.annotated-module .content img{max-width:100%}@media screen and (max-width:1000px){.annotated-module{grid-template-columns:repeat(1,1fr);gap:20px;position:relative}.annotated-module .image-wrapper{grid-column:span 1}.annotated-module.active .image-wrapper,.annotated-module .contents{display:none}.annotated-module.active .contents{display:block;background-color:var(--color-background-section-alternate);padding:20px}.annotated-module .contents .close{display:flex}}