/**
 * Museo Media Player Styles
 * Stili per il lettore audio/video accessibile
 */
:root {
  --text-scale: 1;
  --text-spacing: 0em;
  --line-height-base: 1.4;
  --line-height-relaxed: 1.6;
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 218, 54, 46;
  --button-border-color: 217, 217, 217;
  --card-border-color: 175, 175, 175;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 18, 18, 18;
}

body.museo-text-size-125 {
  --text-scale: 1.25;
}

body.museo-text-size-150 {
  --text-scale: 1.50;
}

body.museo-text-size-175 {
  --text-scale: 1.75;
}

body.museo-text-size-200 {
  --text-scale: 2;
}

body.museo-text-spacing-medium {
  --text-spacing: 0.05em;
}

body.museo-text-spacing-high {
  --text-spacing: 0.1em;
}

body.museo-line-height-medium {
  --line-height-base: 1.6;
  --line-height-relaxed: 1.8;
}

body.museo-line-height-high {
  --line-height-base: 1.8;
  --line-height-relaxed: 2;
}

body.museo-theme-dark {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 224, 41, 25;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 176, 176, 176;
}

body.museo-invert-colors {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 37, 201, 209;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 18, 18, 18;
}

body.museo-invert-colors.museo-theme-dark {
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 4, 129, 144;
  --button-border-color: 217, 217, 217;
  --card-border-color: 119, 119, 119;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 252, 252, 252;
}

body.museo-high-contrast {
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 154, 29, 21;
  --button-border-color: 217, 217, 217;
  --card-border-color: 175, 175, 175;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 252, 252, 252;
}

body.museo-high-contrast.museo-theme-dark {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 253, 121, 116;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 18, 18, 18;
}

body.museo-high-contrast.museo-invert-colors {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 101, 226, 234;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 18, 18, 18;
}

body.museo-high-contrast.museo-invert-colors.museo-theme-dark {
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 23, 76, 180;
  --button-border-color: 217, 217, 217;
  --card-border-color: 119, 119, 119;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 252, 252, 252;
}

body.museo-low-saturation-medium {
  --body-red-color: 168, 104, 100;
}
body.museo-low-saturation-medium img,
body.museo-low-saturation-medium video,
body.museo-low-saturation-medium picture,
body.museo-low-saturation-medium canvas,
body.museo-low-saturation-medium svg:not([class*=icon]) {
  filter: saturate(0.5);
}

body.museo-low-saturation-medium.museo-theme-dark {
  --body-red-color: 174, 98, 90;
}

body.museo-low-saturation-medium.museo-invert-colors {
  --body-red-color: 87, 151, 155;
}

body.museo-low-saturation-medium.museo-invert-colors.museo-theme-dark {
  --body-red-color: 82, 143, 148;
}

body.museo-low-saturation-medium.museo-high-contrast {
  --body-red-color: 140, 70, 66;
}

body.museo-low-saturation-medium.museo-high-contrast.museo-theme-dark {
  --body-red-color: 200, 140, 135;
}

body.museo-low-saturation-medium.museo-high-contrast.museo-invert-colors {
  --body-red-color: 115, 185, 189;
}

body.museo-low-saturation-medium.museo-high-contrast.museo-invert-colors.museo-theme-dark {
  --body-red-color: 130, 195, 200;
}

body.museo-low-saturation-high {
  --body-red-color: 128, 128, 128;
}
body.museo-low-saturation-high img,
body.museo-low-saturation-high video,
body.museo-low-saturation-high picture,
body.museo-low-saturation-high canvas,
body.museo-low-saturation-high svg:not([class*=icon]) {
  filter: grayscale(1);
}

body.museo-low-saturation-high.museo-theme-dark {
  --body-red-color: 160, 160, 160;
}

body.museo-low-saturation-high.museo-invert-colors {
  --body-red-color: 140, 140, 140;
}

body.museo-low-saturation-high.museo-invert-colors.museo-theme-dark {
  --body-red-color: 150, 150, 150;
}

