.notes{margin:auto;width:400px;position:relative;top:50%;left:0;right:0;text-align:center}.note{font-size:90px;font-weight:700;position:relative;display:inline-block;padding-right:48px;padding-left:12px}.note.active{color:#8338ec}.notes-list{overflow:auto;overflow:-moz-scrollbars-none;white-space:nowrap;-ms-overflow-style:none;-webkit-mask-image:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff,rgba(255,255,255,0))}.notes-list::-webkit-scrollbar{display:none}.note{-webkit-tap-highlight-color:transparent}.note span{right:.25em;font-size:40%;font-weight:400}.note-sharp{top:.3em}.note-octave{bottom:.3em}.frequency{font-size:32px}.frequency span{font-size:50%;margin-left:.25em}.meter{width:400px;height:200px;position:relative;margin:0 auto 5vh}.meter-pointer{width:2px;height:100%;background:#8338ec;transform:rotate(45deg);transform-origin:bottom;transition:transform .5s;position:absolute;right:50%}.meter-dot{width:10px;height:10px;background:#8338ec;border-radius:50%;position:absolute;bottom:-5px;right:50%;margin-right:-4px}.meter-scale{width:1px;height:100%;transform-origin:bottom;transition:transform .2s;box-sizing:border-box;border-top:10px solid;position:absolute;right:50%}.meter-scale-strong{width:2px;border-top-width:20px}.frequency-bars{height:200px!important;width:100%!important}@media (max-width: 768px){.meter,.notes{width:100%}}.a4{text-align:start}.tunerRow{display:flex;justify-content:space-between}#tunerContainer{display:none;width:100%;flex-direction:column}#calculatorFooter{display:none}