.ui-shot{background:#f7f9fc;border:1px solid #d5deea;border-radius:13px;overflow:hidden;box-shadow:0 28px 70px rgba(43,61,85,.17),0 3px 10px rgba(43,61,85,.06);font-family:var(--sans);color:#253044;position:relative}.ui-browser{height:25px;background:#fbfcfd;border-bottom:1px solid #e2e7ef;display:flex;align-items:center;gap:5px;padding:0 10px}.ui-browser i{width:6px;height:6px;border-radius:50%;background:#cbd3de}.ui-browser span{font-size:7px;color:#9ba6b5;margin:auto;padding-right:25px}.ui-appbar{height:40px;background:#fff;border-bottom:1px solid #dfe5ed;display:flex;align-items:center;padding:0 14px;gap:22px}.ui-logo{font-size:10px;color:#5478a6;white-space:nowrap}.ui-logo b{font-size:11px;margin-left:3px}.ui-appbar nav{display:flex;gap:13px;flex:1}.ui-appbar nav span{font-size:6.5px;color:#748095;padding:13px 0}.ui-appbar nav span.on{color:#486b97;border-bottom:2px solid #6085b4}.ui-user{width:20px;height:20px;border-radius:6px;background:#e6ecf3;display:grid;place-items:center;font-size:6px;font-weight:700}.ui-layout{display:grid;grid-template-columns:112px 1fr;min-height:350px}.ui-layout aside{background:#fbfcfe;border-right:1px solid #dfe5ed;padding:14px 9px}.ui-layout aside strong{display:block;font-size:8px;margin-bottom:13px}.ui-layout aside span{display:block;font-size:7px;color:#647188;padding:7px 8px;border-radius:5px;margin-bottom:2px}.ui-layout aside span.on{background:#e8eef6;color:#4f709a;font-weight:700}.ui-layout main{padding:16px;min-width:0}.ui-layout main>header{display:flex;justify-content:space-between;align-items:start}.ui-layout h3{font-size:15px;margin:0;letter-spacing:-.02em}.ui-layout header p{font-size:7px;color:#7b8799;margin:2px 0}.ui-layout header button{border:0;border-radius:6px;background:#5579a6;color:white;width:25px;height:25px}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dfe5ed;border-radius:7px;background:#fff;margin:13px 0}.ui-metrics span{padding:8px 10px;border-right:1px solid #e4e8ef}.ui-metrics span:last-child{border:0}.ui-metrics b{display:block;font-size:12px}.ui-metrics small{font-size:5.5px;text-transform:uppercase;color:#8792a3}.ui-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ui-two section,.ui-group,.ui-eln,.ui-assays article,.ui-equipment article,.ui-comp section{border:1px solid #dfe5ed;background:#fff;border-radius:7px;padding:10px}.ui-two h4,.ui-board h4,.ui-comp h4{font-size:7px;margin:0 0 8px;text-transform:uppercase;color:#64738a;letter-spacing:.05em}.ui-two p,.ui-group p,.ui-comp p{font-size:7px;margin:4px 0;display:flex;align-items:center;gap:5px}.ui-two time,.ui-group time,.ui-comp time{margin-left:auto;color:#748198}.ui-group{margin-bottom:8px}.ui-group>b{font-size:6px;color:#5579a6;text-transform:uppercase}.ui-group p{border-top:1px solid #edf0f4;padding-top:6px}.ui-group i{width:7px;height:7px;border:1px solid #94a1b2;border-radius:50%}.ui-group i.cal{border-radius:2px;background:#dce8f5}.ui-group i.done{background:#5e82ad}.ui-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ui-board section{background:#f1f4f8;border-radius:7px;padding:8px}.ui-board article{background:#fff;border:1px solid #dfe5ed;border-radius:6px;padding:8px;margin:6px 0}.ui-board article b,.ui-board article span,.ui-board article em{display:block}.ui-board article b{font-size:7px}.ui-board article span{font-size:6px;color:#7d899a;margin:4px 0}.ui-board article em{font-size:5px;color:#5579a6;font-style:normal}.ui-board article.muted{opacity:.65}.ui-equipment article{display:grid;grid-template-columns:35px 1fr auto;align-items:center;margin-bottom:7px}.eq-icon{width:28px;height:28px;border-radius:6px;background:#e5edf6;display:grid;place-items:center;color:#52749e;font-size:7px;font-weight:700}.ui-equipment b,.ui-equipment span{display:block}.ui-equipment b{font-size:8px}.ui-equipment span{font-size:6px;color:#7c889a}.ui-equipment strong{font-size:6px;color:#8b6b4f}.ui-equipment strong.ok{color:#3d826c}.ui-scheme{height:56px;border:1px solid #dfe5ed;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff}.ui-scheme span{border:1px solid #b8c8da;border-radius:5px;padding:8px;font-size:6px}.ui-scheme b,.ui-scheme i{font-size:8px;color:#65758b}.ui-tabs{display:flex;gap:15px;margin:10px 0;border-bottom:1px solid #dfe5ed}.ui-tabs span,.ui-tabs b{font-size:6px;padding:6px 0}.ui-tabs b{color:#52749d;border-bottom:2px solid #5f83af}.ui-assays{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ui-assays article b,.ui-assays article span{display:block}.ui-assays article b{font-size:8px}.ui-assays article span{font-size:6px;color:#7d899a}.spark{height:55px;display:flex;align-items:end;gap:12px;padding-top:10px;border-bottom:1px solid #cfd7e2}.spark i{width:7px;height:7px;border-radius:50%;background:#5c82af;margin-bottom:10px}.spark i:nth-child(2){margin-bottom:28px}.spark i:nth-child(3){margin-bottom:16px}.spark i:nth-child(4){margin-bottom:35px}.spark i:nth-child(5){margin-bottom:6px}.spark.alt i{background:#4b9187}.ui-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ui-library article{border:1px solid #dfe5ed;background:#fff;border-radius:7px;padding:8px}.mol{height:65px;background:#f4f6f9;border-radius:5px;display:grid;place-items:center;font-size:27px;color:#2e3b50}.ui-library b,.ui-library span,.ui-library small{display:block}.ui-library b{font-size:8px;margin-top:6px}.ui-library span,.ui-library small{font-size:5.5px;color:#7c8899}.ui-comp{display:grid;grid-template-columns:1.2fr .8fr;gap:9px}.protein{height:155px;background:radial-gradient(circle at 35% 45%,#6e8db2,#263a55);border-radius:7px;position:relative;overflow:hidden}.protein i{position:absolute;width:48px;height:18px;border:3px solid rgba(255,255,255,.55);border-radius:50%;transform:rotate(20deg);left:30%;top:20%}.protein i:nth-child(2){left:45%;top:35%;transform:rotate(-30deg)}.protein i:nth-child(3){left:20%;top:58%;transform:rotate(50deg)}.protein i:nth-child(4){left:62%;top:60%;transform:rotate(5deg)}.protein i:nth-child(5){left:55%;top:15%;transform:rotate(70deg)}.protein span{position:absolute;bottom:7px;left:8px;color:#fff;font-size:6px}.ui-comp button{font-size:6px;border:0;background:#5579a6;color:#fff;padding:6px;border-radius:4px}.ui-provisional{position:absolute;right:7px;bottom:5px;font-size:4.5px;color:#a0a9b6}.tour-screen.switching{opacity:.2;transform:scale(.99);transition:.15s}.tour-screen{transition:.15s}
@media(max-width:560px){.ui-layout{grid-template-columns:77px 1fr;min-height:280px}.ui-appbar nav{display:none}.ui-layout aside{padding:10px 6px}.ui-layout main{padding:10px}.ui-shot{border-radius:9px}.ui-board{grid-template-columns:1fr 1fr}.ui-board section:last-child{display:none}.ui-two,.ui-assays,.ui-comp{grid-template-columns:1fr}.ui-comp section{display:none}.ui-library article:last-child{display:none}.ui-library{grid-template-columns:1fr 1fr}.ui-layout aside span{padding:6px 4px}.ui-metrics{margin:8px 0}}