body.museo-low-saturation-high.museo-high-contrast {
  --body-red-color: 90, 90, 90;
}

body.museo-low-saturation-high.museo-high-contrast.museo-theme-dark {
  --body-red-color: 200, 200, 200;
}

body.museo-low-saturation-high.museo-high-contrast.museo-invert-colors {
  --body-red-color: 100, 100, 100;
}

body.museo-low-saturation-high.museo-high-contrast.museo-invert-colors.museo-theme-dark {
  --body-red-color: 180, 180, 180;
}

body.museo-low-saturation-medium .bottom-nav-icon img,
body.museo-low-saturation-medium .site-header-icon img,
body.museo-low-saturation-high .bottom-nav-icon img,
body.museo-low-saturation-high .site-header-icon img {
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  body.museo-low-saturation-medium img,
  body.museo-low-saturation-medium video,
  body.museo-low-saturation-medium picture,
  body.museo-low-saturation-medium canvas,
  body.museo-low-saturation-medium svg,
  body.museo-low-saturation-high img,
  body.museo-low-saturation-high video,
  body.museo-low-saturation-high picture,
  body.museo-low-saturation-high canvas,
  body.museo-low-saturation-high svg {
    transition: none;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.icon-visible {
  display: block;
}

.icon-hidden {
  display: none;
}

.museo-player-page .numero-punto-badge {
  font-size: calc(2.4rem * var(--text-scale));
  font-weight: 600;
  letter-spacing: var(--text-spacing);
}
@media (max-width: 767px) {
  .museo-player-page .numero-punto-badge {
    font-size: calc(2rem * var(--text-scale));
  }
}
.museo-player-page .media-container {
  background: rgb(var(--body-background-color));
  border-radius: 0.7rem;
  padding: 0;
}
.museo-player-page .media-container .audio-wrapper,
.museo-player-page .media-container .video-wrapper {
  position: relative;
  width: 100%;
}
.museo-player-page .media-container .audio-cover {
  width: 100%;
  margin: 0 auto;
}
.museo-player-page .media-container .audio-cover img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: block;
}
.museo-player-page .media-container .video-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
.museo-player-page .media-container .video-wrapper::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.museo-player-page .media-container .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease-out, visibility 0.4s ease-out;
}
.museo-player-page .media-container .video-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.7rem;
  display: block;
}
.museo-player-page .media-container .video-cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--body-text-color), 0.3);
  border-radius: 0.7rem;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.museo-player-page .media-container .video-cover::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 40px;
  border-color: transparent transparent transparent rgba(var(--body-background-color), 0.9);
  filter: drop-shadow(0 4px 8px rgba(var(--body-text-color), 0.3));
  transition: transform 0.2s ease;
}
.museo-player-page .media-container .video-cover:hover::after, .museo-player-page .media-container .video-cover:focus::after {
  background: rgba(var(--body-text-color), 0.4);
}
.museo-player-page .media-container .video-cover:hover::before, .museo-player-page .media-container .video-cover:focus::before {
  transform: translate(-50%, -50%) scale(1.1);
}
.museo-player-page .media-container .video-cover:focus {
  border-radius: 0.7rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-player-page .media-container .video-cover:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .media-container .video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.7rem;
  z-index: 1;
  background: rgb(var(--body-text-color));
}
.museo-player-page .media-container .video-wrapper.is-playing .video-cover {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.museo-player-page .media-container .video-wrapper.is-playing .video-cover[aria-hidden=true] {
  display: block;
}
.museo-player-page .media-container video {
  width: 100%;
  height: auto;
  border-radius: 0.7rem;
  display: block;
}
.museo-player-page .media-controls {
  margin-top: 1.2rem;
}
.museo-player-page .media-controls .controls-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.museo-player-page .media-controls .controls-list .control-item {
  display: flex;
}
.museo-player-page .btn-control {
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: rgb(var(--body-background-color));
  color: rgb(var(--body-text-color));
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}
.museo-player-page .btn-control:hover, .museo-player-page .btn-control:focus {
  transform: scale(1.1);
}
.museo-player-page .btn-control:focus {
  border-radius: 50%;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-player-page .btn-control:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .btn-control img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.museo-player-page .btn-control:hover, .museo-player-page .btn-control:focus {
  border-radius: 50%;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-player-page .btn-control:hover, .museo-player-page .btn-control:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .btn-play-pause {
  width: 60px;
  height: 60px;
  padding: 0;
  position: relative;
}
.museo-player-page .btn-play-pause .play-pause-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
}
.museo-player-page .btn-play-pause .play-pause-icon::before {
  content: "";
  display: block;
  width: 75%;
  height: 75%;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7L8 5z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7L8 5z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-background-color));
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
}
.museo-player-page .btn-play-pause .play-pause-icon::after {
  content: "";
  display: block;
  width: 65%;
  height: 65%;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h4v16H6V4zm8 0h4v16h-4V4z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4h4v16H6V4zm8 0h4v16h-4V4z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-text-color));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}
