*,:after,:before{box-sizing:border-box}.wrapper{clear:both;float:center;height:100%;position:relative;width:100%;z-index:999999999}.diagram{font-size:.75em;height:25rem;padding:0;position:relative;width:45rem}.diagram .diagram-icon,.diagram .diagram-label{color:inherit;cursor:default;position:absolute;text-align:center;text-decoration:inherit}.diagram .diagram-icon{color:#539987;font-size:2.8em;height:1.7692307692em;line-height:1.7692307692;padding:0;position:absolute;transform:translate(12%,12%);width:1.7692307692em}.diagram header,.diagram section{color:inherit;list-style:none;position:absolute}.diagram header{align-items:center;background:#e5fef1;border-radius:50%;box-shadow:0 .1rem .2rem rgba(0,0,0,.19);display:flex;height:16em;justify-content:center;left:calc(50% - 8em);top:calc(50% - 8em);width:16em;z-index:1}.center-icon{height:2.1em;margin-bottom:.6em;margin-top:-.8em;object-fit:contain;width:2.1em}.center-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.1em 0 .8em;position:relative;text-align:center;width:100%}.center-icon{color:#539987;display:block;font-size:4em;line-height:0;margin-bottom:.1em;margin-top:0}.center-title{color:#232323;font-size:1em;font-weight:900;line-height:1.1;margin:0 0 .18em;text-transform:uppercase}.center-subtitle,.center-title{display:block;letter-spacing:.01em;text-align:center}.center-subtitle{color:#333;font-size:.75em;font-weight:400;line-height:1.2;margin:0}.diagram header .diagram-label{bottom:1.4em;left:0;white-space:pre;width:100%}.diagram section{height:6.12em;left:50%;margin:-3.06em 0 0 -3.06em;top:50%;transition:transform .2s ease-in-out,z-index 0s .2s;width:6.12em;z-index:0}.diagram section:hover{transform:scale(1.4);transition:transform .2s ease-in-out;z-index:1}.diagram section:hover .diagram-icon{color:#d2ff28}.diagram section:hover .diagram-icon:after{animation:pulses 4s ease-in-out infinite both}.diagram section:focus-within .diagram-popup,.diagram section:hover .diagram-popup{opacity:1;pointer-events:auto;visibility:visible}.diagram section .diagram-icon{background:#fff;border-radius:50%;box-shadow:0 .1rem .2rem rgba(0,0,0,.19);left:0;top:0}.diagram section .diagram-icon:after{border:.1rem solid;border-radius:50%;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.diagram section .diagram-label{transition:color .2s ease-in-out;white-space:pre}.diagram section .diagram-popup{background:#fff;border-radius:.6em;box-shadow:0 .1rem .2rem rgba(0,0,0,.19);left:50%;max-width:50vw;min-width:12rem;opacity:0;padding:0 1.2em 1em;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-in-out,visibility 0s .2s;visibility:hidden;width:10rem;z-index:1002}.diagram-popup-title{background:#539987;border-radius:.6em .6em 0 0;box-shadow:0 2px 4px 0 rgba(83,153,135,.06);color:#fff;font-size:.8em;font-weight:600;letter-spacing:.01em;margin:0 -1rem .8rem;min-width:0;padding:.5em .7em .45em;text-align:center;white-space:nowrap}.diagram-popup{position:absolute!important;z-index:999999999!important}.diagram-popup-maintitle{font-size:1.2em;font-weight:600}.diagram-popup-maindescrip,.diagram-popup-maintitle{letter-spacing:.01em;padding:.5em .7em .45em;text-align:center}.diagram-popup-maindescrip{font-size:1em;font-weight:100}.diagram section .diagram-popup :first-child{margin-top:0}.diagram section .diagram-popup :last-child{margin-bottom:0}.diagram section .diagram-popup:before{background:inherit;content:"";display:none!important;height:.6rem;left:calc(50% - .3rem);position:absolute;top:-.3rem;transform:rotate(45deg);width:.6rem;z-index:99999999}.diagram-star{background:no-repeat 50% 50%/100% 100%;border-radius:75%;margin:4.3em 16.3em}.diagram-star .diagram-icon{border:.1rem solid}.diagram-star section .diagram-label{background:#fff;border-radius:1em;box-shadow:0 2px 4px 0 rgba(83,153,135,.4);color:#222;display:inline-block;font-weight:700;left:50%;padding:.25em 1em;top:calc(100% + 4px);transform:translate(-50%)}.diagram-pulse{background:transparent;border:.15em solid #539987;border-radius:50%;height:2.8em;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:2.8em;z-index:0}.diagram section.active .diagram-pulse{animation:diagram-pulse-animate 1.2s ease-out;opacity:1}@keyframes diagram-pulse-animate{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@media (max-width:40rem){.wrapper:first-child{float:none}.diagram-star{margin:4.3em}}@media (max-width:600px){.diagram{transform:scale(.7);transform-origin:center top;width:25rem}.diagram header{align-items:center;background:#e5fef1;border-radius:50%;box-shadow:0 .1rem .2rem rgba(0,0,0,.19);display:flex;height:12em;justify-content:center;left:calc(50% - 6em);top:calc(50% - 6em);width:12em;z-index:1}.center-icon{color:#539987;display:block;font-size:3em;line-height:0;margin-bottom:.1em;margin-top:0}.center-title{color:#232323;font-size:.7em;font-weight:900;line-height:1.1;margin:0 0 .18em;text-transform:uppercase}.center-subtitle,.center-title{display:block;letter-spacing:.01em;text-align:center}.center-subtitle{color:#333;font-size:.55em;font-weight:400;line-height:1.2;margin:0}}