@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
svg {
    display: block
}

#windows-title-close:hover,
#windows-title-maximize:hover,
#windows-title-minimize:hover {
    background-color: #1baba5
}

#main::before,
button,
ol,
ul {
    padding: 0
}

._2N2OQ,
._3qcsE,
select {
    box-sizing: border-box
}

.MZIyP,
._3QpBr,
svg {
    pointer-events: none
}

html[dir] ._2nFG1 strong,
html[dir] .font-style strong {
    text-shadow: 0 0 0 rgba(0, 0, 0, .3)
}

.DlgGk,
.F9IWm,
._1S4i5,
._1aFfq,
._1xGbt,
._2a1Yw,
._2cLHw,
._2zCDG,
._3-Xnb,
._3PmkG,
._3QqKs,
._3lSL5,
._3wWRZ,
._3zVOv,
._5AHJN {
    text-overflow: ellipsis
}

.HnNfm,
.PNlAR,
._1AKfk,
._1qi0v,
._1sB6s,
._2-IeP,
._2548U,
._26w8r,
._2v_Lo {
    text-transform: uppercase
}

.KuD7N,
._1gzBr {
    -webkit-align-self: center;
    -ms-grid-row-align: center
}

html[dir] .message:after,
html[dir] .vW7d1:after {
    clear: both
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: 0
}

.matched-text,
strong {
    font-weight: 700
}

._18dOq,
._1e4iV,
._1upWv,
._2EXPL._2rVcC ._1AwDx,
._2hMbR,
.contact-item._2rVcC ._1AwDx,
em {
    font-style: italic
}

ol,
ul {
    list-style: none;
    margin: 0
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.muted {
    color: #929fa6
}

.backgroundLine {
    height: 15%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}

body {
    line-height: 1;
    background-color: #dfdfdf;
    /* background-image:linear-gradient(to bottom,#dddbd1,#d2dbdc); */
    /* background: rgb(255,174,0);
    background: linear-gradient(180deg, rgba(255,174,0,1) 15%, rgba(216,219,215,1) 15%, rgba(216,219,215,1) 100%); */
    font-family: Roboto, sans-serif;
    color: #4b4b4b;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.native.darwin {
    font-family: system, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande"
}

html[dir=rtl] {
    direction: rtl
}

._3nwIT,
html[dir=ltr] .RZ7GO {
    direction: ltr
}

code {
    font-family: Consolas, Menlo, Monaco, "Lucida Console", Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, "Courier New", Courier, monospace
}

input {
    margin: 0;
    font-family: Roboto, sans-serif
}

button {
    border: 0;
    margin: 0;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    font-family: inherit
}

pre {
    white-space: pre-wrap
}

a {
    text-decoration: none;
    color: #039be5
}

._111ze._2lc14:hover .RZ7GO,
._111ze._2lc14:hover ._2a1Yw,
._111ze._2lc14:hover ._3Ye_R,
._12oAB a,
._1OmDL:hover,
.alert-message {
    text-decoration: underline
}

::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important
}

.native.win32 ::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important
}

#windows-title-close,
#windows-title-maximize,
#windows-title-minimize {
    -webkit-app-region: no-drag;
    width: 45px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2)
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .08)
}

div[data-list-scroll-container] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#app.windows-native-app {
    top: 29px;
    height: calc(100% - 29px)
}

#windows-title-bar,
#windows-title-bar-wrapper {
    top: 0;
    left: 0;
    width: 100%
}

#windows-title-bar-wrapper,
#windows-title-close,
#windows-title-icon,
#windows-title-maximize,
#windows-title-minimize {
    position: absolute;
    height: 100%
}

#windows-title-bar {
    -webkit-app-region: drag;
    position: absolute;
    height: 29px;
    background-color: #2cbda5;
    z-index: 30000
}

#windows-title-resize-bar {
    -webkit-app-region: no-drag;
    position: absolute;
    height: 3px;
    width: 100%
}

#windows-title-icon {
    left: 0
}

#windows-title-icon p {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
    cursor: default
}

[role=button],
html[dir] ._2548U,
html[dir] ._3LmNK {
    cursor: pointer
}

#windows-title-icon.focused {
    opacity: 1
}

#windows-title-icon.blurred {
    opacity: .7
}

#windows-title-minimize {
    right: 90px
}

#windows-title-minimize.focused {
    opacity: 1
}

#windows-title-minimize.blurred {
    opacity: .7
}

#windows-title-maximize {
    right: 45px
}

#windows-title-maximize.focused {
    opacity: 1
}

#windows-title-maximize.blurred {
    opacity: .7
}

#windows-title-close {
    right: 0
}

#windows-title-close.focused {
    opacity: 1
}

#windows-title-close.blurred {
    opacity: .7
}

.message-in .tail-container,
.message-in.tail-override-left .tail-container,
.message-in.tail-override-right .tail-container,
.message-out.tail-override-right .tail-container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC)
}

.message-out .tail-container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURUxpcXmHa4maet/4yA0aDRMTE8fhsgAAAAAAAMDXrCsxJeX/z1xzXIiYetPsvGBsVUdPPuH8zOH8zNDrvMvmtrrOpwAAAAAAABUVFRoaGtnyxLTMozQ+MMfftFBeSR8nH5aoh6q/mW9+ZN/4yMjhtRwlHAAAAIOWd+r/06C1kkNLOwsLC9z4xur/0+n/0t76x9v4xeL9y+b/z+j/0d/7yeH8yuX/zeD8ytz5xt76yOP/zeH+y+b/zuD8yd35xuf/0MY9jkkAAAAsdFJOUwBvd/ATDZIBAsMp/At/11c9yPbizHoICQwT4bY1ykkgjahl6s8bBYT6nUAWOLbtFAAAAIhJREFUKM/tzbUWwlAURNFBE9zdg0NecLf//yvKUJyUdDnl7HXXletXqmXl9wPbQ9JCcC+VJsOj2mDwovzj3osjHGNFEVxNRAj7UR1hlx+I4FbuC8HkZBE8OwnRxamdFsEmUxCCGdoI51RLBK9xVwTvjyMEbzlDMJMp7lqseNc8YNc6CGyF/a0vcmwhZbCG+kEAAAAASUVORK5CYII=)
}

.message-in .tail-container.highlight {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAClUExURUxpcTU1NcrKyoyMjA4ODgAAAAwMDAAAAAAAANjY2Dc3N7a2tmBgYDg4OMvLywAAALm5ubi4uGRkZMrKymdnZ4yMjM3NzdnZ2b6+vrOzs7Ozs4GBgQAAALy8vImJiQ8PDwAAAGpqasnJyTExMVpaWg8PD8XFxdLS0jQ0NLKystbW1lpaWoaGhszMzM7Ozs/Pz9TU1NDQ0NfX19jY2NPT09HR0dnZ2Si/rzgAAAAtdFJOUwAw6pUSAxQBAv0zwVo26AXFxl7lY5HMfOi+mHYJz40RDAzjLlcQ0Psxv/xBiUTl04kAAACNSURBVCjP7cu5FoIwGEThUcE/ccV9FxV3jQmgvv+jUUE1qWy95XxngLL9bGqqXqbaZfkxFHbzlMN64wGscg8E0ZsDunVLQTDW/CH9Rk4BaA4cB7R6lgOGmoOEk4w/ELQdB9RGloKgo/lD1DajAMQLxwHJIaUgON4tfUA9vxxwul044Hr2gHr4IMS/3ysApV8k8vjzIswAAAAASUVORK5CYII=)
}

.message-out.tail-override-left .tail-container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAC9UExURUxpccfftAAAAHmHaxoaGg0aDUdPPgAAAAAAAN/4yBMTE8DXrCsxJYiYeomaepaoh9DrvMfhslBeSdPsvAAAAGBsVVxzXLrOp8vmth8nH6q/meH8zNnyxLTMo+H8zBUVFeX/zzQ+MN/4yG9+ZAsLC0NLO+r/08jhtQAAAKC1khwlHIOWd9z4xur/0+n/0uP/zeb/zuH+y9z5xt76yOL9y976x+H8yuj/0eb/z+D8ytv4xeX/zeD8yef/0N35xpCL5lsAAAAsdFJOUwDKCG8TEz0BAvANwyl/d43ikknXCVcLeswgqPbhtsgM/DXqZRZA+s8FnRuEnIC2ewAAAIZJREFUKM/ty7UWwkAARNFBE9xdgms2uMv/fxYdad5WtLxy7hnpW73R98PC3Sld7ghe8eYjVJs7BuUDCyQiGwYlUxZQzOwZou0rg1qVI4PKnQOCo5zhh9K9LYOy3TODaoMTg1swDIpnHgwajp4MGr/eDItlwKDV3DBoOrOA1jaY2MDVv9/7AJRGIVI5MG8aAAAAAElFTkSuQmCC)
}

.message-out .tail-container.highlight {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACoUExURUxpcaG3kg8PD1JdSXeHbLPKoCo1KgAAAAAAAA4ODr7Xq7HJoFZkTi8zKgwMDKK4kZ+1kC03LXuJbr7WqwAAAL/XrFpkUgAAAHuMb7LJoHKBZae9lQAAAJ2zjsfZtwAAACwxJp2yjqW8lVVqVbLLoQ8PDyk0KVJaSbHHnr3Vqp2yjXWEarPLobbOpLrTp73Wqr3XqrPMobnSp7fPpLfQo7fPpb/Yq7bPpKsjaEcAAAAsdFJOUwDFEVqN6DABAhL96l42FMbBM5H9Bf1jA5XldugMmHwJLr7PDMwQMVfj/L+JZBaDmAAAAIpJREFUKM/tzTcSwkAQRNHG7grvvfdGuxL+/jeDTASfgCLlh/OqaxQmrSZLJb1BeB0bhstwxHBbTBniAf84pwIEVywLodCRIYh6LUMLX61IAC5XF8GpXRJC3OgaAl8LRAvXzwuhmZEhiLLW0MLP04LCx24mhP0WHry6Hy0OdFjzXZsPd9mv4d/vPQGQ9iBRfDf7rQAAAABJRU5ErkJggg==)
}

.media-video-thumb {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAAG4BAMAAADF5O+AAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURXiQnIabpn+WoYOYpHyTn3mRnYWapYGXotUtPzYAAALNSURBVHja7d2xTttgFIZhqzLKfASia6DQnVbsSaV6RlSiK76E3P/CgtpSknjpL8dfn+cGwisIBuf3OV0HAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAp6b9dN3DzcAptj2M1cXl7Am3VyuV67razu2ZxdT73T+aPauh+5ri7lnEf5237UE1tZo17ahv3PHUValp/1TbuYuLlh/Vi33KTb7q+WsadtW2ry+Mvv2sa1zeOq4eJy9Ci4zYTfz+sl3slOB43VG5cPwbHbSs3blW5ca//jWTGvf43EhnXj8FxQ+XG/frjITFuFxz3+95GXtwfN6Xy4obKjevH4Lht5catKjfu7S3usLi3t7iz4voxOG6o3Li/70hFxe2C4959YBYU9/6TzqC4oXLj+jE4blu5cavKjdt7biIlbu+5iZC4Pb9NcuKGyo078DFnRtwuOO7QKayEuIPH5xLihsqN238ZCInbVm7cqnLjjh3GXXzcscO4S487/NskIG6o3LjjZ+cWHrcLjps42r/ouO93wXGfKziuxIkTJ06cOHHixIkTJ06cOHHixIkTJ06cOHHixIkTJ06cOHHixIkT9x/HRR+Pij7YFn0kMfswafYx4OgD3NlH76Mfmsh+3CX6QaXsR8yyHw6Mfqwz+4Hc6Eepsx+Czx5fED14IntkSPSwl+wxPdEDlrJHY2UPNYseR5c9SDB6BGT28M7ssavRA3OzRx1HD6nOHi8ePRg+e6R/9jKG6DUa2QtQolfXZC8dyl4XFb3oK3tFW/Ryvey1iNELLbNXkWYvkW2+/jd6cXP0yu3oZenRa+67q7ZxFxMvPzSNe2ob9zz1nt90y70WNP3aZ37Tnc/b1vbn8n7muLOG37rzh5njusd2F7l1N7ufY6O22+4E9Nefvv5zX242HQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAS/IC5yVH48Ho/XwAAAAASUVORK5CYII=)
}

.video-thumb:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1MzM2RURCNkNENDExRTQ5RkU2QzhCRUQ4QzBGNEI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1MzM2RURDNkNENDExRTQ5RkU2QzhCRUQ4QzBGNEI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTUzMzZFRDk2Q0Q0MTFFNDlGRTZDOEJFRDhDMEY0QjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTUzMzZFREE2Q0Q0MTFFNDlGRTZDOEJFRDhDMEY0QjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hzhloAAAALUlEQVR42mJkYGCQAmKG////P4OxgeAZI5QBkmBAAUABKRCGcqVgunDqAAgwAMVXEV0KauMTAAAAAElFTkSuQmCC)
}

.app {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA7CAMAAACNKhBwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF8PDw7u7uWpQKmwAAABBJREFUeNpiYGSgP2QACDAADg4AO0yU4IQAAAAASUVORK5CYII=)
}

.chrome-media-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAMAAAAau2s5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNWVmZmQ5ZC0wODY2LTRhOTAtODY0NS1lYTJmMzA1NGRkZDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0FDREM3QTI3QTYyMTFFNEJBRkZDOTdBMEM3RUNGRjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0FDREM3QTE3QTYyMTFFNEJBRkZDOTdBMEM3RUNGRjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVlZmZkOWQtMDg2Ni00YTkwLTg2NDUtZWEyZjMwNTRkZGQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1ZWZmZDlkLTA4NjYtNGE5MC04NjQ1LWVhMmYzMDU0ZGRkOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmJuEYoAAACNUExURfr6+vHx8ezs7J2dnX9/f/Dw8JOTk/j4+ImJiZqamuvr64+Pj3t7e29vb4uLi3d3d3Nzc2xsbO3t7Zubm3p6eoeHh6GhoYWFhe/v7+7u7oKCgo2NjaOjo4ODg/39/aioqPLy8rS0tKWlpXx8fJCQkLGxsZeXl2lpaerq6qCgoICAgMfHx5aWlv////X19UBlCV0AAAEVSURBVHjatNTZdoIwEAbgIYGEtSxaBbFo3aot8P6P12x42pqhufG/IDOHj7AGGBwD7rCfiUGyEBCfpZ8GDUc0vXGjExTOCUrnApVzgNr9D41zmHF0g8M4D3nH/zR2CPt3D343Vsi93W03SdjLhlthd6aUHrQE7yCac4fMuI2iaCslmJIj1xisxBe2CgA8U2B3DQFljNHADIA/RwgWSZIs1EY6/IFDfXlRudQw/2agYa8irNG7Z2B9ehM51YPaj5+6aX2VtlESvZkqTNM0VJtKyt6+XL+qdZ7na0L0MC3Xx1Sboig25Edh/1MQP8uyT3IvfYLAtizLY2wOOoqmRWC8/FjG9+mnxnaNcXh9bOAJvz3HfAswALlz1K01RDc5AAAAAElFTkSuQmCC)
}

.attach-media-audio-thumb,
.media-gallery .image-audio,
.media-viewer .image-audio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAAG4BAMAAADF5O+AAAAAGFBMVEX/rR//riP/sSr/tTX/uUH/vUz/vEj/tzqH5JbhAAAEQElEQVR4AezBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgLkxf9aGYSCKN+rQVZBAVpOAszaxm87FMv0A9VP2hCNr/yWfv9Ch0ORkJEGGp99u8OOnu5PuNkwWTet+6ZqFLSrZ0uEfblNKPtMKrvBdVUQ0BOCPtxIE8Z/c2s4Y5ViVqY1dXosIOs7+v0UUB0uY7YxIjpYu2wnR7GyZZ5LyZG6RxIEpW41E9jzZZkjmhSXbvSAZ/0jSTHpkMFjyguMvuzky+SB4CPTIZKiIJxz/tHtAEO9c0zgnCPJO2ilfN3+Hziy/OTvmTHf2dVFO5ln4RrmR2E2QvjfyFdmIG9Z3KtOea9hp4jobrM+WSp0ibnQBtCJSZ65FrMe/mAqNujo1m5ZuT1JxSjYlHYe6OusmPKdQN5G8v6wv1VmCy8lb7IdPBNeUU/oDRn8k7X6YNUPdiGEgiErttaUhLTYp9yeYlCexZdP4pHL/Pzq+MDsrvR+I6tXuzJu5AosTS/j3kwSvTvl1yII5uxMuJ21zBCWcpDxcfYjxg8KUE6uU9xRzoLEyO+WIRSk/zqbH9EqTu5U9ecF0cLfy6SfThN3K5J8PZy+N2FXlNwAOLqAnI5gb08GHRJQKkyuLZEQcvvw3VCmo4jsy7TxFPQUl93xK/igzpAtoBEPFORV4clPFAh14cklGcRl3ckPH3xfu5KaAUVFH9yfaJbPhjRZ3mnJQCfb/C6cS5BYsyy3lpCZMTzZleKosPRnSMqaxgurh/9w3KrC+ayXgC8UoD614v2HSuNmjJj7hgySWFfU98aSnxDZJcmn0RKooJLJMpA+KB93luX5xnGCIfjDieMGHiQTShnfnlM2XvLU4OTa35FdcOTaX5bDaOJ3lJo8ZHRN4Omdeeg9vAZueKGmuBmhUpjzuDHCXTAGUIyAhFsrjroDfHgqFvkrAwHbK41ZA0NgpaJk5IqV/XArwzhd7d6waIRQFYXjUJdvabC8BU98i6ReCfWJE+4D9Nr5/XkDY5g7nQP7/Db56igFn68OL+8mCU7X+Nw4cOHDgwIEDBw4cOHDgwIEDBw4cOHDgwL2e1T97DjkrH+684fkscB44cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDhw4cODAgQMHDlxkoxc3K7KbF/etyF68uC9FdvHi7oqs8+KKImu9uEGh7U7cqtgOJ25TbDcnblZsFyfurthaJ25QcJMPtyi60YebFd3Vh3soumZ34dZe4Y0u3Kz4OheuKEGHB7cpQ1cP7qEUHQ7cphx1DlxRkt7q436VpWaqjVt6pand6+LWQYnq9pq4tShV3VQPtxQlq3mvhfvsla/2T8YuGICQ5zB1GCswANqDYwEAAACAQf7Wc9hdXQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQMVQysJwSMnUAAAAASUVORK5CYII=)
}

.firefox-lock-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAAAAAAIDsTXAAAAAnRSTlMA/1uRIrUAAADlSURBVHgBnIoxz4IwFAD9/180zzagJTCytSSE0A7uMGH6Xwo6QKKvn6Q6vBLjTXfJ7R5f8vPobFMWZWPd9jh3efYi7+aN8a7EG3mLjkt1/qRaYmN/8oj6Uot/6yOjEyliJtTJeBWOHocE0WtoHwM9Ss55Mq4xpliSHgvGmAqlsDJ6PAKACWUAoccDokNpn/S4R9pQrU9ivMIfBdhnrfJuAiAAA0B0af8kiCKija4luJT9kSt99WO8ztrNeBjG3TBuhnE1jIthnA1jGsYwjJNhHA3jYBh7w9gZxmhrwfhEU8kX0f0XP/GzQdYDmiDnAAAAAElFTkSuQmCC)
}

.opera-media-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAAAAAAIDsTXAAAAAnRSTlMA/1uRIrUAAAF1SURBVHgB5dQ/z9MwEAbwe2wnTpoKJCao2ChlyMaCYIOPwIdlZWRAIPX9F6mFLrQVRYgWaEqbOD6E8yqlCTRdmHims/PTSWfLUUynRdG/gOnVhx0x7QPy78bdBkxfrqSUB7tFNl4869Zhsgo6CoRqj4mL9Nvlo70aDX7BmYpCVKykDDOrVvNXCwd/SFVzBJIqM+Wgy9dTluUwUgiqBVIaV2zeTrzI7NqOJz9PEGm7y0sIgQaBILKjodHa93IjjnbMXmyCG76nYEEOAkBDAci+d6JQweUYJEhfe8AJdy2vL6ylI9yHdkggtsxABf8eW2RKAoSWqb1wC/Z9ibZh/OdJstZGKyY4CBCaDAIivn/xLs81Wyoh/XEY1/Thg7NpLgw7KCxzXTJb4Yro8ZfhRzIOhpuCCIeOrNGyrG89nb/57GBvvCZVgya1vWrVuzNxsP/p61IJ/O6ssTcHVAX3HAyevJ9v84Pniuh2P2y+6yCOT/9T/F/wJ+2GeosnCNmJAAAAAElFTkSuQmCC)
}

.icon-doc-generic {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAYAAADL94L/AAAByElEQVR4Ae3axdJTQRAFYFyegA3u8ALseCDcicsGhxt3x+G32BXc3X3NBnfXYTqp3sZlhuqpOlXZRL46He9ReJyJxGSTEreaPfEHZiX+1uSJvelVNu+Jvjd7Yk9zI8aSUe0eDpjCIYfNSuw5v/zF5In/6mU27478tXriLJvXjdSwPq1lCDTCmxjiCNav8GZYBVMwWKagX8kWjk9vCcMhYWhEFEw1+oV0wZjdPKY6Vn9EwmBDTYPwBoXCYPLGDQTJjkHQNQRJj0FQtmgs+C8wOHIIkh2DoDu5vD5Xfkz9hsTBWDyxhjDYUDqvLRYSY1JilSQGyyxXOt4QKJPX70NDQmI27gyxHcn9bH/5RFMNAUgoDI4afOAMHBiCdiDNj5woGAhgsCEYudSI1lBCRwoPL957slAoDDYEoPXb/ZVs3FE/y9072fDxsx4BMPVfGOpl1VY/y5++4EWM1Fm9LcCKpy8RpnchDGEIQxjCEIYwhCEMYQhDGMIQhjCEIQxhCEMYwhCGMIQhDGEIQxhYNlXiP+XHXLRDM5thQVpyzIfS2YtLceVEkRmzalsgMArPhp258bA6b/LEb8LqPM930VNdvY/fhMmCxw+Of+4BTcPInBo2AAAAAElFTkSuQmCC)
}

.icon-doc-doc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAulBMVEUAAACPw/ePw/lgqvVfqvaUx/mQxPhfqfWjz/lfqfVfqvZgp/9cp/ZfqvZgqvaayPpTpPVfqvVjpvNgqfaQw/mjzvq42PdfqvZgqvZiq/ZwsveRxflkqe9rsPdcqPZeqPRorvfN5fzw9/5bp/Z2tvdZoOqTxvqCuvPj8P7+//+QxPmBvfl3su+Pw/lWpfWx1fuJwPlUpPWVxvnp8/7////4+/9ure3C3/uq0fvb7P1usffn8v15tfFMmOceGILeAAAAF3RSTlMAIdHm7ijJ+JH8eQeTzaw68foX1Ll9kGZdllAAAAEQSURBVHgB7dZVcsMwFIVhhTkp5krmMJcZ9r+sMl7PEczopfC/f7ZFtoUQreZuWVepJ3g73VKtoSvaKzDS6kp9abSsMtQumQ1HtYbZcCSl2TBkZRiyNU+o4m6WxYqzeUIFd/P0eO7m6fGsDUNmQ+lsypA0ll6E4XdkYSbrTTj96AlJczSJ1rOP7vrQsFt9dl/HBnX8y00Cg0YFqBtkKJuDbgdEwMSLM9Cp9GnUCWoD54AOYH7XZwRDhtQRagVNfA5azKXX9RmirpGRaowKfM6bt/NDekPZYa6rIAEGz/VwNfJvskGuy3FimAOVzzhvlA+Z//f1vyltu5p90Sw5mq2eEG1H03759e+Ua7aVO82WeASxdDP0M8Z9fAAAAABJRU5ErkJggg==)
}

.icon-doc-pdf {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAvVBMVEUAAAD3d3fxRkbyRkbyRkb3fn74g4PyRUX3lZXzRUXyRUX/RkbyQED3fn7zRUX2iYn/Rkb4lpb0cHDvQEDzRETzRkbzQEDzQkLzOzv////939/yODj2enr4kJD0UVHzPT38xMT92tr5lZX1ZGT+6+v4g4P1bW35m5v7yMj91dX3fn76sLD1XFz6qan//f36trb+5OT0VVX6rKz7vb3yNDT4iIj/9vb0TEz5o6PtTEzlRUXsYWHiNzfyRETsSEiKDgROAAAAFHRSTlMAH+Z5+80n+JHu0AWTv6w6CX3V/BbNCjoAAAHfSURBVHgB7daDsisxGMDxHNtftLZqu+//WDebOu1p08H1f7D8zRoIoferx4djXb4htYvXy7vrI32NXi4U8v6KjzcbFTcKer48bQplS3dYwyhbwhpGRTpGRZpGoNvzjUT6RkU6RkX6RiJNM7dUhE/2NYkVhDU2lCgIa6DxxNr0eathBPoab5re6xjJ1pkaRu2XmP8GiIzKCSrHAW9NiKhiwKnKsFkukRMOZaWCVnWZA7uGxEaZn6UDApBGYjz3ekDFZtrGoig1FRPwZXnoQoXL6p0qwSTjy9pdxdicG41K1ue8g6kwRiWLOPcHQDzO84aoE7N9M2SMWX1eD11hal0zNMQ8tzQ2c0UU75saBXB9zhMmTJthsyc2J7cTuIRSQQ5sxzRZK9oYN4x4VGXCDMtz14IDxiusntiM0SILQ6oG71umMLKcHTCL+rEL+qZe5iWUwta+hUwYz7btoCAHTCdJEgcTgKUxY84NfPwc1AihABhLM+x2N+c6oICXqWa5RJo8bTQ59x04YgJhYMvIMnnvfGtivxmsTdr0RbmNCca0ZjR7FCtGNnCcAd6aEIELyhLFABXb35qg62k59v9d9d/8MnN5fa75QFeXZ5qvN4SezzTPCKEn8et/p9vD49UT+gEdNgrQ89qG8QAAAABJRU5ErkJggg==)
}

.icon-doc-xls {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAulBMVEUAAACK4K5X0otX14eI362F3aqG4q1X0Yqe5LxX0YpW0otT0YhS0YdW0otW0otX0otY0Iug5Lqg5r2e5byf3rr///9O0IVR0IdU0YlX0otV0opV0YpKz4L+//5S0YjJ8dqK4K7p+fCQ4rKI36x426KL4K5t15p12qDT9OFy2Z5Lz4JXyIdZzotb046r6MVY0oz9/v2D3qpo15e47M593KXc9uj4/fqh5r5PxYHL8dvP8t687dCd5bue5bzVEOpnAAAAFXRSTlMAwekIyxwk+JHcffGW/KzN0Ss+eo5vCipPAAABZklEQVR4Ae3WhfaqMACA8dn1T3VBd9jd+v6PZY/L2YExbtdnKz8aAQBQar43eH18ArbKW7HGbVioMKT0JvFThh6LXorZxmRQ7VXAMIgPqDHLldyGTimPuaFqfmOWq/kNXSZxQ6ckaByTQQJm6TFIyoz4thlHQmbg2p4XR5II8mdOVPkzMny0HURtu9RkpUSpdWrE6//VBqnpoUQjS87mmNbGUZIMkfYwvZ0uJxjla83aurWG0Iq35pow6F0zIJz5vagg5BpDQRjjBYTzPqYhxeCbEbm+PUDN1yUaGf0Io8uyfDcyTc8yE0wIuZo5IjQ84RtrfGsF4WIcy/ru2xROb2nPVxrfhMvAdV0DQjNwacEy/A7r4BdtU6wi1L/tbyqiqZhvVvatEMKTZ39pxTVa4rrWvvc2naYFDcbQXGeWlhNQwhiM0sN/zv/1f1N8zWs6oFnMaVptAF5ympf7pf9HqyZa671ZAhesTDDT4wdnEAAAAABJRU5ErkJggg==)
}

.icon-doc-txt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAvVBMVEUAAACfsLihsrl5kJp4kJultrygsrl5j5uzv8Z4kJp4kJt1jZmhsrh4j5t0i6J4kJusucB5kJp5kJt5kJt/n59/mZlviJSzv8Wvu8H///91jZh4j5pzi5d3jpl5kJv6+vuhsrmuvMJ+lJ5yipaktLvAys/FztN7kZyaq7OJnaaNoKn+/v/7/P21wcfr7vDx8/Tt8fKHm6WVp6+RpK3f5OequL+DmKLP1tra4ON7kJtviJSesLduh5N1ipNrgYvfIttIAAAAGXRSTlMA0crm/Cgh+JHueZO/rAXNOvQX1AgK8X2QgEGk0gAAAcVJREFUeAHt1IWS2zAUBVAvM5T7BM/MYeb//6zeLIRBmh0o3ZBgjsiOHcf5dvvl5lDOnp3NfH44uzo/ED28v9wgXx/4cPTQO91Ad2fHjbcx06dzA7MxE7OJAbI3QNYG6MLeeCcX1gbo0t5geaaGFwbLMzNSZhvIwIg82kB8NFq0NhAfjxDNbLwIEBtEq+kys58wRpGLTK5hLDP6oPlv5DLz8qJtreOAQUUzol/KG2hhRJHE76nm1SSJWLKuxkk3X3bEhV41YUSL1FsJvgotMpfIb9MirheuGY9ct1JSWXHLRptrRIniAdGA2/MOotJ1y/pYLQ2SBgG36lQrUEhVF4PmXkluFqIuMWGNA3RsnUHYhmkK7FSnfaIOpukLOe9owYTb54aoF6MZCTEyUm+Kl465USgcMkAJIVXFFmbkYd+VXFsYHWAz8+1YmNDHLC5VvNDYiLxBFGNLnVQYmxhnFqCKU5BmRmc4AF+EL7eQOGIaL0ZyB6sKtOxhhQkfNLoX+VEgWfa6vl+8zOf7fopfNER6p2EplHj5VUppRgQKbw3i/7Pqv/mjzNmVrfnh3J5Zmu/PjnNnae4cx3m8fbq5Ms3N0+2j8ws7X1cWmnQE/gAAAABJRU5ErkJggg==)
}

.icon-doc-ppt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA8CAMAAAD8KXLNAAAAvVBMVEUAAAD72HT712j4yTf4yTj52nn72XX4yDj73475yTn/yjT3xzr4yTn5yDn5xzH63IL4yDn4yDj62Hb4xCr84I755Kj5yDT5yTj////5yDf5yTn823j5xzD5xi75xiz5xSr72XX60FD//vv6zET6yz796az/++/tvjL6zkr84I797bz6yjn+89LzxTzzxDb84pTyzFv96rT71mnuxUr+9dz10Wb834v72HH+9Nb+9drruCP73ID+9+H856b85Jt3fPirAAAAFnRSTlMA0Rx5/CbJ+JHtB+TNrJI6l9S58X2QIoLA1AAAAW5JREFUeAHt1oN6A0EUQOGJnXq0ZmzV7/9YvXXXe2udj4N/EW0IIc3SQSOt1h4JV+w0auW0JofFEGl2ZHpiYlZDaL+RbcxqJWBq5WwTRhLKNnB5eANnwhtAWAMVKngDCG/g8vAGzoQ3gHKajRJCMrPpCkwAZRsxnZvKc4BkDtRbzTdPzU9yGGjae+68ns+MXmSAwfYzDDWyo0FDrW1Wg61FA0a/sHlWtqK92ajL8enY59w/i+t2AdaXasAw13FGQ849tx/NWXA+HDmOywJGCkoNMFcGjWZ4YGBBRN4fpt0ancnbKJPPC+qt0WAm1QiLUazRZkNLZTijX/NLhapYw23P0pEGWitCIA00EAxp7EWfIs+zViiTOOP1YRvK+IpQce8PXVpwXSgDSCA+bwaNpqeYpO+Pu0g18HWMNvZTTULvaSTdzQZJzXZUxhhAanL07b/X/6ZVw5pjUmohzRH8Re8iTffur3+7Uctbo11qkhvyszc0CTNWCAAAAABJRU5ErkJggg==)
}

.color-1 {
    color: #35cd96 !important
}

.color-2 {
    color: #6bcbef !important
}

.color-3 {
    color: #e542a3 !important
}

.color-4 {
    color: #91ab01 !important
}

.color-5 {
    color: #ffa97a !important
}

.color-6 {
    color: #1f7aec !important
}

.color-7 {
    color: #dfb610 !important
}

.color-8 {
    color: #029d00 !important
}

.color-9 {
    color: #8b7add !important
}

.color-10 {
    color: #fe7c7f !important
}

.color-11 {
    color: #ba33dc !important
}

.color-12 {
    color: #59d368 !important
}

.color-13 {
    color: #b04632 !important
}

.color-14 {
    color: #fd85d4 !important
}

.color-15 {
    color: #8393ca !important
}

.color-16 {
    color: #ff8f2c !important
}

.color-17 {
    color: #3bdec3 !important
}

.color-18 {
    color: #b4876e !important
}

.color-19 {
    color: #c90379 !important
}

.color-20 {
    color: #ef4b4f !important
}

.bg-color-1 {
    background-color: #35cd96 !important
}

.bg-color-2 {
    background-color: #6bcbef !important
}

.bg-color-3 {
    background-color: #e542a3 !important
}

.bg-color-4 {
    background-color: #91ab01 !important
}

.bg-color-5 {
    background-color: #ffa97a !important
}

.bg-color-6 {
    background-color: #1f7aec !important
}

.bg-color-7 {
    background-color: #dfb610 !important
}

.bg-color-8 {
    background-color: #029d00 !important
}

.bg-color-9 {
    background-color: #8b7add !important
}

.bg-color-10 {
    background-color: #fe7c7f !important
}

.bg-color-11 {
    background-color: #ba33dc !important
}

.bg-color-12 {
    background-color: #59d368 !important
}

.bg-color-13 {
    background-color: #b04632 !important
}

.bg-color-14 {
    background-color: #fd85d4 !important
}

.bg-color-15 {
    background-color: #8393ca !important
}

.bg-color-16 {
    background-color: #ff8f2c !important
}

.bg-color-17 {
    background-color: #3bdec3 !important
}

.bg-color-18 {
    background-color: #b4876e !important
}

.bg-color-19 {
    background-color: #c90379 !important
}

.bg-color-20 {
    background-color: #ef4b4f !important
}

input::-ms-clear {
    /* display:none */
}

#main::after {
    display: none
}

.matched-text {
    color: #009688
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 15px
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    line-height: 18px;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: #263238;
    outline: 0;
    width: 75%;
    padding: 6px 36px 6px 4px;
    border: 1px solid #d7d7d7
}

.emoji.apple {
    background-size: 100px 100px
}

.emoji.apple.b94 {
    background-size: 60px 100px
}

.emojik.apple {
    background-size: 172px 172px
}

.emojik.apple.b94 {
    background-size: 102px 172px
}

.emoji.wa {
    background-size: 100px 100px
}

.emoji.wa.b96 {
    background-size: 20px 20px
}

.emojik.wa {
    background-size: 172px 172px
}

.emojik.wa.b96 {
    background-size: 32px 32px
}

.emoji,
.emojik {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    border: 0
}

.emoji {
    width: 20px;
    height: 20px
}

.emojik {
    width: 32px;
    height: 32px
}

._17b-C,
._3qcsE,
._3u40Z {
    overflow-x: hidden
}

._2548U {
    font-size: 12px;
    width: 100%;
    height: 16px
}

@media screen and (max-height:500px) {
    .windows-native-app .app {
        min-height: 471px
    }
}

._28ZV1 {
    height: 67px
}

._2umId._3_Cor {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

html[dir=ltr] ._2umId._3_Cor {
    margin-right: 15px
}

html[dir=rtl] ._2umId._3_Cor {
    margin-left: 15px
}

html[dir=ltr] ._3SbZ9,
html[dir=rtl] ._3SbZ9 {
    -webkit-flex: 1 0 auto !important;
    flex: 1 0 auto !important
}

@media screen and (max-width:720px) {
    html[dir=ltr] ._2umId._3_Cor {
        margin-right: 8px
    }

    html[dir=rtl] ._2umId._3_Cor {
        margin-left: 8px
    }
}

._21zbN {
    opacity: .6
}

._2BhJP .alert-title {
    color: #fff
}

.C534L ._22iYz,
._1VeYA ._22iYz {
    height: 62px
}

._1eZIN {
    height: 44px;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

._16pld {
    position: relative;
    height: 44px;
    -webkit-flex: none;
    flex: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    z-index: 300
}

.QQnvT,
._1Z45b,
._2SJud,
._3xr1I {
    position: absolute
}

html[dir] ._16pld {
    background-color: #fff
}

html[dir] ._16pld._3NVMy {
    border-radius: 4px
}

._3xr1I {
    bottom: 0;
    transition: -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: transform .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    height: 4px
}

html[dir] ._3xr1I {
    background-color: #009688
}

html[dir=ltr] ._3xr1I {
    left: 0
}

html[dir=rtl] ._3xr1I {
    right: 0
}

.QQnvT {
    top: 0;
    z-index: 200
}

html[dir] .QQnvT {
    padding: 6px 12px;
    background-color: #f0f0f0
}

html[dir=ltr] .QQnvT {
    left: 0;
    right: 6px
}

html[dir=rtl] .QQnvT {
    right: 0;
    left: 6px
}

html[dir] ._2ZCmz {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

._17b-C {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow-y: auto;
    display: block
}

#app,
._15Q1E,
._1FKgS,
._3nvdy,
body,
html {
    overflow: hidden
}

._2Brv4,
._3YcRv {
    display: -webkit-flex
}

html[dir] ._17b-C {
    border-radius: 5px;
    background-color: #e0e1e2
}

html[dir=ltr] .J55-s {
    margin-left: 6px
}

html[dir=rtl] .J55-s {
    margin-right: 6px
}

._2Brv4 {
    transition: height .18s ease-in-out;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

html[dir] ._2Brv4 {
    padding: 10px 12px
}

.QSZxm {
    font-size: 15px;
    z-index: 1;
    line-height: 20px;
    min-height: 20px;
    width: 100%;
    outline: 0;
    font-weight: 400
}

html[dir] .QSZxm {
    background: inherit;
    padding: 0;
    border: none
}

html[dir=ltr] .QSZxm {
    text-align: left
}

html[dir=rtl] .QSZxm {
    text-align: right
}

.QSZxm::-webkit-input-placeholder {
    color: #a4a4a4
}

.QSZxm::-moz-placeholder {
    color: #a4a4a4
}

.QSZxm:-ms-input-placeholder {
    color: #a4a4a4
}

.textsize-xxlarge .QSZxm {
    font-size: 16.6px;
    line-height: 22px
}

.textsize-xlarge .QSZxm {
    font-size: 15.6px;
    line-height: 21px
}

.textsize-large .QSZxm {
    font-size: 14.6px;
    line-height: 20px
}

.textsize-small .QSZxm {
    font-size: 12.6px;
    line-height: 20px
}

.textsize-xsmall .QSZxm {
    font-size: 11.6px;
    line-height: 19px
}

.textsize-xxsmall .QSZxm {
    font-size: 10.6px;
    line-height: 18px
}

._2SQVx,
.ofDsP {
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[dir=rtl] .native.darwin .two ._3AwwN {
    padding-left: 78px
}

._3j-1g {
    display: block
}

html[dir] ._3j-1g {
    text-align: center
}

html[dir] ._3_kNZ {
    background-color: #eee
}

html[dir] .ZwkQK {
    background-color: #f7f7f7
}

._1CvEJ,
._3YTOO,
._3gAUV {
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: -4px
}

html[dir] ._1CvEJ,
html[dir] ._3YTOO,
html[dir] ._3gAUV {
    background-repeat: no-repeat;
    background-size: contain
}

html[dir] ._1CvEJ {
    margin: 0 4px
}

.UAl33 {
    padding-left: 78px !important
}

html[dir=ltr] ._3qcsE,
html[dir=rtl] ._3qcsE {
    padding-right: 12px;
    padding-left: 12px
}

._2t-jH {
    height: 79px
}

._1Z45b,
._3eST_ {
    height: 100%
}

._2_k0H {
    color: #929fa6
}

html[dir] ._2jL1y {
    padding-bottom: 14px
}

._3q_jF {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 100;
    flex-shrink: 100
}

._3YcRv {
    display: flex
}

._15Q1E,
.btn-reload {
    display: -webkit-flex
}

html[dir] ._3YcRv {
    margin-bottom: 6px
}

html[dir] ._3YcRv:last-child {
    margin-bottom: 0
}

.ofDsP {
    color: #959595
}

._1vuLG,
._2XKzD {
    color: #929fa6
}

html[dir] .ofDsP {
    padding: 5px 0 12px
}

html[dir=ltr] ._1uZbi._1umJf,
html[dir=rtl] ._1uZbi._1umJf {
    width: 100% !important
}

._1uZbi ._3CnDa {
    max-width: 100%
}

.btn-reload {
    display: flex;
    -webkit-flex: none;
    flex: none;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] .btn-reload {
    padding: 0 0 24px
}

._1Z45b {
    top: 0;
    width: 100%
}

html[dir=ltr] ._1Z45b {
    left: 0
}

html[dir=rtl] ._1Z45b {
    right: 0
}

._2SJud {
    bottom: 3px;
    z-index: 101
}

html[dir=ltr] ._2SJud {
    right: 3px
}

html[dir=ltr] ._2RGWj,
html[dir=rtl] ._2RGWj {
    right: 0;
    left: 0
}

html[dir=rtl] ._2SJud {
    left: 3px
}

._3UaZy {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.aK_4s {
    position: relative;
    width: 100%
}

._2RGWj {
    position: absolute;
    top: 0;
    z-index: 99;
    height: 85%
}

html[dir] ._2RGWj {
    background-color: transparent;
    border: 10px solid rgba(0, 175, 255, .8)
}

._15Q1E {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    height: 130px;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

._3LmNK,
._3nvdy {
    display: -webkit-flex
}

html[dir] ._15Q1E {
    background-color: #e8e8e8;
    cursor: pointer
}

html[dir=ltr] ._15Q1E {
    margin-right: 6px
}

html[dir=rtl] ._15Q1E {
    margin-left: 6px
}

html[dir=ltr] ._15Q1E:last-child {
    margin-right: 0
}

html[dir=rtl] ._15Q1E:last-child {
    margin-left: 0
}

._3LmNK {
    -webkit-flex: none;
    flex: none;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 18px
}

html[dir=ltr] ._35sgr {
    margin-right: 6px;
    margin-left: -6px
}

html[dir=ltr] ._2kmnE,
html[dir=rtl] ._35sgr {
    margin-left: 6px;
    margin-right: -6px
}

html[dir=rtl] ._2kmnE {
    margin-right: 6px;
    margin-left: -6px
}

._3QpBr {
    opacity: .35
}

html[dir] ._3QpBr {
    cursor: default
}

._3nvdy {
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

html[dir] ._1DStQ {
    padding-bottom: 14px
}

._2SQVx {
    color: #959595
}

html[dir] ._2SQVx {
    padding: 5px 0 12px
}

._2RM97 {
    display: -webkit-flex;
    display: flex
}

html[dir] ._2RM97 {
    margin-bottom: 6px
}

html[dir] ._2RM97:last-child {
    margin-bottom: 0
}

._2mZ8F {
    height: 62px
}

.contact-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 72px;
    position: relative
}

.CMwTf.contact-item:hover:after,
._3xX6I.contact-item:hover:after,
.contact-item._1FGIr:hover:after {
    display: none
}

html[dir] .contact-item {
    background-color: #fff;
    cursor: pointer;
    overflow: hidden
}

.textsize-large .contact-item,
.textsize-xlarge .contact-item,
.textsize-xxlarge .contact-item {
    height: 72px
}

.textsize-small .contact-item {
    height: 64px
}

.textsize-xsmall .contact-item {
    height: 58px
}

.textsize-xxsmall .contact-item {
    height: 52px
}

html[dir] .contact-item._3df_h,
html[dir] .contact-item:hover {
    background-color: #f4f5f5
}

html[dir] .contact-item._3df_h ._3j7s9,
html[dir] .contact-item:hover ._3j7s9 {
    border-top-color: #f4f5f5
}

.contact-item.CxUIE ._1AwDx {
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

html[dir=ltr] .contact-item._13iu_ ._15rx8,
html[dir=ltr] .contact-item._13iu_ ._25Ooe,
html[dir=rtl] .contact-item._13iu_ ._15rx8,
html[dir=rtl] .contact-item._13iu_ ._25Ooe {
    font-weight: 400 !important
}

.contact-item._3df_h:after,
.contact-item.active:after,
.contact-item:hover:after {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 0;
    content: ""
}

._2i-mT,
._3u40Z,
.font-style,
.message {
    position: relative
}

._1FKgS::after,
.message:after {
    content: ''
}

html[dir] .contact-item._3df_h:after,
html[dir] .contact-item.active:after,
html[dir] .contact-item:hover:after {
    border-top: 1px solid #f4f5f5
}

html[dir=ltr] .contact-item._3df_h:after,
html[dir=ltr] .contact-item.active:after,
html[dir=ltr] .contact-item:hover:after {
    left: 0
}

html[dir=rtl] .contact-item._3df_h:after,
html[dir=rtl] .contact-item.active:after,
html[dir=rtl] .contact-item:hover:after {
    right: 0
}

.safari-fix .contact-item:hover {
    transition: background-color 0s
}

html[dir] .contact-item.active {
    background-color: #e9ebeb
}

html[dir] .contact-item.active ._3j7s9,
html[dir] .contact-item.active:after {
    border-top-color: #e9ebeb
}

.contact-item.active ._1AwDx {
    color: #454545
}

.contact-item._1oILS {
    transition: background-color .5s cubic-bezier(.1, .82, .25, 1)
}

html[dir] .contact-item._1oILS {
    background-color: #f4f4f5
}

html[dir] .contact-item._1FGIr:hover {
    background-color: #fff
}

.contact-item.CMwTf {
    height: 100%
}

html[dir] .contact-item.CMwTf {
    background-color: transparent
}

html[dir=ltr] .contact-item.CMwTf {
    padding-left: 2px
}

html[dir=rtl] .contact-item.CMwTf {
    padding-right: 2px
}

html[dir] .contact-item.CMwTf._3df_h,
html[dir] .contact-item.CMwTf:hover {
    background-color: #222
}

.contact-item.CMwTf ._1AwDx {
    color: #b6b6b6
}

.contact-item._13iu_ ._15rx8,
.contact-item._13iu_ ._25Ooe {
    font-size: 13.5px;
    color: #303030
}

.contact-item._3ntaf {
    height: auto;
    -webkit-align-items: center;
    align-items: center
}

html[dir=ltr] .contact-item._3ntaf {
    padding-right: 24px
}

html[dir=rtl] .contact-item._3ntaf {
    padding-left: 24px
}

html[dir] .contact-item._13iu_ ._3j7s9,
html[dir] .contact-item._13iu_ ._3j7s9._15rx8,
html[dir] .contact-item._13iu_ .dIyEr {
    padding: 0
}

html[dir] ._3xX6I.contact-item {
    cursor: auto
}

html[dir] ._3xX6I.contact-item:hover {
    background-color: transparent
}

html[dir] ._3xX6I.contact-item:first-of-type ._3j7s9 {
    border-top: none
}

.contact-item._13iu_ {
    display: -webkit-inline-flex;
    display: inline-flex;
    vertical-align: top;
    height: auto
}

html[dir] .contact-item._13iu_ {
    padding: 0;
    margin: 0 0 6px;
    background-color: #e8e8e8;
    border-radius: 16px;
    cursor: default
}

html[dir=ltr] .contact-item._13iu_ {
    margin-right: 6px
}

html[dir=rtl] .contact-item._13iu_ {
    margin-left: 6px
}

html[dir] .contact-item._13iu_:hover {
    background-color: #e8e8e8
}

html[dir] .contact-item._13iu_.active {
    background-color: #c2c2c2
}

html[dir=ltr] .contact-item._13iu_ ._3j7s9,
html[dir=rtl] .contact-item._13iu_ ._3j7s9 {
    border-top: none !important
}

html[dir=ltr] .contact-item._13iu_ .dIyEr {
    margin-right: 8px
}

html[dir=rtl] .contact-item._13iu_ .dIyEr {
    margin-left: 8px
}

html[dir=ltr] .message,
html[dir=rtl] .message {
    padding-right: 0%;
    padding-left: 0%
}

.contact-item._13iu_ ._1AwDx {
    display: none
}

html[dir=ltr] .contact-item._2rVcC ._1AwDx,
html[dir=ltr] .contact-item._2rVcC ._25Ooe,
html[dir=rtl] .contact-item._2rVcC ._1AwDx,
html[dir=rtl] .contact-item._2rVcC ._25Ooe {
    font-weight: 400 !important;
    color: rgba(0, 0, 0, .4) !important
}

html[dir=ltr] ._2YdsD._2EEiy {
    margin-left: 65px
}

html[dir=rtl] ._2YdsD._2EEiy {
    margin-right: 65px
}

html[dir] .message {
    margin-bottom: 12px
}

html[dir] .textsize-xxlarge .message {
    margin-bottom: 18px
}

html[dir] .textsize-xlarge .message {
    margin-bottom: 16px
}

html[dir] .textsize-large .message {
    margin-bottom: 14px
}

html[dir] .textsize-small .message {
    margin-bottom: 8px
}

html[dir] .textsize-xsmall .message {
    margin-bottom: 6px
}

html[dir] .textsize-xxsmall .message {
    margin-bottom: 4px
}

html[dir] .message.not-me {
    margin-bottom: 2px
}

html[dir] .textsize-xxlarge .message.not-me {
    margin-bottom: 5px
}

html[dir] .textsize-xlarge .message.not-me {
    margin-bottom: 4px
}

html[dir] .textsize-large .message.not-me {
    margin-bottom: 3px
}

html[dir] .textsize-small .message.not-me,
html[dir] .textsize-xsmall .message.not-me {
    margin-bottom: 2px
}

html[dir] .textsize-xxsmall .message.not-me {
    margin-bottom: 1px
}

.message:after {
    display: table
}

@media (max-width:1216px) and (min-width:1152px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 8.5%;
        padding-left: 8.5%
    }
}

@media (max-width:1152px) and (min-width:1088px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 8%;
        padding-left: 8%
    }

    html[dir=ltr] .three .message,
    html[dir=rtl] .three .message {
        padding-left: 6%;
        padding-right: 6%
    }
}

@media (max-width:1088px) and (min-width:1025px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 7.5%;
        padding-left: 7.5%
    }

    html[dir=ltr] .three .message,
    html[dir=rtl] .three .message {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media (max-width:1024px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 7%;
        padding-left: 7%
    }
}

@media (max-width:968px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 6.5%;
        padding-left: 6.5%
    }
}

@media (max-width:912px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 6%;
        padding-left: 6%
    }
}

@media (max-width:856px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 5.5%;
        padding-left: 5.5%
    }
}

@media (max-width:800px) {

    html[dir=ltr] .message,
    html[dir=rtl] .message {
        padding-right: 5%;
        padding-left: 5%
    }
}

html[dir] .message.msg-preview {
    padding: 0;
    margin: 0
}

._1jpv4 .message {
    display: inline-block
}

html[dir] ._1jpv4 .message {
    float: none;
    text-align: initial
}

.font-style {
    font-family: "Open Sans", sans-serif;
    font-size: 13.6px;
    line-height: 19px;
    color: #262626
}

html[dir] .font-style {
    border-radius: 7.5px;
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13)
}

.textsize-xxlarge .font-style {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge .font-style {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large .font-style {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small .font-style {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall .font-style {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall .font-style {
    font-size: 10.6px;
    line-height: 13px
}

html[dir] .textsize-xlarge .font-style .emoji,
html[dir] .textsize-xxlarge .font-style .emoji {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

html[dir] .textsize-small .font-style .emoji {
    -webkit-transform: translate(0, -2px) scale(.85);
    transform: translate(0, -2px) scale(.85)
}

html[dir] .textsize-xsmall .font-style .emoji {
    -webkit-transform: translate(0, -3px) scale(.75);
    transform: translate(0, -3px) scale(.75)
}

html[dir] .textsize-xxsmall .font-style .emoji {
    -webkit-transform: translate(0, -3px) scale(.65);
    transform: translate(0, -3px) scale(.65)
}

.font-style strong {
    font-weight: 700;
    color: #000
}

.font-style code {
    font-size: 13px
}

.textsize-xxlarge .font-style code {
    font-size: 16px
}

.textsize-xlarge .font-style code {
    font-size: 15px
}

.textsize-large .font-style code {
    font-size: 14px
}

.textsize-small .font-style code {
    font-size: 12px
}

.textsize-xsmall .font-style code {
    font-size: 11px
}

.textsize-xxsmall .font-style code {
    font-size: 10px
}

.AhLfF,
._26w8r {
    font-size: 14px
}

html[dir] .font-style:last-of-type {
    margin-bottom: 0
}

html[dir=ltr] .tail-override-left {
    float: left;
    border-top-left-radius: 0;
    border-top-right-radius: 7.5px
}

html[dir=ltr] .tail-override-right,
html[dir=rtl] .tail-override-left {
    float: right;
    border-top-left-radius: 7.5px;
    border-top-right-radius: 0
}

html[dir=rtl] .tail-override-right {
    float: left;
    border-top-right-radius: 7.5px;
    border-top-left-radius: 0
}

html[dir=ltr] ._29n3K .font-style,
html[dir=rtl] ._29n3K .font-style {
    max-width: 100% !important
}

._29n3K ._17oKL,
._29n3K ._1ZPgd,
._29n3K ._1gqYh,
._29n3K ._2hOiI,
._29n3K ._3UYRI,
._29n3K ._3qMSo,
._29n3K .kNKwo {
    width: 100%
}

html[dir=ltr] ._29n3K ._17oKL,
html[dir=ltr] ._29n3K ._1ZPgd,
html[dir=ltr] ._29n3K ._1gqYh,
html[dir=ltr] ._29n3K ._2hOiI,
html[dir=ltr] ._29n3K ._3UYRI,
html[dir=ltr] ._29n3K ._3qMSo,
html[dir=ltr] ._29n3K .kNKwo,
html[dir=rtl] ._29n3K ._17oKL,
html[dir=rtl] ._29n3K ._1ZPgd,
html[dir=rtl] ._29n3K ._1gqYh,
html[dir=rtl] ._29n3K ._2hOiI,
html[dir=rtl] ._29n3K ._3UYRI,
html[dir=rtl] ._29n3K ._3qMSo,
html[dir=rtl] ._29n3K .kNKwo {
    max-width: 336px !important
}

._29n3K ._1OI2B {
    width: auto
}

.ovjAL .font-style {
    width: auto;
    max-width: 100%
}

.ovjAL ._17oKL,
.ovjAL ._1OI2B,
.ovjAL ._1ZPgd,
.ovjAL ._1gqYh,
.ovjAL ._2hOiI,
.ovjAL ._3UYRI,
.ovjAL ._3qMSo,
.ovjAL .kNKwo {
    width: 336px;
    max-width: 100%
}

.native.darwin .font-style {
    font-family: inherit
}

._74jVb {
    color: #929fa6
}

._3u40Z {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    height: 130px;
    overflow-y: hidden
}

html[dir] ._3u40Z {
    cursor: pointer;
    background-color: #e9ebeb
}

html[dir=ltr] ._3u40Z {
    margin-right: 6px
}

html[dir=rtl] ._3u40Z {
    margin-left: 6px
}

._1dvbM {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

._2i-mT {
    width: 100%
}

#app,
._14i9Z,
.a9eqa {
    position: absolute
}

html[dir=ltr] ._3u40Z:last-child {
    margin-right: 0
}

html[dir=rtl] ._3u40Z:last-child {
    margin-left: 0
}

.a9eqa {
    bottom: 3px;
    z-index: 101
}

html[dir=ltr] .a9eqa {
    right: 3px
}

html[dir=rtl] .a9eqa {
    left: 3px
}

._14i9Z {
    -webkit-flex: none;
    flex: none;
    -webkit-transition: -webkit-filter .16s linear;
    top: 0;
    width: 100%;
    height: 100%
}

html[dir] ._14i9Z {
    background-size: cover;
    background-position: center
}

html[dir=ltr] ._14i9Z {
    left: 0
}

html[dir=rtl] ._14i9Z {
    right: 0
}

._2izcv {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

html[dir=ltr] .LA7Xn {
    margin-left: 65px
}

html[dir=rtl] .LA7Xn {
    margin-right: 65px
}

html[dir=rtl] ._1FKgS::after,
html[dir=rtl] ._25FiJ,
html[dir=rtl] ._2U_Zc:before {
    right: 0
}

#app,
body,
html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0
}

#app {
    top: 0;
    left: 0
}

#initial_startup,
#startup {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #f2f2f2;
    -moz-user-select: none;
    -webkit-user-select: none;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column
}

.spinner-container {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2
}

.spinner-path {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
    stroke: #acb9bf;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.progress-container {
    width: 360px;
    position: fixed;
    padding-top: 120px;
    top: 50%;
    left: 50%;
    margin-left: -180px
}

html[dir=ltr] ._1FKgS::after,
html[dir=ltr] ._25FiJ,
html[dir=ltr] ._2U_Zc:before {
    left: 0
}

progress {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 3px;
    border: none;
    margin: 0;
    color: #02d1a4;
    background-color: #e0e4e5
}

._10JmN,
._22Vbl,
._29Z2Q {
    color: #929fa6
}

progress[value]::-webkit-progress-bar {
    background-color: #e0e4e5
}

progress[value]::-webkit-progress-value {
    background-color: #02d1a4
}

progress[value]::-moz-progress-bar {
    background-color: #02d1a4
}

#messages {
    padding-top: 10px
}

._1FKgS {
    width: 100%;
    height: 100%
}

@media screen and (max-width:648px) {
    ._1FKgS {
        overflow-x: auto
    }
}

@media screen and (max-height:500px) {
    ._1FKgS {
        overflow-y: auto
    }
}

._1FKgS::after {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 127px;
    top: 0
}

html[dir] ._1FKgS::after {
    background-color: #009688
}

._25FiJ {
    -webkit-app-region: drag;
    height: 59px;
    width: 100%;
    position: fixed;
    top: 0
}

.bN4GZ {
    overflow-y: auto
}

.bN4GZ:after {
    content: none
}

._2N2OQ:before,
._2U_Zc:before,
._2dA13:after,
._2dA13:before,
._3qlW9:after,
.gQzdc:after,
.selectable-text.invisible-space::after {
    content: ''
}

html[dir] .bFqKf::-webkit-scrollbar-track,
html[dir] .bN4GZ::-webkit-scrollbar-track {
    background-color: #dfdfdf
}

@media screen and (max-width:460px) {
    ._1FKgS::after {
        display: none
    }
}

.PUM6I,
._2U_Zc {
    display: -webkit-flex
}

.PUM6I {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] .PUM6I {
    margin: 30px
}

._2548U {
    color: #07bc4c
}

.AhLfF {
    color: #5b646b;
    line-height: 20px
}

html[dir] .AhLfF {
    margin-bottom: 20px
}

.AhLfF a {
    color: #009788
}

._21gZF,
._2ts2i {
    color: #929fa6
}

.RClzp {
    height: 0
}

html[dir] .RClzp {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: 12px;
    margin-bottom: 12px
}

html[dir=ltr] ._2N2OQ:before,
html[dir=rtl] ._2N2OQ:before {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.f1UZe {
    position: absolute;
    bottom: 0;
    z-index: 10004;
    min-height: 24px;
    line-height: 24px
}

._26w8r,
._2mVeK {
    line-height: normal
}

html[dir] .f1UZe {
    margin: 16px
}

._32XVn {
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    opacity: 1
}

._1Gt3G,
._1mp-E {
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    opacity: 1
}

html[dir] ._32XVn {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

._1Gt3G {
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1)
}

html[dir] ._1Gt3G {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%)
}

._1mp-E {
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1)
}

html[dir] ._1mp-E {
    -webkit-transform: translateY(-240%);
    transform: translateY(-240%)
}

.sFMtn {
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1), transform .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    opacity: 0
}

html[dir] .sFMtn {
    -webkit-transform: translateY(-360%);
    transform: translateY(-360%)
}

._2U_Zc {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    z-index: 2
}

._2G3cZ,
._2NbD3 {
    display: -webkit-flex
}

._2EZ_m,
._2G3cZ {
    -webkit-align-items: center
}

html[dir] ._2U_Zc {
    cursor: default;
    padding-bottom: 92px
}

._2U_Zc:before {
    height: 222px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.XSdna,
.elDYX {
    position: relative
}

html[dir] ._2U_Zc:before {
    background-color: #1EBEA5
}

html[dir=ltr] ._1rQYj,
html[dir=rtl] ._2FvAY {
    left: 60px
}

html[dir=ltr] ._2FvAY,
html[dir=rtl] ._1rQYj {
    right: 60px
}

._2G3cZ {
    align-items: center;
    display: flex;
    -webkit-flex: none;
    flex: none;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    min-height: 39px;
    width: 1050px
}

html[dir] ._2G3cZ {
    margin-bottom: 28px;
    margin-top: 27px
}

._26w8r {
    color: #fff;
    font-weight: 500
}

html[dir=ltr] ._26w8r {
    margin-left: 14px
}

html[dir=rtl] ._26w8r {
    margin-right: 14px
}

._2NbD3 {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: none;
    flex: none;
    z-index: 2
}

._2EZ_m,
.elDYX {
    display: -webkit-flex
}

html[dir] ._2NbD3 {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19), 0 12px 15px 0 rgba(0, 0, 0, .24)
}

.elDYX {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

html[dir] .elDYX {
    padding: 64px 60px 110px
}

.dXU0Q {
    -webkit-flex: none;
    flex: none;
    max-width: 556px
}

html[dir=ltr] .XSdna {
    margin-left: 60px
}

html[dir=rtl] .XSdna {
    margin-right: 60px
}

._2mVeK {
    color: #55636B;
    font-size: 28px;
    font-weight: 300
}

html[dir] ._2mVeK {
    margin-bottom: 52px
}

._3oE3H {
    list-style-type: decimal
}

html[dir] ._3oE3H {
    margin: 0
}

html[dir=ltr] ._3oE3H {
    padding: 0 0 0 24px
}

html[dir=rtl] ._3oE3H {
    padding: 0 24px 0 0
}

._2eNdO {
    font-size: 18px;
    line-height: 28px
}

._2eNdO strong {
    display: inline-block;
    font-weight: 500;
    line-height: 24px
}

._1rQYj,
._2FvAY {
    bottom: 66px;
    font-size: 14px;
    line-height: 1;
    position: absolute
}

html[dir] ._2eNdO+._2eNdO {
    margin-top: 18px
}

._1rQYj {
    color: #009688
}

._2FvAY {
    color: #929fa6;
    width: 264px
}

html[dir] ._2FvAY {
    text-align: center
}

._2FvAY input {
    vertical-align: middle
}

html[dir=ltr] ._2FvAY input {
    margin-right: 6px
}

html[dir=rtl] ._2FvAY input {
    margin-left: 6px
}

@media screen and (min-height:760px) and (min-width:1095px) {
    html[dir] ._2G3cZ {
        margin-bottom: 66px
    }
}

@media screen and (min-height:760px) and (min-width:780px) and (max-width:1095px) {
    html[dir] ._2G3cZ {
        margin-bottom: 68px
    }
}

@media screen and (max-width:1095px) {

    html[dir=ltr] ._2U_Zc,
    html[dir=rtl] ._2U_Zc {
        padding-right: 36px;
        padding-left: 36px
    }

    ._2G3cZ {
        width: 100%
    }

    .dXU0Q {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 100%
    }

    ._2U_Zc {
        box-sizing: border-box
    }

    html[dir] .elDYX {
        padding: 58px 52px 110px
    }
}

@media screen and (max-width:960px) {
    ._2U_Zc {
        position: relative
    }

    ._2mVeK {
        font-size: 26px
    }

    ._2eNdO {
        font-size: 16px;
        line-height: 25px
    }
}

@media screen and (max-width:900px) {
    html[dir] ._2mVeK {
        margin-bottom: 36px
    }
}

@media screen and (max-width:780px) {

    html[dir=ltr] .XSdna,
    html[dir=rtl] .XSdna {
        margin-right: auto;
        margin-left: auto
    }

    ._1rQYj,
    ._2FvAY {
        bottom: unset;
        position: relative;
        width: 100%
    }

    ._1rQYj,
    ._2FvAY,
    ._2NbD3,
    .dXU0Q {
        width: 100%
    }

    html[dir=ltr] ._2FvAY,
    html[dir=rtl] ._1rQYj {
        right: unset
    }

    html[dir=ltr] ._1rQYj,
    html[dir=rtl] ._2FvAY {
        left: unset
    }

    .elDYX {
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap
    }

    html[dir] .elDYX {
        padding-bottom: 82px
    }

    .dXU0Q {
        -webkit-flex: none;
        flex: none;
        -webkit-order: 1;
        order: 1
    }

    ._1rQYj {
        font-size: unset;
        -webkit-order: 2;
        order: 2
    }

    html[dir] ._1rQYj {
        margin-bottom: 52px;
        margin-top: 28px
    }

    .XSdna {
        -webkit-order: 3;
        order: 3
    }

    ._2FvAY {
        -webkit-order: 4;
        order: 4
    }

    html[dir] ._2FvAY {
        margin-top: 28px
    }

    html[dir] ._2mVeK {
        margin-bottom: 28px
    }
}

@media screen and (max-width:660px) {
    ._2U_Zc {
        min-width: 520px;
        position: relative
    }

    html[dir] ._2U_Zc {
        padding: 0
    }

    html[dir=ltr] ._2G3cZ,
    html[dir=rtl] ._2G3cZ {
        padding-right: 36px;
        padding-left: 36px
    }

    html[dir] ._2NbD3 {
        border-radius: 0
    }

    ._2G3cZ {
        box-sizing: border-box
    }

    html[dir] .elDYX {
        padding: 36px 36px 72px
    }

    ._2mVeK {
        font-size: 24px;
        line-height: 1
    }

    ._2eNdO {
        font-size: 16px;
        line-height: 24px
    }

    html[dir] ._2eNdO+._2eNdO {
        margin-top: 17px
    }

    ._1rQYj {
        font-size: 13px;
        line-height: 1
    }
}

._2N2OQ {
    color: #fff;
    font-size: 14px;
    line-height: normal
}

html[dir] ._2N2OQ {
    background-color: #419BF9;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    padding: 10px 15px
}

html[dir=ltr] ._2N2OQ {
    text-align: left
}

html[dir=rtl] ._2N2OQ {
    text-align: right
}

html[dir] .HnNfm,
html[dir] .ojIoo,
html[dir] .ojIoo ._2N2OQ {
    text-align: center
}

._2N2OQ:before {
    display: block;
    height: 0;
    position: absolute;
    top: -8px;
    width: 0
}

html[dir] ._2N2OQ:before {
    border-bottom: 8px solid #419BF9
}

html[dir=ltr] ._2N2OQ:before {
    left: 14px
}

html[dir=rtl] ._2N2OQ:before {
    right: 14px
}

._1XYOu {
    display: inline-block;
    min-width: 250px;
    position: absolute;
    top: 100%
}

html[dir] ._1XYOu {
    margin-top: 10px
}

html[dir=ltr] ._1XYOu {
    left: auto;
    margin-left: -16px
}

html[dir=rtl] ._1XYOu {
    right: auto;
    margin-right: -16px
}

._2QiHZ {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

._2EZ_m {
    align-items: center;
    display: flex;
    -webkit-flex: none;
    flex: none;
    height: 264px;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 264px
}

.HnNfm,
._3dqpi {
    display: -webkit-flex
}

.HnNfm,
.hYvJ8 {
    -webkit-align-items: center
}

.HnNfm,
._2EZ_m ._1jjYO,
.ojIoo {
    position: absolute
}

html[dir] ._2EZ_m {
    border-radius: 2px
}

._2EZ_m canvas,
._2EZ_m img {
    max-width: 264px
}

._2EZ_m ._1jjYO {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 64px;
    height: 64px;
    top: 50%;
    z-index: 2
}

.copyable-area,
.selectable-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

html[dir] ._2EZ_m ._1jjYO {
    margin-top: -32px
}

html[dir=ltr] ._2EZ_m ._1jjYO {
    left: 50%;
    margin-left: -32px
}

html[dir=rtl] ._2EZ_m ._1jjYO {
    right: 50%;
    margin-right: -32px
}

._2EZ_m ._1jjYO,
._2EZ_m canvas,
._2EZ_m img {
    transition: opacity .5s cubic-bezier(.1, .82, .25, 1);
    opacity: 1
}

._2EZ_m._1i65u ._1jjYO,
._2EZ_m._1i65u canvas,
._2EZ_m._1i65u img {
    opacity: .04
}

.HnNfm {
    align-items: center;
    box-sizing: initial;
    color: #FFF;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    font-weight: 400;
    height: 200px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 18px;
    top: 50%;
    width: 140px;
    z-index: 100
}

.PT7h9,
._1gXC0 {
    color: #929fa6
}

._2zblx,
._3CPl4 {
    -webkit-flex: none
}

._2v_Lo,
.hYvJ8 {
    font-size: 14px;
    line-height: 24px
}

html[dir] .HnNfm {
    background-color: #53BCA6;
    border-radius: 50%;
    margin-top: -100px;
    padding: 0 30px
}

html[dir=ltr] .HnNfm {
    left: 50%;
    margin-left: -100px
}

html[dir=rtl] .HnNfm {
    right: 50%;
    margin-right: -100px
}

._2zblx {
    flex: none
}

html[dir] ._2zblx {
    margin: 5px 0 15px
}

.ojIoo {
    bottom: 100%;
    overflow: visible;
    width: 500px
}

.MZIyP,
._3dqpi,
._3q4NP {
    overflow: hidden
}

html[dir] .ojIoo {
    margin-bottom: 10px
}

html[dir=ltr] .ojIoo {
    left: 50%;
    margin-left: -250px
}

html[dir=rtl] .ojIoo {
    right: 50%;
    margin-right: -250px
}

.ojIoo ._2N2OQ {
    display: inline-block;
    max-width: 480px;
    position: relative
}

.ojIoo ._2N2OQ:before {
    bottom: -8px;
    top: auto
}

html[dir] .ojIoo ._2N2OQ:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

html[dir=ltr] .ojIoo ._2N2OQ:before {
    left: 50%;
    margin-left: -8px
}

html[dir=rtl] .ojIoo ._2N2OQ:before {
    right: 50%;
    margin-right: -8px
}

._3dqpi {
    display: flex;
    height: 100%;
    position: relative;
    top: 0;
    width: 100%
}

.MZIyP,
.hYvJ8 {
    display: -webkit-flex
}

html[dir] ._3dqpi {
    background-color: #f7f7f7;
    background-position: top left;
    background-repeat: repeat-x;
    border-radius: 0;
    -webkit-transform-origin: center;
    transform-origin: center
}

html[dir=ltr] ._3dqpi {
    -webkit-animation: _104Un .3s cubic-bezier(.1, .82, .25, 1);
    animation: _104Un .3s cubic-bezier(.1, .82, .25, 1);
    left: 0
}

html[dir=rtl] ._3dqpi {
    -webkit-animation: _104Un .3s cubic-bezier(.1, .82, .25, 1);
    animation: _104Un .3s cubic-bezier(.1, .82, .25, 1);
    right: 0
}

@media screen and (max-width:648px) {
    ._3dqpi {
        min-width: 648px
    }
}

@media screen and (max-height:500px) {
    ._3dqpi {
        min-height: 500px
    }
}

@media screen and (min-width:1441px) {
    .app-wrapper-web ._3dqpi {
        height: calc(100% - 38px);
        top: 19px;
        width: 1396px
    }

    html[dir] .app-wrapper-web ._3dqpi {
        border-radius: 3px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
        margin: 0 auto
    }

    html[dir] .app-wrapper-web.safari-fix ._3dqpi {
        border-radius: 4px
    }
}

.MZIyP,
._3gUiM {
    height: 100%;
    top: 0
}

html[dir=ltr] ._2v_Lo,
html[dir=ltr] ._3n9-s {
    margin-left: 15px
}

html[dir=rtl] ._2v_Lo,
html[dir=rtl] ._3n9-s {
    margin-right: 15px
}

@-webkit-keyframes _104Un {
    from {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes _104Un {
    from {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

html[dir=ltr] ._1jI7w,
html[dir=rtl] ._1jI7w {
    -webkit-animation: none;
    animation: none
}

.MZIyP {
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 9999
}

html[dir=ltr] .MZIyP {
    left: 0
}

html[dir=rtl] .MZIyP {
    right: 0
}

html[dir] .MZIyP ._1Iexl {
    margin-top: 59px
}

._3q4NP {
    position: relative
}

html[dir] ._3q4NP {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

html[dir=ltr] ._1Iexl {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

html[dir=rtl] ._1Iexl {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

@media screen and (max-width:1024px) {
    html[dir=ltr] ._2yeJ5 {
        border-left: 1px solid transparent
    }

    html[dir=rtl] ._2yeJ5 {
        border-right: 1px solid transparent
    }

    html[dir=ltr] .three ._2yeJ5 {
        border-left-color: #e0e0e0
    }

    html[dir=rtl] .three ._2yeJ5 {
        border-right-color: #e0e0e0
    }

    html[dir=ltr] .three.app-animating ._2yeJ5 {
        border-left-color: transparent
    }

    html[dir=rtl] .three.app-animating ._2yeJ5 {
        border-right-color: transparent
    }
}

@media screen and (max-width:900px) {
    .two .k1feT {
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%
    }

    .two ._1Iexl {
        -webkit-flex: 0 0 60%;
        flex: 0 0 60%
    }

    .three .k1feT {
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%
    }

    .three ._1Iexl {
        -webkit-flex: 0 0 60%;
        flex: 0 0 60%
    }

    .three ._2yeJ5 {
        position: absolute;
        width: 60%;
        height: 100%
    }

    html[dir=ltr] .three ._2yeJ5 {
        left: 40%
    }

    html[dir=rtl] .three ._2yeJ5 {
        right: 40%
    }
}

@media screen and (min-width:901px) and (max-width:1024px) {
    .two .k1feT {
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%
    }

    .two ._1Iexl {
        -webkit-flex: 0 0 65%;
        flex: 0 0 65%
    }

    .three .k1feT {
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%
    }

    .three ._1Iexl {
        -webkit-flex: 0 0 65%;
        flex: 0 0 65%
    }

    .three ._2yeJ5 {
        position: absolute;
        width: 65%;
        height: 100%
    }

    html[dir=ltr] .three ._2yeJ5 {
        left: 35%
    }

    html[dir=rtl] .three ._2yeJ5 {
        right: 35%
    }
}

html[dir=ltr] ._3gUiM,
html[dir=rtl] ._3OtYo {
    left: 0
}

html[dir=ltr] ._3OtYo,
html[dir=rtl] ._3gUiM {
    right: 0
}

@media screen and (min-width:1025px) and (max-width:1300px) {
    .two .k1feT {
        -webkit-flex: 0 0 35%;
        flex: 0 0 35%
    }

    .two ._1Iexl {
        -webkit-flex: 0 0 65%;
        flex: 0 0 65%
    }

    .three .k1feT {
        -webkit-flex: 0 0 30%;
        flex: 0 0 30%
    }

    .three ._1Iexl {
        -webkit-flex: 0 0 40%;
        flex: 0 0 40%
    }

    .three ._2yeJ5 {
        -webkit-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

@media screen and (min-width:1301px) {
    .two .k1feT {
        -webkit-flex: 0 0 30%;
        flex: 0 0 30%
    }

    .two ._1Iexl {
        -webkit-flex: 0 0 70%;
        flex: 0 0 70%
    }

    .three .k1feT {
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .three ._1Iexl {
        -webkit-flex: 0 0 45%;
        flex: 0 0 45%
    }

    .three ._2yeJ5 {
        -webkit-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

.hYvJ8 {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 300
}

._1CnF3,
._2dA13 {
    box-sizing: border-box;
    display: -webkit-flex
}

html[dir] .hYvJ8 {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    padding: 14px 16px
}

._2v_Lo {
    color: #ff0
}

html[dir] ._2v_Lo {
    cursor: pointer
}

._2oVsn {
    color: #929fa6
}

._3gUiM {
    position: fixed;
    width: 100%;
    z-index: 10000;
    overflow: auto
}

._1ArIP,
._1CnF3,
._2uLFU,
._3QNwO {
    overflow: hidden
}

html[dir] ._3gUiM {
    background-color: rgba(255, 255, 255, .85)
}

.windows-native-app ._3gUiM {
    position: absolute
}

._12a60,
._15JHr,
._3R25A {
    position: relative
}

._2dA13 {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 600px;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100%;
    min-width: 648px;
    width: 100%
}

._2jVLL,
._3oju3 {
    min-height: 62px
}

._2dA13:after,
._2dA13:before {
    -webkit-flex: 0 0 50px;
    flex: 0 0 50px
}

._1CnF3,
.swl8g {
    -webkit-flex-direction: column
}

._1CnF3 {
    display: flex;
    width: 360px;
    flex-direction: column;
    -webkit-flex: none;
    flex: none
}

html[dir] ._1CnF3 {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19), 0 12px 15px 0 rgba(0, 0, 0, .24);
    padding: 22px 24px 20px
}

._15JHr {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    white-space: normal
}

._2cLHw,
._3QNwO {
    white-space: nowrap
}

._2Qffr {
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 400
}

.ZbEVD,
._1LKrE,
._1QLzs,
._1fsB6,
._1gTcu,
._1iqam,
._26Fgs,
._2E0ly,
._2SBGv,
._2TH6-,
._2YRK7,
._3J8XI,
.jBBQj {
    color: #929fa6
}

html[dir] ._2Qffr {
    margin-bottom: 20px
}

html[dir=ltr] ._2Qffr {
    text-align: left
}

html[dir=ltr] ._3QNwO,
html[dir=rtl] ._2Qffr {
    text-align: right
}

html[dir] ._3gUiM._6vIwv {
    background-color: #eee
}

._3lLzD {
    font-size: 14px;
    line-height: 20px
}

._3R25A {
    height: 500px;
    width: 500px
}

html[dir] ._3R25A {
    padding: 0
}

._32ZVk {
    width: auto
}

._12a60 {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 436px
}

html[dir] ._12a60 {
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 0
}

@media screen and (min-height:1000px) {
    html[dir] ._12a60 {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

@media screen and (max-height:700px) {
    html[dir] ._12a60 {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

html[dir] ._3QNwO {
    padding: 50px 5px 5px
}

html[dir=ltr] ._1ArIP,
html[dir=ltr] ._2uLFU,
html[dir=rtl] ._3QNwO {
    text-align: left
}

html[dir] ._1mMDo._3gUiM {
    background-color: rgba(20, 20, 20, .9)
}

._1mMDo ._1CnF3 {
    max-width: 500px;
    width: auto
}

html[dir] ._1mMDo ._1CnF3 {
    background-color: transparent;
    box-shadow: none;
    padding: 0
}

._1UDDE {
    z-index: 2
}

html[dir=ltr] ._1UDDE,
html[dir=rtl] ._1UDDE {
    -webkit-animation: _2m9Rd 2s linear infinite;
    animation: _2m9Rd 2s linear infinite
}

._3GbTq {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: _9ynz9 1.5s ease-in-out infinite;
    animation: _9ynz9 1.5s ease-in-out infinite;
    stroke: #acb9bf
}

._2wGBy {
    stroke: rgba(255, 255, 255, .9)
}

._24uvD {
    stroke: #fff
}

.Qf313 {
    stroke: rgba(27, 154, 89, .7)
}

._1rbnx {
    stroke: #93999c
}

._37WZ9 {
    stroke: #849982
}

@-webkit-keyframes _2m9Rd {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes _2m9Rd {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes _3gs51 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes _3gs51 {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes _9ynz9 {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes _9ynz9 {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

._1ArIP,
._2uLFU {
    position: absolute;
    z-index: 10000;
    max-width: 340px
}

._17GkE,
._1ArIP,
._3aCko {
    overflow: visible;
    max-width: none
}

html[dir] ._1ArIP,
html[dir] ._2uLFU {
    background-color: #fff;
    padding: 9px 0;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .16)
}

html[dir] ._1ArIP,
html[dir] ._1ArIP ._1v2rQ {
    background-color: #f0f0f0
}

html[dir=rtl] ._1ArIP,
html[dir=rtl] ._2uLFU {
    text-align: right
}

.K_Wx2 {
    top: 44px
}

html[dir=ltr] .K_Wx2 {
    right: 4px
}

html[dir=rtl] .K_Wx2 {
    left: 4px
}

html[dir] ._1ArIP {
    padding: 9px 14px;
    margin-bottom: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1), 0 8px 17px 0 rgba(0, 0, 0, .16)
}

html[dir] ._17GkE,
html[dir] ._3aCko {
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1), 0 8px 17px 0 rgba(0, 0, 0, .16)
}

html[dir=ltr] ._1ArIP {
    margin-left: -14px
}

html[dir=rtl] ._1ArIP {
    margin-right: -14px
}

._1ArIP ._3s1D4 {
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 2
}

._1ArIP ._1v2rQ {
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: -7px;
    z-index: 1
}

._17GkE ._1v2rQ,
._3aCko ._1v2rQ {
    height: 14px;
    z-index: -1;
    position: absolute
}

html[dir=ltr] ._1ArIP ._1v2rQ {
    left: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[dir=rtl] ._1ArIP ._1v2rQ {
    right: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

html[dir=ltr] ._1ArIP._316Pw {
    margin-right: -14px;
    margin-left: 0
}

html[dir=rtl] ._1ArIP._316Pw {
    margin-left: -14px;
    margin-right: 0
}

html[dir=ltr] ._1ArIP._316Pw ._1v2rQ {
    right: 22px;
    left: auto
}

html[dir=rtl] ._1ArIP._316Pw ._1v2rQ {
    left: 22px;
    right: auto
}

._3aCko {
    width: 388px
}

html[dir] ._3aCko {
    margin-top: 12px
}

html[dir=ltr] ._3aCko {
    margin-left: -18px
}

html[dir=rtl] ._3aCko {
    margin-right: -18px
}

._3aCko ._1v2rQ {
    width: 14px;
    top: -7px
}

html[dir] ._3aCko ._1v2rQ {
    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1), 0 8px 17px 0 rgba(0, 0, 0, .16)
}

html[dir=ltr] ._3aCko ._1v2rQ {
    left: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[dir=rtl] ._3aCko ._1v2rQ {
    right: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

html[dir=ltr] ._3aCko._316Pw {
    margin-right: -18px;
    margin-left: 0
}

html[dir=rtl] ._3aCko._316Pw {
    margin-left: -18px;
    margin-right: 0
}

html[dir=ltr] ._3aCko._316Pw ._1v2rQ {
    right: 22px;
    left: auto
}

html[dir=rtl] ._3aCko._316Pw ._1v2rQ {
    left: 22px;
    right: auto
}

html[dir] ._3aCko.Qap-N {
    margin-top: auto;
    margin-bottom: 12px
}

._3aCko.Qap-N ._1v2rQ {
    bottom: -7px;
    top: auto
}

html[dir] ._3aCko.Qap-N ._1v2rQ {
    background-color: #f0f0f0
}

._17GkE {
    width: 300px
}

._2VzPl,
._2sNbV {
    overflow-x: hidden
}

html[dir] ._17GkE {
    margin-top: 12px
}

html[dir=ltr] ._17GkE {
    margin-left: -18px
}

html[dir=rtl] ._17GkE {
    margin-right: -18px
}

._17GkE ._1v2rQ {
    width: 14px;
    top: -7px
}

html[dir] ._17GkE ._1v2rQ {
    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1), 0 8px 17px 0 rgba(0, 0, 0, .16)
}

html[dir=ltr] ._17GkE ._1v2rQ {
    left: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[dir=rtl] ._17GkE ._1v2rQ {
    right: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

html[dir=ltr] ._17GkE._316Pw {
    margin-right: -18px;
    margin-left: 0
}

html[dir=rtl] ._17GkE._316Pw {
    margin-left: -18px;
    margin-right: 0
}

html[dir=ltr] ._17GkE._316Pw ._1v2rQ {
    right: 22px;
    left: auto
}

html[dir=rtl] ._17GkE._316Pw ._1v2rQ {
    left: 22px;
    right: auto
}

html[dir] ._17GkE.Qap-N {
    margin-top: auto;
    margin-bottom: 12px
}

._17GkE.Qap-N ._1v2rQ {
    bottom: -7px;
    top: auto
}

._1fkhx,
._1ysph,
.gQzdc::after {
    bottom: 0
}

._1txFK {
    position: absolute;
    top: 0;
    width: 51px;
    box-sizing: content-box;
    z-index: 1000;
    pointer-events: all
}

._1fkhx,
._28ZV1,
._2bXVy,
._2jVLL,
._3oju3 {
    box-sizing: border-box
}

.C28xL ._1BC4w,
._2cLHw,
._2nFG1 .emoji,
.me9CP {
    pointer-events: none
}

html[dir] ._1txFK {
    padding: 0 10px 30px;
    cursor: default
}

html[dir=ltr] ._1txFK {
    right: 2px
}

html[dir=rtl] ._1txFK {
    left: 2px
}

._1EiqV {
    display: block
}

html[dir] ._1EiqV {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.ySrGA {
    display: inline-block;
    vertical-align: top
}

._2R973 path {
    fill: #fff;
    fill-opacity: 1
}

.Pg7Si {
    width: 360px;
    position: fixed;
    top: 50%
}

html[dir] .Pg7Si {
    padding-top: 120px
}

html[dir=ltr] .Pg7Si {
    left: 50%;
    margin-left: -180px
}

html[dir=rtl] .Pg7Si {
    right: 50%;
    margin-right: -180px
}

.selectable-text {
    user-select: text
}

.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

html[dir] :not(.selectable-text)>:not(.selectable-text)>:not(.selectable-text)::-moz-selection {
    background-color: transparent
}

html[dir] :not(.selectable-text)>:not(.selectable-text)>:not(.selectable-text)::selection {
    background-color: transparent
}

.selectable-text.invisible-space::after {
    display: inline-block;
    width: 0
}

html[dir] .selectable-text.invisible-space::after::-moz-selection {
    background-color: transparent
}

html[dir] .selectable-text.invisible-space::after::selection {
    background-color: transparent
}

._1ysph {
    position: absolute;
    top: 0
}

._2jVLL,
.kjIPw {
    position: relative
}

html[dir=ltr] ._1ysph {
    left: 0;
    right: 0
}

html[dir=rtl] ._1ysph {
    right: 0;
    left: 0
}

._1CnAR {
    color: #929fa6
}

.swl8g {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    height: 100%;
    /*border-right:solid 1px #0000001c*/
}

._1NrpZ,
._2_9fu {
    display: -webkit-flex
}

._1NrpZ {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow-y: auto;
    z-index: 1;
    /* padding-left: 3em !important; */
}

.clear {
    clear: both;
}

html[dir] ._1NrpZ {
    background-color: #fff;
}

._3CPl4 {
    flex: none
}

html[dir] ._3CPl4 {
    background-color: #fbfbfb
}

._2_9fu {
    -webkit-flex: none;
    flex: none;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

._1TSyH,
._2S_XV {
    display: -webkit-flex
}

html[dir] ._2_9fu {
    padding-top: 24px;
    padding-bottom: 24px
}

@media screen and (min-width:1441px) {
    html[dir=ltr] .safari-fix ._1NrpZ {
        border-bottom-left-radius: 3px
    }

    html[dir=rtl] .safari-fix ._1NrpZ {
        border-bottom-right-radius: 3px
    }
}

._2S_XV {
    display: flex
}

html[dir] ._2S_XV {
    margin-bottom: 30px
}

.kjIPw {
    width: 75px;
    height: 75px;
    overflow: hidden
}

html[dir] .kjIPw {
    border-radius: 50%
}

._1TSyH {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.H8YMs,
._3Iv2R {
    display: -webkit-flex
}

html[dir=ltr] ._1TSyH {
    margin-left: 25px
}

html[dir=rtl] ._1TSyH {
    margin-right: 25px
}

._2xwAj {
    font-weight: 500;
    font-size: 18px
}

.jBBQj {
    font-weight: 300
}

.H8YMs {
    display: flex;
    max-width: 440px;
    overflow-y: auto
}

.Qgzj8,
._1OWzJ,
._1WliW,
._2cLHw,
._2nFG1,
._3BCzw,
._3QqKs,
._3zVOv,
._5AHJN,
.alert {
    overflow: hidden
}

html[dir] .H8YMs {
    margin-top: 5px
}

._3Iv2R {
    width: 70px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px
}

._2EYZY,
._2jVLL {
    width: 100%
}

._1KD7C,
._28ZV1 {
    display: -webkit-flex
}

html[dir] ._3Iv2R {
    margin: 15px 0
}

html[dir=ltr] ._3Iv2R+._3Iv2R {
    margin-left: 5px
}

html[dir=rtl] ._3Iv2R+._3Iv2R {
    margin-right: 5px
}

._5AHJN {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    line-height: 14px;
    max-height: 28px;
    max-width: 100%
}

html[dir] ._5AHJN {
    margin-top: 10px;
    text-align: center
}

._2jVLL {
    -webkit-order: 3;
    order: 3;
    -webkit-flex: none;
    flex: none;
    z-index: 1
}

html[dir] ._2jVLL {
    padding: 0;
    background-color: rgba(255, 255, 255, .6)
}

html[dir] ._2EYZY {
    margin: 0;
    padding-top: 5px;
    float: none;
    box-shadow: none;
    background-color: #f5f1ee
}

html[dir] ._2Fofa,
html[dir] ._2lkdt {
    margin-bottom: 8px
}

._1KD7C {
    max-width: none;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

._28ZV1,
._3qlW9 {
    -webkit-align-items: center
}

html[dir] ._1KD7C {
    float: none;
    box-shadow: none;
    background-color: transparent
}

html[dir] ._28ZV1,
html[dir] ._3oju3 {
    background-color: #f5f1ee
}

html[dir=ltr] ._1KD7C {
    margin-left: 63px
}

html[dir=rtl] ._1KD7C {
    margin-right: 63px
}

._28ZV1 {
    align-items: center;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    min-width: 69px;
    width: 69px
}

.footer-content,
._1fkhx {
    position: absolute;
    width: 100%
}

html[dir=ltr] ._28ZV1 {
    padding-right: 20px
}

html[dir=rtl] ._28ZV1 {
    padding-left: 20px
}

.footer-content {
    top: 0
}

html[dir=ltr] .footer-content {
    left: 0
}

html[dir=rtl] .footer-content {
    right: 0
}

html[dir=ltr] ._1fkhx {
    left: 0;
    border-left: 1px solid #e4e4e4
}

html[dir=rtl] ._1fkhx {
    right: 0;
    border-right: 1px solid #e4e4e4
}

._2Fofa {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

html[dir=ltr] ._2Fofa {
    margin-right: 20px
}

html[dir=rtl] ._2Fofa {
    margin-left: 20px
}

html[dir] ._2uQuX:focus ._2Fofa {
    box-shadow: 0 0 0 2px rgba(0, 175, 255, .4)
}

._3oju3 {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
    position: relative;
    z-index: 2;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
}

._2bXVy,
.jN-F5 {
    line-height: 20px;
    min-height: 20px;
    outline: 0
}

html[dir] ._3oju3 {
    padding: 10px 19px
}

html[dir=ltr] ._3oju3 {
    border-left: 1px solid rgba(0, 0, 0, .08)
}

html[dir=rtl] ._3oju3 {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

._2bXVy {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 15px;
    font-weight: 400;
    min-width: 0;
    width: inherit
}

html[dir] ._2bXVy {
    background-color: #fff;
    border-color: #fff;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px
}

html[dir=ltr] ._2bXVy {
    padding: 10px 16px 10px 12px
}

html[dir=rtl] ._2bXVy {
    padding: 10px 12px 10px 16px
}

html[dir] ._2bXVy._3q5HR {
    background-color: rgba(255, 255, 255, .55)
}

._2lkdt {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: .9
}

._2gZbo,
._3auIg {
    -webkit-flex: none
}

html[dir=ltr] ._2lkdt {
    margin-left: 26px
}

html[dir=rtl] ._2lkdt {
    margin-right: 26px
}

._2lkdt:disabled {
    opacity: .4
}

.C28xL ._1BC4w,
._2MnNk,
._2Uo0Z,
.gQzdc._3sdhb ._2cLHw {
    opacity: 0
}

.copyable-area {
    user-select: text
}

._3TSht {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1002
}

html[dir=ltr] ._3TSht {
    left: 0
}

html[dir=rtl] ._3TSht {
    right: 0
}

._1WZqU {
    display: inline-block
}

html[dir=ltr] ._1WZqU+._1WZqU {
    margin-left: 4px
}

html[dir=rtl] ._1WZqU+._1WZqU {
    margin-right: 4px
}

.PNlAR,
._1qi0v,
._1sB6s {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    transition: box-shadow .18s ease-out, background .18s ease-out, color .18s ease-out
}

._3qlW9,
._3qlW9:after {
    position: absolute;
    width: 100%
}

._1pJVa,
._2gZbo {
    transition: opacity .3s ease
}

html[dir] .PNlAR,
html[dir] ._1qi0v,
html[dir] ._1sB6s {
    padding: 10px 24px;
    border-radius: 3px
}

html[dir] ._1WZqU:hover {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2)
}

._1qi0v {
    color: #07bc4c
}

._1sB6s {
    color: #000
}

html[dir] ._1sB6s {
    background-color: #FFF
}

._1qi0v:hover {
    color: #0cb757
}

.PNlAR {
    color: #FFF
}

html[dir] .PNlAR {
    background-color: #08c65b
}

.PNlAR:hover {
    color: #fff
}

._31uKD,
._ynT9,
.cUxwI,
.dzYVe._1WZqU,
.dzYVe._1WZqU:hover {
    color: #929fa6
}

html[dir] .PNlAR:hover {
    background-color: #0cb757
}

html[dir] .dzYVe._1WZqU,
html[dir] .dzYVe._1WZqU:hover {
    box-shadow: none;
    cursor: default
}

html[dir] .dzYVe.PNlAR,
html[dir] .dzYVe.PNlAR:hover {
    background-color: #e9ebeb
}

._3V8PF {
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

html[dir] ._3V8PF {
    padding-bottom: 0;
    margin-top: 12px
}

html[dir=ltr] ._3V8PF {
    margin-right: 0
}

html[dir=rtl] ._3V8PF {
    margin-left: 0
}

._2gZbo {
    display: inline-block;
    vertical-align: text-bottom;
    flex: none
}

html[dir=ltr] ._2gZbo {
    margin-right: 10px
}

html[dir=rtl] ._2gZbo {
    margin-left: 10px
}

._1pJVa {
    -webkit-flex: 1;
    flex: 1
}

._1M1iS {
    height: 18px;
    display: block
}

._3auIg,
._3qlW9 {
    display: -webkit-flex;
    box-sizing: border-box
}

html[dir] ._1M1iS {
    padding: 6px 0;
    cursor: pointer
}

html[dir=ltr] ._3DeDN {
    margin-right: 6px
}

html[dir=rtl] ._3DeDN {
    margin-left: 6px
}

._3qlW9 {
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1;
    display: flex;
    height: 100%
}

._3qlW9.retrai {
    max-width: 76%
}

.ver_Chat {
    background-color: #f7f9fa;
    flex: 0 0 100% !important;
}

._1Iexl {
    background-color: #f7f9fa;
    /* flex:0 0 50%!important; */
}

html[dir] ._3qlW9 {
    background-color: #f7f9fa;
    cursor: default;
    padding-bottom: 28px;
    padding-top: 0;
    display: block;
}

html[dir=ltr] ._3qlW9 {
    border-left: 1px solid rgba(0, 0, 0, .08)
}

html[dir=rtl] ._3qlW9 {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

._3qlW9:after {
    bottom: 0;
    height: 0
}

html[dir] ._3qlW9:after {
    border-top: 6px solid #58e870
}

html[dir=ltr] ._3qlW9:after {
    left: 0
}

html[dir=rtl] ._3qlW9:after {
    right: 0
}

._3qlW9 a {
    color: #07bc4c
}

._3BqNZ {
    max-width: 460px;
    width: 80%
}

html[dir] ._3BqNZ {
    text-align: center;
    margin-top: -20px
}

.iHhHL {
    color: #4b5961;
    font-size: 36px;
    font-weight: 300
}

._1ClcF,
._1vgz_,
._3ZGVC,
._3cK8a {
    color: #929fa6
}

html[dir] .iHhHL {
    margin-top: 38px
}

._1ClcF {
    font-size: 14px;
    line-height: 20px
}

html[dir] ._1ClcF {
    margin-top: 24px
}

._2Uo0Z {
    width: 356px;
    height: 355px;
    transition: height .3s ease;
    background-image: url(../images/icons/HcodeWhatsAppClone.png);
}

html[dir] ._2Uo0Z {
    margin: 0 auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

@media screen and (max-width:800px) {

    ._2Uo0Z,
    ._3BqNZ {
        width: 80%
    }

    ._2Uo0Z {
        height: 280px
    }
}

@media screen and (max-height:740px) {
    ._2Uo0Z {
        height: 250px
    }

    .iHhHL {
        font-size: 32px
    }

    html[dir] .iHhHL {
        margin-top: 28px
    }

    html[dir] ._1ClcF {
        margin-top: 18px
    }
}

html[dir] ._1Y6o1 {
    margin-top: 34px
}

._3zFlu {
    height: 1px
}

html[dir] ._3zFlu {
    margin-bottom: 34px;
    background-color: #E1E9EB
}

._3cK8a {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center
}

html[dir=ltr] ._1lrYJ {
    margin-left: 5px
}

html[dir=rtl] ._1lrYJ {
    margin-right: 5px
}

._2umId {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

._3auIg {
    flex: none;
    height: 59px;
    width: 100%;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 1000;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

._1GX8_,
._2MSJr {
    display: -webkit-flex
}

._2MSJr,
._2cLHw {
    position: absolute
}

html[dir] ._3auIg {
    background-color: #eee;
    padding: 10px 16px
}

._20NlL {
    -webkit-flex: none;
    flex: none
}

._2xarx {
    text-indent: 0;
    box-sizing: border-box;
    top: 14px
}

html[dir] ._2xarx {
    padding: 3px;
    background: 0 0;
    cursor: default
}

html[dir=ltr] ._2xarx {
    right: 19px
}

html[dir=rtl] ._2xarx {
    left: 19px
}

._1M3wR,
._2xarx,
._3Burg {
    position: absolute;
    z-index: 100
}

._3Burg {
    top: 12px
}

html[dir=ltr] ._3Burg {
    right: 17px
}

html[dir=rtl] ._3Burg {
    left: 17px
}

.jN-F5 {
    z-index: 1;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: 15px;
    width: 100%;
    font-weight: 400
}

.C28xL,
._2cLHw,
.gQzdc {
    z-index: 100
}

._3XpR2,
._3YewW {
    min-height: 62px
}

html[dir] .jN-F5 {
    padding: 0;
    border: none
}

html[dir=ltr] .jN-F5 {
    text-align: left
}

html[dir=rtl] .jN-F5 {
    text-align: right
}

._2cLHw {
    top: 50%;
    width: calc(100% - 82px);
    font-size: 13px;
    line-height: 16px;
    color: #a4a4a4;
    transition: opacity .08s linear
}

._3WZoe,
.gjAmq {
    font-size: 14px;
    line-height: 20px
}

._1OnaQ,
._1gbxz,
._3WZoe,
._3qtQV {
    color: #929fa6
}

html[dir] ._2cLHw {
    margin-top: -7px
}

html[dir=ltr] ._2cLHw {
    left: 65px
}

html[dir=rtl] ._2cLHw {
    right: 65px
}

html[dir] ._1KxDj._1RCi_ ._2cLHw {
    margin-top: -9px
}

._2MSJr {
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 34px;
    transition: .12s cubic-bezier(.1, .82, .25, 1);
    width: calc(100% - 28px)
}

html[dir] ._2MSJr {
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #ececec;
    margin-top: 7px;
    width: 85%
}

html[dir=ltr] ._2MSJr {
    margin-left: 12px;
    padding-left: 52px;
    padding-right: 54px
}

html[dir=rtl] ._2MSJr {
    margin-right: 12px;
    padding-right: 52px;
    padding-left: 54px
}

.gQzdc {
    -webkit-flex: none;
    flex: none;
    height: 49px;
    box-sizing: border-box;
    position: relative;
    transition: box-shadow .18s ease-out, background-color .18s ease-out
}

.C28xL,
._1GX8_,
.gQzdc:after {
    position: absolute
}

html[dir] .gQzdc {
    transition-delay: .12s;
    padding: 0;
    background-color: transparent
}

.gQzdc:after {
    width: 100%;
    height: 1px;
    bottom: -1px
}

html[dir] .gQzdc:after {
    background-color: rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

html[dir=ltr] .gQzdc:after {
    left: 0
}

html[dir=rtl] .gQzdc:after {
    right: 0
}

html[dir] .gQzdc._3sdhb {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .07);
    background-color: #FFF
}

.gQzdc._3sdhb ._2MSJr {
    height: 100%;
    width: 100%;
    transition: all .12s cubic-bezier(.1, .82, .25, 1)
}

html[dir] .gQzdc._3sdhb ._2MSJr {
    margin-top: 0;
    border-color: transparent;
    border-radius: 0;
    background-color: transparent
}

html[dir] .Qgzj8,
html[dir] ._1WliW,
html[dir] ._2Lev2 {
    border-radius: 50%
}

html[dir=ltr] .gQzdc._3sdhb ._2MSJr {
    margin-left: 0;
    padding-left: 64px
}

html[dir=ltr] .ZZ7tn,
html[dir=rtl] ._2fJ2T {
    margin-left: 15px
}

html[dir=rtl] .gQzdc._3sdhb ._2MSJr {
    margin-right: 0;
    padding-right: 64px
}

html[dir=ltr] ._2fJ2T,
html[dir=rtl] .ZZ7tn {
    margin-right: 15px
}

html[dir] .gQzdc._3sdhb .jN-F5 {
    background-color: transparent
}

.C28xL {
    width: 24px;
    height: 24px;
    top: 12px
}

html[dir=ltr] .C28xL {
    left: 24px;
    background: 0 0 !important
}

html[dir=ltr] ._2xC5r,
html[dir=ltr] ._3ZW2E,
html[dir=ltr] ._3rsak {
    left: 0
}

html[dir=rtl] .C28xL {
    right: 24px;
    background: 0 0 !important
}

html[dir=rtl] ._2xC5r,
html[dir=rtl] ._3ZW2E,
html[dir=rtl] ._3rsak {
    right: 0
}

.C28xL ._1M3wR {
    top: 0;
    left: 0
}

.C28xL ._3M2St {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: all .24s cubic-bezier(.4, 0, .2, 1)
}

.C28xL ._1BC4w {
    -webkit-transform: scale(.8) rotate(225deg);
    transform: scale(.8) rotate(225deg);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

._3sdhb .C28xL ._3M2St {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0;
    transition: all .24s cubic-bezier(.4, 0, .2, 1) 60ms
}

._3sdhb .C28xL ._1BC4w {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
    opacity: 1
}

html[dir=rtl] .C28xL ._1BC4w {
    -webkit-transform: scaleX(-1) rotate(-225deg);
    transform: scaleX(-1) rotate(-225deg)
}

html[dir=rtl] ._3sdhb .C28xL ._3M2St {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

html[dir=rtl] ._3sdhb .C28xL ._1BC4w {
    -webkit-transform: scaleX(-1) rotate(0);
    transform: scaleX(-1) rotate(0)
}

._1GX8_ {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

._1OnaQ,
._3PWNn {
    display: -webkit-flex
}

._1WliW,
._3XpR2,
._3zJZ2 {
    position: relative
}

html[dir] ._1GX8_ {
    background: #e5ddd5 url(../_images/backwhats.png) repeat
}

html[dir=ltr] ._1GX8_ {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

html[dir=rtl] ._1GX8_ {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

._3XpR2 {
    box-sizing: border-box;
    -webkit-flex: none;
    flex: none;
    -webkit-order: 3;
    order: 3;
    z-index: 1
}

html[dir] ._3XpR2 {
    background-color: rgba(255, 255, 255, .6)
}

html[dir=ltr] .three ._3XpR2 {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

html[dir=rtl] .three ._3XpR2 {
    border-left: 1px solid rgba(0, 0, 0, .08)
}

._3zJZ2 {
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    -webkit-order: 2;
    order: 2;
    z-index: 1;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
}

.grGJn {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-order: 2;
    order: 2
}

._3PWNn {
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 62px;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._3PWNn {
    padding: 16px
}

._1OnaQ {
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._1OnaQ {
    padding: 50px;
    text-align: center
}

._3xG0U {
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

._2Lev2 {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    height: 164px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 164px;
    -webkit-flex: none;
    flex: none
}

.Qgzj8,
._3ZW2E,
._3ZW2E svg {
    width: 100%;
    height: 100%
}

._2H6ea,
.m6ZEb {
    -webkit-flex: 0 0 auto
}

html[dir] ._2Lev2 {
    background-color: #e0e7e9;
    margin-bottom: 32px;
    margin-top: -30px
}

html[dir] ._27YTC {
    margin-bottom: 18px
}

html[dir] .ZCCWI {
    margin-bottom: 20px
}

.gjAmq {
    color: #07bc4c;
    display: inline-block
}

._3YewW,
.m6ZEb {
    display: -webkit-flex
}

._3fgSk {
    color: #929fa6
}

html[dir] ._31v_P,
html[dir] .alert-message {
    cursor: pointer
}

.m6ZEb {
    display: flex;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column
}

.alert {
    -webkit-flex: none;
    flex: none;
    /* z-index: 9999 !important; */
}

.alert-success,
.alert-danger {
    z-index: 9999 !important;
    padding: 15px;
    color: #FFF;
}

.alert-danger {
    background: rgb(228, 50, 50);
}

.alert-success {
    background: rgb(103, 185, 103);
}

.alert-success strong,
.alert-danger strong {
    font-weight: normal !important;
}

.alert-success a,
.alert-danger a {
    float: right !important;
    color: #FFF;
}

html[dir] .alert {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

._3YewW {
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

._2nFG1,
.l2BEH {
    display: -webkit-flex
}

html[dir] ._3YewW {
    background-color: #9de1fe;
    padding: 14px 0 13px
}

html[dir=ltr] ._3YewW,
html[dir=rtl] ._3YewW {
    padding-right: 12px;
    padding-left: 12px
}

._2fJ2T {
    -webkit-flex: none;
    flex: none
}

.l2BEH {
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.ZZ7tn {
    -webkit-flex: none;
    flex: none
}

.alert-title {
    font-size: 16px;
    line-height: 21px;
    color: #37474f
}

._21zbN {
    font-size: 14px;
    line-height: 19px;
    color: #37474f
}

._2-xCd,
._2nFG1 {
    line-height: 20px
}

html[dir] ._21zbN {
    margin-top: 2px
}

html[dir] ._2Ptrm {
    background-color: #1de9b6
}

html[dir] .MwhOx,
html[dir] ._1UvQg {
    background-color: #fed859
}

html[dir] ._2BhJP {
    background-color: #ff7043
}

._2BhJP ._21zbN,
._2BhJP .alert-title {
    color: #fff
}

._1gURg,
._2aV3t,
._2cyMR,
._5k1gD {
    color: #929fa6
}

html[dir] ._1WliW {
    background-color: #dfe5e7
}

._3ZW2E {
    position: absolute;
    top: 0;
    z-index: 1
}

.Qgzj8 {
    display: block;
    opacity: 0;
    position: relative;
    transition: opacity 150ms ease-out;
    z-index: 100
}

.Qgzj8.gqwaM,
._1bp9g:hover ._2-xCd {
    opacity: 1
}

._2-xCd,
._2-xCd::before,
._2xC5r,
._3rsak {
    position: absolute
}

html[dir] .gtft9,
html[dir] .gtft9 .Qgzj8 {
    border-radius: 0
}

html[dir] ._3BtGF {
    border: 2px solid #fff
}

html[dir=ltr] .textsize-small ._1WliW,
html[dir=rtl] .textsize-small ._1WliW {
    width: 44px !important;
    height: 44px !important
}

html[dir=ltr] .textsize-xsmall ._1WliW,
html[dir=rtl] .textsize-xsmall ._1WliW {
    width: 40px !important;
    height: 40px !important
}

html[dir=ltr] .textsize-xxsmall ._1WliW,
html[dir=rtl] .textsize-xxsmall ._1WliW {
    width: 38px !important;
    height: 38px !important
}

._1OWzJ img,
._1OWzJ video,
._2xC5r,
._2xC5r svg,
._3rsak {
    width: 100%;
    height: 100%
}

html[dir] ._1WliW.oayLL {
    background-color: initial
}

html[dir] .oayLL ._3ZW2E {
    -webkit-transform: scale(.97);
    transform: scale(.97);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

._3rsak {
    overflow: hidden;
    top: 0
}

._2xC5r {
    top: 0
}

._1bp9g {
    bottom: 10px;
    z-index: 20000
}

html[dir] ._1bp9g {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

html[dir=ltr] ._1bp9g {
    left: 10px
}

html[dir=rtl] ._1bp9g {
    right: 10px
}

.KOcRh,
._2-xCd,
.cOcmP,
.cOcmP._1K6WL ._1aVJp,
.cOcmP:hover ._1aVJp {
    opacity: 0
}

html[dir] ._1OWzJ {
    background-color: #ccc
}

._1OWzJ img {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

._2-xCd {
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    height: 24px;
    text-indent: -9999px;
    top: -10px;
    transition: box-shadow .15s ease-out, opacity .15s ease-out;
    width: 24px;
    z-index: 1001
}

html[dir] ._2-xCd {
    background-color: #000;
    border-radius: 12px;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

html[dir=ltr] ._2-xCd {
    right: -10px
}

html[dir=ltr] ._2v3X3 .KOcRh._16eIl,
html[dir=rtl] .YUoyu,
html[dir=rtl] .ZBZ4i,
html[dir=rtl] .ZwkQK,
html[dir=rtl] ._1N6G4,
html[dir=rtl] ._2-xCd::before,
html[dir=rtl] ._2FsQ8,
html[dir=rtl] ._2v3X3 .KOcRh._3PRVS {
    right: 0
}

html[dir=rtl] ._2-xCd {
    left: -10px
}

html[dir] ._2-xCd:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

._2-xCd::before {
    content: '\D7';
    text-indent: 0;
    color: #fff;
    bottom: 0;
    top: 0
}

html[dir=ltr] ._2-xCd::before {
    left: 0;
    right: 0
}

html[dir=rtl] ._2-xCd::before {
    left: 0
}

._2czw9 {
    z-index: 2;
    height: 100%;
    width: 100%
}

._3pf27 {
    color: #929fa6
}

._2nFG1 {
    -webkit-align-items: center;
    align-items: center;
    color: #262626;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-family: "Open Sans", sans-serif;
    font-size: 13.6px
}

html[dir] ._2nFG1 {
    border-radius: 6px;
    cursor: pointer
}

.textsize-xxlarge ._2nFG1 {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._2nFG1 {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._2nFG1 {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._2nFG1 {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._2nFG1 {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._2nFG1 {
    font-size: 10.6px;
    line-height: 13px
}

html[dir] ._2lwig._2nFG1 {
    background-color: #f2f2f2
}

html[dir] ._1sGGp._2nFG1 {
    background-color: #d1ecbc
}

._2H6ea {
    flex: 0 0 auto;
    height: 90px;
    max-height: 100%
}

.WBPIP ._2H6ea {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 49px;
    width: 49px
}

html[dir] .WBPIP ._2H6ea {
    border-radius: 50%
}

html[dir=ltr] .WBPIP ._2H6ea {
    margin: 8px 0 8px 10px
}

html[dir=rtl] .WBPIP ._2H6ea {
    margin: 8px 10px 8px 0
}

._3zVOv {
    color: #000;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

html[dir] ._3zVOv {
    margin-bottom: 2px
}

._3QqKs {
    -webkit-flex: 0 999 auto;
    flex: 0 999 auto;
    font-size: 12px;
    color: rgba(0, 0, 0, .6)
}

._16y6t {
    -webkit-flex: none;
    flex: none;
    font-size: 12px;
    color: rgba(0, 0, 0, .8)
}

html[dir] ._16y6t {
    padding-top: 1px
}

._3BCzw {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    max-height: 90px;
    line-height: 19px;
    box-sizing: border-box
}

html[dir] ._3BCzw {
    padding: 6px 10px
}

._3BCzw._2jmD6 {
    max-width: 100%
}

._1Wp9N._2nFG1 {
    max-width: none;
    height: 79px;
    width: 100%
}

html[dir] ._1Wp9N._2nFG1 {
    cursor: auto;
    background-color: rgba(0, 0, 0, .05);
    margin: 0;
    border-radius: 5px
}

html[dir=ltr] .C534L,
html[dir=rtl] .C534L {
    margin-right: auto;
    margin-left: auto
}

._1Wp9N ._3BCzw {
    box-sizing: border-box;
    max-height: 79px;
    max-width: 500px
}

html[dir=ltr] ._1Wp9N ._3BCzw {
    padding: 8px 12px 9px 11px
}

html[dir=rtl] ._1Wp9N ._3BCzw {
    padding: 8px 11px 9px 12px
}

._1Wp9N ._3zVOv {
    font-size: 15px;
    line-height: 22px
}

._1Wp9N ._3QqKs {
    line-height: 20px;
    max-height: 40px
}

._1Wp9N ._16y6t,
._1Wp9N:empty {
    display: none
}

._1iJeo,
._3PmkG {
    display: -webkit-flex
}

._1Wp9N ._2H6ea {
    width: 79px;
    height: 79px;
    min-height: 79px;
    min-width: 79px
}

.DlgGk,
._22iYz {
    min-height: 42px
}

html[dir] .textsize-xlarge ._2nFG1 .emoji,
html[dir] .textsize-xxlarge ._2nFG1 .emoji {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

html[dir] .textsize-small ._2nFG1 .emoji {
    -webkit-transform: translate(0, -2px) scale(.85);
    transform: translate(0, -2px) scale(.85)
}

html[dir] .textsize-xsmall ._2nFG1 .emoji {
    -webkit-transform: translate(0, -3px) scale(.75);
    transform: translate(0, -3px) scale(.75)
}

html[dir] .textsize-xxsmall ._2nFG1 .emoji {
    -webkit-transform: translate(0, -3px) scale(.65);
    transform: translate(0, -3px) scale(.65)
}

._2nFG1 strong {
    font-weight: 700;
    color: #000
}

._14FJN,
._3ObEr {
    color: #929fa6
}

._2nFG1 code {
    font-size: 13px
}

.textsize-xxlarge ._2nFG1 code {
    font-size: 16px
}

.textsize-xlarge ._2nFG1 code {
    font-size: 15px
}

.textsize-large ._2nFG1 code {
    font-size: 14px
}

.textsize-small ._2nFG1 code {
    font-size: 12px
}

.textsize-xsmall ._2nFG1 code {
    font-size: 11px
}

.textsize-xxsmall ._2nFG1 code {
    font-size: 10px
}

.native.darwin ._2nFG1 {
    font-family: inherit
}

._1iJeo {
    position: relative;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.KOcRh,
.KOcRh ._1g_BP,
._2v3X3 {
    position: absolute
}

html[dir] ._1iJeo {
    border-radius: 7.5px;
    background-color: rgba(0, 0, 0, .05)
}

html[dir] .C534L,
html[dir] ._1VeYA {
    background-color: transparent;
    border-radius: 5px
}

html[dir=ltr] ._1VeYA {
    margin: 0 0 0 63px
}

html[dir=rtl] ._1VeYA {
    margin: 0 63px 0 0
}

html[dir] .TL5dU {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

._3PmkG {
    display: flex;
    overflow: hidden
}

.KOcRh ._1g_BP,
._22iYz {
    display: -webkit-flex;
    overflow: hidden
}

.EebcE {
    -webkit-flex: none;
    flex: none;
    width: 4px
}

html[dir=ltr] .EebcE {
    border-top-left-radius: 7.5px;
    border-bottom-left-radius: 7.5px
}

html[dir=rtl] .EebcE {
    border-top-right-radius: 7.5px;
    border-bottom-right-radius: 7.5px
}

._22iYz {
    max-height: 82px;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir=ltr] ._22iYz {
    padding: 5px 12px 7px 8px
}

html[dir=rtl] ._22iYz {
    padding: 5px 8px 7px 12px
}

._2v3X3 {
    width: calc(100% - 6px)
}

html[dir=ltr] ._2v3X3 {
    margin-left: -6px
}

html[dir=ltr] ._2v3X3 .KOcRh._3PRVS ._17L4Y,
html[dir=rtl] ._2v3X3 .KOcRh._16eIl ._17L4Y {
    margin-left: 22px
}

html[dir=rtl] ._2v3X3 {
    margin-right: -6px
}

html[dir=ltr] ._2v3X3 .KOcRh._16eIl ._17L4Y,
html[dir=rtl] ._2v3X3 .KOcRh._3PRVS ._17L4Y {
    margin-right: 22px
}

html[dir=rtl] ._2v3X3 .KOcRh._16eIl {
    left: 0
}

._2v3X3 .KOcRh._16eIl ._1g_BP {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

html[dir=ltr] ._2v3X3 .KOcRh._3PRVS {
    left: 0
}

._2v3X3 .KOcRh._3FmTw {
    min-width: 100%
}

.KOcRh {
    bottom: 100%;
    z-index: 1000
}

html[dir] .KOcRh {
    background-color: #eee;
    border-radius: 7.5px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1), 0 8px 17px 0 rgba(0, 0, 0, .16);
    cursor: initial;
    margin-bottom: 10px
}

html[dir=ltr] .C534L ._3PmkG,
html[dir=ltr] ._1VeYA ._3PmkG,
html[dir=ltr] ._1VeYA ._3PmkG .EebcE {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

html[dir=rtl] .C534L ._3PmkG,
html[dir=rtl] ._1VeYA ._3PmkG,
html[dir=rtl] ._1VeYA ._3PmkG .EebcE {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

html[dir] ._2WvMb:focus img,
html[dir] ._3ZkhL .emojik:focus {
    box-shadow: 0 0 0 2px rgba(0, 175, 255, .4)
}

.KOcRh ._1g_BP {
    bottom: -9px;
    display: flex;
    height: 9px;
    width: 100%;
    z-index: 1000
}

.SNxW1,
._1-hDo {
    display: -webkit-flex
}

.KOcRh ._17L4Y {
    height: 14px;
    width: 14px
}

html[dir] .KOcRh ._17L4Y {
    background-color: #eee;
    margin-top: -8px
}

html[dir=ltr] .KOcRh ._17L4Y {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[dir=rtl] .KOcRh ._17L4Y {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

html[dir] .C534L ._3PmkG {
    background-color: #fff
}

.C534L ._3PmkG,
._1VeYA ._3PmkG {
    width: 100%
}

html[dir] .C534L ._3PmkG,
html[dir] ._1VeYA ._3PmkG {
    background-color: rgba(0, 0, 0, .05)
}

.C534L ._22iYz,
._1VeYA ._22iYz {
    max-height: 62px;
    max-width: 500px
}

html[dir=ltr] .C534L ._22iYz,
html[dir=ltr] ._1VeYA ._22iYz {
    padding: 8px 12px 9px 11px
}

html[dir=rtl] .C534L ._22iYz,
html[dir=rtl] ._1VeYA ._22iYz {
    padding: 8px 11px 9px 12px
}

._1-hDo {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 200px
}

.RZ7GO,
._1UWg0 {
    -webkit-flex: 0 0 auto
}

.cOcmP {
    width: 35px;
    height: 35px;
    position: relative
}

.ZBZ4i,
._2SbJ1 {
    position: absolute
}

.cOcmP._1K6WL,
.cOcmP:hover {
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

html[dir=ltr] .cOcmP._1K6WL,
html[dir=ltr] .cOcmP:hover,
html[dir=rtl] .cOcmP._1K6WL,
html[dir=rtl] .cOcmP:hover {
    -webkit-transform: scale(1.12) !important;
    transform: scale(1.12) !important
}

.cOcmP._1K6WL .ZxQVp,
.cOcmP:hover .ZxQVp {
    opacity: 1
}

.ZxQVp,
._30ie- {
    opacity: 0
}

._30ie- {
    font-weight: 300;
    font-size: 20px;
    color: #606060
}

._1BYDA,
._1MRKZ,
._1RtSS,
._1dhOH,
._3RTEI,
._3ajGc,
._3erEF,
._3ggyF,
.q2kTz {
    color: #929fa6
}

._30ie-:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: ''
}

.XK4ZY,
._1N08G {
    height: 67px
}

html[dir] ._30ie-:before {
    border-radius: 50%;
    background-color: #e53935
}

html[dir=ltr] ._30ie-:before {
    -webkit-animation: _1fqU3 1.6s ease-in infinite;
    animation: _1fqU3 1.6s ease-in infinite;
    margin-right: 7px
}

html[dir=rtl] ._30ie-:before {
    -webkit-animation: _1fqU3 1.6s ease-in infinite;
    animation: _1fqU3 1.6s ease-in infinite;
    margin-left: 7px
}

.ZBZ4i {
    top: 0
}

html[dir=ltr] .ZBZ4i {
    left: 0
}

._2SbJ1 {
    z-index: 2;
    bottom: 18px
}

._2Cep9,
._2FsQ8,
._3AwwN {
    z-index: 1000;
    box-sizing: border-box
}

.SNxW1,
.Sbkt2,
._28nB8,
._3I_df,
.me9CP {
    position: relative
}

._1UWg0 {
    width: 24px;
    transition: width .18s ease-in-out;
    flex: 0 0 auto
}

html[dir] ._1UWg0 {
    margin-bottom: 3px;
    cursor: default
}

._3I_df,
html[dir] ._1OmDL,
html[dir] ._2dGjP,
html[dir] ._3PLGx {
    cursor: pointer
}

html[dir=ltr] ._1UWg0 {
    margin-left: 26px
}

html[dir=rtl] ._1UWg0 {
    margin-right: 26px
}

._1UWg0._1wU75 {
    width: 200px
}

html[dir=ltr] ._1UWg0._1wU75 {
    margin-left: 24px
}

html[dir=rtl] ._1UWg0._1wU75 {
    margin-right: 24px
}

@-webkit-keyframes _1fqU3 {
    50% {
        opacity: 0
    }
}

@keyframes _1fqU3 {
    50% {
        opacity: 0
    }
}

html[dir] ._3PLGx {
    background-color: rgba(0, 0, 0, .1)
}

.SNxW1 {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.DlgGk,
._3ipAY {
    display: -webkit-flex;
    overflow: hidden
}

html[dir] .SNxW1 {
    border-radius: 7.5px;
    background-color: rgba(0, 0, 0, .05)
}

html[dir] .XK4ZY {
    background-color: transparent
}

html[dir=ltr] .XK4ZY {
    margin: 0 0 0 63px
}

html[dir=rtl] .XK4ZY {
    margin: 0 63px 0 0
}

.DlgGk {
    display: flex;
    max-height: 82px
}

._32GAA {
    min-width: 4px;
    width: 4px
}

html[dir=ltr] ._32GAA {
    border-top-left-radius: 7.5px;
    border-bottom-left-radius: 7.5px;
    margin-right: 3px;
    background-color: #c1c1c1 !important
}

html[dir=ltr] .XK4ZY .DlgGk,
html[dir=ltr] .XK4ZY .DlgGk ._32GAA,
html[dir=ltr] .aIdZo .DlgGk {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

html[dir=rtl] ._32GAA {
    border-top-right-radius: 7.5px;
    border-bottom-right-radius: 7.5px;
    margin-left: 3px;
    background-color: #c1c1c1 !important
}

html[dir=rtl] .XK4ZY .DlgGk,
html[dir=rtl] .XK4ZY .DlgGk ._32GAA,
html[dir=rtl] .aIdZo .DlgGk {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

._3ipAY {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

._1N08G,
._1aXBL {
    display: -webkit-flex
}

html[dir] ._3ipAY {
    margin: 8px 3px
}

html[dir=ltr] ._3ipAY {
    margin-right: 12px
}

html[dir=rtl] ._3ipAY {
    margin-left: 12px
}

.XK4ZY .DlgGk,
.aIdZo .DlgGk {
    min-height: 67px;
    width: 100%
}

html[dir] .XK4ZY .DlgGk,
html[dir] .aIdZo .DlgGk {
    background-color: rgba(0, 0, 0, .05)
}

._1aXBL {
    display: flex;
    -webkit-flex: none;
    flex: none
}

._1N08G {
    width: 69px;
    box-sizing: border-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

html[dir=ltr] ._1N08G {
    padding-left: 4px
}

html[dir=rtl] ._1N08G {
    padding-right: 4px
}

._2VzPl {
    opacity: 1;
    overflow-y: scroll;
    width: 100%;
    box-sizing: border-box
}

html[dir] ._2VzPl {
    padding-bottom: 12px
}

html[dir] ._2VzPl:last-child {
    padding-bottom: 10px
}

._3ZkhL {
    height: 320px;
    overflow: auto
}

html[dir] ._3ZkhL {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

html[dir] ._3ZkhL .emojik {
    margin: 6px;
    cursor: pointer;
    border-radius: 3px
}

._28nB8 {
    overflow-y: scroll;
    height: 276px;
    box-sizing: border-box
}

.RLfQR,
.ZwkQK,
._1S4i5,
._1wjpf,
._2zCDG,
._3lSL5,
.menu-dropdown {
    overflow: hidden
}

html[dir] ._28nB8 {
    padding-top: 62px
}

html[dir] .Sbkt2 {
    background-color: #f0f0f0
}

html[dir] .textsize-small ._3ZkhL .emoji {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

html[dir] .textsize-xsmall ._3ZkhL .emoji {
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

html[dir] .textsize-xxsmall ._3ZkhL .emoji {
    -webkit-transform: scale(.65);
    transform: scale(.65)
}

.TYhk9 {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: none;
    flex: none
}

._3I_df,
.rvQu_ {
    display: inline-block
}

.Bixbo,
._2JCaJ {
    -webkit-flex: none
}

html[dir] .TYhk9 {
    background-color: #ece6e0;
    border-top: 1px solid rgba(255, 255, 255, .15);
    margin-top: 0;
    padding: 24px 19px 19px
}

.Bixbo {
    flex: none;
    font-size: 15px;
    line-height: normal
}

._1S4i5,
._2dGjP {
    font-size: 14.5px;
    white-space: nowrap
}

._2JCaJ {
    flex: none
}

html[dir] ._2JCaJ {
    margin-top: 12px;
    text-align: center
}

html[dir] .rvQu_ {
    margin-bottom: 5px
}

html[dir=ltr] .rvQu_+.rvQu_ {
    margin-left: 8px
}

html[dir=rtl] .rvQu_+.rvQu_ {
    margin-right: 8px
}

._1L9HF {
    max-width: 440px
}

._3I_df {
    height: 18px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    vertical-align: middle;
    width: 18px
}

.me9CP {
    background-color: transparent;
    border-radius: 2px;
    border: 2px solid;
    box-sizing: border-box;
    height: 100%;
    transition: background-color 140ms, border-color 140ms
}

._1KfC8 {
    border-bottom: 2px solid #fff;
    border-left: none;
    border-right: 2px solid #fff;
    border-top: none;
    height: 10px;
    left: 4px;
    position: absolute;
    top: -1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px
}

._1VD7W {
    background-color: #00bfa5;
    border-color: #00bfa5
}

._1s8CA {
    opacity: 1;
    -webkit-animation: _28R-H 160ms ease-out forwards;
    animation: _28R-H 160ms ease-out forwards
}

._2uQfJ {
    opacity: 0
}

._2yfCz {
    background-color: #eee;
    border-color: #eee
}

@-webkit-keyframes _28R-H {
    0% {
        top: 9px;
        left: 6px;
        width: 0;
        height: 0
    }

    100% {
        top: -1px;
        left: 4px;
        width: 5px;
        height: 10px
    }
}

@keyframes _28R-H {
    0% {
        top: 9px;
        left: 6px;
        width: 0;
        height: 0
    }

    100% {
        top: -1px;
        left: 4px;
        width: 5px;
        height: 10px
    }
}

html[dir=ltr] .YUoyu,
html[dir=ltr] .ZwkQK,
html[dir=ltr] ._1N6G4 {
    left: 0
}

.XELVh,
.ZwkQK {
    width: 100%
}

._12fSF {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    flex: none;
    -webkit-justify-content: center;
    justify-content: center
}

.XELVh,
._3NFp9 {
    display: inline-block
}

html[dir] ._12fSF {
    margin-bottom: 28px;
    margin-top: 28px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

html[dir=ltr] ._12fSF,
html[dir=rtl] ._12fSF {
    -webkit-animation: XVXvJ 750ms cubic-bezier(.1, .82, .25, 1);
    animation: XVXvJ 750ms cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes XVXvJ {

    0%,
    20% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform: scale 1, 1;
        transform: scale 1, 1
    }
}

@keyframes XVXvJ {

    0%,
    20% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform: scale 1, 1;
        transform: scale 1, 1
    }
}

html[dir=ltr] ._idKB {
    margin: 4px 20px 28px 30px;
    -webkit-animation: _3Gjbg 1s cubic-bezier(.1, .82, .25, 1);
    animation: _3Gjbg 1s cubic-bezier(.1, .82, .25, 1)
}

html[dir=rtl] ._idKB {
    margin: 4px 30px 28px 20px;
    -webkit-animation: _3Gjbg 1s cubic-bezier(.1, .82, .25, 1);
    animation: _3Gjbg 1s cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes _3Gjbg {

    0%,
    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _3Gjbg {

    0%,
    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

._1wjpf {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.VWBaR,
.rAUz7 {
    -webkit-flex: none
}

.VWBaR,
.ZwkQK {
    display: -webkit-flex
}

.VWBaR {
    flex: none;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] .VWBaR {
    padding-top: 24px;
    padding-bottom: 24px
}

.ZwkQK {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    position: absolute;
    top: 0;
    height: 100%
}

.PNqfx:disabled,
.menu-dropdown,
.rAUz7._2-Mrp {
    pointer-events: none
}

._3lSL5,
.rAUz7,
.vidHz {
    position: relative
}

._3Kxus,
._3Kxus>span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.rAUz7 {
    flex: none;
    height: 24px;
    transition: background-color .18s ease
}

html[dir] .rAUz7 {
    border-radius: 50%;
    padding: 8px
}

html[dir=ltr] .rAUz7 {
    margin-left: 10px
}

html[dir=rtl] .rAUz7 {
    margin-right: 10px
}

html[dir] .rAUz7._3TbsN {
    background-color: rgba(0, 0, 0, .1)
}

.rAUz7._2-Mrp {
    opacity: .45
}

html[dir=ltr] .rAUz7:first-of-type {
    margin-left: 0
}

html[dir=rtl] .rAUz7:first-of-type {
    margin-right: 0
}

@media screen and (max-width:720px) {
    html[dir] .rAUz7 {
        padding: 6px
    }

    html[dir=ltr] .rAUz7 {
        margin-left: 2px
    }

    html[dir=rtl] .rAUz7 {
        margin-right: 2px
    }
}

._10anr {
    opacity: 0
}

html[dir] ._28zBA._14ou2 {
    background-color: #f4f5f5
}

._2dGjP {
    box-sizing: border-box;
    color: #444;
    display: block;
    height: 40px;
    line-height: 14.5px
}

._1zW0M,
._3IGDH {
    color: #929fa6
}

.YUoyu,
._1N6G4 {
    height: 100%;
    top: 0;
    width: 100%
}

html[dir] ._2dGjP {
    padding-top: 13px
}

html[dir=ltr] ._2dGjP {
    padding-left: 24px;
    padding-right: 58px
}

html[dir=rtl] ._2dGjP {
    padding-right: 24px;
    padding-left: 58px
}

html[dir=ltr] ._1vu-E {
    padding-right: 24px
}

html[dir=rtl] ._1vu-E {
    padding-left: 24px
}

._3asN5 {
    opacity: 1
}

html[dir] ._3asN5 {
    margin-top: 15px
}

._2WvMb {
    opacity: 0;
    -webkit-flex: none;
    flex: none
}

html[dir] ._2WvMb {
    padding: 0
}

html[dir] ._2WvMb img {
    border-radius: 3px;
    margin: 1px
}

html[dir] ._18tv-,
html[dir] ._2EbF- {
    margin-top: -1px
}

html[dir=ltr] ._2WvMb:first-child {
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #ccc
}

html[dir=ltr] .PNqfx:not(:last-of-type),
html[dir=ltr] ._1S4i5 {
    margin-right: 10px
}

html[dir=rtl] ._2WvMb:first-child {
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid #ccc
}

html[dir=rtl] .PNqfx:not(:last-of-type),
html[dir=rtl] ._1S4i5 {
    margin-left: 10px
}

html[dir=ltr] ._2WvMb:last-child {
    padding-right: 0
}

html[dir=rtl] ._2WvMb:last-child {
    padding-left: 0
}

._3lSL5 {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    white-space: nowrap
}

._1IFvC div {
    opacity: .4
}

html[dir] ._1IFvC button {
    cursor: not-allowed
}

.btn-attach:after,
.YUoyu,
._1N6G4,
._2FsQ8,
.menu-dropdown {
    position: absolute
}

.YUoyu {
    opacity: .06
}

html[dir] .YUoyu {
    background-repeat: repeat repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx) {
    html[dir] .YUoyu {
        background-size: 366.5px 666px
    }
}

._1N6G4 {
    transition: background .3s ease
}

._2FsQ8 {
    height: 62px;
    width: 100%;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

._1WBXd,
._3AwwN {
    display: -webkit-flex
}

html[dir] ._2FsQ8 {
    background-color: #f3f0ef
}

html[dir=ltr] ._2FsQ8 {
    left: 0;
    padding-right: 16px;
    padding-left: 15px
}

html[dir=rtl] ._2FsQ8 {
    padding-left: 16px;
    padding-right: 15px
}

@media (max-width:1088px) and (min-width:1025px) {

    html[dir=ltr] .three ._2FsQ8,
    html[dir=rtl] .three ._2FsQ8 {
        padding-left: 4%;
        padding-right: 4%
    }
}

html[dir] .PNqfx {
    padding: 8px
}

.PNqfx path {
    transition: fill .18s ease
}

._1S4i5 {
    -webkit-flex: 1;
    flex: 1
}

.web .PNqfx path {
    fill: #8d9194;
    opacity: 1
}

.web .PNqfx:disabled path {
    fill: #cacaca;
    opacity: 1
}

.win32 .PNqfx path {
    fill: #4f585d;
    opacity: 1
}

.win32 .PNqfx:disabled path {
    fill: rgba(79, 88, 93, .5)
}

.darwin .PNqfx path {
    fill: #494948;
    opacity: 1
}

.darwin .PNqfx:disabled path {
    opacity: .4
}

.D6ZWG {
    top: 0;
    height: 59px
}

html[dir] .D6ZWG {
    background-color: #00bfa5
}

.D6ZWG .PNqfx path {
    fill: #d6f6f1;
    opacity: 1
}

.D6ZWG .PNqfx:hover path {
    fill: #FFF;
    opacity: 1
}

.D6ZWG .PNqfx:disabled path,
.D6ZWG .PNqfx:disabled:hover path {
    fill: #78e1d2;
    opacity: 1
}

.D6ZWG ._1S4i5 {
    color: #FFF
}

.darwin .D6ZWG .PNqfx path {
    fill: #fff;
    opacity: 1
}

html[dir=rtl] .darwin .D6ZWG {
    padding-left: 78px
}

._8G5HH {
    color: #929fa6
}

.menu-dropdown {
    top: 49px;
    height: 320px;
    width: 320px
}

html[dir] .menu-dropdown {
    cursor: default
}

html[dir] .btn-attach,
html[dir] .Ku-wk,
html[dir] .WnsGQ,
html[dir] ._1aTxu {
    cursor: pointer
}

html[dir=ltr] .menu-dropdown {
    right: -17px
}

html[dir=rtl] .menu-dropdown {
    left: -17px
}

.btn-attach {
    height: 53px;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0)
}

html[dir] .btn-attach {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    border-radius: 50%
}

.btn-attach:after {
    top: 1px;
    width: 51px;
    height: 51px;
    content: "";
    transition: box-shadow .07s ease-out
}

html[dir] .btn-attach:after {
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .17), 0 6px 8px rgba(0, 0, 0, .29)
}

html[dir=ltr] .btn-attach:after {
    left: 1px
}

html[dir=rtl] .btn-attach:after {
    right: 1px
}

._1i0-u {
    -webkit-flex: none;
    flex: none
}

html[dir=ltr] ._1i0-u {
    margin-left: 20px
}

html[dir=rtl] ._1i0-u {
    margin-right: 20px
}

html[dir=ltr] ._18tv- {
    padding: 0 15px 0 0
}

html[dir=rtl] ._18tv- {
    padding: 0 0 0 15px
}

._3AwwN {
    display: flex;
    height: 59px;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

._2Cep9,
._3AwwN:after {
    position: absolute;
    width: 100%
}

html[dir] ._3AwwN {
    background-color: #eee;
    padding: 10px 16px
}

html[dir=ltr] ._3AwwN {
    border-left: 1px solid rgba(0, 0, 0, .08)
}

html[dir=rtl] ._3AwwN {
    border-right: 1px solid rgba(0, 0, 0, .08)
}

._3AwwN:after {
    content: '';
    height: 1px;
    bottom: -1px
}

html[dir] ._3AwwN:after {
    background-color: rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

html[dir=ltr] ._3AwwN:after {
    left: 0
}

html[dir=rtl] ._3AwwN:after {
    right: 0
}

._1WBXd {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    min-width: 0;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

._2EbF-,
._2zCDG {
    display: -webkit-flex
}

._2EbF- {
    display: flex;
    line-height: normal;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

html[dir=ltr] ._2EbF- {
    text-align: left
}

html[dir=rtl] ._2EbF- {
    text-align: right
}

._2zCDG {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    white-space: nowrap;
    color: #000;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

html[dir=ltr] ._2zCDG {
    text-align: left
}

html[dir=rtl] ._2zCDG {
    text-align: right
}

html[dir] ._12pDc,
html[dir] ._2EN0C {
    text-align: center
}

._2zCDG .emoji {
    -webkit-flex: none;
    flex: none
}

html[dir] .textsize-xxlarge ._2zCDG .emoji {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px)
}

html[dir] .textsize-large ._2zCDG .emoji,
html[dir] .textsize-xlarge ._2zCDG .emoji {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

html[dir] .textsize-small ._2zCDG .emoji {
    -webkit-transform: translate(0, -2px) scale(.85);
    transform: translate(0, -2px) scale(.85)
}

html[dir] .textsize-xsmall ._2zCDG .emoji {
    -webkit-transform: translate(0, -2px) scale(.75);
    transform: translate(0, -2px) scale(.75)
}

html[dir] .textsize-xxsmall ._2zCDG .emoji {
    -webkit-transform: translate(0, -3px) scale(.65);
    transform: translate(0, -3px) scale(.65)
}

.textsize-xxlarge ._2zCDG {
    font-size: 17.5px;
    line-height: 27px
}

.textsize-xlarge ._2zCDG {
    font-size: 17px;
    line-height: 25px
}

.textsize-large ._2zCDG {
    font-size: 16.5px;
    line-height: 23px
}

.textsize-small ._2zCDG {
    font-size: 15.5px;
    line-height: 19px
}

.textsize-xsmall ._2zCDG {
    font-size: 15px;
    line-height: 17px
}

.textsize-xxsmall ._2zCDG {
    font-size: 14.5px;
    line-height: 15px
}

@media screen and (max-width:1024px) {
    html[dir=ltr] ._3AwwN {
        border-left: 1px solid #e0e0e0
    }

    html[dir=rtl] ._3AwwN {
        border-right: 1px solid #e0e0e0
    }
}

@media screen and (min-width:1025px) and (max-width:1300px) {
    html[dir=ltr] ._3AwwN {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid rgba(0, 0, 0, .08)
    }

    html[dir=rtl] ._3AwwN {
        border-right: 1px solid #e0e0e0;
        border-left: 1px solid rgba(0, 0, 0, .08)
    }
}

@media screen and (min-width:1301px) {
    html[dir=ltr] ._3AwwN {
        border-right: 1px solid rgba(0, 0, 0, .08)
    }

    html[dir=rtl] ._3AwwN {
        border-left: 1px solid rgba(0, 0, 0, .08)
    }
}

._2ovmI {
    color: #929fa6
}

._2Cep9 {
    height: 70px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.RLfQR,
._1UuLw,
._2sNbV {
    position: relative
}

html[dir] ._2Cep9 {
    background-color: #eee
}

html[dir=ltr] ._2Cep9 {
    left: 0;
    padding-right: 16px;
    padding-left: 15px
}

html[dir=rtl] ._1CzIm ._12sbx,
html[dir=rtl] ._1CzIm .eTCKi {
    left: 32px
}

html[dir=rtl] ._2Cep9 {
    right: 0;
    padding-left: 16px;
    padding-right: 15px
}

html[dir=ltr] ._1CzIm ._12sbx,
html[dir=ltr] ._1CzIm .eTCKi {
    right: 32px
}

.PMPSw {
    -webkit-flex: 1;
    flex: 1;
    color: #128C7E
}

._3hLHQ {
    -webkit-flex: 95;
    flex: 95;
    line-height: 20px;
    word-break: break-all
}

.Y9G3K,
._12oAB,
.c4Y9s,
.ogWqZ {
    word-break: break-word
}

._1pIV8 {
    -webkit-flex: 5;
    flex: 5
}

html[dir] ._2c0iK {
    padding: 8px
}

._2c0iK path {
    transition: fill .18s ease
}

._12oAB,
._2_FdF,
._39uZ2,
._4GQj1 {
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1)
}

.WnsGQ {
    color: #00a5f4
}

._3Bg9t {
    color: #929fa6
}

._1UuLw {
    height: 55px;
    -webkit-order: 3;
    order: 3;
    -webkit-flex: none;
    flex: none;
    width: 100%;
    box-sizing: border-box;
    z-index: 1
}

html[dir] ._1UuLw {
    padding: 25px
}

._12pDc {
    display: block
}

._2EN0C {
    color: #039be5
}

._2fX-0 {
    color: #929fa6
}

._2e8Mu {
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
    height: 16px;
    color: #4caf50
}

._1qP8m,
._26BZr {
    line-height: 20px
}

html[dir] ._2e8Mu {
    padding: 1px 5px 0;
    border-radius: 3px;
    border: 1px solid #4caf50
}

html[dir] ._2mAHY,
html[dir] ._30zap {
    border-radius: 50%
}

._2mAHY {
    -webkit-flex: none;
    flex: none;
    height: 16px
}

._1AKfk,
.textsize-large ._1AKfk,
.textsize-xlarge ._1AKfk,
.textsize-xxlarge ._1AKfk {
    height: 72px
}

html[dir] ._2mAHY {
    padding: 1px;
    margin: 4px;
    cursor: pointer
}

html[dir=ltr] ._2mAHY {
    margin-left: 6px
}

html[dir=rtl] ._2mAHY {
    margin-right: 6px
}

html[dir] ._2mAHY:hover {
    background-color: #f8f8f8;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08)
}

._1qP8m::before {
    content: "~"
}

._3UYdR {
    color: #929fa6
}

._1AKfk {
    box-sizing: border-box;
    font-size: 16px;
    color: #009688;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._19R3W,
.yv-dW {
    color: #929fa6
}

html[dir] ._1AKfk {
    background-color: #fff
}

html[dir=ltr] ._1AKfk {
    padding: 30px 0 15px 32px
}

html[dir=rtl] ._1AKfk {
    padding: 30px 32px 15px 0
}

.textsize-small ._1AKfk {
    height: 64px;
    font-size: 18px
}

html[dir=ltr] .textsize-small ._1AKfk {
    padding: 28px 0 14px 28px
}

html[dir=rtl] .textsize-small ._1AKfk {
    padding: 28px 28px 14px 0
}

.textsize-xsmall ._1AKfk {
    height: 58px;
    font-size: 16.5px
}

html[dir=ltr] .textsize-xsmall ._1AKfk {
    padding: 26px 0 13px 26px
}

html[dir=rtl] .textsize-xsmall ._1AKfk {
    padding: 26px 26px 13px 0
}

.textsize-xxsmall ._1AKfk {
    height: 52px;
    font-size: 15px
}

html[dir=ltr] .textsize-xxsmall ._1AKfk {
    padding: 24px 0 12px 24px
}

html[dir=rtl] .textsize-xxsmall ._1AKfk {
    padding: 24px 24px 12px 0
}

html[dir] .RLfQR {
    margin-top: -1px
}

._26BZr {
    font-weight: 300;
    color: #5b646b;
    font-size: 14px
}

.KRCrf,
._3pJ1s {
    color: #929fa6
}

html[dir] ._26BZr {
    margin-bottom: 20px
}

.chrome-media-icon,
.firefox-lock-icon,
.opera-media-icon {
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: -4px
}

._2sNbV,
._38uPO {
    display: -webkit-flex
}

._111ze .emoji,
._1aTxu {
    vertical-align: top
}

html[dir] .chrome-media-icon,
html[dir] .firefox-lock-icon,
html[dir] .opera-media-icon {
    background-repeat: no-repeat;
    background-size: contain
}

html[dir] .chrome-media-icon {
    margin: 0 2px
}

._38uPO {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._38uPO {
    margin-bottom: 30px
}

._30zap {
    height: 193px;
    width: 193px
}

html[dir=ltr] ._2klhM,
html[dir=rtl] ._2klhM {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

._2sNbV {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    flex: 1;
    opacity: 1;
    overflow-y: auto;
    z-index: 2
}

._2fq0t,
.iHLo1 {
    display: -webkit-flex;
    width: 100%
}

._1xGbt,
._2fq0t,
._3-Xnb,
._3ySAH {
    overflow: hidden
}

._1CzIm ._12sbx,
._1CzIm .eTCKi,
._1TiMY,
._2fq0t {
    position: absolute
}

._1CzIm {
    -webkit-flex: none;
    flex: none;
    z-index: 10
}

._1CzIm ._12sbx {
    bottom: 32px
}

._1CzIm .eTCKi {
    bottom: 32px;
    opacity: 0
}

.LPdtQ,
._38GaD,
._3wFyY {
    bottom: -6px
}

html[dir] ._1CzIm .eTCKi {
    -webkit-transform: scale(0);
    transform: scale(0)
}

html[dir=rtl] .LPdtQ,
html[dir=rtl] ._1PIHO,
html[dir=rtl] ._1TiMY,
html[dir=rtl] ._2fq0t {
    right: 0
}

html[dir=ltr] .LPdtQ,
html[dir=ltr] ._1PIHO,
html[dir=ltr] ._1TiMY,
html[dir=ltr] ._2fq0t {
    left: 0
}

.iHLo1._1Rw3q {
    height: 0
}

.iHLo1 {
    height: 62px;
    color: #fff;
    z-index: 1000;
    box-sizing: border-box;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

._1MAoK,
._3RiqH {
    color: #929fa6
}

html[dir] .iHLo1 {
    background-color: #009688
}

html[dir=ltr] .iHLo1 {
    padding-right: 108px;
    padding-left: 24px
}

html[dir=rtl] .iHLo1 {
    padding-left: 108px;
    padding-right: 24px
}

._3-Xnb {
    white-space: nowrap;
    font-size: 16px
}

._3X8W- {
    display: inline-block;
    text-indent: 2px
}

._2fq0t {
    top: 0;
    height: 100%;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    pointer-events: auto
}

.Ghmsz,
._1FroB {
    display: -webkit-flex
}

.SFEHG,
._1FroB {
    -webkit-flex: none
}

html[dir] ._2fq0t {
    background-color: #f7f7f7
}

html[dir] ._1O4p6 {
    background-color: #fff
}

html[dir] ._1NVPn {
    background-color: #eee
}

html[dir] ._1dGTK,
html[dir] ._1drQ-,
html[dir] .r3Nu1 {
    background-color: #e5e5e5
}

._1FroB {
    display: flex;
    flex: none;
    box-sizing: border-box;
    color: #fff;
    height: 108px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

._1CSx9,
._1FroB .Ghmsz,
._2MdHj._1FroB {
    height: 59px
}

.Ghmsz,
.btn-reshoot {
    -webkit-align-items: center
}

html[dir] ._1FroB {
    background-color: #00bfa5
}

html[dir=ltr] ._1FroB {
    padding-right: 20px;
    padding-left: 25px
}

html[dir=rtl] ._1FroB {
    padding-left: 20px;
    padding-right: 25px
}

.Ghmsz {
    align-items: center;
    display: flex;
    -webkit-flex: none;
    flex: none;
    width: 100%
}

.Ku-wk,
.btn-reshoot {
    display: -webkit-flex
}

._1CSx9 .SFEHG,
._1FroB .SFEHG {
    width: 54px
}

html[dir] .Ghmsz {
    text-align: initial
}

._1xGbt {
    white-space: nowrap;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.btn-reshoot {
    align-items: center;
    display: flex;
    -webkit-flex: none;
    flex: none
}

.Ku-wk {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: none;
    flex: none
}

.SFEHG {
    flex: none
}

._1CSx9,
.wDFKR {
    -webkit-flex: none
}

html[dir] ._1FroB .Ghmsz {
    background-color: transparent;
    padding: 0
}

._1FroB ._1xGbt {
    font-weight: 500;
    font-size: 19px;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._1CSx9 {
    display: -webkit-flex;
    display: flex;
    flex: none;
    box-sizing: border-box;
    -webkit-align-items: center;
    align-items: center;
    color: #4b4b4b
}

html[dir] ._1CSx9 {
    background-color: #eee
}

html[dir=ltr] ._1CSx9 {
    padding-right: 20px;
    padding-left: 25px
}

html[dir=rtl] ._1CSx9 {
    padding-left: 20px;
    padding-right: 25px
}

._1CSx9 .Ghmsz {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #000
}

._2klhM,
.wDFKR {
    display: -webkit-flex;
    color: #fff;
    box-sizing: border-box
}

.wDFKR {
    display: flex;
    flex: none;
    height: 49px;
    -webkit-align-items: center;
    align-items: center
}

._1aTxu,
._2klhM {
    -webkit-flex: none
}

html[dir] .wDFKR {
    background-color: #00bfa5
}

html[dir=ltr] .wDFKR {
    padding: 0 20px 0 25px
}

html[dir=rtl] .wDFKR {
    padding: 0 25px 0 20px
}

._2klhM {
    display: flex;
    flex: none;
    height: 59px;
    -webkit-align-items: center;
    align-items: center
}

._1TiMY,
._1woNK {
    display: -webkit-flex
}

._18gR8,
._1GC7O,
._1SDl1,
._1XVzP,
._24IBz,
._3E1Co,
.kEqgF {
    color: #929fa6
}

html[dir] ._2klhM {
    background-color: #009688
}

html[dir=ltr] ._2klhM {
    padding: 0 20px 0 25px
}

html[dir=rtl] ._2klhM {
    padding: 0 25px 0 20px
}

._2klhM ._1xGbt,
.wDFKR ._1xGbt {
    font-weight: 500;
    font-size: 19px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wDFKR .SFEHG {
    width: 48px;
    opacity: .7
}

._1aTxu {
    flex: none
}

html[dir] ._1aTxu {
    margin-top: -2px
}

html[dir] .LPdtQ,
html[dir] ._1PIHO {
    cursor: ns-resize
}

.wjotJ {
    -webkit-flex: none;
    flex: none
}

._1TiMY {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    top: 0;
    width: 100%;
    z-index: 10
}

.LPdtQ,
._1PIHO {
    height: 12px;
    width: 100%
}

html[dir] ._1TiMY {
    background-color: rgba(140, 140, 140, .85);
    border-radius: 50%
}

html[dir=ltr] .BDk0G,
html[dir=rtl] .BDk0G {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

._1woNK {
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

._111ze,
._3fOoY {
    display: -webkit-flex
}

._3fOoY {
    display: flex;
    overflow: scroll;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 150px
}

html[dir] ._3fOoY {
    background-color: #fff
}

html[dir=ltr] ._3fOoY {
    padding: 20px 25px 5px 24px
}

html[dir=rtl] ._3fOoY {
    padding: 20px 24px 5px 25px
}

.KwYYU {
    position: fixed
}

._1k5cI {
    position: absolute;
    z-index: 1001
}

.Uukb4::before,
._1k6Uw::before {
    content: '';
    z-index: 2;
    pointer-events: none
}

._1PIHO {
    top: -6px
}

._1H2v_,
._1k6D5 {
    top: 0;
    height: 100%
}

html[dir] ._1H2v_,
html[dir] ._1k6D5 {
    cursor: ew-resize
}

html[dir=ltr] ._1H2v_,
html[dir=rtl] ._1k6D5 {
    left: -6px
}

._1H2v_ {
    width: 12px
}

html[dir=rtl] ._1H2v_ {
    right: -6px
}

._1k6D5 {
    width: 12px
}

._31SXJ,
.ouJL5 {
    top: -6px
}

._31SXJ,
._38GaD,
._3wFyY,
.ouJL5 {
    height: 12px;
    width: 12px
}

html[dir=ltr] ._1k6D5 {
    right: -6px
}

html[dir=ltr] ._31SXJ {
    right: -6px;
    cursor: nesw-resize
}

html[dir=ltr] .ouJL5,
html[dir=rtl] ._31SXJ {
    left: -6px;
    cursor: nwse-resize
}

html[dir=rtl] .ouJL5 {
    right: -6px;
    cursor: nesw-resize
}

html[dir=ltr] ._38GaD {
    right: -6px;
    cursor: nwse-resize
}

html[dir=ltr] ._3wFyY,
html[dir=rtl] ._38GaD {
    left: -6px;
    cursor: nesw-resize
}

._1k6Uw,
._1k6Uw::before {
    position: absolute;
    bottom: 0
}

.TSSFW,
.Uukb4,
._1k6Uw,
._245vA,
._3nwIT {
    width: 100%
}

html[dir=rtl] ._3wFyY {
    right: -6px;
    cursor: nwse-resize
}

html[dir] .KyPvv {
    cursor: move
}

._3ehKs {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 56px;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    overflow: hidden
}

html[dir] ._3ehKs .emojik {
    margin: 6px;
    cursor: pointer;
    border-radius: 3px
}

html[dir] ._3ehKs .emojik.selected,
html[dir] ._3ehKs .emojik:focus {
    /* box-shadow:0 0 0 2px rgba(0,175,255,.4) */
}

html[dir] ._3ehKs .emojik-single {
    background: 0 0
}

html[dir] ._29p67,
html[dir] ._8k43T {
    background-position: center;
    background-size: cover
}

._3nwIT {
    height: 56px;
    position: absolute;
    opacity: 1;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 8px 0 10px 12px;
    box-sizing: border-box
}

._23EHf,
.iR8Cb {
    max-height: 182px;
    overflow: auto
}

._245vA {
    position: absolute;
    top: 0
}

._1k6Uw {
    box-sizing: border-box
}

html[dir] ._1k6Uw {
    background-color: #f5f1ee;
    box-shadow: 0 -5px 7px -5px rgba(0, 0, 0, .15)
}

html[dir=ltr] ._1k6Uw {
    border-left: 1px solid #e4e4e4
}

html[dir=rtl] ._1k6Uw {
    border-right: 1px solid #e4e4e4
}

._1k6Uw::before {
    top: 0
}

html[dir] ._1k6Uw::before {
    box-shadow: inset 0 -10px 9px -10px rgba(0, 0, 0, .25)
}

html[dir=ltr] ._1k6Uw::before {
    left: 0;
    right: 0
}

html[dir=rtl] ._1k6Uw::before {
    right: 0;
    left: 0
}

._23EHf {
    position: relative
}

.TSSFW {
    position: absolute;
    top: 0
}

html[dir=ltr] .TSSFW {
    left: 0
}

html[dir=rtl] .TSSFW {
    right: 0
}

.iR8Cb {
    position: relative
}

.Uukb4,
.Uukb4::before {
    position: absolute;
    bottom: 0
}

.Y9G3K,
._1SDw5,
._1qYlt ._8k43T,
._1vWM8,
._2FfLx,
._2_Y93,
._2a1Yw {
    overflow: hidden
}

._1jyyu,
._1lIXT,
._1rADT,
._2vjPO,
.messages-container {
    overflow-x: hidden
}

.Uukb4 {
    box-sizing: border-box
}

html[dir] .Uukb4 {
    background-color: #f5f1ee;
    box-shadow: 0 -5px 7px -5px rgba(0, 0, 0, .15)
}

html[dir=ltr] .Uukb4 {
    left: 0;
    border-left: 1px solid rgba(0, 0, 0, .08)
}

html[dir=rtl] .Uukb4 {
    right: 0;
    border-right: 1px solid rgba(0, 0, 0, .08)
}

.Uukb4::before {
    top: 0
}

html[dir] .Uukb4::before {
    box-shadow: inset 0 -10px 9px -10px rgba(0, 0, 0, .25)
}

html[dir=ltr] .Uukb4::before {
    left: 0;
    right: 0
}

html[dir=rtl] .Uukb4::before {
    right: 0;
    left: 0
}

.BDk0G {
    pointer-events: auto
}

._1IRB_,
._1Xt68,
._3F6QL ._39LWd {
    pointer-events: none
}

html[dir] .BDk0G {
    background-color: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .16)
}

html[dir] ._1qYlt._1vWM8,
html[dir] ._2_Y93 {
    background-color: rgba(0, 0, 0, .05)
}

._111ze {
    color: #74cff8;
    display: flex;
    font-family: 'Open Sans', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 22px
}

._1j_Ub,
._2t-jH {
    display: -webkit-flex
}

.native.darwin ._111ze {
    font-family: inherit
}

.textsize-xxlarge ._111ze {
    font-size: 15px
}

.textsize-xlarge ._111ze {
    font-size: 14.5px
}

.textsize-large ._111ze {
    font-size: 13.5px
}

.textsize-small ._111ze {
    font-size: 11.5px
}

.textsize-xsmall ._111ze {
    font-size: 10.5px
}

.textsize-xxsmall ._111ze {
    font-size: 10px
}

._2a1Yw {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap
}

html[dir=ltr] ._2a1Yw {
    padding-left: 2px;
    margin-left: -2px
}

html[dir=rtl] ._2a1Yw {
    padding-right: 2px;
    margin-right: -2px
}

.RZ7GO {
    flex: 0 0 auto
}

html[dir=rtl] .RZ7GO {
    direction: rtl
}

._3Ye_R {
    font-weight: 400
}

html[dir=ltr] ._3Ye_R {
    color: #999 !important;
    margin-left: 8px
}

html[dir=rtl] ._3Ye_R {
    color: #999 !important;
    margin-right: 8px
}

._3Ye_R::before {
    content: "~"
}

._2Y-hG {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

html[dir] ._2Y-hG {
    margin-top: 1px
}

html[dir=ltr] ._2Y-hG {
    margin-left: 3px
}

html[dir=rtl] ._2Y-hG {
    margin-right: 3px
}

html[dir=rtl] ._111ze,
html[dir=rtl] ._3Ye_R {
    text-align: right
}

._2RNGP {
    color: #929fa6
}

.Y9G3K {
    font-size: 12.6px;
    line-height: 20px;
    max-height: 60px;
    color: rgba(0, 0, 0, .6)
}

.Y9G3K code,
.Y9G3K pre {
    font-size: inherit;
    line-height: normal
}

.Y9G3K strong {
    color: inherit
}

._15uom,
.i2Dny {
    color: #929fa6
}

.textsize-xxlarge .Y9G3K {
    font-size: 15.6px;
    line-height: 24px
}

.textsize-xlarge .Y9G3K {
    font-size: 14.6px;
    line-height: 22px
}

.textsize-large .Y9G3K {
    font-size: 13.6px;
    line-height: 21px
}

.textsize-small .Y9G3K {
    font-size: 11.6px;
    line-height: 16px
}

.textsize-xsmall .Y9G3K {
    font-size: 10.6px;
    line-height: 14px
}

.textsize-xxsmall .Y9G3K {
    font-size: 10px;
    line-height: 12px
}

._B0pu.Y9G3K {
    max-height: 40px;
    white-space: pre-wrap
}

._2t-jH {
    width: 69px;
    box-sizing: border-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

html[dir=ltr] ._2t-jH {
    padding-left: 4px
}

html[dir=rtl] ._2t-jH {
    padding-right: 4px
}

._1j_Ub {
    display: flex;
    -webkit-flex: none;
    flex: none
}

._2_Y93,
._3_R6X {
    display: -webkit-flex;
    box-sizing: border-box
}

._29p67 {
    width: 100%;
    height: 100%
}

._1vWM8 {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

html[dir=ltr] ._1vWM8 {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

html[dir=rtl] ._1vWM8 {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

._1qYlt._1vWM8,
._2NOM_._1vWM8 {
    min-width: 8px
}

._8k43T {
    width: 58px;
    height: 58px
}

._1qYlt ._8k43T,
._2NOM_ ._8k43T {
    width: 79px;
    height: 79px;
    position: relative
}

html[dir=ltr] ._1qYlt ._8k43T,
html[dir=ltr] ._2NOM_ ._8k43T {
    border-radius: 0 5px 5px 0
}

html[dir=rtl] ._1qYlt ._8k43T,
html[dir=rtl] ._2NOM_ ._8k43T {
    border-radius: 5px 0 0 5px
}

html[dir=ltr] ._1qYlt ._8k43T,
html[dir=rtl] ._1qYlt ._8k43T {
    z-index: 1 !important
}

._2_Y93 {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-size: 13.6px;
    line-height: 19px;
    width: 100%;
    max-width: 588px
}

._3JLOD,
._4GQj1 {
    -webkit-flex: none
}

html[dir] ._2_Y93 {
    border-radius: 6px;
    cursor: pointer;
    text-align: initial;
    padding: 10px 15px
}

._3JLOD {
    flex: none;
    position: relative;
    width: 55px;
    height: 55px
}

._3_R6X,
._3vmBo {
    width: 100%;
    height: 100%
}

html[dir=ltr] ._3JLOD {
    margin-right: 15px
}

html[dir=rtl] ._3JLOD {
    margin-left: 15px
}

._1SDw5 {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

._3O1Q2 {
    position: absolute;
    top: 40px;
    z-index: 100
}

html[dir=ltr] ._3O1Q2 {
    left: 40px
}

html[dir=rtl] ._3O1Q2 {
    right: 40px
}

._3wWRZ {
    font-size: 16px;
    line-height: 21px;
    color: #000
}

.F9IWm,
._12oAB,
._1aFfq {
    line-height: 20px
}

._1aFfq {
    font-size: 13px;
    color: rgba(0, 0, 0, .6)
}

.F9IWm,
._12oAB,
._2-IeP {
    font-size: 14px
}

.F9IWm,
._1aFfq,
._3wWRZ {
    white-space: nowrap;
    overflow: hidden
}

._1nZ_l {
    color: #929fa6
}

._3vmBo {
    z-index: 2
}

html[dir=ltr] ._2ksHJ,
html[dir=rtl] ._2ksHJ {
    -webkit-animation: _7wkHQ 350ms cubic-bezier(.1, .82, .25, 1);
    animation: _7wkHQ 350ms cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes _7wkHQ {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _7wkHQ {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

html[dir] ._1ytuv {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

._3_R6X {
    position: fixed;
    z-index: 10000;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

._2xOyO,
._4GQj1 {
    display: -webkit-flex
}

html[dir] ._3_R6X {
    padding-bottom: 100px;
    background-color: rgba(255, 255, 255, .96)
}

._2xOyO {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: calc(100% - 60px);
    box-sizing: border-box
}

html[dir] ._2xOyO {
    padding: 10px 0 15px
}

._2-IeP {
    color: #fff;
    font-weight: 500
}

._39uZ2 {
    height: 46px
}

._2FfLx,
._3SM4e {
    width: 100%;
    height: 100%
}

html[dir] ._39uZ2 {
    background-color: #c9cdcf;
    box-shadow: inset 0 -1px rgba(0, 0, 0, .1), 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
    padding: 0;
    border-radius: 50%
}

html[dir] ._1-EoY {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

._2FfLx {
    z-index: 3
}

._3SM4e {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

._4GQj1 {
    flex: none;
    width: 46px;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

html[dir=ltr] ._4GQj1 {
    margin-right: 28px;
    margin-left: 74px
}

html[dir=ltr] ._2_FdF,
html[dir=rtl] ._4GQj1 {
    margin-left: 28px;
    margin-right: 74px
}

._2_FdF {
    -webkit-flex: none;
    flex: none;
    width: 46px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

html[dir=rtl] ._2_FdF {
    margin-right: 28px;
    margin-left: 74px
}

._3_R6X ._1Jvpi {
    z-index: 3;
    width: 300px;
    height: 300px
}

.jdRPo,
.messages-container {
    display: -webkit-flex;
    height: 100%
}

html[dir] ._3_R6X ._1Jvpi {
    background-color: #ffab40;
    background-size: cover;
    background-position: 50% 50%
}

.jdRPo {
    position: relative;
    width: 100%;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 0
}

.FJVFR,
._298R6 {
    position: absolute
}

.ephkQ {
    -webkit-flex-direction: column;
    flex-direction: column
}

._12oAB {
    color: #676f73;
    -webkit-flex: none;
    flex: none;
    font-family: "Open Sans", sans-serif;
    max-height: 100px;
    max-width: 80%;
    min-height: 20px;
    overflow-y: hidden;
    white-space: pre-wrap;
    width: auto
}

html[dir] ._12oAB {
    margin-top: 12px
}

.textsize-xxlarge ._12oAB {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._12oAB {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._12oAB {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._12oAB {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._12oAB {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._12oAB {
    font-size: 10.6px;
    line-height: 13px
}

html[dir] .textsize-xlarge ._12oAB .emoji,
html[dir] .textsize-xxlarge ._12oAB .emoji {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

html[dir] .textsize-small ._12oAB .emoji {
    -webkit-transform: translate(0, -2px) scale(.85);
    transform: translate(0, -2px) scale(.85)
}

html[dir] .textsize-xsmall ._12oAB .emoji {
    -webkit-transform: translate(0, -3px) scale(.75);
    transform: translate(0, -3px) scale(.75)
}

html[dir] .textsize-xxsmall ._12oAB .emoji {
    -webkit-transform: translate(0, -3px) scale(.65);
    transform: translate(0, -3px) scale(.65)
}

._12oAB strong {
    font-weight: 700;
    color: #4e5457
}

._1mHYU,
._3l_cn,
.qT3H9 {
    color: #929fa6
}

._12oAB code {
    font-size: 13px
}

.textsize-xxlarge ._12oAB code {
    font-size: 16px
}

.textsize-xlarge ._12oAB code {
    font-size: 15px
}

.textsize-large ._12oAB code {
    font-size: 14px
}

.textsize-small ._12oAB code {
    font-size: 12px
}

.textsize-xsmall ._12oAB code {
    font-size: 11px
}

.textsize-xxsmall ._12oAB code {
    font-size: 10px
}

.MnZhV {
    opacity: 0
}

._1iei9 {
    opacity: .5
}

.lyXoN {
    width: 100%
}

@media screen and (min-width:800px) {
    .lyXoN {
        width: 60%;
        max-width: 660px
    }
}

html[dir=ltr] .img-zoomed-in ._12oAB,
html[dir=ltr] .img-zoomed-in ._2_FdF,
html[dir=ltr] .img-zoomed-in ._4GQj1,
html[dir=rtl] .img-zoomed-in ._12oAB,
html[dir=rtl] .img-zoomed-in ._2_FdF,
html[dir=rtl] .img-zoomed-in ._4GQj1 {
    visibility: hidden !important;
    opacity: 0 !important
}

.messages-container {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    transition: background .3s ease-out .1s;
    width: 100%;
    z-index: 100;
}

._298R6,
._2ByZq {
    display: -webkit-flex
}

html[dir] .messages-container {
    background-color: transparent
}

html[dir=ltr] .messages-container {
    border-left: 1px solid rgba(0, 0, 0, .03);
    left: 0;
    padding: 15px;
}

html[dir=rtl] .messages-container {
    border-right: 1px solid rgba(0, 0, 0, .03);
    right: 0
}

._3D9Wd {
    transition: background .3s ease-out
}

html[dir] ._3D9Wd {
    background-color: rgba(238, 238, 238, .6)
}

html[dir] ._298R6,
html[dir] ._2ByZq {
    background-color: #fff
}

.wml2- {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 12px
}

._298R6 {
    bottom: 17px;
    z-index: 200;
    width: 42px;
    height: 42px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._298R6 {
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2)
}

html[dir=ltr] ._298R6 {
    right: 11px
}

html[dir=rtl] ._298R6 {
    left: 11px
}

._298R6 path {
    fill: #93999c;
    fill-opacity: 1
}

.FJVFR {
    top: -5px
}

html[dir=ltr] .FJVFR {
    left: -5px
}

html[dir=rtl] .FJVFR {
    right: -5px
}

._2ByZq {
    position: relative;
    height: 44px;
    -webkit-flex: none;
    flex: none;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    z-index: 300
}

._1L4Tp,
._3F6QL {
    display: -webkit-flex
}

html[dir] ._2ByZq._2KtAf {
    border-radius: 4px
}

._2NQtS {
    position: absolute;
    bottom: 0;
    transition: -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: transform .3s cubic-bezier(.1, .82, .25, 1);
    transition: transform .3s cubic-bezier(.1, .82, .25, 1), -webkit-transform .3s cubic-bezier(.1, .82, .25, 1);
    height: 4px
}

html[dir] ._2NQtS {
    background-color: #009688
}

html[dir=ltr] ._2NQtS {
    left: 0
}

html[dir=rtl] ._2NQtS {
    right: 0
}

._3F6QL {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    overflow: hidden
}

html[dir=ltr] ._3F6QL {
    padding-right: 5px
}

html[dir=rtl] ._3F6QL {
    padding-left: 5px
}

._3F6QL ._39LWd {
    color: #a4a4a4;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: 6px;
    transition: opacity 80ms linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 100;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._3F6QL ._2S1VP,
._3F6QL._2WovP ._2S1VP {
    position: relative;
    white-space: pre-wrap;
    word-wrap: break-word
}

._2U5s1,
._3F6QL._2WovP ._2S1VP {
    z-index: 1;
    outline: 0;
    min-height: 20px;
    font-weight: 400
}

html[dir=ltr] ._3F6QL ._39LWd {
    left: 2px
}

html[dir=rtl] ._3F6QL ._39LWd {
    right: 2px
}

._3F6QL ._2S1VP {
    font-size: 16px;
    line-height: 20px;
    min-height: 20px;
    width: 100%;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

html[dir] ._3F6QL ._2S1VP {
    padding: 0
}

._3F6QL.bsmJe ._2S1VP {
    min-width: 5px
}

html[dir] ._3F6QL.bsmJe ._2S1VP {
    margin: 8px 0
}

._3F6QL._2WovP ._39LWd {
    top: 0
}

._3F6QL._2WovP ._2S1VP {
    font-size: 15px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto
}

._1qUQi,
._2Par4,
._3V0wL {
    text-overflow: ellipsis;
    white-space: nowrap
}

html[dir=ltr] ._3F6QL._2WovP ._2S1VP {
    padding-right: 2px;
    border-left: .1px solid transparent
}

html[dir=rtl] ._3F6QL._2WovP ._2S1VP {
    padding-left: 2px;
    border-right: .1px solid transparent
}

.textsize-xxlarge ._3F6QL._2WovP ._2S1VP {
    font-size: 16.6px;
    line-height: 22px
}

.textsize-xlarge ._3F6QL._2WovP ._2S1VP {
    font-size: 15.6px;
    line-height: 21px
}

.textsize-large ._3F6QL._2WovP ._2S1VP {
    font-size: 14.6px;
    line-height: 20px
}

.textsize-small ._3F6QL._2WovP ._2S1VP {
    font-size: 12.6px;
    line-height: 20px
}

.textsize-xsmall ._3F6QL._2WovP ._2S1VP {
    font-size: 11.6px;
    line-height: 19px
}

.textsize-xxsmall ._3F6QL._2WovP ._2S1VP {
    font-size: 10.6px;
    line-height: 18px
}

html[dir] .textsize-small ._3F6QL._2WovP ._2S1VP .emoji {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

html[dir] .textsize-xsmall ._3F6QL._2WovP ._2S1VP .emoji {
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

html[dir] .textsize-xxsmall ._3F6QL._2WovP ._2S1VP .emoji {
    -webkit-transform: scale(.65);
    transform: scale(.65)
}

._3F6QL._7UnOZ ._2S1VP {
    font-size: 19px;
    line-height: 26px
}

._1-N6t,
._2wZSc {
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[dir] ._3F6QL._7UnOZ ._2S1VP {
    margin: 5px 0 6px
}

._3F6QL._16pR3 {
    color: #fff;
    opacity: .5
}

html[dir] ._3F6QL._16pR3 {
    border-radius: 8px;
    background-color: #000;
    padding: 10px 12px
}

._3F6QL._16pR3 ._2S1VP {
    overflow-y: hidden
}

._3F6QL._16pR3 ._39LWd {
    color: #fff;
    top: 0
}

html[dir] ._3F6QL._16pR3 ._39LWd {
    padding: 10px 12px
}

._3F6QL._16pR3._200yX {
    color: #000;
    opacity: 1
}

html[dir] ._3F6QL._16pR3._200yX {
    background-color: #fff
}

._3F6QL._16pR3._200yX ._2S1VP {
    overflow-y: scroll
}

._3F6QL._16pR3._200yX ._39LWd {
    color: #a4a4a4
}

._3Ixxz {
    color: #929fa6
}

._1-N6t {
    color: #959595
}

html[dir] ._1-N6t {
    margin: 0 12px;
    padding: 22px 0 8px
}

html[dir=ltr] ._1qUCC,
html[dir=rtl] ._1qUCC {
    margin-right: 12px;
    margin-left: 12px
}

html[dir=ltr] ._1rADT,
html[dir=rtl] ._1rADT {
    padding-right: 12px;
    padding-left: 12px
}

._36ZrB {
    color: #929fa6
}

._1rADT {
    box-sizing: border-box
}

html[dir] ._1drA3 {
    padding-bottom: 14px
}

._1XAQo {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 100;
    flex-shrink: 100
}

.CDuBw,
._24k3z {
    -webkit-align-items: center
}

._1L4Tp {
    display: flex
}

._1ZJYc,
._24k3z {
    display: -webkit-flex
}

html[dir] ._1L4Tp {
    margin-bottom: 6px
}

html[dir] ._1L4Tp:last-child {
    margin-bottom: 0
}

._2wZSc {
    color: #959595
}

html[dir] ._2wZSc {
    padding: 5px 0 12px
}

.zJMo1 {
    color: #929fa6
}

html[dir=ltr] ._4fZx9 {
    margin-left: 6px
}

html[dir=ltr] ._23gu7,
html[dir=ltr] ._2AafV {
    margin-left: 32px
}

html[dir=rtl] ._4fZx9 {
    margin-right: 6px
}

html[dir=rtl] ._23gu7,
html[dir=rtl] ._2AafV {
    margin-right: 32px
}

._24k3z {
    transition: height .18s ease-in-out;
    display: flex;
    align-items: center
}

._2Szfq,
._3eo5m {
    transition: opacity .3s ease
}

html[dir] ._24k3z {
    padding: 10px 12px
}

._2U5s1 {
    font-size: 15px;
    line-height: 20px;
    width: 100%
}

html[dir] ._2U5s1 {
    background: inherit;
    padding: 0;
    border: none
}

html[dir=ltr] ._2U5s1 {
    text-align: left
}

html[dir=rtl] ._2U5s1 {
    text-align: right
}

._2U5s1::-webkit-input-placeholder {
    /* color:#a4a4a4 */
}

._2U5s1::-moz-placeholder {
    /* color:#a4a4a4 */
}

._2U5s1:-ms-input-placeholder {
    /* color:#a4a4a4 */
}

.StIbo,
._1OKDh,
._1jd1m,
._1uG3l,
._201r_,
._36yrF,
._3_Shg {
    color: #929fa6
}

.textsize-xxlarge ._2U5s1 {
    font-size: 16.6px;
    line-height: 22px
}

.textsize-xlarge ._2U5s1 {
    font-size: 15.6px;
    line-height: 21px
}

.textsize-large ._2U5s1 {
    font-size: 14.6px;
    line-height: 20px
}

.textsize-small ._2U5s1 {
    font-size: 12.6px;
    line-height: 20px
}

.textsize-xsmall ._2U5s1 {
    font-size: 11.6px;
    line-height: 19px
}

.textsize-xxsmall ._2U5s1 {
    font-size: 10.6px;
    line-height: 18px
}

._1jd1m,
._23gu7 {
    font-size: 14px;
    line-height: 20px
}

._2rR_l {
    position: absolute;
    top: 0;
    z-index: 200
}

._1lIXT,
._3_3Rs {
    position: relative
}

html[dir] ._2rR_l {
    padding: 6px 12px;
    background-color: #f0f0f0
}

html[dir=ltr] ._2rR_l {
    left: 0;
    right: 6px
}

html[dir=ltr] ._3cyFx,
html[dir=rtl] ._1WNtc {
    right: 0
}

html[dir=rtl] ._2rR_l {
    right: 0;
    left: 6px
}

html[dir=ltr] ._1WNtc,
html[dir=rtl] ._3cyFx {
    left: 0
}

html[dir] ._2A-Xk {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

._2vjPO {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow-y: auto;
    display: block
}

html[dir] ._2vjPO {
    border-radius: 5px;
    background-color: #e0e1e2
}

html[dir] ._39pS- {
    margin-top: -1px;
    padding-bottom: 1px;
    background-color: #FFF
}

._1ZJYc {
    z-index: 2;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

._1CRb5,
._2Szfq {
    -webkit-flex: none
}

html[dir] ._1ZJYc {
    margin-top: 28px;
    padding-bottom: 32px;
    text-align: center
}

html[dir] ._2AafV {
    margin-top: 28px
}

._23gu7 {
    display: -webkit-flex;
    display: flex
}

html[dir] ._23gu7 {
    padding-bottom: 0;
    margin-top: 12px
}

._2Szfq {
    display: inline-block;
    vertical-align: text-bottom;
    flex: none
}

.KXvTU,
._28Pw9 {
    display: -webkit-flex
}

html[dir=ltr] ._2Szfq {
    margin-right: 10px
}

html[dir=rtl] ._2Szfq {
    margin-left: 10px
}

._3eo5m {
    -webkit-flex: 1;
    flex: 1
}

._1CRb5 {
    flex: none;
    overflow: hidden
}

._1jyyu,
._1lIXT,
._3_3Rs {
    overflow-y: auto
}

html[dir] ._1CRb5 {
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08)
}

html[dir] ._2VQzd {
    padding: 14px 30px
}

html[dir] ._3XgGT {
    padding: 28px 30px 19px
}

html[dir] ._2phEY {
    padding: 14px 30px 10px
}

html[dir] ._2phEY ._2VQzd {
    padding: 0;
    margin-bottom: 14px
}

html[dir] ._2npQf {
    padding: 14px 30px 10px
}

html[dir] ._2npQf ._2VQzd {
    padding: 0;
    margin-bottom: 7px
}

html[dir=ltr] ._34vig,
html[dir=rtl] ._34vig {
    -webkit-animation: _1hBRh 1s cubic-bezier(.1, .82, .25, 1);
    animation: _1hBRh 1s cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes _1hBRh {

    0%,
    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _1hBRh {

    0%,
    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

._1jd1m {
    -webkit-flex: none;
    flex: none
}

._16RnB,
._3_3Rs {
    font-size: 15px;
    outline: 0
}

html[dir=ltr] ._1jd1m {
    padding: 18px 20px 32px 34px
}

html[dir=rtl] ._1jd1m {
    padding: 18px 34px 32px 20px
}

html[dir] ._3hhmj {
    border-bottom: 1px solid #f2f2f2
}

.KXvTU {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._66JgU {
    background-color: #fff;
    padding-top: 26px;
    padding-bottom: 12px
}

html[dir=ltr] ._66JgU {
    margin: 0 !important;
    padding-left: 34px
}

html[dir=rtl] ._66JgU {
    margin: 0 !important;
    padding-right: 34px
}

html[dir] ._3_3Rs {
    padding-bottom: 0
}

._16RnB {
    display: inline-block;
    vertical-align: top;
    height: auto;
    line-height: 22px;
    width: 100%
}

._2rXhY,
._3_3Rs {
    line-height: 20px;
    width: 100%
}

html[dir] ._16RnB {
    padding: 2px 0;
    margin: 0;
    border: none;
    background: 0 0
}

._3_3Rs {
    max-height: 200px;
    min-height: 20px;
    font-weight: 400;
    transition: border-color .2s ease-out
}

html[dir] ._3_3Rs {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d7d7d7;
    padding: 6px 0 5px
}

html[dir=ltr] ._3_3Rs {
    padding-left: 2px
}

html[dir=rtl] ._3_3Rs {
    padding-right: 2px
}

html[dir] ._3_3Rs:focus {
    border-bottom: 1px solid #00afff
}

._1lIXT {
    -webkit-flex: 1;
    flex: 1
}

._1gzBr,
._1qUQi,
._22NjO,
._2UkYn,
._3V0wL {
    overflow: hidden
}

html[dir] ._1lIXT {
    background-color: #fff
}

._28Pw9 {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    z-index: 2;
    display: flex
}

._1DTd4,
._3ukHf {
    display: -webkit-flex
}

html[dir] ._28Pw9 {
    margin-top: 28px;
    text-align: center;
    padding-bottom: 32px
}

html[dir] ._1DTd4._1G2k-.momMR,
html[dir] ._1DTd4._2Kmxa,
html[dir] ._1MZ4o {
    padding-bottom: 0
}

._1q1KN {
    position: fixed;
    visibility: hidden
}

.ogWqZ {
    position: relative
}

._2rXhY {
    font-size: 16px;
    position: absolute;
    color: rgba(0, 0, 0, .5);
    transition: all .3s cubic-bezier(.1, .82, .25, 1)
}

._2OIDe,
._2YmC2,
._3jFFV {
    position: relative
}

html[dir] ._2rXhY {
    padding-top: 8px;
    -webkit-transform: translateY(24px);
    transform: translateY(24px)
}

.CrwPM {
    font-size: 12px;
    line-height: 16px
}

html[dir] .CrwPM {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

._2OIDe {
    height: 24px
}

._2-h1L ._2OIDe {
    height: 0
}

._1DTd4 {
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

._1gzBr,
._2YmC2 {
    -webkit-flex: none
}

html[dir] ._1DTd4 {
    border-bottom: 1px solid rgba(38, 50, 56, .18)
}

html[dir] ._1G2k- {
    border-bottom: 1px solid transparent
}

html[dir=ltr] ._1DTd4._1G2k-.momMR,
html[dir=ltr] ._1DTd4._2Kmxa,
html[dir=rtl] ._1DTd4._1G2k-.momMR,
html[dir=rtl] ._1DTd4._2Kmxa {
    border-bottom: 2px solid #F44336 !important
}

._2YmC2 {
    flex: none
}

html[dir] ._2YmC2 {
    margin-top: 1px
}

._3jFFV {
    display: inline-block;
    width: 24px
}

._2EuwQ,
._3cyFx {
    position: absolute
}

html[dir] ._3jFFV {
    padding-bottom: 20px
}

html[dir=ltr] ._3jFFV {
    float: right;
    margin-right: 4px;
    margin-left: 4px
}

html[dir=rtl] ._3jFFV {
    float: left;
    margin-left: 4px;
    margin-right: 4px
}

html[dir=ltr] ._3Rw6D {
    margin-right: 7px
}

html[dir=rtl] ._3Rw6D {
    margin-left: 7px
}

._2EuwQ {
    font-size: 15px;
    line-height: 22px;
    width: 25px;
    color: #bbb;
    top: 6px
}

html[dir] ._2EuwQ {
    padding-bottom: 0
}

html[dir=ltr] ._2EuwQ {
    margin-right: 7px;
    text-align: right
}

html[dir=rtl] ._2EuwQ {
    margin-left: 7px;
    text-align: left
}

html[dir=ltr] ._2UkYn,
html[dir=rtl] ._2UkYn {
    margin-right: auto;
    margin-left: auto
}

._3cyFx {
    top: 4px
}

._1wCju,
._2UkYn,
._3ukHf {
    position: relative
}

._31pOb {
    top: 7px
}

._2uETs {
    text-indent: 0;
    box-sizing: border-box
}

html[dir] ._2uETs {
    padding: 3px;
    background: 0 0;
    cursor: default
}

html[dir] ._12xX7,
html[dir] ._1j3be,
html[dir] ._1opHa,
html[dir] ._1vKRe,
html[dir] ._2DMPB,
html[dir] ._2Mvo8,
html[dir] ._2UkYn,
html[dir] ._2zs5T,
html[dir] ._3ta5X,
html[dir] ._3v3PK,
html[dir] ._484uz {
    cursor: pointer
}

._3ukHf {
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    font-size: 12px;
    line-height: 16px;
    min-height: 16px
}

.bMKum,
.momMR {
    -webkit-flex: 1
}

._1AoLJ,
._3FSRn {
    min-height: 130px
}

html[dir] ._3ukHf {
    padding-top: 3px
}

.momMR {
    flex: 1;
    display: -webkit-flex;
    display: flex;
    color: #F44336
}

.PX7XY .emoji {
    vertical-align: -3px
}

html[dir] ._31WRs ._1DTd4 {
    border-bottom: 2px solid #00BFA5
}

.bMKum {
    flex: 1
}

html[dir] .bMKum {
    -webkit-transform: translateY(9px);
    transform: translateY(9px)
}

._484uz {
    color: #00a5f4
}

._2nEKn {
    line-height: 20px;
    -webkit-flex: 1;
    flex: 1
}

html[dir] ._2nEKn {
    padding-top: 8px
}

._1hSLr {
    transition: margin .1s ease
}

._10Dbq,
._1R8P6 {
    transition: opacity .3s ease
}

html[dir] ._1hSLr._31WRs {
    margin-bottom: 14px
}

._3LL06 {
    font-size: 16px;
    line-height: 21px;
    color: #000
}

.textsize-xxlarge ._3LL06 {
    font-size: 17.5px;
    line-height: 27px
}

.textsize-xlarge ._3LL06 {
    font-size: 17px;
    line-height: 25px
}

.textsize-large ._3LL06 {
    font-size: 16.5px;
    line-height: 23px
}

.textsize-small ._3LL06 {
    font-size: 15.5px;
    line-height: 19px
}

.textsize-xsmall ._3LL06 {
    font-size: 15px;
    line-height: 17px
}

.textsize-xxsmall ._3LL06 {
    font-size: 14.5px;
    line-height: 15px
}

.iYPsH {
    font-size: 19px;
    line-height: 28px;
    color: #000
}

.Cpiae,
._1sYdX {
    font-size: 14px
}

.Cpiae {
    line-height: 20px;
    color: #929fa6
}

._1sYdX {
    color: #128C7E;
    font-weight: 300;
    line-height: normal
}

._2YJym,
.vdXUe {
    font-weight: 400
}

._3YPSj {
    font-size: 13px;
    line-height: 20px;
    color: rgba(0, 0, 0, .6)
}

.EfdT5,
.KuD7N {
    font-size: 14px;
    line-height: 20px
}

._1Vw8y {
    color: #D70000
}

._3eR-G {
    color: #07bc4c
}

.KuD7N,
._1jKKj,
._2jwc-,
._4eCMa {
    color: #929fa6
}

._2UkYn {
    height: 200px;
    width: 200px
}

._1WNtc,
._2Par4 {
    position: absolute;
    top: 0
}

html[dir] ._2UkYn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

._1WNtc {
    height: 100%;
    width: 100%;
    z-index: 1
}

._3IT8Q svg {
    width: 200px;
    height: 200px
}

._1gzBr {
    flex: none;
    width: 258px;
    height: 258px;
    align-self: center
}

html[dir] ._1gzBr {
    margin-top: 32px;
    margin-bottom: 28px;
    background-size: 1600% auto;
    background-repeat: no-repeat
}

html[dir=ltr] ._1gzBr {
    -webkit-animation: _1sfYd 1s steps(15) infinite;
    animation: _1sfYd 1s steps(15) infinite
}

html[dir=rtl] ._1gzBr {
    -webkit-animation: _1eCQY 1s steps(15) infinite;
    animation: _1eCQY 1s steps(15) infinite
}

@-webkit-keyframes _1sfYd {
    100% {
        background-position-x: 100%
    }
}

@keyframes _1sfYd {
    100% {
        background-position-x: 100%
    }
}

@-webkit-keyframes _1eCQY {
    100% {
        background-position-x: 0
    }
}

@keyframes _1eCQY {
    100% {
        background-position-x: 0
    }
}

.KuD7N {
    -webkit-flex: none;
    flex: none;
    align-self: center
}

html[dir] .KuD7N {
    margin-bottom: 32px
}

html[dir=ltr] ._2ZnOp {
    padding-left: 25px
}

html[dir=rtl] ._2ZnOp {
    padding-right: 25px
}

html[dir] ._2ZnOp:last-child {
    border-bottom: 1px solid #f2f2f2
}

._2Par4 {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    z-index: 999;
    max-width: 166px
}

._24O--,
._2k-aN {
    color: #929fa6
}

html[dir] ._2Par4 {
    background-color: rgba(90, 88, 87, .7);
    text-shadow: 0 0 1px rgba(0, 0, 0, .36);
    text-align: center;
    margin-top: 11px;
    border-radius: 14px;
    padding: 8px 15px
}

html[dir=ltr] ._2Par4 {
    left: auto;
    right: 64px;
    -webkit-animation: _10x3U .12s ease-in-out;
    animation: _10x3U .12s ease-in-out
}

html[dir=rtl] ._2Par4 {
    right: auto;
    left: 64px;
    -webkit-animation: _10x3U .12s ease-in-out;
    animation: _10x3U .12s ease-in-out
}

@-webkit-keyframes _10x3U {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _10x3U {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tyVYE {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.CDuBw,
._2YJym {
    display: -webkit-flex
}

html[dir] .tyVYE {
    padding-top: 30px
}

html[dir=ltr] .tyVYE {
    padding-left: 15px;
    padding-right: 30px
}

html[dir=rtl] .tyVYE {
    padding-right: 15px;
    padding-left: 30px
}

.CDuBw {
    display: flex;
    width: 82px;
    height: 82px;
    box-sizing: border-box;
    font-size: 12px;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

._1AoLJ,
._2YJym {
    -webkit-align-items: center
}

html[dir] .CDuBw {
    margin-bottom: 15px;
    border: 4px solid transparent;
    text-align: center
}

html[dir=ltr] .CDuBw {
    margin-left: 15px;
    float: left
}

html[dir=rtl] .CDuBw {
    margin-right: 15px;
    float: right
}

._22NjO {
    word-wrap: break-word;
    max-height: 72px
}

.N_TIP {
    width: 82px;
    height: 0
}

html[dir=ltr] .N_TIP {
    margin-left: 15px
}

html[dir=rtl] .N_TIP {
    margin-right: 15px
}

.LzQzF {
    position: relative
}

html[dir] .LzQzF {
    border: 4px solid #fff;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, .08)
}

.LzQzF::after {
    display: block;
    position: absolute;
    width: 82px;
    height: 82px;
    box-sizing: border-box;
    top: -4px;
    z-index: 1;
    content: ''
}

html[dir] .LzQzF::after {
    border: 3px solid #00a5f4
}

html[dir=ltr] .LzQzF::after {
    left: -4px
}

html[dir=rtl] .LzQzF::after {
    right: -4px
}

html[dir] ._2DMPB {
    border: 4px solid #fff
}

._2YJym {
    display: flex;
    font-size: 14px;
    line-height: 26px;
    align-items: center
}

html[dir] ._2YJym {
    margin-bottom: 7px
}

._2YJym .emoji {
    vertical-align: -5px
}

._3V0wL {
    -webkit-flex-grow: 0 1 auto;
    flex-grow: 0 1 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

._1bcjS {
    font-size: 12px;
    line-height: 14px;
    vertical-align: baseline;
    color: rgba(0, 0, 0, .4);
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

html[dir=ltr] ._1bcjS {
    margin-left: 6px;
    text-align: right
}

html[dir=rtl] ._1bcjS {
    margin-right: 6px;
    text-align: left
}

html[dir] .HGYMb,
html[dir] ._1wmG8,
html[dir] ._250S3,
html[dir] ._25jR4,
html[dir] ._2Z2fE,
html[dir] ._3WdoZ,
html[dir] .dNht8 {
    text-align: center
}

._1qUQi {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

._1gAHk,
._2-rkJ {
    -webkit-flex: none
}

html[dir=ltr] ._1qUQi {
    margin-left: 3px
}

html[dir=ltr] ._1gAHk,
html[dir=rtl] ._3ce9t {
    margin-left: 6px
}

html[dir=rtl] ._1qUQi {
    margin-right: 3px
}

html[dir=ltr] ._3ce9t,
html[dir=rtl] ._1gAHk {
    margin-right: 6px
}

._2-rkJ {
    width: 8px;
    flex: none;
    position: relative
}

._2-rkJ:before {
    content: '\25B8';
    font-size: 12px;
    line-height: 26px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #797979
}

html[dir=ltr] ._2-rkJ:before {
    left: 0
}

html[dir=rtl] ._2-rkJ:before {
    right: 0
}

._1gAHk {
    flex: none;
    opacity: .7
}

html[dir] ._1gAHk {
    margin-top: -1px
}

html[dir=rtl] ._2-rkJ {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

._3ce9t {
    -webkit-flex: none;
    flex: none
}

html[dir=ltr] ._1Xlb2,
html[dir=rtl] ._2GLbW {
    margin-right: 3px
}

html[dir=ltr] ._2GLbW,
html[dir=rtl] ._1Xlb2 {
    margin-left: 3px
}

._1Xlb2 {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

._80DlC {
    color: #929fa6
}

._2WT4G {
    display: inherit;
    white-space: inherit;
    text-overflow: inherit;
    overflow: inherit
}

._22ln5 {
    color: #128C7E
}

._2hIYR,
._2oUu_,
._33yrE,
._3GVur,
._3U5nl,
._3z69m {
    color: #929fa6
}

._2GLbW {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block
}

html[dir] ._2GLbW {
    margin-top: 1px
}

._GrA7 {
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

._3JEcM,
.dNht8 {
    line-height: 16px
}

html[dir] ._GrA7 {
    padding-bottom: 0;
    margin-top: 12px
}

html[dir=ltr] ._GrA7 {
    margin-right: 0
}

html[dir=rtl] ._GrA7 {
    margin-left: 0
}

._1R8P6 {
    display: inline-block;
    vertical-align: text-bottom;
    -webkit-flex: none;
    flex: none
}

html[dir=ltr] ._1R8P6 {
    margin-right: 10px
}

html[dir=rtl] ._1R8P6 {
    margin-left: 10px
}

._10Dbq {
    -webkit-flex: 1;
    flex: 1
}

._2Km6k {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

html[dir] ._1S3yi+._1S3yi {
    margin-top: 12px
}

._25jR4 {
    display: inline-block;
    vertical-align: -2px;
    width: 18px
}

.ZR5SB,
._15G96,
._250S3,
._3FwEk {
    vertical-align: top
}

html[dir=ltr] ._25jR4 {
    margin-right: 3px
}

html[dir=rtl] ._25jR4 {
    margin-left: 3px
}

._2feU1 {
    -webkit-flex: none;
    flex: none
}

html[dir] ._2feU1 {
    padding-bottom: 32px;
    padding-top: 10px
}

._1AoLJ {
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

._3FSRn,
._3Qh77 {
    -webkit-align-items: center
}

html[dir] ._2flas {
    padding: 14px 30px 16px;
    background-color: #FFF
}

._250S3 {
    display: inline-block;
    height: 20px;
    width: 18px
}

._3FSRn {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.KKFom,
._1AwDx,
._3GoJv {
    min-height: 20px
}

html[dir] ._2HDl5 {
    padding-top: 10px;
    padding-bottom: 22px
}

html[dir] .Um7sh {
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
    padding: 6px 30px 14px
}

.ZR5SB {
    display: inline-block;
    height: 20px;
    width: 20px
}

._2JD5b,
._3Qh77 {
    display: -webkit-flex
}

._2JD5b,
._3HV4j,
._3Qh77 {
    width: 100%
}

html[dir=ltr] .ZR5SB {
    margin-left: 4px;
    margin-right: -1px
}

html[dir=rtl] .ZR5SB {
    margin-right: 4px;
    margin-left: -1px
}

._3Qh77 {
    align-items: center;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1);
    z-index: 10001;
    height: 100px
}

.JSbIY,
.zSIFu {
    position: relative
}

html[dir] ._3Qh77 {
    border-top: solid 1px #e0e0e0
}

html[dir=ltr] .img-zoomed-in ._3Qh77,
html[dir=rtl] .img-zoomed-in ._3Qh77 {
    opacity: 0 !important;
    visibility: hidden !important
}

._2JD5b {
    display: flex;
    overflow-x: scroll
}

html[dir] ._2JD5b {
    padding-top: 8px;
    padding-bottom: 8px
}

.zSIFu {
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 78px;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 78px;
    min-width: 68px;
    width: 5%
}

._1mpL5,
.vdXUe {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3C-gs,
._3xr9e {
    max-width: 270px
}

html[dir=ltr] .zSIFu {
    margin-right: 8px
}

html[dir=rtl] .zSIFu {
    margin-left: 8px
}

._3T0vI {
    min-width: 50%
}

.vdXUe {
    color: #07bc4c
}

._10JZ8,
._1mpL5,
._2LUtF,
._3tXvW,
._6pRSD {
    color: #929fa6
}

._3T2VG {
    text-transform: capitalize
}

.WX_XW,
._1BLxK,
._1mq8g,
._1ypOz,
._2Mvo8,
._3hV1n {
    text-transform: uppercase
}

._1Xt68,
._2_LEW {
    display: -webkit-flex;
    -webkit-align-items: center
}

._1Xt68,
.contact-list-item {
    position: absolute
}

._1Xt68 {
    align-items: center;
    display: flex;
    height: 100%;
    z-index: 100
}

._15G96,
._3JEcM {
    display: inline-block
}

html[dir=ltr] ._1Xt68 {
    left: 26px
}

html[dir=rtl] ._1j3be,
html[dir=rtl] ._1mmgF {
    left: 10px
}

html[dir=rtl] ._1Xt68 {
    right: 26px
}

html[dir=ltr] ._1j3be,
html[dir=ltr] ._1mmgF {
    right: 10px
}

html[dir=ltr] .uC7o2 {
    padding-left: 55px
}

html[dir=rtl] .uC7o2 {
    padding-right: 55px
}

html[dir=ltr] ._15G96 {
    margin-right: 5px
}

html[dir=rtl] ._15G96 {
    margin-left: 5px
}

html[dir=ltr] ._15G96:last-child {
    margin-right: 0
}

html[dir=rtl] ._15G96:last-child {
    margin-left: 0
}

#mb_status span {
    margin: 0 5px;
}

._3JEcM {
    font-size: 11px;
    height: 16px;
    color: #a0a0a0
}

._2AF4z,
._2Y6xY,
._3KKlM {
    color: #929fa6
}

html[dir] ._3JEcM {
    padding: 1px 5px 0;
    border-radius: 3px;
    border: 1px solid #a5a5a5
}

._2_LEW {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

._3hV1n,
._3ta5X {
    -webkit-align-items: center
}

.contact-list-item {
    width: 100%
}

.contact-list-item:hover {
    z-index: 10000
}

._3hV1n {
    align-items: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    -webkit-justify-content: center;
    justify-content: center;
    transition: box-shadow 80ms cubic-bezier(.4, 0, .2, 1);
    width: 46px
}

.EocEk,
._3x3ZA {
    display: inline-block
}

._1JVSX,
._1Qnxi {
    -webkit-transition: -webkit-filter .16s linear
}

html[dir] ._3hV1n {
    background-color: #00e676;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    padding: 0
}

html[dir=ltr] .qdsFU,
html[dir=rtl] .qdsFU {
    padding-right: 24px;
    padding-left: 24px
}

html[dir] ._3hV1n:active {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .16)
}

.yavlE {
    width: 60px;
    height: 60px
}

._1iqL0,
._1iqL0 img {
    height: 120px;
    width: 120px
}

._20Z0n {
    color: #929fa6
}

.qdsFU {
    -webkit-flex: none;
    flex: none
}

html[dir] .qdsFU {
    padding-bottom: 32px
}

html[dir] ._2Z2fE {
    margin-top: 28px
}

html[dir=ltr] ._2Z2fE,
html[dir=rtl] ._2Z2fE {
    -webkit-animation: xrrz5 1s cubic-bezier(.1, .82, .25, 1);
    animation: xrrz5 1s cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes xrrz5 {

    0%,
    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes xrrz5 {

    0%,
    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

html[dir] ._1iqL0 {
    padding: 40px
}

html[dir] ._2uz5H {
    padding: 40px 40px 80px
}

._3nruv {
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 200px
}

html[dir] ._3nruv {
    border-radius: 50%;
    margin: auto;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

html[dir=ltr] ._3nruv,
html[dir=rtl] ._3nruv {
    -webkit-animation: _2jwJt 750ms cubic-bezier(.1, .82, .25, 1);
    animation: _2jwJt 750ms cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes _2jwJt {

    0%,
    20% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform: scale 1, 1;
        transform: scale 1, 1
    }
}

@keyframes _2jwJt {

    0%,
    20% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform: scale 1, 1;
        transform: scale 1, 1
    }
}

html[dir] ._2CPBh {
    background-color: #fff
}

html[dir] .gyxmK {
    background-color: #00e676
}

html[dir] .WYkw7 {
    background-color: #ff5252
}

._2hsI-,
._3yE-b {
    color: #fff;
    font-size: 100px;
    position: relative;
    top: 50%
}

html[dir] ._2hsI-,
html[dir] ._3yE-b {
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dNht8 {
    box-sizing: border-box;
    color: #fff;
    font-size: 9pt;
    position: absolute;
    top: 59px;
    width: 100%;
    z-index: 3
}

.Ra5Jk,
._1wmG8 {
    line-height: 20px;
    font-size: 14px
}

html[dir] .dNht8 {
    background: orange;
    padding: 10px
}

html[dir] .JdzFp,
html[dir] .P9iLC,
html[dir] ._2jTyA,
html[dir] .uyEaY::before {
    background-repeat: no-repeat
}

html[dir] ._3WdoZ {
    margin-top: 12px
}

.Ra5Jk {
    color: #787878;
    width: 260px
}

html[dir] .Ra5Jk {
    margin: 2px auto
}

._3x3ZA {
    width: 65px
}

html[dir] ._3x3ZA {
    margin: auto
}

.EocEk {
    width: 11px
}

._3BoC3,
._3ta5X {
    display: -webkit-flex
}

._1wmG8 {
    color: rgba(0, 0, 0, .6)
}

._2f-VI,
.itd27 {
    color: #929fa6
}

.HGYMb {
    font-size: 14px
}

html[dir] .HGYMb {
    margin-top: 25px
}

._3BoC3 {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._3BoC3 {
    margin-top: 28px;
    margin-bottom: 28px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

html[dir=ltr] ._3BoC3,
html[dir=rtl] ._3BoC3 {
    -webkit-animation: _302JY 750ms cubic-bezier(.1, .82, .25, 1);
    animation: _302JY 750ms cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes _302JY {

    0%,
    20% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform: scale 1, 1;
        transform: scale 1, 1
    }
}

@keyframes _302JY {

    0%,
    20% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    100% {
        -webkit-transform: scale 1, 1;
        transform: scale 1, 1
    }
}

._1Vzek {
    width: 100%;
    position: relative
}

._190Gd,
._1mmgF {
    position: absolute
}

html[dir] ._1Vzek {
    margin-bottom: -2px
}

html[dir] ._19yX2,
html[dir] ._2ZXCw {
    margin-bottom: 3px
}

html[dir] .hH9xc {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

._1mmgF {
    top: 10px
}

._190Gd {
    top: 0
}

html[dir] ._190Gd {
    border-radius: 50%;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .4)
}

._3FwEk {
    -webkit-flex: none;
    flex: none;
    display: inline-block
}

html[dir=ltr] .I9L8x {
    margin-right: 3px
}

html[dir=rtl] .I9L8x {
    margin-left: 3px
}

._72yVm {
    position: relative
}

html[dir] ._72yVm {
    background-color: #eee
}

._3ta5X {
    align-items: center;
    color: #22cd5b;
    display: flex;
    font-size: 20px;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

._19y2k,
._26Lgr {
    color: #929fa6
}

._1j3be {
    position: absolute;
    top: 75px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: 2
}

html[dir] ._1j3be {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, .3) 0 1px 4px -1px;
    padding: 2px
}

._1j3be._1kpZ9 {
    visibility: visible
}

._1L512 {
    position: relative;
    overflow: hidden
}

html[dir] ._1L512 {
    margin-top: -1px
}

._3v_lq {
    font-size: 13px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.Zhzi9::before,
._34hX8 {
    display: inline-block
}

html[dir] ._3v_lq {
    padding: 10px 19px
}

._3v_lq .emoji {
    vertical-align: -5px
}

.AVd_p .emoji,
._1fkCN,
._1vnOZ,
._3gkvk .emoji {
    vertical-align: -4px
}

html[dir] ._3v_lq.j5Hcb {
    background-color: #ece4de
}

html[dir] ._212mA.j5Hcb,
html[dir] .j5Hcb {
    background-color: #f4f5f5
}

._1pX71 {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

._1VZOV {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #999
}

html[dir=ltr] ._1VZOV {
    text-align: right
}

html[dir=rtl] ._1VZOV {
    text-align: left
}

html[dir=rtl] .AVd_p,
html[dir=rtl] ._3gkvk,
html[dir=rtl] ._3xr9e,
html[dir=rtl] .nxILt {
    text-align: right
}

._2Fr83 {
    -webkit-flex: 0 0 32px;
    flex: 0 0 32px
}

html[dir=ltr] ._2Fr83 {
    margin-right: 10px
}

html[dir=rtl] ._2Fr83 {
    margin-left: 10px
}

span[data-mention-jid] {
    color: #039be5
}

span[data-mention-jid] .at-symbol {
    color: #cad0d0;
    pointer-events: none
}

._3W0sw {
    color: #929fa6
}

html[dir=ltr] ._34hX8 {
    float: left;
    margin-right: 3px
}

html[dir=rtl] ._34hX8 {
    float: right;
    margin-left: 3px
}

html[dir] ._1rD8H {
    margin-top: 2px
}

html[dir=ltr] ._1rD8H {
    margin-left: 28px
}

html[dir=rtl] ._1rD8H {
    margin-right: 28px
}

html[dir=ltr] ._3CnDa,
html[dir=rtl] ._3CnDa {
    margin-right: auto;
    margin-left: auto
}

.Zhzi9 {
    color: #73C2AB
}

._2DbEI,
._2dfyW {
    color: #929fa6
}

.Zhzi9::before {
    content: " \A0"
}

._1wB43,
._3zAbP {
    display: block
}

._2m8GO {
    width: 55px;
    height: 55px;
    overflow: hidden
}

.WEu0O,
._11NZg,
.nOp-O {
    height: 100%;
    width: 100%
}

html[dir] ._2m8GO {
    border-radius: 50%
}

html[dir] ._1vKRe,
html[dir] ._3CnDa,
html[dir] ._3hy7L {
    border-radius: 6px
}

html[dir] ._3C-gs {
    padding: 3px
}

._1TYki {
    font-size: 11px;
    color: grey;
    line-height: 16px
}

._18iv-,
._1FSsP {
    color: #929fa6
}

._3zAbP {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._38XX2 {
    font-size: 12px
}

._3CnDa,
._3hy7L {
    -webkit-align-items: center;
    display: -webkit-flex;
    overflow: hidden
}

._3xr9e {
    box-sizing: border-box
}

html[dir=ltr] ._3xr9e {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._3xr9e {
    padding: 7px 6px 5px 4px
}

html[dir] ._1RD5v {
    padding-bottom: 5px;
    padding-top: 3px
}

html[dir=ltr] ._1RD5v {
    padding-left: 6px
}

html[dir=rtl] ._1RD5v {
    padding-right: 6px
}

._2ywZ0 {
    bottom: 6px;
    position: absolute;
    z-index: 2
}

._1umJf,
._3hy7L {
    position: relative
}

html[dir=ltr] ._2ywZ0 {
    right: 8px
}

html[dir=rtl] ._2ywZ0 {
    left: 8px
}

.imcQO ._2ywZ0 {
    bottom: 3px
}

html[dir=ltr] .imcQO ._2ywZ0 {
    right: 7px
}

html[dir=rtl] .imcQO ._2ywZ0 {
    left: 7px
}

._3hy7L {
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

._1Qnxi {
    -webkit-flex: none;
    flex: none;
    z-index: 1
}

._2Dn68 {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

._1umJf {
    z-index: 1;
    max-width: 336px;
    box-sizing: border-box
}

.GbMip,
._3b3uN {
    position: absolute
}

._1qhFf,
._2ZXCw {
    max-width: 330px
}

html[dir] ._1umJf {
    padding: 3px
}

._3b3uN {
    bottom: 4px
}

html[dir=ltr] ._3b3uN {
    left: 4px
}

html[dir=rtl] ._3b3uN {
    right: 4px
}

.GbMip {
    bottom: 6px;
    z-index: 2
}

._3Lj_s,
._3cMIj,
._8NqY5 .GbMip {
    bottom: 3px
}

html[dir=ltr] .GbMip {
    right: 8px
}

html[dir=rtl] .GbMip {
    left: 8px
}

html[dir=ltr] ._8NqY5 .GbMip {
    right: 7px
}

html[dir=rtl] .WEu0O,
html[dir=rtl] .nOp-O {
    right: 0
}

html[dir=rtl] ._8NqY5 .GbMip {
    left: 7px
}

html[dir=ltr] .WEu0O,
html[dir=ltr] .nOp-O {
    left: 0
}

._1qhFf {
    box-sizing: border-box
}

html[dir] ._1qhFf {
    padding-bottom: 5px;
    padding-top: 3px
}

html[dir=ltr] ._1qhFf {
    padding-left: 6px
}

html[dir=rtl] ._1qhFf {
    padding-right: 6px
}

._3CnDa {
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
    position: relative;
    z-index: 2
}

html[dir] ._3CnDa {
    cursor: pointer
}

._3C2RQ {
    box-sizing: border-box;
    max-width: 330px;
    min-width: 140px
}

._1uZbi ._3CnDa,
._1uZbi._1umJf,
._86-xh,
.qllxz ._3CnDa,
.qllxz._1umJf {
    max-width: 100%
}

html[dir=ltr] ._3C2RQ {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._3C2RQ {
    padding: 7px 6px 5px 4px
}

html[dir] ._1NHTE ._3C2RQ {
    padding-bottom: 22px
}

.nOp-O {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 1
}

._11NZg {
    -webkit-flex: none;
    flex: none;
    position: relative
}

.WEu0O,
._3Lj_s,
._3cMIj {
    position: absolute
}

.WEu0O {
    top: 0
}

html[dir] .WEu0O {
    background-position: center;
    background-size: cover
}

._1fnMt {
    box-sizing: border-box;
    width: 276px
}

html[dir] ._1fnMt {
    padding: 3px 3px 22px
}

.vIxHn {
    width: auto
}

html[dir=ltr] ._1YsV- {
    padding: 3px 0 5px 6px
}

html[dir=rtl] ._1YsV- {
    padding: 3px 6px 5px 0
}

._1vKRe {
    box-sizing: border-box;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

._12xX7,
._3v3PK {
    display: -webkit-flex
}

html[dir] ._1vKRe {
    border: 1px solid rgba(75, 89, 97, .1)
}

html[dir] ._6qEXM,
html[dir] ._8dv3g {
    border-top: 1px solid rgba(0, 0, 0, .06)
}

._12xX7 {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 34px;
    text-decoration: none
}

html[dir] ._12xX7 {
    padding: 13px 19px
}

html[dir] .IKxkY ._12xX7 {
    background-color: #f2f2f2
}

html[dir] ._2CORf ._12xX7 {
    background-color: #d1ecbc
}

html[dir] .message-in ._2CORf ._12xX7 {
    background-color: #F6F6F6
}

._3cMIj {
    color: rgba(0, 0, 0, .45);
    font-family: Roboto, sans-serif;
    font-size: 11px;
    height: 15px;
    line-height: 15px
}

.AVd_p,
._3gkvk {
    font-size: 14px;
    font-weight: 600
}

html[dir=ltr] ._3cMIj {
    left: 8px
}

html[dir=rtl] ._3cMIj {
    right: 8px
}

@media screen and (max-width:880px) {
    .vIxHn ._3cMIj {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    html[dir=ltr] .vIxHn ._3cMIj {
        right: 110px
    }

    html[dir=rtl] .vIxHn ._3cMIj {
        left: 110px
    }
}

.PyPig:before {
    display: inline-block;
    content: " \2022 ";
    color: #cbd5da
}

html[dir] .PyPig:before {
    margin: 0 4px
}

.PyPig:first-child:before {
    display: none
}

._1fkCN,
._1vYM-::before,
._1vnOZ,
._2Ganc {
    display: inline-block
}

._2CORf .PyPig:before {
    color: rgba(0, 0, 0, .3)
}

._1kwlK,
._2l5GQ,
.ctSb4,
.xXup3 {
    color: #929fa6
}

.KYpDv,
.nxILt {
    position: relative
}

html[dir=ltr] ._3Lj_s {
    right: 7px
}

html[dir=rtl] ._3Lj_s {
    left: 7px
}

.nxILt {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    top: -2px;
    white-space: nowrap
}

html[dir] .nxILt {
    margin: 0 10px
}

._3eW69 {
    -webkit-flex: none;
    flex: none
}

html[dir] ._3eW69 {
    margin-top: -1px
}

html[dir] ._1eFsL {
    margin-bottom: 3px
}

.JdzFp {
    height: 30px;
    width: 26px
}

html[dir] .JdzFp {
    background-size: contain
}

._2jTyA {
    height: 100px
}

html[dir] ._2jTyA {
    background-size: cover;
    border-bottom: 1px solid rgba(75, 89, 97, .1)
}

html[dir=ltr] ._2jTyA {
    background-position: 0 0
}

html[dir=rtl] ._2jTyA {
    background-position: 100% 0
}

html[dir=ltr] ._1vnOZ {
    margin-right: 4px
}

html[dir=rtl] ._1vnOZ {
    margin-left: 4px
}

.QnDup {
    width: 19px;
    height: 26px;
    z-index: 100
}

html[dir] .QnDup {
    margin-bottom: -3px
}

html[dir=ltr] .QnDup {
    margin-left: -10px
}

html[dir=rtl] .QnDup {
    margin-right: -10px
}

._1fkCN {
    overflow: hidden
}

html[dir=ltr] ._1fkCN {
    margin-right: 3px
}

html[dir=rtl] ._1fkCN {
    margin-left: 3px
}

html[dir=ltr] ._2Ganc {
    float: left;
    margin-right: 3px
}

html[dir=rtl] ._2Ganc {
    float: right;
    margin-left: 3px
}

html[dir] .KLG1i {
    margin-top: 2px
}

html[dir=ltr] .KLG1i {
    margin-left: 28px
}

html[dir=rtl] .KLG1i {
    margin-right: 28px
}

._1vYM- {
    color: #73C2AB
}

._35S9u,
._3e0mj {
    color: #929fa6
}

._1vYM-::before {
    content: " \A0"
}

._1opHa:before,
._3b2Cf:before {
    content: ''
}

.KYpDv {
    box-sizing: border-box;
    max-width: 336px;
    z-index: 1
}

html[dir] .KYpDv {
    padding: 3px
}

._2kF0- {
    max-width: 100%
}

.message-container-legend,
._31Fpz {
    max-width: 330px;
    box-sizing: border-box
}

html[dir] ._37-_M {
    padding-bottom: 5px;
    padding-top: 3px
}

html[dir=ltr] ._37-_M {
    padding-left: 6px
}

html[dir=rtl] ._37-_M {
    padding-right: 6px
}

._2TvOE {
    position: absolute;
    bottom: 6px;
    z-index: 2
}

._3IPHC,
._3v3PK {
    position: relative
}

html[dir=ltr] ._2TvOE {
    right: 8px
}

html[dir=rtl] ._2TvOE {
    left: 8px
}

._3zdTI ._2TvOE {
    bottom: 3px
}

._1430H,
._3a5-b {
    bottom: -4px
}

html[dir=ltr] ._3zdTI ._2TvOE {
    right: 7px
}

html[dir=ltr] ._1430H,
html[dir=ltr] ._3a5-b {
    right: -7px
}

html[dir=rtl] ._3zdTI ._2TvOE {
    left: 7px
}

html[dir=rtl] ._1430H,
html[dir=rtl] ._3a5-b {
    left: -7px
}

html[dir=ltr] .message-container-legend {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] .message-container-legend {
    padding: 7px 6px 5px 4px
}

html[dir] ._3tGyq .message-container-legend {
    padding-bottom: 22px
}

html[dir] ._31Fpz {
    margin-bottom: 3px
}

._3v3PK {
    overflow: hidden;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%
}

._3DZ69,
._3IPHC {
    display: -webkit-flex
}

html[dir] ._3v3PK {
    border-radius: 6px
}

html[dir] ._24lP4,
html[dir] ._3rxLC {
    border-radius: 50%
}

._1JVSX {
    -webkit-flex: none;
    flex: none
}

._3Pw5V {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

._2ejrE ._3v3PK {
    max-height: 220px
}

.r1ybh {
    box-sizing: border-box;
    width: 336px
}

html[dir=ltr] .r1ybh {
    padding: 6px 7px 8px 9px
}

html[dir=rtl] .r1ybh {
    padding: 6px 9px 8px 7px
}

._1nv8y.r1ybh,
._2c9Y-.r1ybh {
    width: 100%;
    max-width: 336px
}

html[dir=ltr] ._1B8d2 {
    margin: -3px -4px 7px -6px
}

html[dir=rtl] ._1B8d2 {
    margin: -3px -6px 7px -4px
}

html[dir] ._3n1MM ._1B8d2 {
    margin-top: 0
}

._3IPHC {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    height: 60px
}

html[dir=ltr] ._3IPHC {
    margin-left: 6px;
    margin-right: 8px
}

html[dir=rtl] ._3IPHC {
    margin-right: 6px;
    margin-left: 8px
}

html[dir] ._2ZW0i {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    margin-bottom: 6px;
    padding-bottom: 5px
}

html[dir] .hITzJ ._2ZW0i {
    border-bottom: none;
    margin-bottom: 0
}

._2Id9R {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    max-height: 40px
}

.B3WMz {
    -webkit-flex: none;
    flex: none
}

._3DZ69,
.ePRKp {
    -webkit-align-items: center
}

html[dir=ltr] .B3WMz {
    margin-right: 15px
}

html[dir=rtl] ._3-0Ak:nth-child(2),
html[dir=rtl] ._3-0Ak:nth-child(3) {
    margin-right: -33px
}

html[dir=rtl] .B3WMz {
    margin-left: 15px
}

html[dir=ltr] ._3-0Ak:nth-child(2),
html[dir=ltr] ._3-0Ak:nth-child(3) {
    margin-left: -33px
}

._1430H {
    position: absolute
}

._3-0Ak,
._3DZ69 {
    position: relative
}

.AVd_p {
    line-height: 20px;
    color: #262626
}

._1ijQr,
._3EZsx {
    color: #929fa6
}

._3-0Ak {
    display: inline-block;
    z-index: 100
}

._3-0Ak:nth-child(2) {
    z-index: 99
}

._3-0Ak:nth-child(3) {
    z-index: 98
}

._3ssLP {
    width: 100%;
    height: 100%
}

html[dir] ._3ssLP {
    background-size: cover;
    background-position: center
}

._1YNgi {
    box-sizing: border-box;
    width: 336px
}

html[dir=ltr] ._1YNgi {
    padding: 6px 7px 8px 9px
}

html[dir=rtl] ._1YNgi {
    padding: 6px 9px 8px 7px
}

._1q-v2._1YNgi,
._2c62Z._1YNgi {
    width: 100%;
    max-width: 336px
}

._1ynuf,
.message-text-link {
    max-width: 100%
}

html[dir=ltr] ._1N5QG {
    margin: -3px -4px 7px -6px
}

html[dir=rtl] ._1N5QG {
    margin: -3px -6px 7px -4px
}

html[dir] ._10o2r ._1N5QG {
    margin-top: 0
}

._3DZ69 {
    align-items: center;
    display: flex;
    height: 60px
}

._1oEow svg,
._24lP4,
._3rxLC {
    width: 100%;
    height: 100%
}

._3a5-b,
._3rxLC {
    position: absolute
}

html[dir=ltr] ._3DZ69 {
    margin-left: 6px;
    margin-right: 8px
}

html[dir=rtl] ._3DZ69 {
    margin-right: 6px;
    margin-left: 8px
}

html[dir] .nOJPX {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    margin-bottom: 6px;
    padding-bottom: 5px
}

html[dir] ._2YH_F .nOJPX {
    border-bottom: none;
    margin-bottom: 0
}

._1lC8v {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

._20hTB,
._24lP4 {
    -webkit-flex: none
}

._20hTB {
    flex: none
}

html[dir=ltr] ._20hTB {
    margin-right: 15px
}

html[dir=rtl] ._20hTB {
    margin-left: 15px
}

._3gkvk {
    color: #262626;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.OUeyt,
._3ataZ {
    font-weight: 500
}

._2dm0G,
.btn-message-send {
    font-size: 14px;
    line-height: 20px
}

.OUeyt,
._19mFZ,
._1lL-7,
._2EXPL._13iu_,
.message-text-link a {
    vertical-align: top
}

._6qEXM {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly
}

.message-text-link,
.message-text-link a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

html[dir] ._6qEXM {
    margin-top: 8px
}

.btn-message-send {
    color: #00a5f4;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[dir] .btn-message-send {
    padding: 10px 0 4px;
    text-align: center
}

html[dir=ltr] .btn-message-send+.btn-message-send {
    margin-left: 10px
}

html[dir=rtl] .btn-message-send+.btn-message-send {
    margin-right: 10px
}

._1IfJK {
    color: #929fa6
}

._2dm0G,
._2zs5T {
    color: #00a5f4
}

html[dir=ltr] ._3CVlE {
    margin: -3px -4px 6px -6px
}

html[dir=rtl] ._3CVlE {
    margin: -3px -6px 6px -4px
}

html[dir] ._3Usvm ._3CVlE {
    margin-top: 5px
}

._8dv3g,
.ePRKp {
    display: -webkit-flex
}

._8dv3g {
    display: flex;
    width: 100%;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly
}

._1ynuf,
._24lP4 {
    display: inline-block
}

html[dir] ._8dv3g {
    margin-top: 8px
}

._2dm0G {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.LxZhH,
._29bqV,
._3AJsl {
    color: #929fa6
}

html[dir] ._2dm0G {
    padding: 10px 0 4px;
    text-align: center
}

html[dir=ltr] ._2dm0G+._2dm0G {
    margin-left: 10px
}

html[dir=rtl] ._2dm0G+._2dm0G {
    margin-right: 10px
}

html[dir=ltr] ._3FDzO {
    margin: -3px -4px 6px -6px
}

html[dir=rtl] ._3FDzO {
    margin: -3px -6px 6px -4px
}

html[dir=ltr] ._1l3ap,
html[dir=rtl] ._1lL-7 {
    margin-left: 3px
}

html[dir=ltr] ._1lL-7,
html[dir=rtl] ._1l3ap {
    margin-right: 3px
}

html[dir] ._3Usvm ._3FDzO {
    margin-top: 5px
}

html[dir] ._3CVlE+._3FDzO {
    margin-top: -3px
}

._3rxLC {
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 1
}

._13TsX,
._24lP4 {
    position: relative
}

html[dir] ._3rxLC {
    background-size: contain
}

html[dir=ltr] ._3rxLC {
    left: 0
}

html[dir=rtl] ._3rxLC {
    right: 0
}

._24lP4 {
    flex: none;
    z-index: 100
}

html[dir] .mc_ET {
    border: 2px solid #fff
}

html[dir] .HrARV {
    border-radius: 0
}

._3fj4f {
    -webkit-flex: none;
    flex: none
}

html[dir] ._3fj4f {
    padding-bottom: 32px
}

.ePRKp {
    align-items: center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: none;
    flex: none
}

html[dir] .ePRKp {
    margin-top: 28px;
    margin-bottom: 28px
}

._13TsX {
    z-index: 1;
    max-width: 226px;
    box-sizing: border-box
}

html[dir] ._13TsX {
    padding: 3px
}

._2kBl2 {
    max-width: 100%
}

._3aTvX,
._3eYOZ,
._3fw3n {
    max-width: 220px
}

._3aTvX {
    box-sizing: border-box
}

html[dir=ltr] ._3aTvX {
    padding: 3px 2px 5px 6px
}

html[dir=rtl] ._3aTvX {
    padding: 3px 6px 5px 2px
}

._2G09- {
    position: absolute;
    bottom: 6px;
    z-index: 2
}

._1Ppwx,
._1eKmH ._2G09- {
    bottom: 3px
}

html[dir=ltr] ._2G09- {
    right: 8px
}

html[dir=rtl] ._2G09- {
    left: 8px
}

html[dir=ltr] ._1eKmH ._2G09- {
    right: 7px
}

html[dir=rtl] ._1eKmH ._2G09- {
    left: 7px
}

._3eYOZ {
    box-sizing: border-box
}

html[dir=ltr] ._3eYOZ {
    padding: 7px 4px 5px 6px
}

html[dir=rtl] ._3eYOZ {
    padding: 7px 6px 5px 4px
}

html[dir] ._2_yCI ._3eYOZ {
    padding-bottom: 22px
}

html[dir] ._3fw3n {
    margin-bottom: 3px
}

._1opHa {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    height: 160px;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 220px
}

._1C80R,
._1opHa:before,
.rcDLF {
    width: 100%;
    position: absolute
}

html[dir] ._1opHa {
    border-radius: 6px
}

._1opHa:before {
    top: 0;
    height: 100%;
    z-index: 2;
    opacity: .3
}

html[dir=ltr] ._1opHa:before {
    left: 0
}

html[dir=rtl] ._1opHa:before {
    right: 0
}

._1C80R {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-flex: none;
    flex: none;
    height: 100%;
    top: -4px;
    z-index: 1
}

html[dir] ._1C80R {
    background-position: 50% 50%;
    background-size: cover;
    padding: 4px
}

html[dir=ltr] ._1C80R {
    left: -4px
}

html[dir=rtl] ._1C80R {
    right: -4px
}

._1Ppwx {
    position: absolute;
    z-index: 100;
    color: rgba(255, 255, 255, .9);
    font-size: 11px;
    line-height: 15px;
    height: 15px
}

html[dir=ltr] ._1Ppwx {
    left: 6px
}

html[dir=rtl] ._1Ppwx {
    right: 6px
}

._1lL-7 {
    display: inline-block
}

._3b2Cf,
._3eST_ {
    display: -webkit-flex
}

.krwtx {
    position: absolute;
    top: 3px;
    opacity: 0;
    transition: opacity .1s ease-out;
    line-height: 12px;
    font-size: 12px;
    z-index: 101
}

html[dir] .krwtx {
    padding: 2px 3px 0;
    border-radius: 3px
}

html[dir=ltr] .krwtx {
    left: 4px
}

html[dir=ltr] ._2X3l6,
html[dir=ltr] ._2fGjn,
html[dir=ltr] ._34Olu,
html[dir=ltr] ._3b2Cf:before,
html[dir=ltr] .rcDLF {
    left: 0
}

html[dir=rtl] .krwtx {
    right: 4px
}

html[dir=rtl] ._2X3l6,
html[dir=rtl] ._2fGjn,
html[dir=rtl] ._34Olu,
html[dir=rtl] ._3b2Cf:before,
html[dir=rtl] .rcDLF {
    right: 0
}

html[dir] .krwtx:hover {
    background-color: rgba(0, 0, 0, .5)
}

.RZusE .krwtx {
    opacity: 1
}

._3xqpR {
    color: #929fa6
}

.rcDLF {
    top: 0;
    height: 100%
}

._3eST_ {
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

._2Mvo8 {
    -webkit-flex: 1;
    flex: 1;
    height: 50px;
    color: #b8e5e2;
    font-size: 13px
}

html[dir] ._2Mvo8 {
    text-align: center
}

._2Mvo8.fyJXn {
    color: #fff
}

._3b2Cf:before {
    position: absolute;
    bottom: 0;
    transition: .3s cubic-bezier(.1, .82, .25, 1);
    height: 4px;
    width: 33.33%
}

html[dir] ._3b2Cf:before {
    background-color: #60e86f
}

html[dir] ._3b2Cf[data-active-tab=media]::before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

html[dir=ltr] ._3b2Cf[data-active-tab=docs]::before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

html[dir=rtl] ._3b2Cf[data-active-tab=docs]::before {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

html[dir=ltr] ._3b2Cf[data-active-tab=links]::before {
    -webkit-transform: translateX(200%);
    transform: translateX(200%)
}

html[dir=rtl] ._3b2Cf[data-active-tab=links]::before {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

._3b2Cf {
    height: 50px;
    -webkit-flex: none;
    flex: none;
    position: relative;
    z-index: 110;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

._2X3l6,
._2fGjn,
._34Olu {
    top: 0;
    position: absolute
}

._34Olu,
._3E6Ha {
    display: -webkit-flex
}

html[dir] ._3b2Cf {
    background-color: #00bfa5
}

._1fNm1 {
    color: #929fa6
}

._34Olu {
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

._19mFZ,
._2BzIU {
    display: inline-block
}

html[dir=ltr] ._10MiG:before,
html[dir=ltr] ._19mFZ:before,
html[dir=ltr] ._1l3ap:before {
    left: -1px
}

html[dir=rtl] ._10MiG:before,
html[dir=rtl] ._19mFZ:before,
html[dir=rtl] ._1l3ap:before {
    right: -1px
}

._19mFZ {
    color: #fff;
    font-size: 13px;
    position: relative;
    height: 46px;
    line-height: 46px
}

._1lcS_,
._3ataZ {
    font-size: 14px;
    line-height: 20px
}

html[dir] ._19mFZ {
    background-color: rgba(0, 0, 0, .36);
    border-radius: 24px
}

html[dir=ltr] ._19mFZ {
    width: auto !important;
    padding-right: 16px
}

html[dir=rtl] ._19mFZ {
    width: auto !important;
    padding-left: 16px
}

._10MiG:before,
._19mFZ:before {
    width: 100%;
    height: 100%;
    content: '';
    top: -1px
}

._19mFZ:before {
    position: absolute
}

html[dir] ._19mFZ:before {
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .5)
}

._10MiG {
    position: relative
}

._10MiG:before {
    position: absolute
}

._1l3ap,
._2BzIU {
    position: relative
}

html[dir] ._10MiG:before {
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .65)
}

._2BzIU {
    width: 50px;
    height: 50px
}

._1l3ap,
._1l3ap:before {
    width: 44px;
    height: 44px
}

html[dir] ._1l3ap {
    background-color: rgba(0, 0, 0, .07);
    border-radius: 50%;
    margin-top: 3px
}

._1l3ap:before {
    content: '';
    position: absolute;
    top: -1px
}

.IuYNx,
._1Y0rl,
.bUPnO,
.zrbdc {
    height: 100%;
    width: 100%
}

html[dir] ._1l3ap:before {
    border: 2px solid rgba(255, 255, 255, .1);
    border-radius: 50%
}

._3El4W {
    color: #929fa6
}

.c4Y9s {
    white-space: normal
}

.KKFom,
._3ataZ {
    text-overflow: ellipsis;
    white-space: nowrap
}

.c4Y9s a {
    color: rgba(3, 155, 229, .9)
}

._1X0vb,
._1pRBS,
.xPJoe {
    color: #929fa6
}

html[dir=ltr] ._1lcS_ {
    margin: 28px 24px 20px 32px
}

html[dir=rtl] ._1lcS_ {
    margin: 28px 32px 20px 24px
}

.IuYNx {
    position: absolute;
    overflow: hidden;
    top: 0
}

._2gmeM,
._3E6Ha {
    overflow: visible
}

html[dir=ltr] .IuYNx {
    left: 0;
    text-align: center;
}

html[dir=ltr] ._3XCI5,
html[dir=rtl] .uYLZK {
    left: 30px
}

html[dir=rtl] .IuYNx {
    right: 0
}

html[dir=ltr] .uYLZK,
html[dir=rtl] ._3XCI5 {
    right: 30px
}

._1V8K0 {
    position: relative
}

._3E6Ha {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

._1XwnX,
._2v-rq {
    display: -webkit-flex
}

.KKFom,
._2v-rq,
._3ataZ {
    overflow: hidden
}

.OCJs8,
._15JI9 {
    overflow-x: hidden
}

.bUPnO>* {
    object-fit: scale-down
}

._1XwnX {
    -webkit-flex: none;
    flex: none;
    height: 60px;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1);
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

html[dir] ._1XwnX {
    background-color: #fff
}

html[dir=ltr] .img-zoomed-in ._1XwnX,
html[dir=rtl] .img-zoomed-in ._1XwnX {
    visibility: hidden !important;
    opacity: 0 !important
}

._2v-rq {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 72px;
    -webkit-order: 2;
    order: 2
}

._23yQw,
._3cZ-I {
    display: -webkit-flex
}

html[dir=ltr] ._2v-rq {
    margin-left: 18px;
    margin-right: 15px
}

html[dir=rtl] ._2v-rq {
    margin-right: 18px;
    margin-left: 15px
}

._23yQw {
    -webkit-flex: none;
    flex: none;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

html[dir] ._23yQw {
    margin-top: -1px
}

html[dir=ltr] ._23yQw {
    padding: 0 15px 0 13px
}

html[dir=rtl] ._23yQw {
    padding: 0 13px 0 15px
}

._3cZ-I {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

._1IRB_,
._1MsrQ {
    display: -webkit-flex
}

._3ataZ {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    color: #434343
}

.KKFom {
    font-size: 13px;
    color: #a8adaf;
    line-height: 19px
}

._1yATu,
._2iSIf,
._3pYem {
    color: #929fa6
}

html[dir] .KKFom {
    margin-top: 2px
}

._291yf {
    -webkit-order: 1;
    order: 1
}

html[dir=ltr] ._291yf {
    margin-right: 18px
}

html[dir=rtl] ._291yf {
    margin-left: 18px
}

._1IRB_ {
    z-index: 200;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._1IRB_ {
    padding-top: 8.5px
}

html[dir=ltr] ._1IRB_ {
    padding-right: 6px
}

html[dir=rtl] ._1IRB_ {
    padding-left: 6px
}

._9tCEa {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

html[dir] ._9tCEa {
    padding-bottom: 8px
}

html[dir=ltr] ._9tCEa {
    transition: padding-left .3s cubic-bezier(.69, 0, .79, .14);
    padding-left: 0
}

html[dir=rtl] ._9tCEa {
    transition: padding-right .3s cubic-bezier(.69, 0, .79, .14);
    padding-right: 0
}

html[dir=ltr] ._1P2Tp {
    padding-left: 40px;
    transition: padding-left .3s cubic-bezier(.1, .82, .25, 1)
}

html[dir=rtl] ._1P2Tp {
    padding-right: 40px;
    transition: padding-right .3s cubic-bezier(.1, .82, .25, 1)
}

.OUeyt {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 19px;
    line-height: 20px;
    min-width: 9px
}

.HgbgJ,
.MotI5,
._2urhh,
._31-az,
._3LNFp {
    color: #929fa6
}

html[dir] .OUeyt {
    background-color: #09d261;
    border-radius: 12px;
    padding: 0 5px;
    text-align: center
}

._3zmhL {
    line-height: 19px
}

.safari-fix .OUeyt {
    font-size: 12px;
    font-weight: 700
}

._25Ooe,
._itDl {
    font-weight: 400
}

._1MsrQ {
    display: flex;
    -webkit-flex: none;
    flex: none;
    -webkit-justify-content: center;
    justify-content: center
}

._1SSgL,
._3dGYA {
    -webkit-align-items: center
}

html[dir] ._1MsrQ {
    padding: 0 0 24px
}

._3dGYA {
    align-items: center;
    display: -webkit-flex;
    display: flex;
    width: 44px;
    height: 44px;
    -webkit-justify-content: center;
    justify-content: center
}

._3XCI5,
.uYLZK {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10001;
    width: 45px;
    height: 45px;
    opacity: .22
}

html[dir] ._3dGYA {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto
}

.LQEjW path {
    fill: #c9cccd;
    fill-opacity: 1
}

.AfVTG {
    -webkit-flex: none;
    flex: none
}

html[dir] .AfVTG {
    padding-bottom: 32px
}

html[dir] ._1RIe1 {
    margin-bottom: 20px
}

.pqx2N {
    white-space: pre-wrap
}

.O90ur,
._1AUd-,
._2QrOO,
._itDl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

html[dir] .pqx2N {
    margin-bottom: 6px
}

html[dir] ._3GoJv {
    margin-top: -6px
}

html[dir] ._3XCI5,
html[dir] .uYLZK {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    background-color: #000;
    cursor: pointer
}

._1SSgL,
.nKIJU {
    display: -webkit-flex;
    z-index: 10002;
    bottom: 0;
    position: absolute;
    top: 0;
    pointer-events: none
}

html[dir=ltr] .nKIJU,
html[dir=rtl] ._1SSgL {
    right: 37px
}

html[dir=ltr] ._1SSgL,
html[dir=rtl] .nKIJU {
    left: 37px
}

._1SSgL {
    display: flex;
    align-items: center
}

._1jJLh,
.nKIJU {
    -webkit-align-items: center
}

.nKIJU {
    display: flex;
    align-items: center
}

._2-nZz,
._3Ssqq {
    display: -webkit-flex
}

._13Mig {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    will-change: opacity
}

html[dir=ltr] ._13Mig {
    left: 0
}

html[dir=rtl] ._13Mig {
    right: 0
}

._2kGXf {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    bottom: 0
}

html[dir] ._2kGXf {
    margin: auto
}

html[dir] ._2FBdJ,
html[dir] .dIyEr {
    margin-top: -1px
}

html[dir=ltr] ._2kGXf {
    left: 0;
    right: 0
}

html[dir=rtl] ._2kGXf {
    right: 0;
    left: 0
}

._34Sa- {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10000
}

.O2XvB,
._3Ssqq {
    z-index: 2;
    top: 18px;
    position: absolute
}

html[dir] ._34Sa- {
    background-color: #000
}

html[dir=ltr] ._34Sa- {
    left: 0
}

html[dir=rtl] ._34Sa- {
    right: 0
}

html[dir=ltr] .O2XvB {
    right: 18px
}

html[dir=rtl] .O2XvB {
    left: 18px
}

html[dir=ltr] .O2XvB._2Rc0A {
    right: 82px
}

html[dir=rtl] .O2XvB._2Rc0A {
    left: 82px
}

._3Ssqq {
    display: flex
}

html[dir=ltr] ._3Ssqq {
    left: 30px
}

html[dir=rtl] ._3Ssqq {
    right: 30px
}

html[dir=ltr] ._3Ssqq._33KvS {
    left: 82px
}

html[dir=rtl] ._3Ssqq._33KvS {
    right: 82px
}

._2-nZz {
    height: 44px;
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

._2d47I,
._3Fclp {
    display: -webkit-flex
}

._3Fclp {
    -webkit-flex: none;
    flex: none;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 18px
}

html[dir] ._3Fclp {
    cursor: pointer
}

html[dir=ltr] .Y1qTr {
    margin-right: 6px;
    margin-left: -6px
}

html[dir=ltr] ._2BSn-,
html[dir=rtl] .Y1qTr {
    margin-left: 6px;
    margin-right: -6px
}

html[dir=rtl] ._2BSn- {
    margin-right: 6px;
    margin-left: -6px
}

._1WqoC {
    opacity: .35;
    pointer-events: none
}

html[dir] ._1WqoC {
    cursor: default
}

._2d47I {
    display: flex;
    overflow: hidden;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

._2fYi8,
.zl5TR {
    display: -webkit-flex
}

html[dir] ._3GrMz {
    padding-bottom: 14px
}

._2l0nK {
    color: #959595;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px
}

.CGoGP,
._14kQF,
._2mxm_,
._3a0cA,
._6bb_d {
    color: #929fa6
}

html[dir] ._2l0nK {
    padding: 5px 0 12px
}

._2fYi8 {
    display: flex
}

html[dir] ._2fYi8 {
    margin-bottom: 6px
}

html[dir] ._2fYi8:last-child {
    margin-bottom: 0
}

._3pLTA {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

html[dir=ltr] ._3pLTA {
    left: 0
}

html[dir=rtl] ._3pLTA {
    right: 0
}

._1o4db {
    position: absolute;
    bottom: 3px;
    z-index: 101
}

html[dir=ltr] ._1o4db {
    right: 3px
}

html[dir=rtl] ._1o4db {
    left: 3px
}

._3BWWA {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

._1zJCm {
    position: relative;
    width: 100%
}

._2nU3R {
    position: absolute;
    top: 0;
    z-index: 99;
    height: 85%
}

._1AUd-,
._2EXPL,
.zl5TR {
    position: relative
}

html[dir] ._2nU3R {
    background-color: transparent;
    border: 10px solid rgba(0, 175, 255, .8)
}

html[dir] ._3YwRO,
html[dir] ._3j7s9 {
    border-top: 1px solid #f2f2f2
}

html[dir=ltr] ._2nU3R {
    right: 0;
    left: 0
}

html[dir=rtl] ._2nU3R {
    left: 0;
    right: 0
}

.zl5TR {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    height: 130px;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.LlZXr,
._1jJLh {
    display: -webkit-flex
}

html[dir] .zl5TR {
    background-color: #e8e8e8;
    cursor: pointer
}

html[dir=ltr] .zl5TR {
    margin-right: 6px
}

html[dir=rtl] .zl5TR {
    margin-left: 6px
}

html[dir=ltr] .zl5TR:last-child {
    margin-right: 0
}

html[dir=rtl] .zl5TR:last-child {
    margin-left: 0
}

._1jJLh {
    align-items: center;
    display: flex;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px
}

.LlZXr,
._2FBdJ {
    -webkit-align-items: center
}

html[dir] ._1jJLh {
    background-color: #128C7E;
    border-radius: 50%
}

._3YwRO {
    height: 1px;
    box-sizing: border-box
}

._2EXPL,
.textsize-large ._2EXPL,
.textsize-xlarge ._2EXPL,
.textsize-xxlarge ._2EXPL {
    height: 72px
}

html[dir=ltr] ._3YwRO {
    margin-left: 77px
}

html[dir=rtl] ._3YwRO {
    margin-right: 77px
}

html[dir] ._2csub {
    cursor: pointer
}

.LlZXr {
    display: flex;
    align-items: center
}

._2EXPL,
.dIyEr {
    display: -webkit-flex
}

._3e7ko {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden
}

._1ZiJ3 {
    -webkit-flex: none;
    flex: none
}

._1qMAw,
._2EXPL {
    -webkit-flex-direction: row
}

html[dir=ltr] ._1ZiJ3 {
    margin-left: 10px
}

html[dir=rtl] ._1ZiJ3 {
    margin-right: 10px
}

._2EXPL {
    display: flex;
    flex-direction: row
}

html[dir] ._2EXPL {
    background-color: #fff;
    cursor: pointer
}

.textsize-small ._2EXPL {
    height: 64px
}

.textsize-xsmall ._2EXPL {
    height: 58px
}

.textsize-xxsmall ._2EXPL {
    height: 52px
}

.dIyEr {
    -webkit-flex: none;
    flex: none;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

._15rx8,
._3j7s9 {
    display: -webkit-flex
}

._25Ooe,
._3j7s9 {
    -webkit-flex-grow: 1
}

html[dir=ltr] .dIyEr {
    padding: 0 15px 0 13px
}

html[dir=rtl] .dIyEr {
    padding: 0 13px 0 15px
}

._3j7s9 {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir=ltr] ._3j7s9 {
    padding-right: 15px
}

html[dir=rtl] ._3j7s9 {
    padding-left: 15px
}

._15rx8 {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    align-self: center;
    height: 100%;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

._1AwDx,
._2FBdJ {
    display: -webkit-flex
}

html[dir=ltr] ._15rx8 {
    padding: 0 13px 0 0
}

html[dir=rtl] ._15rx8 {
    padding: 0 0 0 13px
}

._2FBdJ {
    align-items: center;
    line-height: normal;
    display: flex
}

html[dir=ltr] ._2FBdJ {
    text-align: left
}

html[dir=rtl] ._2FBdJ {
    text-align: right
}

html[dir=ltr] ._2FBdJ._3eYVg {
    margin-right: 13px
}

html[dir=rtl] ._2FBdJ._3eYVg {
    margin-left: 13px
}

._1AwDx {
    -webkit-align-items: center;
    align-items: center;
    color: rgba(0, 0, 0, .6);
    display: flex;
    font-size: 13px;
    line-height: 19px
}

html[dir] ._1AwDx {
    margin-top: 2px
}

html[dir] ._2FBdJ ._3Bxar,
html[dir] .textsize-large ._2FBdJ ._3Bxar,
html[dir] .textsize-xlarge ._2FBdJ ._3Bxar,
html[dir] .textsize-xxlarge ._2FBdJ ._3Bxar {
    margin-top: 4px
}

._25Ooe {
    color: #000;
    display: -webkit-flex;
    display: flex;
    flex-grow: 1;
    font-size: 16px;
    line-height: 21px;
    overflow: hidden
}

.CMwTf._2EXPL:hover:after,
._2EXPL._1FGIr:hover:after,
._3ZHjw ._25Ooe,
._3xX6I._2EXPL:hover:after {
    display: none
}

html[dir=ltr] ._25Ooe {
    text-align: left
}

html[dir=rtl] ._25Ooe {
    text-align: right
}

.textsize-xxlarge ._25Ooe {
    font-size: 17.5px;
    line-height: 27px
}

.textsize-xlarge ._25Ooe {
    font-size: 17px;
    line-height: 25px
}

.textsize-large ._25Ooe {
    font-size: 16.5px;
    line-height: 23px
}

.textsize-small ._25Ooe {
    font-size: 15.5px;
    line-height: 19px
}

.textsize-xsmall ._25Ooe {
    font-size: 15px;
    line-height: 17px
}

.textsize-xxsmall ._25Ooe {
    font-size: 14.5px;
    line-height: 15px
}

._itDl {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    line-height: 20px
}

html[dir] ._itDl {
    background-color: transparent
}

html[dir=ltr] ._itDl {
    text-align: left
}

html[dir=rtl] ._itDl {
    text-align: right
}

html[dir] .Vrmh_,
html[dir] .Zq3Mc,
html[dir] ._1BLxK,
html[dir] ._1jpv4,
html[dir] ._22f7I,
html[dir] ._2n7FA,
html[dir] ._3nfoJ {
    text-align: center
}

.textsize-xxlarge ._itDl {
    font-size: 15.5px;
    line-height: 26px
}

.textsize-xlarge ._itDl {
    font-size: 15px;
    line-height: 24px
}

.textsize-large ._itDl {
    font-size: 14.5px;
    line-height: 22px
}

.textsize-small ._itDl {
    font-size: 13.5px;
    line-height: 18px
}

.textsize-xsmall ._itDl {
    font-size: 13px;
    line-height: 16px
}

.textsize-xxsmall ._itDl {
    font-size: 12.5px;
    line-height: 14px
}

._itDl a {
    color: inherit
}

._itDl .matched-mention {
    color: inherit;
    font-weight: 500
}

._3j7s9 .emoji,
._3j7s9 .icon,
._itDl svg {
    -webkit-flex: none;
    flex: none
}

html[dir] .textsize-xxlarge ._3j7s9 .emoji,
html[dir] .textsize-xxlarge ._3j7s9 .icon,
html[dir] .textsize-xxlarge ._itDl svg {
    -webkit-transform: translate(0, 4px);
    transform: translate(0, 4px)
}

html[dir] .textsize-xlarge ._3j7s9 .emoji,
html[dir] .textsize-xlarge ._3j7s9 .icon,
html[dir] .textsize-xlarge ._itDl svg {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px)
}

html[dir] .textsize-large ._3j7s9 .emoji,
html[dir] .textsize-large ._3j7s9 .icon,
html[dir] .textsize-large ._itDl svg {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px)
}

html[dir] .textsize-small ._3j7s9 .emoji,
html[dir] .textsize-small ._3j7s9 .icon,
html[dir] .textsize-small ._itDl svg {
    -webkit-transform: translate(0, -1px) scale(.85);
    transform: translate(0, -1px) scale(.85)
}

html[dir] .textsize-xsmall ._3j7s9 .emoji,
html[dir] .textsize-xsmall ._3j7s9 .icon,
html[dir] .textsize-xsmall ._itDl svg {
    -webkit-transform: translate(0, -2px) scale(.75);
    transform: translate(0, -2px) scale(.75)
}

html[dir] .textsize-xxsmall ._3j7s9 .emoji,
html[dir] .textsize-xxsmall ._3j7s9 .icon,
html[dir] .textsize-xxsmall ._itDl svg {
    -webkit-transform: translate(0, -3px) scale(.65);
    transform: translate(0, -3px) scale(.65)
}

._3Bxar {
    color: rgba(0, 0, 0, .4);
    -webkit-flex: none;
    flex: none;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

._3Bxar .arrow-bottom {
    width: 12px;
    height: 8px;
    background: url(../images/iconsico-seta-bottom.svg) no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    top: 5px;
    transform: translateX(40px);
    transition: all .3s;
}

.operador_susp {
    background-image: linear-gradient(#fdfdfd, #eeeeee);
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 13px;
    color: #3d3e3e;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    font-weight: 500;
}

.message-menu-opt {
    position: absolute;
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    z-index: 9999;
    display: none;
    overflow: hidden;
}

.message-menu-opt ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.message-menu-opt li {
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative !important;
    top: 0 !important;
}

.message-menu-opt li a {
    display: block;
    width: 100%;
    padding: 10px 18px;
    font-size: 14px;
    color: #4a4a4a !important;
    text-decoration: none !important;
    font-weight: 500;
    box-sizing: border-box;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.message-menu-opt li a:hover {
    background-color: #f4f5f5;
    color: #250352 !important;
}

._2_LEW.last-message {
    position: absolute;
    /* right:15px; */
    font-size: 0.88em;
    padding-left: 0;
    width: fit-content;
    text-align: right;
    z-index: 5;
    bottom: 0
}

html[dir=ltr] ._3Bxar {
    margin-left: 6px
}

html[dir=rtl] ._3Bxar {
    margin-right: 6px
}

html[dir=ltr] ._3ZHjw ._3Bxar,
html[dir=rtl] ._3ZHjw ._3Bxar {
    margin-right: 0;
    margin-left: 0
}

.textsize-xxlarge ._3Bxar {
    font-size: 15px
}

.textsize-xlarge ._3Bxar {
    font-size: 14px
}

.textsize-large ._3Bxar {
    font-size: 13px
}

.textsize-small ._3Bxar {
    font-size: 11px
}

.textsize-xsmall ._3Bxar {
    font-size: 10px
}

.textsize-xxsmall ._3Bxar {
    font-size: 9px
}

._2FBdJ ._3Bxar {
    line-height: 14px
}

.textsize-xxlarge ._2FBdJ ._3Bxar {
    line-height: 17px
}

.textsize-xlarge ._2FBdJ ._3Bxar {
    line-height: 16px
}

.textsize-large ._2FBdJ ._3Bxar {
    line-height: 15px
}

html[dir] .textsize-small ._2FBdJ ._3Bxar,
html[dir] .textsize-xsmall ._2FBdJ ._3Bxar,
html[dir] .textsize-xxsmall ._2FBdJ ._3Bxar {
    margin-top: 3px
}

.textsize-small ._2FBdJ ._3Bxar {
    line-height: 13px
}

.textsize-xsmall ._2FBdJ ._3Bxar {
    line-height: 12px
}

.textsize-xxsmall ._2FBdJ ._3Bxar {
    line-height: 11px
}

html[dir] ._2EXPL._3df_h,
html[dir] ._2EXPL:hover {
    background-color: #f4f5f5
}

html[dir] ._2EXPL._3df_h ._3j7s9,
html[dir] ._2EXPL:hover ._3j7s9 {
    border-top-color: #f4f5f5
}

._2EXPL.CxUIE ._1AwDx {
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

.CxUIE ._25Ooe,
.CxUIE ._itDl {
    font-weight: 500
}

.CxUIE ._3Bxar {
    color: #333
}

.CxUIE ._25Ooe {
    color: #262626
}

html[dir=ltr] ._2EXPL._13iu_ ._15rx8,
html[dir=ltr] ._2EXPL._13iu_ ._25Ooe,
html[dir=rtl] ._2EXPL._13iu_ ._15rx8,
html[dir=rtl] ._2EXPL._13iu_ ._25Ooe {
    font-weight: 400 !important
}

._2EXPL._1f1zm:after,
._2EXPL._3df_h:after,
._2EXPL:hover:after {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 0;
    content: ""
}

html[dir] ._2EXPL._1f1zm:after,
html[dir] ._2EXPL._3df_h:after,
html[dir] ._2EXPL:hover:after {
    border-top: 1px solid #f4f5f5
}

html[dir=ltr] ._2EXPL._1f1zm:after,
html[dir=ltr] ._2EXPL._3df_h:after,
html[dir=ltr] ._2EXPL:hover:after {
    left: 0
}

html[dir=rtl] ._2EXPL._1f1zm:after,
html[dir=rtl] ._2EXPL._3df_h:after,
html[dir=rtl] ._2EXPL:hover:after {
    right: 0
}

.safari-fix ._2EXPL:hover {
    transition: background-color 0s
}

html[dir] ._2EXPL._1f1zm {
    background-color: #e9ebeb
}

html[dir] ._2EXPL._1f1zm ._3j7s9,
html[dir] ._2EXPL._1f1zm:after {
    border-top-color: #e9ebeb
}

._2EXPL._1f1zm ._1AwDx {
    color: #454545
}

._2EXPL._1oILS {
    transition: background-color .5s cubic-bezier(.1, .82, .25, 1)
}

html[dir] ._2EXPL._1oILS {
    background-color: #f4f4f5
}

html[dir] ._2EXPL._1FGIr:hover {
    background-color: #fff
}

html[dir=ltr] ._34xP_ ._3j7s9 {
    padding: 0 18px 0 15px
}

html[dir=rtl] ._34xP_ ._3j7s9 {
    padding: 0 15px 0 18px
}

html[dir=ltr] ._3ZHjw ._3j7s9 {
    padding-left: 15px
}

html[dir=rtl] ._3ZHjw ._3j7s9 {
    padding-right: 15px
}

html[dir=ltr] ._3xj48 {
    padding-left: 14px
}

html[dir=rtl] ._3xj48 {
    padding-right: 14px
}

._2EXPL.CMwTf {
    height: 100%
}

html[dir] ._2EXPL.CMwTf {
    background-color: transparent
}

html[dir=ltr] ._2EXPL.CMwTf {
    padding-left: 2px
}

html[dir=rtl] ._2EXPL.CMwTf {
    padding-right: 2px
}

html[dir] ._2EXPL.CMwTf._3df_h,
html[dir] ._2EXPL.CMwTf:hover {
    background-color: #222
}

._2EXPL.CMwTf ._1AwDx {
    color: #b6b6b6
}

html[dir=ltr] .CMwTf ._3j7s9,
html[dir=rtl] .CMwTf ._3j7s9 {
    border-top: none !important
}

.CMwTf ._25Ooe {
    color: #fff
}

html[dir=ltr] .aZ91u {
    padding-left: 18px
}

html[dir=rtl] .aZ91u {
    padding-right: 55px
}

._2EXPL._3ntaf {
    height: auto;
    -webkit-align-items: center;
    align-items: center
}

html[dir=ltr] ._2EXPL._3ntaf {
    padding-right: 24px
}

html[dir=rtl] ._2EXPL._3ntaf {
    padding-left: 24px
}

html[dir] ._3ntaf .dIyEr {
    padding: 16px 19px
}

html[dir] ._2EXPL._13iu_,
html[dir] ._2EXPL._13iu_ ._3j7s9,
html[dir] ._2EXPL._13iu_ ._3j7s9._15rx8,
html[dir] ._2EXPL._13iu_ .dIyEr {
    padding: 0
}

html[dir] ._3ntaf ._3j7s9 {
    border-top: none;
    padding: 0
}

._3ntaf ._itDl {
    font-size: 15px;
    line-height: 22px
}

._3ntaf ._25Ooe {
    font-size: 19px;
    line-height: 28px
}

._2EXPL._13iu_ ._15rx8,
._2EXPL._13iu_ ._25Ooe {
    font-size: 13.5px;
    color: #303030
}

html[dir] ._3xX6I._2EXPL {
    cursor: auto
}

html[dir] ._3xX6I._2EXPL:hover {
    background-color: transparent
}

html[dir] ._2EXPL._13iu_,
html[dir] ._2EXPL._13iu_:hover {
    background-color: #e8e8e8
}

html[dir] ._3xX6I._2EXPL:first-of-type ._3j7s9 {
    border-top: none
}

._2EXPL._13iu_ {
    display: -webkit-inline-flex;
    display: inline-flex;
    height: auto
}

html[dir] ._2EXPL._13iu_ {
    margin: 0 0 6px;
    border-radius: 16px;
    cursor: default
}

html[dir=ltr] ._2EXPL._13iu_ {
    margin-right: 6px
}

html[dir=rtl] ._2EXPL._13iu_ {
    margin-left: 6px
}

html[dir] ._2EXPL._13iu_._1f1zm {
    background-color: #c2c2c2
}

html[dir=ltr] ._2EXPL._13iu_ ._3j7s9,
html[dir=rtl] ._2EXPL._13iu_ ._3j7s9 {
    border-top: none !important
}

html[dir=ltr] ._2EXPL._13iu_ .dIyEr {
    margin-right: 8px
}

html[dir=rtl] ._2EXPL._13iu_ .dIyEr {
    margin-left: 8px
}

._2EXPL._13iu_ ._1AwDx {
    display: none
}

._2L039,
.ao2gD {
    display: -webkit-flex
}

html[dir=ltr] ._2EXPL._2rVcC ._1AwDx,
html[dir=ltr] ._2EXPL._2rVcC ._25Ooe,
html[dir=rtl] ._2EXPL._2rVcC ._1AwDx,
html[dir=rtl] ._2EXPL._2rVcC ._25Ooe {
    font-weight: 400 !important;
    color: rgba(0, 0, 0, .4) !important
}

._1fI7q,
._1igN6,
._3vstp {
    color: #929fa6
}

html[dir] ._16yFM {
    padding: 14px
}

html[dir=ltr] ._16yFM {
    margin-right: 12px
}

html[dir=rtl] ._16yFM {
    margin-left: 12px
}

._2Q-Cb {
    -webkit-flex: 1;
    flex: 1;
    -webkit-order: 2;
    order: 2
}

html[dir] ._2Q-Cb {
    cursor: auto
}

html[dir=ltr] ._2Q-Cb {
    margin-left: 18px
}

html[dir=rtl] ._2Q-Cb {
    margin-right: 18px
}

.ao2gD {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: calc(100% - 60px);
    box-sizing: border-box
}

.P9iLC,
._1zH0g,
._1zcz2,
._2L039 {
    height: 100%;
    width: 100%
}

html[dir] .ao2gD {
    padding: 10px 0
}

._2L039 {
    position: relative;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 0
}

._1zcz2,
._2YdsD {
    display: -webkit-flex
}

._1abwg,
._1zcz2 {
    -webkit-flex-direction: column
}

.P9iLC {
    overflow: hidden
}

html[dir] .P9iLC {
    background-size: contain;
    background-position: center center
}

html[dir=ltr] .P9iLC {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

html[dir=rtl] .P9iLC {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

._1zH0g {
    z-index: 2
}

._1zcz2 {
    position: fixed;
    z-index: 10000;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.WX_XW,
._2YdsD {
    -webkit-align-items: center
}

html[dir] ._1zcz2 {
    background-color: rgba(255, 255, 255, .96)
}

html[dir=ltr] ._1zcz2,
html[dir=rtl] ._1zcz2 {
    -webkit-animation: _2rZ-T 350ms cubic-bezier(.1, .82, .25, 1);
    animation: _2rZ-T 350ms cubic-bezier(.1, .82, .25, 1)
}

@-webkit-keyframes _2rZ-T {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _2rZ-T {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._2YdsD {
    display: flex;
    align-items: center;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 60px;
    transition: visibility .3s, opacity .3s cubic-bezier(.1, .82, .25, 1);
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.WX_XW,
._1CkkN {
    display: -webkit-flex
}

html[dir] ._2YdsD {
    background-color: #fff
}

._2zkF3 {
    height: 72px;
    overflow: hidden
}

html[dir] ._2zkF3 {
    background-color: #FFF
}

.WX_XW {
    align-items: center;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .6);
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

._1Nv8v,
._3bf1v,
._5wo-Y {
    color: #929fa6
}

._3v1xd,
.cFkAx {
    font-size: 14px;
    line-height: 20px
}

html[dir] .WX_XW {
    background-color: rgba(140, 140, 140, .85);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-top: 15px
}

html[dir=ltr] .WX_XW {
    left: 0
}

html[dir=ltr] .MS-DH.ZuHmv:after,
html[dir=ltr] .MS-DH._1baOM:after,
html[dir=ltr] .MS-DH._2-mCk:after,
html[dir=ltr] .MS-DH:before {
    left: 42px
}

html[dir=rtl] .WX_XW {
    right: 0
}

html[dir=rtl] .MS-DH.ZuHmv:after,
html[dir=rtl] .MS-DH._1baOM:after,
html[dir=rtl] .MS-DH._2-mCk:after,
html[dir=rtl] .MS-DH:before {
    right: 42px
}

._22f7I {
    width: 100px
}

html[dir] ._22f7I {
    margin-top: 10px
}

.MS-DH {
    position: relative;
    box-sizing: border-box;
    z-index: 1
}

.MS-DH.ZuHmv:after,
.MS-DH._1baOM:after,
.MS-DH._2-mCk:after,
.MS-DH:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%
}

html[dir] .MS-DH {
    cursor: pointer
}

html[dir=ltr] .MS-DH {
    padding: 13px 7px 7px 13px
}

html[dir=rtl] .MS-DH {
    padding: 13px 13px 7px 7px
}

html[dir] .MS-DH.ZuHmv,
html[dir] .MS-DH._2-mCk {
    background-color: #e2e3e3
}

.MS-DH._1baOM {
    z-index: 100
}

html[dir] .MS-DH._1baOM {
    background-color: #d6d7d8
}

.MS-DH:before {
    top: 0
}

html[dir] .MS-DH:before {
    background-color: #e0e0e0
}

.MS-DH.ZuHmv:after,
.MS-DH._1baOM:after,
.MS-DH._2-mCk:after {
    display: block;
    bottom: -1px
}

html[dir] .MS-DH.ZuHmv:after,
html[dir] .MS-DH.ZuHmv:before,
html[dir] .MS-DH._2-mCk:after,
html[dir] .MS-DH._2-mCk:before {
    background-color: #e2e3e3
}

html[dir] .MS-DH._1baOM:after,
html[dir] .MS-DH._1baOM:before {
    background-color: #d6d7d8
}

._1CkkN {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex: none;
    flex: none;
    height: 60px;
    position: relative
}

._10xEB,
.rrzlm {
    display: -webkit-flex
}

html[dir] ._1CkkN {
    background-color: #FFF
}

html[dir] ._1CkkN:hover {
    background-color: #f4f5f5
}

html[dir=ltr] ._1gKF2 {
    padding-left: 30px
}

html[dir=rtl] ._1gKF2 {
    padding-right: 30px
}

html[dir=ltr] ._1RMZB {
    padding-left: 17px
}

html[dir=rtl] ._1RMZB {
    padding-right: 17px
}

.rrzlm {
    display: flex;
    -webkit-flex: none;
    flex: none;
    -webkit-justify-content: center;
    justify-content: center;
    width: 74px
}

._10xEB,
._3UUn3 {
    -webkit-align-items: center;
    box-sizing: border-box
}

._10xEB {
    align-items: center;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    overflow: hidden
}

._1abwg,
._3sacU {
    width: 100%;
    display: -webkit-flex
}

html[dir=ltr] ._10xEB {
    padding-right: 30px
}

html[dir=rtl] ._10xEB {
    padding-left: 30px
}

html[dir] ._1CkkN+._1CkkN ._10xEB {
    border-top: 1px solid #f2f2f2
}

._1CkkN:hover+._1CkkN:before {
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 100%
}

html[dir] ._1CkkN:hover+._1CkkN:before {
    border-top: 1px solid #f4f5f5
}

html[dir=ltr] ._1CkkN:hover+._1CkkN:before {
    left: 0
}

html[dir=rtl] ._1CkkN:hover+._1CkkN:before {
    right: 0
}

._1abwg {
    position: relative;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column
}

._1f-xF,
._3sacU {
    position: absolute
}

.E86us,
._18B_P {
    color: #929fa6
}

._1f-xF {
    top: 18px;
    z-index: 2
}

html[dir=ltr] ._1f-xF {
    right: 18px
}

html[dir=rtl] ._1f-xF {
    left: 18px
}

html[dir=ltr] ._1f-xF._1oM3i {
    right: 82px
}

html[dir=rtl] ._1f-xF._1oM3i {
    left: 82px
}

@media screen and (min-width:1441px) {
    ._2HhT3 {
        width: 1396px;
        height: calc(100% - 38px);
        margin-left: auto;
        margin-right: auto;
        top: 19px
    }
}

._1tfR8,
._2oKVP,
._2pEAB,
._3sacU,
._3ygW4 {
    height: 100%
}

._3sacU {
    z-index: 10000;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

._1tfR8,
._3fJXs {
    width: 100%;
    display: -webkit-flex
}

html[dir] ._3sacU {
    background-color: #000
}

._3fJXs {
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

._1tfR8 {
    position: absolute;
    top: 0;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

._1VQOF,
._3UUn3 {
    display: -webkit-flex
}

html[dir=ltr] ._1tfR8 {
    left: 0
}

html[dir=rtl] ._1tfR8 {
    right: 0
}

._3UUn3 {
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 90px;
    position: relative;
    z-index: 2
}

._3ygW4,
.w0LJp {
    position: absolute
}

html[dir] ._3UUn3 {
    background-color: #e0e0e0;
    padding: 0 20px 6px
}

html[dir] ._3v1xd,
html[dir] .cFkAx {
    padding-bottom: 20px
}

._1VQOF {
    -webkit-align-items: center;
    align-items: center;
    display: flex
}

._26WTk,
._3KiSR {
    -webkit-flex: none
}

._3KiSR {
    flex: none
}

html[dir=ltr] ._3KiSR {
    margin-right: 6px
}

html[dir=rtl] ._3KiSR {
    margin-left: 6px
}

._26WTk {
    flex: none;
    width: 75%
}

.OCJs8,
._1YO_g {
    -webkit-flex: none
}

._1BLxK,
._2oKVP,
._2pEAB,
._3ygW4 {
    width: 100%
}

._2pEAB {
    z-index: 2
}

._2oKVP {
    opacity: 1;
    transition: opacity .3s cubic-bezier(.1, .82, .25, 1)
}

.fX_7B,
.w0LJp {
    opacity: 0
}

._1YO_g,
._3FR9x {
    transition: opacity .3s ease
}

html[dir] ._2oKVP {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.w0LJp {
    top: -30px
}

html[dir=ltr] .w0LJp {
    left: 50%;
    margin-left: -30px
}

html[dir=rtl] .w0LJp {
    right: 50%;
    margin-right: -30px
}

html[dir=ltr] ._2-dbC {
    right: 40px;
    left: auto
}

html[dir=rtl] ._2-dbC {
    left: 40px;
    right: auto
}

html[dir=ltr] ._3ygW4,
html[dir=rtl] ._3ygW4 {
    -webkit-animation: _2XF1e .5s;
    animation: _2XF1e .5s
}

@-webkit-keyframes _2XF1e {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _2XF1e {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._3v1xd {
    box-sizing: border-box
}

html[dir] ._3v1xd {
    margin-top: 28px
}

html[dir=ltr] ._3v1xd {
    margin-left: 32px
}

html[dir=rtl] ._3v1xd {
    margin-right: 32px
}

.cFkAx {
    display: -webkit-flex;
    display: flex
}

html[dir=ltr] .cFkAx {
    margin-right: 24px
}

html[dir=rtl] .cFkAx {
    margin-left: 24px
}

html[dir=ltr] .cFkAx._9qbSk {
    margin-right: 0
}

html[dir=rtl] .cFkAx._9qbSk {
    margin-left: 0
}

._1YO_g {
    display: inline-block;
    vertical-align: text-bottom;
    flex: none
}

._1VfKB,
.msg-time {
    vertical-align: top
}

html[dir=ltr] ._1YO_g {
    margin-right: 10px
}

html[dir=rtl] ._1YO_g {
    margin-left: 10px
}

._3FR9x {
    -webkit-flex: 1;
    flex: 1
}

.cFkAx._2ojWN {
    pointer-events: none
}

.cFkAx._2ojWN ._1YO_g {
    opacity: .3
}

.cFkAx._2ojWN ._3FR9x {
    opacity: .6;
    color: #929fa6
}

._3nfoJ,
.tail-container.highlight {
    opacity: 0
}

.uyEaY {
    position: relative;
    -webkit-flex: 1;
    flex: 1
}

.uyEaY::before {
    color: #909090;
    content: '\25BE';
    display: block;
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    pointer-events: none;
    position: absolute;
    top: 6px;
    z-index: 100
}

._1BLxK,
._3sgkv {
    display: -webkit-flex
}

html[dir=ltr] .uyEaY::before {
    right: 8px
}

html[dir=rtl] .uyEaY::before {
    left: 8px
}

._2aN6i {
    color: #929fa6
}

._3sgkv {
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.Gd51Q._3sgkv {
    color: rgba(0, 0, 0, .6);
    font-size: 13px;
    line-height: 20px;
    min-height: 20px
}

._2YIJc,
._31HaC {
    color: #929fa6
}

.O90ur {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

._3h2Do {
    position: absolute;
    bottom: 32px
}

._1QBse,
._1VX5S {
    position: relative
}

html[dir=ltr] ._3h2Do {
    right: 32px
}

html[dir=rtl] ._3h2Do {
    left: 32px
}

html[dir] ._2bVIT {
    padding-top: 10px
}

html[dir] ._1VX5S {
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08)
}

._2mZ8F {
    z-index: 100
}

html[dir] ._2mZ8F {
    background-color: #009688
}

._1XiZb input[type=file] {
    /* display:none */
}

._1BLxK {
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    -webkit-justify-content: center;
    justify-content: center;
    color: #07bc4c;
    height: 16px
}

html[dir] ._1BLxK {
    background-color: #fff;
    margin-top: 16px;
    padding: 0;
    cursor: pointer
}

._1BLxK._1cAbm {
    color: rgba(0, 0, 0, .4)
}

.Gojv_,
._1MbJs,
._1uunv,
._2RCKf,
.lP63K {
    color: #929fa6
}

html[dir] ._1BLxK._1cAbm {
    cursor: default
}

._2WSfN {
    display: -webkit-flex;
    display: flex
}

html[dir] ._2WSfN {
    background-color: #eee;
    padding: 4px
}

._1QBse {
    height: 93px;
    width: 93px
}

html[dir] ._1QBse {
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    margin: 4px
}

html[dir=ltr] ._1QBse {
    box-shadow: inset -10px 10px 25px rgba(0, 0, 0, .25);
    float: left
}

html[dir=rtl] ._1QBse {
    box-shadow: inset 10px 10px 25px rgba(0, 0, 0, .25);
    float: right
}

html[dir] .Zq3Mc,
html[dir] ._3_7SH {
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13)
}

._2R1br {
    position: absolute;
    top: 1px
}

._2q0z6,
._3FAwT {
    position: relative
}

html[dir=ltr] ._2R1br {
    right: 1px
}

html[dir=rtl] ._1iCCh,
html[dir=rtl] ._2p7cY {
    right: 0
}

html[dir=rtl] ._2R1br {
    left: 1px
}

html[dir=ltr] ._1iCCh,
html[dir=ltr] ._2p7cY {
    left: 0
}

._3uv-P {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

._2q0z6 {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px
}

._2q0z6::before {
    content: "~"
}

.OCJs8 {
    flex: none;
    max-height: 35%;
    overflow-y: auto
}

.UPNDG,
._2mlDB {
    overflow: hidden;
    box-sizing: border-box
}

._1iCCh,
._2p7cY {
    position: absolute;
    width: 100%
}

html[dir] ._3FAwT {
    padding: 20px 24px;
    background: #e5ddd5
}

._1bX-5 {
    display: inline-block;
    -webkit-flex: none;
    flex: none
}

html[dir=ltr] ._1bX-5 {
    margin-right: 3px
}

html[dir=rtl] ._1bX-5 {
    margin-left: 3px
}

._1iCCh {
    top: 0;
    height: 100%;
    box-sizing: border-box;
    transition: -webkit-transform 80ms cubic-bezier(.09, .87, .72, 1);
    transition: transform 80ms cubic-bezier(.09, .87, .72, 1);
    transition: transform 80ms cubic-bezier(.09, .87, .72, 1), -webkit-transform 80ms cubic-bezier(.09, .87, .72, 1);
    z-index: 1
}

html[dir] ._1iCCh {
    background-size: cover;
    background-position: center;
    cursor: pointer;
    -webkit-transform: none;
    transform: none
}

._2p7cY {
    bottom: 0;
    height: 20px;
    pointer-events: none
}

._21Ep8,
._3JM1h {
    bottom: 3px;
    position: absolute;
    pointer-events: none
}

html[dir] ._2p7cY {
    background: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

html[dir=ltr] ._21Ep8 {
    left: 4px
}

html[dir=rtl] ._21Ep8 {
    right: 4px
}

html[dir=ltr] ._3JM1h {
    right: 3px
}

html[dir=rtl] ._3JM1h {
    left: 3px
}

._3To8r {
    display: -webkit-flex;
    display: flex;
    font-size: 11px;
    line-height: 11px;
    color: rgba(255, 255, 255, .9);
    position: absolute;
    bottom: 4px;
    pointer-events: none
}

._3-vgx,
._3dYUO {
    color: #929fa6
}

html[dir=ltr] ._3To8r {
    left: 23px
}

html[dir=ltr] ._2d3eg,
html[dir=ltr] ._2mlDB {
    left: 0
}

html[dir=rtl] ._3To8r {
    right: 23px
}

html[dir=rtl] ._2d3eg,
html[dir=rtl] ._2mlDB {
    right: 0
}

._2d3eg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px
}

html[dir] ._2d3eg {
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3), transparent)
}

._2mlDB {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: border-width 80ms cubic-bezier(.09, .87, .72, 1);
    pointer-events: none;
    z-index: 2
}

html[dir] ._2mlDB {
    border-width: 0;
    border-color: #e9ebeb;
    border-style: solid
}

._2Nwxe ._2d3eg {
    display: none
}

html[dir] ._2Nwxe ._2mlDB {
    border-width: 8px
}

html[dir] ._2Nwxe ._1iCCh {
    -webkit-transform: scale(.87);
    transform: scale(.87)
}

@media (min-width:800px) and (max-width:999px),
(min-width:1025px) and (max-width:1180px) {
    ._2Nwxe ._3To8r {
        display: none
    }
}

._2V5MQ {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    z-index: 10
}

html[dir] ._2V5MQ {
    padding-top: 5px
}

html[dir=ltr] ._2V5MQ {
    padding-left: 5px
}

html[dir=rtl] ._2V5MQ {
    padding-right: 5px
}

._2Ry6_ {
    width: 29%;
    position: relative
}

html[dir] ._2Ry6_ {
    margin-bottom: 8px
}

html[dir=ltr] ._2Ry6_ {
    margin-right: 8px
}

html[dir=rtl] ._2Ry6_ {
    margin-left: 8px
}

._2Ry6_:before {
    content: "";
    display: inline-table
}

html[dir] ._2Ry6_:before {
    padding-top: 100%
}

html[dir=ltr] ._2II5_,
html[dir=rtl] ._2II5_ {
    display: none !important
}

@media (max-width:1024px) {

    html[dir=ltr] ._2II5_,
    html[dir=rtl] ._2II5_ {
        display: inherit !important
    }

    ._2Ry6_ {
        width: 14%
    }
}

@media (max-width:800px) {
    ._2Ry6_ {
        width: 29%
    }

    html[dir=ltr] ._2II5_,
    html[dir=rtl] ._2II5_ {
        display: none !important
    }
}

.NuJ4j,
.UPNDG {
    -webkit-align-items: center;
    display: -webkit-flex;
    position: relative
}

.UPNDG {
    align-items: center;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 78px;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 78px;
    min-width: 68px;
    transition: transform 75ms ease-out, -webkit-transform 75ms ease-out;
    width: 5%
}

._12Fxg,
._15JI9 {
    overflow-y: scroll
}

html[dir] .UPNDG {
    cursor: pointer;
    margin-bottom: 0
}

html[dir=ltr] .UPNDG {
    margin-right: 8px;
    margin-left: 0
}

html[dir=rtl] .UPNDG {
    margin-left: 8px;
    margin-right: 0
}

.UPNDG:before {
    content: none
}

.tail-container,
.vW7d1:after {
    content: ''
}

html[dir=ltr] .UPNDG:hover:not(._1xQmx),
html[dir=rtl] .UPNDG:hover:not(._1xQmx) {
    outline: #d8d8d8 solid 3px !important
}

html[dir] ._1xQmx {
    -webkit-transform: scale(.94);
    transform: scale(.94);
    border: 4px solid #bdbdbd
}

._1VfKB {
    -webkit-flex: none;
    flex: none;
    display: inline-block
}

html[dir=ltr] ._1VfKB {
    margin-right: 2px
}

html[dir=rtl] ._1VfKB {
    margin-left: 2px
}

._12Fxg {
    max-height: 50%;
    width: 100%
}

html[dir] ._12Fxg {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: -25px
}

._2uOGi {
    color: #D70000;
    font-size: 14px
}

._1VsVQ {
    color: #929fa6
}

.NuJ4j {
    align-items: center;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.document-pdf-preview,
._3nuGo {
    -webkit-align-items: center
}

._3nuGo {
    align-items: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._3nuGo {
    background-color: #d8d8d8;
    margin-top: 58px;
    padding: 0 20px
}

._3nfoJ {
    bottom: 92px;
    position: absolute;
    z-index: 2
}

html[dir] ._3nfoJ {
    margin: 0;
    padding: 0
}

html[dir=ltr] ._3nfoJ {
    right: 40px
}

html[dir=rtl] ._1e9zI,
html[dir=rtl] .document-pdf-preview {
    right: 0
}

html[dir=rtl] ._3nfoJ {
    left: 40px
}

html[dir=ltr] ._1e9zI,
html[dir=ltr] .document-pdf-preview {
    left: 0
}

._18KIe {
    -webkit-flex: none;
    flex: none;
    font-family: inherit;
    width: 75%;
    z-index: 100
}

._1e9zI,
.document-pdf-preview {
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.document-pdf-preview {
    align-items: center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

._1e9zI,
._3L-be {
    -webkit-align-items: center
}

._1e9zI {
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir=ltr] .tail-override-left .tail-container,
html[dir=ltr] .tail.message-in .tail-container,
html[dir=rtl] .tail-override-right .tail-container,
html[dir=rtl] .tail.message-out .tail-container {
    left: -12px
}

._2n7FA {
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 70%
}

._2n-96 {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1001
}

._3_7SH,
.vW7d1 {
    position: relative
}

html[dir] ._2n-96 {
    background-color: rgba(255, 255, 255, .6)
}

html[dir] ._1ypOz,
html[dir] .message-in {
    background-color: #fff
}

._3L-be {
    align-items: center;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .3);
    display: -webkit-flex;
    display: flex;
    font-size: 30px;
    height: calc(100% - 60px);
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._3L-be {
    border: 5px dashed rgba(0, 0, 0, .3);
    margin: 30px
}

html[dir] ._3Xegx,
html[dir] ._3ZXZX {
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

._1ypOz {
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    color: #00a5f4;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 0 0 100px;
    flex: 0 0 100px;
    font-size: 12px;
    height: 100px;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100px;
    transition: -webkit-transform 75ms ease-out;
    transition: transform 75ms ease-out;
    transition: transform 75ms ease-out, -webkit-transform 75ms ease-out
}

html[dir] ._1ypOz {
    padding: 10px
}

html[dir=ltr] .vW7d1,
html[dir=rtl] .vW7d1 {
    padding-right: 9%;
    padding-left: 9%
}

html[dir=ltr] ._1ypOz,
html[dir=rtl] ._1ypOz {
    display: -webkit-flex !important;
    display: flex !important
}

html[dir] .Vrmh_ {
    margin-top: 5px
}

._1SzDV {
    color: #929fa6
}

html[dir] .vW7d1 {
    margin-bottom: 12px
}

html[dir] .textsize-xxlarge .vW7d1 {
    margin-bottom: 18px
}

html[dir] .textsize-xlarge .vW7d1 {
    margin-bottom: 16px
}

html[dir] .textsize-large .vW7d1 {
    margin-bottom: 14px
}

html[dir] .textsize-small .vW7d1 {
    margin-bottom: 8px
}

html[dir] .textsize-xsmall .vW7d1 {
    margin-bottom: 6px
}

html[dir] .textsize-xxsmall .vW7d1 {
    margin-bottom: 4px
}

html[dir] .vW7d1.not-me {
    margin-bottom: 2px
}

html[dir] .textsize-xxlarge .vW7d1.not-me {
    margin-bottom: 5px
}

html[dir] .textsize-xlarge .vW7d1.not-me {
    margin-bottom: 4px
}

html[dir] .textsize-large .vW7d1.not-me {
    margin-bottom: 3px
}

html[dir] .textsize-small .vW7d1.not-me,
html[dir] .textsize-xsmall .vW7d1.not-me {
    margin-bottom: 2px
}

html[dir] .textsize-xxsmall .vW7d1.not-me {
    margin-bottom: 1px
}

html[dir] ._29n3K,
html[dir] ._3_7SH:last-of-type,
html[dir] .ovjAL {
    margin-bottom: 0
}

.vW7d1:after {
    display: table
}

@media (max-width:1216px) and (min-width:1152px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 8.5%;
        padding-left: 8.5%
    }
}

@media (max-width:1152px) and (min-width:1088px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 8%;
        padding-left: 8%
    }

    html[dir=ltr] .three .vW7d1,
    html[dir=rtl] .three .vW7d1 {
        padding-left: 6%;
        padding-right: 6%
    }
}

@media (max-width:1088px) and (min-width:1025px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 7.5%;
        padding-left: 7.5%
    }

    html[dir=ltr] .three .vW7d1,
    html[dir=rtl] .three .vW7d1 {
        padding-left: 4%;
        padding-right: 4%
    }
}

@media (max-width:1024px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 7%;
        padding-left: 7%
    }
}

@media (max-width:968px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 6.5%;
        padding-left: 6.5%
    }
}

@media (max-width:912px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 6%;
        padding-left: 6%
    }
}

@media (max-width:856px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 5.5%;
        padding-left: 5.5%
    }
}

@media (max-width:800px) {

    html[dir=ltr] .vW7d1,
    html[dir=rtl] .vW7d1 {
        padding-right: 5%;
        padding-left: 5%
    }
}

html[dir] .vW7d1.msg-preview {
    padding: 0;
    margin: 0
}

._3rjxZ {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.Zq3Mc,
._1jpv4 ._3_7SH {
    display: inline-block
}

.Zq3Mc,
._2fuJy {
    -webkit-flex: none
}

._3_7SH {
    font-family: "Open Sans", sans-serif;
    font-size: 13.6px;
    line-height: 19px;
    color: #262626
}

._1i3Za,
._1ifrA,
._27K_5,
._2f-RV,
._3S8Q-,
._3fcxo,
.tail-container {
    position: absolute
}

html[dir] ._3_7SH {
    border-radius: 7.5px
}

html[dir=ltr] .tail.message-in,
html[dir=rtl] .tail.message-out {
    border-top-left-radius: 0
}

.textsize-xxlarge ._3_7SH {
    font-size: 16.6px;
    line-height: 25px
}

.textsize-xlarge ._3_7SH {
    font-size: 15.6px;
    line-height: 23px
}

.textsize-large ._3_7SH {
    font-size: 14.6px;
    line-height: 21px
}

.textsize-small ._3_7SH {
    font-size: 12.6px;
    line-height: 17px
}

.textsize-xsmall ._3_7SH {
    font-size: 11.6px;
    line-height: 15px
}

.textsize-xxsmall ._3_7SH {
    font-size: 10.6px;
    line-height: 13px
}

html[dir] .textsize-xlarge ._3_7SH .emoji,
html[dir] .textsize-xxlarge ._3_7SH .emoji {
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px)
}

html[dir] .textsize-small ._3_7SH .emoji {
    -webkit-transform: translate(0, -2px) scale(.85);
    transform: translate(0, -2px) scale(.85)
}

html[dir] .textsize-xsmall ._3_7SH .emoji {
    -webkit-transform: translate(0, -3px) scale(.75);
    transform: translate(0, -3px) scale(.75)
}

html[dir] .textsize-xxsmall ._3_7SH .emoji {
    -webkit-transform: translate(0, -3px) scale(.65);
    transform: translate(0, -3px) scale(.65)
}

._3_7SH strong {
    font-weight: 700;
    color: #000
}

html[dir] ._3_7SH strong {
    text-shadow: 0 0 0 rgba(0, 0, 0, .3)
}

._3_7SH code {
    font-size: 13px
}

.textsize-xxlarge ._3_7SH code {
    font-size: 16px
}

.textsize-xlarge ._3_7SH code {
    font-size: 15px
}

.textsize-large ._3_7SH code {
    font-size: 14px
}

.textsize-small ._3_7SH code {
    font-size: 12px
}

.textsize-xsmall ._3_7SH code {
    font-size: 11px
}

.textsize-xxsmall ._3_7SH code {
    font-size: 10px
}

html[dir=ltr] .message-in {
    float: left
}

html[dir=ltr] .message-out,
html[dir=rtl] .message-in {
    float: right
}

html[dir] .message-out {
    background-color: #dcf8c6
}

html[dir=rtl] .message-out {
    float: left
}

html[dir=ltr] .tail.message-out,
html[dir=rtl] .tail.message-in {
    border-top-right-radius: 0
}

.tail-container {
    top: 0;
    width: 12px;
    height: 19px
}

.ZhF0n::after,
._2n3Kr:before {
    content: ""
}

html[dir] .tail-container {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain
}

html[dir=ltr] .tail-override-right .tail-container,
html[dir=ltr] .tail.message-out .tail-container,
html[dir=rtl] .tail-override-left .tail-container,
html[dir=rtl] .tail.message-in .tail-container {
    right: -12px
}

html[dir=ltr] .message-in ._3S8Q-,
html[dir=rtl] .message-out ._3S8Q- {
    right: -32px
}

html[dir=ltr] .tail.tail-override-left {
    float: left;
    border-top-left-radius: 0;
    border-top-right-radius: 7.5px
}

html[dir=ltr] .tail.tail-override-right,
html[dir=rtl] .tail.tail-override-left {
    float: right;
    border-top-left-radius: 7.5px;
    border-top-right-radius: 0
}

html[dir=rtl] .tail.tail-override-right {
    float: left;
    border-top-right-radius: 7.5px;
    border-top-left-radius: 0
}

.Zq3Mc {
    color: rgba(69, 90, 100, .95);
    flex: none;
    font-size: 12.5px;
    line-height: 21px
}

._14b5J,
._3T8jk {
    color: rgba(0, 0, 0, .95)
}

html[dir] .Zq3Mc {
    background-color: rgba(225, 245, 254, .92);
    border-radius: 7.5px;
    padding: 5px 12px 6px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4)
}

html[dir=ltr] .Zq3Mc,
html[dir=rtl] .Zq3Mc {
    max-width: 100% !important
}

.textsize-xxlarge .Zq3Mc {
    font-size: 15.5px;
    line-height: 25px
}

.textsize-xlarge .Zq3Mc {
    font-size: 14.5px;
    line-height: 23px
}

.textsize-large .Zq3Mc {
    font-size: 13.5px;
    line-height: 21px
}

.textsize-small .Zq3Mc {
    font-size: 11.5px;
    line-height: 17px
}

.textsize-xsmall .Zq3Mc {
    font-size: 10.5px;
    line-height: 15px
}

.textsize-xxsmall .Zq3Mc {
    font-size: 9.5px;
    line-height: 13px
}

@media screen and (max-width:900px) {
    ._3DFk6 {
        max-width: 95%
    }
}

@media screen and (min-width:901px) and (max-width:1024px) {
    ._3DFk6 {
        max-width: 85%
    }
}

@media screen and (min-width:1025px) and (max-width:1300px) {
    ._3DFk6 {
        max-width: 75%
    }
}

@media screen and (min-width:1301px) {
    ._3DFk6 {
        max-width: 65%
    }
}

html[dir=ltr] .eVT61,
html[dir=rtl] .eVT61 {
    max-width: 99% !important
}

html[dir] ._14b5J {
    background-color: rgba(255, 245, 196, .95)
}

html[dir] ._3T8jk {
    background-color: rgba(236, 250, 245, .95)
}

._2pwyf {
    opacity: .7
}

html[dir=ltr] ._29n3K {
    padding-left: 29px;
    padding-right: 19px
}

html[dir=rtl] ._29n3K {
    padding-right: 29px;
    padding-left: 19px
}

html[dir=ltr] ._29n3K ._3_7SH,
html[dir=rtl] ._29n3K ._3_7SH {
    max-width: 100% !important
}

._29n3K ._3DFk6 {
    width: auto
}

._29n3K ._17oKL,
._29n3K ._1ZPgd,
._29n3K ._1gqYh,
._29n3K ._3UYRI,
._29n3K ._3qMSo,
._29n3K .kNKwo {
    width: 100%
}

html[dir=ltr] ._29n3K ._17oKL,
html[dir=ltr] ._29n3K ._1ZPgd,
html[dir=ltr] ._29n3K ._1gqYh,
html[dir=ltr] ._29n3K ._3UYRI,
html[dir=ltr] ._29n3K ._3qMSo,
html[dir=ltr] ._29n3K .kNKwo,
html[dir=rtl] ._29n3K ._17oKL,
html[dir=rtl] ._29n3K ._1ZPgd,
html[dir=rtl] ._29n3K ._1gqYh,
html[dir=rtl] ._29n3K ._3UYRI,
html[dir=rtl] ._29n3K ._3qMSo,
html[dir=rtl] ._29n3K .kNKwo {
    max-width: 336px !important
}

._29n3K ._2hOiI {
    width: auto
}

html[dir=ltr] ._29n3K ._2hOiI,
html[dir=rtl] ._29n3K ._2hOiI {
    max-width: 100% !important
}

._29n3K ._3In2e {
    width: 226px
}

._29n3K ._1OI2B,
._29n3K ._2Ah0c {
    width: auto
}

.ovjAL ._3_7SH {
    width: auto;
    max-width: 100%
}

.ovjAL ._17oKL,
.ovjAL ._1ZPgd,
.ovjAL ._1gqYh,
.ovjAL ._3UYRI,
.ovjAL ._3qMSo,
.ovjAL .kNKwo {
    width: 336px;
    max-width: 100%
}

.ovjAL ._2hOiI {
    width: auto
}

html[dir=ltr] .ovjAL ._2hOiI,
html[dir=rtl] .ovjAL ._2hOiI {
    max-width: 100% !important
}

.ovjAL ._3In2e {
    width: 226px
}

.ovjAL ._1OI2B,
.ovjAL ._2Ah0c {
    width: auto
}

.native.darwin ._3_7SH {
    font-family: inherit
}

.message-audio-duration,
._1DZAH {
    font-family: Roboto, sans-serif
}

._37i-Z {
    visibility: hidden
}

html[dir=ltr] ._17J7w,
html[dir=rtl] ._17J7w {
    float: none !important
}

._3S8Q- {
    top: 50%;
    width: 25px;
    height: 25px
}

._3-3ps,
.bRZr9,
.t56TD {
    height: 100%
}

html[dir] ._3S8Q- {
    margin-top: -13px;
    background-color: rgba(0, 0, 0, .14);
    border-radius: 50%
}

html[dir=ltr] .message-out ._3S8Q-,
html[dir=rtl] .message-in ._3S8Q- {
    left: -32px
}

.matched-mention {
    color: #039be5
}

html[dir] .matched-mention {
    cursor: pointer
}

.matched-mention .at-symbol {
    color: #cad0d0
}

.matched-mention.inactive-mention {
    pointer-events: none
}

html[dir] .matched-mention.inactive-mention {
    cursor: auto
}

.matched-mention.quoted-mention {
    color: unset;
    text-decoration: initial
}

.XO_8o a,
._3zb-j a {
    text-decoration: underline
}

.matched-mention.quoted-mention .at-symbol {
    color: unset
}

.message-out .matched-mention .at-symbol {
    color: #b7cca6
}

._1OdPL,
._1ilaQ,
._202PG,
._2sxpU,
._3Droi,
._3c4OG {
    color: #929fa6
}

html[dir] ._1jpv4 ._3_7SH {
    float: none;
    text-align: initial
}

._1LCdB,
._1v5tC,
._2i2ET,
._37om1,
._38Uro,
html[dir] ._1mq8g {
    text-align: center
}

.Tkt2p {
    min-width: 110px;
    box-sizing: border-box
}

html[dir=ltr] .Tkt2p {
    padding: 6px 7px 8px 9px
}

html[dir=rtl] .Tkt2p {
    padding: 6px 9px 8px 7px
}

.Tkt2p:lang(hi) {
    min-width: 128px
}

._2f-RV {
    bottom: 3px
}

html[dir=ltr] ._2f-RV {
    right: 7px
}

html[dir=rtl] ._2f-RV {
    left: 7px
}

html[dir] ._2tqCW {
    padding-bottom: 22px
}

._3-3ps {
    width: 100%;
    -webkit-flex: 1;
    flex: 1
}

._17viz,
._2jfIu {
    -webkit-align-items: center
}

._3fcxo {
    width: 100%
}

._3fcxo:hover {
    z-index: 10000
}

html[dir=ltr] .bZT4L,
html[dir=rtl] .bZT4L {
    -webkit-animation: _2va2l .2s, _3jVHS .2s .2s linear;
    animation: _2va2l .2s, _3jVHS .2s .2s linear
}

._3nIIZ {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

@-webkit-keyframes _2va2l {

    0%,
    100% {
        opacity: 0
    }
}

@keyframes _2va2l {

    0%,
    100% {
        opacity: 0
    }
}

@-webkit-keyframes _3jVHS {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes _3jVHS {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

._1i3Za {
    bottom: 0;
    height: 28px;
    width: 100%;
    z-index: 2
}

html[dir] ._1i3Za {
    background: linear-gradient(to top, rgba(0, 0, 0, .3), transparent)
}

html[dir=ltr] ._1i3Za {
    left: 0
}

html[dir=rtl] ._1i3Za {
    right: 0
}

._2N_Df {
    box-sizing: border-box;
    max-width: 100%;
    width: 336px
}

html[dir] ._2N_Df {
    padding: 6px
}

html[dir=ltr] ._2cfqh,
html[dir=rtl] ._2cfqh {
    padding-right: 8px;
    padding-left: 8px
}

html[dir] ._3YKc8 {
    padding-top: 24px
}

html[dir] .AK3eG,
html[dir] .AK3eG ._1ifrA,
html[dir] ._3YKc8.AK3eG {
    padding-top: 3px
}

.LKbsn ._27K_5 {
    bottom: 3px
}

.message-audio-duration,
._3ylqw ._27K_5 {
    bottom: 4px
}

html[dir=ltr] .LKbsn ._27K_5 {
    right: 7px
}

html[dir=rtl] .LKbsn ._27K_5 {
    left: 7px
}

html[dir=ltr] ._3ylqw ._27K_5 {
    right: 85px
}

html[dir=rtl] ._3ylqw ._27K_5 {
    left: 85px
}

._2jfIu {
    align-items: center;
    display: -webkit-flex;
    display: flex
}

.LKbsn ._2jfIu {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

._2cfqh {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

html[dir] ._2cfqh {
    margin-top: 2px
}

html[dir=ltr] .LKbsn ._2cfqh {
    margin-left: 7px
}

html[dir=rtl] .LKbsn ._2cfqh {
    margin-right: 7px
}

html[dir=ltr] ._3ylqw ._2cfqh {
    margin-right: 15px
}

html[dir=rtl] ._3ylqw ._2cfqh {
    margin-left: 15px
}

._2fuJy {
    flex: none;
    z-index: 1
}

._1mbqw {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-flex: none;
    flex: none;
    width: 0;
    z-index: 10
}

._1ifrA {
    top: 6px;
    width: 245px;
    max-width: 100%
}

.AK3eG ._1ifrA,
._17viz,
._3zb-j {
    position: relative
}

html[dir=ltr] ._1ifrA {
    left: 9px
}

html[dir=rtl] ._1ifrA {
    right: 9px
}

.AK3eG ._1ifrA {
    width: 100%;
    top: unset
}

html[dir] ._2p3kA {
    margin: 0 -3px 8px
}

html[dir] ._3YKc8 ._2p3kA {
    margin-top: 5px
}

html[dir=ltr] .AK3eG ._1ifrA {
    left: unset;
    padding-left: 3px
}

html[dir=rtl] .AK3eG ._1ifrA {
    right: unset;
    padding-right: 3px
}

@media screen and (max-width:1100px) {
    ._2lv00 ._1ifrA {
        width: 70%
    }
}

._3zb-j {
    white-space: normal;
    word-wrap: break-word
}

html[dir=rtl] ._3zb-j {
    white-space: pre-line
}

.safari-fix ._3zb-j {
    white-space: pre-wrap
}

._1DZAH,
._3WCza {
    white-space: nowrap
}

.ZhF0n::after {
    display: inline
}

html[dir=ltr] .ZhF0n::after {
    margin-right: 78px
}

html[dir=rtl] .ZhF0n::after {
    margin-left: 78px
}

html[dir=ltr] .OPyQy::after,
html[dir=ltr] ._3C58G::after {
    margin-right: 92px
}

html[dir=rtl] .OPyQy::after,
html[dir=rtl] ._3C58G::after {
    margin-left: 92px
}

html[dir=ltr] .OPyQy._3C58G::after {
    margin-right: 106px
}

html[dir=rtl] .OPyQy._3C58G::after {
    margin-left: 106px
}

html[dir=ltr] .ZhF0n:lang(hi)::after {
    margin-right: 96px
}

html[dir=rtl] .ZhF0n:lang(hi)::after {
    margin-left: 96px
}

html[dir=ltr] .OPyQy:lang(hi)::after,
html[dir=ltr] ._3C58G:lang(hi)::after {
    margin-right: 114px
}

html[dir=rtl] .OPyQy:lang(hi)::after,
html[dir=rtl] ._3C58G:lang(hi)::after {
    margin-left: 114px
}

html[dir=ltr] .OPyQy._3C58G:lang(hi)::after {
    margin-right: 126px
}

html[dir=rtl] .OPyQy._3C58G:lang(hi)::after {
    margin-left: 126px
}

._18dOq {
    color: #879195
}

._1upWv {
    color: #798e7e
}

.IlvCY,
.LA3Y1,
._24s2n,
._3c1nc,
.kNmll {
    color: #929fa6
}

._17viz {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex: none;
    flex: none;
    width: 34px;
    height: 34px
}

._3SUnz {
    position: absolute;
    top: 1px
}

.E5U9C,
._2pQE3,
._2x9bY {
    position: relative
}

html[dir=ltr] ._3SUnz {
    left: 1px
}

html[dir=ltr] ._33H4y,
html[dir=ltr] .nDKsM {
    left: 0
}

html[dir=rtl] ._3SUnz {
    right: 1px
}

._1LCdB,
._2i2ET,
.qNdyw,
html[dir=rtl] ._33H4y,
html[dir=rtl] .nDKsM {
    right: 0
}

html[dir] ._3Xegx {
    margin-bottom: 10px
}

html[dir=ltr] ._3Xegx {
    padding: 8px 13px 12px 0
}

html[dir=rtl] ._3Xegx {
    padding: 8px 0 12px 13px
}

html[dir] ._3fVTr {
    margin-top: 4px
}

html[dir=ltr] .U2RWH {
    margin: -3px -5px 10px -6px
}

html[dir=rtl] .U2RWH {
    margin: -3px -6px 10px -5px
}

html[dir] ._3vu9F.U2RWH {
    margin-top: 5px
}

html[dir] ._3ZXZX {
    margin-bottom: 10px
}

html[dir=ltr] ._3ZXZX {
    padding: 8px 13px 12px 0
}

html[dir=rtl] ._3ZXZX {
    padding: 8px 0 12px 13px
}

html[dir] ._31SMc {
    margin-top: 4px
}

html[dir=ltr] ._34z23 {
    margin: -3px -5px 10px -6px
}

html[dir=rtl] ._34z23 {
    margin: -3px -6px 10px -5px
}

html[dir] .oZOYW._34z23 {
    margin-top: 5px
}

._2x9bY {
    display: -webkit-inline-flex;
    display: inline-flex;
    z-index: 11
}

._2iy86,
.msg-time {
    display: inline-block
}

html[dir] ._2x9bY {
    cursor: text;
    margin-bottom: 14px;
    margin-top: 6px
}

._1UaJ8,
html[dir] ._1Z60u,
html[dir] ._1o1sm,
html[dir] ._20EE3,
html[dir] ._3kN0h,
html[dir] ._3tV8v,
html[dir] .wlUsQ {
    cursor: pointer
}

html[dir=ltr] ._2x9bY {
    margin-right: 29px
}

html[dir=rtl] ._2x9bY {
    margin-left: 29px
}

._1DZAH {
    color: rgba(0, 0, 0, .45);
    font-size: 11px;
    height: 15px;
    line-height: 15px
}

.textsize-xxlarge ._1DZAH {
    font-size: 14px;
    line-height: 18px
}

.textsize-xlarge ._1DZAH {
    font-size: 13px;
    line-height: 17px
}

.textsize-large ._1DZAH {
    font-size: 12px;
    line-height: 16px
}

.textsize-small ._1DZAH {
    font-size: 10px;
    line-height: 14px
}

.textsize-xsmall ._1DZAH {
    font-size: 9px;
    line-height: 13px
}

.textsize-xxsmall ._1DZAH {
    font-size: 8px;
    line-height: 12px
}

.text-white {
    color: rgba(255, 255, 255, .9)
}

html[dir] .msg-time {
    margin-top: 1px;
    padding: 5px;
}

html[dir] .native.darwin .msg-time {
    margin-top: 0
}

html[dir=ltr] ._2iy86 {
    margin-right: 2px
}

html[dir=rtl] ._2iy86 {
    margin-left: 2px
}

._2ucj1 {
    color: #929fa6
}

._1QMEq {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    height: 34px
}

.E5U9C {
    -webkit-flex: none;
    flex: none;
    min-height: 34px;
    min-width: 34px
}

html[dir] .E5U9C {
    margin-top: -1px
}

html[dir=ltr] .E5U9C {
    margin-right: 12px
}

html[dir=rtl] .E5U9C {
    margin-left: 12px
}

._1_Gu6 {
    -webkit-flex: 1;
    flex: 1
}

._2pQE3 {
    width: 34px;
    height: 34px
}

.message-audio-duration {
    color: rgba(0, 0, 0, .45);
    font-size: 11px;
    line-height: 15px;
    position: absolute
}

.XCod5,
._1NGTp,
._2-Zzx,
._2IkcY,
._2WzyX,
._2esi9,
._37SNT,
._3YbSP,
._3bgV4,
._3dJ-y {
    color: #929fa6
}

._1sLSi,
._3geJ8 {
    width: 100%;
    position: relative
}

._1sLSi {
    display: inline-block
}

._3geJ8 {
    height: 21px;
    box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: 0
}

._33H4y,
.nDKsM {
    position: absolute
}

html[dir] ._3geJ8 {
    border: none
}

html[dir=ltr] ._3geJ8,
html[dir=rtl] ._3geJ8 {
    background-color: transparent !important
}

._3geJ8::-webkit-slider-runnable-track {
    height: 3px
}

html[dir] ._22cMG ._3geJ8::-webkit-slider-runnable-track {
    background-color: #e6e6e6
}

html[dir] ._1kZiz ._3geJ8::-webkit-slider-runnable-track {
    background-color: #c1d6af
}

._3geJ8::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    transition: all .1s ease
}

html[dir] ._3geJ8::-webkit-slider-thumb {
    margin-top: -5px;
    border-radius: 50%;
    background: #03a9f4;
    border: none
}

._3geJ8:active::-webkit-slider-thumb {
    width: 15px;
    height: 15px
}

html[dir] ._3geJ8:active::-webkit-slider-thumb {
    margin-top: -6px
}

._3geJ8:disabled::-webkit-slider-thumb {
    display: none
}

._3geJ8::-moz-range-track {
    height: 3px
}

html[dir] ._22cMG ._3geJ8::-moz-range-track {
    background-color: #e6e6e6
}

html[dir] ._1kZiz ._3geJ8::-moz-range-track {
    background-color: #c1d6af
}

._3geJ8::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    transition: all .1s ease
}

html[dir] ._3geJ8::-moz-range-thumb {
    margin-top: -5px;
    border-radius: 50%;
    background: #03a9f4;
    border: none
}

html[dir] ._3geJ8::-moz-focus-outer {
    border: 0
}

._3geJ8:active::-moz-range-thumb {
    width: 15px;
    height: 15px
}

html[dir] ._3geJ8:active::-moz-range-thumb {
    margin-top: -6px
}

._3geJ8:disabled::-moz-range-thumb {
    display: none
}

._3geJ8::-ms-track {
    height: 3px
}

html[dir] ._3geJ8::-ms-track {
    border: none
}

html[dir] ._22cMG ._3geJ8::-ms-track {
    background-color: #e6e6e6
}

html[dir] ._1kZiz ._3geJ8::-ms-track {
    background-color: #c1d6af
}

._3geJ8::-ms-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px
}

html[dir] ._3geJ8::-ms-thumb {
    margin-top: 0;
    border-radius: 50%;
    background: #03a9f4
}

.ZScUN,
._1UaJ8 {
    background-repeat: no-repeat
}

.ZScUN,
._1UaJ8,
html[dir] ._3jKHC {
    background-size: cover;
    background-position: center
}

._3geJ8:active::-ms-thumb {
    width: 15px;
    height: 15px
}

html[dir] ._3geJ8:active::-ms-thumb {
    margin-top: -1px
}

._3geJ8:disabled::-ms-thumb {
    display: none
}

.nDKsM {
    top: 9px;
    height: 3px;
    width: 0;
    pointer-events: none;
    z-index: 10
}

._29HAH,
._2n3Kr {
    width: 29%
}

html[dir] .nDKsM {
    background-color: #03a9f4
}

._33H4y {
    top: 0
}

.WfLRE,
._29HAH,
._2n3Kr,
._3afBu {
    position: relative
}

html[dir] ._1kZiz .nDKsM {
    background-color: #849982
}

html[dir] ._1kZiz ._3geJ8::-webkit-slider-thumb {
    background-color: #849982
}

html[dir] ._1kZiz ._3geJ8::-moz-range-thumb {
    background-color: #849982
}

html[dir] ._1kZiz.fS1bA .nDKsM {
    background-color: #29b6f6
}

html[dir] ._1kZiz.fS1bA ._3geJ8::-webkit-slider-thumb {
    background-color: #29b6f6
}

html[dir] ._1kZiz.fS1bA ._3geJ8::-moz-range-thumb {
    background-color: #29b6f6
}

html[dir] ._22cMG .nDKsM {
    background-color: #09d261
}

html[dir] ._22cMG ._3geJ8::-webkit-slider-thumb {
    background-color: #09d261
}

html[dir] ._22cMG ._3geJ8::-moz-range-thumb {
    background-color: #09d261
}

html[dir] ._22cMG.fS1bA .nDKsM {
    background-color: #29b6f6
}

html[dir] ._22cMG.fS1bA ._3geJ8::-webkit-slider-thumb {
    background-color: #29b6f6
}

html[dir] ._22cMG.fS1bA ._3geJ8::-moz-range-thumb {
    background-color: #29b6f6
}

@media screen and (max-width:880px) {
    ._1-ft7 .message-audio-duration {
        display: none
    }
}

._15JI9,
.vn_d6 {
    display: -webkit-flex
}

._3XIJV {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

html[dir] ._1eoPp {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 0 14px
}

html[dir=ltr] .DcItJ,
html[dir=rtl] ._14oqx {
    padding-right: 30px
}

html[dir=ltr] ._14oqx,
html[dir=rtl] .DcItJ {
    padding-left: 30px
}

html[dir] .P1enD {
    padding-top: 10px
}

html[dir] ._3afBu {
    margin-bottom: 10px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08)
}

.vn_d6 {
    display: flex;
    -webkit-flex: none;
    flex: none;
    -webkit-justify-content: center;
    justify-content: center
}

.WfLRE,
._15JI9 {
    -webkit-flex-direction: column
}

html[dir] .vn_d6 {
    padding-bottom: 24px;
    padding-top: 24px
}

._15JI9 {
    display: flex;
    flex-direction: column
}

.DcItJ {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    height: 60px
}

html[dir] ._14oqx+._14oqx .DcItJ {
    border-top: 1px solid #f2f2f2
}

._3WCza {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

._39lFW {
    -webkit-flex: none;
    flex: none
}

._8TeUt,
.hDd8M {
    -webkit-align-items: center
}

html[dir=ltr] ._39lFW {
    margin-left: 15px
}

html[dir=rtl] ._39lFW {
    margin-right: 15px
}

._1mf1Y .DcItJ {
    height: auto
}

._1mf1Y ._3WCza {
    white-space: normal
}

html[dir] ._1mf1Y ._3WCza {
    padding-top: 19px;
    padding-bottom: 19px
}

._34GA5 {
    color: #929fa6
}

._2n3Kr:before {
    display: inline-table
}

html[dir] ._2n3Kr:before {
    padding-top: 100%
}

._29HAH {
    height: 0
}

._2IkcY,
.koHd4 {
    height: 45px
}

html[dir=ltr] ._29HAH {
    margin-right: 8px
}

html[dir=rtl] ._29HAH {
    margin-left: 8px
}

html[dir=ltr] ._3E2vB,
html[dir=rtl] ._3E2vB {
    display: none !important
}

@media (max-width:1024px) {

    ._29HAH,
    ._2n3Kr {
        width: 14%
    }

    html[dir=ltr] ._3E2vB,
    html[dir=rtl] ._3E2vB {
        display: inherit !important
    }
}

@media (max-width:800px) {

    ._29HAH,
    ._2n3Kr {
        width: 29%
    }

    html[dir=ltr] ._3E2vB,
    html[dir=rtl] ._3E2vB {
        display: none !important
    }
}

._2PoGX,
._8TeUt {
    display: -webkit-flex
}

html[dir] .koHd4 {
    margin: 0
}

._28gxw,
._2fAEs {
    margin-top: auto
}

._8TeUt {
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._8TeUt {
    padding: 0
}

._2PoGX {
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    overflow-y: hidden
}

.CKZZo,
.WfLRE {
    display: -webkit-flex;
    overflow-x: hidden
}

html[dir] ._2PoGX {
    padding-top: 6px
}

html[dir=ltr] ._2PoGX {
    margin-right: -8px
}

html[dir=rtl] ._2PoGX {
    margin-left: -8px
}

._2IkcY {
    font-size: 14px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[dir] ._2IkcY {
    padding-top: 0;
    padding-bottom: 15px
}

._3C_Jo {
    overflow-y: scroll
}

html[dir] ._3C_Jo {
    padding: 30px
}

html[dir=ltr] ._3C_Jo {
    padding-right: 20px;
    margin-right: 0
}

html[dir=rtl] ._3C_Jo {
    padding-left: 20px;
    margin-left: 0
}

.WfLRE {
    display: flex;
    flex-direction: column;
    -webkit-flex: 1;
    flex: 1;
    opacity: 1;
    overflow-y: auto;
    z-index: 2
}

.ZScUN,
._2i2ET,
._3S8hp,
.qNdyw {
    position: absolute;
    left: 0
}

html[dir] ._2n3Kr {
    margin-bottom: 10px
}

html[dir=ltr] ._2n3Kr {
    margin-right: 10px
}

html[dir=rtl] ._2n3Kr {
    margin-left: 10px
}

.CKZZo {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll
}

.YAPQk,
.tral_ {
    display: -webkit-flex
}

._1S0Yo,
.tral_ {
    -webkit-flex: none
}

.tral_ {
    display: flex;
    flex: none;
    -webkit-justify-content: center;
    justify-content: center
}

.YAPQk,
._1LCdB {
    -webkit-flex-direction: column
}

html[dir] .tral_ {
    padding-bottom: 24px;
    padding-top: 24px
}

.wlUsQ {
    height: 18px;
    display: block
}

html[dir] .wlUsQ {
    padding: 6px 0
}

html[dir=ltr] .mr9N4 {
    margin-right: 6px
}

html[dir=rtl] .mr9N4 {
    margin-left: 6px
}

.YAPQk {
    display: flex;
    flex-direction: column;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow-y: auto;
    z-index: 1
}

._1S0Yo,
._7tU_u {
    display: -webkit-flex
}

.L89LI,
._3La-j,
._3ml_s,
.hDd8M {
    overflow: hidden
}

html[dir] .YAPQk {
    background-color: #fefefe
}

._1S0Yo {
    flex: none;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._1S0Yo {
    padding-top: 24px;
    padding-bottom: 24px
}

._1iopp {
    -webkit-flex: none;
    flex: none
}

html[dir] ._1iopp {
    background-color: #fbfbfb
}

._1mq8g {
    color: #3d3d3d;
    font-size: 12.5px;
    width: 100%
}

html[dir] ._1mq8g {
    background-color: rgba(255, 255, 255, .25);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-top: 1px solid rgba(255, 255, 255, .15);
    margin-bottom: 12px;
    padding: 5px 0
}

html[dir=ltr] ._1mq8g {
    margin-left: -40px;
    padding-left: 40px
}

html[dir=rtl] ._1mq8g {
    margin-right: -40px;
    padding-right: 40px
}

._1LCdB,
._2HK4o._10S0n img,
._2i2ET,
._37om1 {
    margin-left: auto;
    margin-right: auto
}

.textsize-xxlarge ._1mq8g {
    font-size: 15.5px
}

.textsize-xlarge ._1mq8g {
    font-size: 14.5px
}

.textsize-large ._1mq8g {
    font-size: 13.5px
}

.textsize-small ._1mq8g {
    font-size: 11.5px
}

.textsize-xsmall ._1mq8g {
    font-size: 10.5px
}

.textsize-xxsmall ._1mq8g {
    font-size: 9.5px
}

.L89LI {
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 500;
    height: 33px;
    line-height: 33px;
    max-width: 90%
}

html[dir] .L89LI {
    background-color: #fff;
    border-radius: 16px;
    padding: 0 22px
}

._36mM- {
    color: #929fa6
}

._2i2ET,
._37om1 {
    color: #fff;
    z-index: 1
}

._3S8hp {
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    z-index: 10000
}

.qNdyw {
    width: 50px;
    height: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.ZScUN {
    top: 0;
    width: 100%;
    height: 100%
}

.ZScUN._3jw2f {
    opacity: .5;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}

._2i2ET {
    bottom: 0;
    padding: 40px calc(50% - 180px) 60px;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .65));
    pointer-events: none
}

._37om1 {
    position: relative;
    width: 360px;
    bottom: 0;
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 1.3em
}

._2HK4o,
._2tNFJ {
    position: absolute;
    width: 100%
}

._2tNFJ {
    height: 70px;
    z-index: 1;
    background-image: linear-gradient(rgba(0, 0, 0, .65), transparent)
}

._2tNFJ._3skM7 {
    height: 95px
}

._7tU_u {
    position: absolute;
    display: flex;
    z-index: 2;
    top: 10px;
    left: 66px
}

._1LCdB,
._7tU_u._1LCdB {
    top: 45px
}

._1LCdB {
    left: 0;
    max-width: 400px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column
}

._1LCdB ._2R4rj {
    display: none
}

._1k4UF {
    opacity: 0;
    pointer-events: none
}

._7tU_u._3rwOX {
    left: 118px
}

._7tU_u._3rwOX._1LCdB {
    left: 0
}

.PqqlB {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

._2HK4o.Jayps video,
._2HK4o._10S0n img {
    display: block;
    position: relative;
    height: 100%
}

._28gxw {
    color: #fff;
    font-size: 16px;
    margin-bottom: 6px
}

._2fAEs {
    margin-bottom: auto;
    color: RGBA(255, 255, 255, .6);
    font-size: 12px
}

._2HK4o {
    top: 0;
    left: 0;
    height: 100%
}

._3kROV,
.zLcp3 {
    width: 800px;
    height: 800px
}

._3kROV {
    -webkit-transform: scale(.16) translateX(-150px) translateY(-150px);
    transform: scale(.16) translateX(-150px) translateY(-150px);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.zLcp3 {
    -webkit-transform: scale(.08) translateX(-150px) translateY(-150px);
    transform: scale(.08) translateX(-150px) translateY(-150px);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

._2HK4o.GTrje {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

._2HK4o.Jayps video {
    width: 100%
}

._1qMAw,
._2kGrJ {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    position: relative;
    word-break: break-word;
    box-sizing: border-box
}

._1qMAw {
    max-width: 520px;
    height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    white-space: pre-wrap;
    color: #fff;
    pointer-events: none
}

._1Ou9Y,
._2kGrJ {
    -webkit-flex-direction: row
}

.XO_8o,
.XO_8o a,
._3La-j,
._3ml_s {
    white-space: nowrap;
    text-overflow: ellipsis
}

._1qMAw a {
    pointer-events: initial;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border-radius: 12px;
    padding-left: 20px;
    padding-right: 20px
}

._17XE4,
._1Ou9Y,
._20EE3,
._2kGrJ,
._3QiMQ {
    pointer-events: none
}

._1qMAw img {
    display: initial
}

._1v5tC {
    font-size: 60px;
    line-height: 1.4em
}

._1v5tC .large-emoji {
    height: 64px;
    width: 64px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

._38Uro {
    font-size: 36px;
    line-height: 1.3em
}

._1F7Gt,
._2kGrJ {
    line-height: 1.5em
}

._38Uro .large-emoji {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

._1F7Gt {
    font-size: 16px;
    text-align: left
}

._1F7Gt .emoji {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

._19DY0 {
    font-family: Roboto
}

.ggZPo {
    font-family: 'Droid Serif', sans-serif
}

._2Uwlw {
    font-family: Norican
}

._2WpZQ {
    font-family: Bryndan-Write
}

._3Qe9C {
    font-family: Oswald;
    font-weight: 700
}

._2By5f,
._2yGvh {
    text-align: center;
    font-weight: 500
}

._2kGrJ {
    max-width: 720px;
    height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 24px;
    text-align: center;
    color: #B6B6B6
}

._1PRog,
._2u2Mg {
    display: -webkit-flex
}

._2vsnU,
._3jKHC {
    -webkit-flex: none
}

._1wx1u,
._2FDoG,
._3O3q8,
._3ml_s,
._3v8Ky {
    color: #929fa6
}

html[dir] ._2R4rj {
    margin: auto 12px
}

._3y2AN {
    width: 800px;
    height: 800px
}

.-BRom,
._2vawe,
._3X-3K hr,
._3jKHC,
._7RNZ3,
.jzbv2 {
    width: 100%
}

html[dir=ltr] ._3y2AN {
    -webkit-transform: scale(.08) translateX(-150px) translateY(-150px);
    transform: scale(.08) translateX(-150px) translateY(-150px);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

html[dir=rtl] ._3y2AN {
    -webkit-transform: scale(.08) translateX(150px) translateY(-150px);
    transform: scale(.08) translateX(150px) translateY(-150px);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

._2vsnU {
    flex: none
}

html[dir] ._2vsnU {
    padding-bottom: 32px
}

._2u2Mg {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._2u2Mg {
    margin-bottom: 20px
}

._3ml_s {
    min-height: 20px
}

html[dir] ._3ml_s {
    margin-top: 3px
}

._3uUu-::before {
    content: "~"
}

._1PRog {
    position: relative;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    height: 130px;
    overflow-x: hidden;
    overflow-y: hidden
}

.hDd8M,
.jzbv2 {
    display: -webkit-flex
}

._3jKHC,
._7RNZ3,
.bZ3B9 {
    height: 100%;
    top: 0
}

html[dir] ._1PRog {
    cursor: pointer;
    background-color: #e9ebeb
}

html[dir] ._18wuJ,
html[dir] ._7RNZ3 {
    background-color: #e0e0e0
}

html[dir=ltr] ._1PRog {
    margin-right: 6px
}

html[dir=rtl] ._1PRog {
    margin-left: 6px
}

._31CB- {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.-BRom {
    position: relative
}

._35Y4T,
._3jKHC,
.zR6Zg {
    position: absolute
}

html[dir=ltr] ._1PRog:last-child {
    margin-right: 0
}

html[dir=rtl] ._1PRog:last-child {
    margin-left: 0
}

.zR6Zg {
    bottom: 3px;
    z-index: 101
}

html[dir=ltr] .zR6Zg {
    right: 3px
}

html[dir=rtl] .zR6Zg {
    left: 3px
}

._3jKHC {
    flex: none;
    -webkit-transition: -webkit-filter .16s linear
}

html[dir=ltr] ._3jKHC {
    left: 0
}

html[dir=rtl] ._3jKHC {
    right: 0
}

._2EvkY {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

._35Y4T {
    top: 0;
    z-index: 2
}

._18wuJ,
.jzbv2 {
    position: relative
}

html[dir] ._35Y4T {
    margin-top: -30px
}

html[dir=ltr] ._35Y4T {
    left: auto;
    right: 40px
}

html[dir=rtl] ._35Y4T {
    right: auto;
    left: 40px
}

html[dir=rtl] ._7RNZ3,
html[dir=rtl] .bZ3B9 {
    right: 0
}

._2vawe,
html[dir=ltr] ._7RNZ3,
html[dir=ltr] .bZ3B9 {
    left: 0
}

._3La-j {
    -webkit-flex: none;
    flex: none;
    max-width: 280px
}

.jzbv2 {
    -webkit-flex: 1;
    flex: 1;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.hDd8M {
    align-items: center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    line-height: 19px;
    max-height: 57px
}

._18wuJ,
._7RNZ3 {
    display: -webkit-flex
}

._2vawe,
._7WdMO {
    overflow-y: auto
}

html[dir] .hDd8M {
    margin-top: 6px;
    text-align: center
}

._18wuJ {
    min-height: 90px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    -webkit-justify-content: center;
    justify-content: center
}

._2vawe,
._7RNZ3,
.bZ3B9 {
    position: absolute
}

html[dir] ._18wuJ {
    padding: 0 20px 6px
}

._7RNZ3 {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

._2iFI3,
._3X-3K {
    display: -webkit-flex
}

._2iFI3 {
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.jbwws {
    -webkit-flex: none;
    flex: none
}

html[dir=ltr] .jbwws {
    margin-right: 6px
}

html[dir=rtl] .jbwws {
    margin-left: 6px
}

html[dir] .bZ3B9 {
    background-color: #141414
}

._2vawe {
    top: 120px;
    bottom: 0
}

.Le35d,
.zjFBX {
    position: absolute;
    top: 0
}

html[dir] ._2vawe::-webkit-scrollbar-track {
    background-color: transparent
}

html[dir] ._2vawe::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .13)
}

._3AVi9 {
    opacity: .7
}

._3X-3K {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px
}

._1Ou9Y,
.zjFBX {
    display: -webkit-flex
}

._3X-3K hr {
    color: #fff;
    opacity: .2
}

html[dir] ._3X-3K hr {
    margin-top: 0
}

._1Ou9Y {
    font-size: 12px;
    color: #B6B6B6;
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

._2gh8s,
.zjFBX {
    -webkit-flex-direction: row
}

@media screen and (max-width:900px) {
    .bZ3B9 {
        width: 40%
    }
}

@media screen and (min-width:901px) and (max-width:1024px) {
    .bZ3B9 {
        width: 35%
    }
}

@media screen and (max-width:1024px) {
    .bZ3B9 {
        width: 35%
    }
}

@media screen and (min-width:1025px) and (max-width:1300px) {
    .bZ3B9 {
        width: 35%
    }
}

@media screen and (min-width:1301px) {
    .bZ3B9 {
        width: 30%
    }
}

.zjFBX {
    display: flex;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 85px;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

._2gh8s,
.o9m7v {
    display: -webkit-flex
}

html[dir] .zjFBX {
    margin-top: 34px
}

html[dir=ltr] .zjFBX {
    left: 0;
    padding-left: 2px
}

html[dir=rtl] .zjFBX {
    right: 0;
    padding-right: 2px
}

html[dir] ._3EVDK {
    background-color: #000
}

.o9m7v {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 36px;
    min-width: 52px;
    margin-right: auto
}

._35Ai0 {
    font-size: 16px
}

._3_-c_ {
    font-size: 13px;
    color: #B6B6B6
}

.AaR7Y,
.NMgpK {
    color: #929fa6
}

._2gh8s {
    width: 68px;
    height: 64px;
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

._3BgZN,
._3BupC {
    display: -webkit-flex
}

._3BupC,
._3FfTX {
    -webkit-flex-direction: row
}

._3BupC {
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 60px
}

.Le35d,
._3BgZN {
    -webkit-flex-direction: column
}

html[dir] ._36ApL {
    margin-top: 0;
    background-color: #FFF;
    padding: 0 14px
}

._3BgZN {
    width: 400px;
    display: flex;
    flex-direction: column
}

._31nU9,
._3FfTX {
    display: -webkit-flex
}

._2By5f {
    margin-bottom: 40px;
    font-size: 24px
}

._3FfTX {
    display: flex;
    flex-direction: row;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

._31nU9,
.i6YhC {
    -webkit-flex-direction: row
}

._31nU9 {
    display: flex;
    flex-direction: row;
    padding: 10px 20px;
    border-radius: 24px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    margin-left: 12px;
    margin-right: 12px
}

.Le35d,
._7mLhD {
    display: -webkit-flex
}

html[dir] ._2IC1c,
html[dir] ._3rp1J {
    padding-bottom: 0
}

._31nU9 p {
    line-height: 24px;
    margin-left: 6px
}

.Le35d {
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.Le35d hr {
    color: #fff;
    opacity: .2;
    width: 400px;
    margin-top: 35px;
    margin-bottom: 35px
}

._159Qa,
._2LuDL {
    color: #b6b6b6
}

._1UaJ8,
._3QiMQ svg {
    height: 80px;
    width: 80px
}

._7mLhD {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 24px
}

._3QiMQ,
.i6YhC {
    display: -webkit-flex
}

.i6YhC {
    margin-top: 15px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center
}

._2yGvh,
._3QiMQ {
    margin-bottom: 40px
}

._159Qa {
    font-size: 13px
}

._3QiMQ {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center
}

.O3nDp,
._7WdMO {
    display: -webkit-flex
}

.O3nDp {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

._7WdMO,
.oOOBW {
    -webkit-justify-content: center
}

._2yGvh {
    margin-top: 50px;
    font-size: 24px
}

._19i9v,
._3y0EN .QA8Vz {
    font-weight: 300
}

._7WdMO {
    display: flex;
    max-width: 800px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

.CzI8E,
._1o1sm {
    display: -webkit-flex
}

.XO_8o,
.XO_8o a,
._17XE4,
._1UaJ8,
._1e4iV,
._1oZua,
._2gZno,
._3ferX {
    overflow: hidden
}

._1UaJ8 {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    border-radius: 50%
}

html[dir] ._2qtw6 ._1-okK,
html[dir] ._3y0EN ._3EjgV {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (max-width:900px) {
    .Le35d {
        width: 60%
    }

    html[dir=ltr] .Le35d {
        left: 40%
    }

    html[dir=rtl] .Le35d {
        right: 40%
    }
}

@media screen and (min-width:901px) and (max-width:1024px) {
    .Le35d {
        width: 65%
    }

    html[dir=ltr] .Le35d {
        left: 35%
    }

    html[dir=rtl] .Le35d {
        right: 35%
    }
}

@media screen and (min-width:1025px) and (max-width:1300px) {
    .Le35d {
        width: 65%
    }

    html[dir=ltr] .Le35d {
        left: 35%
    }

    html[dir=rtl] .Le35d {
        right: 35%
    }
}

@media screen and (min-width:1301px) {
    .Le35d {
        width: 70%
    }

    html[dir=ltr] .Le35d {
        left: 30%
    }

    html[dir=rtl] .Le35d {
        right: 30%
    }
}

html[dir=ltr] .UlYSS {
    margin-left: 5px
}

html[dir=rtl] .UlYSS {
    margin-right: 5px
}

.LD1Kz {
    color: #929fa6
}

.wTdDG {
    position: absolute;
    top: 6px
}

html[dir=ltr] .wTdDG {
    right: 0
}

html[dir=rtl] .wTdDG {
    left: 0
}

.CzI8E {
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

._3GaI4,
._3tV8v {
    display: inline-block
}

html[dir] .CzI8E {
    border-bottom: 1px solid rgba(38, 50, 56, .18)
}

.TI3qN {
    position: relative;
    word-break: break-word
}

._17XE4,
._1xHCd,
._2WH-g,
._7HWvs {
    position: absolute
}

._7HWvs {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    color: rgba(0, 0, 0, .5);
    transition: all .3s cubic-bezier(.1, .82, .25, 1)
}

html[dir] ._7HWvs {
    padding-top: 8px;
    -webkit-transform: translateY(24px);
    transform: translateY(24px)
}

._2WH-g {
    top: 4px
}

html[dir=ltr] ._2WH-g {
    right: 22px
}

html[dir=rtl] ._2WH-g {
    left: 22px
}

.FstZn {
    font-size: 12px;
    line-height: 16px
}

html[dir] .FstZn {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

._17XE4 {
    width: 100%;
    height: 182px;
    bottom: 100%;
    padding-left: 10px;
    padding-right: 10px;
    left: -10px
}

._1xHCd {
    bottom: 0;
    left: 10px;
    right: 10px
}

html[dir=ltr] ._1xHCd._2IC1c {
    margin-right: 7px
}

html[dir=rtl] ._1xHCd._2IC1c {
    margin-left: 7px
}

._3MR8o {
    -webkit-flex: none;
    flex: none;
    position: relative
}

html[dir] ._3MR8o {
    margin-top: 1px
}

._2IC1c {
    font-size: 15px;
    position: absolute;
    line-height: 22px;
    width: 25px;
    color: #bbb;
    top: 6px
}

._2ssn3,
._3GaI4,
._3tV8v {
    position: relative
}

._1_E3y,
._2rdjh,
._39Dci,
._3XVuG,
._3kqwH,
._3oOG8,
.fJqTG,
.lAcaX,
.t2olY {
    color: #929fa6
}

html[dir=ltr] ._2IC1c {
    text-align: right
}

html[dir=rtl] ._2IC1c {
    text-align: left
}

._2BRYw ._2IC1c {
    top: 0
}

html[dir=ltr] ._2BRYw ._2IC1c {
    right: 14px
}

html[dir=rtl] ._2BRYw ._2IC1c {
    left: 14px
}

._2ssn3 {
    height: 24px
}

._17dH2 ._2ssn3 {
    height: 0
}

._3GaI4 {
    width: 33px
}

html[dir] ._3GaI4 {
    padding-bottom: 20px
}

html[dir=ltr] ._3GaI4 {
    float: right;
    margin-right: 4px;
    margin-left: 4px
}

html[dir=rtl] ._3GaI4 {
    float: left;
    margin-left: 4px;
    margin-right: 4px
}

html[dir] ._2Mg6D .CzI8E {
    border-bottom: 2px solid #00BFA5
}

._3tV8v {
    height: 20px;
    vertical-align: middle;
    width: 20px
}

._1o1sm,
._2nLPG {
    height: 100%;
    position: absolute
}

html[dir] ._3tV8v {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

._2nLPG {
    top: 0;
    width: 100%
}

html[dir=ltr] ._2nLPG {
    left: 0
}

html[dir=rtl] ._2nLPG {
    right: 0
}

._3LY6P path {
    fill-opacity: .6;
    fill: #fff;
    transition: fill-opacity .1s ease
}

.Ljds8 path {
    fill-opacity: .6;
    fill: #fff
}

._3tV8v:hover ._3LY6P path {
    fill-opacity: 1
}

._1o1sm {
    -webkit-align-items: center;
    align-items: center;
    background-blend-mode: multiply;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    top: -1px;
    width: 140%;
    z-index: 100
}

._2qtw6 ._1-okK,
._3y0EN ._3EjgV {
    height: calc(100% - 40px);
    top: 20px;
    display: -webkit-flex
}

html[dir] ._1o1sm {
    padding-bottom: 1px;
    padding-top: 1px
}

html[dir=ltr] ._1o1sm {
    left: -40px;
    padding-left: 26px
}

html[dir=rtl] ._1o1sm {
    right: -40px;
    padding-right: 26px
}

html[dir] ._1o1sm._2nOMz,
html[dir] ._1o1sm:hover {
    background-color: rgba(0, 191, 195, .08)
}

@media (max-width:1088px) and (min-width:1025px) {
    html[dir=ltr] .three ._1o1sm {
        padding-left: 16px
    }

    html[dir=rtl] .three ._1o1sm {
        padding-right: 16px
    }
}

._1o1sm._2CCPh {
    width: auto
}

html[dir] ._1o1sm._2CCPh {
    background-color: transparent
}

html[dir=ltr] ._1o1sm._2CCPh {
    left: 0;
    padding-left: 0
}

html[dir=ltr] ._2qtw6 ._1-okK,
html[dir=ltr] ._3y0EN ._3EjgV {
    left: 20px
}

html[dir=rtl] ._1o1sm._2CCPh {
    right: 0;
    padding-right: 0
}

html[dir=rtl] ._2qtw6 ._1-okK,
html[dir=rtl] ._3y0EN ._3EjgV {
    right: 20px
}

._2qtw6 {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    width: 100%
}

._2qtw6 ._1-okK {
    position: absolute;
    width: calc(100% - 40px);
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

._3y0EN {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    width: 100%
}

._3y0EN ._3EjgV {
    position: absolute;
    width: calc(100% - 40px);
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir=ltr] ._2gZno::after,
html[dir=rtl] ._2gZno::after {
    right: 2px;
    left: 2px
}

._3y0EN ._6Pnex {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column
}

._3y0EN .jcxhw {
    width: 26px;
    height: 30px
}

html[dir] ._3y0EN .jcxhw {
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 15px
}

.HIlVK {
    color: #929fa6
}

._2gZno {
    box-sizing: border-box;
    -webkit-flex: 1;
    flex: 1;
    height: 100px;
    max-width: 100px;
    position: relative
}

.GpvML::before,
._2gZno::after {
    position: absolute;
    content: ''
}

html[dir=ltr] ._2gZno {
    margin-right: 8px
}

html[dir=rtl] ._2gZno {
    margin-left: 8px
}

._2gZno::after {
    bottom: 2px;
    display: none;
    top: 2px;
    z-index: 1
}

html[dir] ._2gZno::after {
    background-color: #fff
}

html[dir=rtl] .GpvML,
html[dir=rtl] ._2gZno._2UCiX .GpvML::after {
    right: 0
}

html[dir=ltr] .GpvML,
html[dir=ltr] ._2gZno._2UCiX .GpvML::after {
    left: 0
}

._2gZno._2UCiX::after {
    display: block
}

.GpvML {
    height: 100%;
    position: relative;
    top: 0;
    transition: -webkit-transform 75ms ease-out;
    transition: transform 75ms ease-out;
    transition: transform 75ms ease-out, -webkit-transform 75ms ease-out;
    width: 100%;
    z-index: 2
}

html[dir] .GpvML {
    background-color: #e5e5e5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: none;
    transform: none
}

.GpvML::before {
    height: 40px;
    width: 100%;
    top: 0;
    opacity: 0;
    transition: opacity .1s ease-out
}

._2gZno._2UCiX .GpvML::after,
._3Qeli {
    position: absolute;
    width: 100%;
    height: 100%
}

html[dir=ltr] .GpvML::before {
    right: 0;
    background: linear-gradient(10deg, transparent 0, transparent 45%, rgba(0, 0, 0, .18) 75%, rgba(0, 0, 0, .4) 100%)
}

html[dir=rtl] .GpvML::before {
    left: 0;
    background: linear-gradient(-10deg, transparent 0, transparent 45%, rgba(0, 0, 0, .18) 75%, rgba(0, 0, 0, .4) 100%)
}

._2gZno:hover .GpvML::before {
    opacity: 1
}

html[dir] ._2gZno._2UCiX .GpvML {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

._2gZno._2UCiX .GpvML::after {
    content: '';
    top: 0
}

html[dir] ._2gZno._2UCiX .GpvML::after {
    background-color: rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .1)
}

._2pAE- {
    opacity: 0;
    position: absolute;
    top: 1px;
    z-index: 100
}

html[dir=ltr] ._2pAE- {
    right: 1px;
    transition: right 75ms ease-out, top 75ms ease-out
}

html[dir=rtl] ._2pAE- {
    left: 1px;
    transition: left 75ms ease-out, top 75ms ease-out
}

._2gZno:hover ._2pAE- {
    opacity: 1
}

._2gZno._2UCiX ._2pAE- {
    top: 4px
}

html[dir=ltr] ._2gZno._2UCiX ._2pAE- {
    right: 4px
}

html[dir=rtl] ._2gZno._2UCiX ._2pAE- {
    left: 4px
}

html[dir] .GpvML._1pxPR {
    background-size: 26px auto
}

._3Qeli {
    top: 0
}

html[dir=ltr] ._3Qeli {
    left: 0
}

html[dir=rtl] ._3Qeli {
    right: 0
}

._3Qeli ._1RUry {
    position: relative;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 60px)
}

._3Qeli .mBkWs,
.r4crx {
    width: 100%;
    height: 100%
}

html[dir=ltr] ._3Qeli ._1RUry {
    left: 20px
}

html[dir=rtl] ._3Qeli ._1RUry {
    right: 20px
}

._3Qeli .mBkWs {
    z-index: 2
}

.r4crx {
    position: absolute;
    top: 0
}

html[dir=ltr] .r4crx {
    left: 0
}

html[dir=ltr] ._2k1om .xVBLL,
html[dir=ltr] .r4crx ._2-_Pl {
    left: 20px
}

html[dir=rtl] .r4crx {
    right: 0
}

html[dir=rtl] ._2k1om .xVBLL,
html[dir=rtl] .r4crx ._2-_Pl {
    right: 20px
}

.r4crx ._2-_Pl {
    position: relative;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 60px)
}

.r4crx ._2GgBs {
    height: 40px
}

html[dir] .r4crx ._2GgBs {
    padding-top: 40px;
    text-align: center
}

.r4crx ._3m_5X {
    z-index: 2;
    height: 100%;
    margin: 0 auto;
}

._2k1om {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    width: 100%
}

._2k1om .xVBLL {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

._2XZGZ,
._3q7Vo {
    top: 0;
    width: 100%;
    height: 100%
}

html[dir] ._2k1om .xVBLL {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

html[dir=ltr] ._2XZGZ,
html[dir=ltr] ._3q7Vo {
    left: 0
}

html[dir=rtl] ._2XZGZ,
html[dir=rtl] ._3q7Vo {
    right: 0
}

._2k1om ._1a4Ru {
    height: 100%;
    width: 100%;
    z-index: 2
}

._2k1om ._3MIB_ {
    min-width: 250px
}

._3S63o {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

._2XZGZ,
._38oIx,
._3kN0h,
._3q7Vo {
    position: absolute
}

._3sxu7 {
    z-index: 1000
}

._3q7Vo {
    z-index: 10
}

._2XZGZ {
    z-index: 1
}

._1i1U7,
._20EE3,
._2Cju4 {
    position: absolute;
    overflow: hidden;
    z-index: 10
}

._3kN0h {
    top: 2px;
    width: 18px;
    height: 18px;
    opacity: .8
}

html[dir=ltr] ._3kN0h {
    right: 0;
    padding-left: 3px;
    padding-right: 3px
}

html[dir=rtl] ._3kN0h {
    left: 0;
    padding-right: 3px;
    padding-left: 3px
}

._1i1U7,
._2Cju4 {
    height: 23px;
    width: 48px
}

._1i1U7 {
    top: 5px
}

html[dir=ltr] ._1i1U7 {
    right: 5px
}

html[dir=rtl] ._1i1U7 {
    left: 5px
}

html[dir=ltr] ._1i1U7.jZ4tp {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%)
}

html[dir=rtl] ._1i1U7.jZ4tp {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 50%)
}

html[dir=ltr] ._1i1U7._2DNgV {
    background: linear-gradient(to right, rgba(220, 248, 198, 0) 0, #dcf8c6 50%)
}

html[dir=rtl] ._1i1U7._2DNgV {
    background: linear-gradient(to left, rgba(220, 248, 198, 0) 0, #dcf8c6 50%)
}

._2Cju4 {
    top: 7px
}

html[dir=ltr] ._2Cju4 {
    right: 7px
}

html[dir=rtl] ._2Cju4 {
    left: 7px
}

html[dir=ltr] ._2Cju4.jZ4tp {
    background: linear-gradient(to right, rgba(242, 242, 242, 0) 0, #f2f2f2 50%)
}

html[dir=rtl] ._2Cju4.jZ4tp {
    background: linear-gradient(to left, rgba(242, 242, 242, 0) 0, #f2f2f2 50%)
}

html[dir=ltr] ._2Cju4._2DNgV {
    background: linear-gradient(to right, rgba(209, 236, 188, 0) 0, #d1ecbc 50%)
}

html[dir=rtl] ._2Cju4._2DNgV {
    background: linear-gradient(to left, rgba(209, 236, 188, 0) 0, #d1ecbc 50%)
}

html[dir=ltr] .se9J6 {
    left: 5px;
    right: initial
}

html[dir=rtl] .se9J6 {
    right: 5px;
    left: initial
}

html[dir=ltr] .se9J6 ._3kN0h {
    left: 0;
    right: initial
}

html[dir=rtl] .se9J6 ._3kN0h {
    right: 0;
    left: initial
}

html[dir=ltr] .se9J6.jZ4tp {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 50%)
}

html[dir=rtl] .se9J6.jZ4tp {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%)
}

html[dir=ltr] .se9J6._2DNgV {
    background: linear-gradient(to left, rgba(220, 248, 198, 0) 0, #dcf8c6 50%)
}

html[dir=rtl] .se9J6._2DNgV {
    background: linear-gradient(to right, rgba(220, 248, 198, 0) 0, #dcf8c6 50%)
}

._20EE3 {
    height: 40px;
    width: 156px;
    top: 3px
}

html[dir=ltr] ._20EE3 {
    border-top-right-radius: 6px;
    right: 3px
}

html[dir=rtl] ._20EE3 {
    border-top-left-radius: 6px;
    left: 3px
}

.LSBf- {
    background: linear-gradient(15deg, transparent 0, transparent 45%, rgba(0, 0, 0, .12) 70%, rgba(0, 0, 0, .33) 100%)
}

._2v05X {
    background: linear-gradient(-15deg, transparent 0, transparent 45%, rgba(0, 0, 0, .12) 70%, rgba(0, 0, 0, .33) 100%)
}

._3QtfK {
    top: 4px
}

html[dir=ltr] ._3QtfK {
    right: 4px
}

html[dir=rtl] ._3QtfK {
    left: 4px
}

._38oIx {
    top: 5px;
    width: 18px;
    height: 18px;
    pointer-events: auto
}

._3HFgq,
._hqS5 {
    position: relative
}

.o4dWJ._2DNgV,
.o4dWJ.jZ4tp {
    width: 66px;
    height: 56px
}

.YsGwW,
._3Crwj,
._3GqD3 {
    pointer-events: none
}

html[dir=ltr] ._38oIx {
    right: 5px
}

html[dir=rtl] ._38oIx {
    left: 5px
}

._2ePBs {
    top: 4px
}

html[dir=ltr] ._2ePBs {
    background: 0 0 !important;
    right: 4px
}

html[dir=rtl] ._2ePBs {
    background: 0 0 !important;
    left: 4px
}

html[dir=ltr] .jZ4tp._15hve {
    right: 80px;
    left: unset
}

html[dir=rtl] .jZ4tp._15hve {
    left: 80px;
    right: unset
}

html[dir=ltr] .o4dWJ._2DNgV {
    background: linear-gradient(34deg, rgba(220, 248, 198, 0) 0, rgba(220, 248, 198, 0) 50%, #dcf8c6 70%)
}

html[dir=rtl] .o4dWJ._2DNgV {
    background: linear-gradient(-34deg, rgba(220, 248, 198, 0) 0, rgba(220, 248, 198, 0) 50%, #dcf8c6 70%)
}

html[dir=ltr] .o4dWJ.jZ4tp {
    background: linear-gradient(34deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #fff 70%)
}

html[dir=rtl] .o4dWJ.jZ4tp {
    background: linear-gradient(-34deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #fff 70%)
}

._38oIx svg,
._3kN0h svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

._1e4iV {
    color: rgba(0, 0, 0, .6);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-family: 'Open Sans', sans-serif;
    font-size: 13.6px;
    line-height: 17px;
    word-wrap: break-word
}

.AmZ9A,
._1IDI7 {
    -webkit-flex: none
}

.AmZ9A {
    flex: none
}

html[dir=ltr] .AmZ9A {
    margin-right: 5px
}

html[dir=rtl] .AmZ9A {
    margin-left: 5px
}

._10EqG:after {
    content: " \A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0";
    display: inline
}

._2HzYk {
    color: #929fa6
}

._3Sz_W {
    min-height: 20px;
    line-height: 20px
}

html[dir] ._3Sz_W {
    padding-top: 14px
}

html[dir] ._3Sz_W:last-of-type ._16z-w {
    border-bottom: none
}

html[dir] ._16z-w {
    padding-bottom: 14px;
    border-bottom: 1px solid #f2f2f2
}

._1RRvB {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

._3T-YY {
    -webkit-flex: 1;
    flex: 1
}

._1IDI7 {
    flex: none
}

.wRfKo {
    font-size: 15px;
    color: #4b4b4b
}

._19i9v {
    font-size: 14px;
    line-height: 18px;
    color: #128C7E
}

._1K4Vb,
._1XYHF,
._1_kQM,
._1kVSH {
    color: #929fa6
}

._hqS5 {
    z-index: 999
}

._3a3LP {
    z-index: 1000
}

._1Z60u {
    height: 44px;
    width: 44px
}

html[dir] ._1Z60u {
    background-color: rgba(0, 255, 0, .2);
    border-radius: 50%;
    padding: 8px
}

html[dir] ._1Z60u.dAoZL {
    background-color: rgba(255, 0, 0, .2)
}

._1AIor {
    height: 4px;
    width: 4px
}

html[dir] ._1AIor {
    background-color: #fff;
    border-radius: 50%
}

html[dir=ltr] ._1AIor {
    box-shadow: -5px 0 10px 1px #000, 5px 0 10px 1px #000;
    margin-left: 28px
}

html[dir=rtl] ._1AIor {
    box-shadow: 5px 0 10px 1px #000, -5px 0 10px 1px #000;
    margin-right: 28px
}

.message-status {
    display: inline-block
}

html[dir=ltr] .message-status {
    margin-left: 3px
}

html[dir=rtl] .message-status {
    margin-right: 3px
}

._3HFgq {
    -webkit-flex: none;
    flex: none
}

html[dir=ltr] ._3HFgq .emoji {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

html[dir=rtl] ._3HFgq .emoji {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

._3lZNp,
.emoji._3lZNp {
    display: block;
    pointer-events: none
}

html[dir] ._3lZNp,
html[dir] .emoji._3lZNp {
    cursor: text
}

html[dir] .emoji._3lZNp {
    background-image: none
}

._2dwaZ,
._3wPo6 {
    background: #fff
}

._2XGp- {
    height: 24px
}

html[dir] ._2XGp- .emoji {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

html[dir=ltr] ._2XGp- .emoji {
    margin-right: 4px
}

html[dir=rtl] ._2XGp- .emoji {
    margin-left: 4px
}

._2XGp- ._3lZNp {
    width: 24px;
    height: 24px
}

._2mqMv {
    height: 36px
}

html[dir] ._2mqMv .emoji {
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
}

html[dir=ltr] ._2mqMv .emoji {
    margin-right: 16px
}

html[dir=rtl] ._2mqMv .emoji {
    margin-left: 16px
}

._2mqMv ._3lZNp {
    width: 36px;
    height: 36px
}

.QkfD1 {
    height: 48px
}

html[dir] .QkfD1 .emoji {
    -webkit-transform: scale(2.4);
    transform: scale(2.4)
}

html[dir=ltr] .QkfD1 .emoji {
    margin-right: 28px
}

html[dir=rtl] .QkfD1 .emoji {
    margin-left: 28px
}

.L_1nO,
._3OHGh {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.QkfD1 ._3lZNp {
    width: 48px;
    height: 48px
}

._2blOc {
    position: absolute;
    top: 0
}

html[dir=ltr] ._2blOc {
    -webkit-animation: _2blOc 1s linear infinite;
    animation: _2blOc 1s linear infinite;
    left: 0
}

html[dir=rtl] ._2blOc {
    -webkit-animation: _2blOc 1s linear infinite;
    animation: _2blOc 1s linear infinite;
    right: 0
}

@-webkit-keyframes _2blOc {

    0%,
    5% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    90% {
        -webkit-transform: scale(.96);
        transform: scale(.96)
    }
}

@keyframes _2blOc {

    0%,
    5% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    90% {
        -webkit-transform: scale(.96);
        transform: scale(.96)
    }
}

.koS3h {
    font-size: 15px;
    line-height: 20px;
    color: #4b4b4b;
    display: block
}

._21mxN,
._2IIkp {
    font-size: 14px;
    line-height: 20px
}

.-xoUi,
.JvSGN,
._1UwQy,
._1vqPC,
._2IIkp,
._3Imli,
._3J-tF {
    color: #929fa6
}

html[dir] .koS3h {
    padding: 4px 0 5px
}

._3OHGh {
    width: calc(100% - 120px);
    max-width: 840px;
    bottom: 0;
    margin-bottom: 57px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    border-radius: 8px;
    background-color: #fff;
    will-change: opacity, transform;
    z-index: 2
}

._1oZua,
._3wPo6 {
    border-radius: 3.5px
}

.L_1nO {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 920px;
    width: calc(100% - 40px);
    bottom: 12px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    z-index: 1
}

._1XUFa,
._36KaO {
    position: relative
}

.XO_8o,
._36KaO {
    max-width: 100%
}

.XO_8o,
.XO_8o a,
._1LjsH,
._1XUFa,
._1mYrb {
    display: inline-block
}

._1LjsH,
._1mYrb {
    margin: 8px;
    width: 24px
}

._1XUFa {
    height: 40px;
    width: calc(100% - 80px);
    top: 0;
    left: 0
}

html[dir] ._36KaO {
    margin-bottom: 12px
}

html[dir=ltr] ._36KaO {
    padding-left: 29px;
    padding-right: 19px
}

html[dir=rtl] ._36KaO {
    padding-right: 29px;
    padding-left: 19px
}

html[dir] .textsize-xxlarge ._36KaO {
    margin-bottom: 18px
}

html[dir] .textsize-xlarge ._36KaO {
    margin-bottom: 16px
}

html[dir] .textsize-large ._36KaO {
    margin-bottom: 14px
}

html[dir] .textsize-small ._36KaO {
    margin-bottom: 8px
}

html[dir] .textsize-xsmall ._36KaO {
    margin-bottom: 6px
}

html[dir] .textsize-xxsmall ._36KaO {
    margin-bottom: 4px
}

.XO_8o {
    box-sizing: border-box
}

html[dir=ltr] .XO_8o {
    padding: 5px 4px 0 6px
}

html[dir=rtl] .XO_8o {
    padding: 5px 6px 0 4px
}

.XO_8o a {
    vertical-align: top
}

._1Z9m- {
    box-sizing: border-box
}

html[dir] ._1Z9m- {
    padding: 3px 3px 8px
}

._2Opss {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    width: 360px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    z-index: 1;
    left: 0;
    right: 0;
    direction: ltr
}

._3LVDJ {
    position: relative;
    top: 0;
    bottom: 0;
    width: 33%;
    height: 100%;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px
}

._1oZua,
._2dwaZ,
._3wPo6 {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.Fm-2u,
._1l0-4 {
    display: -webkit-flex
}

._1oZua {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

._3wPo6 {
    opacity: .3
}

._3ferX,
.uw35F {
    width: 40px;
    height: 40px
}

._3ferX,
html[dir] .dt2Rz {
    background-repeat: no-repeat
}

._2dwaZ._3Xb7q {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

._2dwaZ._27Sip {
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%)
}

._2dwaZ._1khRp {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

._2EP-W {
    position: absolute;
    top: 12px
}

._3R6k5,
.uw35F {
    position: relative
}

html[dir=ltr] ._2EP-W {
    left: 13px
}

html[dir=ltr] ._3Crwj,
html[dir=ltr] ._3yh6f,
html[dir=ltr] .mzps- {
    left: 0
}

html[dir=rtl] ._2EP-W {
    right: 13px
}

html[dir=rtl] ._3Crwj,
html[dir=rtl] ._3yh6f,
html[dir=rtl] .mzps- {
    right: 0
}

._3ferX {
    border-radius: 50%;
    background-size: cover;
    background-position: center
}

._3bVfD,
.jpKy7 {
    width: 133px
}

html[dir=ltr] .uw35F {
    padding: 12px 15px 12px 13px
}

html[dir=rtl] .uw35F {
    padding: 12px 13px 12px 15px
}

._3R6k5 {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

._1l0-4 {
    bottom: 0;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    overflow-y: scroll;
    position: absolute;
    top: 0
}

html[dir=ltr] ._1l0-4 {
    padding: 30px 20px 30px 30px
}

html[dir=rtl] ._1l0-4 {
    padding: 30px 30px 30px 20px
}

._3bVfD {
    height: 133px;
    position: relative
}

._1_A1K,
._3Crwj {
    height: 100%
}

html[dir] ._3bVfD {
    cursor: pointer;
    margin-bottom: 10px
}

html[dir=ltr] ._3bVfD {
    margin-right: 10px
}

html[dir=rtl] ._3bVfD {
    margin-left: 10px
}

.Fm-2u,
._1_A1K,
._2SQ_W,
._3Crwj {
    width: 100%
}

._3Crwj {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    display: block
}

html[dir] ._3Crwj {
    background-color: rgba(255, 255, 255, 0)
}

html[dir] ._1f8pw ._3Crwj {
    border: 7.98px solid #E9EBEB
}

html[dir=ltr] .nsMfv,
html[dir=rtl] .nsMfv {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.Fm-2u {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

._2LM3f,
.oOOBW {
    display: -webkit-flex
}

html[dir] .Fm-2u {
    margin-top: 24px
}

html[dir] .DKXPl {
    margin-top: 19px
}

html[dir=ltr] .DKXPl {
    margin-left: -2px
}

html[dir=rtl] .DKXPl {
    margin-right: -2px
}

.oOOBW {
    display: flex;
    justify-content: center
}

html[dir] .oOOBW {
    margin-top: 24px;
    margin-bottom: 12px
}

._2LM3f {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] ._2LM3f {
    margin-top: 48px
}

._1u5dg {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

html[dir] ._1u5dg {
    margin-bottom: 14px
}

._2KQM1 {
    display: table-row
}

._1o1Ps,
._2NCE2,
._2SQ_W {
    display: table-cell;
    vertical-align: top
}

html[dir] ._2KQM1+._2KQM1 ._2NCE2,
html[dir] ._2KQM1+._2KQM1 ._2SQ_W {
    padding-top: 8px
}

html[dir=ltr] ._2NCE2 {
    padding-right: 15px
}

html[dir=rtl] ._2NCE2 {
    padding-left: 15px
}

._2SQ_W {
    white-space: pre-wrap
}

.WXJmx,
.dt2Rz {
    position: relative;
    display: -webkit-flex;
    overflow: hidden
}

html[dir] ._1o1Ps {
    padding-top: 4px
}

html[dir=ltr] ._1o1Ps {
    padding-left: 4px
}

html[dir=rtl] ._1o1Ps {
    padding-right: 4px
}

html[dir] ._32AJO {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.JX05Q {
    -webkit-flex: none;
    flex: none;
    width: 24px
}

html[dir=ltr] .JX05Q {
    margin-right: 13px
}

html[dir=ltr] ._1LT33,
html[dir=ltr] ._3RQo- {
    margin-right: 25px
}

html[dir=rtl] .JX05Q {
    margin-left: 13px
}

html[dir=rtl] ._1LT33,
html[dir=rtl] ._3RQo- {
    margin-left: 25px
}

._21mxN {
    overflow: hidden
}

html[dir] ._21mxN {
    padding-top: 2px
}

html[dir] ._3WFA- {
    cursor: pointer
}

._3WFA- svg {
    width: 26px;
    height: 26px
}

._3PMf6 {
    color: #07bc4c
}

._1Wgr1,
._24mV2,
._2qyf8 ._21mxN {
    color: #929fa6
}

.WXJmx {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

html[dir] .WXJmx {
    margin-bottom: 8px
}

html[dir] ._1UV2c+.WXJmx {
    margin-top: 8px
}

._1Zdwk {
    word-break: break-all
}

.dt2Rz {
    -webkit-flex: 1;
    flex: 1;
    width: 100%;
    display: flex
}

._2Gki6,
._3yh6f,
.mzps- {
    position: absolute
}

.YsGwW,
._2xCLP {
    -webkit-align-items: center
}

.YsGwW,
._3Xkyd {
    display: -webkit-flex
}

html[dir] .dt2Rz {
    background-size: contain;
    background-position: center center;
    border-radius: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mzps- {
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%
}

._3yh6f {
    top: 0
}

html[dir] ._3yh6f {
    cursor: move
}

._2Gki6 {
    width: 28px;
    top: 152px
}

._3GqD3,
._3Xkyd {
    width: 100%;
    height: 100%;
    top: 0
}

html[dir] ._2Gki6 {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
    border-radius: 2px
}

html[dir=ltr] ._2Gki6 {
    right: 27px
}

html[dir=rtl] ._3GqD3,
html[dir=rtl] ._3Xkyd {
    right: 0
}

html[dir=rtl] ._2Gki6 {
    left: 27px
}

html[dir=ltr] ._3GqD3,
html[dir=ltr] ._3Xkyd {
    left: 0
}

._3Xkyd {
    position: relative;
    display: flex
}

.YsGwW,
._1JWMX,
._1v0kv,
._28WN-,
._3GqD3 {
    position: absolute
}

html[dir] ._1JhHy {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px
}

._1v0kv {
    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .25));
    max-width: 330px;
    min-width: 150px;
    top: -50px;
    z-index: 1000
}

html[dir] ._1v0kv {
    cursor: default
}

html[dir=ltr] ._1v0kv {
    -webkit-transform: translateX(calc(-50% + 30px));
    transform: translateX(calc(-50% + 30px))
}

html[dir=rtl] ._1v0kv {
    -webkit-transform: translateX(calc(-1*(-50% + 30px)));
    transform: translateX(calc(-1*(-50% + 30px)))
}

._1v0kv._2Hd2W {
    top: -70px
}

._1LT33 {
    font-size: 15px;
    text-overflow: ellipsis;
    overflow-x: hidden
}

._3RQo- {
    color: rgba(0, 0, 0, .6);
    font-size: 12px
}

._1Hu89,
._1_Ov,
._3UZQy,
.dL3Xv {
    color: #929fa6
}

html[dir] ._3RQo- {
    margin-top: 4px
}

._28WN- {
    height: 18px;
    opacity: .8;
    top: 8px;
    width: 18px
}

html[dir] ._28WN- {
    cursor: pointer
}

html[dir=ltr] ._28WN- {
    padding-left: 3px;
    padding-right: 3px;
    right: 5px
}

html[dir=rtl] ._28WN- {
    padding-right: 3px;
    padding-left: 3px;
    left: 5px
}

.nsMfv {
    height: 0;
    width: 0
}

html[dir] .nsMfv {
    border-top: 10px solid #fff;
    margin: auto
}

._2wZI6 {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    cursor: -webkit-grab !important;
    cursor: grab !important
}

html[dir=ltr] ._1mUIS,
html[dir=rtl] ._1mUIS {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important
}

html[dir] ._1JWMX {
    margin-top: -4px
}

html[dir=ltr] ._1JWMX {
    margin-left: -4px
}

html[dir=rtl] ._1JWMX {
    margin-right: -4px
}

._1yTHJ {
    stroke: #c5c5c5
}

._1tACm {
    stroke: #009588
}

.YsGwW {
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 100
}

html[dir=ltr] .YsGwW {
    right: -40px
}

html[dir=rtl] .YsGwW {
    left: -40px
}

._2xCLP {
    align-items: center;
    display: -webkit-flex;
    display: flex;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: auto;
    width: 24px
}

html[dir] ._2xCLP {
    background-color: #f44336;
    border-radius: 50%;
    border: 1px solid #fff
}

@media screen and (max-width:900px) {
    html[dir=ltr] .YsGwW {
        right: -15px
    }

    html[dir=rtl] .YsGwW {
        left: -15px
    }
}

@media screen and (min-width:901px) and (max-width:1024px) {
    html[dir=ltr] ._3Zi7B {
        right: -30px
    }

    html[dir=rtl] ._3Zi7B {
        left: -30px
    }
}

@media screen and (min-width:1025px) and (max-width:1300px) {
    html[dir=ltr] .three .YsGwW {
        right: -15px
    }

    html[dir=rtl] .three .YsGwW {
        left: -15px
    }
}

html[dir=ltr] .YsGwW._2V49j {
    right: -15px
}

html[dir=rtl] .YsGwW._2V49j {
    left: -15px
}

._2ICcy {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    z-index: 999;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

html[dir] ._2ICcy {
    background-color: rgba(90, 88, 87, .7);
    text-shadow: 0 0 1px rgba(0, 0, 0, .36);
    padding: 8px 12px;
    border-radius: 6px;
    text-align: center
}

html[dir=ltr] ._2ICcy {
    margin-right: 10px;
    -webkit-animation: _1Tgzi .1s ease-out;
    animation: _1Tgzi .1s ease-out
}

html[dir=rtl] ._2ICcy {
    margin-left: 10px;
    -webkit-animation: _jWIn .1s ease-out;
    animation: _jWIn .1s ease-out
}

._2ICcy:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 0;
    height: 0
}

html[dir] ._2ICcy:after {
    margin-top: -5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

html[dir=ltr] ._2ICcy:after {
    left: 100%;
    border-left: 6px solid rgba(90, 88, 87, .7)
}

html[dir=rtl] ._2ICcy:after {
    right: 100%;
    border-right: 6px solid rgba(90, 88, 87, .7)
}

@-webkit-keyframes _1Tgzi {
    from {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes _1Tgzi {
    from {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes _jWIn {
    from {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes _jWIn {
    from {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.form-add {
    padding: 10px
}

.form-add .field {
    display: block;
    line-height: 25px;
    height: 25px
}

.form-add input {
    line-height: 30px
}

.form-add ::-webkit-input-placeholder {
    color: #999 !important
}

.form-add button {
    display: block;
    background-color: #00bfa5;
    color: #fff;
    padding: 8px;
    width: 100%;
    font-size: 14px;
    margin-top: 26px
}

.alert-warning {
    background-color: #fed859;
    padding: 14px 0 13px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: 62px
}

#record-microphone {
    padding: 3px 10px;
}

.emojik.wa.b59 {
    background-image: url('../images/webp/41d5efb8acd3487afc5ddea1501f0b08.webp');
}

.emojik.wa.b73 {
    background-image: url('../images/webp/e62a5283b1ce6074795c0187d2b1f558.webp');
}

.emojik.wa.b90 {
    background-image: url('../images/webp/57808f1baef5613ae7430addef0ae850.webp');
}

.emojik.wa.b61 {
    background-image: url('../images/webp/83a619e0b15471e086d43e690dacae77.webp');
}

.emojik.wa.b60 {
    background-image: url('../images/webp/53127fbfa400f71fc1dd0c0b99894922.webp');
}

.emojik.wa.b74 {
    background-image: url('../images/webp/d7e2cc8550cba88f118186e51c38d72c.webp');
}

.emojik.wa.b81 {
    background-image: url('../images/webp/14a4e42043b696112919bfd1b6309b26.webp');
}

.emojik.wa.b71 {
    background-image: url('../images/webp/59e6ec989ff0b2041745837cbc159867.webp');
}

.emojik.wa.b87 {
    background-image: url('../images/webp/122e775c91b96318a63daf7865786fdc.webp');
}

.emojik.wa.b45 {
    background-image: url('../images/webp/843eccaa1a42b8fbe80e2c2e145fa0bf.webp');
}

.emojik.wa.b44 {
    background-image: url('../images/webp/b5ad4d36b724bf3aa48e5f6bbec634ad.webp');
}

.emojik.wa.b48 {
    background-image: url('../images/webp/ce550ac4afce4d2fd49d862db443cabc.webp');
}

.emojik.wa.b17 {
    background-image: url('../images/webp/667e3712186e4bac44066e086521b46a.webp');
}

.emojik.wa.b30 {
    background-image: url('../images/webp/960dc1c1fb4887fb84d869425ea2b881.webp');
}

.emojik.wa.b64 {
    background-image: url('../images/webp/d8ea2cc09853bb7d2f07deb57862587f.webp');
}

.emojik.wa.b30 {
    background-image: url('../images/webp/960dc1c1fb4887fb84d869425ea2b881.webp');
}

.emojik.wa.b72 {
    background-image: url('../images/webp/21153985726f011c4743bddde2cec195.webp');
}

.emojik.wa.b29 {
    background-image: url('../images/webp/81e827fdf825193402a93ff78c0c13e8.webp');
}

.panel-main {
    height: 10%;
}

.panel-down {
    transform: translateY(350px);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    visibility: hidden !important;
}

.panel-down.open {
    display: block;
    transform: translateY(0px);
    visibility: visible !important;
}

.panel-upImage {
    transform: translateY(800px);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    visibility: hidden !important;
}

#panel-upload-image {
    text-align: center;
    padding: 3rem;
}

.panel-upImage.open {
    display: block;
    transform: translateY(2em);
    /* padding: 3rem; */
    background: #333;
    height: 49.35rem;
    visibility: visible !important;
}

.panel-left {
    height: 100%;
    left: -450px;
    transform: translateX(-450px);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.panel-left.open {
    display: block;
    transform: translateX(0px);
}

.menu-dropdown {
    display: none;
}

.menu-dropdown.open {
    display: block;
}

.btn-attach {
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    transform: translateY(-300px) scaleX(0) scaleY(0);
}

.open .btn-attach {
    opacity: 1;
    transform: translateY(0px) scaleX(1) scaleY(1);
}

#record-microphone {
    display: none;
}

.record-microphone #record-microphone {
    display: block;
}

.record-microphone #btn-send-microphone {
    display: none;
}

.video-container {
    width: 100%;
    height: 100%;
    max-width: 885px;
    max-height: 664px;
    margin: 0 auto;
}

.btn-reshoot {
    cursor: pointer;
}

#btn-save-panel-edit-profile {
    cursor: pointer;
}

.panel-main {
    display: none;
}

#panel-emojis.open {
    transform: translateY(0px) !important;
}

#main {
    display: flex;
}

.action_arrow {
    position: absolute;
    right: 0;
    top: 47%;
    margin-top: -50px;
    background-color: #949a9c;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 16px;
    cursor: pointer;
    height: 55px;
    z-index: 5;
}

.action_arrow .changebtchat {
    top: 38px;
    right: 6px;
    position: absolute;
}

/* */
.user-menu {
    background-color: #f7faff;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #ddd;
}

.login {
    background: #fffaf5;
}

.login .colluns {
    display: grid;
    grid-template-columns: 450px;
    justify-content: center;
    grid-row-gap: 1em;
    margin: 7vw auto;
    align-items: center;
}

.login .colluns .col {
    padding: 1rem 2rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 6px 0 #0000001c;
    background: #fff;
    position: relative
}

.login .colluns .col img {
    margin: 10px auto;
    display: block
}

.login .colluns .col h2 {
    display: block;
    text-align: center;
    font-size: 1.9rem;
    padding: 1.3rem 0;
    color: #557fef;
}

.login .colluns .col label {
    display: block;
    padding-top: 1.5rem;
    padding-bottom: .4rem;
    font-weight: 600
}

.login .senha {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.login .viewCampo {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 1rem 2rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.login .viewCampo small {
    display: block;
    text-align: center;
}

.login .viewCampo .senha {
    position: absolute;
    top: 0rem;
    right: 1.5rem;
    color: #ccc;
    font-size: 1.5rem;
    font-weight: 300;
}

.login .viewCampo .senha:hover {
    color: #ddd;
    cursor: pointer
}

.login .viewCampo .senha.voltar {
    position: inherit;
    font-size: 1rem;
    display: block;
    text-align: center;
    padding-top: 1rem;
    color: #557cf2;
}

.form-control {
    font-family: Roboto, sans-serif;
    overflow: hidden;
    display: block;
    width: 100%;
    padding: .6rem .8rem;
    font-size: 1rem;
    line-height: 1.4;
    color: #0d142b;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 2px solid #dfe5f2;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: #0d142b;
    /* background-color: #fff; */
    border-color: #557cf2;
    outline: 0;
}

::selection {
    background: #39f !important;
    color: #fff;
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: 2rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn.btn-azul {
    margin-top: 1rem;
    background-color: #557cf2;
    border-color: #557cf2;
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 1.3rem
}

.btn.btn-azul:hover {
    background-color: #3b59b2;
    border-color: #3b59b2;
}

/**/
.user-options.alt .btNovaConversa {
    border: 0;
    background: none;
    /* padding:6px 8px; */
    box-shadow: none
}

.user-options {
    color: #557cf2;
    font-size: 18px;
    display: flex;
    padding: 10px;
    cursor: pointer;
}

.tooltip {
    position: relative;
    display: inline-block;

}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    padding: 10px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 9999999;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip.open:hover .tooltiptext,
.tooltip.open .tooltiptext {
    visibility: hidden !important;
    opacity: 0 !important;
}

.tooltip-right {
    top: -5px;
    left: 125%;
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -39px;
    font-size: 15px;

}

.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    font-size: 15px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.saw-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    min-width: 257px;
    padding: 20px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
    left: -113px;
    top: 38px;
    border-radius: 3px;

}

.saw-dropdown-nav {
    white-space: nowrap;
    font-size: 15px;
}

.saw-nav-header {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.saw-nav-header:last-child {
    margin-bottom: 0rem;
}

.btNovaConversa {
    /* margin-right: 5px !important; */
    font-size: 14px;
    padding: 6px;
    margin-left: 5px;
    margin-right: 5px;
    /* margin-top: -6px; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* border: 2px solid transparent; */
    /* border-radius: 10px; */
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #333;
    /* background-color: #f7faffdc;
    border-color: #f7faffdc;
    -webkit-box-shadow: 0 1px 1px rgba(85,124,242,.4); */
    /* box-shadow: 0 1px 1px rgba(85,124,242,.4); */
}

.itemIcon {
    color: #999;
    font-size: 1.2em;
    /* position: relative; */
    /* top: 0.6em; */
    transition: all .2s;
    padding-top: 5px;
}

.itemIcon:hover {
    color: #333 !important;
}

.user-options li:not(:last-child) {
    /* margin-right: -10px; */
}

.user-options li {
    position: relative;
    top: 0.5em;
}

.btNovaConversa.finalizar {
    border: solid 1px !important;
    display: flex !important;
    align-items: center !important;
    padding: 6px 12px !important
}

/* Configurações de CSS das Modais */
.window.qrcode {
    width: 600px !important;
    height: 600px !important;
    z-index: 100;
}

.qrcode_interna {
    border: 3px solid #000;
    padding: 20px;
    text-align: center;
    border-radius: 3%;
    display: table;
    margin: 0 auto;
}

.window.menor {
    width: 45% !important;
    height: 40% !important;
    z-index: 100;
}

.window.menor.comprido {
    height: 75% !important;
}

.window.medio {
    width: 65% !important;
    height: 65% !important;
    z-index: 100;
}

.window.maior {
    width: 90% !important;
    height: 90% !important;
    z-index: 100;
}

.window {
    position: fixed !important;
    width: 80% !important;
    background: #fff !important;
    border-radius: 3px !important;
    box-shadow: 0 0 8px 0 #0000002b;
    display: none;
    left: 18%;
    top: 12%;
    z-index: 4;
    transition: opacity 0.15s linear;
    overflow: auto;
}

.window .fechar:hover {
    text-shadow: none;
    cursor: pointer
}

#fundo_preto {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000a6;
    z-index: 1;
    display: none
}

/*alt*/
.box-modal.clean .ui-state-active {
    border: 0;
    background: none;
    box-shadow: inset 0 -3px 0 0 #557cf2
}

.box-modal.clean .ui-state-active a {
    color: #557cf2 !important;
}

.box-modal.clean .ui-state-default {
    border: 0;
    background: none;
}

.box-modal.clean .ui-state-default a {
    color: #a1a1a1
}

.box-modal {
    padding: 1.5rem 2rem
}

.box-modal .title {
    display: block;
    color: #557cf2;
    font-size: 1.7em;
    font-weight: 700;
    padding-bottom: 1rem;
}

#titleQRCode {
    text-align: center !important;
    text-transform: uppercase;
    font-size: 1em !important;
    margin: 5em 0 2em 0;
}

.box-modal p {
    line-height: 1.3rem;
    padding-bottom: 1rem
}

.saw-button-success {
    background-color: #557cf2 !important;
    color: #fff;
    border: 1px solid transparent;
}

.saw-button {
    border-radius: 3px
}

.saw-form-label {
    color: #333;
    font-size: 0.875rem;
    margin-top: 13px;
    margin-bottom: 8px;
}

.saw-form-label small {
    font-size: .7rem
}

.m_arquivo {
    position: absolute;
    z-index: 2;
    right: -17px;
    top: 40px;
    display: none
}

.m_arquivo .icone {
    background: url(../images/webp/arquivo.svg) center no-repeat;
    width: 59px;
    height: 59px;
    border: 0;
    display: block
}

#archive:checked~.m_arquivo {
    display: block;
    position: absolute;
    top: 42px;
    width: 53px;
    z-index: 2;
    left: -11px;
    opacity: 1;
    transition: opacity 1s linear;
    visibility: visible;
    display: block
}

.mensagensAssinar {
    padding: 6px;
    background: #fff;
    border-radius: 5px;
}

.mensagensAssinar select {
    border-bottom: 0;
    padding: 6px 16px 6px 4px;
    -webkit-appearance: listbox;
    appearance: listbox;
}

/*box-contatos*/
#box-contatos {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    background: #ffffff;
    left: -445px;
    height: 100vh;
    z-index: 2;
    transform: translateX(0);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#box-contatos .ico-image {
    border-radius: 50px;
    padding: 10px;
    background: #ffffff;
    width: 55px;
    height: 55px;
}

#box-contatos .suport {
    display: flex;
    align-items: center;
}

#box-contatos .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 300;
    margin-left: 1rem
}

.box-azul {
    padding: 1.8rem;
    background: #557cf2
}

#box-contatos .voltar {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    width: 25px;
    height: 22px;
    background: url(../images/webp/seta-left-branco.svg) no-repeat;
    background-size: cover;
    cursor: pointer
}

.card-geral {
    position: relative;
    padding-top: 10px;
}

.card-geral .ico-op-on {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/icons/ico-op-online.svg) no-repeat;
    background-size: cover;
    cursor: pointer
}

.card-geral .ico-op-add {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(../images/icons/ico-op-add.svg) no-repeat;
    background-size: cover;
    cursor: pointer
}

.card-geral h3 {
    color: #557cf2;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    padding-left: 10px;
    padding-top: 10px;
}

/*_chat*/
#Verchat {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 24%;
    background: #8aa4f3;
    right: -445px;
    height: 100vh;
    z-index: 5;
    transform: translateX(0);
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
}

.action_arrow.sair {
    right: initial;
    left: -32px;
    top: 45%
}

/*user-card-operadores*/
.user-card-operadores {
    display: flex;
    height: 39px;
    background: #fff;
    padding: 10px;
}

.user-card-operadores p span {
    margin-left: 5px;
    margin-top: 0px;
    width: 100%;
}

._chat .area_chat_op {
    min-height: calc(85vh - 100px);
    background: #fff;
    border-top: solid 1px #dbdbdb;
    padding: 10px;
    display: flex;
    max-height: 300px;
}

._chat .area_chat_op .central {
    width: 100%;
    /* min-height:100%; */
    min-height: auto;
    border: solid 1px #ebebeb;
    border-radius: 5px;
    background: #f8f8f8;
    padding: 2%;
    overflow-y: auto;
}

._chat .area_chat_op .msg {
    display: block;
    border-bottom: solid 1px #d2d2d2;
    padding: 10px 8px;
    margin-bottom: 0;
    background: #fff;
    margin-top: 0;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #ddd;
}

._chat .area_chat_op .msg.resposta {
    background: #d9ebe5;
    border-color: #9cb7ae;
}

._chat .area_chat_op .msg strong,
._chat .area_chat_op .msg p {
    font-size: .75rem;
    line-height: 1rem;
    padding: 0;
    margin: 0;
}

.msg span {
    font-size: 0.6em !important;
    display: block;
    color: #777;
    margin-top: 7px;
}

._chat .area_chat_op .message {
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
}

.campo-input {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    border-radius: 5px;
}

.saw-bottom-line {
    border: solid 1px #fff;
    float: right;
    padding: 7px;
    border-radius: 5px;
    color: #fff !important
}

.saw-flutua {
    position: relative
}

.saw-flutua .saw-dropdown-nav {
    position: absolute;
    left: -106px;
    background: #fff;
    top: 39px;
    padding: 10px;
    box-shadow: 0 0 12px 0 #44444447;
    border-radius: 2px;
    display: none;
}

.saw-flutu:hover .saw-dropdown-nav {
    display: block
}

/* Custom icon backgrounds removed, defaulting to FontAwesome */

.saw-height-medium {
    height: 222px;
    overflow-y: auto;
}

.setor {
    padding-left: 23%;
}

.ico-setor {
    position: absolute;
    left: 1rem;
    background: url(../images/icons/setor.svg) no-repeat;
    width: 72px;
    height: 26px;
    background-size: cover;
    margin-top: 7px;
}

.filtrar {
    right: 1rem;
    background: url(../images/icons/filter.svg) no-repeat;
    width: 20px;
    height: 19px;
    background-size: cover;
    margin-top: 13px;
    position: absolute
}

.message div:nth-child(1) {
    min-width: 35%;
    max-width: 85%;
    padding: 5px 0 10px 0;
}

.RLfQR span {
    display: flex;
    min-width: 76%;
    padding: 10px 13px;
    /* font-weight: bolder; */
}

/* Override: anula o min-width herdado para todos os spans dentro dos itens de atendimento do drawer */
.RLfQR .drawer-contact-item span {
    min-width: 0 !important;
    padding: 2 !important;
    display: initial;
}

.RLfQR .drawer-contact-item .contact-name {
    display: flex !important;
}

.RLfQR .drawer-contact-item .atend-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 4px !important;
}

/* Novo padrão para o visualizador de mensagens não lidas */
.atend-badge,
.messages-count-new,
.OUeyt,
._15G96 {
    background-color: #25d366 !important;
    /* Verde WhatsApp */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    min-width: 19px !important;
    height: 19px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}

.adjustIconsTalk {
    position: relative;
    bottom: 14px;
}

.tooltip i {
    color: #999;
}

.tooltip i:hover {
    color: #333;
}

.btnFinalizarChat {
    color: #d34545 !important;
    font-size: 1.5em !important;
    margin-top: 5px;
    transition: all .2s;
}

.btnFinalizarChat:hover {
    color: red !important;
}

.adjustFastAns {
    font-size: 1.7em;
    color: #999;
    margin-right: 10px;
    transition: all .2s;
}

.adjustFastAns:hover {
    color: #333;
}

.rotateIconClose {
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    color: #FFF;
}

/* ---- */
.lightbox-on,
.lightbox-lock>body {
    height: 100%;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

/*
 * 1: Average browser max z-index.
 * 2: IE8 transparent background.
 * 3. Use the iOS devices hardware accelerator to provide native scrolling.
 * 4. Prevent font rendering issues on Webkit.
 */
.lightbox-overlay {
    position: fixed;
    /* overflow: hidden; */
    z-index: 2147483647;
    /* 1 */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12NgYGDYDAAAuAC0TCbBxgAAAABJRU5ErkJggg==');
    background-repeat: repeat;
    -webkit-overflow-scrolling: touch;
    /* 3 */
    -webkit-backface-visibility: hidden;
    /* 4 */
}

/*
 * 1: Forces height calculations to work in JavaScript.
 */
.lightbox-header,
.lightbox-footer {
    padding: 1px 1em;
    /* 1 */
    margin: -1px 0;
    /* 1 */
    width: 100%;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    /* overflow: hidden; */
}

.lightbox-header {
    padding-right: 4.555em;
}

.lightbox-footer {
    top: auto;
    bottom: 0;
}

.lightbox-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
    margin-right: -1px;
    margin-left: -.25em;
}

/*
 * 1: Embedded animated gif.
 */
.lightbox-overlay.lightbox-loader:after {
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(data:image/gif;base64,R0lGODlhHAAcAPMAAEpKSldXV2VlZXl5eYmJiZiYmKamprW1tcjIyNnZ2enp6fj4+AAAAAAAAAAAAAAAACH5BAAFAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAHAAcAAAE5hDISau9OGttUKFGcmxWgJxUogZkdZyDNKhIWxHnB4SJrgkHwkRwqgFUCcEkFHOdDCzACzGYJYxEhSJhKRQPMZyH9yFotSPLYOoBGgRABPCsEGLiMItZmyR5D1EUAQkKBjYAAoEVAk0XBQeQkT4XCQuWl1xSkZsal54LEo+bB5MWlZ+ZF4kYAYobBAYFrjIDShsBBQa6toJVVbMTA7q6BLjFAQPFjL68FLDDSgMFBVUEBErIzF26shIE04nWdgC+jUPUE7jT3taBjMAV0ujk1s023wW2AeKHEuqT/PqRmyeDgDmB/SIAACH5BAAFAAAALAAAAAAcABwAg0pKSlhYWGdnZ3Z2doaGhpWVlaenp7i4uMjIyNbW1uPj4/X19QAAAAAAAAAAAAAAAATsEMhJq704a21QoUZibFaAnFSiBmR1nIM0qEdbEecHhImuCQfCxIQCIFSCSSERcx0OBhbghRDMEjWASaFIWArPZwznWfYAhARXka0MwocC0CAAVg1rhRAjMISbFARrVSRgB1IUAWojNgKIFQFJGAUGlZY+FwgLm5wIEpagjBicpAsSlKGYFpqlnnyPFFY2aAYFsFqbbRkBqHRfnAqSFwO9AwEEBAEBA8kHpKoSBJdJxAUDAshJBKSuFKjJ0QW2xwRNAgmbChYC1kPiOsjgnwqAGeztAMwEwrME4pLk6rXgJS4QslkTiNXDJhAhwggAIfkEAAUAAAAsAAAAABwAHACDSkpKWFhYaGhoenp6iYmJl5eXp6entbW1yMjI2tra6urq+Pj4AAAAAAAAAAAAAAAABOgQyEmrvThrXVChnbFZAYIclIkEY2WYgjSYaEsR5ge8CDEKBp+kdJKoWJJCIuY6HAzIA2xWBJQSCYSl4HTGcL1ODzDAYkWWQfdAEDwFwAPQnBBeAoYu82ZG7DMET0gUV2gtAoMVAX8VBQaPkDoYCAqVllo7kJoalp0KSZqPkheUnph3iRQCAzZkBaMTAQoLNRoBr6+MAAQLvUsZArgFAwEExIvEB729sBIEwjECBG2rA1+zvacTuARI090BA+ISAgm9n4rDsd8y4oMGCqwb0sbk4roj30jh461W7BPEyfM3oI0qa/4SUogAACH5BAAFAAAALAAAAAAcABwAg0pKSllZWWhoaHZ2doeHh5SUlKWlpbi4uMfHx9bW1uPj4/f39wAAAAAAAAAAAAAAAATsEMhJq704a11OoQVibFZwnBSiBmRlnII0qEdbEecHhAhBCgafxIQCqBAsSSjmMhgKyddBMEPUAKZEAmEhOJ0x3IHA8820iZFl8A0GngHg4Y1OCC/v76CLRjA1XgZJFAEIaTYAAoMVcRkFbU53FwgKlZZcAJBfGpadChKBbZIWlJ6YeIsUVIgDBaNDCgtXGgFkBQV/EwQLvAm5FQK3twMBA8QDCQsCB7y8OhWtwjECBATLvCMEsbyzurcESQPVtbyfWAi9JQR7Q9VCzX8GCuwa1OsS6AtqiADi4KDl+GFxNyFAs1QkxOVidkqgwAgAIfkEAAUAAAAsAAAAABwAHACDSkpKWFhYZ2dnenp6h4eHmJiYpqamtra2x8fH29vb6enp9/f3AAAAAAAAAAAAAAAABOcQyEmrvThrXQ6hBVJsVnCc1IEgAVkZpyANq+FWw/kBIbJrAsNgYkIBVKxJSFYpGAyFFgB2EAhqEtMKYSE8nzKCrvehbW2WwddACEADwUOgt/qVnOD0tkryRksrIzcCUiVMFwQFiot2FgcJkJEHEouVghiRmQkSiZaNFY+akxgBhRUCQzcDBJ8AAQkKoxoBrKyHEwQKugm3p7UEAwEDhFcKQbq6lxSrtTKowwYLCza5yLK4rMEzA8ED0puuCLslBIfC3BIK0ocFCalA3EwH0sqq3FIE3zdE3O8B0gtMuUB1a961fQglRAAAIfkEAAUAAAAsAAAAABwAHACDSkpKWFhYZ2dnd3d3hISElZWVp6enuLi41tbWyMjI5OTk9/f3AAAAAAAAAAAAAAAABO4QyEmrvThrXQyhxVFsVmCc1KEGZNUZgjSoRlsN5weEh64JhcHEhAKoDixJKOY6FZInmIAmCRwSiYOFEC3EuB7eZ4DFjiyDl8f0BBoChXLCV1IzKWTs4Z7hnitWCX8kAUklfBUEBYuMdBYHCJGSWjuMlhqSmQgSipYFjhWQmpQXhRgCQjYDBKAAAQgKNRsBq6yIAAQKugm3EwKstgILvAIJCgIGurqDE7WsLAYLCyfSNQSwuqTNrANJCtIDA9KbrsYK5BQBBHfC0hLfC3cFCL0V0QuUB9LMLfA6BONs+JK2gAI8QzYS4EuxUKDDChEAACH5BAAFAAAALAAAAAAcABwAg0pKSlhYWGdnZ3x8fIqKipeXl6amprS0tMnJydra2unp6ff39wAAAAAAAAAAAAAAAATpEMhJq704a00MocRRbFZgnNShBmRVnIIkqEZbDecHhMdACgWfxIQCqA4sSSjmKhQIyZdBMDvUACYE4mAhOJ0xnGHA+wwOWsTIAvwOAs8A3ABPI4SXgBdsGaQPTBoDTnloay1yGAGBfQSOj3gXaHZbSo+XGpRpEmSXBJEWk3ZciklsjBsCA6BDCQlXGgGrq6YTBK4JCKgUqrNUCroCCAkCBrgJOhW9tAAGCwsnCgojA8ekFLN4Cc+r0ghDB67fFbKBAs8KEtIKgQW6JM4LpAfShzYA2wtCA973MugU1tVqgUBeCgXX/CkEEAEAIfkEAAUAAAAsAAAAABwAHACDSkpKWFhYZ2dneXl5hoaGlZWVp6enuLi4yMjI1tbW5eXl9/f3AAAAAAAAAAAAAAAABOsQyEmrvThrTcqghFFsVmCI1GkEZFWcgiScY0sNJyGFxrcFnokJBVCxdodYpVMgHF8GwYxoOhwMlkFhW4jherzPwGqtVQRcD9AJXBXIB98lwOxmySuSVlcq2wABRyVKFwMEh4hyFwYIjY5YAIiSfBiOlggShpOKFoyXkIWEZ6IaAQcLC4JCCAmgGQIKqAtmEwQJtwikFAWyC0kKuQIHCTO3t5QUCL06BqgnCgojA6y3rhKxCwlHCagDA9CYgMMJ4TcLoAKoChIJ0IQFuSTNvhIG0LQ23As+38B/EgHUUYCmQFWLU67sHfjHkEIEACH5BAAFAAAALAAAAAAcABwAg0pKSlhYWGZmZnp6eoiIiJiYmKamprW1tcbGxtra2ujo6Pj4+AAAAAAAAAAAAAAAAATrEMhJq704a03KoIRBbFZQnJShBmTVFYIkqEVbDecHhIauBYSYxIQCqAwsSUgIIhAGyZdgZqgBTIeDwTJwOmM4D+8zyGZHFoH3CSQEgAWg+eArrZmTchZJ6qIrAQYHfyRvGAF4NwOLjHUWBgiRklsAjY0akpkIEpaMGpCalBcDiROINgEHCwpJFAGRVhoCCgu1hJySB6UTBbW1ugkIUwfCBZm3Egi+CiMFCgpVCQk1A5miE7QLCEkJz4vSm1fECAdc0BOzzxLSCUwEwiTOCuVG0sgk3Qo6A+A2ps8KKLBrZePAuQkGElzzx1BCBAAh+QQABQAAACwAAAAAHAAcAINKSkpXV1dmZmZ3d3eGhoaVlZWlpaW5ubnX19fIyMjj4+P5+fkAAAAAAAAAAAAAAAAE5xDISau9OGs9yqBEQWxWUJxUYRgBWYWFIAlr4VbC+QHEumsBgkxiQgFUrElvSBkQCIMW7ySgGWwA08pgcT6FgI5n4ANYVyOL4CsMRoOF4NbwK3nBFXJNqlnXJwFoN1l8FQFMFggLi4wIGgYHkZJcAIyWCxqSmgcSipeOGZCblBcDiBSHNwEHCwqFRAcJWH2eC2lNCbkHpymWuwi7ArE5ubm3FAmMCiMFCgpXCAg2A8UJpBOeCVIJzgMD0QlEBrpdzxMCzqDRCEwFuyTN5gAG0bOD3Ao738CDROkU616ROCBPAr1r/RJGAAAh+QQABQAAACwAAAAAHAAcAINKSkpXV1dmZmZ5eXmIiIiZmZmmpqa1tbXIyMjZ2dnp6en4+PgAAAAAAAAAAAAAAAAE4BDISau9OGs9yKBDQWxWQJxUoQZkdRIsIKhjSwnnB4SFrgUDwcSEAqgKsZ1BWBk4fa/ATCQJFAyGgkXwHLBwBK7qI8BiaxXuU2DyEk1mg6/UTU4GZiRJfQmcbQB2FVIZCQuHiAkaBQeNjloAiJILGo6WBxKGkwiLlweQF0EYhDYHCgmCgQcIoBkCCQqxaHcItQdMFwWxsUsIt2UIM7W1sxOmux8FCQkqxDurta2ZsQgxCMtOtlUG2k3ME6/LEsNJBLckygkGEtwIxS3XCToD3YABy4oT5IDs6ikI6/gJnBABACH5BAAFAAAALAAAAAAcABwAg0pKSldXV2ZmZnd3d4WFhZWVlaioqLi4uMjIyNbW1uTk5PX19QAAAAAAAAAAAAAAAATqEMhJq704az2IoEMxbFZAnFShBmTVESwgqERbCecIhMW3DQvDxIQCqAqxXc+yaCZ8r8CsUAMECgZDwYJoNms4D+8zyxqqlYJ3cQgMBgE3jGAWZQQK7/ZWT2ICB01+ElcGOi0DPiWDFF1rCwgaWGZZe49eGpSUEo5rkRmTlHsXiX+KGwEGCgmMgAejdwgKs2gTAwe4Bqdps7O6CAcCAgbBBbi4hxQHvQkjBQkJKggINbfHsBIJswgxCNBv0weExAdCLtETAtCf09wTBMEkzwnmBdO1Nt7NEgPhNkPrGk1jtMEAugn2sP1bCCACACH5BAAFAAAALAAAAAAcABwAg0pKSldXV2ZmZnh4eImJiZaWlqenp7a2tsjIyNra2urq6vj4+AAAAAAAAAAAAAAAAATrEMhJq704ay2GoAMxbNdgUkRKWuYQSEI6rlTnSSHxbYNiTIGWJEV44QpGimKxSOxagZgKECAUrhYEc6EgAGyd1Edwvc4qhe3iEHQFi4NyYXcRJLbeCvlaJB24SRRmNAA3FwGBFQgKjI0IGgUGkpMFEo2XChqTmz8Ai5iPGZGclRiGFlGEBgkIiVQGB3kcCAm1shMDB7oGrhMEtbUGAgjCArAxurpnFAfACSMFCAhX0l4DsLqlFLQJbBIH0ibSnQEFuyzTE8PS39JJBMIkBNKl0Qi3NOAIMwPjhBIBpIVq1+ofAAPpJkTTZtBgBAAh+QQABQAAACwAAAAAHAAcAINKSkpWVlZnZ2d2dnaHh4eUlJSlpaW4uLjHx8fW1tbj4+P39/cAAAAAAAAAAAAAAAAE6RDISau9OGuN1qECMWyWsJwUoZKWchJSoI4sZZwfMKgCOSiGiQkFUBECkx2y4logeoDmcRYjFAqwyuG0UMBuC0OI0BNcr7RKoekRKJ6BwSB+LkAvggQ3CzofSVsKSxVWaT53FQGDFggKjo8IGgUGlJUFEo+ZChqVnUEAjZqRGQSeBnwWcxgBiBsGCQiLMZSoGAIICbmGEgOdsim5uWIHYmYHMp27Eq+5CCMFCAhYBwcwAp21oLnHEgfRAgLUnwGTlCXSQtGj1NwSpa0XBNGXAAXU2YDRNOHENRMB6iiw++UK3QR79PwppBABACH5BAAFAAAALAAAAAAcABwAg0pKSlZWVmdnZ3p6eoiIiJeXl6WlpbW1tcfHx9zc3Onp6ff39wAAAAAAAAAAAAAAAATnEMhJq704a43WocIgbFawLAo1rKSVnIQUrENbGecHhCI5JIaJ4JQC0AJCArKSUCgQI8BrMZixADOC1nJwOmO4hYE3Emi1NUvBqzgInoJAKHuOXgTNr8V8Xmq6CX4UaDZGdhUBghUHCY2OOhgEBZOUMVKOmBqUmwUSjJgJkBeSnJZ3ihNyhQYICKgBBgamGQIHrQhpILEGBagTBLcIBbVjAgUGAQS7BrkUrLc1wAhaBwcxAsuzErcHS7ZQtQdBWMe8e8JCrTrV3RMDwyTSnQAF1c0231Hh44UB6hTsfGlC9+vAvEIIKUQAACH5BAAFAAAALAAAAAAcABwAg0pKSldXV2dnZ3d3d4WFhZWVlaampri4uMfHx9fX1+Tk5Pf39wAAAAAAAAAAAAAAAATvEMhJq704a33WoR2yWcGyKJS5BGOVmINEmElbFeYHIKYxDonCRGBCAVSCIYHlUigQzNdiMDtJAlQCwXJwKhJbQ6+z8Am02pil4FUYBAmEQIBQCLLaJIbu3VbOaUwaBl+CFHk2AAOGFAGMIAmRkjoYBAWXmH6SmzUZmJ9CAAecCZQXlqB+FwKPV3otBQgHjwEFBqoZAgcIvGoUAgbBBa0yvLzDBwWstgEEwQYFvhQGxggxBAcHWsExArbBuBK7CAZMBtlzwlffob/aEwHZOs+CA8oj2Mky3IkT5wd6gEHrByBetmnBiHnSN8FZOIKJIgAAIfkEAAUAAAAsAAAAABwAHACDSkpKV1dXaGhoe3t7iIiImJiYpqamtbW1ycnJ2dnZ6enp9/f3AAAAAAAAAAAAAAAABOgQyEmrvThrfZShx4JsVqCc1KIGZIWcg0SoSVsV5yGFS0EKCZ9EcFJIVAvBRDBguRKJgzMBG9AkgYE2VjlAoTGch/fJbpUWwjdhAB4Eghd8O0Bf4l9Cie7UGBIIfRRadj+CFAGHIAiMjToZAwSSk1yNliMZk5p6AAeXCI8YkZtcd4pYpxgFoIoBBQWlGQKejLFDrwUEqQAEtAgFAQbAAQTAA7gFhROrjG+8BwcEAwYGMQLInIsIBk4G0HDUQsSv2UvREwHQj9TcE8e7E73nvNS2Ld7OAALhNujqFOzgXSgwT4aBcv0SSogAACH5BAAFAAAALAAAAAAcABwAg0pKSlhYWGdnZ3l5eYaGhpaWlqenp7m5udbW1sjIyOTk5Pf39wAAAAAAAAAAAAAAAATuEMhJq704a32UocdybFagKAilLEtAVsk5SASbvlRxfkC4FCRBAigRnG6rhWBiWMxgCMTBBYgpBgNbEcFSWAzR6EynKDR/gBprkbgQwgiDQCoQIgQ+FvFiF1sKawpLG2AJVBQBLFM4AocVAk8XBgmUlTwYAwSam0+Vnm0Zm6IEEpOflxeZo5EWjRgBjhsFB4t/BawYAga0B7gAAgXBBLEUA7wHBQEGyQEEyQPBwYMVs7xLAwYGBNgGM8DRvrsHBlRmcrrLEs3CrQek6tk85oeZxBbc7wTZviTmg+h7cCjLliObPQ1m3kmAphCHwwoRAAAh+QQABQAAACwAAAAAHAAcAINKSkpXV1dmZmZ6enqJiYmYmJimpqa1tbXHx8fa2trp6en39/cAAAAAAAAAAAAAAAAE6xDISau9OGt9kqGHcmxWkJyUogZkhZyDNKhIWxXnB4RKQQoIn0RwSkhUCsHEoIi5EIgDC/BKDGaKGoC4WCgsBig0hksUmD0AQdFdjCwEcRB4EAg69/ZCeLmLnRQEbQlKGwVQUxQBbFI2AokVAoBgclA6GFeZmRKVYhqamhJhlZcXoJsYjxgBkBsEBwatEgQEk6kGB7m2W7S0shMDubkEAQXEAQQFAQO9BIU3wnUAAwYGVwUFMQLNu7gHyhJnBnbYBBLLvRYCBubn1TrY4EPEJNTsMtjPNgDihQLl+9xVoxDvlwYC94BlC8iQQgQAOw==);
    /* 1 */
    background-position: center center;
    background-repeat: no-repeat;
    content: " ";
    z-index: 3;
}

.lightbox {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    /* overflow: auto; */
}

.lightbox.lightbox-ajax {
    width: 100%;
    max-width: 1140px;
}

.lightbox.lightbox-iframe {
    width: 100%;
    max-width: 900px;
    /* overflow: hidden; */
}

.lightbox.lightbox-image {
    /* overflow: hidden; */
}

.lightbox-content {
    background-color: #fff;
    padding: 1em;
    text-align: left;
    max-height: 100%;
    overflow: auto;
}

.lightbox>img {
    max-height: 100%;
    max-width: none\9;
    width: auto\9;
}

/* IE9 and IE10 still read the \9 hack*/
.lightbox>img:nth-of-type(1n) {
    max-width: 100%\9;
}

.lightbox>.media {
    background-color: #111;
    margin: 0 auto;
}

.lightbox-close {
    position: fixed;
    right: 0;
    top: 0;
    z-index: -2;
    display: inline-block;
    padding: 0.83em;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

.lightbox-close:hover {
    text-decoration: underline;
}

.lightbox-direction,
.lightbox-direction:visited {
    position: fixed;
    display: block;
    width: 2em;
    top: 49%;
    left: 0;
    padding: .5em;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    z-index: 2;
}

.lightbox-direction.right {
    left: auto;
    right: 0;
}

.lightbox-direction:hover {
    text-decoration: underline;
}

/*
 * Fade opacity with animation
 */
.fade-out {
    opacity: 0 !important;
}

/*
 * Opacity helper to add to elements to allow fade animation
 */
.fade-in {
    opacity: 1 !important;
}

.fade-out,
.fade-in {
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

/*
 * Hide from both screen readers and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/* Drag & Drop Image */
.dropzone-wrapper {
    border: 3px dashed #009688;
    background: rgba(0, 150, 136, 0.05);
    color: #92b0b3;
    position: relative;
    height: 78%;
    margin-top: 0px;
    border-radius: 15px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: all 0.3s ease-in-out;
}

.dropzone-desc {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #e0e0e0;
}

.dropzone-desc p {
    margin-top: 15px;
    font-weight: 500;
}

.dropzone,
.dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    margin-left: -438px;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    background: rgba(0, 150, 136, 0.15);
    transform: scale(1.02);
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.2);
}

/* Cores dos Icons */
._red,
._red:hover {
    color: red !important;
}

._orange,
._orange:hover {
    color: orange !important;
}

._yellow,
._yellow:hover {
    color: yellow !important;
}

._green,
._green:hover {
    color: green !important;
}

._blue,
._blue:hover {
    color: blue !important;
}

/* Editor HTML - QUILL */
.editor {
    width: 504px;
    height: 200px;
}

/* Box QRCode - Offline */
#serverBotOffline {
    color: red;
    padding: 165px 120px 165px 120px;
    font-weight: bold;
}

/* Mensagem ReWaid */
.rewaid {
    background-color: #dcdcdc !important;
    padding: 5px;
    border-radius: 5px;
}

.saw-height-medium {
    height: 85% !important;
}

/* Canais Online/Offline */
.phones {
    position: fixed;
    left: 1em;
    bottom: 0.5em;
}

.phones a {
    position: relative;
    background: #eee;
    display: block;
    padding: 10px;
    border-radius: 360px;
    margin-bottom: 0.5em;
    text-align: center;
}

.phones a span {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0.4em;
    right: 0;
    border-radius: 360px;
}

.collorActive {
    background: #24cc63;
}

.collorInactive {
    background: red;
}

/* Nenhum Canal Habilitado */
.noCanal {
    width: 99%;
    height: 51%;
    /* border: 1px solid red; */
    text-align: center;
    vertical-align: middle;
    padding-top: 46%;
    font-size: 2.5em;
    color: red;
}

/* Configurações para o Menu DropDown para a Validação do Prontuário */
.image-container {
    position: relative;
    display: inline-block;
}

.dropdown {
    display: none;
    position: absolute;
    top: 25px;
    right: -150px;
    background-color: #333;
    color: #fff;
    /* padding: 10px; */
    width: 150px;
    height: 30px;
    z-index: 1;
}

.image-container:hover .dropdown {
    display: block;
}

.dropdown a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px 0;
    margin-top: -19px;
    margin-left: 0px;
    text-align: center !important;
}

.dropdown a:hover {
    background-color: #555;
}

/* Configurações para os Status e Reações das Mensagens*/
.message-status {
    color: #999;
}

.status {
    font-size: 13px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 600 !important;
}

.status.read {
    color: #34b7f1 !important;
    /* Azul WhatsApp Web */
}

.status.error {
    color: #ef4444 !important;
    /* Vermelho vibrante */
    font-size: 12px !important;
    /* Ligeiramente menor para equilibrar peso visual */
}

.status.pending {
    color: #b45309 !important;
    /* Âmbar */
}

.reaction {
    position: absolute;
    bottom: -15px;
    right: 5px;
    font-size: 30px;
}

.rejection {
    position: absolute !important;
    bottom: 6px !important;
    left: 10px !important;
    right: 10px !important;
    font-size: 11px !important;
    text-align: left !important;
    color: #dc2626 !important;
    background-color: #fef2f2 !important;
    border: 1px solid #fee2e2 !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
    z-index: 10 !important;
}

.sobrepor {
    background-color: rgba(200, 200, 200, 0.75);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 99;

    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

.sobrepor_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background-color: #b8cce4;
    padding: 18px 24px;
    border-radius: 8px;
    color: #1e293b;
    max-width: 90%;
    width: 620px;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.sobrepor_content p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #1e293b;
}

.sobrepor_content .btn-default {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: #1e293b;
    font-weight: 600;
    font-size: 13px;
    padding: 8px 16px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.sobrepor_content .btn-default:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.sobrepor_content .btn-primary {
    background-color: #2563eb;
    border: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    padding: 8px 16px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.sobrepor_content .btn-primary:hover {
    background-color: #1d4ed8;
}

/* Custom CadastroArea adjustments */
#CadastroArea:after {
    display: none !important;
    content: none !important;
}

/* ==========================================
   CONVERSATION / CHAT WINDOW POLISH
   ========================================== */

/* 1. Chat Background Doodles & Color */
html[dir] ._1GX8_ {
    background: #efeae2 url(../_images/backwhats.png) repeat !important;
}

/* Hide YUoyu to avoid double backgrounds or overlay issues */
.YUoyu {
    display: none !important;
}

/* 2. Chat Header */
header._3AwwN {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
    padding: 0 20px 0 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    height: 60px !important;
    /* Aumentado para comportar duas linhas nas ações */
    box-sizing: border-box !important;
    z-index: 100 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Avatar do cliente no cabeçalho */
header._3AwwN .conv-header-avatar {
    flex-shrink: 0 !important;
}

/* Bloco central com nome + sub-info */
header._3AwwN .conv-header-info {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: hidden !important;
}

/* Linha do nome */
header._3AwwN .conv-header-name {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    overflow: hidden;
}

/* Nome do cliente */
header._3AwwN .conv-client-name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

/* Timestamp (Janela de Conversa Expirada / ativa) */
header._3AwwN .conv-timestamp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 20px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

header._3AwwN .conv-timestamp.expired {
    color: #dc2626 !important;
    background-color: #fee2e2 !important;
    border: 1px solid #fecaca !important;
}

header._3AwwN .conv-timestamp.active {
    color: #166534 !important;
    background-color: #dcfce7 !important;
    border: 1px solid #bbf7d0 !important;
}

/* Linha inferior: número + total de mensagens */
header._3AwwN .conv-header-sub {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

header._3AwwN .conv-client-number {
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

header._3AwwN .conv-msg-count {
    font-size: 12px !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
}

header._3AwwN .conv-msg-count strong {
    font-weight: 700 !important;
    color: #64748b !important;
}

/* Ações do cabeçalho (ícones) */
header._3AwwN .conv-header-actions {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: row !important;
    /* Lado a lado */
    align-items: center !important;
    gap: 12px !important;
    /* Espaçamento entre o status e os ícones */
    height: 100% !important;
}

/* Container para o badge da janela (ao lado dos ícones) */
header._3AwwN .conv-header-status-row {
    display: flex !important;
    align-items: center !important;
}

header._3AwwN .conv-header-status-row:empty {
    display: none !important;
}

header._3AwwN .user-options.alt {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

header._3AwwN .user-options.alt li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    color: #64748b !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
    position: relative !important;
    top: 0 !important;
    /* Anula heranças indesejadas como 'top: 0.5em' */
    margin: 0 !important;
}

/* Override para anular padding e margin herdados da classe .btNovaConversa */
header._3AwwN .user-options.alt li.btNovaConversa {
    padding: 0 !important;
    margin: 0 !important;
}

header._3AwwN .user-options.alt li:hover {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

header._3AwwN .user-options.alt li a,
header._3AwwN .user-options.alt li div {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 100% !important;
}

header._3AwwN .user-options.alt li i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    /* Tamanho unificado dos ícones */
    width: auto !important;
   
}

header._3AwwN .user-options.alt li .btnFinalizarChat {
    color: #ef4444 !important;
}

header._3AwwN .user-options.alt li:has(.btnFinalizarChat):hover {
    background-color: #fee2e2 !important;
    color: #ef4444 !important;
}

/* 3. Chat Messages Styling */
.messages-container {
    background-color: transparent !important;
    /* Transparent to show the background doodles */
    padding: 20px 5% !important;
    box-sizing: border-box !important;
}

/* Individual Message Layouts */
.message {
    width: 100% !important;
    margin-bottom: 12px !important;
    display: block !important;
    clear: both !important;
    float: none !important;
}

.message .font-style._3DFk6 {
    max-width: 65% !important;
    padding: 8px 14px 24px 14px !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #1e293b !important;
    position: relative !important;
    display: inline-block !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

/* Oculta os bicos clássicos para obter balões flutuantes elegantes e modernos */
.message .tail-container {
    display: none !important;
}

/* Incoming (Client) Message Bubble */
.message .font-style._3DFk6.message-in {
    background-color: rgba(255, 255, 255, 0.70) !important;
    /* Mais claro e transparente */
    border-radius: 12px !important;
    float: left !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    /* Borda mais definida */
}

/* Outgoing (Agent) Message Bubble */
.message .font-style._3DFk6.message-out {
    background-color: rgba(240, 253, 230, 0.70) !important;
    /* Verde mais claro e transparente */
    border-radius: 12px !important;
    float: right !important;
    border: 1px solid rgba(74, 222, 128, 0.45) !important;
    /* Borda mais definida */
}

/* Outgoing (Robo - user_id 1) Message Bubble */
.message .font-style._3DFk6.message-out.message-robo {
    background-color: rgba(240, 249, 255, 0.70) !important;
    /* Azul mais claro e transparente */
    border: 1px solid rgba(56, 189, 248, 0.45) !important;
    /* Borda mais definida */
}

/* Aumento de padding quando há rejeição/erro */
.message .font-style._3DFk6.has-rejection {
    padding-bottom: 50px !important;
}

/* 4. Timestamp & Checkmarks Alignment */
.message ._2f-RV {
    position: absolute !important;
    bottom: 4px !important;
    right: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
   
}

/* Desloca a hora/status para cima quando há um banner de rejeição abaixo */
.message .font-style._3DFk6.has-rejection ._2f-RV {
    bottom: 38px !important;
}

width: auto !important;
float: none !important;
}

.message .msg-time {
    font-size: 10px !important;
    color: #64748b !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.message .message-status {
    display: inline-flex !important;
    align-items: center !important;
}

.message .message-status img,
.message .message-status svg {
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 5. Footer / Input Bar styling */
footer._2jVLL {
    background-color: #f0f2f5 !important;
    padding: 0 !important;
    border: none !important;
   
    box-sizing: border-box !important;
    position: relative !important;
}

/* Ensure the typing wrapper has display flex and centers everything vertically */
footer._2jVLL #divDigitacao {
    border: none !important;
    box-shadow: none !important;
    background-color: #f0f2f5 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 10px 16px !important;
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

/* Reset positioning shifts on all talk icons inside the footer */
footer._2jVLL .adjustIconsTalk {
    position: relative !important;
    top: 0 !important;
    bottom: auto !important;
}

/* The icons container on the left */
footer._2jVLL ._2uQuX {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override the inline display/float on the icon span wrappers */
footer._2jVLL ._2uQuX .adjustIconsTalk {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    margin: 0 !important;
    width: 34px !important;
    height: 34px !important;
}

footer._2jVLL ._2uQuX .adjustIconsTalk a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    color: #64748b !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

footer._2jVLL ._2uQuX .adjustIconsTalk a:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Style the grey icons to look premium and consistent */
footer._2jVLL ._2uQuX .adjustFastAns {
    font-size: 22px !important;
    color: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Specific vertical alignment shift for the smiley face (emoji icon) */
footer._2jVLL ._2uQuX #btnViewEmojs .adjustFastAns {
    position: relative !important;
    top: 0 !important;
}

/* Reset the white background and borders of the nesting divs around the textarea */
footer._2jVLL ._2bXVy,
footer._2jVLL ._3F6QL,
footer._2jVLL ._2WovP {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex: 1 !important;
    align-items: center !important;
}

/* Textarea Input Field */
footer._2jVLL textarea {
    flex: 1 !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 24px !important;
    padding: 8px 18px !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 17px !important;
    line-height: 22px !important;
    min-height: 40px !important; max-height: 350px !important;
    resize: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    color: #0f172a !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

footer._2jVLL textarea:focus {
    border-color: #cbd5e1 !important;
    box-shadow: 0 0 0 2px rgba(203, 213, 225, 0.15) !important;
}

/* Send button styling */
footer._2jVLL ._2lkdt {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    transition: background-color 0.15s ease, transform 0.15s ease !important;
}

footer._2jVLL ._2lkdt:hover {
    background-color: rgba(100, 116, 139, 0.08) !important;
    transform: scale(1.05) !important;
}

footer._2jVLL ._2lkdt svg {
    fill: #64748b !important;
    transition: fill 0.15s ease !important;
}

footer._2jVLL ._2lkdt:hover svg {
    fill: #250352 !important;
}

/* 6. Emoji Drawer / Panel styling */
footer._2jVLL #panel-emojis {
    position: absolute !important;
    bottom: 100% !important;
    /* sit exactly on top of the footer */
    left: 0 !important;
    right: 0 !important;
    height: 240px !important;
    background-color: #f8fafc !important;
    /* premium ultra-light background */
    border-top: 1px solid #e2e8f0 !important;
    /* clean separator line */
    box-shadow: 0 -4px 12px rgba(15, 23, 42, 0.03) !important;
    /* soft shadow */
    z-index: 1 !important;
    transform: translateY(100%) !important;
    /* hidden below footer top edge */
    visibility: hidden !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s !important;
}

footer._2jVLL #panel-emojis.open {
    transform: translateY(0px) !important;
    visibility: visible !important;
}

/* Make sure the internal container spans the full height and has clean padding */
footer._2jVLL #panel-emojis .panel-emojis-container,
footer._2jVLL #panel-emojis ._3ZkhL,
footer._2jVLL #panel-emojis .Sbkt2 {
    background-color: transparent !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Style the Emoji drawer section title "Emojis & Pessoas" */
footer._2jVLL #panel-emojis ._1-N6t {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    color: #64748b !important;
    margin: 0 16px !important;
    padding: 18px 0 8px 0 !important;
}

/* Emojis buttons styling inside the drawer */
footer._2jVLL #panel-emojis ._3ZkhL .emojik {
    margin: 6px !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    font-size: 26px !important;
    /* increased size by 30% */
    padding: 4px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.12s ease-in-out !important;
}

footer._2jVLL #panel-emojis ._3ZkhL .emojik:hover {
    transform: scale(1.25) !important;
    background-color: rgba(100, 116, 139, 0.08) !important;
}

/* Align the last message text in the contact list row to match the name (accounting for the 8px shift of the canal icon) */
.contact-item ._1AwDx {
    padding-left: 8px !important;
}

/* Reduce spacing on left and right borders of the row to give more space for names */
html[dir=ltr] .contact-item .dIyEr {
    padding: 0 6px 0 10px !important;
}

html[dir=ltr] .contact-item ._3j7s9 {
    padding-right: 5px !important;
}

/* ==========================================
   REESTILIZAÇÃO PREMIUM DA ÁREA DE CADASTROS (#CadastroArea)
   ========================================== */

/* Layout base do CadastroArea */
#CadastroArea {
    background-color: #f8fafc !important;
    /* Fundo levemente cinza premium */
    padding: 30px 40px !important;
    border-left: 1px solid #e2e8f0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

#CadastroArea.no-padding {
    padding: 0 !important;
}

/* Caixa principal de conteúdo de cada cadastro */
#CadastroArea .box-modal {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 24px 32px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* Cabeçalho do Cadastro */
#CadastroArea .box-modal h2.title,
#CadastroArea .box-modal #titleCadastroUser,
#CadastroArea h2.title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: inherit !important;
}

/* Inputs de texto, textareas e selects */
#CadastroArea .saw-input,
#CadastroArea .saw-textarea,
#CadastroArea .saw-select,
#CadastroArea select,
#CadastroArea input[type="text"],
#CadastroArea input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    color: #334155 !important;
    outline: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
   
}

#CadastroArea .saw-input:focus,
#CadastroArea .saw-textarea:focus,
#CadastroArea .saw-select:focus,
#CadastroArea select:focus,
#CadastroArea input[type="text"]:focus,
#CadastroArea input[type="password"]:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

/* Textareas específicos */
#CadastroArea .saw-textarea,
#CadastroArea textarea {
    resize: vertical !important;
    line-height: 1.4 !important;
    min-height: 80px !important;
}

/* Labels de formulários */
#CadastroArea .saw-form-label,
#CadastroArea label {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    margin-top: 12px !important;
    display: block !important;
    font-family: inherit !important;
}

/* Checkboxes modernos */
#CadastroArea .saw-checkbox {
    width: 18px !important;
    height: 18px !important;
    accent-color: #4f46e5 !important;
    border-radius: 4px !important;
    border: 1px solid #cbd5e1 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

/* Labels de checkboxes em linha */
#CadastroArea .saw-form-label:has(.saw-checkbox) {
    display: flex !important;
    align-items: center !important;
    font-weight: 500 !important;
    color: #334155 !important;
    padding: 8px 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

#CadastroArea .saw-form-label:has(.saw-checkbox:checked) {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #0f172a !important;
}

/* Botões do Cadastro */
#CadastroArea .saw-button,
#CadastroArea button,
#CadastroArea input[type="submit"],
#CadastroArea input[type="button"] {
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 9px 24px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    outline: none !important;
   
    line-height: 1.2 !important;
    font-family: inherit !important;
}

/* Botão Primário (Salvar, Gravar, Adicionar) */
#CadastroArea .saw-button-primary,
#CadastroArea input[type="submit"],
#CadastroArea #btnRedefinirSenha,
#CadastroArea .btnRedefinirPrincipal {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2) !important;
}

#CadastroArea .saw-button-primary:hover,
#CadastroArea input[type="submit"]:hover {
    background-color: #4338ca !important;
    box-shadow: 0 4px 8px rgba(79, 70, 229, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Botão Secundário / Cancelar / Voltar */
#CadastroArea .saw-button-default,
#CadastroArea .fechar,
#CadastroArea .saw-modal-close,
#CadastroArea #btnVoltarListaCanais,
#CadastroArea .btnRedefinirSecundario {
    background-color: #ffffff !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
}

#CadastroArea .saw-button-default:hover,
#CadastroArea .fechar:hover,
#CadastroArea .saw-modal-close:hover {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}

/* Listagens e Tabelas Modernas */
#CadastroArea .topLine {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-family: inherit !important;
    display: flex !important;
    flex-wrap: nowrap !important;
}

#CadastroArea ul[saw-accordion] {
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 0 12px 12px !important;
    background: #ffffff !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#CadastroArea ul[saw-accordion]>li {
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    transition: background-color 0.15s !important;
    list-style: none !important;
}

#CadastroArea ul[saw-accordion]>li:last-child {
    border-bottom: none !important;
}

#CadastroArea ul[saw-accordion]>li:hover {
    background-color: #f8fafc !important;
}

#CadastroArea .titlesTable {
    font-size: 13.5px !important;
    color: #334155 !important;
    font-family: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
}

#CadastroArea .saw-accordion-title {
    font-weight: 600 !important;
    color: #4f46e5 !important;
    text-decoration: none !important;
}

#CadastroArea .saw-accordion-title:hover {
    text-decoration: underline !important;
}

/* Botões de Ação na Tabela (Excluir, Editar, Remover) */
#CadastroArea button.add,
#CadastroArea .add {
    background: transparent !important;
    border: none !important;
    padding: 6px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
}

#CadastroArea button.add:hover,
#CadastroArea .add:hover {
    background-color: #f1f5f9 !important;
}

#CadastroArea button.add[title="Excluir"]:hover,
#CadastroArea .add[title="Excluir"]:hover,
#CadastroArea .btnVinculaUsuario:hover {
    color: #ef4444 !important;
    background-color: #fee2e2 !important;
}

#CadastroArea button.add[title="Editar"]:hover,
#CadastroArea .add[title="Editar"]:hover {
    color: #4f46e5 !important;
    background-color: #e0e7ff !important;
}

/* Accordion Content */
#CadastroArea .saw-accordion-content {
    background-color: #f8fafc !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    margin-top: 10px !important;
    border: 1px dashed #cbd5e1 !important;
}

#CadastroArea ul.sublist {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

#CadastroArea ul.sublist>li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

#CadastroArea ul.sublist>li:last-child {
    border-bottom: none !important;
}

#CadastroArea .btnVinculaUsuario {
    background: #ffffff !important;
    color: #ef4444 !important;
    border: 1px solid #fee2e2 !important;
    padding: 5px 12px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* REESTILIZACAO HISTORICO */

REESTILIZAÇÃO PREMIUM DA ÁREA DE CADASTROS (#modalRelatorio)==========================================*/

/* Layout base do CadastroArea */
#modalRelatorio {
    background-color: #f8fafc !important;
    /* Fundo levemente cinza premium */
    padding: 30px 40px !important;
    border-left: 1px solid #e2e8f0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Caixa principal de conteúdo de cada cadastro */
#modalRelatorio .box-modal {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 24px 32px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}

/* Cabeçalho do Cadastro */
#modalRelatorio .box-modal h2.title,
#modalRelatorio .box-modal #titleCadastroUser,
#modalRelatorio h2.title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: inherit !important;
}

/* Inputs de texto, textareas e selects */
#modalRelatorio .saw-input,
#modalRelatorio .saw-textarea,
#modalRelatorio .saw-select,
#modalRelatorio select,
#modalRelatorio input[type="text"],
#modalRelatorio input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    color: #334155 !important;
    outline: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
   
}

#modalRelatorio .saw-input:focus,
#modalRelatorio .saw-textarea:focus,
#modalRelatorio .saw-select:focus,
#modalRelatorio select:focus,
#modalRelatorio input[type="text"]:focus,
#modalRelatorio input[type="password"]:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

/* Textareas específicos */
#modalRelatorio .saw-textarea,
#modalRelatorio textarea {
    resize: vertical !important;
    line-height: 1.4 !important;
    min-height: 80px !important;
}

/* Labels de formulários */
#modalRelatorio .saw-form-label,
#modalRelatorio label {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    margin-top: 12px !important;
    display: block !important;
    font-family: inherit !important;
}

/* Checkboxes modernos */
#modalRelatorio .saw-checkbox {
    width: 18px !important;
    height: 18px !important;
    accent-color: #4f46e5 !important;
    border-radius: 4px !important;
    border: 1px solid #cbd5e1 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

/* Labels de checkboxes em linha */
#modalRelatorio .saw-form-label:has(.saw-checkbox) {
    display: flex !important;
    align-items: center !important;
    font-weight: 500 !important;
    color: #334155 !important;
    padding: 8px 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

#modalRelatorio .saw-form-label:has(.saw-checkbox:checked) {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #0f172a !important;
}

/* Botões do Cadastro */
#modalRelatorio .saw-button,
#modalRelatorio button,
#modalRelatorio input[type="submit"],
#modalRelatorio input[type="button"] {
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 9px 24px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    outline: none !important;
   
    line-height: 1.2 !important;
    font-family: inherit !important;
}

/* Botão Primário (Salvar, Gravar, Adicionar) */
#modalRelatorio .saw-button-primary,
#modalRelatorio input[type="submit"],
#modalRelatorio #btnRedefinirSenha,
#modalRelatorio .btnRedefinirPrincipal {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2) !important;
}

#modalRelatorio .saw-button-primary:hover,
#modalRelatorio input[type="submit"]:hover {
    background-color: #4338ca !important;
    box-shadow: 0 4px 8px rgba(79, 70, 229, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Botão Secundário / Cancelar / Voltar */
#modalRelatorio .saw-button-default,
#modalRelatorio .fechar,
#modalRelatorio .saw-modal-close,
#modalRelatorio #btnVoltarListaCanais,
#modalRelatorio .btnRedefinirSecundario {
    background-color: #ffffff !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
}

#modalRelatorio .saw-button-default:hover,
#modalRelatorio .fechar:hover,
#modalRelatorio .saw-modal-close:hover {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}

/* Listagens e Tabelas Modernas */
#modalRelatorio .topLine {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-family: inherit !important;
}

#modalRelatorio ul[saw-accordion] {
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 0 12px 12px !important;
    background: #ffffff !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#modalRelatorio ul[saw-accordion]>li {
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    transition: background-color 0.15s !important;
    list-style: none !important;
}

#modalRelatorio ul[saw-accordion]>li:last-child {
    border-bottom: none !important;
}

#modalRelatorio ul[saw-accordion]>li:hover {
    background-color: #f8fafc !important;
}

#modalRelatorio .titlesTable {
    font-size: 13.5px !important;
    color: #334155 !important;
    font-family: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
}

#modalRelatorio .saw-accordion-title {
    font-weight: 600 !important;
    color: #4f46e5 !important;
    text-decoration: none !important;
}

#modalRelatorio .saw-accordion-title:hover {
    text-decoration: underline !important;
}

/* Botões de Ação na Tabela (Excluir, Editar, Remover) */
#modalRelatorio button.add,
#modalRelatorio .add {
    background: transparent !important;
    border: none !important;
    padding: 6px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
}

#modalRelatorio button.add:hover,
#modalRelatorio .add:hover {
    background-color: #f1f5f9 !important;
}

#modalRelatorio button.add[title="Excluir"]:hover,
#modalRelatorio .add[title="Excluir"]:hover,
#modalRelatorio .btnVinculaUsuario:hover {
    color: #ef4444 !important;
    background-color: #fee2e2 !important;
}

#modalRelatorio button.add[title="Editar"]:hover,
#modalRelatorio .add[title="Editar"]:hover {
    color: #4f46e5 !important;
    background-color: #e0e7ff !important;
}

/* Accordion Content */
#modalRelatorio .saw-accordion-content {
    background-color: #f8fafc !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    margin-top: 10px !important;
    border: 1px dashed #cbd5e1 !important;
}

#modalRelatorio ul.sublist {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

#modalRelatorio ul.sublist>li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

#modalRelatorio ul.sublist>li:last-child {
    border-bottom: none !important;
}

#modalRelatorio .btnVinculaUsuario {
    background: #ffffff !important;
    color: #ef4444 !important;
    border: 1px solid #fee2e2 !important;
    padding: 5px 12px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   REESTILIZAÇÃO PREMIUM PARA A MODAL DE REDEFINIR SENHA (#modalRedefinirSenha)
   ========================================================================== */

#modalRedefinirSenha {
    background-color: #ffffff !important; /* Base do modal inteiramente branca */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Caixa principal de conteúdo */
#modalRedefinirSenha .box-modal {
    background: transparent !important; /* Sem cor de fundo duplicada */
    border-radius: 0 !important;
    padding: 24px 32px !important;
    max-width: 100% !important; /* Preenche a largura total da modal */
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Cabeçalho */
#modalRedefinirSenha h2.title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: inherit !important;
}

/* Inputs de texto/senha */
#modalRedefinirSenha .saw-input,
#modalRedefinirSenha input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    color: #334155 !important;
    outline: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
   
    width: 100% !important;
}

#modalRedefinirSenha .saw-input:focus,
#modalRedefinirSenha input[type="password"]:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

/* Labels */
#modalRedefinirSenha .saw-form-label,
#modalRedefinirSenha label {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    margin-top: 12px !important;
    display: block !important;
    font-family: inherit !important;
}

/* Botões */
#modalRedefinirSenha .saw-button,
#modalRedefinirSenha button {
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 9px 24px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    outline: none !important;
   
    line-height: 1.2 !important;
    font-family: inherit !important;
}

#modalRedefinirSenha .saw-button-primary {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2) !important;
}

#modalRedefinirSenha .saw-button-primary:hover {
    background-color: #4338ca !important;
    box-shadow: 0 4px 8px rgba(79, 70, 229, 0.3) !important;
    transform: translateY(-1px) !important;
}

#modalRedefinirSenha .saw-button-default {
    background-color: #ffffff !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
}

#modalRedefinirSenha .saw-button-default:hover {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}

/* Estilo Premium para a mensagem de validação/erro */
#modalRedefinirSenha .msgValida {
    color: #ef4444 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-top: 15px !important;
    background-color: #fef2f2 !important;
    border: 1px solid #fee2e2 !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

/* Estilos Premium para o Sistema de Abas (Shim jQuery UI) */
.ui-tabs-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e2e8f0;
    gap: 25px;
}
.ui-tabs-nav li {
    margin: 0;
}
.ui-tabs-nav li a {
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    color: #64748b;
    font-weight: 600;
    font-size: 14.5px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: all 0.2s ease;
}
.ui-tabs-nav li a:hover {
    color: #334155;
    border-bottom-color: #cbd5e1;
}
.ui-tabs-nav li.ui-tabs-active a {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

/* --- NOVOS COMPONENTES SAW --- */

/* Modal Action Footers */
.saw-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 1rem;
}

/* Base Buttons */
.saw-btn-default {
    border: 1px solid #cbd5e1;
    background-color: #fff;
    border-radius: 6px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 20px;
    color: #334155;
    font-size: 13.5px;
    cursor: pointer;
    transition: background 0.2s;
}

.saw-btn-default:hover {
    background-color: #f8fafc;
}

.saw-btn-primary {
    background-color: #2563eb;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 24px;
    font-size: 13.5px;
    cursor: pointer;
    transition: background-color 0.2s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.saw-btn-primary:hover {
    background-color: #1d4ed8;
}

/* Lists and Rows */
.saw-list-header {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: bold;
    padding: 8px 10px;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
}

.saw-list-container {
    margin-top: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.saw-list-item {
    margin-top: 0;
    border-bottom: 1px solid #f1f5f9;
}

.saw-list-item:last-child {
    border-bottom: none;
}

.saw-list-row {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 4px 10px;
    font-size: 13.5px;
}

/* Circular Action Buttons (Editar/Excluir/Toggle) */
.saw-btn-action {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #999;
    transition: color 0.2s, background-color 0.2s;
}

.saw-btn-action:hover {
    color: #333;
    background-color: #f1f5f9;
}



/* Modals Confirmação Excluir */
.saw-modal-confirm {
    border-radius: 12px;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    border: 1px solid #e2e8f0;
    background: #fff;
    padding: 0 !important;
    display: none;
    width: 380px !important;
   
    z-index: 1000 !important;
}

.saw-modal-confirm-inner {
    padding: 24px !important;
    margin: 0 !important;
}

.saw-modal-confirm-title {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin-top: 0 !important;
    margin-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.saw-modal-confirm-text {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 24px;
}

.saw-modal-confirm-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.saw-btn-danger {
    background-color: #e53e3e;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    font-size: 13.5px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.saw-btn-danger:hover {
    background-color: #c53030;
}

/* Colunas Listagem Canais */
.saw-col-id { box-sizing: border-box; width: 5%; color: #666; }
.saw-col-nome { box-sizing: border-box; width: 50%; text-align: left; color: #333; display: flex; align-items: center; gap: 8px; padding-left: 10px; }
.saw-col-contato { box-sizing: border-box; width: 20%; color: #666; }
.saw-col-situacao { box-sizing: border-box; width: 15%; color: #666; }
.saw-col-acoes { box-sizing: border-box; width: 10%; display: flex; justify-content: flex-end; align-items: center; gap: 10px; }



/* Utilitários Extras */
.saw-hidden { display: none; }
.saw-block { display: block; }

/* Título de Listagem */
.saw-list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

/* Botões Ícones */
.saw-icon-btn-success {
    color: #28a745;
    cursor: pointer;
}

.saw-icon-btn-success:hover {
    color: #218838;
}

/* Imagem do Canal */
.img-canal {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

/* Modal Confirm Icon & Highlight */
.saw-modal-confirm-icon {
    color: #e53e3e;
    font-size: 20px;
    flex-shrink: 0;
}

.saw-modal-confirm-highlight {
    color: #0f172a;
}



/* Utilitários Extras para Grid e Alinhamento */
[class*="saw-col-"] { box-sizing: border-box !important; }
.saw-col-5 { width: 5% !important; }
.saw-col-10 { width: 10% !important; }
.saw-col-15 { width: 15% !important; }
.saw-col-20 { width: 20% !important; }
.saw-col-25 { width: 25% !important; }
.saw-col-30 { width: 30% !important; }
.saw-col-35 { width: 35% !important; }
.saw-col-40 { width: 40% !important; }
.saw-col-45 { width: 45% !important; }
.saw-col-50 { width: 50% !important; }
.saw-col-60 { width: 60% !important; }
.saw-col-100 { width: 100% !important; }

.saw-align-left { text-align: left !important; }
.saw-align-right { text-align: right !important; }
.saw-align-center { text-align: center !important; }

.saw-pl-2 { padding-left: 10px !important; }
.saw-pr-2 { padding-right: 10px !important; }
.saw-pt-2 { padding-top: 10px !important; }
.saw-pb-2 { padding-bottom: 10px !important; }

.saw-mt-2 { margin-top: 10px !important; }
.saw-mb-2 { margin-bottom: 10px !important; }

.saw-mt-15 { margin-top: 15px !important; }

.saw-flex { display: flex !important; }
.saw-flex-wrap { flex-wrap: wrap !important; }
.saw-align-items-center { align-items: center !important; }
.saw-justify-content-center { justify-content: center !important; }
.saw-justify-content-end { justify-content: flex-end !important; }
.saw-justify-content-between { justify-content: space-between !important; }

.saw-gap-2 { gap: 10px !important; }
.saw-gap-1 { gap: 5px !important; }

.saw-text-danger { color: #e53e3e !important; }
.saw-text-success { color: #28a745 !important; }
.saw-text-muted { color: #64748b !important; }
.saw-text-dark { color: #333 !important; }

.saw-font-weight-500 { font-weight: 500 !important; }



/* Mais utilitários para filtros e layouts restantes */
.saw-col-25 { width: 25% !important; }
.saw-col-65 { width: 65% !important; }

.saw-cursor-pointer { cursor: pointer !important; }
.saw-p-4 { padding: 20px !important; }
.saw-fs-24 { font-size: 24px !important; }
.saw-border-radius-4 { border-radius: 4px !important; }

.saw-filter-container {
    display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; align-items: center; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #e5e5e5;
}
.saw-flex-1 { flex: 1 !important; }
.saw-min-w-150 { min-width: 150px !important; }
.saw-w-140 { width: 140px !important; }

.saw-btn-icon-42 {
    display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; padding: 0 !important; border-radius: 8px !important;
}

.saw-text-uppercase { text-transform: uppercase !important; }

/* Markdown Styles */
strong { font-weight: 700 !important; }
em { font-style: italic !important; }
s, strike { text-decoration: line-through !important; }
code { font-family: monospace !important; background: rgba(0,0,0,0.05); padding: 2px 4px; border-radius: 4px; }




/* Premium Scrollbar for Textarea */
footer._2jVLL textarea::-webkit-scrollbar { width: 6px; }
footer._2jVLL textarea::-webkit-scrollbar-track { background: transparent; }
footer._2jVLL textarea::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
footer._2jVLL textarea::-webkit-scrollbar-thumb:hover { background: #94a3b8; }