.museo-player-page .btn-play-pause[data-state=playing] .play-pause-icon {
  background-color: rgb(var(--body-red-color));
}
.museo-player-page .btn-play-pause[data-state=playing] .play-pause-icon::before {
  opacity: 0;
}
.museo-player-page .btn-play-pause[data-state=playing] .play-pause-icon::after {
  opacity: 1;
}
.museo-player-page .btn-play-pause[data-state=paused] .play-pause-icon {
  background-color: rgb(var(--body-text-color));
}
.museo-player-page .btn-play-pause[data-state=paused] .play-pause-icon::before {
  opacity: 1;
}
.museo-player-page .btn-play-pause[data-state=paused] .play-pause-icon::after {
  opacity: 0;
}
.museo-player-page .playback-rate {
  padding: 0;
  cursor: pointer;
  border: 2px solid rgb(var(--body-text-color));
  border: none;
  color: rgb(var(--body-text-color));
  background-color: rgb(var(--body-background-color));
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  font-weight: 600;
  font-size: calc(1.1rem * var(--text-scale));
  text-align: right;
  letter-spacing: var(--text-spacing);
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Standard */
  background: none;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
}
.museo-player-page .playback-rate:hover, .museo-player-page .playback-rate:focus {
  border-radius: 0.3rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
  border-color: rgb(var(--body-red-color));
}
@media (forced-colors: active) {
  .museo-player-page .playback-rate:hover, .museo-player-page .playback-rate:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .progress-container {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .museo-player-page .progress-container {
    margin-top: 0;
  }
}
.museo-player-page .progress-container .time-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-size: calc(0.875rem * var(--text-scale));
  color: rgb(var(--body-text-color));
  letter-spacing: var(--text-spacing);
}
.museo-player-page .progress-container .time-info .time-display {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.museo-player-page .progress-container .progress-bar-wrapper {
  position: relative;
}
.museo-player-page .progress-bar {
  width: 100%;
  height: 30px;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 0.35rem;
  cursor: pointer;
  outline: none;
  transition: background 0.2s ease;
  position: relative;
  border: none;
  --progress: 0%;
}
.museo-player-page .progress-bar:focus {
  border-radius: 0.35rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-player-page .progress-bar:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .progress-bar::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, rgb(var(--body-red-color)) 0%, rgb(var(--body-red-color)) var(--progress), rgb(var(--body-text-color)) var(--progress), rgb(var(--body-text-color)) 100%);
  border-radius: 0.35rem;
}
.museo-player-page .progress-bar::-moz-range-track {
  width: 100%;
  height: 4px;
  background: rgb(var(--body-text-color));
  border-radius: 0.35rem;
}
.museo-player-page .progress-bar::-moz-range-progress {
  height: 6px;
  background: rgb(var(--body-red-color));
  border-radius: 0.35rem;
}
.museo-player-page .progress-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  position: relative;
  z-index: 5;
  background: rgb(var(--body-red-color));
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease;
  border: 2px solid rgb(var(--body-background-color));
  box-shadow: 0 2px 4px rgba(var(--body-text-color), 0.2);
}
.museo-player-page .progress-bar::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}
.museo-player-page .progress-bar::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: rgb(var(--body-red-color));
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid rgb(var(--body-background-color));
  box-shadow: 0 2px 4px rgba(var(--body-text-color), 0.2);
  transition: transform 0.2s ease;
}
.museo-player-page .progress-bar::-moz-range-thumb:hover {
  transform: scale(1.2);
}
.museo-player-page .btn-next-post {
  width: 100%;
  background: rgb(var(--body-background-color));
  color: rgb(var(--body-text-color));
  text-align: center;
  text-decoration: none;
  border-radius: 0.7rem;
  font-size: calc(1rem * var(--text-scale));
  transition: background-color 0.3s ease, color 0.3s ease;
  border: 2px solid rgb(var(--card-border-color));
  display: flex;
  justify-content: space-between;
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
}
.museo-player-page .btn-next-post strong {
  display: block;
  margin-top: 5px;
  font-size: calc(1.125rem * var(--text-scale));
}
.museo-player-page .btn-next-post span {
  margin-left: 1rem;
}
.museo-player-page .btn-next-post:hover, .museo-player-page .btn-next-post:focus {
  border-radius: 0.7rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-player-page .btn-next-post:hover, .museo-player-page .btn-next-post:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .btn-next-post:visited, .museo-player-page .btn-next-post:active {
  color: rgb(var(--body-text-color));
  background-color: rgb(var(--body-background-color));
  text-decoration: none;
}
.museo-player-page .btn-punto-interesse {
  display: inline-block;
  padding: 0.1rem;
  transition: transform 0.2s ease, background-color 0.2s ease;
  border-radius: 0.35rem;
}
@media (max-width: 767px) {
  .museo-player-page .btn-punto-interesse {
    padding: 0 0.1rem;
  }
}
.museo-player-page .btn-punto-interesse:hover, .museo-player-page .btn-punto-interesse:focus {
  transform: scale(1.1);
  border-radius: 0.35rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-player-page .btn-punto-interesse:hover, .museo-player-page .btn-punto-interesse:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .btn-punto-interesse:visited, .museo-player-page .btn-punto-interesse:active {
  transform: none;
  background-color: transparent;
}
.museo-player-page .btn-punto-interesse img {
  display: block;
  width: auto;
  height: 50px;
}
.museo-player-page .post-content {
  line-height: var(--line-height-relaxed);
  font-size: calc(1rem * var(--text-scale));
  letter-spacing: var(--text-spacing);
}
.museo-player-page .post-content p {
  margin-bottom: 1em;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--text-spacing);
}
.museo-player-page .post-content a {
  color: rgb(var(--body-red-color));
  text-decoration: underline;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 2px 4px;
  border-radius: 0.2rem;
}
.museo-player-page .post-content a:hover, .museo-player-page .post-content a:focus {
  border-radius: 0.2rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-player-page .post-content a:hover, .museo-player-page .post-content a:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-player-page .post-content a:visited, .museo-player-page .post-content a:active {
  color: rgb(var(--body-red-color));
  background-color: transparent;
}

.btn-favorite {
  position: relative;
}
.btn-favorite .favorite-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.btn-favorite .favorite-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 27'%3E%3Cpath d='M14 27L12.3734 25.4403C9.93054 23.0764 7.91037 21.0451 6.31289 19.3465C4.71542 17.6475 3.44953 16.1355 2.51521 14.8104C1.58089 13.4855 0.928176 12.2769 0.557053 11.1844C0.185684 10.0922 0 8.98389 0 7.85946C0 5.62868 0.705158 3.76101 2.11547 2.25645C3.52603 0.75215 5.27702 0 7.36842 0C8.65495 0 9.87074 0.320928 11.0158 0.962784C12.1608 1.60464 13.1556 2.52511 14 3.72421C14.8444 2.52511 15.8392 1.60464 16.9842 0.962784C18.1293 0.320928 19.3451 0 20.6316 0C22.723 0 24.474 0.75215 25.8845 2.25645C27.2948 3.76101 28 5.62868 28 7.85946C28 8.98389 27.8143 10.0922 27.4429 11.1844C27.0718 12.2769 26.4191 13.4855 25.4848 14.8104C24.5505 16.1355 23.2869 17.6475 21.6941 19.3465C20.1015 21.0451 18.079 23.0764 15.6266 25.4403L14 27ZM14 23.8142C16.3579 21.5512 18.2982 19.6115 19.8211 17.995C21.3439 16.3789 22.5474 14.9748 23.4316 13.7827C24.3158 12.5907 24.9298 11.5322 25.2737 10.6071C25.6175 9.68233 25.7895 8.76644 25.7895 7.85946C25.7895 6.28757 25.2982 4.97766 24.3158 3.92973C23.3333 2.8818 22.1053 2.35784 20.6316 2.35784C19.4679 2.35784 18.3923 2.70994 17.4049 3.41415C16.4178 4.11862 15.6362 5.09856 15.0599 6.35398H12.9401C12.3543 5.08835 11.5701 4.10591 10.5877 3.40668C9.60523 2.70745 8.53214 2.35784 7.36842 2.35784C5.90407 2.35784 4.67833 2.8818 3.69121 3.92973C2.70409 4.97766 2.21053 6.28757 2.21053 7.85946C2.21053 8.76644 2.38246 9.68233 2.72632 10.6071C3.07018 11.5322 3.68421 12.5907 4.56842 13.7827C5.45263 14.9748 6.65614 16.3764 8.17895 17.9876C9.70175 19.5987 11.6421 21.5409 14 23.8142Z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 27'%3E%3Cpath d='M14 27L12.3734 25.4403C9.93054 23.0764 7.91037 21.0451 6.31289 19.3465C4.71542 17.6475 3.44953 16.1355 2.51521 14.8104C1.58089 13.4855 0.928176 12.2769 0.557053 11.1844C0.185684 10.0922 0 8.98389 0 7.85946C0 5.62868 0.705158 3.76101 2.11547 2.25645C3.52603 0.75215 5.27702 0 7.36842 0C8.65495 0 9.87074 0.320928 11.0158 0.962784C12.1608 1.60464 13.1556 2.52511 14 3.72421C14.8444 2.52511 15.8392 1.60464 16.9842 0.962784C18.1293 0.320928 19.3451 0 20.6316 0C22.723 0 24.474 0.75215 25.8845 2.25645C27.2948 3.76101 28 5.62868 28 7.85946C28 8.98389 27.8143 10.0922 27.4429 11.1844C27.0718 12.2769 26.4191 13.4855 25.4848 14.8104C24.5505 16.1355 23.2869 17.6475 21.6941 19.3465C20.1015 21.0451 18.079 23.0764 15.6266 25.4403L14 27ZM14 23.8142C16.3579 21.5512 18.2982 19.6115 19.8211 17.995C21.3439 16.3789 22.5474 14.9748 23.4316 13.7827C24.3158 12.5907 24.9298 11.5322 25.2737 10.6071C25.6175 9.68233 25.7895 8.76644 25.7895 7.85946C25.7895 6.28757 25.2982 4.97766 24.3158 3.92973C23.3333 2.8818 22.1053 2.35784 20.6316 2.35784C19.4679 2.35784 18.3923 2.70994 17.4049 3.41415C16.4178 4.11862 15.6362 5.09856 15.0599 6.35398H12.9401C12.3543 5.08835 11.5701 4.10591 10.5877 3.40668C9.60523 2.70745 8.53214 2.35784 7.36842 2.35784C5.90407 2.35784 4.67833 2.8818 3.69121 3.92973C2.70409 4.97766 2.21053 6.28757 2.21053 7.85946C2.21053 8.76644 2.38246 9.68233 2.72632 10.6071C3.07018 11.5322 3.68421 12.5907 4.56842 13.7827C5.45263 14.9748 6.65614 16.3764 8.17895 17.9876C9.70175 19.5987 11.6421 21.5409 14 23.8142Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-text-color));
  transition: opacity 0.15s ease-in-out;
  opacity: 1;
}
.btn-favorite .favorite-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 27'%3E%3Cpath d='M14,27l-1.6-1.6c-2.4-2.4-4.5-4.4-6.1-6.1c-1.6-1.7-2.9-3.2-3.8-4.5c-0.9-1.3-1.6-2.5-2-3.6C0.2,10.1,0,9,0,7.9c0-2.2,0.7-4.1,2.1-5.6C3.5,0.8,5.3,0,7.4,0C8.7,0,9.9,0.3,11,1c1.1,0.6,2.1,1.6,3,2.8c0.8-1.2,1.8-2.1,3-2.8c1.1-0.6,2.4-1,3.6-1c2.1,0,3.8,0.8,5.3,2.3C27.3,3.8,28,5.6,28,7.9c0,1.1-0.2,2.2-0.6,3.3c-0.4,1.1-1,2.3-2,3.6c-0.9,1.3-2.2,2.8-3.8,4.5c-1.6,1.7-3.6,3.7-6.1,6.1L14,27z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 27'%3E%3Cpath d='M14,27l-1.6-1.6c-2.4-2.4-4.5-4.4-6.1-6.1c-1.6-1.7-2.9-3.2-3.8-4.5c-0.9-1.3-1.6-2.5-2-3.6C0.2,10.1,0,9,0,7.9c0-2.2,0.7-4.1,2.1-5.6C3.5,0.8,5.3,0,7.4,0C8.7,0,9.9,0.3,11,1c1.1,0.6,2.1,1.6,3,2.8c0.8-1.2,1.8-2.1,3-2.8c1.1-0.6,2.4-1,3.6-1c2.1,0,3.8,0.8,5.3,2.3C27.3,3.8,28,5.6,28,7.9c0,1.1-0.2,2.2-0.6,3.3c-0.4,1.1-1,2.3-2,3.6c-0.9,1.3-2.2,2.8-3.8,4.5c-1.6,1.7-3.6,3.7-6.1,6.1L14,27z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-red-color));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}
.btn-favorite[aria-pressed=true] .favorite-icon::before {
  opacity: 0;
}
.btn-favorite[aria-pressed=true] .favorite-icon::after {
  opacity: 1;
}
.btn-favorite[aria-pressed=false] .favorite-icon::before {
  opacity: 1;
}
.btn-favorite[aria-pressed=false] .favorite-icon::after {
  opacity: 0;
}

