.microfluidics-solution{overflow:hidden;width:100%;display:grid;grid-template-columns:9fr 7fr;gap:var(--spacing-xs)}@media(max-width: 936px){.microfluidics-solution{grid-template-columns:1fr;gap:var(--spacing-md)}}.microfluidics-solution .process{grid-column:1/-1;background:linear-gradient(180deg, rgba(10, 10, 10, 0.4) 0%, var(--card-bg) 100%);padding:50px 25px;width:100%;display:grid;grid-template-columns:auto 20px auto 20px auto;justify-items:center;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}@media(max-width: 936px){.microfluidics-solution .process{grid-template-columns:1fr;gap:var(--spacing-md)}}.microfluidics-solution .process .step{display:grid;justify-items:center;align-items:center;gap:var(--spacing-xs);grid-template-columns:min-content;text-align:center;height:150px}@media(max-width: 936px){.microfluidics-solution .process .step{height:auto;width:150px}}.microfluidics-solution .process .step img{min-width:150px;width:150px}.microfluidics-solution .process .step.last{grid-template-columns:min-content max-content}.microfluidics-solution .process .step.last .hits{display:grid;align-self:normal;align-items:center}@media(max-width: 576px){.microfluidics-solution .process .step.last{grid-template-columns:min-content}.microfluidics-solution .process .step.last .hits{display:none}}.microfluidics-solution .process .second{display:grid;gap:var(--spacing-lg)}.microfluidics-solution .process .second .step{height:auto}@media(max-width: 936px){.microfluidics-solution .process .second{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:var(--spacing-lg);width:100%;justify-content:space-between;justify-items:center}}.microfluidics-solution .process .bracket{position:relative;overflow:hidden;width:100%;height:80%}@media(max-width: 936px){.microfluidics-solution .process .bracket{height:20px;width:60%}}.microfluidics-solution .process .bracket:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;border-radius:6px}.microfluidics-solution .process .bracket:after{content:"";position:absolute;height:1px;width:50%;background:#fff;top:50%}@media(max-width: 936px){.microfluidics-solution .process .bracket:after{height:50%;width:1px}}.microfluidics-solution .process .bracket.open:before{left:50%}@media(max-width: 936px){.microfluidics-solution .process .bracket.open:before{left:0;top:50%}}.microfluidics-solution .process .bracket.open:after{left:0}@media(max-width: 936px){.microfluidics-solution .process .bracket.open:after{left:50%;top:0}}.microfluidics-solution .process .bracket.close:before{left:-50%}@media(max-width: 936px){.microfluidics-solution .process .bracket.close:before{left:0;top:-50%}}.microfluidics-solution .process .bracket.close:after{left:50%}@media(max-width: 936px){.microfluidics-solution .process .bracket.close:after{top:50%}}.microfluidics-solution .device{overflow:hidden}.microfluidics-solution .device header{height:76px;padding:20px;display:flex;align-items:center;justify-content:center}.microfluidics-solution .device header img{height:20px}.microfluidics-solution .device header .title{margin-left:var(--spacing-sm);padding-left:var(--spacing-sm);border-left:1px solid #fff;font-size:14px}.microfluidics-solution .device.onyx header{background:var(--blue)}.microfluidics-solution .device.styx header{background:var(--red)}.microfluidics-solution .device .body{gap:25px;padding:25px;display:grid;justify-items:center}.microfluidics-solution .device .body img{height:300px;width:100%;-o-object-fit:contain;object-fit:contain}.microfluidics-solution .device .body .btn{width:100%;max-width:240px}