.swiper-slide{min-width:274px}.swiper-wrapper{min-width:300px;width:auto}.screen{text-align:left}.screen-container{height:100%}.status-bar{height:25px;background:#004e45;color:#fff;font-size:14px;padding:0 8px}.status-bar:after{content:"";display:table;clear:both}.status-bar div{float:right;position:relative;top:50%;transform:translateY(-50%);margin:0 0 0 8px;font-weight:600}.chat{height:calc(100% - 69px)}.chat-container{height:100%}.user-bar{height:55px;background:#005e54;color:#fff;padding:0 8px;font-size:24px;position:relative;z-index:1}.user-bar:after{content:"";display:table;clear:both}.user-bar div{float:left;transform:translateY(-50%);position:relative;top:50%}.user-bar .actions{float:right;margin:0 0 0 20px}.user-bar .actions.more{margin:0 12px 0 32px}.user-bar .actions.attachment{margin:0 0 0 30px}.user-bar .actions.attachment i{display:block;transform:rotate(-45deg)}.user-bar .avatar{margin:0 0 0 5px;width:36px;height:36px}.user-bar .avatar img{border-radius:50%;display:block;width:100%}.user-bar .name{font-size:17px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;overflow:hidden;white-space:nowrap;width:110px}.user-bar .status{display:block;font-size:13px;font-weight:400;letter-spacing:0}.conversation{height:calc(100% - 12px);position:relative;background:#efe7dd url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg) repeat;z-index:0}.conversation ::-webkit-scrollbar{-webkit-transition:all .5s;transition:all .5s;width:5px;height:1px;z-index:10}.conversation ::-webkit-scrollbar-track{background:transparent}.conversation ::-webkit-scrollbar-thumb{background:#b3ada7}.conversation .conversation-container{height:calc(100% - 68px);overflow-x:hidden;padding:0 16px;margin-bottom:5px}.conversation .conversation-container:after{content:"";display:table;clear:both}.preview-message,.preview-message-carousel{color:#000;clear:both;line-height:18px;font-size:12px;padding:8px;position:relative;margin:8px 0;word-wrap:break-word}.preview-message-carousel{z-index:-1}.preview-message:after{position:absolute;content:"";width:0;height:0;border-style:solid}.button-area{color:#000;padding:8px 0}.button-area,.reply-button{clear:both;line-height:18px;font-size:12px;position:relative;word-wrap:break-word;z-index:-1;border-radius:5px;float:left}.reply-button{color:#5591ec;padding:8px;background:#fff;text-align:center}.cta-area{border-top:1px solid #dadde1;margin-top:8px;float:right;background:#fff}.cta-button{color:#00a5f4;font-size:12px;height:24px;line-height:20px;padding:0 16px;white-space:pre-wrap;text-align:center;justify-content:center;flex-direction:row;display:flex;word-wrap:break-word;margin-top:5%}.header-media-area{padding:3px 3px 0 3px}.header-media-content{background-color:#ccd0d5;background-position:50%;background-repeat:no-repeat;background-size:80px 80px;border-radius:4px;box-sizing:border-box}.header-media-content:after{content:"";display:block;padding-top:52.35602%}.header-media-image{background-image:url(https://media.wappin.chat/template-header-image.png)}.header-media-filled{background-color:#ccd0d5;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;border-radius:4px;box-sizing:border-box}.header-media-filled:after{content:"";display:block;padding-top:52.35602%}.metadata{display:inline-block;float:right;padding:0 0 0 7px;position:relative;bottom:-4px}.metadata .time{color:rgba(0,0,0,.45);font-size:11px;display:inline-block}.metadata .tick{display:inline-block;margin-left:2px;position:relative;top:4px;height:16px;width:16px}.metadata .tick svg{position:absolute;transition:.5s ease-in-out}.metadata .tick svg:first-child{backface-visibility:hidden;transform:perspective(800px) rotateY(180deg)}.metadata .tick svg:last-child{backface-visibility:hidden;transform:perspective(800px) rotateY(0deg)}.metadata .tick-animation svg:first-child{transform:perspective(800px) rotateY(0)}.metadata .tick-animation svg:last-child{transform:perspective(800px) rotateY(-179.9deg)}.preview-message:first-child{margin:16px 0 8px}.preview-message.received{background:#fff;border-radius:0 5px 5px 5px;float:left}.preview-message.received .metadata{padding:0 0 0 16px}.preview-message.received:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.preview-message.received.carousel-message{border-radius:5px}.preview-message.received.carousel-message img{width:100%;height:auto;border-radius:5px}.preview-message.received.carousel-message:after{left:10px}.preview-message.sent{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.preview-message.sent:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.preview-message-carousel:first-child{margin:16px 0 8px}.preview-message-carousel.received{background:#fff;border-radius:5px 5px 5px 5px;float:left}.preview-message-carousel.received .metadata{padding:0 0 0 16px}.preview-message-carousel.received.carousel-message{border-radius:5px}.preview-message-carousel.received.carousel-message img{width:100%;height:auto;border-radius:5px}.preview-message-carousel.received.carousel-message:after{left:10px}.preview-message-carousel.sent{background:#e1ffc7;border-radius:5px 5px 5px 5px;float:right}.preview-button{color:#000;clear:both;line-height:18px;font-size:12px;padding:8px;margin-bottom:10px;word-wrap:break-word}.preview-button.bottom{bottom:0;background:#fff;border-radius:5px 5px 5px 5px;float:left}.conversation-compose{display:flex;flex-direction:row;align-items:flex-end;overflow:hidden;height:50px;width:100%;z-index:2}.conversation-compose div,.conversation-compose input{background:#fff;height:100%}.conversation-compose .emoji{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px 0 0 5px;flex:0 0 auto;margin-left:8px;width:48px}.conversation-compose .input-msg{border:0;flex:1 1 auto;font-size:16px;margin:0;outline:none;min-width:50px}.conversation-compose .photo{flex:0 0 auto;border-radius:0 0 5px 0;text-align:center;position:relative;width:48px}.conversation-compose .photo:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #fff;border-style:solid;position:absolute;width:0;height:0;content:"";top:0;right:-10px}.conversation-compose .photo i{display:block;color:#7d8488;font-size:24px;transform:translate(-50%,-50%);position:relative;top:50%;left:50%}.conversation-compose .send{background:transparent;border:0;cursor:pointer;flex:0 0 auto;margin-left:8px;margin-right:8px;padding:0;position:relative;outline:none}.conversation-compose .send .circle{background:#008a7c;border-radius:50%;color:#fff;position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.conversation-compose .send .circle i{font-size:24px;margin-left:5px}.preview-footer{font-size:11px;color:rgba(0,0,0,.45)}.preview-body,.preview-footer{word-wrap:break-word;white-space:pre-wrap}.preview-body{font-size:12px}.row-button{flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.col-button,.row-button{flex-direction:row;display:flex}.col-button{background-color:#fff;border-radius:7.5px;box-shadow:0 1px .5px rgba(0,0,0,.15);box-sizing:border-box;flex-grow:1;margin:2px 0 0 2px;min-width:calc(50% - 2px);color:#00a5f4;font-size:14px;height:34px;line-height:20px;padding:0 16px;white-space:pre-wrap;align-items:center;justify-content:center}.swiper-slide{display:flex!important;justify-content:flex-start!important;flex-direction:column!important;min-width:204px}.swiper-wrapper{display:flex;width:100px!important}.swiper-container{height:450px!important;width:100%!important}@media (max-width:768px){.marvel-device.nexus5{border-radius:0;flex:none;padding:0;max-width:none;overflow:hidden;height:100%;width:100%}.marvel-device>.screen .chat{visibility:visible}.marvel-device{visibility:hidden}.marvel-device .status-bar{display:none}.screen-container{position:absolute;top:0;left:0;right:0;bottom:0}.conversation{height:calc(100vh - 55px)}.conversation .conversation-container{height:calc(100vh - 120px)}}