.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:var(--space-sm)}.left-label{top:18%;left:5%}.right-label{top:18%;right:5%}.time-value{font-size:var(--text-headline-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-slightly-tight);line-height:var(--leading-tight)}.time-value.orange{color:var(--color-warning)}.time-value.green{color:var(--color-positive)}.time-label-text{font-size:var(--text-body-md);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;opacity:.7}.left-label .time-label-text{color:var(--color-warning)}.right-label .time-label-text{color:var(--color-positive)}@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:var(--text-headline-sm)}.time-label-text{font-size:var(--text-body-sm)}}@media (min-width:1025px){.screen-time-graph-bg{opacity:.5}}