trix-editor {
  padding: 0.4em !important;
}

trix-toolbar {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
  padding-top: 0.5em;
}

trix-editor .attachment__metadata {
  top: 0 !important;
}

trix-toolbar .trix-button-row {
  flex-wrap: wrap !important;
  justify-content: start !important;
  gap: 0px 5px;
}

trix-toolbar .trix-button-group {
  display: flex;
  border: none !important;
  border-radius: 0 !important;
  background-color: #f8f9fa !important;
  border-radius: 6px !important;
  gap: 0px 3px;
  padding: 3px;
}

trix-toolbar .trix-button--icon {
  width: 1.6em;
  height: 1.6em;
}

trix-editor .trix-button.trix-active {
  border-radius: 5px !important;
}

trix-toolbar .trix-button.trix-active {
  border-radius: 5px !important;
}

trix-toolbar .trix-button {
  border-bottom: none !important;
}

trix-toolbar .trix-button:not(:first-child) {
  border-left: none !important;
}

trix-toolbar .trix-dialog {
  border-radius: 0px !important;
  border: 1px solid #bbb !important;
}

.trix-content .attachment--preview .attachment__caption {
  margin-top: 0.5em !important;
}

.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  padding: 0.5em 0.5em !important;
}

.trix-content img {
  width: 100% !important;
  height: auto !important;
  margin: auto !important;
}

trix-toolbar .trix-button--icon-highlight::before {
  margin: 3px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2021.333%22%20width%3D%2224%22%20height%3D%2221.333%22%3E%3Cpath%20d%3D%22m13.125%2013.125%206.6%20-8.958%20-1.221%20-1.225L9.542%209.542zm-7.792%200.208v-2.987c0%20-0.637%200.3%20-1.233%200.813%20-1.608L17.525%200.35C17.833%200.121%2018.208%200%2018.592%200c0.475%200%200.933%200.188%201.271%200.525l2.283%202.283c0.337%200.337%200.525%200.792%200.525%201.271%200%200.383%20-0.121%200.758%20-0.35%201.067l-8.387%2011.375c-0.375%200.512%20-0.975%200.813%20-1.608%200.813H9.333l-1.058%201.058c-0.521%200.521%20-1.367%200.521%20-1.887%200l-2.112%20-2.112c-0.521%20-0.521%20-0.521%20-1.367%200%20-1.887zM0.292%2019.429l2.625%20-2.625%202.942%202.942%20-1.292%201.292c-0.188%200.188%20-0.442%200.292%20-0.708%200.292L1%2021.333c-0.554%200%20-1%20-0.446%20-1%20-1v-0.196c0%20-0.267%200.104%20-0.521%200.292%20-0.708%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-underline::before {
  margin: 3px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2024%22%20width%3D%2221%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M0.75%203c0%20-0.83%200.67%20-1.5%201.5%20-1.5h4.5c0.83%200%201.5%200.67%201.5%201.5s-0.67%201.5%20-1.5%201.5h-0.75v6c0%202.484%202.016%204.5%204.5%204.5s4.5%20-2.016%204.5%20-4.5V4.5h-0.75c-0.83%200%20-1.5%20-0.67%20-1.5%20-1.5s0.67%20-1.5%201.5%20-1.5h4.5c0.83%200%201.5%200.67%201.5%201.5s-0.67%201.5%20-1.5%201.5h-0.75v6c0%204.144%20-3.356%207.5%20-7.5%207.5S3%2014.644%203%2010.5V4.5H2.25c-0.83%200%20-1.5%20-0.67%20-1.5%20-1.5M0%2021c0%20-0.83%200.67%20-1.5%201.5%20-1.5h18c0.83%200%201.5%200.67%201.5%201.5s-0.67%201.5%20-1.5%201.5H1.5c-0.83%200%20-1.5%20-0.67%20-1.5%20-1.5%22%2F%3E%3C%2Fsvg%3E");
}