/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */#emoticonPicker{z-index:1000;height:100%;width:100%;position:fixed;top:0;bottom:0;left:0;right:0;visibility:hidden;background-color:rgba(0,0,0,0.8)}#emoticonPicker.VISIBLE{visibility:visible}#emoticonPicker .picker-accessWrap{display:-ms-grid;-ms-grid-columns:120px 1fr;-ms-grid-rows:100px 1fr;height:inherit}@media screen and (max-aspect-ratio: 1 / 1){#emoticonPicker .picker-accessWrap{-ms-grid-columns:80px 1fr}}@media screen and (max-width: 400px){#emoticonPicker .picker-accessWrap{-ms-grid-columns:60px 1fr;-ms-grid-rows:100px 1fr}}#emoticonPicker .picker-accessWrap button.backbutton{-ms-grid-row:1;-ms-grid-column:1}#emoticonPicker .picker-accessWrap button.backbutton:hover{opacity:0.8}#emoticonPicker .picker-accessWrap h1{-ms-grid-row:1;-ms-grid-column:2;box-sizing:border-box;padding-top:62px;color:white}@media screen and (max-aspect-ratio: 1 / 1){#emoticonPicker .picker-accessWrap h1{padding-top:32px}}@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 600px){#emoticonPicker .picker-accessWrap h1{max-width:240px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}#emoticonPicker .picker-accessWrap .emoticonsList{height:100%;-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport{-ms-scroll-limit-x-max:0;-ms-scroll-limit-y-max:21474836.47px}#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface{margin:12px 0 0 22px}body.RTL #emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface{margin:12px 22px 0 0}@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 600px){#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface{margin:0 0 0 11px}body.RTL #emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface{margin:0 11px 0 0}}#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface .win-container:hover{outline:5px solid highlight}#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface .win-container .win-itembox{padding:7px;box-sizing:border-box}@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 600px){#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface .win-container .win-itembox{padding:2px}}#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface .win-container .win-item{overflow:visible;width:60px;height:60px}@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 600px){#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface .win-container .win-item{width:40px;height:40px}}#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface .win-container .win-item img{display:block;width:inherit;height:inherit;transition-property:height, width;transition-duration:1s;transition-delay:1s !important}#emoticonPicker .picker-accessWrap .emoticonsList .win-viewport .win-surface .win-container .win-item img:hover{opacity:0.9}