@charset "utf-8";

[data-element="gn-audio-player"] [data-element="gap-container"] { box-shadow: 0 0 10px 0 var(--cms-action-bar-action-color-border); }

[data-element="gn-audio-player"] [data-element="gap-progress-bar"]::-webkit-slider-runnable-track, [data-element="gn-audio-player"] [data-element="gap-volume-bar"]::-webkit-slider-runnable-track { appearance: none; background: linear-gradient(to right,var(--cms-action-bar-action-color-text) var(--slider-progress-width,0),var(--cms-action-bar-action-color-background-hover) var(--slider-progress-width,0)); border-radius: 20px; height: 4px; }

[data-element="gn-audio-player"] [data-element="gap-progress-bar"]::-webkit-slider-thumb, [data-element="gn-audio-player"] [data-element="gap-volume-bar"]::-webkit-slider-thumb { appearance: none; background: var(--cms-action-bar-action-color-text); border: 0px; border-radius: 5px; height: 10px; margin-top: -3px; width: 10px; }

[data-element="gn-audio-player"] [data-element="gap-progress-bar"]::-webkit-slider-thumb:active, [data-element="gn-audio-player"] [data-element="gap-volume-bar"]::-webkit-slider-thumb:active { transform: scale(1.2); }

@media (min-width: 768px) {
  [data-element="gn-audio-player"] [data-element="gap-volume-bar"] { transition: width 1s, opacity 0.7s, margin-left 1s; }
  [data-element="gn-audio-player"] [data-element="gap-volume-bar"]::-webkit-slider-runnable-track { background: linear-gradient(to right,var(--cms-action-bar-action-color-text) var(--slider-progress-width,100%),var(--cms-action-bar-action-color-background-hover) var(--slider-progress-width,100%)); }
  [data-element="gn-audio-player"] [data-element="gap-volume-bar"]:focus-visible, [data-element="gn-audio-player"] [data-element="gap-volume-controls"]:hover [data-element="gap-volume-bar"] { margin-left: 4px; opacity: 1; overflow: visible; transition: width 0.1s, opacity 0.2s, margin-left 0.1s; width: 51px; }
}

[data-element="gn-audio-player"] [data-element="gap-disclaimer"] a { color: var(--cms-action-bar-action-color-text); text-decoration: underline; }

[data-element="gn-audio-player"] [data-element="gap-disclaimer"] a:hover { text-decoration: none; }

@media (hover: hover) and (pointer: fine) {
  [data-element="gn-audio-player"] :is(button:not([data-element="gap-playback-speed"]):focus-visible:not([aria-disabled="true"]), button:not([data-element="gap-playback-speed"]):hover:not([aria-disabled="true"])) { opacity: 0.5; }
}