.posovr .posovr-pitch{aspect-ratio:3/4.1;background-color:#173f2d;background-image:repeating-linear-gradient(#ffffff08 0 8%,#0000000f 8% 16%);border:1px solid #aed3bd59;border-radius:14px;width:100%;max-width:420px;margin-inline:auto;position:relative;overflow:hidden}.posovr .posovr-pitch-line{background:#aed3bd47;height:2px;position:absolute;top:50%;left:4%;right:4%;transform:translateY(-50%)}.posovr .posovr-pitch-circle{aspect-ratio:1;border:2px solid #aed3bd47;border-radius:999px;width:24%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.posovr .posovr-pitch-box{border:2px solid #aed3bd47;height:14%;position:absolute;left:22%;right:22%}.posovr .posovr-pitch-box--top{top:-2px}.posovr .posovr-pitch-box--bottom{bottom:-2px}.posovr .posovr-spot{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1812d1;border:1px solid #ffffff24;border-radius:7px;flex-direction:column;align-items:center;gap:1px;min-width:28px;padding:2px 4px;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.posovr .posovr-spot-pos{letter-spacing:.06em;color:#ffffff9e;font-size:7px;font-weight:800}.posovr .posovr-spot-ovr{font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;color:#fff;font-size:11px;font-weight:900}.posovr .posovr-spot--best{background:#07f46a29;border-color:#07f46ad9}.posovr .posovr-spot--best .posovr-spot-ovr{color:#07f46a}.posovr .posovr-spot--top{border-color:#07f46a66}@media (min-width:480px){.posovr .posovr-spot{border-radius:8px;min-width:38px;padding:3px 5px}.posovr .posovr-spot-pos{letter-spacing:.08em;font-size:9px}.posovr .posovr-spot-ovr{font-size:13px}}.posovr input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.posovr input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.posovr input[type=number]{appearance:textfield}
