/* eSite | Author: PhDr. Pavel Bartoš, LL.M., DBA. | Version: 0.1.0-rc.5 */
@media (hover: hover) and (pointer: fine) {
  [data-image-hover='colorize'] img {
    filter: grayscale(1);
    transition: filter 450ms ease;
  }
  [data-image-hover='colorize'] img:hover,
  [data-image-hover='colorize'] a:focus-visible img {
    filter: grayscale(0);
  }
  [data-image-hover='grayscale'] img {
    filter: grayscale(0);
    transition: filter 450ms ease;
  }
  [data-image-hover='grayscale'] img:hover,
  [data-image-hover='grayscale'] a:focus-visible img {
    filter: grayscale(1);
  }
  .esite-hover-text,
  .esite-hover-word {
    display: inline !important;
    font: inherit !important;
    color: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    position: static !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
  }
  .esite-hover-word {
    border-radius: 0.16em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }
  [data-text-hover='reading'] .esite-hover-line {
    background-color: color-mix(in srgb, currentColor 8%, transparent);
  }
  [data-text-hover='reading'] .esite-hover-active,
  [data-text-hover='reading'] .theme-interaction-sample .esite-hover-word:hover {
    background-color: color-mix(in srgb, currentColor 20%, transparent);
  }
  [data-text-hover='underline'] .esite-hover-active,
  [data-text-hover='underline'] .theme-interaction-sample .esite-hover-word:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.18em;
  }
  [data-text-hover='accent'] .esite-hover-active,
  [data-text-hover='accent'] .theme-interaction-sample .esite-hover-word:hover {
    background-color: #f8d87870;
    box-shadow: 0 0 0 0.1em #f8d87870;
  }
  [data-text-hover='glow'] .esite-hover-active,
  [data-text-hover='glow'] .theme-interaction-sample .esite-hover-word:hover {
    text-shadow: 0 0 0.5em currentColor;
    background-color: color-mix(in srgb, currentColor 7%, transparent);
  }
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: var(--page-transition-duration, 350ms);
  animation-timing-function: ease;
}
html[data-page-transition='fade']::view-transition-old(root) {
  animation-name: esite-page-out;
}
html[data-page-transition='fade']::view-transition-new(root) {
  animation-name: esite-page-in;
}
html[data-page-transition='slide']::view-transition-old(root) {
  animation-name: esite-slide-out;
}
html[data-page-transition='slide']::view-transition-new(root) {
  animation-name: esite-slide-in;
}
html[data-page-transition='zoom']::view-transition-old(root) {
  animation-name: esite-page-out;
}
html[data-page-transition='zoom']::view-transition-new(root) {
  animation-name: esite-zoom-in;
}
html[data-page-transition='wipe']::view-transition-old(root) {
  animation-name: none;
}
html[data-page-transition='wipe']::view-transition-new(root) {
  animation-name: esite-wipe-in;
}
.esite-page-entering main {
  animation: esite-page-in var(--page-transition-duration, 350ms) ease both;
}
.esite-page-entering[data-page-transition='slide'] main {
  animation-name: esite-slide-in;
}
.esite-page-entering[data-page-transition='zoom'] main {
  animation-name: esite-zoom-in;
}
.esite-page-entering[data-page-transition='wipe'] main {
  animation-name: esite-wipe-in;
}
.esite-page-leaving main {
  animation: esite-page-out var(--page-transition-duration, 350ms) ease both;
}
.theme-interaction-sample {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin: 15px 0;
}
.theme-interaction-sample img {
  width: 120px;
  height: 70px;
  object-fit: cover;
  border-radius: 8px;
}
.play-transition:not([data-page-transition='none']) .theme-interaction-sample {
  animation: esite-page-in var(--page-transition-duration, 350ms) ease both;
}
.play-transition[data-page-transition='slide'] .theme-interaction-sample {
  animation-name: esite-slide-in;
}
.play-transition[data-page-transition='zoom'] .theme-interaction-sample {
  animation-name: esite-zoom-in;
}
.play-transition[data-page-transition='wipe'] .theme-interaction-sample {
  animation-name: esite-wipe-in;
}
@keyframes esite-page-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes esite-page-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes esite-slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes esite-slide-out {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translateY(-12px);
  }
}
@keyframes esite-zoom-in {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes esite-wipe-in {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
  .esite-page-entering main,
  .esite-page-leaving main,
  .play-transition .theme-interaction-sample {
    animation: none !important;
  }
  [data-image-hover='colorize'] img,
  [data-image-hover='grayscale'] img {
    transition: none;
  }
}
@media print {
  [data-image-hover='colorize'] img,
  [data-image-hover='grayscale'] img {
    filter: none !important;
  }
  .esite-hover-text,
  .esite-hover-word {
    display: inline !important;
    font: inherit !important;
    color: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    position: static !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
  }
  .esite-hover-word {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}