.assessment-thermometer{position:relative;width:105px;height:210px;margin:4px auto}.assessment-thermometer:before{content:"";position:absolute;left:54px;top:12px;width:20px;height:158px;border:4px solid #60736d;border-radius:13px 13px 0 0;background:#fff}.assessment-thermometer:after{content:"";position:absolute;left:43px;bottom:5px;width:43px;height:43px;border:4px solid #60736d;border-radius:50%;background:#e35d4f}.assessment-thermometer .thermo-column{position:absolute;z-index:2;left:62px;bottom:41px;width:8px;background:#e35d4f}.assessment-thermometer .c25,.assessment-thermometer .f68{height:82px}.assessment-thermometer .thermo-scale{position:absolute;left:10px;top:12px;height:152px;display:flex;flex-direction:column;justify-content:space-between}.assessment-thermometer .thermo-scale i{font-style:normal;font-size:13px}.assessment-thermometer>b{position:absolute;right:0;top:6px;color:var(--green)}.graduated-cylinder{position:relative;width:145px;height:190px;margin:auto;border:5px solid #6e939a;border-top:0;border-radius:0 0 17px 17px;background:#fff;overflow:hidden}.graduated-cylinder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0 calc(20% - 2px),#92a7a3 calc(20% - 2px) 20%);opacity:.65}.cylinder-water{position:absolute;z-index:1;inset:auto 0 0;height:var(--water-level,60%);border-top:3px solid #318bb0;background:rgba(70,168,207,.6)}.graduated-cylinder i{position:absolute;z-index:2;right:8px;bottom:var(--mark-level);transform:translateY(50%);padding-left:9px;background:rgba(255,255,255,.72);font-style:normal;font-size:12px;font-weight:800;line-height:1}.graduated-cylinder>b{position:absolute;z-index:2;right:6px;bottom:4px}.displacement-model,.mass-cards,.object-compare{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.displacement-model>span{display:flex;flex-direction:column;justify-content:space-between;width:105px;height:145px;padding:8px;border:4px solid #77989e;border-top:0;border-radius:0 0 14px 14px;background:linear-gradient(to top,rgba(72,167,207,.62) var(--fill),#fff var(--fill))}.displacement-model i{font-style:normal;font-weight:800}.mass-cards span{display:flex;flex-direction:column;min-width:135px;padding:18px;border:1px solid #b8cac5;border-radius:12px;background:#fff}.mass-cards b{font-size:22px;color:var(--green)}.mini-balance{display:grid;grid-template-columns:1fr 55px 1fr;align-items:end;max-width:470px;width:100%;text-align:center}.mini-balance>span{padding:13px;border-bottom:6px solid #60736d;background:#fff}.mini-balance>i{height:75px;border-top:6px solid #60736d;background:linear-gradient(60deg,transparent 49%,#78918b 50% 65%,transparent 66%)}.object-compare span{display:flex;flex-direction:column;gap:7px;padding:15px 25px;border-radius:12px;background:#fff;font-size:42px}.object-compare b{font-size:13px;color:var(--green)}
