.interactive-shed{display:flex;flex-flow:column nowrap;align-items:center}.interactive-shed .diagram{position:relative;width:100%;height:0;padding-top:30%}.interactive-shed .diagram .base{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.interactive-shed .diagram .part{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.interactive-shed .diagram .part-no{position:absolute;cursor:pointer;width:48px;height:48px;display:flex;flex-flow:row nowrap;align-items:center;overflow:visible}.interactive-shed .diagram .part-no .parallelogram{position:absolute;top:0;left:0;width:100%;height:100%}.interactive-shed .diagram .part-no .part-no-text{position:relative;color:var(--color-primary);font-size:1.125rem;width:100%;text-align:center;padding-left:.1em;transition:color .3s ease}.interactive-shed .diagram .part-no:hover .part-no-text,.interactive-shed .diagram .part-no.active .part-no-text{color:var(--color-white)}.interactive-shed .diagram .part-no .parallelogram-fill{fill:var(--color-white);transition:fill .3s ease}.interactive-shed .diagram .part-no:hover .parallelogram-fill,.interactive-shed .diagram .part-no.active .parallelogram-fill{fill:var(--color-primary)}.interactive-shed .diagram .part-no .parallelogram-stroke{fill:var(--color-primary);transition:fill .3s ease}.interactive-shed .diagram .part-no:hover .parallelogram-stroke,.interactive-shed .diagram .part-no.active .parallelogram-stroke{fill:var(--color-white)}@keyframes pulse{from{transform:scale(0.1);opacity:1;border:6px solid var(--color-primary)}to{transform:scale(1.2);opacity:0;border:3px solid var(--color-primary)}}@-webkit-keyframes pulse{from{-webkit-transform:scale(0.1);opacity:1;border:6px solid var(--color-primary)}to{-webkit-transform:scale(1.2);opacity:0;border:3px solid var(--color-primary)}}.interactive-shed .diagram .part-no::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:50%;border:6px solid var(--color-primary);animation-name:pulse;animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-name:pulse;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite}.interactive-shed .content{max-width:900px;min-height:280px}.interactive-shed .content .part-content{display:flex;flex-flow:row nowrap;align-items:center}.interactive-shed .content .part-content .image-wrapper{position:relative;width:100%;height:0;padding-top:28.125%;flex:1}.interactive-shed .content .part-content .image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.interactive-shed .content .part-content .part-text{margin-left:20px;flex:1}@media(max-width:1000px){.interactive-shed .content .part-content{flex-flow:column nowrap;margin-top:40px}.interactive-shed .content .part-content .image-wrapper{position:unset;width:unset;padding-top:unset;flex:unset;width:300px;height:auto}.interactive-shed .content .part-content .image-wrapper img{position:unset;top:unset;left:unset}.interactive-shed .content .part-content .part-text{margin-top:20px;margin-left:unset}}