.emojione{width:22px;height:22px}.emojione.shortcut{width:15px;height:15px}.ui.popup.emoji .emojione{padding:4px;box-sizing:content-box;cursor:pointer}.channel-message .emojione{display:inline-block;width:auto;vertical-align:middle;margin:-4px 2px 0}.ui.popup.emoji .emojione:hover{box-shadow:0 0 1px #ccc inset;background-color:#eee}.ui.emoji-shortcuts{width:240px;height:176px;overflow:auto;margin:4px}.textcomplete.ui.vertical.menu{width:250px;border:1px solid #ccc}.textcomplete.ui.vertical.menu.floating .item{float:left}.textcomplete .textcomplete-item .emojione{vertical-align:middle;margin-top:-4px}.ui.emoji.popup{padding:0}.drag-over>.dropzone-overlay{opacity:1}.dropzone-overlay{width:100%;height:100%;position:absolute;background:rgba(111,111,111,.7);border:2px dashed;left:0;top:0;border-radius:10px;transition-property:opacity;transition-duration:.3s;pointer-events:none;opacity:0;text-transform:uppercase;text-shadow:2px 1px 2px #000}.dropzone-overlay span{font-size:25px}.navItemText{align-items:center;background-attachment:scroll;background-clip:border-box;background-color:#5c6bc0;background-image:none;background-origin:padding-box;background-size:auto;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:robotobold;font-size:13px;line-height:24px;position:relative;text-align:right;text-decoration-color:#fff;text-decoration-line:none;text-decoration-style:solid;text-size-adjust:100%;text-transform:uppercase;white-space:nowrap;z-index:1;-webkit-font-smoothing:antialiased;margin:0 4px;padding:0 8px}
/* Ours (point 9, redrawn on 11 October as Codex built it in Odoo, Eventify's look): a profile frame. On a round photo, an arc in a gradient of its color with its name along the arc, the photo shrunk inside; on a square photo, its name as a label at the foot; the Add a Frame window of Profile Settings. */
.mt-framed{position:relative;display:inline-block;vertical-align:middle}.mt-frame-round .profile-img.circular,.mt-frame-round .mt-frame-photo{transform:scale(.76);box-shadow:0 0 0 2px #fff}.mt-frame-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mt-frame-arc{fill:none;stroke-linecap:round;stroke-width:16}.mt-frame-start{stop-color:#fff;stop-opacity:0}.mt-frame-middle{stop-color:var(--mt-frame);stop-opacity:.72}.mt-frame-end{stop-color:var(--mt-frame);stop-opacity:1}.mt-frame-text{fill:#fff;stroke:#fff;stroke-width:.3px;font-size:9.5px;font-weight:900;dominant-baseline:central;letter-spacing:0;text-transform:uppercase}.mt-frame-text.large{font-size:11px}.mt-frame-text.medium{font-size:8.5px}.mt-frame-text.compact{font-size:6.5px}.mt-frame-label{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:1px 10px;border-radius:10px;background:var(--mt-frame);color:#fff;font-size:10px;font-weight:600;letter-spacing:.04em;line-height:16px;text-transform:uppercase;white-space:nowrap}.mt-frame-photo{display:block;width:72px;height:72px;border-radius:50%;object-fit:cover}.mt-frame-photo.large{width:120px;height:120px}.mt-frame-current{display:flex;justify-content:center;margin-bottom:16px}.mt-frame-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.mt-frame-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #e0e3e8;border-radius:8px;background:#fff;cursor:pointer}.mt-frame-option:hover,.mt-frame-option.picked{border-color:var(--ulx-primary-color);box-shadow:0 0 0 2px var(--ulx-primary-border-color)}
/* Ours (user decision of 11 October): the optional reason of a declined connection request, under the pane's buttons. */
.mt-decline-reason{padding:0 20px;text-align:left}.mt-decline-reason textarea{width:100%;min-height:72px;resize:vertical;margin-bottom:4px}
