.certificate_content_item_img{position:relative;width:100%;height:auto;aspect-ratio:16/9}@layer base{:root{--color-primary:#005CA2;--color-title:hsla(0,0%,0%,1);--color-text-secondary:rgba(0,0,0,0.6);--color-body:hsla(0,0%,0%,0.6);--navbar-height:72px;--transition-normal:0.3s ease;--transition-card-float:0.5s ease;--card-lay:0px 2px 4px rgba(0,0,0,0.1),0px 7px 7px rgba(0,0,0,0.09),0px 15px 9px rgba(0,0,0,0.05),0px 27px 11px rgba(0,0,0,0.01),0px 42px 12px rgba(0,0,0,0.01);--card-float:0px 5px 11px rgba(0,0,0,0.1),0px 20px 20px rgba(0,0,0,0.09),0px 45px 27px rgba(0,0,0,0.05),0px 81px 32px rgba(0,0,0,0.01),0px 126px 35px rgba(0,0,0,0.01)}}.handheld__container .fade{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.7) 20%,rgba(255,255,255,0) 65%)}@media (min-width:900px){.handheld__container .fade{background:linear-gradient(90deg,rgba(255,255,255,.6) 10%,rgba(255,255,255,0) 80%)}}.machine__content.bg-image{background-image:url(https://picsum.photos/1050/450);background-size:cover;background-position:50%;background-repeat:no-repeat}.machine__visual--complex{margin-bottom:-12px;aspect-ratio:4/3;position:relative;overflow:hidden}.machine__dot{position:absolute;width:10px;height:10px;right:31.5%;top:61.38%;outline:3px solid white;background-color:var(--color-primary);border-radius:50%;z-index:1}.machine__graph-container{position:absolute;bottom:0;left:0;height:90%;aspect-ratio:1/1;-webkit-mask:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1));mask:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1));mix-blend-mode:multiply;pointer-events:none;overflow:visible}.machine__graph{position:absolute;width:100%;height:100%;overflow:hidden}.machine__graph svg{animation:spin 20s linear infinite;width:420%;height:420%;color:transparent;--base-transform:translate(-25%,-69%)}.machine__graph--mask{background:linear-gradient(to bottom,var(--color-primary) 0,transparent 100%)}@keyframes spin{0%{transform:var(--base-transform) rotate(0deg)}to{transform:var(--base-transform) rotate(1turn)}}.machine__scroll-container{width:100%;height:100%;padding:0 5% 0 15%;flex-direction:row;-webkit-mask:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0));mask:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0))}.machine__scroll-col,.machine__scroll-container{display:flex;gap:max(.6vw,6px);position:relative}.machine__scroll-col{flex:1;flex-direction:column;width:20%;padding-bottom:max(.6vw,6px);height:-moz-fit-content;height:fit-content;animation:scroll 10s linear infinite;--shift:0px}.machine__scroll-col:nth-child(2n){--shift:5%}@keyframes scroll{0%{transform:translateY(0) translateY(var(--shift))}to{transform:translateY(-50%) translateY(var(--shift))}}.machine__scroll-frame{width:100%;aspect-ratio:1/1;background-color:white;box-shadow:0 3px 6px 0 rgba(0,0,0,.15);transition:border .2s ease-in-out;transition-delay:.1s;border:2px solid transparent}.machine__scroll-frame:hover{transition-delay:0s;transition-duration:0s;border:2px solid rgba(0,0,0,.2)}.machine__part--1 .machine--toggle{transition:transform 1.6s ease-in-out,filter 1.6s ease-in-out}.machine__part--1 .machine--toggle.active{transform:translateX(3%)}.machine__part--1 .machine__visual{padding-left:5vw}.machine__part--1 .machine__visual .machine__visual__container .fade{position:absolute;bottom:0;width:100%;height:25%;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,1));z-index:1}.machine__part--1 .machine__visual .machine__visual__container .microscope{position:absolute;width:2%;left:34%;top:37.5%;opacity:.5;aspect-ratio:1/1;transition:box-shadow 2s ease-in-out}.machine__part--1__image.active{filter:saturate(0) opacity(.5)}