dding:      16px;

        border-bottom:      1px      solid      rgba(0,      0,      0,      0.05);

        cursor:      pointer;

        transition:      all      0.2s      ease;

        }

        .contact-item:hover      {

        background:      rgba(0,      0,      0,      0.02);

        }

        .contact-avatar      {

        width:      48px;

        height:      48px;

        border-radius:      50%;

        display:      flex;

        align-items:      center;

        justify-content:      center;

        margin-right:      16px;

        font-weight:      600;

        font-size:      18px;

        }

        .call-item      {

        display:      flex;

        align-items:      center;

        justify-content:      space-between;

        padding:      16px;

        border-bottom:      1px      solid      rgba(0,      0,      0,      0.05);

        }

        .time-display-large      {

        font-size:      64px;

        font-weight:      300;

        text-align:      center;

        margin:      40px      0      20px;

        letter-spacing:      -2px;

        }

        .photo-viewer      {

        position:      fixed;

        top:      0;

        left:      0;

        width:      100%;

        height:      100%;

        background:      rgba(0,      0,      0,      0.95);

        display:      flex;

        align-items:      center;

        justify-content:      center;

        z-index:      100;

        opacity:      0;

        pointer-events:      none;

        transition:      opacity      0.3s      ease;

        }

        .photo-viewer.active      {