.temperature-indicator{background:0 0;border-radius:12px;margin:0;padding:12px 16px}.temp-pointer-container{height:35px;margin-bottom:6px;position:relative}.temp-pointer{z-index:10;flex-direction:column;align-items:center;transition:left .3s;display:flex;position:absolute;top:0;transform:translate(-50%)}.temp-pointer-value{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:20px;margin-bottom:4px;padding:2px 10px;font-size:11px;font-weight:600;box-shadow:0 2px 6px #00000026}.temp-pointer-arrow{filter:drop-shadow(0 1px 2px #0003);border-top:10px solid;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.temp-range-bar{border-radius:3px;height:6px;margin-bottom:6px;display:flex;overflow:hidden}.temp-marks{justify-content:space-between;padding:0 2px;display:flex}.temp-mark{text-align:center;color:#ffffffd9;letter-spacing:.3px;flex:1;font-size:9px;font-weight:500}@media (max-width:600px){.temperature-indicator{padding:8px 12px}.temp-pointer-container{height:28px;margin-bottom:4px}.temp-pointer-value{margin-bottom:2px;padding:2px 6px;font-size:9px}.temp-pointer-arrow{border-top:8px solid;border-left:5px solid #0000;border-right:5px solid #0000}.temp-range-bar{height:4px}.temp-mark{font-size:7px}}