.screen-time-graph-bg,.screen-time-graph-container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.screen-time-graph-bg{z-index:10}.screen-time-label{position:absolute;z-index:20;display:flex;flex-direction:column;gap:.5rem}.left-label{top:18%;left:5%}.right-label{top:18%;right:5%}.time-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.time-value.orange{color:#ff8c00}.time-value.green{color:#22c55e}.time-label-text{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.left-label .time-label-text{color:#ff8c00}.right-label .time-label-text{color:#22c55e}@media (max-width:640px){.screen-time-graph-bg{opacity:.25}.screen-time-label{display:none}}@media (min-width:641px) and (max-width:1024px){.screen-time-graph-bg{opacity:.35}.time-value{font-size:1.25rem}.time-label-text{font-size:.75rem}}@media (min-width:1025px){.screen-time-graph-bg{opacity:.5}}