.glossario-modal {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 100px;
  padding: 1rem;
}
.glossario-modal[hidden] {
  display: none;
}
@media (prefers-reduced-motion: no-preference) {
  .glossario-modal {
    animation: glossario-fade-in 0.2s ease-out;
  }
}

.glossario-modal-backdrop {
  position: fixed;
  inset: 0;
  background-color: rgba(var(--body-text-color), 0.7);
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  .glossario-modal-backdrop {
    animation: glossario-fade-in 0.2s ease-out;
  }
}

.glossario-modal-container {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 3rem);
  max-height: calc(100dvh - 3rem);
  background-color: rgb(var(--body-background-color));
  border-radius: 0.5rem;
  box-shadow: 0 4px 20px rgba(var(--body-text-color), 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .glossario-modal-container {
    animation: glossario-slide-up 0.2s ease-out;
  }
}

.glossario-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem 0.5rem;
}
.glossario-modal-header #glossario-modal-title {
  margin: 0;
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
}

.glossario-modal-close {
  min-width: 35px;
  min-height: 35px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  margin: -0.5rem -0.5rem -0.5rem 0;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  color: rgb(var(--body-text-color));
  font-size: calc(1.75rem * var(--text-scale));
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.glossario-modal-close:hover, .glossario-modal-close:focus {
  border-radius: 0.5rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .glossario-modal-close:hover, .glossario-modal-close:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.glossario-modal-close span {
  display: block;
  margin-top: -2px;
}

.glossario-modal-body {
  flex: 1;
  padding: 0 1rem;
  overflow-y: auto;
  color: rgb(var(--body-text-color));
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--button-border-color)) transparent;
}
.glossario-modal-body::-webkit-scrollbar {
  width: 8px;
}
.glossario-modal-body::-webkit-scrollbar-track {
  background: transparent;
}
.glossario-modal-body::-webkit-scrollbar-thumb {
  background-color: rgb(var(--button-border-color));
  border-radius: 4px;
}
.glossario-modal-body p {
  margin: 0 0 1rem;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--text-spacing);
}
.glossario-modal-body p:last-child {
  margin-bottom: 0;
}
.glossario-modal-body[aria-busy=true] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  color: rgb(var(--body-text-color));
}

