.calculator{max-width:450px!important}.html-container{margin-top:0!important}#person-list{display:flex;flex-direction:column;gap:.5rem}.person-input{padding:.5rem 1rem;background:var(--neutral-100);border-radius:var(--radius-sm)}.height-visual-container{background:var(--neutral-100);border-radius:var(--radius-sm);padding:10px;overflow:visible}.comparison-wrapper{display:flex;align-items:flex-end;gap:20px;height:500px;position:relative;overflow:visible}.ruler{position:relative;width:60px;height:100%;border-right:1px solid var(--neutral-300)}.ruler .tick{position:absolute;left:0;width:100%;height:5px;border-top:1px solid var(--neutral-300)}.ruler .tick span{position:absolute;left:0;font-size:12px;line-height:1;transform:translateY(-50%);background:var(--neutral-100);padding:0 3px;white-space:nowrap;color:var(--text-secondary)}.height-visual{display:flex;align-items:flex-end;gap:1px;height:100%}.person-figure{position:relative;display:flex;flex-direction:column;align-items:center;border-top:1px dotted var(--border)}.person-figure .figure{background-color:var(--neutral-500);-webkit-mask-image:url('/assets/img/person.png');mask-image:url('/assets/img/person.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:bottom center;mask-position:bottom center}.person-figure .label{position:absolute;top:0;transform:translateY(-105%);width:auto;padding:2px 8px;border-radius:4px;font-size:.9rem;text-align:center;z-index:2;white-space:nowrap;color:var(--text-secondary)}