:root{--rotate--180:rotate(-180deg);--rotate-90:rotate(90deg);--rotate--90:rotate(-90deg);--brightness:brightness(150%);--filter-ease-in-out:filter 0.3s ease-in-out;--filter-ease-forwards:1.5s ease forwards;--transform-springy:transform 1s linear(0, 0.009, 0.035 2.1%, 0.141, 0.281 6.7%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%, 0.997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--drop-shadow-xs:drop-shadow(0 2px 5px rgba(50, 50, 93, 0.25)) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));--drop-shadow:drop-shadow(-1.5px 1.5px 2px rgba(50, 50, 93, 0.5))}#technologies-diagram-desktop{display:block}#technologies-diagram-mobile{display:none}@media (max-width:700px){#technologies-diagram-desktop{display:none}#technologies-diagram-mobile{display:block}.circle-diagram text{font-size:1.2rem}}.circle-diagram{max-width:100%}.circle-diagram circle{filter:var(--drop-shadow)}.circle-diagram text{font-size:1rem;font-weight:500;font-family:Montserrat,Segoe UI,Calibri,sans-serif;text-anchor:middle;fill:red}.circle-diagram a:focus,.circle-diagram a:focus-visible{outline:0}.circle-diagram a:focus>circle{stroke:var(--clr-primary-blue);stroke-width:5px}.technology-label tspan{font-size:1.4rem;fill:var(--clr-primary-blue)}.technology,.technology-label{filter:grayscale(100%)}.technology:has(a:focus),.technology:hover{filter:grayscale(0%)!important}.technology .arc{transform-box:view-box;transform-origin:75px 75px}.technology--small .arc{transform-origin:75px 50px}.technology:has(a:hover) .arc{filter:var(--brightness);transform:var(--rotate--90)}@media (prefers-reduced-motion:no-preference){.technology .arc{transition:var(--transform-springy),var(--filter-ease-in-out)}.circle-diagram .technology,.circle-diagram .technology-label{opacity:0;animation:fadeIn var(--filter-ease-forwards) var(--fade-delay),var(--sequence-name) 12s infinite calc(var(--fade-delay) + 1s);animation-play-state:paused}.circle-diagram.in-view .technology,.circle-diagram.in-view .technology-label{animation-play-state:running}.circle-diagram:has(.technology a:focus) .technology,.circle-diagram:has(.technology:hover) .technology{animation-play-state:paused}@keyframes fadeIn{to{opacity:1}}.fade-in-delay-100ms{--fade-delay:.1s}.fade-in-delay-200ms{--fade-delay:.2s}.fade-in-delay-300ms{--fade-delay:.3s}.fade-in-delay-400ms{--fade-delay:.4s}.fade-in-delay-500ms{--fade-delay:.5s}.fade-in-delay-600ms{--fade-delay:.6s}.fade-in-delay-700ms{--fade-delay:.7s}.fade-in-delay-800ms{--fade-delay:.8s}.fade-in-delay-900ms{--fade-delay:.9s}.fade-in-delay-1000ms{--fade-delay:1s}.technology--cloud{--sequence-name:cloud-grayscale-sequence}.technology--virtualization{--sequence-name:virtualization-grayscale-sequence}.technology--on-premises{--sequence-name:on-premises-grayscale-sequence}@keyframes cloud-grayscale-sequence{0%,100%,33.33%{filter:grayscale(100%)}27.08%,6.25%{filter:grayscale(0%)}}@keyframes virtualization-grayscale-sequence{0%,100%,33.33%,66.66%{filter:grayscale(100%)}39.58%,60.41%{filter:grayscale(0%)}}@keyframes on-premises-grayscale-sequence{0%,100%,66.66%{filter:grayscale(100%)}72.91%,93.75%{filter:grayscale(0%)}}}