x-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-radius: 0.5rem;
  text-align: left;
  color: var(--color-text, #4A4A4A);
  background-color: var(--color-white, #FFFFFF);
  transition: 0.4s transform, 0.4s opacity, 0.4s box-shadow, 0.4s background-color, 0.4s padding;
  transition-timing-function: ease-in;
  outline: none;
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(var(--color-border-rgb, 200, 199, 204), 0.35);
}
.is-dark-mode x-action {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-black, #000000);
  box-shadow: 0px 3px 1rem rgba(var(--color-black-rgb, 0, 0, 0), 0.35), inset 0 0 0 1px rgba(var(--color-border-rgb, 200, 199, 204), 0.35);
}
x-action.content-top {
  align-items: start;
}
x-action.content-bottom {
  align-items: end;
}
x-action.position-right {
  flex-direction: row-reverse;
  text-align: right;
}
x-action.position-right .content {
  text-align: right;
}
x-action .content, x-action .media {
  transition: 0.3s;
  padding: 1rem;
}
x-action .content {
  flex: 1;
}
x-action .content h1:last-child, x-action .content h2:last-child, x-action .content h3:last-child, x-action .content h4:last-child, x-action .content h5:last-child, x-action .content h6:last-child, x-action .content p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
x-action:hover {
  cursor: pointer;
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(var(--color-border-rgb, 200, 199, 204), 0.35), 0 0 0 3px rgba(var(--color-border-rgb, 200, 199, 204), 0.25);
}
x-action:hover .content {
  transform: translateX(3px);
}
.is-dark-mode x-action:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(var(--color-border-rgb, 200, 199, 204), 0.35), 0 0 0 3px rgba(var(--color-border-rgb, 200, 199, 204), 0.15);
}
x-action:focus {
  outline: none;
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(var(--color-border-rgb, 200, 199, 204), 0.35), 0 0 0 3px rgba(var(--color-border-rgb, 200, 199, 204), 0.2);
}
x-action:active {
  transition: none;
  background-color: var(--color-default-tintedest, #d2d2d2);
}
.is-dark-mode x-action:active {
  background-color: var(--color-black-tint, #262626);
}
x-action.action-color-primary {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-primary, #4275F2);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-primary:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-primary-rgb, 66, 117, 242), 0.4);
}
x-action.action-color-primary:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-primary-rgb, 66, 117, 242), 0.2);
}
x-action.action-color-primary:active {
  transition: none;
  background-color: var(--color-primary-shade, #3863ce);
}
x-action.action-color-accent {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-accent, #F22710);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-accent:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-accent-rgb, 242, 39, 16), 0.4);
}
x-action.action-color-accent:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-accent-rgb, 242, 39, 16), 0.2);
}
x-action.action-color-accent:active {
  transition: none;
  background-color: var(--color-accent-shade, #ce210e);
}
x-action.action-color-danger {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-danger, #DC3545);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-danger:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-danger-rgb, 220, 53, 69), 0.4);
}
x-action.action-color-danger:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-danger-rgb, 220, 53, 69), 0.2);
}
x-action.action-color-danger:active {
  transition: none;
  background-color: var(--color-danger-shade, #bb2d3b);
}
x-action.action-color-warning {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-warning, #E3A32F);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-warning:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-warning-rgb, 227, 163, 47), 0.4);
}
x-action.action-color-warning:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-warning-rgb, 227, 163, 47), 0.2);
}
x-action.action-color-warning:active {
  transition: none;
  background-color: var(--color-warning-shade, #c18b28);
}
x-action.action-color-success {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-success, #00AE69);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-success:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-success-rgb, 0, 174, 105), 0.4);
}
x-action.action-color-success:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-success-rgb, 0, 174, 105), 0.2);
}
x-action.action-color-success:active {
  transition: none;
  background-color: var(--color-success-shade, #009459);
}
x-action.action-color-info {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-info, #2FAAC8);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-info:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-info-rgb, 47, 170, 200), 0.4);
}
x-action.action-color-info:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-info-rgb, 47, 170, 200), 0.2);
}
x-action.action-color-info:active {
  transition: none;
  background-color: var(--color-info-shade, #2891aa);
}
x-action.action-color-link {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-link, #4275F2);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-link:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-link-rgb, 66, 117, 242), 0.4);
}
x-action.action-color-link:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-link-rgb, 66, 117, 242), 0.2);
}
x-action.action-color-link:active {
  transition: none;
  background-color: var(--color-link-shade, #3863ce);
}
x-action.action-color-blue {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-blue, #2D5FB5);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-blue:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-blue-rgb, 45, 95, 181), 0.4);
}
x-action.action-color-blue:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-blue-rgb, 45, 95, 181), 0.2);
}
x-action.action-color-blue:active {
  transition: none;
  background-color: var(--color-blue-shade, #26519a);
}
x-action.action-color-indigo {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-indigo, #5463B3);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-indigo:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-indigo-rgb, 84, 99, 179), 0.4);
}
x-action.action-color-indigo:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-indigo-rgb, 84, 99, 179), 0.2);
}
x-action.action-color-indigo:active {
  transition: none;
  background-color: var(--color-indigo-shade, #475498);
}
x-action.action-color-purple {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-purple, #7D55C7);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-purple:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-purple-rgb, 125, 85, 199), 0.4);
}
x-action.action-color-purple:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-purple-rgb, 125, 85, 199), 0.2);
}
x-action.action-color-purple:active {
  transition: none;
  background-color: var(--color-purple-shade, #6a48a9);
}
x-action.action-color-pink {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-pink, #F66D9B);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-pink:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-pink-rgb, 246, 109, 155), 0.4);
}
x-action.action-color-pink:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-pink-rgb, 246, 109, 155), 0.2);
}
x-action.action-color-pink:active {
  transition: none;
  background-color: var(--color-pink-shade, #d15d84);
}
x-action.action-color-red {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-red, #C73C36);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-red:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-red-rgb, 199, 60, 54), 0.4);
}
x-action.action-color-red:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-red-rgb, 199, 60, 54), 0.2);
}
x-action.action-color-red:active {
  transition: none;
  background-color: var(--color-red-shade, #a9332e);
}
x-action.action-color-orange {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-orange, #D97C35);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-orange:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-orange-rgb, 217, 124, 53), 0.4);
}
x-action.action-color-orange:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-orange-rgb, 217, 124, 53), 0.2);
}
x-action.action-color-orange:active {
  transition: none;
  background-color: var(--color-orange-shade, #b8692d);
}
x-action.action-color-yellow {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-yellow, #D4AE32);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-yellow:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-yellow-rgb, 212, 174, 50), 0.4);
}
x-action.action-color-yellow:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-yellow-rgb, 212, 174, 50), 0.2);
}
x-action.action-color-yellow:active {
  transition: none;
  background-color: var(--color-yellow-shade, #b4942b);
}
x-action.action-color-green {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-green, #38C172);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-green:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-green-rgb, 56, 193, 114), 0.4);
}
x-action.action-color-green:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-green-rgb, 56, 193, 114), 0.2);
}
x-action.action-color-green:active {
  transition: none;
  background-color: var(--color-green-shade, #30a461);
}
x-action.action-color-teal {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-teal, #4DC0B5);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-teal:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-teal-rgb, 77, 192, 181), 0.4);
}
x-action.action-color-teal:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-teal-rgb, 77, 192, 181), 0.2);
}
x-action.action-color-teal:active {
  transition: none;
  background-color: var(--color-teal-shade, #41a39a);
}
x-action.action-color-cyan {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-cyan, #6CB2EB);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-cyan:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-cyan-rgb, 108, 178, 235), 0.4);
}
x-action.action-color-cyan:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-cyan-rgb, 108, 178, 235), 0.2);
}
x-action.action-color-cyan:active {
  transition: none;
  background-color: var(--color-cyan-shade, #5c97c8);
}
x-action.action-color-brown {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-brown, #574535);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-brown:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-brown-rgb, 87, 69, 53), 0.4);
}
x-action.action-color-brown:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-brown-rgb, 87, 69, 53), 0.2);
}
x-action.action-color-brown:active {
  transition: none;
  background-color: var(--color-brown-shade, #4a3b2d);
}
x-action.action-color-stone {
  color: var(--color-text-light, #FEFEFE);
  background-color: var(--color-stone, #38485A);
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1);
}
x-action.action-color-stone:hover {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-stone-rgb, 56, 72, 90), 0.4);
}
x-action.action-color-stone:focus {
  box-shadow: 0px 3px 1rem rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(var(--color-stone-rgb, 56, 72, 90), 0.2);
}
x-action.action-color-stone:active {
  transition: none;
  background-color: var(--color-stone-shade, #303d4d);
}