﻿/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */#mePanel div.avatar{height:320px;width:320px;background-color:#efefef;display:-ms-grid;-ms-grid-rows:1fr;-ms-grid-columns:1fr;overflow:hidden;position:relative;box-sizing:border-box;-ms-high-contrast-adjust:none}@media screen and (-ms-high-contrast: active){#mePanel div.avatar{cursor:pointer}}#mePanel div.avatar div.protectionLayer{height:100%;width:100%;background-image:url("ms-appx:///images/svg/protMePanel320x320.svg")}@media screen and (-ms-high-contrast: active){#mePanel div.avatar div.protectionLayer{display:none}}#mePanel div.avatar:hover div.protectionLayer::after{content:' ';display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.15)}#mePanel div.avatar.DEFAULTAVATAR div.protectionLayer{display:none}#mePanel div.avatar:focus{border:2px solid #00AFF0;outline:none}#mePanel .win-backbutton{position:absolute;top:35px;left:20px;width:32px;height:32px;line-height:28px;font-size:12pt}body.RTL #mePanel .win-backbutton{right:20px;left:auto}#mePanel span.name{top:29px;font-weight:bold;position:absolute;right:30px;left:70px;color:white;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.RTL #mePanel span.name{right:70px;left:30px}@media screen and (-ms-high-contrast: active){#mePanel span.name{background-color:Window}}#mePanel span.email{position:absolute;top:49px;right:30px;left:70px;color:white;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.RTL #mePanel span.email{right:70px;left:30px}@media screen and (-ms-high-contrast: active){#mePanel span.email{background-color:Window}}#mePanel div.moodOuterContainer{transition:bottom .6s ease-in-out}#mePanel div.moodContainer{position:relative;margin:15px;overflow:hidden}#mePanel div.moodContainer:hover input.emoticonPicker{opacity:0.8}@media screen and (-ms-high-contrast: active){#mePanel div.moodContainer{border:1px solid WindowText}}#mePanel textarea.mood{margin:0;padding:10px 35px 10px 15px;overflow:hidden;min-width:0;width:290px}#mePanel textarea.mood.MAXHEIGHT{overflow:auto}body.RTL #mePanel textarea.mood{padding:10px 15px 10px 35px}#mePanel.KEYBOARDUP div.moodSpaceContainer{min-height:55px}#mePanel.KEYBOARDUP div.moodOuterContainer{z-index:100;position:absolute;right:0;width:100%;background:inherit}#mePanel input.emoticonPicker{position:absolute;right:10px;top:10px;opacity:0.6;outline:none;box-sizing:border-box}@media screen and (-ms-high-contrast: active){#mePanel input.emoticonPicker{opacity:1.0}}#mePanel input.emoticonPicker:hover{opacity:0.8}#mePanel input.emoticonPicker:focus{box-shadow:0 0 0 1px WindowText}@media screen and (-ms-high-contrast: active){#mePanel input.emoticonPicker:focus{box-shadow:none;outline:1px dotted}}#mePanel input.emoticonPicker:active{opacity:1}body.RTL #mePanel input.emoticonPicker{right:auto;left:10px}#mePanel ul{list-style-type:none;padding:0;width:100%}#mePanel ul.statusContainer li button{margin-left:45px;width:calc(100% - 45px);text-align:left;padding:0 5px 5px 5px;height:48px}body.RTL #mePanel ul.statusContainer li button{text-align:right}#mePanel ul.statusContainer li span.presence{position:absolute;display:none;left:30px;top:22px}#mePanel ul.statusContainer li.selected span.presence{display:block}body.RTL #mePanel ul.statusContainer li.selected span.presence{left:auto;right:30px}#mePanel ul.linksContainer{position:absolute;bottom:5px;width:100%;border-top:2px solid #2ebcf1;margin:0}@media screen and (-ms-high-contrast: active){#mePanel ul.linksContainer{border-top:0px}}#mePanel ul.linksContainer li{height:58px;position:relative}#mePanel ul.linksContainer li.hidden{display:none}#mePanel ul.linksContainer li.disabled{opacity:.5}#mePanel ul.linksContainer li.signOut span.ico{transform:scaleX(-1)}#mePanel ul.linksContainer span.ico{display:inline-block;position:absolute;left:0;top:2px}body.RTL #mePanel ul.linksContainer span.ico{left:auto;right:0}body:not(.RTL) #mePanel ul.linksContainer span.ico,body.RTL #mePanel ul.linksContainer span.ico{color:#FFF;font-family:Skype UI Symbol;font-weight:bold;font-size:28px;vertical-align:middle;line-height:58px;margin:0 26px;width:1em}#mePanel ul.linksContainer a{padding:0;margin:0}#mePanel ul.linksContainer a.label{display:inline-block;color:white;line-height:58px;margin-left:80px;width:calc(100% - 85px);padding:0 0 0 5px}body.RTL #mePanel ul.linksContainer a.label{margin-left:0;margin-right:80px}@media screen and (-ms-high-contrast: active){#mePanel ul.linksContainer a.label{box-sizing:border-box;color:windowText}#mePanel ul.linksContainer a.label:focus{outline:none;border:1px solid WindowText}}#mePanel li{height:50px;width:100%;position:relative}#mePanel li:hover{background-color:rgba(0,0,0,0.1)}#mePanel li.active,#mePanel li.selected.active{background-color:rgba(0,0,0,0.3)}#mePanel li.selected{background-color:rgba(0,0,0,0.15)}@media screen and (-ms-high-contrast: active){#mePanel li.selected{-ms-high-contrast-adjust:none}}#mePanel li button{line-height:48px;color:white;display:block;background-color:transparent;font-weight:300}body.RTL #mePanel li button{margin-left:0;margin-right:30px;padding-left:0;padding-right:18px}@media screen and (-ms-high-contrast: active){#mePanel li button{color:windowText}}#mePanel .signOutPanel{position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:102;background-color:#00aff0;color:white;padding:85px 20px 0px 20px}#mePanel .signOutPanel>h2.title{position:absolute;top:34px;left:65px}body.RTL #mePanel .signOutPanel>h2.title{right:65px;left:auto}#mePanel .signOutPanel>p{margin-bottom:20px}#mePanel .signOutPanel div.contactWrapper{display:-ms-grid;width:100%;height:50px;margin-bottom:35px;margin-top:15px;-ms-grid-rows:1fr;white-space:nowrap;-ms-grid-columns:50px 10px 1fr}#mePanel .signOutPanel div.contactWrapper div.avatar{-ms-grid-column:1;width:auto;height:auto;background-size:cover}#mePanel .signOutPanel div.contactWrapper div.name{font-weight:bold;margin-top:3px;-ms-grid-column:3;-ms-grid-row-align:start;text-overflow:ellipsis;overflow:hidden}#mePanel .signOutPanel div.contactWrapper div.username{margin-bottom:7px;-ms-grid-column:3;-ms-grid-row-align:end}#mePanel .signOutPanel.hidden{display:none}div.clickEater.mePanel{right:320px;left:0}body.RTL div.clickEater.mePanel{left:320px;right:0}
