/*
 * Default Trix editor styles. See Action Text overwrites below.
*/

trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M209.66%2C122.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-82.05%2C82a56%2C56%2C0%2C0%2C1-79.2-79.21L147.67%2C35.73a40%2C40%2C0%2C1%2C1%2C56.61%2C56.55L105%2C193A24%2C24%2C0%2C1%2C1%2C71%2C159L154.3%2C74.38A8%2C8%2C0%2C1%2C1%2C165.7%2C85.6L82.39%2C170.31a8%2C8%2C0%2C1%2C0%2C11.27%2C11.36L192.93%2C81A24%2C24%2C0%2C1%2C0%2C159%2C47L59.76%2C147.68a40%2C40%2C0%2C1%2C0%2C56.53%2C56.62l82.06-82A8%2C8%2C0%2C0%2C1%2C209.66%2C122.34Z%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M178.48%2C115.7A44%2C44%2C0%2C0%2C0%2C148%2C40H80a8%2C8%2C0%2C0%2C0-8%2C8V200a8%2C8%2C0%2C0%2C0%2C8%2C8h80a48%2C48%2C0%2C0%2C0%2C18.48-92.3ZM88%2C56h60a28%2C28%2C0%2C0%2C1%2C0%2C56H88Zm72%2C136H88V128h72a32%2C32%2C0%2C0%2C1%2C0%2C64Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M200%2C56a8%2C8%2C0%2C0%2C1-8%2C8H157.77L115.1%2C192H144a8%2C8%2C0%2C0%2C1%2C0%2C16H64a8%2C8%2C0%2C0%2C1%2C0-16H98.23L140.9%2C64H112a8%2C8%2C0%2C0%2C1%2C0-16h80A8%2C8%2C0%2C0%2C1%2C200%2C56Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M240%2C88.23a54.43%2C54.43%2C0%2C0%2C1-16%2C37L189.25%2C160a54.27%2C54.27%2C0%2C0%2C1-38.63%2C16h-.05A54.63%2C54.63%2C0%2C0%2C1%2C96%2C119.84a8%2C8%2C0%2C0%2C1%2C16%2C.45A38.62%2C38.62%2C0%2C0%2C0%2C150.58%2C160h0a38.39%2C38.39%2C0%2C0%2C0%2C27.31-11.31l34.75-34.75a38.63%2C38.63%2C0%2C0%2C0-54.63-54.63l-11%2C11A8%2C8%2C0%2C0%2C1%2C135.7%2C59l11-11A54.65%2C54.65%2C0%2C0%2C1%2C224%2C48%2C54.86%2C54.86%2C0%2C0%2C1%2C240%2C88.23ZM109%2C185.66l-11%2C11A38.41%2C38.41%2C0%2C0%2C1%2C70.6%2C208h0a38.63%2C38.63%2C0%2C0%2C1-27.29-65.94L78%2C107.31A38.63%2C38.63%2C0%2C0%2C1%2C144%2C135.71a8%2C8%2C0%2C0%2C0%2C16%2C.45A54.86%2C54.86%2C0%2C0%2C0%2C144%2C96a54.65%2C54.65%2C0%2C0%2C0-77.27%2C0L32%2C130.75A54.62%2C54.62%2C0%2C0%2C0%2C70.56%2C224h0a54.28%2C54.28%2C0%2C0%2C0%2C38.64-16l11-11A8%2C8%2C0%2C0%2C0%2C109%2C185.66Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H175.93c9.19%2C7.11%2C16.07%2C17.2%2C16.07%2C32%2C0%2C13.34-7%2C25.7-19.75%2C34.79C160.33%2C211.31%2C144.61%2C216%2C128%2C216s-32.33-4.69-44.25-13.21C71%2C193.7%2C64%2C181.34%2C64%2C168a8%2C8%2C0%2C0%2C1%2C16%2C0c0%2C17.35%2C22%2C32%2C48%2C32s48-14.65%2C48-32c0-14.85-10.54-23.58-38.77-32H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM76.33%2C104a8%2C8%2C0%2C0%2C0%2C7.61-10.49A17.3%2C17.3%2C0%2C0%2C1%2C83.11%2C88c0-18.24%2C19.3-32%2C44.89-32%2C18.84%2C0%2C34.16%2C7.42%2C41%2C19.85a8%2C8%2C0%2C0%2C0%2C14-7.7C173.33%2C50.52%2C152.77%2C40%2C128%2C40%2C93.29%2C40%2C67.11%2C60.63%2C67.11%2C88a33.73%2C33.73%2C0%2C0%2C0%2C1.62%2C10.49A8%2C8%2C0%2C0%2C0%2C76.33%2C104Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M100%2C56H40A16%2C16%2C0%2C0%2C0%2C24%2C72v64a16%2C16%2C0%2C0%2C0%2C16%2C16h60v8a32%2C32%2C0%2C0%2C1-32%2C32%2C8%2C8%2C0%2C0%2C0%2C0%2C16%2C48.05%2C48.05%2C0%2C0%2C0%2C48-48V72A16%2C16%2C0%2C0%2C0%2C100%2C56Zm0%2C80H40V72h60ZM216%2C56H156a16%2C16%2C0%2C0%2C0-16%2C16v64a16%2C16%2C0%2C0%2C0%2C16%2C16h60v8a32%2C32%2C0%2C0%2C1-32%2C32%2C8%2C8%2C0%2C0%2C0%2C0%2C16%2C48.05%2C48.05%2C0%2C0%2C0%2C48-48V72A16%2C16%2C0%2C0%2C0%2C216%2C56Zm0%2C80H156V72h60Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M152%2C56V176a8%2C8%2C0%2C0%2C1-16%2C0V124H48v52a8%2C8%2C0%2C0%2C1-16%2C0V56a8%2C8%2C0%2C0%2C1%2C16%2C0v52h88V56a8%2C8%2C0%2C0%2C1%2C16%2C0Zm75.77%2C49a8%2C8%2C0%2C0%2C0-8.21.39l-24%2C16a8%2C8%2C0%2C1%2C0%2C8.88%2C13.32L216%2C127V208a8%2C8%2C0%2C0%2C0%2C16%2C0V112A8%2C8%2C0%2C0%2C0%2C227.77%2C105Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M69.12%2C94.15%2C28.5%2C128l40.62%2C33.85a8%2C8%2C0%2C1%2C1-10.24%2C12.29l-48-40a8%2C8%2C0%2C0%2C1%2C0-12.29l48-40a8%2C8%2C0%2C0%2C1%2C10.24%2C12.3Zm176%2C27.7-48-40a8%2C8%2C0%2C1%2C0-10.24%2C12.3L227.5%2C128l-40.62%2C33.85a8%2C8%2C0%2C1%2C0%2C10.24%2C12.29l48-40a8%2C8%2C0%2C0%2C0%2C0-12.29ZM162.73%2C32.48a8%2C8%2C0%2C0%2C0-10.25%2C4.79l-64%2C176a8%2C8%2C0%2C0%2C0%2C4.79%2C10.26A8.14%2C8.14%2C0%2C0%2C0%2C96%2C224a8%2C8%2C0%2C0%2C0%2C7.52-5.27l64-176A8%2C8%2C0%2C0%2C0%2C162.73%2C32.48Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M80%2C64a8%2C8%2C0%2C0%2C1%2C8-8H216a8%2C8%2C0%2C0%2C1%2C0%2C16H88A8%2C8%2C0%2C0%2C1%2C80%2C64Zm136%2C56H88a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16Zm0%2C64H88a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16ZM44%2C52A12%2C12%2C0%2C1%2C0%2C56%2C64%2C12%2C12%2C0%2C0%2C0%2C44%2C52Zm0%2C64a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C44%2C116Zm0%2C64a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C44%2C180Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H104a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM104%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H104a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H104a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16ZM43.58%2C55.16%2C48%2C52.94V104a8%2C8%2C0%2C0%2C0%2C16%2C0V40a8%2C8%2C0%2C0%2C0-11.58-7.16l-16%2C8a8%2C8%2C0%2C0%2C0%2C7.16%2C14.32ZM79.77%2C156.72a23.73%2C23.73%2C0%2C0%2C0-9.6-15.95%2C24.86%2C24.86%2C0%2C0%2C0-34.11%2C4.7%2C23.63%2C23.63%2C0%2C0%2C0-3.57%2C6.46%2C8%2C8%2C0%2C1%2C0%2C15%2C5.47%2C7.84%2C7.84%2C0%2C0%2C1%2C1.18-2.13%2C8.76%2C8.76%2C0%2C0%2C1%2C12-1.59A7.91%2C7.91%2C0%2C0%2C1%2C63.93%2C159a7.64%2C7.64%2C0%2C0%2C1-1.57%2C5.78%2C1%2C1%2C0%2C0%2C0-.08.11L33.59%2C203.21A8%2C8%2C0%2C0%2C0%2C40%2C216H72a8%2C8%2C0%2C0%2C0%2C0-16H56l19.08-25.53A23.47%2C23.47%2C0%2C0%2C0%2C79.77%2C156.72Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M232%2C144a64.07%2C64.07%2C0%2C0%2C1-64%2C64H80a8%2C8%2C0%2C0%2C1%2C0-16h88a48%2C48%2C0%2C0%2C0%2C0-96H51.31l34.35%2C34.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-48-48a8%2C8%2C0%2C0%2C1%2C0-11.32l48-48A8%2C8%2C0%2C0%2C1%2C85.66%2C45.66L51.31%2C80H168A64.07%2C64.07%2C0%2C0%2C1%2C232%2C144Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M170.34%2C130.34%2C204.69%2C96H88a48%2C48%2C0%2C0%2C0%2C0%2C96h88a8%2C8%2C0%2C0%2C1%2C0%2C16H88A64%2C64%2C0%2C0%2C1%2C88%2C80H204.69L170.34%2C45.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l48%2C48a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-48%2C48a8%2C8%2C0%2C0%2C1-11.32-11.32Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H112a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM112%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H112a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H40a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16ZM72%2C144a8%2C8%2C0%2C0%2C0%2C5.66-13.66L43.31%2C96%2C77.66%2C61.66A8%2C8%2C0%2C0%2C0%2C66.34%2C50.34l-40%2C40a8%2C8%2C0%2C0%2C0%2C0%2C11.32l40%2C40A8%2C8%2C0%2C0%2C0%2C72%2C144Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H112a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM112%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H112a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H40a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16ZM34.34%2C141.66a8%2C8%2C0%2C0%2C0%2C11.32%2C0l40-40a8%2C8%2C0%2C0%2C0%2C0-11.32l-40-40A8%2C8%2C0%2C0%2C0%2C34.34%2C61.66L68.69%2C96%2C34.34%2C130.34A8%2C8%2C0%2C0%2C0%2C34.34%2C141.66Z%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M205.66%2C194.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31%2C61.66%2C205.66a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C50.34%2C61.66A8%2C8%2C0%2C0%2C1%2C61.66%2C50.34L128%2C116.69l66.34-66.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L139.31%2C128Z%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

/* Preserve authored whitespace only on the post detail, not in the editor.
 * Trix's explicit pre/code and attachment layout rules continue to apply. */
.trix-content.laboratory-post-rich-text {
  white-space: pre-wrap;
}

/* Attachment partial indentation is generated markup, not authored text. */
.trix-content.laboratory-post-rich-text .attachment {
  white-space: normal;
}

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}