/*!
 * froala_editor v5.3.0 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2026 Froala Labs
 */

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'] {
  top: 5px;
  height: 32px;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0 10px;
  background: #FFF;
  -webkit-transition: border-color 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: border-color 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: border-color 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: border-color 0.2s ease 0s, background 0.2s ease 0s; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'] > span {
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    height: 32px;
    padding: 0;
    min-width: unset;
    float: none;
    display: inline-block;
    vertical-align: middle;
    color: #333333; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode']:after {
    right: 8px;
    top: 14px; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode']:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'].fr-btn-hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode']:focus {
    background: #ebebeb;
    border-color: #adadad; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'].fr-active {
    background: #ebf7fe;
    border-color: #0098f7; }
    .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'].fr-active > span {
      color: #0098f7; }
    .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'].fr-active:after {
      border-top-color: #0098f7; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'][data-collab-role='viewer'] {
    pointer-events: none;
    cursor: default;
    padding: 0 12px; }
    .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd='collabMode'][data-collab-role='viewer']::after {
      display: none; }
.fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list {
  min-width: 150px;
  padding: 4px 0; }
  .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list li {
    margin: 0;
    padding: 0;
    font-size: 14px; }
  .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list a.fr-collab-mode-option {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 5px;
    gap: 10px;
    cursor: pointer;
    color: #333333;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    outline: none; }
    .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list a.fr-collab-mode-option:focus, .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list a.fr-collab-mode-option:hover {
      background: #ebebeb;
      outline: unset; }
    .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list a.fr-collab-mode-option.fr-active {
      background: transparent; }
      .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list a.fr-collab-mode-option.fr-active:hover {
        background: #ebebeb;
        outline: unset; }
      .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list a.fr-collab-mode-option.fr-active .fr-collab-check-icon path {
        fill: #0098f7; }
  .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list .fr-collab-mode-icon {
    flex: 0 0 18px; }
    .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list .fr-collab-mode-icon path {
      fill: #999999;
      -webkit-transition: fill 0.2s ease 0s;
      -moz-transition: fill 0.2s ease 0s;
      -ms-transition: fill 0.2s ease 0s;
      -o-transition: fill 0.2s ease 0s; }
  .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list .fr-collab-mode-label {
    flex: 1 1 auto;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
    color: #333333; }
  .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list .fr-collab-check-icon {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-left: auto; }
    .fr-toolbar .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content .fr-dropdown-list.fr-collab-mode-list .fr-collab-check-icon path {
      fill: #0098f7; }
.fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0 4px;
  min-width: unset;
  cursor: default; }
  .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence']:hover, .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence']:focus, .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence']:active {
    background: transparent;
    box-shadow: none; }
  .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence']::after {
    display: none; }
  .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span.fr-collab-presence {
    display: inline-flex;
    align-items: center;
    height: inherit; }
    .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span.fr-collab-presence > .fr-collab-avatar + .fr-collab-avatar {
      margin-left: -8px; }
  .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span .fr-collab-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #FFF;
    font-size: 11px;
    font-weight: 600;
    color: #FFF;
    cursor: default;
    user-select: none;
    padding: unset;
    margin-left: -8px;
    -webkit-transition: transform 0.2s ease 0s, box-shadow 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s, box-shadow 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s, box-shadow 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s, box-shadow 0.2s ease 0s; }
    .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span .fr-collab-avatar:first-child {
      margin-left: 0; }
    .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span .fr-collab-avatar:hover {
      transform: translateY(-2px);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
      z-index: 20; }
    .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span .fr-collab-avatar.fr-collab-avatar-self {
      border-width: 3px; }
    .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span .fr-collab-avatar.fr-collab-avatar-default-color {
      border: 1px solid #00B398;
      color: #00B398;
      background-color: #E1F7F3; }
    .fr-toolbar .fr-command.fr-btn[data-cmd='collabPresence'] span .fr-collab-avatar.fr-collab-avatar-more {
      background-color: #bdbdbd;
      color: #222222;
      margin-left: -8px; }
.fr-toolbar .fr-command.fr-btn[data-cmd='collabPanel'].fr-active {
  background: #d6d6d6;
  color: #0098f7; }
.fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  width: auto;
  min-width: 0;
  overflow: visible; }
  .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"]:hover, .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"]:active, .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"].fr-active {
    background: transparent; }
  .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"]:empty, .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"][data-vh-state="off"] {
    display: none; }
  .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"] > svg {
    display: none; }
  .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"] .fr-vh-autosave-badge {
    display: inline-flex;
    align-items: flex-end;
    height: auto; }
    .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"] .fr-vh-autosave-badge .fr-vh-autosave-badge__label {
      font-size: 12px;
      font-style: normal;
      font-weight: 400; }
      .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"] .fr-vh-autosave-badge .fr-vh-autosave-badge__label::after {
        content: "";
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: 23px;
        background: #efefef; }
    .fr-toolbar .fr-command.fr-btn[data-cmd="autoSaveStatus"] .fr-vh-autosave-badge::before {
      content: '';
      display: inline-flex;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #E1F7F3 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='1 0 16 16'><path fill='%2300B398' d='M6.4 11.2 3.2 8l-1.1 1.1 4.3 4.3 9.2-9.2-1.1-1.1z'/></svg>") center/14px 14px no-repeat; }

.fr-wrapper .fr-collab-cursor {
  position: absolute;
  display: block;
  width: 0;
  pointer-events: none;
  z-index: 10;
  border-radius: 2px;
  border-left: 2px solid #00B398; }
  .fr-wrapper .fr-collab-cursor .fr-collab-cursor-label {
    position: absolute;
    top: 100%;
    left: -1px;
    margin-top: 5px;
    margin-left: -9.5px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    font-family: sans-serif;
    background: #E1F7F3;
    color: #333333;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1.4;
    pointer-events: none;
    transition: opacity 0.2s ease 0s; }
    .fr-wrapper .fr-collab-cursor .fr-collab-cursor-label::before {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 6px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-bottom: 8px solid #00B398; }
.fr-wrapper .fr-collab-selection {
  position: absolute;
  pointer-events: none;
  z-index: 9;
  border-radius: 2px;
  background: rgba(0, 179, 152, 0.15);
  border-bottom: 2px solid rgba(0, 179, 152, 0.35); }
.fr-wrapper .fr-view .fr-suggestion-insert,
.fr-wrapper .fr-view .fr-suggestion-delete,
.fr-wrapper .fr-view .fr-suggestion-replace-ins,
.fr-wrapper .fr-view .fr-suggestion-replace-del {
  border-radius: 2px;
  padding: 0 1px;
  cursor: pointer;
  transition: background 0.2s ease 0s;
  text-decoration: none; }
.fr-wrapper .fr-view .fr-suggestion-insert {
  background: #DFF3E0;
  border-bottom: 2px solid #2E7D32;
  color: inherit; }
  .fr-wrapper .fr-view .fr-suggestion-insert:hover, .fr-wrapper .fr-view .fr-suggestion-insert.fr-suggestion-hover {
    background: #BCE5C0; }
  .fr-wrapper .fr-view .fr-suggestion-insert:focus, .fr-wrapper .fr-view .fr-suggestion-insert.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-insert.fr-suggestion-active {
    background: #BCE5C0;
    outline: none; }
  .fr-wrapper .fr-view .fr-suggestion-insert a {
    text-decoration: underline;
    text-decoration-color: #2E7D32;
    color: inherit; }
  .fr-wrapper .fr-view .fr-suggestion-insert img {
    border: 2px solid #2E7D32;
    border-radius: 2px; }
  .fr-wrapper .fr-view .fr-suggestion-insert table,
  .fr-wrapper .fr-view .fr-suggestion-insert .fr-code-snippet {
    background: #DFF3E0;
    border-bottom: 2px solid #2E7D32;
    color: inherit;
    border: 2px solid #2E7D32;
    border-collapse: collapse;
    cursor: text; }
    .fr-wrapper .fr-view .fr-suggestion-insert table:hover, .fr-wrapper .fr-view .fr-suggestion-insert table.fr-suggestion-hover,
    .fr-wrapper .fr-view .fr-suggestion-insert .fr-code-snippet:hover,
    .fr-wrapper .fr-view .fr-suggestion-insert .fr-code-snippet.fr-suggestion-hover {
      background: #BCE5C0; }
    .fr-wrapper .fr-view .fr-suggestion-insert table:focus, .fr-wrapper .fr-view .fr-suggestion-insert table.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-insert table.fr-suggestion-active,
    .fr-wrapper .fr-view .fr-suggestion-insert .fr-code-snippet:focus,
    .fr-wrapper .fr-view .fr-suggestion-insert .fr-code-snippet.fr-suggestion-focused,
    .fr-wrapper .fr-view .fr-suggestion-insert .fr-code-snippet.fr-suggestion-active {
      background: #BCE5C0;
      outline: none; }
  .fr-wrapper .fr-view .fr-suggestion-insert .fr-page-break,
  .fr-wrapper .fr-view .fr-suggestion-insert hr {
    background: #DFF3E0;
    border-bottom: 2px solid #2E7D32;
    color: inherit;
    border-bottom: 2px solid #2E7D32;
    border-collapse: collapse; }
    .fr-wrapper .fr-view .fr-suggestion-insert .fr-page-break:hover, .fr-wrapper .fr-view .fr-suggestion-insert .fr-page-break.fr-suggestion-hover,
    .fr-wrapper .fr-view .fr-suggestion-insert hr:hover,
    .fr-wrapper .fr-view .fr-suggestion-insert hr.fr-suggestion-hover {
      background: #BCE5C0; }
    .fr-wrapper .fr-view .fr-suggestion-insert .fr-page-break:focus, .fr-wrapper .fr-view .fr-suggestion-insert .fr-page-break.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-insert .fr-page-break.fr-suggestion-active,
    .fr-wrapper .fr-view .fr-suggestion-insert hr:focus,
    .fr-wrapper .fr-view .fr-suggestion-insert hr.fr-suggestion-focused,
    .fr-wrapper .fr-view .fr-suggestion-insert hr.fr-suggestion-active {
      background: #BCE5C0;
      outline: none; }
.fr-wrapper .fr-view .fr-suggestion-delete {
  background: #F8D7D7;
  border-bottom: 2px solid #C62828;
  color: inherit;
  text-decoration: line-through; }
  .fr-wrapper .fr-view .fr-suggestion-delete:hover, .fr-wrapper .fr-view .fr-suggestion-delete.fr-suggestion-hover {
    background: #F2A7A7; }
  .fr-wrapper .fr-view .fr-suggestion-delete:focus, .fr-wrapper .fr-view .fr-suggestion-delete.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-delete.fr-suggestion-active {
    background: #F2A7A7;
    outline: none; }
  .fr-wrapper .fr-view .fr-suggestion-delete table {
    background: #F8D7D7;
    border: 2px solid #C62828; }
.fr-wrapper .fr-view .fr-suggestion-replace-ins {
  background: #FFF3CD;
  border-bottom: 2px solid #F9A825;
  color: inherit; }
  .fr-wrapper .fr-view .fr-suggestion-replace-ins:hover, .fr-wrapper .fr-view .fr-suggestion-replace-ins.fr-suggestion-hover {
    background: #FFE08A; }
  .fr-wrapper .fr-view .fr-suggestion-replace-ins:focus, .fr-wrapper .fr-view .fr-suggestion-replace-ins.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-replace-ins.fr-suggestion-active {
    background: #FFE08A;
    outline: none; }
.fr-wrapper .fr-view .fr-suggestion-replace-del {
  background: #FFF3CD;
  border-bottom: 2px solid #F9A825;
  color: inherit;
  text-decoration: line-through; }
  .fr-wrapper .fr-view .fr-suggestion-replace-del:hover, .fr-wrapper .fr-view .fr-suggestion-replace-del.fr-suggestion-hover {
    background: #FFE08A; }
  .fr-wrapper .fr-view .fr-suggestion-replace-del:focus, .fr-wrapper .fr-view .fr-suggestion-replace-del.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-replace-del.fr-suggestion-active {
    background: #FFE08A;
    outline: none; }
.fr-wrapper .fr-view .fr-suggestion-format,
.fr-wrapper .fr-view .fr-suggestion-format-paragraph {
  background: #F3EEFC;
  border-bottom: 2px solid #5E35B1;
  color: inherit; }
  .fr-wrapper .fr-view .fr-suggestion-format:hover, .fr-wrapper .fr-view .fr-suggestion-format.fr-suggestion-hover,
  .fr-wrapper .fr-view .fr-suggestion-format-paragraph:hover,
  .fr-wrapper .fr-view .fr-suggestion-format-paragraph.fr-suggestion-hover {
    background: #C7B6EA; }
  .fr-wrapper .fr-view .fr-suggestion-format:focus, .fr-wrapper .fr-view .fr-suggestion-format.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-format.fr-suggestion-active,
  .fr-wrapper .fr-view .fr-suggestion-format-paragraph:focus,
  .fr-wrapper .fr-view .fr-suggestion-format-paragraph.fr-suggestion-focused,
  .fr-wrapper .fr-view .fr-suggestion-format-paragraph.fr-suggestion-active {
    background: #C7B6EA;
    outline: none; }
.fr-wrapper .fr-view .fr-suggestion-enter-key {
  background: #DFF3E0;
  border-bottom: 2px solid #2E7D32;
  color: inherit;
  font-weight: bold;
  padding: 0 3px;
  user-select: none;
  vertical-align: baseline;
  color: #2E7D32; }
  .fr-wrapper .fr-view .fr-suggestion-enter-key:hover, .fr-wrapper .fr-view .fr-suggestion-enter-key.fr-suggestion-hover {
    background: #BCE5C0; }
  .fr-wrapper .fr-view .fr-suggestion-enter-key:focus, .fr-wrapper .fr-view .fr-suggestion-enter-key.fr-suggestion-focused, .fr-wrapper .fr-view .fr-suggestion-enter-key.fr-suggestion-active {
    background: #BCE5C0;
    outline: none; }
.fr-wrapper .fr-view .fr-comment-highlight {
  background: #D6E7FA;
  border-bottom: 2px solid #1565C0;
  padding: 0 1px;
  cursor: pointer;
  border-radius: 2px;
  transition: background 0.2s ease 0s; }
  .fr-wrapper .fr-view .fr-comment-highlight:hover, .fr-wrapper .fr-view .fr-comment-highlight.fr-suggestion-hover {
    background: #A9CEF5; }
  .fr-wrapper .fr-view .fr-comment-highlight.fr-comment-focused, .fr-wrapper .fr-view .fr-comment-highlight.fr-suggestion-focused, .fr-wrapper .fr-view .fr-comment-highlight.fr-suggestion-active {
    background: #A9CEF5; }
  .fr-wrapper .fr-view .fr-comment-highlight.fr-comment-highlight--empty {
    display: inline-block;
    width: 2px;
    border-bottom: 0;
    border-left: 2px solid #1565C0;
    background: transparent;
    padding: 0;
    margin: 0 1px;
    vertical-align: text-bottom;
    height: 1em;
    overflow: hidden; }
.fr-wrapper thead.fr-tc-insert > tr > td,
.fr-wrapper thead.fr-tc-insert > tr > th,
.fr-wrapper tfoot.fr-tc-insert > tr > td,
.fr-wrapper tfoot.fr-tc-insert > tr > th,
.fr-wrapper tr.fr-tc-insert > td,
.fr-wrapper tr.fr-tc-insert > th,
.fr-wrapper td.fr-tc-insert,
.fr-wrapper th.fr-tc-insert {
  background-color: #DFF3E0;
  box-shadow: inset 0 0 0 1px #2E7D32; }
.fr-wrapper thead.fr-tc-insert:hover > tr > td,
.fr-wrapper thead.fr-tc-insert:hover > tr > th,
.fr-wrapper tfoot.fr-tc-insert:hover > tr > td,
.fr-wrapper tfoot.fr-tc-insert:hover > tr > th,
.fr-wrapper tr.fr-tc-insert:hover > td,
.fr-wrapper tr.fr-tc-insert:hover > th,
.fr-wrapper td.fr-tc-insert:hover,
.fr-wrapper th.fr-tc-insert:hover,
.fr-wrapper thead.fr-tc-insert.fr-suggestion-hover > tr > td,
.fr-wrapper thead.fr-tc-insert.fr-suggestion-hover > tr > th,
.fr-wrapper tfoot.fr-tc-insert.fr-suggestion-hover > tr > td,
.fr-wrapper tfoot.fr-tc-insert.fr-suggestion-hover > tr > th,
.fr-wrapper tr.fr-tc-insert.fr-suggestion-hover > td,
.fr-wrapper tr.fr-tc-insert.fr-suggestion-hover > th,
.fr-wrapper td.fr-tc-insert.fr-suggestion-hover,
.fr-wrapper th.fr-tc-insert.fr-suggestion-hover,
.fr-wrapper thead.fr-tc-insert.fr-suggestion-focused > tr > td,
.fr-wrapper thead.fr-tc-insert.fr-suggestion-focused > tr > th,
.fr-wrapper tfoot.fr-tc-insert.fr-suggestion-focused > tr > td,
.fr-wrapper tfoot.fr-tc-insert.fr-suggestion-focused > tr > th,
.fr-wrapper tr.fr-tc-insert.fr-suggestion-focused > td,
.fr-wrapper tr.fr-tc-insert.fr-suggestion-focused > th,
.fr-wrapper td.fr-tc-insert.fr-suggestion-focused,
.fr-wrapper th.fr-tc-insert.fr-suggestion-focused {
  background-color: #BCE5C0;
  box-shadow: inset 0 0 0 2px #2E7D32; }
.fr-wrapper thead.fr-tc-delete > tr > td,
.fr-wrapper thead.fr-tc-delete > tr > th,
.fr-wrapper tfoot.fr-tc-delete > tr > td,
.fr-wrapper tfoot.fr-tc-delete > tr > th,
.fr-wrapper tr.fr-tc-delete > td,
.fr-wrapper tr.fr-tc-delete > th,
.fr-wrapper td.fr-tc-delete,
.fr-wrapper th.fr-tc-delete {
  background-color: #F8D7D7;
  box-shadow: inset 0 0 0 1px #C62828;
  text-decoration: line-through;
  opacity: 0.7; }
.fr-wrapper thead.fr-tc-delete:hover > tr > td,
.fr-wrapper thead.fr-tc-delete:hover > tr > th,
.fr-wrapper tfoot.fr-tc-delete:hover > tr > td,
.fr-wrapper tfoot.fr-tc-delete:hover > tr > th,
.fr-wrapper tr.fr-tc-delete:hover > td,
.fr-wrapper tr.fr-tc-delete:hover > th,
.fr-wrapper td.fr-tc-delete:hover,
.fr-wrapper th.fr-tc-delete:hover,
.fr-wrapper thead.fr-tc-delete.fr-suggestion-hover > tr > td,
.fr-wrapper thead.fr-tc-delete.fr-suggestion-hover > tr > th,
.fr-wrapper tfoot.fr-tc-delete.fr-suggestion-hover > tr > td,
.fr-wrapper tfoot.fr-tc-delete.fr-suggestion-hover > tr > th,
.fr-wrapper tr.fr-tc-delete.fr-suggestion-hover > td,
.fr-wrapper tr.fr-tc-delete.fr-suggestion-hover > th,
.fr-wrapper td.fr-tc-delete.fr-suggestion-hover,
.fr-wrapper th.fr-tc-delete.fr-suggestion-hover,
.fr-wrapper thead.fr-tc-delete.fr-suggestion-focused > tr > td,
.fr-wrapper thead.fr-tc-delete.fr-suggestion-focused > tr > th,
.fr-wrapper tfoot.fr-tc-delete.fr-suggestion-focused > tr > td,
.fr-wrapper tfoot.fr-tc-delete.fr-suggestion-focused > tr > th,
.fr-wrapper tr.fr-tc-delete.fr-suggestion-focused > td,
.fr-wrapper tr.fr-tc-delete.fr-suggestion-focused > th,
.fr-wrapper td.fr-tc-delete.fr-suggestion-focused,
.fr-wrapper th.fr-tc-delete.fr-suggestion-focused {
  background-color: #F2A7A7;
  box-shadow: inset 0 0 0 2px #C62828;
  opacity: 0.85; }
.fr-wrapper table.fr-tc-format,
.fr-wrapper td.fr-tc-format,
.fr-wrapper th.fr-tc-format {
  background-color: #F3EEFC;
  box-shadow: inset 0 0 0 1px #5E35B1; }
.fr-wrapper table.fr-tc-format:hover,
.fr-wrapper table.fr-tc-format.fr-suggestion-hover,
.fr-wrapper table.fr-tc-format.fr-suggestion-focused,
.fr-wrapper td.fr-tc-format:hover,
.fr-wrapper td.fr-tc-format.fr-suggestion-hover,
.fr-wrapper td.fr-tc-format.fr-suggestion-focused,
.fr-wrapper th.fr-tc-format:hover,
.fr-wrapper th.fr-tc-format.fr-suggestion-hover,
.fr-wrapper th.fr-tc-format.fr-suggestion-focused {
  background-color: #C7B6EA;
  box-shadow: inset 0 0 0 2px #5E35B1; }
.fr-wrapper .fr-collab-comment-bubble {
  position: absolute;
  z-index: 100;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  color: #333333;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  user-select: none;
  pointer-events: auto;
  padding: 0;
  transition: background 0.2s ease 0s, box-shadow 0.2s ease 0s; }
  .fr-wrapper .fr-collab-comment-bubble:hover {
    background: #f6f8fa;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18); }
  .fr-wrapper .fr-collab-comment-bubble__icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
    pointer-events: none; }

.fr-box.fr-collab-panel-open {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto; }
  .fr-box.fr-collab-panel-open > .fr-toolbar,
  .fr-box.fr-collab-panel-open > .fr-second-toolbar {
    grid-column: 1 / -1; }
  .fr-box.fr-collab-panel-open > .fr-wrapper {
    grid-column: 1;
    grid-row: 2;
    min-width: 0; }
  .fr-box.fr-collab-panel-open > .fr-collab-panel {
    grid-column: 2;
    grid-row: 2;
    align-self: stretch; }
  .fr-box.fr-collab-panel-open > .fr-popup {
    grid-column: 1 / -1;
    grid-row: 1 / -1; }
.fr-box .fr-collab-avatar-tooltip {
  display: none;
  position: fixed;
  transform: translateX(-50%);
  white-space: nowrap;
  background: #E1F7F3;
  color: #333333;
  font-size: 12px;
  font-weight: 500;
  font-family: sans-serif;
  padding: 4px 10px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 9999; }
.fr-box .fr-collab-panel {
  display: none;
  width: 300px;
  background: #F6FBFD;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #202124;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0;
  z-index: 1;
  border-right: 1px solid #CCCCCC; }
  .fr-box .fr-collab-panel.fr-collab-panel-visible {
    display: flex;
    flex-direction: column; }
  .fr-box .fr-collab-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 10px;
    background: transparent;
    color: #5f6368;
    font-size: 13px; }
  .fr-box .fr-collab-panel__toggle {
    background: transparent;
    border: 0;
    padding: 0;
    color: #1a73e8;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer; }
    .fr-box .fr-collab-panel__toggle:hover {
      text-decoration: underline; }
  .fr-box .fr-collab-panel__filter-wrap {
    position: relative; }
  .fr-box .fr-collab-panel__filter {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: 0;
    padding: 2px 0;
    margin: 0;
    color: #707070;
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
    user-select: none; }
    .fr-box .fr-collab-panel__filter:hover {
      color: #202124; }
    .fr-box .fr-collab-panel__filter:focus {
      outline: none; }
  .fr-box .fr-collab-panel__caret {
    width: 10px;
    height: 10px;
    fill: currentColor;
    transition: transform 0.2s ease 0s; }
  .fr-box .fr-collab-panel__filter-menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #FFF;
    border: 1px solid #e8eaed;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(60, 64, 67, 0.18), 0 1px 3px rgba(60, 64, 67, 0.1);
    min-width: 140px;
    z-index: 100;
    display: none; }
    .fr-box .fr-collab-panel__filter-menu li {
      margin: 0;
      padding: 0; }
  .fr-box .fr-collab-panel .fr-collab-panel__filter-wrap--open .fr-collab-panel__filter-menu {
    display: block; }
  .fr-box .fr-collab-panel .fr-collab-panel__filter-wrap--open .fr-collab-panel__caret {
    transform: rotate(180deg); }
  .fr-box .fr-collab-panel__filter-option {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 8px 16px;
    font-family: inherit;
    font-size: 13px;
    color: #202124;
    cursor: pointer; }
    .fr-box .fr-collab-panel__filter-option:hover, .fr-box .fr-collab-panel__filter-option:focus {
      background: #f1f3f4;
      outline: none; }
    .fr-box .fr-collab-panel__filter-option--active {
      font-weight: 600;
      color: #0098f7; }
  .fr-box .fr-collab-panel__body {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 14px 14px; }
  .fr-box .fr-collab-panel__empty {
    color: #9aa0a6;
    text-align: center;
    padding: 24px 8px;
    font-size: 13px; }
  .fr-box .fr-collab-panel__expand {
    display: none;
    background: transparent;
    border: 0;
    padding: 4px;
    margin: 0;
    color: #1a73e8;
    cursor: pointer;
    line-height: 0; }
    .fr-box .fr-collab-panel__expand svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }
    .fr-box .fr-collab-panel__expand:hover {
      color: #0098f7; }
    .fr-box .fr-collab-panel__expand:focus {
      outline: none; }
  .fr-box .fr-collab-panel__collapsed-body {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 14px 0;
    overflow-y: auto; }
  .fr-box .fr-collab-panel__collapsed-item {
    display: flex;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: #1a73e8;
    position: relative;
    width: 40px;
    height: 35px; }
    .fr-box .fr-collab-panel__collapsed-item:hover .fr-collab-panel__collapsed-bubble svg {
      fill: #0098f7; }
    .fr-box .fr-collab-panel__collapsed-item:focus {
      outline: none; }
  .fr-box .fr-collab-panel__collapsed-avatar {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #FFF;
    border: 1px solid #707070;
    color: #707070;
    font-size: 11px;
    font-weight: 600; }
  .fr-box .fr-collab-panel__collapsed-bubble {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    line-height: 0; }
    .fr-box .fr-collab-panel__collapsed-bubble svg {
      width: 40px;
      height: 32px;
      fill: #1a73e8; }
  .fr-box .fr-collab-panel.fr-collab-panel--collapsed {
    width: 64px; }
    .fr-box .fr-collab-panel.fr-collab-panel--collapsed .fr-collab-panel__toggle,
    .fr-box .fr-collab-panel.fr-collab-panel--collapsed .fr-collab-panel__filter-wrap,
    .fr-box .fr-collab-panel.fr-collab-panel--collapsed .fr-collab-panel__body {
      display: none; }
    .fr-box .fr-collab-panel.fr-collab-panel--collapsed .fr-collab-panel__header {
      justify-content: center;
      padding: 14px 0 8px; }
    .fr-box .fr-collab-panel.fr-collab-panel--collapsed .fr-collab-panel__expand {
      display: inline-flex; }
    .fr-box .fr-collab-panel.fr-collab-panel--collapsed .fr-collab-panel__collapsed-body {
      display: flex; }
  .fr-box .fr-collab-panel .fr-collab-card {
    position: relative;
    background: #FFF;
    border: 1px solid #e8eaed;
    border-radius: 6px;
    padding: 14px 16px 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
    cursor: pointer;
    transition: box-shadow 0.2s ease 0s, border-color 0.2s ease 0s; }
    .fr-box .fr-collab-panel .fr-collab-card:hover, .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-hover, .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-focused {
      box-shadow: 0 4px 12px rgba(60, 64, 67, 0.18), 0 1px 3px rgba(60, 64, 67, 0.1); }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-active {
      box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05); }
    .fr-box .fr-collab-panel .fr-collab-card[data-expanded="false"] > .fr-collab-card__body {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-rejected, .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-resolved {
      opacity: 0.65; }
    .fr-box .fr-collab-panel .fr-collab-card__top-bar {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 10px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .fr-box .fr-collab-panel .fr-collab-card__header {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 6px; }
    .fr-box .fr-collab-panel .fr-collab-card__avatar {
      flex: 0 0 28px;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: #E1F7F3;
      color: #00B398;
      border: 1px solid #00B398;
      font-size: 11px;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      user-select: none; }
    .fr-box .fr-collab-panel .fr-collab-card__author {
      flex: 1 1 auto;
      min-width: 0;
      font-weight: 500;
      font-size: 13px;
      color: #707070;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .fr-box .fr-collab-panel .fr-collab-card__time {
      color: #707070;
      font-size: 11px;
      flex-shrink: 0; }
    .fr-box .fr-collab-panel .fr-collab-card__body {
      color: #202124;
      font-size: 13px;
      line-height: 1.5;
      word-break: break-word; }
    .fr-box .fr-collab-panel .fr-collab-card__label {
      font-weight: 500;
      color: #1565C0; }
    .fr-box .fr-collab-panel .fr-collab-card__content {
      color: #202124; }
    .fr-box .fr-collab-panel .fr-collab-card__see-more {
      display: none;
      background: transparent;
      border: 0;
      padding: 6px 0 0;
      font-family: inherit;
      font-size: 12px;
      font-weight: 500;
      cursor: pointer;
      color: #1565C0;
      text-align: left; }
      .fr-box .fr-collab-panel .fr-collab-card__see-more:hover {
        text-decoration: underline; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-truncated > .fr-collab-card__see-more {
      display: inline-block; }
    .fr-box .fr-collab-panel .fr-collab-card__status-tag {
      display: inline-block;
      font-size: 10px;
      text-transform: uppercase;
      font-weight: 600;
      padding: 2px 6px;
      border-radius: 10px;
      margin-left: 6px;
      background: #f1f3f4;
      color: #707070; }
      .fr-box .fr-collab-panel .fr-collab-card__status-tag.fr-status-accepted {
        background: rgba(52, 168, 83, 0.1); }
      .fr-box .fr-collab-panel .fr-collab-card__status-tag.fr-status-rejected {
        background: rgba(217, 48, 37, 0.1); }
    .fr-box .fr-collab-panel .fr-collab-card__actions {
      display: flex;
      gap: 2px;
      flex-shrink: 0; }
    .fr-box .fr-collab-panel .fr-collab-card__icon-btn {
      position: relative;
      background: transparent;
      border: 0;
      padding: 4px;
      border-radius: 4px;
      cursor: pointer;
      color: #5f6368;
      line-height: 0;
      transition: background 0.2s ease 0s, color 0.2s ease 0s; }
      .fr-box .fr-collab-panel .fr-collab-card__icon-btn > svg {
        width: 16px;
        height: 16px;
        fill: currentColor;
        display: block; }
      .fr-box .fr-collab-panel .fr-collab-card__icon-btn:hover {
        background: #f1f3f4; }
        .fr-box .fr-collab-panel .fr-collab-card__icon-btn:hover > svg {
          fill: #009BFF; }
      .fr-box .fr-collab-panel .fr-collab-card__icon-btn.fr-btn-accept, .fr-box .fr-collab-panel .fr-collab-card__icon-btn.fr-btn-reject {
        color: #707070; }
      .fr-box .fr-collab-panel .fr-collab-card__icon-btn[aria-label]::after {
        content: attr(aria-label);
        position: absolute;
        top: calc(100% + 6px);
        left: 50%;
        transform: translateX(-50%);
        background: #222222;
        color: #FFF;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.2;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease 0s, visibility 0.2s ease 0s;
        z-index: 110; }
      .fr-box .fr-collab-panel .fr-collab-card__icon-btn[aria-label]:hover::after, .fr-box .fr-collab-panel .fr-collab-card__icon-btn[aria-label]:focus-visible::after {
        opacity: 1;
        visibility: visible;
        transition-delay: 0.25s; }
    .fr-box .fr-collab-panel .fr-collab-card__btn {
      background: transparent;
      border: 1px solid transparent;
      color: #5f6368;
      font-size: 12px;
      font-weight: 500;
      padding: 4px 10px;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.2s ease 0s, color 0.2s ease 0s;
      font-family: inherit; }
      .fr-box .fr-collab-panel .fr-collab-card__btn:hover {
        background: #707070; }
      .fr-box .fr-collab-panel .fr-collab-card__btn.fr-btn-accept, .fr-box .fr-collab-panel .fr-collab-card__btn.fr-btn-reject {
        color: #707070; }
    .fr-box .fr-collab-panel .fr-collab-card__replies {
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid #e8eaed;
      display: flex;
      flex-direction: column;
      gap: 8px; }
    .fr-box .fr-collab-panel .fr-collab-card__reply {
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-size: 13px; }
    .fr-box .fr-collab-panel .fr-collab-card__reply-meta {
      color: #707070;
      font-size: 11px;
      display: flex;
      gap: 6px; }
      .fr-box .fr-collab-panel .fr-collab-card__reply-meta strong {
        color: #202124;
        font-weight: 600; }
    .fr-box .fr-collab-panel .fr-collab-card__reply-header {
      display: flex;
      align-items: center;
      gap: 8px; }
      .fr-box .fr-collab-panel .fr-collab-card__reply-header .fr-collab-card__avatar {
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        font-size: 10px; }
      .fr-box .fr-collab-panel .fr-collab-card__reply-header .fr-collab-card__author {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 12px; }
      .fr-box .fr-collab-panel .fr-collab-card__reply-header .fr-collab-card__time {
        font-size: 11px; }
    .fr-box .fr-collab-panel .fr-collab-card__reply-text {
      color: #202124;
      line-height: 1.45;
      word-break: break-word;
      padding-left: 30px; }
    .fr-box .fr-collab-panel .fr-collab-card__input-row {
      margin-top: 8px;
      display: flex;
      flex-direction: column;
      gap: 6px; }
    .fr-box .fr-collab-panel .fr-collab-card__textarea {
      width: 100%;
      border: 1px solid #e8eaed;
      border-radius: 4px;
      padding: 6px 8px;
      font-family: inherit;
      font-size: 12px;
      resize: vertical;
      min-height: 50px;
      box-sizing: border-box;
      color: #202124;
      background: #FFF; }
      .fr-box .fr-collab-panel .fr-collab-card__textarea:focus {
        outline: none;
        border-color: #0098f7; }
    .fr-box .fr-collab-panel .fr-collab-card__input-buttons {
      display: flex;
      gap: 6px;
      justify-content: flex-end; }
    .fr-box .fr-collab-panel .fr-collab-card__reply-row {
      display: none;
      margin-top: 10px; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-active .fr-collab-card__reply-row {
      display: block; }
    .fr-box .fr-collab-panel .fr-collab-card__reply-input {
      width: 100%;
      border: 1px solid #e8eaed;
      border-radius: 6px;
      padding: 8px 12px;
      font-family: inherit;
      font-size: 13px;
      color: #202124;
      background: #FFF;
      box-sizing: border-box;
      cursor: text; }
      .fr-box .fr-collab-panel .fr-collab-card__reply-input::placeholder {
        color: #707070; }
      .fr-box .fr-collab-panel .fr-collab-card__reply-input:focus {
        outline: none;
        border-color: #0098f7; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-insert > .fr-collab-card__top-bar {
      border-top: 4px solid #2E7D32; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-insert .fr-collab-card__label {
      color: #2E7D32; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-insert > .fr-collab-card__see-more {
      color: #2E7D32; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-delete > .fr-collab-card__top-bar {
      border-top: 4px solid #C62828; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-delete .fr-collab-card__label {
      color: #C62828; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-delete > .fr-collab-card__see-more {
      color: #C62828; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-replace > .fr-collab-card__top-bar {
      border-top: 4px solid #F9A825; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-replace .fr-collab-card__label {
      color: #F9A825; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-replace > .fr-collab-card__see-more {
      color: #F9A825; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-format > .fr-collab-card__top-bar {
      border-top: 4px solid #5E35B1; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-format .fr-collab-card__label {
      color: #5E35B1; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-format > .fr-collab-card__see-more {
      color: #5E35B1; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment > .fr-collab-card__top-bar {
      border-top: 4px solid #1565C0; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment .fr-collab-card__label {
      color: #1565C0; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment > .fr-collab-card__see-more {
      color: #1565C0; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment .fr-collab-card__reply-field,
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment .fr-collab-card__reply-actions {
      display: none; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment.fr-collab-card-active {
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05); }
      .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment.fr-collab-card-active .fr-collab-card__reply-field {
        display: block; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment[data-editing="1"] .fr-collab-card__reply-field, .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment:not(.fr-show-all) .fr-collab-card__replies > .fr-collab-card__reply.fr-reply-collapsed {
      display: none; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment .fr-collab-card__reply-field--filled .fr-collab-card__reply-actions,
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment .fr-collab-card__edit-field .fr-collab-card__reply-actions,
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment .fr-collab-card__replies > .fr-collab-card__reply {
      display: flex; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment.fr-collab-card-resolved {
      opacity: 1; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment.fr-has-overflow .fr-collab-card__view-all {
      display: inline-block; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment.fr-show-all .fr-collab-card__view-all--more {
      display: none; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-comment:not(.fr-show-all) .fr-collab-card__view-all--less {
      display: none; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap {
      position: relative;
      display: inline-flex; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu {
        position: absolute;
        top: calc(100% + 4px);
        right: 0;
        min-width: 120px;
        background: #FFF;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(60, 64, 67, 0.18), 0 1px 3px rgba(60, 64, 67, 0.1);
        padding: 4px 0;
        list-style: none;
        margin: 0;
        z-index: 110;
        display: none; }
        .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu--open {
          display: block; }
        .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu li {
          margin: 0;
          padding: 0; }
        .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu button {
          display: block;
          width: 100%;
          text-align: left;
          background: transparent;
          border: 0;
          padding: 8px 16px;
          font-family: inherit;
          font-size: 12px;
          color: #202124;
          cursor: pointer; }
          .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu button:hover, .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu button:focus {
            background: #f1f3f4;
            outline: none; }
          .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu button:disabled {
            color: #BDC1C6;
            cursor: not-allowed; }
            .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__menu button:disabled:hover {
              background: transparent; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__icon-btn--disabled {
        opacity: 0.5; }
        .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__menu-wrap .fr-collab-card__icon-btn--disabled:hover {
          background: transparent; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__reply-field,
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__edit-field,
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__draft-field {
      margin-top: 10px;
      display: flex;
      flex-direction: column;
      gap: 8px; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__reply-input,
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__draft-input {
      width: 100%;
      border: 1px solid #e8eaed;
      border-radius: 6px;
      padding: 8px 12px;
      font-family: inherit;
      font-size: 13px;
      color: #202124;
      background: #FFF;
      box-sizing: border-box;
      resize: none;
      min-height: 36px;
      max-height: 120px;
      line-height: 1.4;
      outline: none; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__reply-input::placeholder,
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__draft-input::placeholder {
        color: #707070; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__reply-input:focus,
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__draft-input:focus {
        border-color: #0098f7; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__reply-actions,
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__draft-actions {
      display: flex;
      gap: 8px;
      justify-content: flex-end; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__action-btn {
      font-family: inherit;
      font-size: 13px;
      font-weight: 500;
      padding: 6px 18px;
      border-radius: 6px;
      border: 1px solid transparent;
      cursor: pointer;
      background: transparent;
      color: #202124;
      transition: background 0.2s ease 0s, color 0.2s ease 0s; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__action-btn.fr-collab-card__action-btn--primary {
        background: #0098f7;
        color: #FFF;
        border-color: #0098f7; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__action-btn.fr-collab-card__action-btn--primary:hover {
        background: #0085d8; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__action-btn.fr-collab-card__action-btn--primary:disabled, .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__action-btn.fr-collab-card__action-btn--primary[disabled] {
        background: #999999;
        border-color: #999999;
        color: #FFF;
        cursor: not-allowed; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__action-btn.fr-collab-card__action-btn--secondary {
        border-color: #e8eaed; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__action-btn.fr-collab-card__action-btn--secondary:hover {
        background: #f1f3f4; }
    .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-draft {
      cursor: default; }
      .fr-box .fr-collab-panel .fr-collab-card.fr-collab-card-draft > .fr-collab-card__top-bar {
        border-top: 4px solid #1565C0;
        border-radius: 6px; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__reply-input::-webkit-scrollbar,
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__draft-input::-webkit-scrollbar {
      display: none; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__view-all {
      background: transparent;
      border: 0;
      padding: 6px 0 0;
      font-family: inherit;
      font-size: 10px;
      font-weight: 600;
      color: #1a73e8;
      cursor: pointer;
      text-align: left;
      display: none; }
      .fr-box .fr-collab-panel .fr-collab-card .fr-collab-card__view-all:hover {
        text-decoration: underline; }
    .fr-box .fr-collab-panel .fr-collab-card .fr-collab-mention {
      color: #0098f7;
      background: rgba(0, 152, 247, 0.1);
      padding: 0 4px;
      border-radius: 3px;
      font-weight: 500; }
  .fr-box .fr-collab-panel.fr-collab-panel--readonly .fr-collab-card__actions,
  .fr-box .fr-collab-panel.fr-collab-panel--readonly .fr-collab-card__menu-wrap {
    display: none; }
  .fr-box .fr-collab-panel.fr-collab-panel--readonly .fr-collab-card.fr-collab-card-active .fr-collab-card__reply-row, .fr-box .fr-collab-panel.fr-collab-panel--readonly .fr-collab-card.fr-collab-card-comment .fr-collab-card__reply-field, .fr-box .fr-collab-panel.fr-collab-panel--readonly .fr-collab-card.fr-collab-card-comment.fr-collab-card-active .fr-collab-card__reply-field {
    display: none; }
.fr-box .fr-collab-mention-menu {
  position: absolute;
  z-index: 200;
  min-width: 160px;
  max-height: 220px;
  overflow-y: auto;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(60, 64, 67, 0.18), 0 1px 3px rgba(60, 64, 67, 0.1);
  padding: 4px 0;
  list-style: none;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; }
  .fr-box .fr-collab-mention-menu li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .fr-box .fr-collab-mention-menu button {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 6px 12px;
    font-family: inherit;
    font-size: 13px;
    color: #202124;
    cursor: pointer; }
    .fr-box .fr-collab-mention-menu button:hover, .fr-box .fr-collab-mention-menu button.fr-collab-mention-active {
      outline: none;
      background: #0098f7;
      color: #FFF; }
  .fr-box .fr-collab-mention-menu__avatar {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #E1F7F3;
    color: #00B398;
    border: 1px solid #00B398;
    font-size: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center; }

.fr-modal .fr-modal-wrapper:has(.fr-vh-modal__head) {
  max-width: 520px;
  padding: 0;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000; }
.fr-modal.fr-vh-modal .fr-modal-head {
  border-bottom: 0; }
.fr-modal .fr-vh-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 14px 0;
  font-size: 18px;
  font-weight: 600;
  color: #222222; }
.fr-modal .fr-vh-modal__close {
  background: transparent;
  border: 0;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #222222;
  border-radius: 50%;
  padding: 0; }
  .fr-modal .fr-vh-modal__close:hover {
    background: rgba(0, 0, 0, 0.06); }
  .fr-modal .fr-vh-modal__close svg {
    width: 14px;
    height: 14px;
    fill: currentColor; }
.fr-modal .fr-vh-modal__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start; }
.fr-modal .fr-vh-modal__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 4px;
  width: 100%; }
  .fr-modal .fr-vh-modal__field:focus-within {
    border-bottom-color: #0098f7; }
.fr-modal .fr-vh-modal__field-label {
  font-size: 13px;
  color: #888;
  text-align: left; }
.fr-modal .fr-vh-modal__title,
.fr-modal .fr-vh-modal__desc {
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 15px;
  color: #222222;
  font-family: inherit;
  padding: 4px 0;
  width: 100%;
  resize: none; }
  .fr-modal .fr-vh-modal__title::placeholder,
  .fr-modal .fr-vh-modal__desc::placeholder {
    color: #6A757E;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; }
.fr-modal .fr-vh-modal__desc {
  min-height: 20px;
  max-height: 120px;
  line-height: 1.4;
  overflow: hidden; }
.fr-modal .fr-vh-modal__err {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #d92d20;
  font-size: 13px;
  margin-top: -8px; }
  .fr-modal .fr-vh-modal__err[hidden] {
    display: none; }
  .fr-modal .fr-vh-modal__err svg {
    width: 16px;
    height: 16px; }
.fr-modal .fr-vh-modal__save {
  width: 100%;
  margin-top: 8px;
  background: #0098f7;
  color: #FFF;
  border: 0;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease 0s; }
  .fr-modal .fr-vh-modal__save:hover {
    background: #0085d8; }
  .fr-modal .fr-vh-modal__save:active {
    background: #0072ba; }

.fr-box.fr-vh-view-active {
  position: relative; }
  .fr-box.fr-vh-view-active > .fr-vh-view-root {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5; }

.fr-box.fr-vh-compare-active {
  position: relative; }
  .fr-box.fr-vh-compare-active > .fr-vh-compare-root {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5; }

.fr-vh-view-root {
  display: flex;
  flex-direction: column;
  background: #FFF;
  border: 1px solid #e5e5e5;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  color: #222222; }
  .fr-vh-view-root .fr-vh-view__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 8px;
    border-bottom: 1px solid #e5e5e5;
    background: #FFF; }
  .fr-vh-view-root .fr-vh-view__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    padding: 6px;
    border-radius: 6px;
    font: inherit;
    color: #222222;
    cursor: pointer; }
    .fr-vh-view-root .fr-vh-view__back:hover {
      background: rgba(0, 0, 0, 0.05); }
    .fr-vh-view-root .fr-vh-view__back svg {
      width: 24px;
      height: 24px;
      fill: currentColor; }
  .fr-vh-view-root .fr-vh-view__total {
    font-size: 13px;
    color: #707070; }
  .fr-vh-view-root .fr-vh-view__body {
    display: grid;
    grid-template-columns: 1fr 360px;
    flex: 1 1 auto;
    overflow: hidden;
    gap: 20px;
    background: #F6FBFD; }
  .fr-vh-view-root .fr-vh-view__preview-wrap {
    overflow-y: auto;
    background: #FFF; }
  .fr-vh-view-root .fr-vh-view__preview {
    padding: 24px 32px;
    font-size: 15px;
    line-height: 1.6;
    color: #222222;
    min-height: 100%;
    box-sizing: border-box; }
  .fr-vh-view-root .fr-vh-view__side {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #FFF; }
  .fr-vh-view-root .fr-vh-view__side-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 0; }
  .fr-vh-view-root .fr-vh-view__side-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #222222; }
  .fr-vh-view-root .fr-vh-view__cards {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .fr-vh-view-root .fr-vh-view__empty {
    padding: 16px;
    color: #888;
    font-style: italic;
    text-align: center; }
  .fr-vh-view-root .fr-vh-view__handle,
  .fr-vh-view-root .fr-vh-view__mobile-nav,
  .fr-vh-view-root .fr-vh-view__mobile-bar {
    display: none; }

.fr-vh-compare-root {
  display: flex;
  flex-direction: column;
  background: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #222222;
  border: 1px solid #e5e5e5;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden; }
  .fr-vh-compare-root .fr-vh-compare__topbar {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 12px 8px;
    border-bottom: 1px solid #e5e5e5;
    background: #FFF; }
  .fr-vh-compare-root .fr-vh-compare__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    padding: 4px;
    border-radius: 6px;
    font: inherit;
    color: #222222;
    cursor: pointer; }
    .fr-vh-compare-root .fr-vh-compare__back:hover {
      background: rgba(0, 0, 0, 0.05); }
    .fr-vh-compare-root .fr-vh-compare__back svg {
      width: 24px;
      height: 24px;
      fill: currentColor; }
    @media (max-width: 480px) {
      .fr-vh-compare-root .fr-vh-compare__back span {
        display: none; } }
  .fr-vh-compare-root .fr-vh-compare__counter {
    display: inline-flex;
    align-items: center;
    justify-self: right;
    color: #444; }
    .fr-vh-compare-root .fr-vh-compare__counter-text {
      font-size: 13px;
      margin-right: 10px; }
      @media (max-width: 480px) {
        .fr-vh-compare-root .fr-vh-compare__counter-text {
          min-width: 0;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; } }
  .fr-vh-compare-root .fr-vh-compare__chevron {
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer; }
    .fr-vh-compare-root .fr-vh-compare__chevron:hover {
      background: rgba(0, 0, 0, 0.06);
      color: #222222; }
    .fr-vh-compare-root .fr-vh-compare__chevron svg {
      width: 18px;
      height: 18px;
      fill: #707070; }
  .fr-vh-compare-root .fr-vh-compare__exit {
    background: transparent;
    border: 0;
    padding: 6px 8px;
    font: inherit;
    font-weight: 600;
    font-size: 12px;
    color: #0098f7;
    cursor: pointer; }
    .fr-vh-compare-root .fr-vh-compare__exit:hover {
      text-decoration: underline; }
    @media (max-width: 480px) {
      .fr-vh-compare-root .fr-vh-compare__exit {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; } }
  .fr-vh-compare-root .fr-vh-compare__body {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 16px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
    background: #F6FBFD; }
  .fr-vh-compare-root .fr-vh-compare__diff {
    background: #FFF;
    padding: 24px 28px;
    overflow-y: auto;
    font-size: 15px;
    line-height: 1.6;
    color: #222222;
    position: relative;
    min-height: 400px; }
    .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-add {
      background: #DFF3E0;
      border-bottom: 2px solid #2E7D32;
      padding: 0 2px;
      border-radius: 2px; }
      .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-add:not(span) {
        border-bottom: none;
        border-left: 3px solid #2E7D32;
        padding-left: 8px;
        padding-right: 0;
        border-radius: 0; }
    .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-del {
      background: #F8D7D7;
      border-bottom: 2px solid #C62828;
      text-decoration: line-through;
      padding: 0 2px;
      border-radius: 2px; }
      .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-del:not(span) {
        border-bottom: none;
        color: inherit;
        border-left: 3px solid #C62828;
        padding-left: 8px;
        padding-right: 0;
        border-radius: 0; }
    .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-format {
      background: #F3EEFC;
      border-left: 3px solid #5E35B1;
      padding-left: 8px; }
      .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-format:is(span) {
        border-left: none;
        padding-left: 2px;
        padding-right: 2px;
        border-radius: 2px;
        border-bottom: 2px solid #5E35B1; }
    .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-add.fr-vh-hunk-active {
      background: #BCE5C0; }
    .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-del.fr-vh-hunk-active {
      background: #F2A7A7; }
    .fr-vh-compare-root .fr-vh-compare__diff .fr-vh-diff-format.fr-vh-hunk-active {
      background: #C7B6EA; }
  .fr-vh-compare-root .fr-vh-compare__side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    padding: 12px;
    overflow-y: auto;
    max-height: 80vh; }
  .fr-vh-compare-root .fr-vh-compare__selected {
    display: contents; }
  .fr-vh-compare-root .fr-vh-compare__sub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px; }
    .fr-vh-compare-root .fr-vh-compare__sub-header .fr-vh-compare__sub-title {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #222222; }
  .fr-vh-compare-root .fr-vh-compare__targets {
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .fr-vh-compare-root .fr-vh-compare__target-wrap > .fr-vh-card {
    cursor: pointer; }
  .fr-vh-compare-root .fr-vh-compare__empty {
    padding: 16px;
    color: #888;
    text-align: center;
    font-style: italic; }
  .fr-vh-compare-root .fr-vh-hunk-popup {
    position: absolute;
    z-index: 50;
    background: #FFF;
    border: 1px solid #e8eaed;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(60, 64, 67, 0.18);
    padding: 10px 14px;
    padding-top: 14px;
    max-width: 360px;
    min-width: 100px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    pointer-events: none; }
    .fr-vh-compare-root .fr-vh-hunk-popup__top-bar {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 10px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .fr-vh-compare-root .fr-vh-hunk-popup--add > .fr-vh-hunk-popup__top-bar {
      border-top: 4px solid #2E7D32;
      border-radius: 6px; }
    .fr-vh-compare-root .fr-vh-hunk-popup--add .fr-vh-hunk-popup__label {
      color: #2E7D32; }
    .fr-vh-compare-root .fr-vh-hunk-popup--delete > .fr-vh-hunk-popup__top-bar {
      border-top: 4px solid #C62828;
      border-radius: 6px; }
    .fr-vh-compare-root .fr-vh-hunk-popup--delete .fr-vh-hunk-popup__label {
      color: #C62828; }
    .fr-vh-compare-root .fr-vh-hunk-popup--format > .fr-vh-hunk-popup__top-bar {
      border-top: 4px solid #5E35B1;
      border-radius: 6px; }
    .fr-vh-compare-root .fr-vh-hunk-popup--format .fr-vh-hunk-popup__label {
      color: #5E35B1; }
    .fr-vh-compare-root .fr-vh-hunk-popup__label {
      font-weight: 700;
      white-space: nowrap; }
    .fr-vh-compare-root .fr-vh-hunk-popup__text {
      color: #202124;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .fr-vh-compare-root .fr-vh-compare__handle,
  .fr-vh-compare-root .fr-vh-compare__mobile-heading,
  .fr-vh-compare-root .fr-vh-compare__mobile-status,
  .fr-vh-compare-root .fr-vh-compare__mobile-bar {
    display: none; }

.fr-vh-view-root .fr-vh-panel__filter-wrap,
.fr-vh-compare-root .fr-vh-panel__filter-wrap {
  position: relative; }
  .fr-vh-view-root .fr-vh-panel__filter-wrap--open .fr-vh-panel__caret,
  .fr-vh-compare-root .fr-vh-panel__filter-wrap--open .fr-vh-panel__caret {
    transform: rotate(180deg); }
.fr-vh-view-root .fr-vh-panel__filter,
.fr-vh-compare-root .fr-vh-panel__filter {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 0;
  padding: 4px 8px;
  border-radius: 6px;
  font: inherit;
  color: #707070;
  font-size: 12px;
  cursor: pointer; }
  .fr-vh-view-root .fr-vh-panel__filter:hover,
  .fr-vh-compare-root .fr-vh-panel__filter:hover {
    background: rgba(0, 0, 0, 0.05); }
  .fr-vh-view-root .fr-vh-panel__filter .fr-vh-panel__caret,
  .fr-vh-compare-root .fr-vh-panel__filter .fr-vh-panel__caret {
    width: 10px;
    height: 10px;
    fill: currentColor;
    transition: transform 0.2s ease 0s; }
.fr-vh-view-root .fr-vh-panel__filter-menu,
.fr-vh-compare-root .fr-vh-panel__filter-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin: 4px 0 0;
  padding: 4px 0;
  list-style: none;
  background: #FFF;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  min-width: 160px;
  z-index: 5; }
  .fr-vh-view-root .fr-vh-panel__filter-menu[hidden],
  .fr-vh-compare-root .fr-vh-panel__filter-menu[hidden] {
    display: none; }
  .fr-vh-view-root .fr-vh-panel__filter-menu li,
  .fr-vh-compare-root .fr-vh-panel__filter-menu li {
    margin: 0;
    padding: 0; }
.fr-vh-view-root .fr-vh-panel__filter-option,
.fr-vh-compare-root .fr-vh-panel__filter-option {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  font-size: 12px;
  padding: 8px 12px;
  color: #222222;
  cursor: pointer; }
  .fr-vh-view-root .fr-vh-panel__filter-option:hover,
  .fr-vh-compare-root .fr-vh-panel__filter-option:hover {
    background: rgba(0, 0, 0, 0.04); }
  .fr-vh-view-root .fr-vh-panel__filter-option--active,
  .fr-vh-compare-root .fr-vh-panel__filter-option--active {
    font-weight: 600;
    color: #0098f7; }
.fr-vh-view-root .fr-vh-card,
.fr-vh-compare-root .fr-vh-card {
  position: relative;
  background: #FFF;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  transition: border-color 0.2s ease 0s, box-shadow 0.2s ease 0s; }
  .fr-vh-view-root .fr-vh-card:not(.fr-vh-card-active):hover,
  .fr-vh-compare-root .fr-vh-card:not(.fr-vh-card-active):hover {
    border-color: #cfd6dc;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); }
  .fr-vh-view-root .fr-vh-card--unnamed,
  .fr-vh-compare-root .fr-vh-card--unnamed {
    background: #FFF; }
    .fr-vh-view-root .fr-vh-card--unnamed .fr-vh-card__title,
    .fr-vh-compare-root .fr-vh-card--unnamed .fr-vh-card__title {
      font-weight: 500;
      color: #222222; }
  .fr-vh-view-root .fr-vh-card--expanded .fr-vh-card__desc,
  .fr-vh-compare-root .fr-vh-card--expanded .fr-vh-card__desc {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible; }
  .fr-vh-view-root .fr-vh-card__desc,
  .fr-vh-compare-root .fr-vh-card__desc {
    font-size: 13px;
    line-height: 1.45;
    color: #555;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .fr-vh-view-root .fr-vh-card__see-toggle,
  .fr-vh-compare-root .fr-vh-card__see-toggle {
    align-self: flex-start;
    background: transparent;
    border: 0;
    padding: 0;
    margin-top: 2px;
    cursor: pointer;
    color: #009BFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
    .fr-vh-view-root .fr-vh-card__see-toggle:hover,
    .fr-vh-compare-root .fr-vh-card__see-toggle:hover {
      text-decoration: underline; }
  .fr-vh-view-root .fr-vh-card__row,
  .fr-vh-compare-root .fr-vh-card__row {
    display: flex;
    align-items: center;
    gap: 8px; }
    .fr-vh-view-root .fr-vh-card__row--top .fr-vh-card__title,
    .fr-vh-compare-root .fr-vh-card__row--top .fr-vh-card__title {
      font-weight: 600;
      color: #222222; }
  .fr-vh-view-root .fr-vh-card__title,
  .fr-vh-compare-root .fr-vh-card__title {
    flex: 1 1 auto;
    font-size: 14px;
    color: #222222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .fr-vh-view-root .fr-vh-card__time,
  .fr-vh-compare-root .fr-vh-card__time {
    font-size: 12px;
    color: #666;
    flex: 0 0 auto; }
  .fr-vh-view-root .fr-vh-card__name,
  .fr-vh-compare-root .fr-vh-card__name {
    color: #666;
    font-size: 13px; }
  .fr-vh-view-root .fr-vh-card__compare,
  .fr-vh-compare-root .fr-vh-card__compare {
    align-self: flex-start;
    background: transparent;
    border: 0;
    padding: 0;
    color: #0098f7;
    font: inherit;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer; }
    .fr-vh-view-root .fr-vh-card__compare:hover,
    .fr-vh-compare-root .fr-vh-card__compare:hover {
      text-decoration: underline; }
  .fr-vh-view-root .fr-vh-card__menu-wrap,
  .fr-vh-compare-root .fr-vh-card__menu-wrap {
    position: relative;
    flex: 0 0 auto; }
  .fr-vh-view-root .fr-vh-card__menu-btn,
  .fr-vh-compare-root .fr-vh-card__menu-btn {
    background: transparent;
    border: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #666;
    cursor: pointer; }
    .fr-vh-view-root .fr-vh-card__menu-btn:hover,
    .fr-vh-compare-root .fr-vh-card__menu-btn:hover {
      background: rgba(0, 0, 0, 0.06);
      color: #222222; }
    .fr-vh-view-root .fr-vh-card__menu-btn svg,
    .fr-vh-compare-root .fr-vh-card__menu-btn svg {
      width: 18px;
      height: 18px;
      fill: #707070; }
  .fr-vh-view-root .fr-vh-card__menu,
  .fr-vh-compare-root .fr-vh-card__menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin: 4px 0 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 8px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    min-width: max-content;
    z-index: 10; }
    .fr-vh-view-root .fr-vh-card__menu[hidden],
    .fr-vh-compare-root .fr-vh-card__menu[hidden] {
      display: none; }
    .fr-vh-view-root .fr-vh-card__menu li,
    .fr-vh-compare-root .fr-vh-card__menu li {
      margin: 0;
      padding: 0;
      width: 100%; }
    .fr-vh-view-root .fr-vh-card__menu button,
    .fr-vh-compare-root .fr-vh-card__menu button {
      width: 100%;
      text-align: left;
      background: transparent;
      border: 0;
      padding: 0;
      font-family: inherit;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: #222222;
      cursor: pointer; }
      .fr-vh-view-root .fr-vh-card__menu button:hover,
      .fr-vh-compare-root .fr-vh-card__menu button:hover {
        opacity: 0.7; }
.fr-vh-view-root .fr-vh-card-active,
.fr-vh-compare-root .fr-vh-card-active {
  border: 1px solid #009BFF;
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05); }
.fr-vh-view-root .fr-vh-avatar,
.fr-vh-compare-root .fr-vh-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f0fdf8;
  border: 1.5px solid #1f8a6c;
  color: #1f8a6c;
  font-size: 11px;
  font-weight: 600;
  flex: 0 0 auto; }

.fr-vh-compare__toast-exit {
  color: #0098f7;
  text-decoration: none;
  margin-left: 6px;
  font-weight: 600; }
  .fr-vh-compare__toast-exit:hover {
    text-decoration: underline; }

@media (max-width: 480px) {
  .fr-box.fr-collab-panel-open {
    display: block; }
  .fr-box .fr-collab-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 80vh;
    height: auto;
    min-height: unset;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    display: none;
    flex-direction: column;
    overscroll-behavior: none; }
    .fr-box .fr-collab-panel__header, .fr-box .fr-collab-panel__collapsed-body {
      display: none; }
    .fr-box .fr-collab-panel__handle {
      display: none;
      padding: 10px;
      touch-action: none; }
    .fr-box .fr-collab-panel__handle-bar {
      width: 66px;
      height: 4px;
      border-radius: 2px;
      background: #999999;
      margin: 0px auto 0px;
      flex-shrink: 0;
      cursor: grab; }
    .fr-box .fr-collab-panel__mobile-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 16px;
      background: #E1F3FA;
      flex-shrink: 0; }
    .fr-box .fr-collab-panel__mobile-count {
      font-size: 14px;
      color: #222222; }
    .fr-box .fr-collab-panel__mobile-view-all, .fr-box .fr-collab-panel__mobile-view-all-nav {
      font-size: 14px;
      color: #0098f7;
      background: none;
      border: none;
      cursor: pointer;
      font-weight: 500;
      padding: 0;
      margin-left: auto; }
    .fr-box .fr-collab-panel__mobile-nav {
      display: none;
      align-items: center;
      gap: 8px;
      padding: 8px 16px;
      flex-shrink: 0; }
    .fr-box .fr-collab-panel__mobile-counter {
      font-size: 14px;
      color: #222222;
      text-align: center; }
    .fr-box .fr-collab-panel__mobile-prev, .fr-box .fr-collab-panel__mobile-next {
      background: none;
      border: none;
      font-size: 22px;
      line-height: 1;
      fill: #707070;
      cursor: pointer;
      padding: 4px 8px; }
      .fr-box .fr-collab-panel__mobile-prev svg, .fr-box .fr-collab-panel__mobile-next svg {
        height: 16px;
        width: 16px; }
      .fr-box .fr-collab-panel__mobile-prev:disabled, .fr-box .fr-collab-panel__mobile-next:disabled {
        fill: #CCCCCC;
        cursor: default; }
    .fr-box .fr-collab-panel__body {
      display: none;
      overflow-y: auto;
      flex: 1;
      overscroll-behavior: contain; }
    .fr-box .fr-collab-panel .fr-collab-card__draft-actions,
    .fr-box .fr-collab-panel .fr-collab-card__reply-actions {
      display: flex;
      gap: 8px;
      justify-content: space-between; }
      .fr-box .fr-collab-panel .fr-collab-card__draft-actions button,
      .fr-box .fr-collab-panel .fr-collab-card__reply-actions button {
        flex: 1; }
    .fr-box .fr-collab-panel.fr-collab-panel-visible {
      display: flex; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-full {
      height: 70vh; }
      .fr-box .fr-collab-panel.fr-collab-panel--mobile-full .fr-collab-panel__handle {
        display: block; }
      .fr-box .fr-collab-panel.fr-collab-panel--mobile-full .fr-collab-panel__mobile-bar {
        display: none; }
      .fr-box .fr-collab-panel.fr-collab-panel--mobile-full .fr-collab-panel__body {
        display: block; }
      .fr-box .fr-collab-panel.fr-collab-panel--mobile-full .fr-collab-panel__mobile-nav {
        display: none; }
      .fr-box .fr-collab-panel.fr-collab-panel--mobile-full .fr-collab-panel__header {
        display: flex;
        flex-direction: row-reverse;
        padding-top: 0; }
        .fr-box .fr-collab-panel.fr-collab-panel--mobile-full .fr-collab-panel__header .fr-collab-panel__toggle {
          display: none; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-single .fr-collab-panel__handle {
      display: block; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-single .fr-collab-panel__mobile-bar {
      display: none; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-single .fr-collab-panel__body {
      display: block; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-single .fr-collab-panel__mobile-nav {
      display: flex; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-draft .fr-collab-panel__handle {
      display: block;
      order: 1; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-draft .fr-collab-panel__body {
      display: block;
      order: 2; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-draft .fr-collab-panel__mobile-bar {
      display: flex;
      order: 3; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-draft .fr-collab-panel__mobile-nav {
      display: none; }
    .fr-box .fr-collab-panel.fr-collab-panel--mobile-draft .fr-collab-card:not(.fr-collab-card-draft) {
      display: none; }
    .fr-box .fr-collab-panel .fr-collab-card--mobile-hidden {
      display: none; }
  .fr-box.fr-vh-view-active .fr-vh-view-root .fr-vh-view__body {
    grid-template-columns: 1fr;
    gap: 0; }
  .fr-box.fr-vh-view-active .fr-vh-view-root .fr-vh-view__preview-wrap {
    overflow-y: auto;
    padding-bottom: 280px;
    box-sizing: border-box; }
  .fr-box.fr-vh-view-active .fr-vh-view__side {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    max-height: 80vh;
    min-height: unset;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #F6FBFD; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__side-header {
      display: none; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__cards {
      flex: 1;
      overflow-y: auto;
      touch-action: pan-y;
      padding: 0 16px 16px;
      overscroll-behavior: contain; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__handle {
      display: none;
      justify-content: center;
      padding: 10px 0;
      flex-shrink: 0;
      touch-action: none; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__handle-bar {
      width: 66px;
      height: 4px;
      border-radius: 2px;
      background: #999999; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-nav {
      display: none;
      align-items: center;
      gap: 8px;
      padding: 0 16px 8px;
      flex-shrink: 0; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-counter {
      font-size: 14px;
      color: #222222;
      text-align: center; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-prev,
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-next {
      background: none;
      border: none;
      font-size: 22px;
      line-height: 1;
      fill: #707070;
      cursor: pointer;
      padding: 4px 8px; }
      .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-prev svg,
      .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-next svg {
        width: 16px;
        height: 16px;
        display: block; }
      .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-prev:disabled,
      .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-next:disabled {
        fill: #CCCCCC;
        cursor: default;
        opacity: 0.4; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-compare-btn {
      margin-left: auto;
      background: none;
      border: none;
      color: #0098f7;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      padding: 0; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-bar {
      display: none;
      align-items: center;
      justify-content: space-between;
      padding: 12px 16px;
      flex-shrink: 0;
      background: #E1F3FA; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-bar-count {
      font-size: 14px;
      color: #222222; }
    .fr-box.fr-vh-view-active .fr-vh-view__side .fr-vh-view__mobile-bar-view-all {
      font-size: 14px;
      color: #0098f7;
      background: none;
      border: none;
      cursor: pointer;
      font-weight: 500;
      padding: 0; }
    .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-single .fr-vh-view__handle {
      display: flex; }
    .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-single .fr-vh-view__mobile-bar {
      display: none; }
    .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-single .fr-vh-view__mobile-nav {
      display: flex; }
    .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-single .fr-vh-view__side-header {
      display: none; }
    .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-single .fr-vh-card.fr-vh-card--mobile-hidden {
      display: none; }
    .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-collapsed {
      height: auto; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-collapsed .fr-vh-view__handle {
        display: none; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-collapsed .fr-vh-view__mobile-nav {
        display: none; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-collapsed .fr-vh-view__side-header {
        display: none; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-collapsed .fr-vh-view__cards {
        display: none; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-collapsed .fr-vh-view__mobile-bar {
        display: flex; }
    .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-full {
      height: 70vh; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-full .fr-vh-view__handle {
        display: flex; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-full .fr-vh-view__mobile-nav {
        display: none; }
      .fr-box.fr-vh-view-active .fr-vh-view__side.fr-vh-view__side--mobile-full .fr-vh-view__side-header {
        display: flex;
        padding: 0 20px 8px; }
  .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__body {
    grid-template-columns: 1fr;
    gap: 0; }
  .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__diff {
    min-height: unset; }
  .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 65vh;
    height: auto;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
    z-index: 1001;
    padding: 0 16px 16px;
    overflow-y: auto;
    background: #F6FBFD;
    display: none;
    gap: 6px; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__mobile-toast-panel {
      position: fixed;
      right: 50%; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__mobile-toast-panel .fr-vh-compare__mobile-toast {
        position: relative;
        bottom: 70px; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__sub-title {
      display: none; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__handle {
      display: none;
      justify-content: center;
      padding: 10px 0;
      flex-shrink: 0;
      touch-action: none; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__handle-bar {
      width: 66px;
      height: 4px;
      border-radius: 2px;
      background: #999999; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__mobile-heading {
      display: none; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__mobile-bar {
      display: none;
      align-items: center;
      justify-content: space-between;
      padding: 12px 0;
      flex-shrink: 0;
      background: #E1F3FA; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__mobile-bar-label {
      font-size: 14px;
      color: #222222;
      font-weight: 600; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__mobile-bar-expand {
      font-size: 14px;
      color: #0098f7;
      background: none;
      border: none;
      cursor: pointer;
      font-weight: 500;
      padding: 0; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side .fr-vh-compare__targets {
      touch-action: pan-y; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-full {
      display: flex;
      flex-direction: column;
      height: 65vh;
      overflow: hidden; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-full .fr-vh-compare__handle {
        display: flex;
        flex-shrink: 0; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-full .fr-vh-compare__mobile-heading {
        display: block;
        font-size: 16px;
        font-weight: 700;
        color: #222222;
        padding: 4px 0;
        flex-shrink: 0; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-full .fr-vh-compare__mobile-bar {
        display: none; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-full .fr-vh-compare__targets {
        flex: 1;
        overflow-y: auto; }
    .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-collapsed {
      display: flex;
      flex-direction: column;
      padding: 0 16px;
      overflow: hidden;
      background: #E1F3FA; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-collapsed .fr-vh-compare__handle {
        display: none; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-collapsed .fr-vh-compare__mobile-heading {
        display: none; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-collapsed .fr-vh-compare__mobile-bar {
        display: flex; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-collapsed .fr-vh-compare__selected {
        display: none; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-collapsed .fr-vh-compare__sub-header {
        display: none; }
      .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__side.fr-vh-compare__side--mobile-collapsed .fr-vh-compare__targets {
        display: none; }
  .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__sub-header {
    margin-top: unset; }
  .fr-box.fr-vh-compare-active .fr-vh-compare-root .fr-vh-compare__selected {
    display: none; }
  .fr-box .fr-collab-mention-menu {
    z-index: 1000; } }