.tr-thermometer{--tr-zero-bottom:98px;--tr-step:8px;--tr-liquid-bottom:50px;--tr-liquid-base-height:50px;position:relative;display:block;width:280px;max-width:100%;height:470px;overflow:hidden;border-radius:18px;background:#fff}.tr-tube{position:absolute;right:calc(50% - 18px);bottom:42px;left:calc(50% - 18px);height:382px;border:4px solid #325361;border-radius:18px;background:#fff}.tr-liquid{position:absolute;right:calc(50% - 9px);bottom:var(--tr-liquid-bottom);left:calc(50% - 9px);height:calc(var(--tr-liquid-base-height) + var(--tr-temperature) * var(--tr-step));border-radius:12px 12px 0 0;background:#dc4337}.tr-bulb{position:absolute;bottom:-23px;left:calc(50% - 22px);width:44px;height:44px;border:4px solid #325361;border-radius:50%;background:#dc4337}.tr-scale{position:absolute;inset:0;pointer-events:none}.tr-tick{position:absolute;right:68px;bottom:calc(var(--tr-zero-bottom) + var(--tr-degree) * var(--tr-step));width:20px;height:2px;background:#325361}.tr-tick-major{width:32px;height:4px}.tr-tick b{position:absolute;top:50%;right:-31px;font:700 18px Arial,sans-serif;transform:translateY(-50%)}.tr-unit{position:absolute;top:14px;right:36px;font:700 17px Arial,sans-serif}@media screen and (max-width:700px){.tr-instrument{padding:12px}.tr-thermometer-wrap{width:240px}}@media print{.tr-print .tr-thermometer{--tr-zero-bottom:68px;--tr-step:5.5px;--tr-liquid-bottom:34px;--tr-liquid-base-height:36px;width:100%;max-width:190px;height:320px;margin:auto}.tr-print .tr-tube{right:calc(50% - 14px);bottom:26px;left:calc(50% - 14px);height:258px}.tr-print .tr-liquid{right:calc(50% - 7px);left:calc(50% - 7px)}.tr-print .tr-bulb{bottom:-20px;left:calc(50% - 19px);width:38px;height:38px}.tr-print .tr-tick{right:48px;width:13px}.tr-print .tr-tick{bottom:calc(var(--tr-zero-bottom) + var(--tr-degree) * var(--tr-step))}.tr-print .tr-tick-major{width:21px}.tr-print .tr-tick b{right:-25px;font-size:12px}.tr-print .tr-unit{top:10px;right:20px;font-size:12px}}