/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */div.peoplePicker{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999;background-color:white}body.PICKERACTIVE div.peoplePicker{display:block}div.peoplePicker .animRegion{opacity:1}div.peoplePicker header{height:120px;background:#00AFF0}div.peoplePicker h1{color:#FFF;margin-left:120px;padding-top:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;line-height:74px}@media screen and (max-aspect-ratio: 1 / 1) and (min-height: 1024px) and (max-width: 750px){div.peoplePicker h1{margin-left:20px}}body.RTL div.peoplePicker h1{margin-left:0;margin-right:120px}@media screen and (max-aspect-ratio: 1 / 1) and (min-height: 1024px) and (max-width: 750px){body.RTL div.peoplePicker h1{margin-right:20px}}div.peoplePicker div.win-item div.favouriteWrapper div.message{max-height:160px;padding:10px;background-color:#f05a28;color:#fff;overflow:hidden;font-size:20px;line-height:24px}div.peoplePicker div.win-item div.favouriteWrapper div.message:empty{-ms-transition:all 0.3s ease-out;display:none}div.peoplePicker .contactList{height:100%;min-height:100px}div.peoplePicker div.contactList div.zoomContainer{-ms-grid-row:2;-ms-grid-column:1;height:calc(100% - 238px)}div.peoplePicker div.contacts div.win-surface{margin-top:35px;height:calc(100% - 35px);margin-bottom:0}div.peoplePicker div.alphabet div.win-surface{height:calc(100% - 35px);margin-bottom:0px}div.peoplePicker div.selectedContactsContainer{position:absolute;bottom:0;left:0px;right:0px;height:120px;background:#00AFF0;padding-left:115px;display:-ms-flexbox}body.RTL div.peoplePicker div.selectedContactsContainer{padding-left:0;padding-right:115px}div.peoplePicker div.selectedContacts.list{height:inherit;color:white;-ms-flex:1 1 auto}div.peoplePicker div.selectedContactsContainer>button{margin:35px 20px 0 20px;font-weight:normal;min-width:110px;text-overflow:ellipsis;line-height:0.9em}div.peoplePicker div.selectedContactsContainer>button:last-child{margin-left:0}body.RTL div.peoplePicker div.selectedContactsContainer>button:last-child{margin-left:20px;margin-right:0}div.peoplePicker div.selectedContactsContainer div.win-container{background:transparent}div.peoplePicker div.selectedContactsContainer button.cancel,div.peoplePicker div.selectedContactsContainer button.cancel::selection{background:#00aff0;border:2px solid #b9e4f4;color:white;cursor:default;padding:0px 30px;height:40px;border-radius:20px}div.peoplePicker div.selectedContactsContainer button.cancel:hover{background-color:#0182b3}div.peoplePicker div.selectedContactsContainer button.cancel:active{background-color:#015c80}div.peoplePicker div.selectedContacts.list.win-listview div.win-container{margin:0}div.peoplePicker div.selectedContacts.list.win-listview div.win-container:hover{outline:none}div.peoplePicker div.selectedContacts.list div.item{width:210px;height:118px;position:relative}div.peoplePicker div.selectedContacts.list div.item span.availability.AVAILABLE{display:inline-block;margin-right:6px}body.RTL div.peoplePicker div.selectedContacts.list div.item span.availability.AVAILABLE{margin-right:0;margin-left:6px}div.peoplePicker div.selectedContacts.list div.item div.avatar{height:40px;width:40px;display:block;position:absolute;top:35px;left:0;z-index:10;background-size:cover;background-position:center}body.RTL div.peoplePicker div.selectedContacts.list div.item div.avatar{left:auto;right:0}div.peoplePicker div.selectedContacts.list div.item div.content{position:absolute;top:28px;left:56px;text-overflow:ellipsis;overflow:hidden;z-index:15;min-height:2em}body.RTL div.peoplePicker div.selectedContacts.list div.item div.content{left:auto;right:56px}div.peoplePicker div.selectedContacts.list div.item div.content .name,div.peoplePicker div.selectedContacts.list div.item div.content .moodMessage{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:140px}div.peoplePicker div.selectedContacts.list div.item div.content .name{line-height:28px}div.peoplePicker div.selectedContacts.list div.item div.content .moodMessage{margin-top:-4px;line-height:24px}div.peoplePicker div.selectedContacts.list div.item div.content .presence{vertical-align:top;line-height:24px}@media screen and (max-aspect-ratio: 1 / 1) and (min-height: 1024px) and (min-width: 750px){div.peoplePicker div.contacts.win-listview:not(.win-groups) div.win-viewport div.win-surface,div.peoplePicker div.alphabet.win-listview:not(.win-groups) div.win-viewport div.win-surface{margin-top:20px}div.peoplePicker .win-groups.win-listview>.win-vertical .win-gridlayout.win-surface{margin:-45px 0 0 100px}body.RTL div.peoplePicker .win-groups.win-listview>.win-vertical .win-gridlayout.win-surface{margin:-45px 100px 0 0}}@media screen and (max-aspect-ratio: 1 / 1) and (max-height: 1023px), screen and (max-aspect-ratio: 1 / 1) and (min-height: 1024px) and (max-width: 499px){div.peoplePicker header h1{margin:0 0 0 20px}body.RTL div.peoplePicker header h1{margin:0 20px 0 0}div.peoplePicker div.contacts.win-listview{height:98%;margin:0}div.peoplePicker div.contacts.win-listview.win-groups div.win-surface{margin-top:-50px !important}div.peoplePicker div.contacts.win-listview div.win-surface{margin-top:20px !important}div.peoplePicker div.contacts.win-listview div.win-surface div.win-item{display:block;height:70px;width:300px}div.peoplePicker div.contacts.win-listview div.win-surface div.win-focusedoutline{width:calc(100% - 24px)}div.peoplePicker div.alphabet.win-listview{margin:0}div.peoplePicker div.alphabet.win-listview div.win-viewport div.win-surface{margin-top:20px !important}div.peoplePicker div.win-itembox.win-selected{width:auto}div.peoplePicker div.alphabet div.win-item,div.peoplePicker div.alphabet div.win-item div.letterWrapper{height:55px;width:90px;margin:0}div.peoplePicker div.favouriteWrapper div.presence{height:140px}div.peoplePicker div.win-item div.favouriteWrapper div.name{margin-top:-2px;width:70px;padding:0px}div.peoplePicker div.win-item div.favouriteWrapper div.message{display:none}}@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 639px){div.peoplePicker div.contacts.win-listview div.win-container div.win-itembox{margin:0 25px 0 15px}body.RTL div.peoplePicker div.contacts.win-listview div.win-container div.win-itembox{margin:0 15px 0 25px}div.peoplePicker div.contacts.win-listview div.win-container div.win-itembox div.win-item{width:auto}}@media screen and (max-aspect-ratio: 1 / 1){.peoplePicker .contacts.win-listview div.win-container div.win-itembox{width:auto;margin:0 0 0 15px}body.RTL .peoplePicker .contacts.win-listview div.win-container div.win-itembox{margin:0 15px 0 0}.peoplePicker .contacts.win-listview div.win-groupheader{margin:0 0 0 20px}body.RTL .peoplePicker .contacts.win-listview div.win-groupheader{margin:0 20px 0 0}}@media screen and (max-aspect-ratio: 1 / 1){.peoplePicker .win-listview .win-itemsblock,.peoplePicker .win-listview .win-itemscontainer{overflow:visible}div.peoplePicker div.selectedContactsContainer{-ms-flex-wrap:wrap;-ms-flex-line-pack:start;padding-left:25px;padding-right:15px;height:135px}body.RTL div.peoplePicker div.selectedContactsContainer{-ms-flex-wrap:wrap;-ms-flex-line-pack:start;padding-left:15px;padding-right:25px}div.peoplePicker div.selectedContacts.list{height:70px;-ms-flex:1 1 100%}div.peoplePicker div.selectedContacts.list div.item{height:59px}div.peoplePicker div.selectedContacts.list div.item div.avatar{top:15px}div.peoplePicker div.selectedContacts.list div.item div.content{top:8px}div.peoplePicker div.selectedContactsContainer>button{margin-top:4px;-ms-flex:0 0 10%}div.peoplePicker div.selectedContactsContainer button.text{margin-left:auto}div.peoplePicker div.selectedContactsContainer button.cancel{margin-left:0;margin-right:auto}body.RTL div.peoplePicker div.selectedContactsContainer button.text{margin-left:0;margin-right:auto}body.RTL div.peoplePicker div.selectedContactsContainer button.cancel{margin-left:auto;margin-right:20px}}@media screen and (-ms-high-contrast: active){div.peoplePicker div.win-container:not(.win-selected) div.win-item:hover div.contactWrapper{background:none;border:2px solid Highlight}div.peoplePicker div.contacts div.contactWrapper div.avatar,div.peoplePicker div.selectedContacts.list div.item div.avatar{-ms-high-contrast-adjust:none}div.peoplePicker div.selectedContactsContainer>button{background-color:ButtonFace;color:ButtonText;border:2px solid ButtonText}div.peoplePicker div.selectedContactsContainer>button:hover:not([disabled]){background-color:Highlight;color:HighlightText}div.peoplePicker div.selectedContactsContainer>button[disabled]{border-color:GrayText;color:GrayText}}