trix-editor {
  border: none;
  padding: 0.5rem 1rem;
}

trix-editor a {
  text-decoration: underline;
}

trix-toolbar {
  padding: 0.5rem 1rem;
}

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: none;
}

trix-toolbar .trix-button {
  transition: all 0.25s ease;
  border-radius: 4px;
}

trix-toolbar .trix-button:hover {
  background-color: #f2f2f2;
}

trix-toolbar .trix-button {
  font-weight: 500;
}

trix-toolbar .trix-button.trix-active {
  background: #d6dacc;
}

trix-editor > div {
  overflow-y: scroll;
  height: 100%;
}

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  border-top: none;
  border-radius: 8px;
  z-index: 5;
}

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: center;
}

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5rem 1rem;
  margin-right: 16px;
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  background-color: #ffffff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  font-family: poppins, sans-serif;
  font-weight: 200;
}

trix-toolbar .trix-button {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 1000px;
  background-color: white;
  border: 1px solid #616e47;
}

trix-toolbar .trix-dialog--link .trix-button {
  width: auto;
  height: auto;
  background: #f2f2f2;
  border-radius: 9999px;
  font-family: brandon-grotesque, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 5px 16px;
  font-weight: 400;
  font-size: 12px;
}

trix-toolbar .trix-dialog--link .trix-button:not(:last-child) {
  margin-right: 8px;
  background: #d6dacc;
}

@apply easy-transition inline-flex cursor-pointer items-center justify-center gap-x-2 whitespace-nowrap font-brandon tracking-widest;
@apply btn-base brandon-two rounded-full px-4 py-2 text-uns-green-600;

trix-toolbar .trix-button--icon {
  max-width: none;
}

trix-toolbar .trix-button:not(:last-child) {
  margin-right: 4px;
}

trix-toolbar .trix-button:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  opacity: 1;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00055 7.62521H10.2505C11.2451 7.62521 12.1989 8.0203 12.9022 8.72356C13.6055 9.42682 14.0005 10.3807 14.0005 11.3752C14.0005 12.3698 13.6055 13.3236 12.9022 14.0269C12.1989 14.7301 11.2451 15.1252 10.2505 15.1252L2 15.1248V0.874756L9.12555 0.875213C10.0207 0.875213 10.8791 1.23079 11.512 1.86373C12.145 2.49666 12.5005 3.35511 12.5005 4.25021C12.5005 5.14532 12.145 6.00376 11.512 6.6367C10.8791 7.26963 10.0207 7.62521 9.12555 7.62521' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

trix-toolbar .trix-button--icon-italic:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(/%23clip0_316_1004)'%3E%3Cpath d='M-3.9375 19.9375V-3.9375H19.9375V19.9375H-3.9375Z' stroke='%23616E47' stroke-width='0.125'/%3E%3Cpath d='M10.2495 1.24954L5.74951 14.7495' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.99951 14.7495H9.49951' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.49951 1.24954H13.9995' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_316_1004'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

trix-toolbar .trix-button--icon-strike:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(/%23clip0_316_1010)'%3E%3Cpath d='M-0.25 8H16.25' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.15635 5.00028C3.07839 4.75789 3.03969 4.5046 3.0417 4.25C3.0417 2.17893 5.10054 0.5 8.00003 0.5C10.2293 0.5 11.9616 1.49244 12.6434 2.89251' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.75 11.75C2.75 13.8211 5.1005 15.5 8 15.5C10.8995 15.5 13.25 13.8211 13.25 11.75C13.25 9.52192 11.2229 8.65903 8.97526 7.99994' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_316_1010'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

trix-toolbar .trix-button--icon-link:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.83337 8.58332C7.08389 8.91823 7.4035 9.19535 7.77053 9.39587C8.13756 9.5964 8.54342 9.71564 8.96059 9.74552C9.37775 9.77539 9.79647 9.7152 10.1883 9.56903C10.5802 9.42285 10.936 9.19411 11.2317 8.89832L12.9817 7.14832C13.513 6.59823 13.807 5.86148 13.8003 5.09674C13.7937 4.332 13.487 3.60046 12.9462 3.05969C12.4054 2.51891 11.6739 2.21217 10.9091 2.20552C10.1444 2.19888 9.40763 2.49286 8.85754 3.02416L7.85421 4.02166' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16666 7.41666C8.91615 7.08175 8.59654 6.80463 8.22951 6.60411C7.86248 6.40358 7.45661 6.28434 7.03945 6.25446C6.62228 6.22458 6.20357 6.28477 5.81171 6.43095C5.41985 6.57712 5.06401 6.80586 4.76833 7.10166L3.01833 8.85166C2.48703 9.40175 2.19305 10.1385 2.1997 10.9032C2.20634 11.668 2.51308 12.3995 3.05386 12.9403C3.59463 13.4811 4.32617 13.7878 5.09091 13.7945C5.85565 13.8011 6.5924 13.5071 7.14249 12.9758L8.13999 11.9783' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

trix-toolbar .trix-button--icon-undo:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.625 8.5625L1.25 5.1875L4.625 1.8125' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.625 13.0625H10.8125C11.8568 13.0625 12.8583 12.6477 13.5967 11.9092C14.3352 11.1708 14.75 10.1693 14.75 9.125V9.12499C14.75 8.60791 14.6482 8.0959 14.4503 7.61818C14.2524 7.14046 13.9624 6.70639 13.5967 6.34076C13.2311 5.97513 12.797 5.6851 12.3193 5.48722C11.8416 5.28935 11.3296 5.1875 10.8125 5.1875H1.25' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

trix-toolbar .trix-button--icon-redo:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.375 8.5625L14.75 5.1875L11.375 1.8125' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.375 13.0625H5.1875C4.14321 13.0625 3.14169 12.6477 2.40327 11.9092C1.66484 11.1708 1.25 10.1693 1.25 9.125V9.12499C1.25 8.60791 1.35185 8.0959 1.54972 7.61818C1.7476 7.14046 2.03763 6.70639 2.40326 6.34076C2.76889 5.97513 3.20296 5.6851 3.68068 5.48722C4.1584 5.28935 4.67041 5.1875 5.18749 5.1875H14.75' stroke='%23616E47' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}