.realtime-edit-toolbar{display:flex;justify-content:space-between;} .realtime-edit-toolbar-left,
.realtime-edit-toolbar-right{display:flex;align-items:center;} .btn-group > .btn-primary:not(:first-child){border-left-color:#326194;} #realtime-changeSummaryModal .modal-body > .nav-tabs{margin-bottom:1em;} #realtime-changeSummaryModal dl{margin-bottom:0;} #realtime-changeSummaryModal[data-continue="false"] [data-continue="true"],
#realtime-changeSummaryModal[data-continue="true"] [data-continue="false"]{display:none;} #realtime-changeSummaryModal-changesTab > realtime-spinner,
#realtime-changeSummaryModal-changesTab > .diff-group,
#realtime-changeSummaryModal-changesTab > .infomessage,
#realtime-changeSummaryModal-changesTab > .errormessage{display:none;} #realtime-changeSummaryModal-changesTab[data-state="loading"] > realtime-spinner,
#realtime-changeSummaryModal-changesTab[data-state="loaded"] > .diff-group,
#realtime-changeSummaryModal-changesTab[data-state="empty"] > .infomessage.noChange,
#realtime-changeSummaryModal-changesTab[data-state="isNew"] > .infomessage.isNew,
#realtime-changeSummaryModal-changesTab[data-state="error"] > .errormessage{display:block;} realtime-status{color:#555555;margin:0 .5em;} .realtime-connection-status[value="dirty"] + .realtime-users,
.realtime-connection-status[value="dirty"] ~ .realtime-users-dropdown,
.realtime-connection-status[value="cleaning"] + .realtime-users,
.realtime-connection-status[value="cleaning"] ~ .realtime-users-dropdown,
.realtime-connection-status[value="clean"],
.realtime-users-dropdown[hidden]{display:none;} ul.realtime-users{list-style:none;display:flex;margin:0;padding:0;} .realtime-connection-status + .realtime-users{margin-left:.5em;} .realtime-user{display:inline-block;} .realtime-user-avatar{max-width:24px;max-height:24px;border-radius:7px;margin:4px;} .realtime-user-avatar-wrapper{position:relative;display:inline-block;} .realtime-user-avatar-wrapper::after{content:attr(data-abbr);position:absolute;bottom:0;right:0;padding:2px;line-height:12px;border-radius:5px;font-size:10px;font-weight:bold;font-family:monospace;background-color:#386da7;color:#fff;} .realtime-user-compact .realtime-user-name{display:none;} .realtime-user-name{vertical-align:middle;margin-right:4px;} .realtime-users + .realtime-users-dropdown{margin:4px;} .realtime-users-dropdown > .dropdown-toggle{padding:4px 3px;font-size:10px;font-family:monospace;} .realtime-users-dropdown > .dropdown-toggle:hover,
.realtime-users-dropdown > .dropdown-toggle:focus{color:#fff;background-color:#262626;} .realtime-users-dropdown > .dropdown-toggle:focus{outline-offset:3px;outline-style:auto;outline-width:thin;outline-color:#262626;} .realtime-users-dropdown > .dropdown-toggle::after{content:"+" attr(data-more);} .dropdown-menu > li > a.realtime-version{display:flex;align-items:center;} .realtime-version > :first-child{flex-basis:32px;flex-shrink:0;text-align:center;} .realtime-version-info{display:flex;flex-direction:column;min-width:0;padding:0 20px 0 10px;} .realtime-version .realtime-version-number{font-weight:bolder;} .realtime-version .realtime-version-date{font-size:85%;color:#555555;} .realtime-version-author .realtime-user-name{vertical-align:inherit;} #realtime-version-modal .modal-body{max-height:calc(100vh - 200px);overflow:auto;} :host(realtime-spinner),
:host(realtime-spinner)::before{display:inline-block;border-radius:50%;border:2px solid;width:8px;height:8px;} :host(realtime-spinner){position:relative;border-color:transparent;animation:realtime-spinner-rotate 3s linear infinite;} :host(realtime-spinner)::before{content:"";box-sizing:content-box !important;position:absolute;top:-2px;left:-2px;clip-path:rect(6px 12px 12px 0);animation:realtime-spinner-rotate 1.5s cubic-bezier(0.770,0.000,0.175,1.000) infinite;}@keyframes realtime-spinner-rotate{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}} :host(realtime-status) realtime-spinner{display:none;} :host(realtime-status[value="cleaning"]) realtime-spinner{display:inline-block;} :host(realtime-status[value="dirty"])::after{content:attr(data-status-dirty);} :host(realtime-status[value="cleaning"])::after{content:attr(data-status-cleaning);} :host(realtime-status[value="clean"])::after{content:attr(data-status-clean);}
