/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */section.navigationContainer div.pagecontrol div.viewport,div.win-listview:not(.selectedContacts) .win-viewport{-ms-scroll-limit-x-max:auto;-ms-scroll-limit-y-max:0}@media screen and (max-aspect-ratio: 1 / 1){section.navigationContainer div.pagecontrol div.viewport,div.win-listview:not(.selectedContacts) .win-viewport{-ms-scroll-limit-x-max:0;-ms-scroll-limit-y-max:21474836.47px}}div.page{height:100%;width:100%;overflow:hidden}div.page section.navigationContainer{position:relative;height:100vh;background-color:#00aff0}div.page section.navigationContainer>div{width:100%;height:100%;position:absolute;top:0px;left:0px}body.RTL div.page section.navigationContainer>div{left:auto;right:0}div.page section.navigationContainer>div>div.fragment{height:100%;display:-ms-grid;-ms-grid-columns:1fr;-ms-grid-rows:120px 1fr}@media screen and (min-aspect-ratio: 1 / 1){div.page section.navigationContainer>div>div.fragment.dialer{-ms-grid-rows:150px 1fr}}div.page section.navigationContainer>div>div.fragment>header{-ms-grid-row:1;display:-ms-grid;-ms-grid-columns:120px 1fr 1fr 40px;-ms-grid-rows:1fr;overflow:visible;line-height:normal}div.page section.navigationContainer>div>div.fragment>header>h1{-ms-grid-column:2;margin-top:60px}div.page section.navigationContainer>div>div.fragment>header button.backbutton{-ms-grid-column:1;margin-left:39px;margin-right:39px;margin-top:59px}@media screen and (max-aspect-ratio: 1 / 1){div.page section.navigationContainer>div>div.fragment>header button.backbutton{margin-left:20px;margin-right:20px;margin-top:35px}}div.page section.navigationContainer>div>div.fragment.dialer>header,div.page section.navigationContainer>div>div.fragment.participantList>header{-ms-grid-columns:120px 1fr}@media screen and (max-aspect-ratio: 1 / 1){div.page section.navigationContainer>div>div.fragment.dialer>header,div.page section.navigationContainer>div>div.fragment.participantList>header{-ms-grid-columns:80px 1fr}}@media screen and (max-width: 400px){div.page section.navigationContainer>div>div.fragment.dialer>header,div.page section.navigationContainer>div>div.fragment.participantList>header{-ms-grid-columns:60px 1fr}}div.page section.navigationContainer>div>div.fragment>div.viewport{-ms-grid-row:2;width:100%;height:100%}div.page section.navigationContainer>div>div.fragment.EMPTY{-ms-grid-rows:120px auto}div.page section.navigationContainer>div.HIDDEN{display:none !important}div.page section.navigationContainer>div.HIDDEN *{display:none !important}div.page div.fragment.allHistory header,div.page div.fragment.fragment.contacts header,div.page div.fragment.fragment.participantList header,div.page div.fragment.fragment.search header,div.page div.fragment.addPeople header{-ms-grid-columns:120px 1fr}div.page.contacts div.contactsContainer div.fragment header{-ms-grid-columns:auto}@media screen and (max-width: 400px){div.page.contacts div.contactsContainer div.fragment header{-ms-grid-columns:60px 1fr 50px}}div.page.login section.navigationContainer{margin:0;-ms-grid-row:1;-ms-grid-row-span:2}div.page.dialer section.navigationContainer{position:static}#emoticonPicker button.backbutton{-ms-grid-column:1;margin-left:39px;margin-right:39px;margin-top:59px}@media screen and (max-aspect-ratio: 1 / 1){#emoticonPicker button.backbutton{margin-left:20px;margin-right:20px;margin-top:35px}}div.fragment.allHistory header div.wrapper,div.fragment.contacts header div.wrapper,div.fragment.participantList header div.wrapper,div.fragment.addPeople header div.wrapper,div.fragment.search header div.wrapper,div.conversation header div.wrapper,div.fragment.dialer header div.wrapper{-ms-grid-column:2;margin-top:42px;white-space:nowrap;position:relative}div.fragment.contacts header div.wrapper{overflow-x:hidden}div.fragment.allHistory header div.wrapper>h2.title,div.fragment.contacts header div.wrapper>h2.title,div.fragment.participantList header div.wrapper>h2.title,div.fragment.search header div.wrapper>h2.title,div.fragment.addPeople header div.wrapper>h2.title,div.fragment.dialer header div.wrapper>h2.title{position:absolute;top:-3px}div.fragment.participantList header div.wrapper>h2.title{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.fragment.allHistory header div.wrapper>button.title,div.fragment.contacts header div.wrapper>button.title,div.fragment.participantList header div.wrapper>h1.title,div.fragment.search header div.wrapper>h1.title,div.fragment.addPeople header div.wrapper>h1.title,div.fragment.dialer header div.wrapper>h1.title{margin-top:20px;margin-right:40px}body.RTL div.fragment.allHistory header div.wrapper>button.title,body.RTL div.fragment.participantList header div.wrapper>h1.title,body.RTL div.fragment.search header div.wrapper>h1.title,body.RTL div.fragment.addPeople header div.wrapper>h1.title,body.RTL div.fragment.dialer header div.wrapper>h1.title{margin-right:auto;margin-left:40px}body.RTL div.fragment.contacts header div.wrapper>button.title{margin-right:0}div.fragment.allHistory header div.wrapper>button.title::after,div.fragment.contacts header div.wrapper>button.title::after{display:none}@media screen and (max-aspect-ratio: 1 / 1){div.page.hub section.navigationContainer>div>div.fragment.hub{-ms-grid-rows:102px 1fr}div.page.hub section.navigationContainer>div>div.fragment.hub>header{-ms-grid-columns:20px 1fr 1fr 20px}div.page section.navigationContainer>div>div.fragment>header{-ms-grid-columns:80px 1fr}div.fragment.allHistory header div.wrapper,div.fragment.contacts header div.wrapper,div.fragment.participantList header div.wrapper,div.fragment.dialer header div.wrapper{margin-top:21px}div.fragment.contacts header div.wrapper>button.title{margin-right:10px}div.fragment.allHistory header div.wrapper.DEFAULTVIEW button.title.filterUnread,div.fragment.allHistory header div.wrapper.UNREADVIEW button.title.filterAll,div.fragment.contacts header div.wrapper.DEFAULTVIEW button.title.filterOnline,div.fragment.contacts header div.wrapper.DEFAULTVIEW button.title.filterOnline.ONLINE,div.fragment.contacts header div.wrapper.DEFAULTVIEW button.title.filterGroups,div.fragment.contacts header div.wrapper.DEFAULTVIEW button.title.filterGroups.GROUPS,div.fragment.contacts header div.wrapper.ONLINEVIEW button.title.filterAll,div.fragment.contacts header div.wrapper.ONLINEVIEW button.title.filterGroups,div.fragment.contacts header div.wrapper.ONLINEVIEW button.title.filterGroups.GROUPS,div.fragment.contacts header div.wrapper.GROUPSVIEW button.title.filterAll,div.fragment.contacts header div.wrapper.GROUPSVIEW button.title.filterOnline,div.fragment.contacts header div.wrapper.GROUPSVIEW button.title.filterOnline.ONLINE,div.fragment.dialer.DEFAULTVIEW header div.wrapper h1.title.recentCallsView,div.fragment.dialer.RECENTCALLSVIEW header div.wrapper h1.title.newCallView{display:none}div.fragment.allHistory header div.wrapper>button.title::after,div.fragment.contacts header div.wrapper>button.title::after{display:inline-block}div.fragment.allHistory header div.wrapper>h2.title,div.fragment.contacts header div.wrapper>h2.title,div.fragment.dialer header div.wrapper>h2.title{top:2px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.fragment.participantList header div.wrapper>h2.title{top:2px;width:calc(100% - 80px)}}@media screen and (max-width: 560px){div.page.hub section.navigationContainer>div>div.fragment.hub{-ms-grid-rows:102px 1fr}div.page.hub section.navigationContainer>div>div.fragment.hub>header{-ms-grid-columns:20px 1fr 1fr 10px}}@media screen and (max-width: 400px){div.page section.navigationContainer>div>div.fragment.allHistory{-ms-grid-rows:85px 1fr}div.page section.navigationContainer>div>div.fragment>header{-ms-grid-columns:60px 1fr}div.page section.navigationContainer>div>div.fragment.contacts{-ms-grid-rows:95px 1fr}div.page section.navigationContainer>div>div.fragment.dialer{-ms-grid-rows:110px 1fr}div.page div.fragment.participantList header{width:100%}div.page section.navigationContainer>div>div.fragment>header>h1{-ms-grid-column:2;margin-top:32px}div.page.hub section.navigationContainer>div>div.fragment.hub{-ms-grid-rows:75px 1fr}div.page.hub section.navigationContainer>div>div.fragment.hub>header{-ms-grid-columns:20px 1fr 1fr 10px}div.fragment.allHistory header div.wrapper,div.fragment.contacts header div.wrapper,div.fragment.participantList header div.wrapper,div.fragment.dialer header div.wrapper{margin-top:12px}div.fragment.participantList header div.wrapper>h2.title{width:calc(100% - 60px)}}