@import url('/part-7/style.css');
.height-panel input[type=range]{width:100%;margin:20px 0 8px;accent-color:#a6d6bb}.height-panel label{display:flex;justify-content:space-between;align-items:center}.height-panel p{line-height:1.6;font-size:15px;color:#b7c6bc}.height-panel .toggle{justify-content:flex-start;margin-top:22px}.height-panel output{color:#e5ab61}.degree-counter{display:flex;flex-direction:column;align-items:center;margin:24px 0}.degree-counter output{font-size:72px;line-height:1.1;font-variant-numeric:tabular-nums}.degree-counter span,.range-summary span{font-size:13px;color:#b7c6bc}.range-summary{display:flex;justify-content:space-around;text-align:center;padding:18px 0;border-top:1px solid #35463d;border-bottom:1px solid #35463d}.range-summary div{display:flex;flex-direction:column;gap:6px}.range-summary strong{font-size:30px;font-variant-numeric:tabular-nums}.height-panel .illustrative{text-align:center;font-size:12px;margin:10px 0 28px}.height-ends{display:flex;justify-content:space-between;font-size:12px;color:#b7c6bc;margin-bottom:24px}#restore-height{width:100%}aside{min-width:0}

#viewer .degree-counter{position:absolute;right:20px;top:20px;margin:0;pointer-events:none;background:#09120ee0;border-radius:16px;padding:12px 18px;z-index:2}#viewer .degree-counter output{font-size:48px;color:#e5ab61}@media(max-width:500px){#viewer .degree-counter{right:10px;top:60px;padding:8px 12px}#viewer .degree-counter output{font-size:36px}}

.height-presets{display:flex;gap:8px;margin:16px 0}.height-presets button{flex:1;font-size:13px;padding:10px 8px}