*{scrollbar-width:thin}html,body{height:100%}body{margin:0;background-color:#f2f2f2;display:flex;flex-direction:column}.app-root{position:absolute;height:100%;width:100%;display:flex;flex-direction:column}.app-login__container{margin:0;background-color:#f2f2f2;display:flex;flex-direction:column;height:100vh;align-items:center}.app-login__container p{font-size:2em;font-weight:bold;color:#999;pointer-events:none;margin-top:30vh}.app-login__form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70vh}.app-login__input{font-size:1.3em;margin:.3em;padding:.3em;border-radius:.2em;border:0 none;width:15em}.app-login__message{font-size:1.3em}.app-header__container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#345c80}.app-header__button{display:inline-flex;margin:.5em;padding:0;align-items:center;cursor:pointer;border-radius:.2em;border:0;outline:0 none;background-color:rgba(211,203,227,.6901960784);color:#f8f8ff;transition-duration:.5s;transition-property:background-color,color}.app-header__button:hover{background-color:#e2e2e2;color:#333}.app-header__button.active{color:#5050e0;background-color:#f9f9f9;box-shadow:0 0 .3em silver}.app-header__button.active:hover{background-color:#fdfdfd;text-decoration:underline}.app-header__button a{display:block;color:inherit;text-decoration:none;outline:0 none;padding:.2em .5em}.app-header__button a:hover{color:inherit}.app-header__text{padding:.2em .5em}.app-header__icon{width:1em;margin:.32em .6em;pointer-events:none}.app-body__container{display:flex;justify-content:center;flex-grow:1;position:relative}.app-body__column-1{top:0;bottom:0;position:absolute;left:0;right:50vw;overflow-y:auto;overflow-x:auto;display:flex;flex-direction:column;height:100%;background-color:#f7f2ec}.app-body__column-2{top:0;bottom:0;position:absolute;overflow-y:auto;left:50vw;right:0}.app_message__container{display:flex;margin:.5em 0;padding:.5em .1em;cursor:pointer;min-height:3em;border-left-width:1px;border-left-style:solid;border-left-color:rgba(0,0,0,0)}.app_message__container:hover,.app_message__container.selected{background-color:#f9f9f9;box-shadow:0 0 3em #e6e6e6;border-left-color:#546e7a}.app_message__container:hover .app_message__note-block,.app_message__container.selected .app_message__note-block{display:block}.app_message__container:hover .app_message__email-icon,.app_message__container.selected .app_message__email-icon{opacity:1}.app_message__container.unread{font-weight:bold}.app_message__container.unread .app_message__date-elem{display:inline-block;color:#00008b}.app_message__date-elem{border-bottom:1px dashed #555;display:inline-block}.app_message__date-block{font-size:.7em}.app_message__col-1{width:2em;flex-shrink:0;display:flex;justify-content:center;align-items:center}.app_message__col-2{position:relative;padding-left:.3em}.app_message__note-block{display:none;position:absolute;margin-left:-1.7em;margin-top:-0.5em;color:#888}.app_message__note-block svg{pointer-events:none;width:1em;display:block}.app_message__note-block:hover{color:blue}.app_message__email-name{margin-right:.3em;color:#555}.app_message__email-address{font-style:italic;margin-left:.3em}.app_message__email-icon{opacity:.4}.app_message__email-icon.to-trash:hover{color:crimson}.app_message__email-icon.to-inbox:hover{color:#1e90ff}.app_message__email-icon svg{pointer-events:none;height:1.3em;display:block}.app_message__content{padding:1em;word-wrap:break-word;word-break:break-word}.attachments__container-preview{display:flex;align-items:center;padding:.1em;font-size:.8em;flex-wrap:wrap;border-bottom:1px dashed #555}.attachments__container-preview a{text-decoration:none;margin:.3em;display:inline-flex;border-bottom:1px solid rgba(0,0,0,0)}.attachments__container-preview a:hover{border-bottom-color:inherit}.attachments__filename{display:inline-block;text-overflow:ellipsis;overflow-x:hidden;max-width:15em;white-space:nowrap}.attachments__container-active{display:flex;align-items:center;padding:.1em;font-size:.8em;flex-wrap:wrap}.attachments__item{display:flex;align-items:center;margin:.1em;padding:.1em .3em;box-shadow:0 0 .3em silver;border-radius:.3em}.attachments__item:hover{box-shadow:0 0 .4em #777}.attachments__item a{display:flex;color:#535353;text-decoration:none}.attachments__item a:hover{color:#007bff}.attachments__item-icon{display:flex;cursor:pointer;color:#555;margin-left:.3em}.attachments__item-icon:hover{color:#007bff}.attachments__item-icon svg{pointer-events:none;height:1em}.app-notes__container{user-select:none}.app-notes__top{margin:1em}.app-notes__top small{color:#789;font-style:italic}.app-notes__button{background-color:rgba(0,0,0,0);border:0;margin:.4em;padding:.5em;cursor:pointer}.app-notes__button:hover{background-color:#e2e2e2}.app-notes__list{margin-left:2em;outline-style:none}.app-notes__list summary:hover span{background-color:#e1e1e1}.app-notes__item{cursor:pointer;padding:0 .1em}.app-notes__item i{margin-left:.4em}.app-notes__item:hover{background-color:#e1e1e1}.app-notes__item-selected{text-decoration:underline;color:#0000cd}.app-notes__email{display:inline-block;margin-left:.5em}.app-notes__sub-list{margin:.3em 0}.app-notes__dlg-body input,.app-notes__dlg-body select{width:20em}.notes-content__header{text-align:center}.notes-content__tools{display:flex;justify-content:space-around;margin:1em;padding:.5em;border-top:1px dashed silver;border-bottom:1px dashed silver}.notes-content__tools button{padding:.3em .8em;background-color:#f8f8f8;border:0 none;cursor:pointer;border-radius:.3em}.notes-content__tools button:hover{box-shadow:0 0 .3em silver}.notes-content__content{flex-grow:1;overflow-y:auto;padding:1em}.notes-content__content[contenteditable=true]{background-color:#fafafa}.notes-content__event-dlg input,.notes-content__event-dlg select{width:20em}.notes-content__event-dlg>div{margin:.3em;text-align:center}.notes-event__container{margin:1em}.notes-event__date{color:#007bff}.notes-event__item{display:inline-block;cursor:pointer}.notes-event__item:hover{text-decoration:underline;background-color:#e9e9e9}.notes-event__item *{pointer-events:none}.dialogs__back{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(20,20,20,.3);display:flex;align-items:center;justify-content:center}.dialogs__container{background-color:#f2f2f2;border-radius:.3em;border:1px solid #edf2f4;min-width:15em;padding-left:.8em;padding-right:.8em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif}.dialogs__container.with-max{max-width:25em}.dialogs__header{text-align:center;font-weight:bold;margin-top:.5em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;pointer-events:none;user-select:none;color:#555}.dialogs__body{margin-top:1em;margin-bottom:1em;display:flex;justify-content:center;align-items:center}.dialogs__body input,.dialogs__body select,.dialogs__body textarea{box-sizing:border-box}.dialogs__footer{margin-bottom:.5em;display:flex;justify-content:center;align-items:center}.dialogs__footer button{border-radius:.5em;cursor:pointer;margin:0 .5em;padding:.3em 1em;color:inherit;min-width:5em;outline:0 none;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:color,box-shadow,text-shadow,background-color,border-color}.dialogs__footer button:not([aria-label]){background-color:#f1f1f1;border:1px solid #acacac}.dialogs__footer button:not([aria-label]):hover{box-shadow:#fff 0 0 .5em;background-color:#cdcdcd;color:#535353}.dialogs__footer button[aria-label=cancel]{border:0 none;color:#fff;background-color:#78909c}.dialogs__footer button[aria-label=cancel]:hover{background-color:#546e7a;box-shadow:0 0 .2em #000}.dialogs__footer button[aria-label=confirm]{border:0 none;color:#fff;background-color:#4285f4}.dialogs__footer button[aria-label=confirm]:hover{background-color:#0d47a1;box-shadow:0 0 .2em #000}.app-editor__back{position:fixed;display:flex;background-color:rgba(200,200,200,.5);top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center}.app-editor__container{display:flex;flex-direction:column;background-color:#f5f5f5;border-radius:.5em;overflow:hidden;padding:1em}@media(min-width: 851px){.app-editor__container{width:60vw;height:90vh}}@media(max-width: 850px){.app-editor__container{width:90vw;height:80vh}}@keyframes saved{from{background-color:#f5f5f5}50%{background-color:#00f500}to{background-color:#f5f5f5}}.app-editor__container.saved{animation:saved 2s linear}.app-editor__input{width:100%;box-sizing:border-box}.app-editor__content{flex-grow:1;overflow-y:auto;padding:1em;outline:1px dashed silver}.app-editor__content:focus{outline-style:solid}.app-editor__content[contenteditable=true]{background-color:#fafafa}.editor-tools__container{padding:.3em 0;display:flex}.editor-tools__container button{position:relative;background-color:rgba(0,0,0,0);cursor:pointer;padding:.2em;border:0 none;width:1.4em;height:1.4em;border-radius:.2em;margin-right:.3em;font-size:1.1em;display:flex;align-items:center;justify-content:center;color:#000}.editor-tools__container button svg{height:1em;max-width:1em;pointer-events:none}.editor-tools__container button:hover{background-color:#ddd}.editor-tools__space{display:inline-block;width:1em}.editor-tools__link{width:35em}.editor-tools__icon-block{width:100%;height:100%;pointer-events:none}.editor-tools__input-file{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.editor-tools__progress{color:#007bff;display:inline-flex;align-items:center;justify-content:center}.editor-tools__progress-text{font-size:.5em}