body.npo-studio-messenger-opened{overflow:hidden}.npo-studio-messenger{display:flex;flex:1 1 auto;min-height:0;height:100%;width:100%}.npo-studio-messenger.messenger-opened{display:flex}.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 .messenger-pages{width:100%;height:100%;min-height:0;color:#fff}.npo-studio-messenger *{box-sizing:border-box}.npo-studio-messenger svg{width:auto;height:100%}.npo-studio-messenger .page-profile-create,.npo-studio-messenger .page-profile-update,.npo-studio-messenger .page-messages{display:flex;flex-direction:column;position:relative;height:100%}.npo-studio-messenger .messenger-page-header{flex:0 0 auto;height:64px;display:flex;flex-direction:row;align-items:center;font-family:"NPO Nova Headline";font-style:normal;font-weight:700;font-size:32px;line-height:120%}.npo-studio-messenger .messenger-page-header .button-messenger-back,.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:rgba(0,0,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-profile-update svg{fill:#fff;max-height:40%}.npo-studio-messenger .messenger-page-header .button-messenger-back:hover,.npo-studio-messenger .messenger-page-header .button-messenger-profile-update:hover{transform:scale(1.1)}.npo-studio-messenger .messenger-page-header .messenger-page-title{flex:1 1 auto;padding:0 0 0 21px}.npo-studio-messenger .messenger-page-content{flex:1 1 auto}.npo-studio-messenger .page-profile-create .messenger-page-header{height:auto;align-items:flex-start}.npo-studio-messenger .page-profile-create .messenger-page-header .messenger-page-title{display:flex;flex-direction:column;align-items:flex-start;padding-top:24px;gap:24px}.npo-studio-messenger .page-profile-create .messenger-page-header .messenger-page-title-logo img{display:block;height:43px;width:auto}@media(min-width: 600px){.npo-studio-messenger .page-profile-create .messenger-page-header .messenger-page-title{align-items:center;padding:64px 0 0;text-align:center}.npo-studio-messenger .page-profile-create .messenger-page-header .messenger-page-title-logo img{height:53px}}.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:21px}@media(min-width: 600px){.npo-studio-messenger .page-profile-create .messenger-page-content,.npo-studio-messenger .page-profile-update .messenger-page-content{padding:64px 48px}}.npo-studio-messenger .page-profile-create .profile-create-intro,.npo-studio-messenger .page-profile-update .profile-create-intro{margin:0 0 20px 0}.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;margin:20px 0 5px 0}.npo-studio-messenger .page-profile-create input[type=text],.npo-studio-messenger .page-profile-create input[type=tel],.npo-studio-messenger .page-profile-create input[type=email],.npo-studio-messenger .page-profile-update input[type=text],.npo-studio-messenger .page-profile-update input[type=tel],.npo-studio-messenger .page-profile-update input[type=email]{display:block;width:100%;padding:15px 10px;background:#1f3353;border:1px solid #485c7b;border-radius:8px;color:#fff}.npo-studio-messenger .page-profile-create button[type=submit],.npo-studio-messenger .page-profile-update button[type=submit]{display:block;width:100%;margin:20px auto 0 auto;padding:13px;font-family:"NPO Nova Text";font-style:normal;font-weight:500;font-size:16px;cursor:pointer;border:0;border-radius:8px;background:#f56a00;color:#fff;transition-property:background;transition-duration:.15s}.npo-studio-messenger .page-profile-create button[type=submit]:hover,.npo-studio-messenger .page-profile-update button[type=submit]:hover{background:#cc5406}@media(min-width: 600px){.npo-studio-messenger .page-profile-create button[type=submit],.npo-studio-messenger .page-profile-update button[type=submit]{max-width:300px}}.npo-studio-messenger .page-profile-create .retention-description,.npo-studio-messenger .page-profile-update .retention-description{margin:80px 0 20px 0;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:bold;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{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:hidden;height:100vh}@media(min-width: 600px){.npo-studio-messenger .page-messages{height:min(550px,100vh);max-height:100dvh}}.npo-studio-messenger .page-messages .messenger-page-header{background:#0b1c36;min-height:64px;height:auto}.npo-studio-messenger .page-messages .messenger-page-header .messenger-page-title{display:grid;grid-template-columns:44px minmax(0, 1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 0 10px 21px;min-width:0}.npo-studio-messenger .page-messages .messenger-page-header .messenger-page-title-image{grid-row:1/span 2;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.18) url("/static/icon-npostart.svg");background-size:35px;background-position:center;background-repeat:no-repeat}.npo-studio-messenger .page-messages .messenger-page-header .messenger-page-title-top,.npo-studio-messenger .page-messages .messenger-page-header .messenger-page-title-bottom{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npo-studio-messenger .page-messages .messenger-page-header .messenger-page-title-top{font-size:18px;line-height:1.1}.npo-studio-messenger .page-messages .messenger-page-header .messenger-page-title-bottom{font-size:13px;font-weight:500;line-height:1.1;opacity:.78}.npo-studio-messenger .page-messages .messages-list{flex:1 1 auto;overflow-y:auto;min-height:0}.npo-studio-messenger .page-messages .message-new{flex:0 0 auto}.npo-studio-messenger .messages-list ul{display:flex;flex-direction:column;min-height:100%;margin:0;padding:0;list-style:none;overflow:hidden}.npo-studio-messenger .messages-list li{margin:0;padding:10px 0 0 0;clear:both}.npo-studio-messenger .messages-list li:first-child{margin-top:auto}.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:bold;margin-bottom:5px}.npo-studio-messenger .messages-list li .message-body img,.npo-studio-messenger .messages-list li .message-body video,.npo-studio-messenger .messages-list li .message-body audio{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;color:#fff}.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 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:#485c7b;color:#fff;border-radius:10px 10px 3px 10px}.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:bold;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-content-poll-question .poll-question{font-weight:bold}.npo-studio-messenger .message-content-poll-question form{margin-top:10px}.npo-studio-messenger .message-content-poll-question label{display:block}.npo-studio-messenger .message-content-poll-result .poll-question{font-weight:bold}.npo-studio-messenger .message-content-poll-result .poll-votes{font-style:italic}.npo-studio-messenger .message-content-poll-result .poll-answers{margin-top:10px}.npo-studio-messenger .message-content-poll-result label{display:block}.npo-studio-messenger .message-new{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;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:8px 16px;border:0;outline:none;font-family:inherit;font-size:14px;line-height:18px;background:#1f3353;border:1px solid #485c7b;border-radius:9999px;color:#fff}.npo-studio-messenger .message-new-inputwrapper textarea::placeholder{color:rgba(255,255,255,.5)}.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:none;border:0;display:block;background:rgba(0,0,0,0)}.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-audio-add-hidden{display:none}.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:#f56a00}.npo-studio-messenger .message-new .button-message-send svg{height:55%}.npo-studio-messenger .message-new .button-message-send-hidden{display:none}.npo-studio-messenger .message-new .button-message-photo-add,.npo-studio-messenger .message-new .button-message-audio-add,.npo-studio-messenger .message-new .button-message-send{transition:transform .2s ease-in-out;cursor:pointer}.npo-studio-messenger .message-new .button-message-photo-add:hover,.npo-studio-messenger .message-new .button-message-audio-add:hover,.npo-studio-messenger .message-new .button-message-send:hover,.npo-studio-messenger .message-new .button-message-photo-add:active,.npo-studio-messenger .message-new .button-message-audio-add:active,.npo-studio-messenger .message-new .button-message-send:active{transform:scale(1.1)}.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:rgba(0,0,0,0)}.npo-studio-messenger .photo-new .button-photo-close svg{fill:#fff;height:80%}.npo-studio-messenger .photo-new .button-photo-close{transition:transform .2s ease-in-out}.npo-studio-messenger .photo-new .button-photo-close:hover{transform:scale(1.1)}.npo-studio-messenger .photo-new .photo-new-input{display:none}.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:none;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:rgba(0,0,0,0)}.npo-studio-messenger .audio-new .button-audio-close svg{fill:#fff;height:80%}.npo-studio-messenger .audio-new .button-audio-close{transition:transform .2s ease-in-out}.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:bold}.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 0}.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:bold}.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}