@charset "utf-8";
/* CSS Document */


											.Player {
											display: flex;
											align-items: center;
											background: #ffffff;
											border: 2px solid #010203;
											color: #010203;
											width: 100%; /* ahora ocupa todo el ancho disponible */
											max-width: 800px; /* opcional, para no ser gigante en pantallas grandes */
											height: 2.5rem;
											margin: 50px auto;
											padding-left: .5rem;
											padding-right: 0;
											border-radius: 200rem;
											}

											.Player__controlbar {
											display: flex;
											position: relative;
											}

											.Player__control {
											position: relative;
											text-align: center;
											width: 3rem;
											height: 3rem;
											line-height: 3rem;
											flex: none;
											}

											.Player__control svg {
											position: absolute;
											top: 50%;
											left: 50%;
											transform: translate(-50%, -50%);
											}

											.Player__control--playing,
											.Player__control--volumn {
											cursor: pointer;
											}

											.Player__control--playing .Player__control--paused,
											.Player__control--playing.is-playing .Player__control--play,
											.Player__control--volumn .Player__control--volumn-min,
											.Player__control--volumn.is-muted .Player__control--volumn-max {
											opacity: 0;
											}

											.Player__control--playing .Player__control--play,
											.Player__control--playing.is-playing .Player__control--paused,
											.Player__control--volumn .Player__control--volumn-max,
											.Player__control--volumn.is-muted .Player__control--volumn-min {
											opacity: 1;
											}

											.Player__control--process {
											flex: auto;
											padding: 0 1rem;
											display: none;
											}

											.Player__control--seek {
											appearance: none;
											height: 2px;
											width: 100%;
											vertical-align: middle;
											display: none;
											box-shadow: 0 1px 10px 0 rgba(255, 255, 255, .8);
											}

											.Player__control--seek::-webkit-slider-thumb {
											display:none;
											appearance: none;
											background: #fff;
											width: .2rem;
											height: 1rem;
											border-radius: 0%;
											border: 1px solid transparent;
											box-shadow: 0 1px 10px 0 rgba(255, 255, 255, .8);
											z-index: 1;
											}

											.Player__control--remaining-time {
											width: 5.5rem;
											font-size: .75rem;
											font-weight: 600;
											}