#duration-selector{margin:2px;text-align:center;font-size:13px}.plot-container{box-sizing:border-box;width:600px;height:300px;padding:8px 4px 4px;margin:15px auto 10px;border:1px solid #ddd;background:#fff}.plot-placeholder{width:100%;height:100%;font-size:14px;line-height:1.2em}.change-container{display:flex;justify-content:center;gap:20px;margin:20px auto;flex-wrap:wrap}.change-box{background-color:#fffaf7;border:1px solid maroon;border-radius:12px;box-shadow:2px 2px 6px rgba(0,0,0,.15);padding:20px 30px;text-align:center;min-width:100px;flex:1 1 120px;max-width:160px}.value{font-size:32px;font-weight:700;color:maroon}.legend-value{font-size:18px;margin-top:10px;color:maroon}.allvalues tr:first-child{background-color:#fcecec;color:maroon;font-weight:700;padding:5px}.allvalues tr:first-child td{padding:8px 2px}.allvalues tr:nth-child(even){background-color:#f5f5f5}