.diagram{background-color:var(--black);color:var(--white)}.diagram__item+.diagram__item{margin-top:5rem}.diagram__content{text-align:center}.diagram__content p:last-child{margin-bottom:0}.diagram__title-icon{text-align:center}.diagram__title{font-size:2.2rem;font-weight:800;line-height:1.4;margin-bottom:1.6rem;text-transform:uppercase}.diagram__icon{background-color:var(--teal);border:2px solid var(--teal);border-radius:50%;display:grid;height:18rem;margin:0 auto 3rem;padding:3rem;place-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;width:18rem}@media (min-width:768px){.diagram{padding-bottom:21rem}.diagram__circle{aspect-ratio:1/1;border:6px solid var(--teal);border-radius:50%;height:68rem;margin:0 auto;max-width:calc(100% - 8rem);position:relative;width:68rem}.diagram__item+.diagram__item{margin-top:0}.diagram__content{border-radius:50%;display:grid;inset:0;padding:10rem;place-content:center;position:absolute}.diagram__content--hidden{background-color:var(--white);color:var(--base-color);opacity:0;-webkit-transition:all .2s ease;transition:all .2s ease}.diagram__title-icon{position:absolute;width:18rem;z-index:1}.diagram__title-icon:hover{cursor:pointer}.diagram__title-icon:focus-visible .diagram__icon,.diagram__title-icon:hover .diagram__icon{background-color:#c6fff5}.diagram__title-icon:focus-visible+.diagram__content,.diagram__title-icon:hover+.diagram__content{opacity:1}.diagram__title-icon:focus-visible .diagram__icon-pulse,.diagram__title-icon:hover .diagram__icon-pulse{background-color:transparent}.diagram__title-icon--1{left:-4rem;top:0}.diagram__title-icon--2{right:-4rem;top:0}.diagram__title-icon--3{-webkit-box-orient:vertical;-webkit-box-direction:reverse;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;left:50%;-webkit-transform:translate(-50%,calc(100% - 9rem));transform:translate(-50%,calc(100% - 9rem))}.diagram__title-icon--3 .diagram__title{margin:2rem 0 0}.diagram__icon{margin:0 auto;position:relative}.diagram__icon-pulse{-webkit-animation:burst 2.5s linear infinite;animation:burst 2.5s linear infinite;background:var(--teal);border-radius:50%;content:"";inset:0;position:absolute;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:-1}}@media (min-width:992px){.diagram{padding-bottom:26rem}}@-webkit-keyframes burst{0%{opacity:.8}53.3328%{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}53.33334%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}}@keyframes burst{0%{opacity:.8}53.3328%{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}53.33334%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}}