.glossario-modal-footer {
  padding: 1rem 0 0 0;
}

.glossario-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid rgb(var(--button-border-color));
  border-top-color: rgb(var(--body-text-color));
  border-radius: 50%;
}
@media (prefers-reduced-motion: no-preference) {
  .glossario-spinner {
    animation: glossario-spin 0.8s linear infinite;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.glossario-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgb(var(--body-text-color));
  text-underline-offset: 3px;
  transition: color 0.15s ease, text-decoration-color 0.15s ease, background-color 0.15s ease;
  letter-spacing: var(--text-spacing);
  padding: 2px 4px;
  border-radius: 0.2rem;
}
.glossario-link:hover, .glossario-link:focus {
  border-radius: 0.2rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .glossario-link:hover, .glossario-link:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.glossario-link:visited, .glossario-link:active {
  color: inherit;
  text-decoration-style: dotted;
  text-decoration-color: rgb(var(--body-text-color));
  background-color: transparent;
}

@keyframes glossario-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes glossario-slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes glossario-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 767px) {
  .glossario-modal {
    padding: 1rem;
  }
  .glossario-modal-container {
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
  }
  #glossario-modal-link {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media (prefers-contrast: more) {
  .glossario-modal-container {
    border: 2px solid rgb(var(--button-border-color));
  }
  .glossario-modal-close {
    border: 2px solid currentColor;
  }
  .glossario-link {
    text-decoration-thickness: 2px;
  }
}
@media (max-width: 768px) {
  .museo-player-page .btn-control {
    width: 45px;
    height: 45px;
  }
  .museo-player-page .btn-play-pause {
    width: 55px;
    height: 55px;
  }
  .museo-player-page .playback-rate {
    padding: 0.2rem;
  }
  .museo-player-page .media-container {
    padding: 0.5rem 0;
  }
  .museo-player-page .media-controls .controls-list {
    gap: 8px;
  }
  .museo-player-page .btn-control {
    width: 40px;
    height: 40px;
  }
  .museo-player-page .btn-play-pause {
    width: 50px;
    height: 50px;
  }
  .museo-player-page .progress-container .time-info {
    font-size: calc(0.75rem * var(--text-scale));
  }
  .museo-player-page .video-cover::before {
    border-width: 18px 0 18px 30px;
  }
}
@media (prefers-contrast: high) {
  .museo-player-page .btn-control {
    border-width: 3px;
  }
  .museo-player-page .progress-bar {
    height: 12px;
  }
  .museo-player-page .progress-bar::-webkit-slider-thumb {
    width: 24px;
    height: 24px;
  }
  .museo-player-page .progress-bar::-moz-range-thumb {
    width: 24px;
    height: 24px;
  }
  .museo-player-page .video-cover {
    outline: 3px solid currentColor;
    outline-offset: -3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
  .museo-player-page .video-wrapper.is-playing .video-cover {
    display: none;
  }
}
@media print {
  .museo-player-page .media-controls,
  .museo-player-page .progress-container,
  .museo-player-page .btn-next-post {
    display: none !important;
  }
}

/*# sourceMappingURL=museo-player.css.map */