﻿/* Copyright (c) Microsoft. All rights reserved. *//* Copyright (c) Microsoft. All rights reserved. */div.videoMessage{-ms-user-select:none;width:100%;clear:both;height:250px}div.videoMessage div.video{margin:10px 0 5px}div.videoMessage p.errors,div.videoMessage div.video div.icon,div.videoMessage div.video div.preview img.thumbnail,div.videoMessage div.info{display:none}div.videoMessage div.video div.previewContainer{height:200px}div.videoMessage div.video div.preview{width:auto;height:inherit;display:inline-block;position:relative}div.videoMessage div.video div.preview:focus{border:2px solid #00aff0}div.videoMessage div.video img.thumbnail{height:inherit}div.videoMessage div.video.THUMBAVAILABLE:not(.ERROR):not(.EXPIRED) img.thumbnail{display:inline-block}div.videoMessage div.video div.icon{width:360px;height:200px}div.videoMessage div.video:not(.THUMBAVAILABLE) div.icon,div.videoMessage div.video.ERROR div.icon,div.videoMessage div.video.EXPIRED div.icon{display:block;position:relative}div.videoMessage div.video.THUMBAVAILABLE:not(.ERROR):not(.EXPIRED) .preview .play{position:absolute;left:25px;bottom:20px;width:40px;height:40px;background:#00aff0;border-radius:50%;color:#FFF;text-align:center;line-height:normal;opacity:.9}body.RTL div.videoMessage div.video.THUMBAVAILABLE:not(.ERROR):not(.EXPIRED) .preview .play{left:auto;right:25px}div.videoMessage div.video.THUMBAVAILABLE:not(.ERROR):not(.EXPIRED) .preview .play::before{font-size:40px;font-family:"Skype UI Symbol";content:"\E40E"}div.videoMessage progress{color:#00aff0;width:100%;display:block;visibility:hidden}div.videoMessage div.video.RECORDED progress,div.videoMessage div.video.UPLOADING progress{visibility:visible}div.videoMessage video{display:none}div.videoMessage div.info,div.videoMessage p.name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}div.videoMessage div.info{color:#93999d;margin-top:8px;margin-bottom:5px}div.videoMessage div.icon{position:relative;background:rgba(0,175,240,0.15);text-align:center;z-index:5}div.videoMessage div.icon,div.videoMessage div.icon div.image,div.videoMessage div.icon div.image:before{width:inherit}div.videoMessage div.icon div.image{position:absolute;top:calc(50% - 28px)}div.videoMessage div.icon div.image:before{font-family:"Skype UI Symbol";font-weight:bold;content:"\E305";font-size:70px;height:inherit;width:inherit;line-height:70px;box-sizing:border-box;color:#FFF;text-align:center;overflow:hidden;display:block}div.video.ERROR div.icon,div.video.EXPIRED div.icon{background:#a2c5d3}div.video.ERROR div.icon div.image:before,div.video.EXPIRED div.icon div.image:before{content:"\E119"}div.video div.preview p.errors{position:absolute;top:145px;margin:0;width:100%;text-align:center;color:#FFF;z-index:10;box-sizing:border-box;padding-left:5px;padding-right:5px}div.videoMessage div.video.EXPIRED div.preview p.errors,div.videoMessage div.video.ERROR div.preview p.errors,div.videoMessage div.video.RECORDED div.info,div.videoMessage div.video.UPLOADING div.info{display:block}@media vertical{div.node[type='videomessage'] div.message{position:relative;left:0px;top:0px}div.node[type='videomessage'] time{position:relative;right:0;top:-20px;display:inline-block}div.node[type='videomessage'] div.message h3.name{width:60%;font-size:14.66px;font-weight:300;line-height:20px;text-overflow:ellipsis}body.RTL div.node[type='videomessage'] time{left:10px;right:auto}div.videoMessage div.video div.info,div.videoMessage div.video progress{position:relative;left:0px;width:280px}}@media screen and (max-aspect-ratio: 1 / 1){div.videoMessage{height:225px}div.videoMessage div.video{margin-top:0}div.videoMessage div.video div.preview{width:auto;left:0px;position:relative;text-align:center;overflow:hidden}div.videoMessage div.video div.icon{width:320px;height:180px}div.videoMessage div.video div.preview img.thumbnail{height:inherit;width:auto}div.videoMessage div.video.THUMBAVAILABLE:not(.ERROR):not(.EXPIRED) .preview .play{position:absolute;left:20px;bottom:17px}div.video div.preview p.errors{top:125px}div.videoMessage div.video div.info,div.videoMessage div.video progress{position:relative;left:0px;width:280px}}@media screen and (max-width: 340px){div.videoMessage div.video div.preview{max-width:100%}}
