body.npo-studio-messenger-opened{overflow:hidden}.npo-studio-messenger .messenger-page-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;transform:translateX(100%);transition:opacity .4s ease-in-out,transform 0s linear .4s;opacity:0;background:rgba(0,0,0,.4)}.npo-studio-messenger .messenger-pages{position:fixed;top:0;bottom:0;right:0;transform:translateX(100%);z-index:2000;width:500px;max-width:100vw;transition:transform .4s ease-in-out}.npo-studio-messenger.messenger-opened{display:block}.npo-studio-messenger.messenger-opened .messenger-page-mask{transform:translateX(0);opacity:1;transition:opacity .4s ease-in-out}.npo-studio-messenger.messenger-opened .messenger-pages{transform:translateX(0)}.npo-studio-messenger .message-new .button-message-audio-add:active,.npo-studio-messenger .message-new .button-message-audio-add:hover,.npo-studio-messenger .message-new .button-message-photo-add:active,.npo-studio-messenger .message-new .button-message-photo-add:hover,.npo-studio-messenger .message-new .button-message-send:active,.npo-studio-messenger .message-new .button-message-send:hover,.npo-studio-messenger .messenger-page-header .button-messenger-back:hover,.npo-studio-messenger .messenger-page-header .button-messenger-close:hover,.npo-studio-messenger .messenger-page-header .button-messenger-profile-update:hover,.npo-studio-messenger .photo-new .button-photo-close:hover{transform:scale(1.1)}.npo-studio-messenger *{box-sizing:border-box}.npo-studio-messenger svg{width:auto;height:100%}.npo-studio-messenger .page-messages,.npo-studio-messenger .page-profile-create,.npo-studio-messenger .page-profile-update{display:flex;flex-direction:column;position:relative;height:100%;background:#fff}.npo-studio-messenger .messenger-page-header{flex:0 0 auto;height:70px;display:flex;flex-direction:row;align-items:center;font-size:24px;background:#003576;color:#fff}.npo-studio-messenger .messenger-page-header .button-messenger-back,.npo-studio-messenger .messenger-page-header .button-messenger-close,.npo-studio-messenger .messenger-page-header .button-messenger-profile-update{flex:0 0 auto;height:70px;width:70px;outline:0;padding:0;margin:0;border:0;cursor:pointer;background:0 0;transition:transform .2s ease-in-out}.npo-studio-messenger .messenger-page-header .button-messenger-back svg,.npo-studio-messenger .messenger-page-header .button-messenger-close svg,.npo-studio-messenger .messenger-page-header .button-messenger-profile-update svg{fill:#fff;max-height:40%}.npo-studio-messenger .messenger-page-content,.npo-studio-messenger .messenger-page-header .messenger-page-title{flex:1 1 auto}.npo-studio-messenger .messenger-errors{color:red}.npo-studio-messenger .page-profile-create .messenger-page-content,.npo-studio-messenger .page-profile-update .messenger-page-content{overflow:hidden;overflow-y:auto;padding:10px}.npo-studio-messenger .page-profile-create .profile-create-intro,.npo-studio-messenger .page-profile-update .profile-create-intro{margin:0 0 20px}.npo-studio-messenger .page-profile-create p,.npo-studio-messenger .page-profile-update p{margin:12px 0}.npo-studio-messenger .page-profile-create label,.npo-studio-messenger .page-profile-update label{display:block;color:#003576;margin:20px 0 3px}.npo-studio-messenger .page-profile-create input[type=checkbox],.npo-studio-messenger .page-profile-update input[type=checkbox]{margin:3px}.npo-studio-messenger .page-profile-create input[type=email],.npo-studio-messenger .page-profile-create input[type=tel],.npo-studio-messenger .page-profile-create input[type=text],.npo-studio-messenger .page-profile-update input[type=email],.npo-studio-messenger .page-profile-update input[type=tel],.npo-studio-messenger .page-profile-update input[type=text]{display:block;width:100%;padding:10px;border:1px solid #003576;border-radius:3px}.npo-studio-messenger .page-profile-create button[type=submit],.npo-studio-messenger .page-profile-update button[type=submit]{display:block;width:100%;height:40px;margin:20px 0;font-size:16px;font-weight:700;cursor:pointer;border:2px solid #003576;background:#fff;color:#003576}.npo-studio-messenger .page-profile-create button[type=submit]:hover,.npo-studio-messenger .page-profile-update button[type=submit]:hover{background:#003576;color:#fff}.npo-studio-messenger .page-profile-create .retention-description,.npo-studio-messenger .page-profile-update .retention-description{margin:80px 0 20px;text-align:center}.npo-studio-messenger .page-profile-create .button-profile-delete,.npo-studio-messenger .page-profile-update .button-profile-delete{display:block;width:100%;height:40px;margin:20px 0;font-size:16px;font-weight:700;cursor:pointer;border:2px solid #fff;background:#fff;color:red}.npo-studio-messenger .page-profile-create .button-profile-delete:hover,.npo-studio-messenger .page-profile-update .button-profile-delete:hover{border:2px solid red}.npo-studio-messenger .page-messages .messages-list{flex:1 1 auto;overflow-y:auto}.npo-studio-messenger .page-messages .message-new{flex:0 0 auto}.npo-studio-messenger .messages-list ul{margin:0;padding:0;list-style:none;overflow:hidden}.npo-studio-messenger .messages-list li{margin:0;padding:10px 0 0;clear:both}.npo-studio-messenger .messages-list li .message{color:#003576;max-width:75%}.npo-studio-messenger .messages-list li .message-content{padding:10px}.npo-studio-messenger .messages-list li .message-avatar{float:left;width:44px;height:44px;margin-left:10px;border-radius:22px}.npo-studio-messenger .messages-list li .message-name{font-weight:700;margin-bottom:5px}.npo-studio-messenger .messages-list li .message-body audio,.npo-studio-messenger .messages-list li .message-body img,.npo-studio-messenger .messages-list li .message-body video{display:block;max-width:100%;margin-bottom:10px}.npo-studio-messenger .messages-list li .message-body :last-child{margin-bottom:0}.npo-studio-messenger .messages-list li .message-time{font-size:11px;margin:5px 10px}.npo-studio-messenger .messages-list li.from-server .message{float:left}.npo-studio-messenger .messages-list li.from-server .message-content{margin-left:65px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);border-radius:3px 10px 10px}.npo-studio-messenger .messages-list li.from-server .message-time{margin-left:65px}.npo-studio-messenger .messages-list li.from-client .message{float:right}.npo-studio-messenger .messages-list li.from-client .message-content{margin-right:10px;margin-bottom:4px;float:right;background:#F1F4F7;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);border-radius:10px 10px 3px}.npo-studio-messenger .messages-list li.from-client .message-time{clear:right;text-align:right}.npo-studio-messenger a.message-content-link{display:block;text-decoration:none;color:#000}.npo-studio-messenger a.message-content-link img.link-image{float:right;max-width:25%;margin-left:10px}.npo-studio-messenger a.message-content-link .link-title{display:block;font-weight:700;font-size:16px}.npo-studio-messenger a.message-content-link:hover .link-title{text-decoration:underline}.npo-studio-messenger a.message-content-link .link-description{display:block;padding-top:10px;font-size:14px}.npo-studio-messenger a.message-content-link .link-url{clear:both;display:block;padding-top:10px;color:#00B9E6;text-decoration:underline;font-size:14px}.npo-studio-messenger .message-new{background:#003576;padding:10px;display:flex;flex-direction:row;align-items:flex-end;align-content:stretch;overflow:hidden;width:100%;z-index:2}.npo-studio-messenger .message-new-inputwrapper{flex:1 1 auto;border-radius:3px;font-size:16px;background:#fff;display:flex;flex-direction:row;align-items:flex-end;align-content:stretch}.npo-studio-messenger .message-new-inputwrapper textarea{flex:1 1 auto;resize:none;margin:0;padding:10px;border:0;outline:0;font-family:inherit;font-size:16px;line-height:18px;color:#000;background:#fff}.npo-studio-messenger .message-new-inputwrapper .inputbuttons-right{flex:0 0 auto}.npo-studio-messenger .message-new-inputwrapper .inputbuttons-right .button-message-photo-add{width:30px;height:30px;margin:5px 10px}.npo-studio-messenger .message-new-inputwrapper .inputbuttons-right .button-message-photo-add svg{fill:#003576;height:75%}.npo-studio-messenger .message-new button{margin:0;padding:0;outline:0;border:0;display:block;background:0 0}.npo-studio-messenger .message-new .button-message-audio-add-hidden,.npo-studio-messenger .message-new .button-message-send-hidden,.npo-studio-messenger .photo-new .photo-new-input{display:none}.npo-studio-messenger .message-new .button-message-audio-add{flex:0 0 auto;width:40px;height:40px;border-radius:20px;margin:0 0 0 10px;background:#fff}.npo-studio-messenger .message-new .button-message-audio-add svg{fill:#003576;height:60%}.npo-studio-messenger .message-new .button-message-send{flex:0 0 auto;width:40px;height:40px;border-radius:20px;margin:0 0 0 10px;background:#fff}.npo-studio-messenger .message-new .button-message-send svg{fill:#003576;height:55%}.npo-studio-messenger .message-new .button-message-audio-add,.npo-studio-messenger .message-new .button-message-photo-add,.npo-studio-messenger .message-new .button-message-send{transition:transform .2s ease-in-out;cursor:pointer}.npo-studio-messenger .photo-new{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.7)}.npo-studio-messenger .photo-new .button-photo-close{position:absolute;top:1%;left:1%;height:60px;width:60px;outline:0;padding:0;margin:0;border:0;cursor:pointer;background:0 0;transition:transform .2s ease-in-out}.npo-studio-messenger .photo-new .button-photo-close svg{fill:#fff;height:80%}.npo-studio-messenger .photo-new .photo-container{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%)}.npo-studio-messenger .photo-new .photo-container-title{background:#003576;color:#fff;height:60px;line-height:60px;padding:0 20px;font-size:18px}.npo-studio-messenger .photo-new .photo-preview{background:#000}.npo-studio-messenger .photo-new .photo-preview img{display:block;margin:0 auto;max-width:100%;max-height:65vh}.npo-studio-messenger .photo-new .photo-text-container{display:flex;flex-direction:row;align-items:flex-end;align-content:stretch;padding:10px;background:#003576}.npo-studio-messenger .photo-new .photo-text-input{flex:1 1 auto;border-radius:3px;resize:none;margin:0;padding:10px;border:0;outline:0;font-size:16px;background:#fff}.npo-studio-messenger .photo-new .button-photo-send{flex:0 0 auto;width:40px;height:40px;border-radius:20px;margin:0 0 0 10px;background:#fff}.npo-studio-messenger .photo-new .button-photo-send svg{fill:#003576;height:55%}.npo-studio-messenger .audio-new{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.7)}.npo-studio-messenger .audio-new .button-audio-close{position:absolute;top:1.5%;left:1.5%;height:70px;width:70px;outline:0;padding:0;margin:0;border:0;cursor:pointer;background:0 0;transition:transform .2s ease-in-out}.npo-studio-messenger .audio-new .button-audio-close svg{fill:#fff;height:80%}.npo-studio-messenger .audio-new .button-audio-close:hover{transform:scale(1.1)}.npo-studio-messenger .audio-new .audio-permission-explanation{position:absolute;top:50%;left:10%;width:80%;transform:translateY(-50%);color:#fff}.npo-studio-messenger .audio-new .audio-permission-error{display:none;position:absolute;top:50%;left:10%;width:80%;transform:translateY(-50%);color:red;font-weight:700}.npo-studio-messenger .audio-new .button-audio-start,.npo-studio-messenger .audio-new .button-audio-stop{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);padding:50px;font-size:18px;border:0;border-radius:100px;background:#fff}.npo-studio-messenger .audio-new .button-audio-start span,.npo-studio-messenger .audio-new .button-audio-stop span{display:block}.npo-studio-messenger .audio-new .button-audio-start svg,.npo-studio-messenger .audio-new .button-audio-stop svg{max-height:60%;margin:-10px 0 10px}.npo-studio-messenger .audio-new .button-audio-stop{color:#E42312}.npo-studio-messenger .audio-new .button-audio-stop .audio-recording-duration{position:absolute;bottom:0;left:0;width:100%;padding:10px;font-weight:700}.npo-studio-messenger .audio-new .button-audio-stop svg{fill:#E42312}.npo-studio-messenger .audio-new .audio-confirm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.npo-studio-messenger .audio-new .audio-confirm-container{background:#fff;margin-bottom:10px}.npo-studio-messenger .audio-new .audio-confirm-title{background:#003576;color:#fff;height:60px;line-height:60px;padding:0 20px;font-size:18px}.npo-studio-messenger .audio-new .audio-preview{padding:5px;border:1px solid #003576}.npo-studio-messenger .audio-new .button-audio-send{width:100%;height:40px;font-size:20px;border:2px solid #003576;background:#fff;color:#003576}