/* Turbo-Frame */
turbo-frame {
  transition: opacity 0.3s ease, pointer-events 0.3s ease;
}

turbo-frame > * {
  transition: opacity 0.3s ease, pointer-events 0.3s ease;
}

turbo-frame .loading-wrapper {:word-break: break-all;
  display: none;
}

turbo-frame[aria-busy="true"] {
  pointer-events: none;
  position: relative;
}

turbo-frame[aria-busy="true"] > * {
  transition: opacity 0.3s ease;
  opacity: 0.3;
}

turbo-frame[aria-busy="true"] .loading-wrapper {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  opacity: 1;
}