tmg-media-player 0.0.1

package/dist/super.css

@@ -0,0 +1,3148 @@
+@charset "UTF-8";
+
+/* src/css/index.scss */
+:root {
+  --t007-ripple-initial-opacity: 0.4;
+  --t007-ripple-initial-scale: 0.5;
+  --t007-ripple-expand-scale: 2.05;
+  --t007-ripple-color: rgb(0 0 0 / 0.3);
+  --t007-ripple-expand-duration: 350ms;
+  --t007-ripple-fade-duration: 350ms;
+}
+:where(*:has(> .t007-ripple-wrapper)) {
+  position: relative;
+}
+.t007-ripple-wrapper {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+  border-radius: inherit;
+  contain: strict;
+}
+.t007-ripple {
+  position: absolute;
+  border-radius: 50%;
+  z-index: 0;
+  background-color: var(--t007-ripple-color);
+  transform: scale(0);
+}
+.t007-ripple-hold {
+  animation: t007-ripple-expand var(--t007-ripple-expand-duration) ease-out forwards;
+}
+.t007-ripple-fade {
+  animation: t007-ripple-fade var(--t007-ripple-fade-duration) ease-in forwards;
+}
+@keyframes t007-ripple-expand {
+  50% {
+    transform: scale(var(--t007-ripple-initial-scale));
+  }
+  to {
+    transform: scale(var(--t007-ripple-expand-scale));
+  }
+}
+@keyframes t007-ripple-fade {
+  from {
+    opacity: var(--t007-ripple-initial-opacity);
+  }
+  to {
+    opacity: 0;
+  }
+}
+:root {
+  --t007-scroll-assist-color: black;
+  --t007-scroll-assist-opacity: 0.5;
+  --t007-scroll-assist-width: 2rem;
+  --t007-scroll-assist-height: var(--t007-scroll-assist-width);
+  --t007-scroll-assist-inset-x: calc(var(--t007-scroll-assist-width) * -0.25);
+  --t007-scroll-assist-inset-y: 0;
+}
+.t007-scroll-assist {
+  --t007-gradient-dir: to right;
+  position: absolute;
+  min-width: var(--t007-scroll-assist-width);
+  height: 100%;
+  opacity: var(--t007-scroll-assist-opacity);
+  background:
+    linear-gradient(
+      var(--t007-gradient-dir),
+      transparent 0,
+      var(--t007-scroll-assist-color) 30%,
+      transparent);
+  z-index: 2;
+}
+.t007-scroll-assist[data-scroll-direction=left] {
+  --t007-gradient-dir: to right;
+  top: 0;
+  left: var(--t007-scroll-assist-inset-x);
+}
+.t007-scroll-assist[data-scroll-direction=right] {
+  --t007-gradient-dir: to left;
+  top: 0;
+  right: var(--t007-scroll-assist-inset-x);
+}
+.t007-scroll-assist[data-scroll-direction=up] {
+  --t007-gradient-dir: to bottom;
+  top: var(--t007-scroll-assist-inset-y);
+  height: var(--t007-scroll-assist-height);
+  width: 100%;
+}
+.t007-scroll-assist[data-scroll-direction=down] {
+  --t007-gradient-dir: to top;
+  bottom: var(--t007-scroll-assist-inset-y);
+  height: var(--t007-scroll-assist-height);
+  width: 100%;
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-font-family: inherit;
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-relative-unit: 26px;
+  --tmg-media-aspect-ratio: 16 / 9;
+  --tmg-media-border-radius: calc(var(--tmg-media-current-unit) / 1.5);
+  --tmg-media-large-scale: 1.35;
+  --tmg-media-fullscreen-unit: calc(var(--tmg-media-relative-unit) * 1.1);
+  --tmg-media-theater-unit: calc(var(--tmg-media-relative-unit) * 1.05);
+  --tmg-media-mobile-unit: calc(var(--tmg-media-relative-unit) / 1.15);
+  --tmg-media-miniplayer-unit: calc(var(--tmg-media-relative-unit) / 1.3);
+  --tmg-media-mobile-miniplayer-unit: calc(var(--tmg-media-relative-unit) / 1.53);
+  --tmg-media-inset-size: calc(var(--tmg-media-current-unit) / 1.75);
+  --tmg-media-big-controls-size: calc(var(--tmg-media-current-unit) * 2);
+  --tmg-media-range-track-block-size: calc(var(--tmg-media-current-unit) / 6.5);
+  --tmg-media-range-thumb-size: calc(var(--tmg-media-current-unit) / 2.35);
+  --tmg-media-range-divs-gap: calc(var(--tmg-media-current-unit) / 7.5);
+  --tmg-media-dbc-backdrop-width: 65%;
+  --tmg-media-dbc-backdrop-height: 120%;
+  --tmg-media-max-touch-slider-height: 70%;
+}
+:root,
+.tmg-host-container {
+  --tmg-media-current-unit: var(--tmg-media-relative-unit);
+  --tmg-media-current-controls-column-gap: calc(var(--tmg-media-current-unit) / 1.6);
+  --tmg-media-current-controls-row-gap: calc(var(--tmg-media-current-unit) / 1.25);
+  --tmg-media-current-buffer-thickness: calc(var(--tmg-media-current-unit) / 7);
+  --tmg-media-current-big-controls-scale: var(--tmg-media-large-scale);
+  --tmg-media-current-object-width: 0px;
+  --tmg-media-current-object-height: 0px;
+  --tmg-media-current-object-left: 0px;
+  --tmg-media-current-object-top: 0px;
+  --tmg-media-current-container-width: 0px;
+  --tmg-media-current-container-height: 0px;
+  --tmg-media-current-top-wrapper-height: 0px;
+  --tmg-media-current-bottom-wrapper-height: 0px;
+  --tmg-media-current-captions-container-width: 0px;
+  --tmg-media-current-captions-container-height: 0px;
+  --tmg-media-current-timeline-thumb-scale: 1.12;
+  --tmg-media-max-volume-ratio: 0;
+  --tmg-media-max-brightness-ratio: 0;
+  --tmg-media-volume-slider-percent: 0%;
+  --tmg-media-brightness-slider-percent: 0%;
+  --tmg-media-volume-slider-boost-percent: 0%;
+  --tmg-media-brightness-slider-boost-percent: 0%;
+  --tmg-media-current-touch-slider-height: calc(var(--tmg-media-current-unit) * 12.5);
+}
+:root,
+.tmg-host-container {
+  --tmg-media-current-safe-inset-top: var(--tmg-media-inset-size);
+  --tmg-media-current-safe-inset-bottom: var(--tmg-media-inset-size);
+  --tmg-media-current-global-safe-inset-top: var(--tmg-media-inset-size);
+  --tmg-media-current-global-safe-inset-bottom: var(--tmg-media-inset-size);
+  --tmg-media-current-safe-inset-x: var(--tmg-media-inset-size);
+  --tmg-media-current-miniplayer-x: calc(100% - (var(--tmg-media-current-container-width) / 2) - 7.5px);
+  --tmg-media-current-miniplayer-y: calc((var(--tmg-media-current-container-height) / 2) + 7.5px);
+  --tmg-media-current-captions-x: 50%;
+  --tmg-media-current-captions-y: calc((var(--tmg-media-current-captions-container-height) / 2) + (var(--tmg-media-current-unit) / 2));
+  --tmg-media-current-captions-offset-top: 0px;
+  --tmg-media-current-captions-offset-bottom: 0px;
+  --tmg-media-current-preview-background-position: center;
+  --tmg-media-current-thumbnail-background-position: center;
+  --tmg-media-current-volume-slider-position: 0;
+  --tmg-media-current-volume-slider-boost-position: 0;
+  --tmg-media-current-volume-tooltip-position: 0;
+  --tmg-media-current-brightness-slider-position: 0;
+  --tmg-media-current-brightness-slider-boost-position: 0;
+  --tmg-media-current-brightness-tooltip-position: 0;
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-switch-transition-time: 150ms;
+  --tmg-media-fade-transition-time: 225ms;
+  --tmg-media-motion-transition-time: 350ms;
+  --tmg-media-slow-transition-time: 600ms;
+  --tmg-media-notifiers-animation-time: 1000ms;
+  --tmg-media-buffer-animation-time: 1250ms;
+  --tmg-media-bounce-timing: cubic-bezier(0.68, -0.55, 0.27, 1.55);
+  --tmg-media-motion-timing: cubic-bezier(0.1, 0, 0, 1);
+  --tmg-media-motion-transition:
+    top var(--tmg-media-motion-transition-time) var(--tmg-media-motion-timing),
+    bottom var(--tmg-media-motion-transition-time) var(--tmg-media-motion-timing),
+    left var(--tmg-media-motion-transition-time) var(--tmg-media-motion-timing),
+    right var(--tmg-media-motion-transition-time) var(--tmg-media-motion-timing);
+}
+@media (prefers-reduced-motion: reduce) {
+  :where(:root, .tmg-host-container) {
+    --tmg-media-switch-transition-time: 0ms;
+    --tmg-media-motion-transition-time: 0ms;
+    --tmg-media-slow-transition-time: 0ms;
+    --tmg-media-fade-transition-time: 50ms;
+  }
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-text-color: var(--tmg-media-theme-accent-color);
+  --tmg-media-brand-color: #e26e02;
+  --tmg-media-brand-accent-color: hsl(from var(--tmg-media-brand-color) calc(h - 25) s calc(l + 12.5));
+  --tmg-media-brand-inverse-color: rgb(from var(--tmg-media-brand-color) calc(255 - r) calc(255 - g) calc(255 - b));
+  --tmg-media-brand-complement-color: rgb(from var(--tmg-media-brand-color) r g b / 0.4);
+  --tmg-media-theme-color: #ffffff;
+  --tmg-media-theme-accent-color: hsl(from var(--tmg-media-theme-color) h s calc(l - 5));
+  --tmg-media-theme-inverse-color: rgb(from var(--tmg-media-theme-color) calc(255 - r) calc(255 - g) calc(255 - b));
+  --tmg-media-theme-inverse-accent-color: hsl(from var(--tmg-media-theme-inverse-color) h s calc(l + 45));
+  --tmg-media-focus-visible-color: rgb(from var(--tmg-media-brand-accent-color) r g b / 1);
+  --tmg-media-focus-visible-outline: 2px solid var(--tmg-media-focus-visible-color);
+  --tmg-media-disabled-color: gray;
+  --tmg-media-error-color: rgba(255, 0, 0, 0.75);
+  --tmg-media-background: black;
+  --tmg-media-disabled-background: rgb(55, 55, 55);
+  --tmg-media-curtain-color: rgb(from var(--tmg-media-theme-inverse-color) r g b / 0.5);
+  --tmg-media-range-thumb-background: currentColor;
+  --tmg-media-range-track-base-color: hsl(from var(--tmg-media-theme-inverse-accent-color) h s l / 0.75);
+  --tmg-media-range-track-color: currentColor;
+  --tmg-media-range-track-preview-color: hsl(from var(--tmg-media-theme-inverse-accent-color) h s l / 0.85);
+  --tmg-media-range-track-base-boost-color: rgb(from var(--tmg-media-range-track-boost-color) r g b / 0.5);
+  --tmg-media-range-track-boost-color: #ff5722;
+  --tmg-media-range-track-preview-boost-color: rgb(from var(--tmg-media-range-track-boost-color) r g b / 0.6);
+  --tmg-media-range-mark-background: var(--tmg-media-theme-inverse-color);
+  --tmg-media-timeline-thumb-background: var(--tmg-media-brand-color);
+  --tmg-media-timeline-base-bar-background: hsl(from var(--tmg-media-theme-color) h s l / 0.25);
+  --tmg-media-timeline-played-bar-background:
+    linear-gradient(
+      to right,
+      var(--tmg-media-brand-color) 80%,
+      var(--tmg-media-brand-accent-color));
+  --tmg-media-timeline-played-bar-ads-background: rgb(from var(--tmg-media-brand-color) calc(r + 24) calc(g + 145) calc(b - 2));
+  --tmg-media-timeline-preview-bar-background: hsl(from var(--tmg-media-theme-color) h s l / 0.4);
+  --tmg-media-timeline-buffered-bar-background: hsl(from var(--tmg-media-theme-color) h s calc(l + 20) / 0.25);
+  --tmg-media-timeline-played-mark-background: rgb(from var(--tmg-media-brand-color) calc(r - 226) calc(g - 110) calc(b + 248));
+  --tmg-media-timeline-buffered-mark-background: rgb(from var(--tmg-media-brand-color) calc(r + 24) calc(g - 110) calc(b - 2));
+  --tmg-media-progress-bar-background: var(--tmg-media-theme-color);
+  --tmg-media-progress-bar-opacity: 0.5;
+  --tmg-media-timeline-previews-border-color: var(--tmg-media-current-control-color);
+  --tmg-media-timeline-no-previews-background: var(--tmg-media-brand-complement-color);
+  --tmg-media-timeline-no-previews-pointer-color: var(--tmg-media-brand-complement-color);
+  --tmg-media-dbc-backdrop-color: var(--tmg-media-brand-complement-color);
+}
+:root,
+.tmg-host-container {
+  --tmg-media-current-curtain-color: transparent;
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-control-color: var(--tmg-media-theme-color);
+  --tmg-media-control-active-color: var(--tmg-media-control-color);
+  --tmg-media-control-voice-color: var(--tmg-media-control-active-color);
+  --tmg-media-control-background: transparent;
+  --tmg-media-control-active-background: var(--tmg-media-control-background);
+  --tmg-media-control-active-scale: 0.9;
+  --tmg-media-control-border-radius: 0px;
+  --tmg-media-control-padding: 0px;
+  --tmg-media-big-control-background-color: var(--tmg-media-brand-complement-color);
+  --tmg-media-buffer-color: currentColor;
+  --tmg-media-buffer-base-color: var(--tmg-media-theme-inverse-accent-color);
+}
+:root,
+.tmg-host-container {
+  --tmg-media-current-control-color: var(--tmg-media-control-color);
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-brightness: 100;
+  --tmg-media-filter: brightness(var(--cmptd-brightness));
+  --tmg-media-object-fit: contain;
+  --tmg-media-bg-object-fit: contain;
+  --tmg-media-object-position: 50% 50%;
+  --tmg-media-alt-img-url: "";
+  --tmg-media-current-poster-url: "";
+  --tmg-media-current-preview-url: "";
+  --tmg-media-current-thumbnail-url: "";
+  --tmg-media-idle-filter: blur(4px) brightness(0.5);
+  --tmg-media-img-background: center/cover no-repeat var(--tmg-media-alt-img-url), var(--tmg-media-background);
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-captions-font-family: var(--tmg-media-font-family);
+  --tmg-media-captions-font-size: 100;
+  --tmg-media-captions-font-color: white;
+  --tmg-media-captions-font-opacity: 1;
+  --tmg-media-captions-font-weight: 400;
+  --tmg-media-captions-font-variant: normal;
+  --tmg-media-captions-background-color: black;
+  --tmg-media-captions-background-opacity: 0.75;
+  --tmg-media-captions-window-color: black;
+  --tmg-media-captions-window-opacity: 0;
+  --tmg-media-captions-font-size-base: calc(var(--tmg-media-current-unit) / 1.6);
+  --tmg-media-captions-doubling-factor: 4;
+}
+:where(:root, .tmg-host-container) {
+  --tmg-media-settings-view-transition-time: var(--tmg-media-slow-transition-time);
+  --tmg-media-settings-content-padding: var(--tmg-media-current-safe-inset-x);
+  --tmg-media-settings-background-color: var(--tmg-media-curtain-color);
+  --tmg-media-settings-menu-background-color: var(--tmg-media-brand-complement-color);
+  --tmg-media-settings-text-color: var(--tmg-media-text-color);
+  --tmg-media-settings-border-color: hsl(from var(--tmg-media-theme-inverse-accent-color) h s l / 0.75);
+  --tmg-media-smenu-width: calc(var(--tmg-media-current-unit) * 13);
+}
+.tmg-media-container {
+  --t007-ripple-color: rgb(from var(--tmg-media-theme-color) r g b / 0.3);
+  --t007-scroll-assist-color: black;
+  --t007-scroll-assist-width: calc(var(--tmg-media-current-unit) * 1.05);
+  --t007-scroll-assist-height: var(--t007-scroll-assist-width);
+  --t007-scroll-assist-inset-x: calc(var(--tmg-media-current-unit) * -0.25);
+}
+.tmg-media-container .t007-toast {
+  --t007-toast-type-color: var(--tmg-media-theme-inverse-color);
+  --t007-toast-background: rgb(from var(--tmg-media-theme-color) r g b / 0.4);
+  --t007-toast-no-image-background: var(--tmg-media-img-background);
+  --t007-toast-image-background: var(--tmg-media-background);
+  --t007-toast-progress-background: var(--tmg-media-timeline-played-bar-background);
+  --t007-toast-progress-backdrop-background: var(--tmg-media-timeline-base-bar-background);
+  --t007-toast-action-button-color: var(--tmg-media-theme-inverse-color);
+}
+.tmg-media-container .t007-toast-container {
+  --t007-toast-container-margin-left: var(--tmg-media-current-safe-inset-x);
+  --t007-toast-container-margin-right: var(--tmg-media-current-safe-inset-x);
+  --t007-toast-unit: calc(var(--tmg-media-current-unit) / 2);
+  --t007-toast-width: calc(var(--t007-toast-unit) * 26.5);
+  --t007-toast-min-height: calc(var(--t007-toast-unit) * 3.75);
+  --t007-toast-padding: calc(var(--t007-toast-unit) / 2);
+  --t007-toast-image-width: calc(var(--t007-toast-unit) * 6.45);
+  --t007-toast-image-height: calc(var(--t007-toast-unit) * 3.8);
+  --t007-toast-image-object-fit: contain;
+  --t007-toast-font-size: calc(var(--t007-toast-unit) * 1.08);
+  --t007-toast-max-lines: 3;
+  --t007-toast-border-radius: calc(var(--t007-toast-unit) / 1.5);
+  --t007-toast-animation-duration: var(--tmg-media-motion-transition-time);
+}
+.tmg-media-container .t007-toast-container[data-position^=top] {
+  --t007-toast-container-margin-top: var(--tmg-media-current-global-safe-inset-top);
+}
+.tmg-media-container .t007-toast-container[data-position^=bottom] {
+  --t007-toast-container-margin-bottom: var(--tmg-media-current-global-safe-inset-bottom);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .t007-toast-container {
+  --t007-toast-unit: calc(var(--tmg-media-current-unit) / 1.85);
+}
+.tmg-host-container.tmg-media-mobile[data-size-tier^=xx] .t007-toast-container {
+  --t007-toast-width: 100%;
+  width: 100%;
+}
+.tmg-host-container .t007-input-field {
+  --t007-input-unit: calc(var(--tmg-media-current-unit) / 1.8);
+  --t007-input-height: calc(var(--tmg-media-current-unit) * 1.5);
+  --t007-input-border-radius: calc(var(--t007-input-height) / 2);
+  --t007-input-color: var(--tmg-media-theme-color);
+  --t007-input-select-timing: var(--tmg-media-bounce-timing);
+  --t007-input-select-transition-time: var(--tmg-media-fade-transition-time);
+  --t007-input-select-picker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23FFF' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
+  --t007-input-option-color: var(--tmg-media-theme-inverse-accent-color);
+  --t007-input-option-bg: rgb(from var(--tmg-media-theme-color) r g b / 0.777);
+  --t007-input-option-checked-bg: rgb(from var(--tmg-media-brand-color) r g b / 0.666);
+  --t007-input-option-hover-bg: rgb(from var(--tmg-media-theme-color) r g b / 0.999);
+  --t007-input-option-checked-hover-bg: rgb(from var(--tmg-media-brand-color) r g b / 0.888);
+  --t007-input-option-border: 1px solid var(--tmg-media-settings-border-color);
+  --t007-input-option-checked-border: 1px solid rgb(from var(--tmg-media-theme-inverse-color) r g b/ 0.15);
+  --t007-input-option-focus-border: 1px solid var(--tmg-media-theme-inverse-color);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .t007-input-field {
+  --t007-input-unit: calc(var(--tmg-media-current-unit) / 1.6);
+}
+.tmg-media-container .t007-dialog {
+  --t007-dialog-unit: calc(var(--tmg-media-current-unit) / 1.8);
+  --t007-dialog-border: 0.8px solid rgb(from var(--tmg-media-theme-color) r g b / 0.25);
+  --t007-dialog-background: rgb(from var(--tmg-media-theme-inverse-color) calc(r + 20) calc(g + 20) calc(b + 20) / 0.75);
+  --t007-dialog-box-shadow: 2px 2px 6px rgb(from var(--tmg-media-theme-inverse-color) r g b / 0.5), -2px -2px 6px rgb(from var(--tmg-media-theme-inverse-color) r g b / 0.5);
+  --t007-dialog-message-color: var(--tmg-media-theme-color);
+  --t007-dialog-confirm-button-color: rgb(from var(--tmg-media-theme-color) calc(r - 100) calc(g - 100) calc(b - 100));
+  --t007-dialog-cancel-button-color: var(--tmg-media-brand-color);
+  --t007-dialog-entry-duration: var(--tmg-media-switch-transition-time);
+}
+.tmg-host-container {
+  --cmptd-brightness: calc(max(calc(var(--tmg-media-current-brightness-slider-boost-position) * var(--tmg-media-max-brightness-ratio) * 20%), 20%) + ((var(--tmg-media-brightness) / 100) * 80%));
+  --cmptd-ctrl-size: calc(var(--tmg-media-current-unit) + (var(--tmg-media-control-padding) * 2));
+  --cmptd-ctrl-box-x-in-pad: calc(var(--tmg-media-current-controls-column-gap) / 2);
+  --cmptd-ctrl-box-y-in-pad: calc(var(--tmg-media-current-controls-row-gap) / 2);
+  --cmptd-ctrl-box-out-nudge: calc(var(--cmptd-ctrl-box-x-in-pad) * 0.25);
+  --cmptd-ctrl-box-min-width: calc(var(--cmptd-ctrl-size) + (var(--tmg-media-current-controls-column-gap) * 2));
+  --cmptd-ctrl-box-height: calc(var(--cmptd-ctrl-size) + (var(--cmptd-ctrl-box-y-in-pad) * 2));
+  --cmptd-big-ctrl-scale-size: calc(var(--tmg-media-big-controls-size) * var(--tmg-media-current-big-controls-scale) * var(--tmg-media-large-scale));
+  --cmptd-cue-font-factor: (1 + (var(--tmg-media-captions-font-size) - 100) / ((100 * var(--tmg-media-captions-doubling-factor)) - 100));
+}
+.tmg-host-container:is(.tmg-media-mobile, [data-size-tier^=xxxx]) {
+  --cmptd-ctrl-box-out-nudge: 0;
+}
+@keyframes tmg-beat {
+  from, to {
+    transform: scale(calc(1 / var(--tmg-media-large-scale)));
+  }
+  50% {
+    transform: scale(1);
+  }
+}
+@keyframes tmg-spin {
+  to {
+    rotate: 1turn;
+  }
+}
+@keyframes tmg-slide-from-right {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes tmg-slide-from-left {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes tmg-show {
+  from, 20% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes tmg-show-alt {
+  0%, 60% {
+    opacity: 1;
+  }
+  90%, 100% {
+    opacity: 0;
+  }
+}
+@keyframes tmg-stay-shown {
+  from, to {
+    opacity: 1;
+  }
+}
+@keyframes tmg-scale-up {
+  to {
+    transform: scale(var(--tmg-media-large-scale));
+  }
+}
+@keyframes tmg-arrow-1 {
+  30% {
+    opacity: 0.25;
+  }
+  60% {
+    opacity: 1;
+  }
+}
+@keyframes tmg-arrow-2 {
+  50% {
+    opacity: 0.25;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@keyframes tmg-arrow-3 {
+  70% {
+    opacity: 0.25;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes tmg-miniplayer-enter {
+  0% {
+    opacity: 0;
+    transform: scale(0.85) translateY(15px);
+  }
+  60% {
+    opacity: 1;
+    transform: scale(1.02) translateY(0);
+  }
+  100% {
+    transform: scale(1) translateY(0);
+  }
+}
+@keyframes tmg-ripple-expand {
+  50% {
+    transform: scale(0.5);
+  }
+  to {
+    transform: scale(2);
+  }
+}
+@keyframes tmg-ripple-fade {
+  from {
+    opacity: 0.4;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes tmg-live-pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgb(from var(--pulse-color) r g b/0.7);
+  }
+  70% {
+    box-shadow: 0 0 0 0.6ch transparent;
+  }
+  100% {
+    box-shadow: 0 0 0 0 transparent;
+  }
+}
+@keyframes tmg-spinner-easespin {
+  12.5% {
+    transform: rotate(135deg);
+  }
+  25% {
+    transform: rotate(270deg);
+  }
+  37.5% {
+    transform: rotate(405deg);
+  }
+  50% {
+    transform: rotate(540deg);
+  }
+  62.5% {
+    transform: rotate(675deg);
+  }
+  75% {
+    transform: rotate(810deg);
+  }
+  87.5% {
+    transform: rotate(945deg);
+  }
+  100% {
+    transform: rotate(3turn);
+  }
+}
+@keyframes tmg-left-spin {
+  from, to {
+    transform: rotate(130deg);
+  }
+  50% {
+    transform: rotate(-5deg);
+  }
+}
+@keyframes tmg-right-spin {
+  from, to {
+    transform: rotate(-130deg);
+  }
+  50% {
+    transform: rotate(5deg);
+  }
+}
+@keyframes tmg-voice-pulse {
+  from {
+    box-shadow: inset 0 0 calc(var(--tmg-media-current-container-width) * 0.02) 0 rgb(from var(--tmg-media-control-voice-color) r g b/0.2), inset 0 0 calc(var(--tmg-media-current-container-width) * 0.08) 0 rgb(from var(--tmg-media-theme-color) r g b/0.05);
+  }
+  to {
+    box-shadow:
+      inset 0 0 calc(var(--tmg-media-current-container-width) * 0.05) 0 rgb(from var(--tmg-media-control-voice-color) r g b/0.6),
+      inset 0 0 calc(var(--tmg-media-current-container-width) * 0.15) 0 rgb(from var(--tmg-media-theme-color) r g b/0.3),
+      inset 0 0 calc(var(--tmg-media-current-container-width) * 0.3) 0 rgb(from var(--tmg-media-theme-color) r g b/0.1);
+  }
+}
+.tmg-host-container *,
+.tmg-host-container *::after,
+.tmg-host-container *::before {
+  box-sizing: border-box;
+  font-family: inherit;
+  font-kerning: normal;
+  -webkit-user-select: none;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.tmg-host-container *:disabled {
+  filter: grayscale(100%);
+  cursor: not-allowed;
+}
+:where(.tmg-host-container) *,
+:where(.tmg-host-container) *::after,
+:where(.tmg-host-container) *::before {
+  padding: 0;
+  margin: 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--tmg-media-brand-color) transparent;
+}
+:where(.tmg-host-container) *::selection {
+  color: currentColor;
+  background-color: var(--tmg-media-brand-color);
+}
+:where(.tmg-host-container:not(.tmg-media-disabled)) :not([inert]) :is(a, p, h1, h2, h3, h4, h5, h6, li) {
+  -webkit-user-select: text;
+  user-select: text;
+}
+.tmg-host-container :is([draggable=true], #o#o#o#o#o) {
+  -webkit-user-drag: element;
+}
+.tmg-host-container :is(*:focus-visible, #o#o#o#o#o),
+.tmg-media-range-container:focus-visible .tmg-media-range-thumb {
+  outline: var(--tmg-media-focus-visible-outline);
+  outline-offset: calc(var(--tmg-media-current-unit) / 13);
+  transition: none;
+}
+.tmg-media-controls-container :is(*:focus-visible, #o#o#o#o#o),
+.tmg-host-container .tmg-media-smenu-overlay :is(*:focus-visible, #o#o#o#o#o),
+.tmg-media-range-container:focus-visible .tmg-media-range-thumb {
+  outline-offset: calc(var(--tmg-media-current-unit) / 7.5);
+  transition: outline-offset var(--tmg-media-fade-transition-time) ease !important;
+}
+.tmg-host-container .tmg-media-smenu-overlay :is(*:focus-visible, #o#o#o#o#o),
+:is(.tmg-media-voice-path-input, .tmg-media-voice-exact-input):is(:focus-visible, #o#o#o#o#o) {
+  outline-offset: calc(var(--tmg-media-current-unit) / -13);
+}
+.tmg-host-container :is(:is(.tmg-media-profile-link, .tmg-media-meta-text, .tmg-media-big-controls-wrapper > *, .tmg-media-next-preview-wrapper > button):focus-visible, #o#o#o#o#o) {
+  outline-offset: 0px;
+}
+.tmg-host-container :is(.tmg-media-range-container:focus-visible, #o#o#o#o#o) {
+  outline: none;
+}
+.tmg-media-side-controls-wrapper-cover,
+.tmg-media-big-controls-wrapper-cover,
+.tmg-media-meta-wrapper > * {
+  flex-grow: 1;
+  position: relative;
+  overflow: hidden;
+}
+.tmg-media-side-controls-wrapper,
+.tmg-media-big-controls-wrapper,
+.tmg-media-meta-text {
+  overflow: auto hidden;
+  scrollbar-width: none;
+}
+:is(.tmg-media-side-controls-wrapper, .tmg-media-big-controls-wrapper, .tmg-media-meta-text)::-webkit-scrollbar {
+  display: none;
+}
+:is(.tmg-media-settings-content, .tmg-media-smenu-overlay) *,
+.tmg-media-top-controls-wrapper,
+.tmg-media-bottom-controls-wrapper,
+.tmg-media-screen-locked-wrapper,
+.tmg-media-touch-vb-notifier,
+.tmg-media-placeholder p {
+  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
+}
+:is(.tmg-media-settings-content, .tmg-media-smenu-overlay, .tmg-media-top-controls-wrapper, .tmg-media-bottom-controls-wrapper, .tmg-media-touch-vb-notifier) svg,
+.tmg-media-placeholder [class$=icon-content] {
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
+}
+.tmg-media-range-thumb,
+.tmg-media-smenu-toggle-thumb,
+.tmg-media-touch-vb-slider {
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
+}
+.tmg-host-container svg {
+  width: var(--tmg-media-current-unit);
+  height: var(--tmg-media-current-unit);
+}
+:is(.tmg-media-big-controls-wrapper > *, :where(button[class^=tmg-media-big-])) > svg {
+  --size: calc(var(--tmg-media-current-unit) * var(--tmg-media-current-big-controls-scale));
+  width: var(--size);
+  height: var(--size);
+}
+.tmg-media-big-play-pause-btn > svg {
+  --size: calc(var(--tmg-media-current-unit) * var(--tmg-media-current-big-controls-scale) * var(--tmg-media-large-scale));
+  width: var(--size);
+  height: var(--size);
+}
+.tmg-host-container svg:where(:not(.no-css-fill)) {
+  color: currentColor;
+}
+.tmg-host-container svg * {
+  transition: all var(--tmg-media-fade-transition-time) ease;
+}
+.tmg-host-container svg:where(:not(.no-css-fill)) *:where(:not(.no-css-fill, [fill=none])) {
+  fill: currentColor;
+}
+button > :is(.tmg-media-play-icon, .tmg-media-pause-icon) {
+  scale: 1.25;
+}
+:where(.tmg-host-container) img {
+  color: transparent;
+  text-shadow: none;
+  -webkit-text-stroke: 0px transparent;
+  background: var(--tmg-media-img-background);
+  min-width: unset;
+  min-height: unset;
+  max-width: unset;
+  max-height: unset;
+}
+:where(.tmg-host-container) button {
+  background: none;
+  border: none;
+  color: inherit;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(var(--tmg-media-current-unit) / 1.4);
+  opacity: 0.9;
+  transition: opacity var(--tmg-media-fade-transition-time) ease-in-out;
+}
+:where(.tmg-host-container button):is(:hover, :focus-visible) {
+  opacity: 1;
+  cursor: pointer;
+}
+.tmg-media-big-controls-wrapper-cover,
+.tmg-media-buffer,
+.tmg-media-captions-btn::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  translate: -50% -50%;
+}
+.tmg-media-placeholder,
+.tmg-media-next-preview-wrapper > button {
+  position: absolute;
+  inset: 0;
+  margin: auto;
+}
+.tmg-media-container:is(.tmg-media-overlay, :has(:focus-visible)) .tmg-media-container-content,
+.tmg-media-container:is(:has(.tmg-media-notifier.tmg-media-control-persist, :is(.tmg-media-fast-play-notifier, .tmg-media-touch-vb-notifier).tmg-media-control-active)) .tmg-media-container-content {
+  cursor: auto;
+}
+.tmg-media-container.tmg-media-miniplayer :is(.tmg-media-container-content, .tmg-media-settings),
+.tmg-media-captions-container {
+  cursor: grab;
+}
+.tmg-media-container.tmg-media-miniplayer:active :is(.tmg-media-container-content, .tmg-media-settings),
+.tmg-media-captions-container:active {
+  cursor: grabbing;
+}
+.tmg-media-container.tmg-media-settings-view .tmg-media-container-content-wrapper {
+  transform: rotateY(180deg);
+}
+.tmg-media-container.tmg-media-settings-view .tmg-media-container-content :is(.tmg-media, .tmg-media-filtered) {
+  filter: var(--tmg-media-filter) blur(10px);
+}
+.tmg-media-container.tmg-media-settings-view .tmg-media-settings-btn svg {
+  transform: rotate(30deg);
+}
+.tmg-media-container-content-wrapper,
+.tmg-media-container-content,
+.tmg-media-settings {
+  position: relative;
+  max-width: inherit;
+  max-height: inherit;
+  min-width: inherit;
+  min-height: inherit;
+  border-radius: inherit;
+}
+.tmg-media-container-content-wrapper {
+  width: inherit;
+  height: inherit;
+  transform-style: preserve-3d;
+  transition: transform var(--tmg-media-settings-view-transition-time) var(--tmg-media-bounce-timing);
+}
+.tmg-media-container-content,
+.tmg-media-settings {
+  width: 100%;
+  height: 100%;
+  transform-style: inherit;
+  transition: inherit;
+  overflow: hidden;
+}
+.tmg-media-container-content {
+  display: flex;
+  justify-content: center;
+  background: var(--tmg-media-background);
+  cursor: none;
+}
+.tmg-media-settings {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background-color: var(--tmg-media-settings-background-color);
+  transform: rotateY(180deg);
+  -webkit-backdrop-filter: blur(3.5px);
+  backdrop-filter: blur(3.5px);
+  backface-visibility: hidden;
+}
+.tmg-media-settings-content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: var(--tmg-media-settings-content-padding);
+  color: var(--tmg-media-settings-text-color);
+  border-radius: inherit;
+}
+.tmg-media-settings-top-panel {
+  display: flex;
+  padding-block-end: var(--tmg-media-settings-content-padding);
+  border-bottom: 1px solid var(--tmg-media-settings-border-color);
+}
+.tmg-media-settings-bottom-panel {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  align-items: center;
+  padding-block: calc(var(--tmg-media-current-unit));
+  overflow-y: auto;
+}
+.tmg-media-settings-top-panel > * {
+  gap: calc(var(--tmg-media-current-unit) / 4);
+  height: calc(var(--tmg-media-current-unit) / 1.25);
+  font-size: calc(var(--tmg-media-current-unit) / 1.5);
+}
+.tmg-media-settings-top-panel > *:first-child {
+  margin-right: auto;
+}
+.tmg-media-settings-bottom-panel > p {
+  color: var(--tmg-media-brand-accent-color);
+  font-size: calc(var(--tmg-media-current-unit));
+  text-align: center;
+  margin-block: auto calc(var(--tmg-media-current-unit) / 3);
+}
+.tmg-media-settings-bottom-panel > div {
+  width: calc(var(--tmg-media-current-unit) * 11);
+  display: flex;
+  gap: calc(var(--tmg-media-current-unit) / 1.75);
+}
+.tmg-media-settings-bottom-panel > div:last-child {
+  margin-block-end: auto;
+}
+.tmg-media-settings-bottom-panel > div > :first-child {
+  flex-grow: 1;
+}
+.tmg-media-settings-bottom-panel .t007-input-field {
+  margin-block-end: calc(var(--tmg-media-current-unit) / 6);
+}
+.tmg-media-smenu-overlay {
+  position: absolute;
+  top: var(--tmg-smenu-anchor-y);
+  left: var(--tmg-smenu-anchor-x);
+  transform: scale(0.985) translate(0, calc(-100% - var(--tmg-media-current-unit)));
+  width: var(--tmg-media-smenu-width);
+  max-height: min(100% - (var(--tmg-media-current-top-wrapper-height) + var(--tmg-media-current-bottom-wrapper-height)), var(--tmg-media-current-unit) * 13);
+  background-color: var(--tmg-media-settings-menu-background-color);
+  border-radius: calc(var(--tmg-media-current-unit) / 2);
+  color: var(--tmg-media-settings-text-color);
+  overflow: hidden;
+  box-shadow: 0 calc(var(--tmg-media-current-unit) / 6.5) calc(var(--tmg-media-current-unit) / 1.3) rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  pointer-events: none;
+  transition:
+    height var(--tmg-media-fade-transition-time) var(--tmg-media-motion-timing),
+    width var(--tmg-media-fade-transition-time) var(--tmg-media-motion-timing),
+    opacity var(--tmg-media-fade-transition-time) var(--tmg-media-bounce-timing),
+    transform var(--tmg-media-fade-transition-time) var(--tmg-media-bounce-timing);
+}
+.tmg-host-container[data-size-tier^=xx] .tmg-media-smenu-overlay {
+  max-height: min(100% - var(--tmg-media-current-bottom-wrapper-height), var(--tmg-media-current-unit) * 13);
+}
+.tmg-media-smenu-overlay-open {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translate(0, calc(-100% - var(--tmg-media-current-unit))) translateY(calc(var(--tmg-media-current-unit) / -5));
+}
+.tmg-media-smenu-overlay-open.tmg-media-smenu-drop-down {
+  transform: translate(0, calc(var(--tmg-media-current-unit))) translateY(calc(var(--tmg-media-current-unit) / 5));
+}
+.tmg-media-smenu-overlay svg {
+  width: calc(var(--tmg-media-current-unit) / 1.3);
+  height: calc(var(--tmg-media-current-unit) / 1.3);
+}
+.tmg-media-smenu-panel {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+  opacity: 0;
+  transition: transform var(--tmg-media-fade-transition-time) var(--tmg-media-motion-timing), opacity var(--tmg-media-fade-transition-time) var(--tmg-media-motion-timing);
+}
+.tmg-media-smenu-panel[data-dir=forward] {
+  transform: translateX(calc(100% - 20px));
+}
+.tmg-media-smenu-panel[data-dir=backward] {
+  transform: translateX(-100%);
+}
+.tmg-media-smenu-panel.tmg-media-smenu-panel-active {
+  pointer-events: auto;
+  opacity: 1;
+  transform: translateX(0);
+}
+.tmg-media-smenu-panel-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.tmg-media-smenu-main-list,
+.tmg-media-smenu-select-list,
+.tmg-media-smenu-group-list,
+.tmg-media-smenu-playlist-list {
+  list-style: none;
+  padding: calc(var(--tmg-media-current-unit) / 4) 0;
+}
+.tmg-media-smenu-row,
+.tmg-media-smenu-select-option,
+.tmg-media-smenu-group-row,
+.tmg-media-smenu-playlist-item,
+.tmg-media-smenu-view-btn {
+  display: flex;
+  align-items: center;
+  padding: calc(var(--tmg-media-current-unit) / 2.5) calc(var(--tmg-media-current-unit) / 1.75);
+  transition: background-color 0.1s ease;
+}
+:where(.tmg-media-smenu-row, .tmg-media-smenu-select-option, .tmg-media-smenu-group-row, .tmg-media-smenu-playlist-item, .tmg-media-smenu-view-btn, .tmg-media-smenu-back-btn, .tmg-media-smenu-color-swatch, .tmg-media-smenu-input-btn, .tmg-media-smenu-limits-btn, .tmg-media-smenu-sub-action-btn):is(:hover, :focus-visible) {
+  background-color: rgb(from currentColor r g b/0.1);
+}
+.tmg-media-smenu-row-label,
+.tmg-media-smenu-group-label,
+.tmg-media-smenu-select-label,
+.tmg-media-smenu-playlist-label {
+  flex-grow: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.tmg-media-smenu-select-label {
+  white-space: unset;
+}
+.tmg-media-smenu-row-value,
+.tmg-media-smenu-group-value {
+  opacity: 0.7;
+  margin-right: calc(var(--tmg-media-current-unit) / 3);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 50%;
+}
+.tmg-media-smenu-row-info,
+.tmg-media-smenu-group-info,
+.tmg-media-smenu-select-info {
+  opacity: 0.7;
+  margin-left: calc(var(--tmg-media-current-unit) / 3);
+}
+.tmg-media-smenu-row-icon,
+.tmg-media-smenu-group-icon {
+  margin-right: calc(var(--tmg-media-current-unit) / 2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tmg-media-smenu-row-arrow,
+.tmg-media-smenu-group-arrow,
+.tmg-media-smenu-back-arrow {
+  translate: 0 -0.1ch;
+  font-size: calc(var(--tmg-media-current-unit) / 1.25);
+  opacity: 0.8;
+  line-height: 1;
+}
+:is(.tmg-media-smenu-row-hidden, #o#o#o#o#o) {
+  display: none;
+}
+.tmg-media-smenu-row-inline-block {
+  flex-direction: column;
+  align-items: stretch;
+  gap: calc(var(--tmg-media-current-unit) / 3);
+}
+.tmg-media-smenu-sub-header {
+  display: flex;
+  align-items: center;
+  padding: calc(var(--tmg-media-current-unit) / 1.75) calc(var(--tmg-media-current-unit) / 3);
+  border-bottom: 1px solid rgb(from currentColor r g b/0.1);
+}
+.tmg-media-smenu-back-btn {
+  padding: 0 calc(var(--tmg-media-current-unit) / 2);
+}
+.tmg-media-smenu-sub-title {
+  font-weight: 600;
+  margin-left: calc(var(--tmg-media-current-unit) / 5);
+}
+.tmg-media-smenu-select-check {
+  flex-shrink: 0;
+  display: inline-flex;
+  width: calc(var(--tmg-media-current-unit) / 1.3);
+  opacity: 0;
+}
+.tmg-media-smenu-select-check::before {
+  content: "\2713";
+  color: currentColor;
+}
+.tmg-media-smenu-option-active .tmg-media-smenu-select-check {
+  opacity: 1;
+}
+.tmg-media-smenu-drag-list .tmg-media-smenu-option-active {
+  color: var(--tmg-media-brand-color);
+  background-color: rgb(from var(--tmg-media-brand-color) r g b/0.15);
+  font-weight: 500;
+}
+.tmg-media-smenu-color-wrapper,
+.tmg-media-smenu-range-wrapper {
+  padding: calc(var(--tmg-media-current-unit) / 1.5);
+  flex-direction: column;
+}
+.tmg-media-smenu-range-value {
+  text-align: center;
+  font-size: 115%;
+  font-weight: 600;
+}
+.tmg-media-smenu-toggle-wrapper {
+  --tmg-media-toggle-size: var(--tmg-media-current-unit);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tmg-media-smenu-toggle-input {
+  display: none;
+}
+.tmg-media-smenu-toggle-track {
+  width: calc(var(--tmg-media-toggle-size) * 1.4);
+  height: calc(var(--tmg-media-toggle-size) / 1.28);
+  border-radius: calc(var(--tmg-media-toggle-size) / 2);
+  position: relative;
+  background-color: var(--tmg-media-range-track-base-color);
+  transition: background-color var(--tmg-media-fade-transition-time) ease;
+}
+.tmg-media-smenu-toggle-on {
+  background-color: var(--tmg-media-brand-accent-color);
+}
+.tmg-media-smenu-toggle-thumb {
+  position: absolute;
+  top: calc(var(--tmg-media-toggle-size) / 13);
+  left: calc(var(--tmg-media-toggle-size) / 13);
+  width: calc(var(--tmg-media-toggle-size) / 1.6);
+  height: calc(var(--tmg-media-toggle-size) / 1.6);
+  background-color: var(--tmg-media-range-track-color);
+  border-radius: 50%;
+  transition: transform var(--tmg-media-fade-transition-time) var(--tmg-media-bounce-timing);
+}
+.tmg-media-smenu-toggle-on .tmg-media-smenu-toggle-thumb {
+  transform: translateX(calc(var(--tmg-media-toggle-size) / 1.6));
+}
+.tmg-media-smenu-color-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: calc(var(--tmg-media-current-unit) / 1.5);
+  justify-content: center;
+}
+.tmg-media-smenu-color-swatch {
+  width: calc(var(--tmg-media-current-unit) * 1.5);
+  height: calc(var(--tmg-media-current-unit) * 1.5);
+  border-radius: 50%;
+  border: 2px solid transparent;
+  background-color: var(--swatch);
+  transition: transform var(--tmg-media-fade-transition-time) ease;
+}
+.tmg-media-smenu-color-swatch:is(:hover, .tmg-media-smenu-color-active) {
+  transform: scale(1.1);
+}
+.tmg-media-smenu-color-active {
+  border-color: currentColor;
+}
+.tmg-media-smenu-color-free {
+  width: 100%;
+  height: calc(var(--tmg-media-current-unit) * 1.2);
+}
+.tmg-media-smenu-view-btn {
+  width: 100%;
+  font-size: inherit;
+  font-weight: 600;
+}
+.tmg-media-smenu-view-btn > .tmg-media-smenu-row-icon {
+  margin-right: calc(var(--tmg-media-current-unit) / 3);
+}
+.tmg-media-smenu-divider {
+  flex-shrink: 0;
+  height: 1px;
+  background: rgb(from currentColor r g b/0.1);
+  margin: 0 calc(var(--tmg-media-current-unit) / 2);
+}
+.tmg-media-smenu-toggle-wrapper,
+.tmg-media-smenu-sub-header,
+.tmg-media-smenu-row,
+.tmg-media-smenu-group-row,
+.tmg-media-smenu-select-option,
+.tmg-media-smenu-color-swatch,
+.tmg-media-smenu-color-free {
+  cursor: pointer;
+}
+.tmg-media-smenu-range-wrapper,
+.tmg-media-smenu-color-wrapper,
+.tmg-media-limits-row,
+.tmg-media-limits-row-wrap {
+  display: flex;
+  gap: calc(var(--tmg-media-current-unit) / 2);
+}
+.tmg-media-smenu-drag-list {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.tmg-media-smenu-dragging {
+  position: absolute !important;
+  left: 0;
+  width: 100%;
+  z-index: 999 !important;
+  border-top: 1px 0 solid rgb(from currentColor r g b/0.2);
+  border-bottom: 1px solid rgb(from currentColor r g b/0.2);
+  -webkit-backdrop-filter: blur(4px);
+  backdrop-filter: blur(4px);
+  background: rgb(from currentColor r g b/0.4);
+}
+.tmg-media-smenu-drag-placeholder {
+  background-color: rgb(from currentColor r g b/0.05);
+}
+.tmg-media-smenu-drag-placeholder:not(:last-child) {
+  border-bottom: 1px solid rgb(from currentColor r g b/0.1);
+}
+.tmg-media-smenu-playlist-drag,
+.tmg-media-smenu-delete-btn {
+  flex-shrink: 0;
+  display: inline-flex;
+}
+.tmg-media-smenu-playlist-drag {
+  margin-right: calc(var(--tmg-media-current-unit) / 3);
+  touch-action: none;
+  cursor: grab;
+}
+.tmg-media-smenu-playlist-drag:active {
+  cursor: grabbing;
+}
+.tmg-media-smenu-delete-btn {
+  margin-left: calc(var(--tmg-media-current-unit) / 3);
+  color: var(--tmg-media-error-color);
+}
+.tmg-media-smenu-footer-actions,
+.tmg-media-smenu-sub-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: calc(var(--tmg-media-current-unit) / 2);
+  margin-left: auto;
+}
+.tmg-media-smenu-sub-action-btn {
+  padding: calc(var(--tmg-media-current-unit) / 6);
+  border-radius: calc(var(--tmg-media-current-unit) / 6.5);
+}
+.tmg-media-smenu-sub-action-btn.tmg-media-smenu-text-action {
+  font-size: 85%;
+  text-decoration: underline;
+  padding: 0 calc(var(--tmg-media-current-unit) / 2);
+  background: transparent;
+  border: none;
+  margin: 0;
+}
+.tmg-media-smenu-sub-footer {
+  padding: calc(var(--tmg-media-current-unit) / 2);
+  font-size: 85%;
+  border-top: 1px solid rgb(from currentColor r g b/0.1);
+}
+.tmg-media-smenu-sub-footer:empty {
+  display: none;
+}
+.tmg-media-smenu-limits-wrapper,
+.tmg-media-smenu-input-wrapper {
+  padding: calc(var(--tmg-media-current-unit) / 1.75);
+}
+.tmg-media-limits-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: calc(var(--tmg-media-current-unit) / 2);
+  border: none;
+}
+.tmg-media-limits-row-legend {
+  min-width: calc(var(--tmg-media-current-unit) * 3);
+  white-space: nowrap;
+  font-size: 85%;
+  font-weight: bold;
+  margin-bottom: calc(var(--tmg-media-current-unit) / 4);
+}
+.tmg-media-limits-row-wrap,
+.tmg-media-limits-field,
+.tmg-media-smenu-footer-actions > button {
+  flex: 1;
+}
+.tmg-media-smenu-footer-actions > button {
+  text-align: center;
+}
+.tmg-media-smenu-limits-btn,
+.tmg-media-smenu-input-btn {
+  margin-top: calc(var(--tmg-media-current-unit) / 4);
+  border: 1px solid currentColor;
+  border-radius: calc(var(--tmg-media-current-unit));
+  font-size: 85%;
+  padding: calc(var(--tmg-media-current-unit) / 4) calc(var(--tmg-media-current-unit) / 2);
+}
+.tmg-host-container {
+  position: relative;
+  width: fit-content;
+  margin: auto;
+  color: var(--tmg-media-text-color);
+  font-family: var(--tmg-media-font-family);
+  border-radius: var(--tmg-media-border-radius);
+  isolation: isolate;
+  contain: layout style;
+}
+.tmg-host-container:where(.tmg-media-mobile) {
+  width: 100%;
+}
+.tmg-media-container {
+  perspective: calc(var(--tmg-media-current-unit) * 38.5);
+}
+.tmg-pseudo-media-container {
+  background: var(--tmg-media-background);
+}
+.tmg-pseudo-media-container.tmg-media-in-miniplayer::before {
+  content: "Playing in mini player";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: calc(var(--tmg-media-current-unit) / 1.5);
+  font-weight: 500;
+}
+.tmg-host-container:is(.tmg-media-fullscreen, .tmg-media-theater):where(:not(.tmg-media-miniplayer)) {
+  width: 100%;
+  border-radius: 0;
+}
+.tmg-host-container.tmg-media-theater:where(:not(.tmg-media-mobile)) {
+  --tmg-media-current-unit: var(--tmg-media-theater-unit);
+  --tmg-media-current-controls-column-gap: calc(var(--tmg-media-current-unit) / 1.4);
+}
+.tmg-host-container.tmg-media-fullscreen:where(:not(.tmg-media-mobile)) {
+  --tmg-media-current-unit: var(--tmg-media-fullscreen-unit);
+  --tmg-media-current-controls-column-gap: calc(var(--tmg-media-current-unit) / 1.2);
+}
+.tmg-media-container:is(.tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile) {
+  --tmg-media-current-buffer-thickness: calc(var(--tmg-media-current-unit) / 11);
+}
+.tmg-host-container:is(.tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile, [data-size-tier^=xx]) {
+  --tmg-media-current-big-controls-scale: 1;
+  --tmg-media-dbc-backdrop-width: 80%;
+}
+.tmg-media-container.tmg-media-miniplayer {
+  position: fixed;
+  bottom: clamp(var(--tmg-media-current-container-height) / 2, var(--tmg-media-current-miniplayer-y), 100% - var(--tmg-media-current-container-height) / 2);
+  left: clamp(var(--tmg-media-current-container-width) / 2, var(--tmg-media-current-miniplayer-x), 100% - var(--tmg-media-current-container-width) / 2);
+  translate: -50% 50%;
+  width: fit-content;
+  height: fit-content;
+  z-index: 2147483647;
+  touch-action: none;
+  transition: var(--tmg-media-motion-transition);
+  animation: tmg-miniplayer-enter var(--tmg-media-slow-transition-time) var(--tmg-media-bounce-timing);
+}
+.tmg-media-container.tmg-media-miniplayer:active,
+.tmg-media-captions-container:active {
+  transition: none;
+}
+body:where(:has(.tmg-media-floating-player)) {
+  font-family: system-ui, sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  background-color: black;
+  overflow: hidden;
+}
+.tmg-media-container.tmg-media-floating-player {
+  --tmg-media-border-radius: 0;
+  width: 100%;
+  height: 100dvh;
+}
+.tmg-media-container.tmg-media-floating-player {
+  --tmg-media-current-unit: var(--tmg-media-relative-unit);
+}
+:where(.tmg-host-container:not(.tmg-media-miniplayer).tmg-media-mobile) {
+  --tmg-media-border-radius: 0;
+}
+.tmg-media-container.tmg-media-mobile {
+  --tmg-media-current-timeline-thumb-scale: 1.3;
+  --tmg-media-current-touch-slider-height: calc(var(--tmg-media-current-unit) * 8.5);
+}
+.tmg-host-container:is([data-size-tier^=xxxx], .tmg-media-mobile, .tmg-media-no-previews) {
+  --tmg-media-timeline-previews-border-color: var(--tmg-media-timeline-no-previews-pointer-color);
+}
+.tmg-host-container[data-size-tier^=x] {
+  --tmg-media-current-unit: calc(var(--tmg-media-relative-unit) / 1.1);
+}
+.tmg-host-container[data-size-tier^=xx] {
+  --tmg-media-current-unit: var(--tmg-media-mobile-unit);
+}
+.tmg-host-container[data-size-tier^=xxx] {
+  --tmg-media-current-unit: var(--tmg-media-miniplayer-unit);
+}
+.tmg-host-container[data-size-tier^=xxxx] {
+  --tmg-media-current-unit: var(--tmg-media-mobile-miniplayer-unit);
+}
+.tmg-media-container:is(.tmg-media-overlay, :has(:focus-visible)):has(.tmg-media-top-controls-wrapper [data-displayed=true]) {
+  --tmg-media-current-safe-inset-top: var(--tmg-media-current-top-wrapper-height);
+}
+.tmg-media-container:is(.tmg-media-overlay, :has(:focus-visible)):has(.tmg-media-bottom-controls-wrapper [data-displayed=true]) {
+  --tmg-media-current-safe-inset-bottom: var(--tmg-media-current-bottom-wrapper-height);
+}
+.tmg-media-container:not(.tmg-media-settings-view):is(.tmg-media-overlay, :has(:focus-visible)):has(.tmg-media-top-controls-wrapper [data-displayed=true]) {
+  --tmg-media-current-global-safe-inset-top: var(--tmg-media-current-top-wrapper-height);
+}
+.tmg-media-container:not(.tmg-media-settings-view):is(.tmg-media-overlay, :has(:focus-visible)):has(.tmg-media-bottom-controls-wrapper [data-displayed=true]) {
+  --tmg-media-current-global-safe-inset-bottom: var(--tmg-media-current-bottom-wrapper-height);
+}
+.tmg-media-container:is(.tmg-media-overlay, :has(:focus-visible)),
+.tmg-media-top-curtain,
+.tmg-media-bottom-curtain {
+  --tmg-media-current-curtain-color: var(--tmg-media-curtain-color);
+}
+.tmg-media-container[data-curtain=cover].tmg-media-previewing,
+.tmg-media-container[data-curtain=cover] :is(.tmg-media-top-curtain, .tmg-media-bottom-curtain),
+.tmg-media-container:has(:is(.tmg-media-fast-play-notifier, .tmg-media-touch-vb-notifier).tmg-media-control-active) {
+  --tmg-media-current-curtain-color: transparent;
+}
+.tmg-media-container.tmg-media-previewing {
+  --tmg-media-current-timeline-thumb-scale: 1.35;
+}
+.tmg-media-container.tmg-media-mobile.tmg-media-previewing {
+  --tmg-media-current-timeline-thumb-scale: 1.5;
+}
+.tmg-host-container:has(.tmg-media-timeline-container.tmg-media-control-cancel-scrub) {
+  --tmg-media-current-timeline-thumb-scale: 1;
+}
+.tmg-media-container:is([data-timeline-thumb=false], [data-timeline-thumb=auto]:has(.tmg-media-timeline-container:not(:hover)), :not(.tmg-media-overlay, :has(:focus-visible, .tmg-media-fast-play-notifier.tmg-media-control-active)).tmg-media-progress-bar) {
+  --tmg-media-current-timeline-thumb-scale: 0;
+}
+.tmg-media-container:has(.tmg-media-notifier.tmg-media-control-persist) {
+  --tmg-media-notifiers-animation-time: var(--tmg-media-slow-transition-time);
+}
+.tmg-media-container.tmg-media-voice-listening .tmg-media-container-content-wrapper::after,
+.tmg-media-controls-container {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-color: transparent;
+  border-radius: inherit;
+}
+.tmg-media-container.tmg-media-voice-listening .tmg-media-container-content-wrapper::after {
+  content: "";
+  inset: 0;
+  pointer-events: none;
+  animation: tmg-voice-pulse var(--tmg-media-notifiers-animation-time) infinite alternate ease-in-out;
+}
+:where(.tmg-host) {
+  display: block;
+  aspect-ratio: var(--tmg-media-aspect-ratio);
+  border-radius: inherit;
+  width: 90dvw;
+  max-width: 700px;
+  max-height: 80lvh;
+  margin: auto;
+}
+:where(.tmg-host-container.tmg-media-mobile .tmg-host) {
+  width: 100%;
+  max-width: unset;
+}
+.tmg-host {
+  object-fit: var(--tmg-media-object-fit);
+  object-position: var(--tmg-media-object-position);
+  will-change: filter;
+}
+.tmg-pseudo-media {
+  visibility: hidden;
+}
+:is(.tmg-media, .tmg-media-filtered) {
+  filter: var(--tmg-media-filter);
+}
+:is(*:not(body):has(.tmg-host-container:is(.tmg-media-fullscreen, .tmg-media-theater)), #o#o#o#o#o) {
+  flex: 0 0 100%;
+  grid-column: 1/-1;
+  width: 100%;
+  max-width: unset;
+  max-height: unset;
+}
+.tmg-host-container.tmg-media-theater .tmg-host {
+  width: 100%;
+  max-width: unset;
+  max-height: 80lvh;
+}
+.tmg-host-container.tmg-media-fullscreen .tmg-host {
+  width: 100%;
+  height: 100%;
+  max-width: unset;
+  max-height: unset;
+}
+.tmg-host-container.tmg-media-miniplayer .tmg-host {
+  width: auto;
+  height: auto;
+  min-height: 150px;
+  min-width: 170px;
+  max-height: 35dvh;
+  max-width: min(400px, 50dvw);
+  aspect-ratio: var(--tmg-media-aspect-ratio);
+}
+.tmg-host-container.tmg-media-floating-player .tmg-host {
+  width: 100%;
+  height: 100%;
+  max-width: unset;
+  max-height: 100dvh;
+  min-height: unset;
+  min-width: unset;
+}
+.tmg-media-container:not(:has(.tmg-media-vb-slider:active, .tmg-media-touch-vb-notifier.tmg-media-control-active)) :is(.tmg-media, .tmg-media-filtered) {
+  transition: filter var(--tmg-media-settings-view-transition-time) ease;
+}
+.tmg-host-div,
+.tmg-host-content {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.tmg-host-content {
+  background: black;
+}
+:is(.tmg-host-content, .tmg-media-object) {
+  position: absolute;
+  top: var(--tmg-media-current-object-top);
+  left: var(--tmg-media-current-object-left);
+  width: var(--tmg-media-current-object-width);
+  height: var(--tmg-media-current-object-height);
+}
+.tmg-foreign-host {
+  width: 100%;
+  height: 100%;
+}
+.tmg-foreign-host[data-hide-ui] {
+  height: 1000%;
+}
+.tmg-media-big-controls-wrapper-cover,
+.tmg-media-buffer {
+  top: clamp(var(--cmptd-big-ctrl-scale-size) / 2, 100% - var(--tmg-media-current-bottom-wrapper-height) - var(--cmptd-big-ctrl-scale-size) / 2, 50%);
+}
+.tmg-media-big-controls-wrapper-cover {
+  max-width: 100%;
+}
+.tmg-media-big-controls-wrapper-cover,
+.tmg-media-container:is(.tmg-media-previewing, :has(.tmg-media-touch-timeline-notifier.tmg-media-control-active)) .tmg-media-big-controls-wrapper-cover {
+  display: none;
+}
+.tmg-media-container:is(.tmg-media-replay, .tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile) .tmg-media-big-controls-wrapper-cover,
+.tmg-media-big-controls-wrapper-cover:has(.tmg-media-big-controls-wrapper > :not(:where(button[class^=tmg-media-big-]))[data-displayed=true]),
+.tmg-media-container:has(.tmg-media-control-dragging:not([data-drag-id=wrapper])) .tmg-media-big-controls-wrapper-cover {
+  display: flex;
+}
+.tmg-media-container:is(.tmg-media-replay, .tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile) .tmg-media-big-controls-wrapper-cover {
+  display: flex;
+}
+.tmg-media-big-controls-wrapper {
+  max-width: 100%;
+  display: flex;
+  align-items: center;
+  gap: calc(var(--tmg-media-current-unit) * 2.75);
+  padding: var(--cmptd-ctrl-box-x-in-pad);
+}
+.tmg-media-big-controls-wrapper > * {
+  width: calc(var(--cmptd-big-ctrl-scale-size) / var(--tmg-media-large-scale));
+  height: calc(var(--cmptd-big-ctrl-scale-size) / var(--tmg-media-large-scale));
+  min-width: -webkit-fill-available;
+  min-width: fit-content;
+  flex-shrink: 0;
+  transition: none;
+}
+.tmg-media-big-controls-wrapper > .tmg-media-big-play-pause-btn {
+  width: var(--cmptd-big-ctrl-scale-size);
+  height: var(--cmptd-big-ctrl-scale-size);
+}
+.tmg-host-container[data-size-tier^=xxx] .tmg-media-big-controls-wrapper {
+  gap: calc(var(--tmg-media-current-unit) * 2.125);
+}
+.tmg-host-container[data-size-tier^=xxxx] .tmg-media-big-controls-wrapper {
+  gap: calc(var(--tmg-media-current-unit) * 1.5);
+}
+:is(.tmg-media-big-controls-wrapper, .tmg-media-notifiers-container) > * {
+  justify-content: center;
+  align-items: center;
+  background-color: var(--tmg-media-brand-complement-color);
+  border-radius: 50%;
+}
+.tmg-media-big-controls-wrapper > * {
+  background-color: var(--tmg-media-big-control-background-color);
+}
+.tmg-media-top-controls-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  justify-content: space-between;
+}
+:is(#o#o#o#o#o, .tmg-media-top-controls-wrapper, .tmg-media-top-controls-wrapper > :first-child) {
+  border-top-left-radius: inherit;
+}
+:is(#o#o#o#o#o, .tmg-media-top-controls-wrapper, .tmg-media-top-controls-wrapper > :last-child) {
+  border-top-right-radius: inherit;
+}
+.tmg-media-meta-wrapper,
+.tmg-media-timeline-container {
+  flex: 1 100 auto;
+}
+.tmg-media-meta-wrapper {
+  display: flex;
+  align-items: center;
+  min-width: 25%;
+  gap: calc(var(--tmg-media-current-controls-column-gap) / 1.5);
+  color: var(--tmg-media-text-color);
+  white-space: nowrap;
+}
+.tmg-media-top-controls-wrapper > .tmg-media-meta-wrapper {
+  align-self: start;
+  padding-block-end: 0;
+}
+.tmg-media-meta-wrapper:has(img[data-loaded=true]) {
+  min-width: 35%;
+}
+.tmg-media-meta-wrapper a:not([href]) {
+  cursor: text;
+}
+.tmg-media-meta-wrapper a:has(> img):not([href]) {
+  cursor: default;
+}
+.tmg-media-meta-wrapper a:not(:hover) {
+  text-decoration: none;
+}
+.tmg-media-profile-link {
+  flex-shrink: 0;
+  flex-grow: 0;
+  width: calc(var(--tmg-media-current-unit) * 1.5);
+  height: calc(var(--tmg-media-current-unit) * 1.5);
+  overflow: hidden;
+  border-radius: 50%;
+  background: black;
+}
+.tmg-media-profile {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.tmg-media-meta-text-wrapper-cover {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--tmg-media-current-unit) / 140);
+}
+.tmg-media-meta-text-wrapper-cover > * {
+  position: relative;
+  display: flex;
+  padding: calc(var(--tmg-media-current-unit) / 13);
+}
+.tmg-media-title {
+  position: relative;
+  color: currentColor;
+  font-weight: 700;
+  padding: 0 calc(0.15px + var(--tmg-media-current-unit) / 20) calc(0.15px + var(--tmg-media-current-unit) / 20) 0;
+}
+.tmg-media-container.tmg-media-miniplayer .tmg-media-title {
+  font-size: calc(var(--tmg-media-current-unit) / 1.45);
+}
+.tmg-media-title::before {
+  content: attr(data-media-title);
+  position: absolute;
+  z-index: -1;
+  color: transparent;
+  -webkit-text-stroke: 0.15px var(--tmg-media-brand-color);
+  transform: translate(calc(var(--tmg-media-current-unit) / 20), calc(var(--tmg-media-current-unit) / 20));
+}
+.tmg-media-artist {
+  color: rgb(from currentColor r g b/0.75);
+  font-weight: 500;
+}
+.tmg-media-apt-controls-wrapper:has(> :first-child [data-displayed=true]):has(> :last-child [data-displayed=true]) > .tmg-media-meta-wrapper .tmg-media-artist {
+  margin-inline: auto;
+}
+.tmg-media-profile-link:has(img[data-loaded=false]),
+.tmg-media-meta-text-wrapper-cover > *:has(a:empty),
+.tmg-media-container.tmg-media-miniplayer :is(.tmg-media-profile-link, .tmg-media-artist-wrapper) {
+  display: none;
+}
+.tmg-media-bottom-controls-wrapper {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+}
+:is(#o#o#o#o#o, .tmg-media-bottom-controls-wrapper, .tmg-media-bottom-controls-wrapper > :last-child, .tmg-media-bottom-controls-wrapper > :last-child > :first-child) {
+  border-bottom-left-radius: inherit;
+}
+:is(#o#o#o#o#o, .tmg-media-bottom-controls-wrapper, .tmg-media-bottom-controls-wrapper > :last-child, .tmg-media-bottom-controls-wrapper > :last-child > :last-child) {
+  border-bottom-right-radius: inherit;
+}
+.tmg-media-apt-controls-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.tmg-media-apt-controls-wrapper:where(:has(.tmg-media-center-side-controls-wrapper [data-displayed=true])),
+.tmg-media-apt-controls-wrapper:where(:has(> :first-child [data-displayed=true]):has(> :last-child [data-displayed=true])):has(> .tmg-media-meta-wrapper) {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+}
+[class*=tmg-media-side-controls-wrapper] {
+  min-width: var(--tmg-media-current-controls-column-gap);
+}
+[class*=tmg-media-side-controls-wrapper]:has([data-displayed=true]) {
+  min-width: var(--cmptd-ctrl-box-min-width);
+}
+.tmg-media-container:not(:has(.tmg-media-control-dragging)) [class*=tmg-media-center-side-controls-wrapper]:not(:has([data-displayed=true])) {
+  min-width: 0;
+}
+.tmg-media-top-controls-wrapper:has(> .tmg-media-meta-wrapper) .tmg-media-side-controls-wrapper-cover {
+  align-self: start;
+}
+.tmg-media-left-side-controls-wrapper-cover:not(:has([data-displayed=true])):has(+ .tmg-media-meta-wrapper),
+.tmg-media-center-side-controls-wrapper-cover:not(:has([data-displayed=true])) {
+  flex-grow: 0;
+}
+.tmg-media-side-controls-wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--tmg-media-current-controls-column-gap);
+}
+.tmg-media-left-side-controls-wrapper:has([data-displayed=true]) {
+  margin-inline-start: var(--cmptd-ctrl-box-out-nudge);
+}
+.tmg-media-right-side-controls-wrapper:has([data-displayed=true]) {
+  margin-inline-end: var(--cmptd-ctrl-box-out-nudge);
+}
+.tmg-media-meta-wrapper,
+.tmg-media-side-controls-wrapper {
+  padding-block: var(--cmptd-ctrl-box-y-in-pad);
+}
+.tmg-media-container:not(:has(.tmg-media-control-dragging)) .tmg-media-bottom-2-sub-controls-wrapper .tmg-media-side-controls-wrapper:not(:has(:focus-visible)) {
+  padding-block: 0;
+}
+.tmg-media-apt-controls-wrapper > :is(.tmg-media-meta-wrapper, .tmg-media-timeline-container):is(:first-child),
+.tmg-media-left-side-controls-wrapper:has([data-displayed=true]) {
+  padding-inline: var(--tmg-media-current-controls-column-gap) var(--cmptd-ctrl-box-x-in-pad);
+}
+.tmg-media-apt-controls-wrapper:has(> :first-child [data-displayed=true]):has(> :last-child [data-displayed=true]) > .tmg-media-meta-wrapper,
+.tmg-media-center-side-controls-wrapper:has([data-displayed=true]) {
+  justify-content: center;
+  padding-inline: var(--cmptd-ctrl-box-x-in-pad);
+}
+.tmg-media-apt-controls-wrapper > :is(.tmg-media-meta-wrapper, .tmg-media-timeline-container):is(:last-child),
+.tmg-media-right-side-controls-wrapper:has([data-displayed=true]) {
+  padding-inline: var(--cmptd-ctrl-box-x-in-pad) var(--tmg-media-current-controls-column-gap);
+}
+.tmg-media-right-side-controls-wrapper > [data-spacer=true] {
+  margin-inline-start: auto;
+}
+.tmg-media-poster {
+  z-index: 0;
+}
+.tmg-media-thumbnail {
+  z-index: 10;
+}
+.tmg-media-placeholder {
+  z-index: 20;
+}
+.tmg-media-notifiers-container {
+  z-index: 30;
+}
+.tmg-media-top-curtain,
+.tmg-media-bottom-curtain {
+  z-index: 40;
+}
+.tmg-media-captions-container {
+  z-index: 50;
+}
+.tmg-media-cover-curtain {
+  z-index: 60;
+}
+.tmg-media-big-controls-wrapper-cover,
+.tmg-media-buffer {
+  z-index: 70;
+}
+.tmg-media-top-controls-wrapper,
+.tmg-media-bottom-controls-wrapper {
+  z-index: 90;
+}
+.tmg-media-container.tmg-media-mobile .tmg-media-notifiers-container {
+  z-index: 80;
+}
+.tmg-media-menus-wrapper {
+  z-index: 100;
+}
+.tmg-media-title {
+  font-size: calc(var(--tmg-media-current-unit) / 1.4);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .tmg-media-title {
+  font-size: calc(var(--tmg-media-current-unit) / 1.325);
+}
+.tmg-media-artist {
+  font-size: calc(var(--tmg-media-current-unit) / 2);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .tmg-media-artist {
+  font-size: calc(var(--tmg-media-current-unit) / 1.925);
+}
+.tmg-media-control-text-btn,
+.tmg-media-preview-container::after,
+.tmg-media-smenu-overlay {
+  font-size: calc(var(--tmg-media-current-unit) / 1.85);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) :is(.tmg-media-control-text-btn, .tmg-media-smenu-overlay) {
+  font-size: calc(var(--tmg-media-current-unit) / 1.7);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .tmg-media-preview-container::after {
+  font-size: calc(var(--tmg-media-current-unit) / 1.65);
+}
+.tmg-media-vb-slider-wrapper::after {
+  font-size: calc(var(--tmg-media-current-unit) / 3);
+}
+.tmg-media-notifier-content,
+.tmg-media-touch-vb-content {
+  font-size: calc(var(--tmg-media-current-unit) / 2);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) :is(.tmg-media-notifier-content, .tmg-media-touch-vb-content) {
+  font-size: calc(var(--tmg-media-current-unit) / 1.65);
+}
+.tmg-media-top-text-notifier {
+  font-size: calc(var(--tmg-media-current-unit) / 2.4);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .tmg-media-top-text-notifier {
+  font-size: calc(var(--tmg-media-current-unit) / 1.65);
+}
+.tmg-media-touch-timeline-notifier {
+  font-size: calc(var(--tmg-media-current-unit) / 1.85);
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .tmg-media-touch-timeline-notifier {
+  font-size: calc(var(--tmg-media-current-unit) / 1.05);
+}
+:is(.tmg-media-fwd-notifier, .tmg-media-bwd-notifier)::after {
+  font-size: calc(var(--tmg-media-current-unit) / 4);
+}
+.tmg-host-container:is(.tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile, [data-size-tier^=xx]) :is(.tmg-media-fwd-notifier, .tmg-media-bwd-notifier)::after {
+  font-size: calc(var(--tmg-media-current-unit) / 2.3);
+}
+.tmg-media-poster {
+  object-fit: fill;
+  pointer-events: none;
+  transition-property: opacity, filter;
+  transition-timing-function: ease-in;
+}
+:is(.tmg-media-container:not(.tmg-media-poster-shown) .tmg-media-poster, .tmg-media-poster[data-loaded=false]) {
+  opacity: 0;
+  filter: var(--tmg-media-idle-filter);
+}
+.tmg-media-container[data-ready-tier^=xx] .tmg-media-poster {
+  transition-duration: var(--tmg-media-fade-transition-time);
+}
+.tmg-media-placeholder {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: calc(var(--tmg-media-current-unit) / 2);
+  background: var(--tmg-media-background);
+  border-radius: inherit;
+}
+.tmg-media-placeholder::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  filter: var(--tmg-media-idle-filter);
+  background: var(--tmg-media-current-poster-url) center/var(--tmg-media-bg-object-fit) no-repeat, var(--tmg-media-background);
+}
+.tmg-media-placeholder p {
+  text-align: center;
+  font-size: calc(var(--tmg-media-current-unit) / 1.5);
+  font-weight: 500;
+}
+.tmg-media-container.tmg-media-picture-in-picture .tmg-media-picture-in-picture-placeholder,
+.tmg-pseudo-media-container.tmg-media-in-floating-player .tmg-media-picture-in-picture-placeholder,
+.tmg-media-container.tmg-media-cast .tmg-media-cast-placeholder,
+.tmg-media-container.tmg-media-airplay .tmg-media-airplay-placeholder {
+  display: flex;
+}
+.tmg-media-placeholder-icon-btn {
+  width: fit-content;
+  max-width: 25%;
+  display: flex;
+  cursor: pointer;
+}
+.tmg-media-placeholder-icon-btn > svg {
+  width: calc(var(--tmg-media-current-unit) * 3);
+  height: calc(var(--tmg-media-current-unit) * 3);
+}
+.tmg-media-pip-icon-background,
+.tmg-media-cast-icon-background,
+.tmg-media-airplay-icon-background {
+  color: var(--tmg-media-theme-color);
+  stroke: var(--tmg-media-theme-inverse-accent-color);
+}
+.tmg-media-pip-icon-content-background,
+.tmg-media-cast-icon-content-background,
+.tmg-media-airplay-icon-content-background,
+.tmg-media-cast-icon-tv-base,
+.tmg-media-airplay-icon-arrow {
+  color: var(--tmg-media-theme-inverse-color);
+}
+.tmg-media-pip-icon-content-backdrop,
+.tmg-media-cast-icon-content-backdrop,
+.tmg-media-airplay-icon-content-backdrop {
+  color: var(--tmg-media-theme-accent-color);
+}
+.tmg-media-pip-icon-timeline-base {
+  color: var(--tmg-media-theme-inverse-accent-color);
+}
+.tmg-media-pip-icon-content,
+.tmg-media-pip-icon-timeline-progress,
+.tmg-media-pip-icon-timeline-thumb,
+.tmg-media-cast-icon-content,
+.tmg-media-cast-icon-waves-fill,
+.tmg-media-cast-icon-waves-stroke,
+.tmg-media-airplay-icon-content {
+  color: var(--tmg-media-brand-color);
+}
+.tmg-media-curtain {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  pointer-events: none;
+}
+.tmg-media-top-curtain,
+.tmg-media-bottom-curtain {
+  background:
+    linear-gradient(
+      var(--tmg-media-current-curtain-gradient-dir),
+      var(--tmg-media-current-curtain-color),
+      transparent);
+}
+.tmg-media-top-curtain {
+  --tmg-media-current-curtain-gradient-dir: to bottom;
+  top: 0;
+  min-height: max(var(--tmg-media-current-unit) * 2.25, var(--tmg-media-current-top-wrapper-height));
+  aspect-ratio: 10/1;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+.tmg-media-bottom-curtain {
+  --tmg-media-current-curtain-gradient-dir: to top;
+  bottom: 0;
+  min-height: max(var(--tmg-media-current-unit) * 2.25, var(--tmg-media-current-bottom-wrapper-height));
+  aspect-ratio: 6/1;
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+.tmg-media-container[data-curtain=none] .tmg-media-curtain,
+.tmg-media-top-controls-wrapper:not(:has(.tmg-media-meta-text:not(:empty), [data-displayed=true])) ~ .tmg-media-top-curtain,
+.tmg-media-bottom-controls-wrapper:not(:has(.tmg-media-meta-text:not(:empty), [data-displayed=true])) ~ .tmg-media-bottom-curtain {
+  display: none;
+}
+.tmg-media-cover-curtain {
+  top: 0;
+  height: 100%;
+  border-radius: inherit;
+}
+.tmg-media-container[data-curtain=cover] .tmg-media-cover-curtain {
+  background-color: var(--tmg-media-current-curtain-color);
+  transition: background-color var(--tmg-media-fade-transition-time) ease-in-out;
+}
+.tmg-media-captions-container {
+  --f-f: var(--cmptd-cue-font-factor);
+  --cmptd-cue-font-size: calc(var(--tmg-media-captions-font-size-base) * var(--f-f));
+  --cmptd-cue-box-floor: calc(var(--tmg-media-current-captions-offset-bottom) + (var(--tmg-media-current-captions-container-height) / 2));
+  --cmptd-cue-box-ceil: calc(100% - (var(--tmg-media-current-captions-offset-top) + (var(--tmg-media-current-captions-container-height) / 2)));
+  display: none;
+  position: absolute;
+  bottom: clamp(min(100% - var(--tmg-media-current-captions-container-height) / 2, var(--cmptd-cue-box-floor)), var(--tmg-media-current-captions-y), var(--cmptd-cue-box-ceil));
+  left: clamp(var(--tmg-media-current-captions-container-width) / 2, var(--tmg-media-current-captions-x), 100% - var(--tmg-media-current-captions-container-width) / 2);
+  translate: -50% 50%;
+  max-height: max(0.4em + 5px + var(--cmptd-cue-font-size) * 1.4, 100% - (var(--tmg-media-current-captions-offset-top) + var(--tmg-media-current-captions-offset-bottom)));
+  padding: 0.2em 1em;
+  font-size: var(--cmptd-cue-font-size);
+  overflow-y: auto;
+  background: rgb(from var(--tmg-media-captions-window-color) r g b/var(--tmg-media-captions-window-opacity));
+  touch-action: none;
+  contain: layout;
+  transition: var(--tmg-media-motion-transition);
+}
+.tmg-media-container:where(.tmg-media-captions, .tmg-media-captions-preview) .tmg-media-captions-container:not(:empty, :has(> :empty)) {
+  display: block;
+}
+.tmg-media-container:not(.tmg-media-captions-dragging, .tmg-media-mobile) {
+  --tmg-media-current-captions-offset-top: var(--tmg-media-current-safe-inset-top);
+  --tmg-media-current-captions-offset-bottom: var(--tmg-media-current-safe-inset-bottom);
+}
+.tmg-media-container.tmg-media-locked:is(.tmg-media-locked-overlay, :has(:focus-visible)) {
+  --tmg-media-current-captions-offset-bottom: calc(var(--tmg-media-current-unit) * 5);
+}
+.tmg-media-captions-text {
+  display: inline-block;
+  color: rgb(from var(--tmg-media-captions-font-color) r g b/var(--tmg-media-captions-font-opacity));
+  font-family: var(--tmg-media-captions-font-family);
+  font-weight: var(--tmg-media-captions-font-weight);
+  font-variant: var(--tmg-media-captions-font-variant);
+  white-space: nowrap;
+  padding: 2.5px;
+  background: rgb(from var(--tmg-media-captions-background-color) r g b/var(--tmg-media-captions-background-opacity));
+}
+.tmg-media-captions-text-alignment-left .tmg-media-captions-container {
+  text-align: left;
+}
+.tmg-media-captions-text-alignment-center .tmg-media-captions-container {
+  text-align: center;
+}
+.tmg-media-captions-text-alignment-right .tmg-media-captions-container {
+  text-align: right;
+}
+.tmg-media-captions-character-edge-style-drop-shadow .tmg-media-captions-container {
+  text-shadow:
+    calc(1px * var(--f-f)) calc(1px * var(--f-f)) calc(1.5px * var(--f-f)) rgb(34, 34, 34),
+    calc(1px * var(--f-f)) calc(1px * var(--f-f)) calc(2px * var(--f-f)) rgb(34, 34, 34),
+    calc(1px * var(--f-f)) calc(1px * var(--f-f)) calc(2.5px * var(--f-f)) rgb(34, 34, 34);
+}
+.tmg-media-captions-character-edge-style-raised .tmg-media-captions-container {
+  text-shadow: calc(1px * var(--f-f)) calc(1px * var(--f-f)) rgb(34, 34, 34);
+}
+.tmg-media-captions-character-edge-style-depressed .tmg-media-captions-container {
+  text-shadow: calc(1px * var(--f-f)) calc(1px * var(--f-f)) rgb(204, 204, 204), calc(-1px * var(--f-f)) calc(-1px * var(--f-f)) rgb(34, 34, 34);
+}
+.tmg-media-captions-character-edge-style-outline .tmg-media-captions-container {
+  --s-s: 0 0 calc(1px * var(--f-f)) rgb(34, 34, 34);
+  text-shadow:
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s),
+    var(--s-s);
+}
+.tmg-media-captions-container [data-part=timed][data-future] {
+  opacity: 0.5;
+}
+.tmg-media-range-container {
+  position: relative;
+  inline-size: 100%;
+  block-size: calc(var(--tmg-media-range-track-block-size) * 2);
+  display: flex;
+  align-items: center;
+  touch-action: none;
+  cursor: pointer;
+  container-type: size;
+}
+:where(.tmg-media-range-container, .tmg-media-container input[type=range]):not([readonly]):active {
+  cursor: grabbing;
+}
+.tmg-media-range-bars-wrapper,
+.tmg-media-range-marks-wrapper,
+.tmg-media-range-bar {
+  position: absolute;
+  inset-inline-start: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  pointer-events: none;
+}
+.tmg-media-range-bars-wrapper,
+.tmg-media-range-marks-wrapper,
+.tmg-media-container input[type=range] {
+  block-size: var(--tmg-media-range-track-block-size);
+  border-radius: inherit;
+}
+.tmg-media-range-bars-wrapper {
+  block-size: var(--tmg-media-range-track-block-size);
+  display: flex;
+}
+.tmg-media-range-bars-wrapper,
+.tmg-media-range-chunk {
+  transition: transform var(--tmg-media-switch-transition-time) var(--tmg-media-bounce-timing);
+}
+.tmg-media-container:not(.tmg-media-mobile) .tmg-media-range-container.tmg-media-control-previewing .tmg-media-range-bars-wrapper {
+  transform: scaleY(1.5);
+}
+.tmg-media-range-bar {
+  background-size: calc(var(--tmg-media-current-range-pos) * 100cqw) 100% !important;
+  background-position-x: calc(var(--tmg-media-current-chunk-st) * -100cqw) !important;
+  background-repeat: no-repeat !important;
+  transition: opacity var(--tmg-media-fade-transition-time) ease-in-out;
+}
+.tmg-media-range-bar:not(.tmg-media-range-base-bar) {
+  inline-size: 0;
+}
+.tmg-media-range-base-bar {
+  background: var(--tmg-media-range-track-base-color);
+}
+.tmg-media-range-value-bar {
+  background: var(--tmg-media-range-track-color);
+}
+.tmg-media-range-preview-bar {
+  opacity: 0;
+  background: var(--tmg-media-range-track-preview-color);
+}
+.tmg-media-range-container.tmg-media-control-previewing:not(.tmg-media-control-scrubbing) .tmg-media-range-preview-bar {
+  opacity: 1;
+}
+.tmg-media-range-thumb {
+  position: absolute;
+  inset-block-start: 50%;
+  cursor: grab;
+  border-radius: 50%;
+  translate: -50% -50%;
+  transition: transform var(--tmg-media-switch-transition-time) var(--tmg-media-bounce-timing);
+}
+:where(.tmg-media-range-container.tmg-media-control-previewing) .tmg-media-range-thumb {
+  transform: scale(1.15);
+}
+:where(.tmg-media-range-container.tmg-media-control-cancel-scrub) .tmg-media-range-thumb {
+  transform: scale(0.7);
+}
+.tmg-media-range-thumb,
+.tmg-media-container input::-webkit-slider-thumb {
+  inline-size: var(--tmg-media-range-thumb-size);
+  block-size: var(--tmg-media-range-thumb-size);
+  background: var(--tmg-media-range-thumb-background);
+}
+.tmg-media-container input::-moz-range-thumb {
+  inline-size: var(--tmg-media-range-thumb-size);
+  block-size: var(--tmg-media-range-thumb-size);
+  background: var(--tmg-media-range-thumb-background);
+}
+.tmg-media-container input[type=range] {
+  -webkit-appearance: none;
+  appearance: none;
+}
+.tmg-media-container input::-webkit-slider-runnable-track,
+.tmg-media-container input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+}
+.tmg-media-container input::-moz-range-track,
+.tmg-media-container input::-moz-range-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  border: none;
+}
+.tmg-media-range-container:is(:active, :focus-visible, .tmg-media-control-scrubbing) .tmg-media-range-thumb,
+.tmg-media-container input:is(:active, :focus-visible)::-webkit-slider-thumb {
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 0 calc(var(--tmg-media-current-unit) / 10) var(--t007-ripple-color);
+}
+.tmg-media-container input:is(:active, :focus-visible, .tmg-media-control-scrubbing)::-moz-slider-thumb {
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 0 calc(var(--tmg-media-current-unit) / 10) var(--t007-ripple-color);
+}
+.tmg-media-range-container[readonly] .tmg-media-range-thumb,
+.tmg-media-container input[readonly]::-webkit-slider-thumb {
+  display: none;
+}
+.tmg-media-range-container,
+.tmg-media-container input[type=range] {
+  border-radius: calc(var(--tmg-media-range-track-block-size) / 2);
+}
+.tmg-media-range-chunk:first-child {
+  border-start-start-radius: calc(var(--tmg-media-range-track-block-size) / 2);
+  border-end-start-radius: calc(var(--tmg-media-range-track-block-size) / 2);
+}
+.tmg-media-range-chunk:last-child {
+  border-start-end-radius: calc(var(--tmg-media-range-track-block-size) / 2);
+  border-end-end-radius: calc(var(--tmg-media-range-track-block-size) / 2);
+}
+.tmg-media-range-chunk {
+  position: relative;
+  block-size: 100%;
+  overflow: hidden;
+  pointer-events: auto;
+  background-clip: padding-box;
+}
+.tmg-media-range-chunk:not(:last-child) {
+  border-inline-end: var(--tmg-media-range-divs-gap) solid transparent;
+}
+.tmg-media-range-container.tmg-media-control-previewing .tmg-media-range-bars-wrapper:has(> * + *) :where(.tmg-media-range-chunk.tmg-media-chunk-preview-active) {
+  transform: scaleY(1.667);
+}
+.tmg-media-range-marks-wrapper {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.tmg-media-range-mark {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 100%;
+  opacity: 0.95;
+  transform: scaleY(0.5);
+  border: 0.01px solid rgb(from var(--tmg-media-brand-inverse-color) r g b/0.75);
+  background: var(--tmg-media-range-mark-background);
+  pointer-events: auto;
+}
+.tmg-media-range-step-mark {
+  transform: translateX(-50%) scaleY(0.5);
+  border: none;
+}
+.tmg-media-range-tooltip,
+.tmg-media-range-tooltip::after {
+  position: absolute;
+  inset-inline-start: 50%;
+  transform: translateX(-50%);
+  font-size: calc(var(--tmg-media-range-thumb-size) / 1.2);
+}
+.tmg-media-range-tooltip {
+  inset-block-end: calc(100% + var(--tmg-media-current-unit) / 5);
+  min-inline-size: calc(var(--tmg-media-current-unit) / 1.5);
+  padding-inline: calc(var(--tmg-media-current-unit) / 13);
+  color: var(--tmg-media-theme-inverse-color);
+  font-weight: 700;
+  text-align: center;
+  border-radius: var(--tmg-media-current-unit);
+  background: var(--tmg-media-current-control-color);
+  white-space: pre;
+}
+.tmg-media-range-tooltip::after {
+  content: "";
+  inset-block-start: 90%;
+  border-width: calc(var(--tmg-media-current-unit) / 5);
+  border-style: solid;
+  border-color: var(--tmg-media-current-control-color) transparent transparent transparent;
+}
+.tmg-media-range-container:not([data-tooltip]) .tmg-media-range-tooltip,
+.tmg-media-range-container:not(.tmg-media-control-active, :hover, :focus-visible) .tmg-media-range-tooltip {
+  display: none;
+}
+.tmg-media-buffer {
+  width: calc(var(--tmg-media-big-controls-size) + var(--tmg-media-current-buffer-thickness) * 1.75);
+  height: calc(var(--tmg-media-big-controls-size) + var(--tmg-media-current-buffer-thickness) * 1.75);
+  transform: scale(var(--tmg-media-large-scale));
+  pointer-events: none;
+}
+.tmg-media-container:is(:not(.tmg-media-buffering), [data-buffer=false]) .tmg-media-buffer,
+.tmg-media-container:has(.tmg-foreign-host, .tmg-media-notifier.tmg-media-control-persist, :is(.tmg-media-fast-play-notifier, .tmg-media-touch-vb-notifier, .tmg-media-touch-timeline-notifier).tmg-media-control-active) .tmg-media-buffer {
+  display: none;
+}
+.tmg-media-buffer-accent {
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  border-style: solid;
+  border-width: var(--tmg-media-current-buffer-thickness);
+  border-color: var(--tmg-media-buffer-base-color) var(--tmg-media-buffer-color) var(--tmg-media-buffer-base-color) var(--tmg-media-buffer-base-color);
+  opacity: 0.9;
+  animation: tmg-spin var(--tmg-media-buffer-animation-time) infinite linear;
+}
+.tmg-media-container[data-buffer=accent] .tmg-media-buffer-accent {
+  display: block;
+}
+.tmg-media-buffer-eclipse {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  animation: tmg-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, tmg-spin 1568ms linear infinite;
+}
+.tmg-media-container[data-buffer=accent] .tmg-media-buffer-eclipse {
+  display: none;
+}
+.tmg-media-buffer-left,
+.tmg-media-buffer-right {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+.tmg-media-buffer-left {
+  right: 49%;
+}
+.tmg-media-buffer-right {
+  left: 49%;
+}
+.tmg-media-buffer-circle {
+  position: absolute;
+  width: 200%;
+  height: 100%;
+  border-style: solid;
+  border-color: var(--tmg-media-buffer-color);
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  border-width: var(--tmg-media-current-buffer-thickness);
+}
+.tmg-media-buffer-left .tmg-media-buffer-circle {
+  left: 0;
+  right: -100%;
+  border-inline-end-color: transparent;
+  animation: tmg-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+}
+.tmg-media-buffer-right .tmg-media-buffer-circle {
+  left: -100%;
+  right: 0;
+  border-inline-start-color: transparent;
+  animation: tmg-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 0.1) infinite both;
+}
+.tmg-media-container .tmg-media-container-content {
+  color: var(--tmg-media-current-control-color);
+}
+.tmg-media-container-content svg {
+  color: currentColor;
+}
+.tmg-media-container-content button:is(:hover, :focus-visible) {
+  --tmg-media-current-control-color: var(--tmg-media-control-active-color);
+}
+:is(.tmg-media-side-controls-wrapper button, .tmg-media-control-btn) {
+  background: var(--tmg-media-control-background);
+  border-radius: var(--tmg-media-control-border-radius);
+  padding: var(--tmg-media-control-padding);
+  transition-property: background-color, scale;
+  transition-duration: var(--tmg-media-fade-transition-time);
+  transition-timing-function: ease;
+}
+:is(.tmg-media-side-controls-wrapper button, .tmg-media-control-btn):is(:hover, :focus-visible) {
+  background: var(--tmg-media-control-active-background);
+}
+:is(.tmg-media-side-controls-wrapper button, .tmg-media-control-btn):has(svg):active {
+  scale: var(--tmg-media-control-active-scale);
+}
+.tmg-media-vb-container.tmg-media-control-dragging > *:not(.tmg-media-vb-btn),
+.tmg-media-container:not(.tmg-media-miniplayer) :is(.tmg-media-miniplayer-remove-btn, .tmg-media-miniplayer-expand-btn),
+.tmg-media-container:is(.tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-fullscreen) .tmg-media-theater-btn,
+.tmg-media-container:is(.tmg-media-miniplayer, .tmg-media-floating-player) .tmg-media-apt-controls-wrapper :is(.tmg-media-prev-btn, .tmg-media-play-pause-btn, .tmg-media-next-btn),
+.tmg-media-container.tmg-media-picture-in-picture :is(.tmg-media-cover-curtain, button:has(.tmg-media-play-icon, .tmg-media-pause-icon, .tmg-media-prev-icon, .tmg-media-next-icon), .tmg-media-brightness-container, .tmg-media-buffer, .tmg-media-object-fit-btn),
+.tmg-host-container[data-size-tier^=xxxxx] :is(.tmg-media-profile-link, .tmg-media-artist-wrapper, .tmg-media-bottom-controls-wrapper:not(:hover) .tmg-media-timeline-thumb, .tmg-media-side-controls-wrapper > *:not(.tmg-media-play-pause-btn, .tmg-media-next-btn, .tmg-media-prev-btn, .tmg-media-captions-btn:not(.tmg-media-control-disabled), .tmg-media-fullscreen-btn, .tmg-media-volume-container, .tmg-media-time-btn, .tmg-media-duration-btn, .tmg-media-time-and-duration-btn)),
+.tmg-media-container:has([data-notify^=playbackrate], [data-notify^=volume], [data-notify^=brightness], [data-notify^=objectfit], [data-notify=capture], [data-notify=cast], [data-notify=airplay], [data-notify=timer]) :is(.tmg-media-big-controls-wrapper-cover, .tmg-media-buffer) {
+  display: none;
+}
+.tmg-media-container.tmg-media-paused .tmg-media-pause-icon,
+.tmg-media-container:not(.tmg-media-paused) .tmg-media-play-icon,
+.tmg-media-container:not(.tmg-media-replay) .tmg-media-replay-icon,
+.tmg-media-container.tmg-media-replay :is(.tmg-media-pause-icon, .tmg-media-play-icon),
+.tmg-media-container.tmg-media-fullscreen .tmg-media-enter-fullscreen-icon,
+.tmg-media-container:not(.tmg-media-fullscreen) .tmg-media-leave-fullscreen-icon,
+.tmg-media-container.tmg-media-theater .tmg-media-enter-theater-icon,
+.tmg-media-container:not(.tmg-media-theater) .tmg-media-leave-theater-icon,
+.tmg-media-container[data-track-kind=subtitles] .tmg-media-captions-icon,
+.tmg-media-container:not([data-track-kind=subtitles]) .tmg-media-subtitles-icon,
+.tmg-media-container:is(.tmg-media-picture-in-picture, .tmg-media-floating-player) .tmg-media-enter-picture-in-picture-icon,
+.tmg-media-container:not(.tmg-media-picture-in-picture, .tmg-media-floating-player) .tmg-media-leave-picture-in-picture-icon,
+.tmg-media-container:not(.tmg-media-is-live) :is(.tmg-media-time-btn, .tmg-media-time-and-duration-btn) .tmg-media-live-badge,
+.tmg-media-container.tmg-media-is-live :is(.tmg-media-time-btn, .tmg-media-time-and-duration-btn) > *:not(.tmg-media-live-badge),
+:is(.tmg-media-object-fit-contain-icon, .tmg-media-object-fit-cover-icon, .tmg-media-object-fit-fill-icon, .tmg-media-volume-high-icon, .tmg-media-volume-low-icon, .tmg-media-volume-muted-icon, .tmg-media-brightness-high-icon, .tmg-media-brightness-low-icon, .tmg-media-brightness-dark-icon) {
+  display: none;
+}
+.tmg-media-container[data-object-fit=contain] .tmg-media-object-fit-cover-icon,
+.tmg-media-container[data-object-fit=cover] .tmg-media-object-fit-fill-icon,
+.tmg-media-container[data-object-fit=fill] .tmg-media-object-fit-contain-icon,
+.tmg-media-container:is([data-volume-level=boost], [data-volume-level=high]) .tmg-media-volume-high-icon,
+.tmg-media-container[data-volume-level=low] .tmg-media-volume-low-icon,
+.tmg-media-container[data-volume-level=muted] .tmg-media-volume-muted-icon,
+.tmg-media-container:is([data-brightness-level=boost], [data-brightness-level=high]) .tmg-media-brightness-high-icon,
+.tmg-media-container[data-brightness-level=low] .tmg-media-brightness-low-icon,
+.tmg-media-container[data-brightness-level=dark] .tmg-media-brightness-dark-icon {
+  display: block;
+}
+.tmg-media-control-text-btn,
+.tmg-media-playback-rate-btn {
+  gap: 0.5ch;
+  min-height: var(--tmg-media-current-unit);
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+.tmg-media-playback-rate-btn {
+  max-width: calc(var(--tmg-media-current-unit) * 2);
+}
+.tmg-media-container.tmg-media-scrubbing .tmg-media-current-time,
+.tmg-media-playback-rate-btn {
+  font-weight: 500;
+}
+.tmg-media-live-badge::before {
+  --pulse-color: #757575;
+  content: "";
+  display: inline-block;
+  width: 0.8ch;
+  height: 0.8ch;
+  border-radius: 50%;
+  background-color: var(--pulse-color);
+  margin-right: 0.7ch;
+  vertical-align: 4%;
+}
+.tmg-media-live-badge.tmg-media-control-live::before {
+  --pulse-color: red;
+}
+.tmg-media-container:not(.tmg-media-paused) .tmg-media-live-badge::before {
+  animation: tmg-live-pulse 2s infinite ease-in-out;
+}
+.tmg-media-captions-btn {
+  position: relative;
+}
+.tmg-media-captions-btn::after {
+  content: "";
+  top: 49%;
+  left: 49%;
+  z-index: -1;
+  height: calc(var(--tmg-media-current-unit) / 1.75);
+  width: calc(var(--tmg-media-current-unit) / 1.275);
+  background-color: var(--tmg-media-brand-color);
+  transform: scale(0, 1);
+  transform-origin: left;
+  transition: transform var(--tmg-media-slow-transition-time) ease;
+}
+.tmg-media-container.tmg-media-captions .tmg-media-captions-btn::after {
+  transform: scale(1, 1);
+}
+.tmg-media-vb-container {
+  --tmg-media-range-divs-gap: calc(var(--tmg-media-current-unit) / 13);
+  display: flex;
+  align-items: center;
+}
+.tmg-media-right-side-controls-wrapper .tmg-media-vb-container {
+  flex-direction: row-reverse;
+}
+.tmg-media-vb-slider-wrapper {
+  position: relative;
+  inline-size: 0;
+  block-size: var(--tmg-media-current-unit);
+  display: flex;
+  align-items: center;
+  clip-path: inset(0);
+  transition: inline-size var(--tmg-media-fade-transition-time) ease-out, clip-path var(--tmg-media-fade-transition-time) ease-out;
+}
+.tmg-media-left-side-controls-wrapper .tmg-media-vb-slider-wrapper {
+  inset-inline-start: calc(var(--tmg-media-current-unit) / 3);
+}
+.tmg-media-right-side-controls-wrapper .tmg-media-vb-slider-wrapper {
+  inset-inline-end: calc(var(--tmg-media-current-unit) / 3);
+}
+.tmg-media-container.tmg-media-mobile .tmg-media-vb-slider-wrapper {
+  display: none;
+}
+.tmg-media-vb-slider-wrapper:has(.tmg-media-control-active, :focus-visible) {
+  clip-path: inset(calc(var(--tmg-media-current-unit) * -1));
+}
+.tmg-media-vb-slider-wrapper:has(.tmg-media-control-active, :focus-visible),
+.tmg-media-vb-slider {
+  inline-size: calc(var(--tmg-media-current-unit) * 2);
+}
+.tmg-media-touch-vb-slider {
+  background:
+    linear-gradient(
+      var(--tmg-media-current-slider-gradient-dir),
+      var(--tmg-media-range-track-color) calc(var(--tmg-media-current-slider-position) * 100%),
+      var(--tmg-media-range-track-base-color) 0%);
+}
+.tmg-media-container.tmg-media-volume-boost .tmg-media-touch-volume-slider,
+.tmg-media-container.tmg-media-brightness-boost .tmg-media-touch-brightness-slider {
+  background:
+    linear-gradient(
+      var(--tmg-media-current-slider-gradient-dir),
+      var(--tmg-media-range-track-color) calc(var(--tmg-media-current-slider-position) * var(--tmg-media-range-track-percent) * 1%),
+      var(--tmg-media-range-track-boost-color) calc(var(--tmg-media-range-track-boost-percent) * 1%),
+      var(--tmg-media-range-track-boost-color) calc(var(--tmg-media-range-track-boost-percent) * 1% + var(--tmg-media-current-slider-boost-position) * (100% - var(--tmg-media-range-track-boost-percent) * 1%)),
+      transparent 0%),
+    linear-gradient(
+      var(--tmg-media-current-slider-gradient-dir),
+      var(--tmg-media-range-track-base-color) calc(var(--tmg-media-range-track-percent) * 1%),
+      var(--tmg-media-range-track-base-boost-color) 0%);
+}
+.tmg-media-touch-volume-slider {
+  --tmg-media-range-track-percent: var(--tmg-media-volume-slider-percent);
+  --tmg-media-current-slider-position: var(--tmg-media-current-volume-slider-position);
+  --tmg-media-range-track-boost-percent: var(--tmg-media-volume-slider-boost-percent);
+  --tmg-media-current-slider-boost-position: var(--tmg-media-current-volume-slider-boost-position);
+}
+.tmg-media-touch-brightness-slider {
+  --tmg-media-range-track-percent: var(--tmg-media-brightness-slider-percent);
+  --tmg-media-current-slider-position: var(--tmg-media-current-brightness-slider-position);
+  --tmg-media-range-track-boost-percent: var(--tmg-media-brightness-slider-boost-percent);
+  --tmg-media-current-slider-boost-position: var(--tmg-media-current-brightness-slider-boost-position);
+}
+.tmg-media-container.tmg-media-volume-boost .tmg-media-vb-slider-wrapper .tmg-media-range-chunk:last-child .tmg-media-range-value-bar,
+.tmg-media-container.tmg-media-brightness-boost .tmg-media-vb-slider-wrapper .tmg-media-range-chunk:last-child .tmg-media-range-value-bar {
+  background-color: var(--tmg-media-range-track-boost-color);
+}
+.tmg-media-container.tmg-media-volume-boost .tmg-media-vb-slider-wrapper .tmg-media-range-chunk:last-child .tmg-media-range-base-bar,
+.tmg-media-container.tmg-media-brightness-boost .tmg-media-vb-slider-wrapper .tmg-media-range-chunk:last-child .tmg-media-range-base-bar {
+  background-color: var(--tmg-media-range-track-base-boost-color);
+}
+.tmg-media-container.tmg-media-volume-boost .tmg-media-vb-slider-wrapper .tmg-media-range-chunk:last-child .tmg-media-range-preview-bar,
+.tmg-media-container.tmg-media-brightness-boost .tmg-media-vb-slider-wrapper .tmg-media-range-chunk:last-child .tmg-media-range-preview-bar {
+  background-color: var(--tmg-media-range-track-preview-boost-color);
+}
+.tmg-media-timeline-container {
+  inline-size: calc(100% - var(--tmg-media-current-safe-inset-x));
+  z-index: 3;
+}
+.tmg-media-container:not(.tmg-media-overlay, :has(:focus-visible, .tmg-media-fast-play-notifier.tmg-media-control-active)).tmg-media-progress-bar .tmg-media-timeline-container,
+.tmg-media-container[data-size-tier^=xxxxx] .tmg-media-bottom-controls-wrapper:not(:hover) .tmg-media-timeline-container {
+  position: absolute;
+  inset-block-end: 0.1px;
+  inline-size: 100%;
+  block-size: var(--tmg-media-range-track-block-size);
+  margin-inline: 0;
+  border-radius: 0;
+}
+.tmg-media-container:not(.tmg-media-overlay, :has(:focus-visible, .tmg-media-fast-play-notifier.tmg-media-control-active)).tmg-media-progress-bar .tmg-media-timeline-container {
+  opacity: var(--tmg-media-progress-bar-opacity);
+  pointer-events: none;
+}
+.tmg-media-timeline-container.tmg-media-range-container.tmg-media-control-compact .tmg-media-timeline-bars-wrapper.tmg-media-range-bars-wrapper {
+  transform: scaleY(1.2);
+}
+.tmg-media-timeline-base-bar {
+  background: var(--tmg-media-timeline-base-bar-background);
+}
+.tmg-media-timeline-buffered-bar {
+  background: var(--tmg-media-timeline-buffered-bar-background);
+}
+.tmg-media-container:not(.tmg-media-overlay, :has(:focus-visible, .tmg-media-fast-play-notifier.tmg-media-control-active)).tmg-media-progress-bar .tmg-media-timeline-buffered-bar {
+  display: none;
+}
+.tmg-media-timeline-preview-bar {
+  background: var(--tmg-media-timeline-preview-bar-background);
+}
+.tmg-media-container.tmg-media-scrubbing .tmg-media-timeline-container.tmg-media-control-compact .tmg-media-timeline-preview-bar {
+  display: none;
+}
+.tmg-media-timeline-played-bar {
+  background: var(--tmg-media-timeline-played-bar-background);
+}
+.tmg-media-container.tmg-media-ads-view .tmg-media-timeline-played-bar {
+  background: var(--tmg-media-timeline-played-bar-ads-background);
+}
+.tmg-media-container:not(.tmg-media-overlay, :has(:focus-visible, .tmg-media-fast-play-notifier.tmg-media-control-active)).tmg-media-progress-bar .tmg-media-timeline-played-bar {
+  background: var(--tmg-media-progress-bar-background);
+}
+.tmg-media-timeline-thumb {
+  background: var(--tmg-media-timeline-thumb-background);
+  transform: scale(var(--tmg-media-current-timeline-thumb-scale));
+}
+.tmg-media-range-buffered-mark {
+  background: var(--tmg-media-timeline-buffered-mark-background);
+}
+.tmg-media-range-played-mark {
+  background: var(--tmg-media-timeline-played-mark-background);
+}
+.tmg-media-preview-container {
+  position: absolute;
+  inset-block-start: calc(var(--tmg-media-current-unit) * -2.25);
+  max-inline-size: 100cqw;
+  display: flex;
+  translate: -50% -100%;
+  border: calc(var(--tmg-media-current-unit) / 12.5) solid var(--tmg-media-timeline-previews-border-color);
+  border-radius: calc(var(--tmg-media-current-unit) / 2.5);
+  background: var(--tmg-media-background);
+  pointer-events: none;
+  transition: opacity var(--tmg-media-fade-transition-time) var(--tmg-media-bounce-timing), transform var(--tmg-media-fade-transition-time) var(--tmg-media-bounce-timing);
+}
+.tmg-media-container:not(.tmg-media-previewing) .tmg-media-preview-container {
+  opacity: 0;
+  transform: translateY(calc(var(--tmg-media-current-unit) / 2)) scale(0.85);
+}
+.tmg-host-container:is([data-size-tier^=xxxx], .tmg-media-no-previews) .tmg-media-preview-container {
+  top: calc(var(--tmg-media-current-unit) * -1);
+}
+.tmg-media-timeline-container.tmg-media-control-compact .tmg-media-preview-container {
+  top: calc(var(--tmg-media-current-unit) * -1.5);
+  transition: none;
+}
+.tmg-host-container:is([data-size-tier^=xxxx], .tmg-media-no-previews) .tmg-media-preview-container,
+.tmg-media-timeline-container.tmg-media-control-compact .tmg-media-preview-container,
+.tmg-media-preview-container::after {
+  min-inline-size: calc(var(--tmg-media-current-unit) * 2);
+  justify-content: center;
+  padding: calc(var(--tmg-media-current-unit) / 7) calc(var(--tmg-media-current-unit) / 5);
+  border: none;
+  border-radius: var(--tmg-media-current-unit);
+  background: var(--tmg-media-timeline-no-previews-background);
+}
+.tmg-media-preview-container::after {
+  content: attr(data-preview-text);
+  position: absolute;
+  inset-block-start: calc(100% + var(--tmg-media-current-unit) / 2.5);
+  inset-inline-start: 50%;
+  max-inline-size: min(100%, 100cqw);
+  display: inline-block;
+  translate: -50% 0;
+  color: var(--tmg-media-text-color);
+  font-weight: 500;
+  white-space: pre;
+  text-align: center;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-variant-numeric: tabular-nums;
+}
+.tmg-host-container:is([data-size-tier^=xxxx], .tmg-media-no-previews) .tmg-media-preview-container::after,
+.tmg-media-timeline-container.tmg-media-control-compact .tmg-media-preview-container::after {
+  position: relative;
+  padding: 0;
+  background: none;
+}
+div:is(.tmg-media-thumbnail, .tmg-media-preview) {
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+.tmg-media-preview {
+  block-size: calc(var(--tmg-media-current-unit) * 5);
+  aspect-ratio: var(--tmg-media-aspect-ratio);
+  border-radius: calc(var(--tmg-media-current-unit) / 2.5 - var(--tmg-media-current-unit) / 12.5);
+}
+div.tmg-media-preview {
+  background: var(--tmg-media-current-preview-url) var(--tmg-media-current-preview-background-position)/cover no-repeat, var(--tmg-media-disabled-background);
+}
+.tmg-host-container[data-size-tier^=x] .tmg-media-preview {
+  block-size: calc(var(--tmg-media-current-unit) * 4.5);
+}
+.tmg-host-container[data-size-tier^=xxx] .tmg-media-preview {
+  block-size: calc(var(--tmg-media-current-unit) * 4);
+}
+.tmg-host-container:is([data-size-tier^=xxxx], .tmg-media-no-previews) .tmg-media-preview,
+.tmg-media-timeline-container.tmg-media-control-compact .tmg-media-preview {
+  display: none;
+}
+.tmg-media-thumbnail {
+  position: absolute;
+  pointer-events: none;
+}
+div.tmg-media-thumbnail {
+  background: var(--tmg-media-current-thumbnail-url) var(--tmg-media-current-thumbnail-background-position)/100% 100% no-repeat, var(--tmg-media-disabled-background);
+}
+.tmg-media-container.tmg-media-inactive div:is(.tmg-media-thumbnail, .tmg-media-preview) {
+  background: var(--tmg-media-img-background);
+}
+.tmg-media-container:not(.tmg-media-scrubbing) .tmg-media-thumbnail,
+.tmg-media-container:is([data-preview-type=image], [data-preview-type=sprite]) canvas:is(.tmg-media-thumbnail, .tmg-media-preview),
+.tmg-media-container[data-preview-type=canvas] div:is(.tmg-media-thumbnail, .tmg-media-preview) {
+  display: none;
+}
+.tmg-media-toasts-container {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: inherit;
+  pointer-events: none;
+  isolation: isolate;
+}
+.tmg-media-toasts-container > * {
+  pointer-events: auto;
+}
+.t007-toast[id^=tmg-media-voice-] .t007-toast-body {
+  max-height: calc(var(--t007-toast-max-height) - var(--t007-toast-padding));
+  overflow-y: auto;
+  scrollbar-color: currentColor transparent;
+}
+.t007-toast[id^=tmg-media-voice-] .t007-toast-body-text {
+  display: block;
+}
+.t007-toast[id^=tmg-media-voice-] .t007-toast-actions-wrapper {
+  max-width: calc(var(--t007-toast-unit) * 3.25);
+}
+.t007-toast[id^=tmg-media-voice-] .t007-toast-action-button:is([data-action=\2039], [data-action=\203a]) {
+  font-size: 120%;
+  line-height: 1;
+}
+.tmg-media-voice-sticky-crumb {
+  position: sticky;
+  top: calc(var(--t007-toast-unit) / -3.25);
+  border-bottom: 1px solid rgb(from currentColor r g b/0.1);
+  z-index: 1;
+}
+.tmg-media-voice-input-wrap {
+  display: flex;
+  gap: calc(var(--t007-toast-unit) / 4.33);
+  margin-top: calc(var(--t007-toast-unit) / 3.25);
+}
+.tmg-media-voice-path-input,
+.tmg-media-voice-exact-input,
+.tmg-media-voice-path-submit,
+.tmg-media-voice-exact-submit {
+  padding: 0 2px;
+  margin-top: 2px;
+  color: inherit;
+  font-size: inherit;
+  background: transparent;
+  border: 1px solid currentColor;
+  border-radius: calc(var(--t007-toast-unit) / 6.5);
+}
+.tmg-media-voice-path-input {
+  width: calc(var(--t007-toast-unit) * 3.5);
+  padding: 0 calc(var(--t007-toast-unit) / 6.5);
+}
+.tmg-media-voice-exact-input {
+  flex: 1;
+}
+.tmg-media-next-preview-wrapper {
+  position: relative;
+  flex: 0 0 var(--t007-toast-image-width);
+  width: var(--t007-toast-image-width);
+  height: var(--t007-toast-image-height);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  background: var(--tmg-media-background);
+  border-radius: var(--t007-toast-image-border-radius);
+}
+.tmg-media-next-preview {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tmg-media-next-preview-wrapper > p {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  color: var(--tmg-media-control-color);
+  font-size: calc(var(--t007-toast-unit) / 1.25);
+  padding: calc(var(--t007-toast-unit) / 15) calc(var(--t007-toast-unit) / 5);
+  margin: calc(var(--t007-toast-unit) / 5);
+  background-color: var(--tmg-media-curtain-color);
+  border-radius: calc(var(--t007-toast-image-border-radius) - var(--t007-toast-unit) / 5);
+}
+.tmg-media-next-preview-wrapper > button {
+  width: var(--t007-toast-unit);
+  height: var(--t007-toast-unit);
+  padding-inline: calc(var(--t007-toast-unit) / 5);
+  background-color: var(--tmg-media-brand-complement-color);
+  border-radius: 50%;
+  z-index: 1;
+  transition: transform var(--tmg-media-slow-transition-time) ease;
+  animation: tmg-beat 1s infinite ease-out;
+}
+.tmg-media-next-preview-wrapper > button:hover {
+  cursor: pointer;
+  animation: none;
+  transform: scale(var(--tmg-media-large-scale));
+}
+.tmg-media-next-preview-wrapper > button > * {
+  pointer-events: none;
+}
+.tmg-media-next-info {
+  flex-grow: 1;
+  min-width: 0;
+}
+.tmg-media-next-info h2 {
+  font-size: calc(var(--t007-toast-unit) / 0.75);
+}
+.tmg-media-next-countdown {
+  -webkit-text-stroke: 0.5px var(--tmg-media-brand-color);
+  font-size: 120%;
+}
+.tmg-media-next-title {
+  font-size: var(--t007-toast-unit);
+  line-height: 1.5;
+  word-break: break-all;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.tmg-media-screen-locked-wrapper {
+  position: absolute;
+  left: 50%;
+  bottom: var(--tmg-media-inset-size);
+  height: fit-content;
+  width: fit-content;
+  translate: -50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: calc(var(--tmg-media-current-unit) / 3.5);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(calc(var(--tmg-media-current-unit) * 5));
+  transition: transform var(--tmg-media-switch-transition-time) ease, opacity var(--tmg-media-switch-transition-time) ease;
+}
+.tmg-media-container.tmg-media-locked:is(.tmg-media-locked-overlay, :has(:focus-visible)) .tmg-media-screen-locked-wrapper {
+  transform: translateY(0);
+  opacity: 1;
+  pointer-events: auto;
+}
+.tmg-media-screen-locked-btn {
+  height: calc(var(--tmg-media-current-unit) * 1.75);
+  gap: calc(var(--tmg-media-current-unit) / 5);
+  padding-inline: calc(var(--tmg-media-current-unit) / 2.5);
+  color: var(--tmg-media-theme-inverse-color);
+  font-size: calc(var(--tmg-media-current-unit) / 1.8);
+  font-weight: 500;
+  background-color: var(--tmg-media-theme-color);
+  border-radius: var(--tmg-media-current-unit);
+  margin-block-end: calc(var(--tmg-media-current-unit) / 5);
+}
+.tmg-media-screen-locked-btn > * {
+  display: none;
+}
+.tmg-media-screen-locked-btn svg {
+  color: inherit;
+}
+.tmg-media-screen-locked-btn:not(.tmg-media-control-unlock) .tmg-media-screen-locked-icon,
+.tmg-media-screen-locked-btn.tmg-media-control-unlock :is(.tmg-media-screen-unlock-icon, p) {
+  display: block;
+}
+.tmg-media-screen-locked-wrapper > p:nth-child(2) {
+  font-size: calc(var(--tmg-media-current-unit) / 1.5);
+  font-weight: 500;
+}
+.tmg-media-screen-locked-wrapper > p:nth-child(3) {
+  font-size: calc(var(--tmg-media-current-unit) / 2.2);
+  color: rgb(from currentColor r g b/0.6);
+}
+.tmg-media-notifiers-container {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  pointer-events: none;
+}
+.tmg-media-notifier {
+  position: absolute;
+  width: var(--tmg-media-big-controls-size);
+  height: var(--tmg-media-big-controls-size);
+  scale: var(--tmg-media-current-big-controls-scale);
+  display: flex;
+  white-space: nowrap;
+  opacity: 0;
+  animation-duration: var(--tmg-media-notifiers-animation-time);
+  animation-timing-function: ease;
+  animation-fill-mode: forwards;
+}
+.tmg-media-text-notifier {
+  width: fit-content;
+  height: fit-content;
+  min-height: calc(var(--tmg-media-current-unit) * 0.8);
+  padding: calc(var(--tmg-media-current-unit) / 7.5) calc(var(--tmg-media-current-unit) / 2.5);
+  font-weight: 700;
+  border-radius: var(--tmg-media-current-unit);
+}
+.tmg-media-top-text-notifier {
+  top: min(var(--tmg-media-current-unit), 5%);
+  min-width: calc(var(--tmg-media-current-unit) * 1.3);
+}
+.tmg-media-notifier-content {
+  position: absolute;
+  width: fit-content;
+  height: fit-content;
+  top: 10%;
+  padding: calc(var(--tmg-media-current-unit) / 4) calc(var(--tmg-media-current-unit) / 2);
+  border-radius: calc(var(--tmg-media-current-unit) / 10);
+  white-space: pre;
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .tmg-media-text-notifier {
+  min-height: calc(var(--tmg-media-current-unit) * 1.25);
+}
+[data-notify=mediaplay] .tmg-media-play-notifier,
+[data-notify=mediapause] .tmg-media-pause-notifier,
+[data-notify=mediaprev] .tmg-media-prev-notifier,
+[data-notify=medianext] .tmg-media-next-notifier,
+[data-notify=playbackrateup] .tmg-media-playback-rate-up-notifier,
+[data-notify=playbackratedown] .tmg-media-playback-rate-down-notifier,
+[data-notify=volumeup] .tmg-media-volume-up-notifier,
+[data-notify=volumedown] .tmg-media-volume-down-notifier,
+[data-notify=volumemuted] .tmg-media-volume-muted-notifier,
+[data-notify=brightnessup] .tmg-media-brightness-up-notifier,
+[data-notify=brightnessdown] .tmg-media-brightness-down-notifier,
+[data-notify=brightnessdark] .tmg-media-brightness-dark-notifier,
+[data-notify=objectfitcontain] .tmg-media-object-fit-contain-notifier,
+[data-notify=objectfitcover] .tmg-media-object-fit-cover-notifier,
+[data-notify=objectfitfill] .tmg-media-object-fit-fill-notifier,
+[data-notify=capture] .tmg-media-capture-notifier,
+[data-notify=captions] .tmg-media-captions-notifier,
+[data-notify=theater] .tmg-media-theater-notifier,
+[data-notify=fullscreen] .tmg-media-fullscreen-notifier,
+[data-notify=cast] .tmg-media-cast-notifier,
+[data-notify=airplay] .tmg-media-airplay-notifier,
+[data-notify=timer] .tmg-media-timer-notifier {
+  animation-name: tmg-show, tmg-scale-up;
+}
+:is([data-notify=playbackrateup], [data-notify=playbackratedown]) .tmg-media-playback-rate-notifier-content,
+:is([data-notify=volumeup], [data-notify=volumedown]) .tmg-media-volume-notifier-content,
+:is([data-notify=brightnessup], [data-notify=brightnessdown]) .tmg-media-brightness-notifier-content,
+[data-notify^=objectfit] .tmg-media-object-fit-notifier-content {
+  animation-name: tmg-show-alt;
+}
+[data-notify=fwd] .tmg-media-fwd-notifier,
+[data-notify=bwd] .tmg-media-bwd-notifier,
+[data-notify=chapter] .tmg-media-chapter-notifier,
+.tmg-media-notifier.tmg-media-control-persist {
+  animation-name: tmg-stay-shown;
+}
+.tmg-media-notifiers-container :is(.tmg-media-text-notifier, .tmg-media-touch-vb-notifier).tmg-media-control-active {
+  opacity: 1;
+}
+.tmg-media-notifier svg {
+  animation: inherit;
+  opacity: 1;
+}
+.tmg-media-container:is(.tmg-media-replay, .tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile) :is(.tmg-media-play-notifier, .tmg-media-pause-notifier),
+.tmg-media-notifiers-container:has(.tmg-media-cancel-scrub-notifier.tmg-media-control-active) .tmg-media-scrub-notifier {
+  display: none;
+}
+.tmg-media-fast-play-notifier:not(.tmg-media-rewind)::before,
+.tmg-media-fast-play-notifier.tmg-media-rewind::after {
+  content: attr(data-current-time);
+  display: none;
+  font-weight: normal;
+}
+.tmg-media-fast-play-notifier:not(.tmg-media-rewind)::before {
+  display: block;
+  margin-inline-end: calc(var(--tmg-media-current-unit) / 3.5);
+}
+.tmg-media-fast-play-notifier.tmg-media-rewind::after {
+  display: block;
+  margin-inline-start: calc(var(--tmg-media-current-unit) / 3.5);
+}
+.tmg-media-fast-play-notifier svg {
+  display: none;
+  height: calc(var(--tmg-media-current-unit) / 3.25);
+}
+.tmg-media-fast-play-notifier.tmg-media-rewind svg:nth-of-type(1) {
+  display: block;
+  margin-inline-end: calc(var(--tmg-media-current-unit) / 5);
+}
+.tmg-media-fast-play-notifier:not(.tmg-media-rewind) svg:nth-of-type(2) {
+  display: block;
+  margin-inline-start: calc(var(--tmg-media-current-unit) / 5);
+}
+.tmg-media-scrub-notifier {
+  max-width: 95%;
+  gap: calc(var(--tmg-media-current-unit) / 2.75);
+  padding-block: calc(var(--tmg-media-current-unit) / 6);
+  white-space: normal;
+  line-height: 1.3;
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) .tmg-media-scrub-notifier {
+  padding-block: calc(var(--tmg-media-current-unit) / 4.5);
+}
+.tmg-media-scrub-notifier span {
+  height: calc(var(--tmg-media-current-unit) / 2.5);
+  display: flex;
+  align-items: center;
+}
+:is(.tmg-media-fast-play-notifier, .tmg-media-scrub-notifier) svg {
+  width: calc(var(--tmg-media-current-unit) / 3.25);
+  scale: 1.75;
+}
+.tmg-host-container:is([data-size-tier^=xx], .tmg-media-mobile) :is(.tmg-media-fast-play-notifier, .tmg-media-scrub-notifier) svg {
+  width: calc(var(--tmg-media-current-unit) / 2.25);
+}
+.tmg-media-touch-vb-notifier {
+  background-color: transparent;
+  height: min(var(--tmg-media-max-touch-slider-height), var(--tmg-media-current-touch-slider-height));
+  width: calc(var(--tmg-media-current-unit) / 2.75);
+  flex-direction: column;
+  gap: calc(var(--tmg-media-current-unit) / 2.5);
+}
+.tmg-media-touch-vb-notifier:not(.tmg-media-control-active) {
+  transition: opacity var(--tmg-media-fade-transition-time) ease;
+}
+.tmg-media-touch-volume-notifier {
+  left: 15%;
+}
+.tmg-media-touch-brightness-notifier {
+  right: 15%;
+}
+.tmg-media-touch-vb-slider {
+  --tmg-media-current-slider-gradient-dir: to top;
+  flex-grow: 1;
+  width: 100%;
+  border-radius: calc(var(--tmg-media-current-unit) / 5.5);
+}
+.tmg-media-fwd-notifier,
+.tmg-media-bwd-notifier {
+  align-items: start;
+  transform: scale(var(--tmg-media-large-scale));
+}
+.tmg-media-fwd-notifier {
+  right: 15%;
+}
+.tmg-media-bwd-notifier {
+  left: 15%;
+}
+:is(.tmg-media-fwd-notifier, .tmg-media-bwd-notifier)::after {
+  content: attr(data-skip) " seconds";
+  position: absolute;
+  bottom: 20%;
+}
+:is(.tmg-media-fwd-notifier, .tmg-media-bwd-notifier):is([data-skip="1"], [data-skip="-1"], [data-skip="0"], [data-skip="1"], [data-skip="-1"])::after {
+  content: attr(data-skip) " second";
+}
+.tmg-host-container:is(.tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile, [data-size-tier^=xx]) :is(.tmg-media-fwd-notifier, .tmg-media-bwd-notifier)::after {
+  content: attr(data-skip);
+  width: calc(var(--tmg-media-current-unit) * 1.25);
+  text-align: center;
+}
+:is(.tmg-media-fwd-notifier, .tmg-media-bwd-notifier) svg {
+  width: calc(var(--tmg-media-current-unit) / 2.25);
+  margin-block-start: 20%;
+}
+:is(.tmg-media-fwd-notifier, .tmg-media-bwd-notifier, .tmg-media-scrub-notifier) svg {
+  opacity: 0.25;
+  animation-iteration-count: infinite;
+  animation-duration: var(--tmg-media-notifiers-animation-time);
+}
+.tmg-media-scrub-notifier svg {
+  animation-duration: calc(var(--tmg-media-notifiers-animation-time) / 1.5);
+}
+.tmg-media-notifier.tmg-media-control-persist {
+  background-color: var(--tmg-media-dbc-backdrop-color);
+  width: var(--tmg-media-dbc-backdrop-width);
+  height: var(--tmg-media-dbc-backdrop-height);
+  padding-inline: 10%;
+  display: flex;
+  align-items: center;
+}
+.tmg-media-notifiers-container .tmg-media-fwd-notifier.tmg-media-control-persist {
+  right: -50%;
+  justify-content: start;
+}
+.tmg-media-notifiers-container .tmg-media-bwd-notifier.tmg-media-control-persist {
+  left: -50%;
+  justify-content: end;
+}
+.tmg-media-notifier.tmg-media-control-persist svg {
+  scale: 1.25;
+  margin-block-start: unset;
+  margin-block-end: calc(var(--tmg-media-current-unit) / 2.25 + var(--tmg-media-current-unit) / 4);
+}
+.tmg-media-container:is(.tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile, [data-size-tier^=xx]) .tmg-media-notifier.tmg-media-control-persist svg {
+  scale: 1.5;
+}
+.tmg-host-container:is(.tmg-media-miniplayer, .tmg-media-floating-player, .tmg-media-mobile, [data-size-tier^=xx]) .tmg-media-notifier.tmg-media-control-persist {
+  padding-inline: 13%;
+}
+.tmg-media-notifier.tmg-media-control-persist::after {
+  margin-block-start: calc(var(--tmg-media-current-unit) / 2.25 + var(--tmg-media-current-unit) / 4);
+  bottom: unset;
+}
+:is(.tmg-media-scrub-notifier span:last-child, [data-notify=fwd] .tmg-media-fwd-notifier, .tmg-media-notifiers-container .tmg-media-fwd-notifier.tmg-media-control-persist) svg:nth-of-type(1),
+:is(.tmg-media-scrub-notifier span:first-child, [data-notify=bwd] .tmg-media-bwd-notifier, .tmg-media-notifiers-container .tmg-media-bwd-notifier.tmg-media-control-persist) svg:nth-of-type(3) {
+  animation-name: tmg-arrow-1;
+}
+:is(.tmg-media-scrub-notifier span:last-child, [data-notify=fwd] .tmg-media-fwd-notifier, .tmg-media-notifiers-container .tmg-media-fwd-notifier.tmg-media-control-persist) svg:nth-of-type(2),
+:is(.tmg-media-scrub-notifier span:first-child, [data-notify=bwd] .tmg-media-bwd-notifier, .tmg-media-notifiers-container .tmg-media-bwd-notifier.tmg-media-control-persist) svg:nth-of-type(2) {
+  animation-name: tmg-arrow-2;
+}
+:is(.tmg-media-scrub-notifier span:last-child, [data-notify=fwd] .tmg-media-fwd-notifier, .tmg-media-notifiers-container .tmg-media-fwd-notifier.tmg-media-control-persist) svg:nth-of-type(3),
+:is(.tmg-media-scrub-notifier span:first-child, [data-notify=bwd] .tmg-media-bwd-notifier, .tmg-media-notifiers-container .tmg-media-bwd-notifier.tmg-media-control-persist) svg:nth-of-type(1) {
+  animation-name: tmg-arrow-3;
+}
+.tmg-host-container:where(.tmg-media-mobile:not(.tmg-media-floating-player, .tmg-media-miniplayer)) {
+  --tmg-media-current-controls-column-gap: calc(var(--tmg-media-current-unit) / 1.25);
+}
+@media (max-width: 950px) and (max-height: 480px) and (min-width: 600px) and (orientation: landscape) {
+  .tmg-host-container:where(.tmg-media-mobile:not(.tmg-media-floating-player, .tmg-media-miniplayer)) {
+    --tmg-media-current-controls-column-gap: calc(var(--tmg-media-current-unit) / 1.075);
+  }
+}
+.tmg-host-container:where(.tmg-media-mobile.tmg-media-fullscreen) {
+  --tmg-media-current-controls-row-gap: var(--tmg-media-current-unit);
+}
+@media (max-width: 480px) and (min-height: 510px) and (orientation: portrait) {
+  .tmg-media-container.tmg-media-mobile.tmg-media-fullscreen .tmg-media-top-controls-wrapper {
+    flex-direction: column-reverse;
+  }
+  .tmg-media-container.tmg-media-mobile.tmg-media-fullscreen .tmg-media-top-controls-wrapper > * {
+    max-width: calc(100% - var(--tmg-media-current-safe-inset-x) * 2);
+  }
+  .tmg-media-container.tmg-media-mobile.tmg-media-fullscreen .tmg-media-meta-wrapper {
+    align-self: start;
+  }
+  .tmg-media-container.tmg-media-mobile.tmg-media-fullscreen .tmg-media-top-controls-wrapper .tmg-media-side-controls-wrapper-cover {
+    align-self: end;
+  }
+}
+.tmg-host-container .tmg-media-control-dragging {
+  opacity: 0.7;
+}
+.tmg-media-container:has(.tmg-media-control-dragging:is([data-drag-id=""], [data-drag-id=big])) [data-drop-zone=true][data-drag-id=""] *,
+.tmg-media-container:has(.tmg-media-control-dragging:is([data-drag-id=big], [data-drag-id=""])) [data-drop-zone=true][data-drag-id=big] *,
+.tmg-media-container:has(.tmg-media-control-dragging[data-drag-id=wrapper]) [data-drop-zone=true][data-drag-id=wrapper] * {
+  pointer-events: none;
+}
+.tmg-media-container:has(.tmg-media-control-dragging:is([data-drag-id=""], [data-drag-id=big])) :has(> [data-drop-zone=true][data-drag-id=""]),
+.tmg-media-container:has(.tmg-media-control-dragging:is([data-drag-id=big], [data-drag-id=""])) :has(> [data-drop-zone=true][data-drag-id=big]),
+.tmg-media-container:has(.tmg-media-control-dragging[data-drag-id=wrapper]) [data-drop-zone=true][data-drag-id=wrapper] {
+  background: rgb(from var(--tmg-media-control-color) r g b/0.1);
+  outline: 2px dashed var(--tmg-media-brand-complement-color);
+  outline-offset: -1px;
+  border-radius: calc(var(--tmg-media-current-unit) / 5);
+}
+.tmg-media-container :has(> [data-drop-zone=true][data-drag-id=""] .tmg-media-control-dragging:is([data-drag-id=""], [data-drag-id=big])),
+.tmg-media-container :has(> [data-drop-zone=true][data-drag-id=big] .tmg-media-control-dragging:is([data-drag-id=big], [data-drag-id=""])),
+.tmg-media-container [data-drop-zone=true][data-drag-id=wrapper]:has(.tmg-media-control-dragging[data-drag-id=wrapper]) {
+  background:
+    linear-gradient(
+      to top,
+      var(--tmg-media-brand-complement-color),
+      transparent);
+  outline: 2px dashed rgb(from var(--tmg-media-control-color) r g b/0.4);
+}
+.tmg-media-container:has(.tmg-media-control-dragging) :has(> [data-drop-zone=true].tmg-media-dragover[data-drag-id=""]),
+.tmg-media-container:has(.tmg-media-control-dragging) :has(> [data-drop-zone=true].tmg-media-dragover[data-drag-id=big]),
+.tmg-media-container:has(.tmg-media-control-dragging) [data-drop-zone=true].tmg-media-dragover[data-drag-id=wrapper] {
+  background: var(--tmg-media-brand-complement-color);
+}
+.tmg-media-container:has(.tmg-media-control-dragging[data-drag-id=wrapper]) :has(> [data-drop-zone=true][data-drag-id=""]:empty) {
+  border: 1.7px solid rgb(from var(--tmg-media-control-color) r g b/0.1);
+}
+.tmg-media-control-dragging[data-drag-id=wrapper] {
+  border: 1.7px solid var(--tmg-media-brand-complement-color);
+}
+.tmg-media-container:has(.tmg-media-control-dragging[data-drag-id=wrapper]) :has(> [data-drop-zone=true][data-drag-id=""]:empty),
+.tmg-media-container .tmg-media-control-dragging[data-drag-id=wrapper] {
+  align-self: center;
+  border-inline-start-color: var(--tmg-media-control-color);
+  border-radius: 0 !important;
+}
+.tmg-media-ambience-wrapper {
+  position: absolute;
+  top: -25%;
+  left: -25%;
+  width: 150%;
+  height: 150%;
+  z-index: -1;
+  pointer-events: none;
+}
+.tmg-media-ambience-canvas {
+  width: 100%;
+  height: 100%;
+  will-change: filter;
+  -webkit-mask-image:
+    radial-gradient(
+      ellipse at center,
+      black 20%,
+      transparent 75%);
+  mask-image:
+    radial-gradient(
+      ellipse at center,
+      black 20%,
+      transparent 75%);
+}
+.tmg-host-container :is([disabled], .tmg-media-control-disabled, #o#o#o#o#o) {
+  --tmg-media-current-control-color: var(--tmg-media-disabled-color);
+  cursor: not-allowed;
+}
+.tmg-host-container :is([disabled], #o#o#o#o#o) {
+  filter: grayscale(100%);
+}
+.tmg-host-container :is(.tmg-media-control-hidden, #o#o#o#o#o) {
+  display: none;
+  pointer-events: none;
+}
+.tmg-host-container :is(.tmg-media-control-disabled, #o#o#o#o#o) {
+  opacity: 0.75;
+  cursor: default;
+}
+.tmg-media-container:is(.tmg-media-inactive, .tmg-media-disabled, #o#o#o#o#o) {
+  --tmg-media-control-color: var(--tmg-media-disabled-color);
+}
+.tmg-media-container:is(.tmg-media-disabled, .tmg-media-locked, #o#o#o#o#o) {
+  overflow: hidden;
+}
+.tmg-media-container:is(.tmg-media-disabled, #o#o#o#o#o) {
+  cursor: not-allowed;
+}
+.tmg-media-container.tmg-media-disabled *,
+.tmg-media-container:is(.tmg-media-locked, #o#o#o#o#o) > *:not(.tmg-media-screen-locked-wrapper, [class$=toast-container]) {
+  pointer-events: none !important;
+}
+.tmg-media-container.tmg-media-disabled * {
+  animation: none !important;
+}
+.tmg-media-container:is(.tmg-media-locked, #o#o#o#o#o) *:is(.tmg-media-settings, .tmg-media-top-controls-wrapper, .tmg-media-controls-container > *:not(.tmg-media-captions-container), .tmg-media-bottom-controls-wrapper > * > *:not(.tmg-media-timeline-container)) {
+  display: none;
+}
+.tmg-media-container:is(.tmg-media-disabled, #o#o#o#o#o) :is(.tmg-media, .tmg-media-filtered) {
+  filter: var(--tmg-media-filter) grayscale(100%);
+}
+.tmg-media-container:is(.tmg-media-inactive, #o#o#o#o#o) .tmg-media-container-content::after {
+  content: attr(data-message);
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--tmg-media-error-color);
+  font-size: calc(var(--tmg-media-current-unit) / 1.15);
+  font-weight: 500;
+  text-align: center;
+  opacity: 0.95;
+  padding: calc(var(--tmg-media-current-unit) / 2);
+  background: var(--tmg-media-disabled-background);
+  pointer-events: none;
+}
+.tmg-media-curtain,
+.tmg-media-top-controls-wrapper,
+.tmg-media-big-controls-wrapper-cover,
+.tmg-media-bottom-controls-wrapper > * > *:not(.tmg-media-timeline-container),
+.tmg-media-container:not(.tmg-media-progress-bar, :has(.tmg-media-fast-play-notifier.tmg-media-control-active)) .tmg-media-timeline-container {
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--tmg-media-fade-transition-time) ease;
+}
+.tmg-media-container:is(.tmg-media-overlay, :has(:focus-visible)) :is(.tmg-media-top-controls-wrapper, .tmg-media-big-controls-wrapper-cover, .tmg-media-bottom-controls-wrapper > * > *:not(.tmg-media-timeline-container)),
+.tmg-media-container:is(.tmg-media-overlay, :has(:focus-visible)):not(.tmg-media-progress-bar, :has(.tmg-media-fast-play-notifier.tmg-media-control-active)) .tmg-media-timeline-container {
+  opacity: 1;
+  pointer-events: all;
+}
+.tmg-media-container:not(.tmg-media-overlay, :has(:focus-visible)) .tmg-media-bottom-controls-wrapper {
+  pointer-events: none;
+}
+.tmg-media-container:is(.tmg-media-overlay, :has(:focus-visible)) .tmg-media-curtain {
+  opacity: 1;
+}
+.tmg-media-container:is(:is(.tmg-media-miniplayer, .tmg-media-mobile):is(.tmg-media-scrubbing, :has(.tmg-media-notifier.tmg-media-control-persist)), :has(:is(.tmg-media-fast-play-notifier, .tmg-media-touch-vb-notifier).tmg-media-control-active)) :is(.tmg-media-top-curtain, .tmg-media-bottom-curtain, .tmg-media-top-controls-wrapper, .tmg-media-big-controls-wrapper-cover, .tmg-media-bottom-controls-wrapper > * > *:not(.tmg-media-timeline-container)),
+.tmg-media-container:has(.tmg-media-touch-vb-notifier.tmg-media-control-active) .tmg-media-bottom-controls-wrapper .tmg-media-timeline-container {
+  opacity: 0;
+  pointer-events: none;
+}
+.tmg-media-container.tmg-media-light .tmg-media-container-content {
+  cursor: pointer;
+}
+.tmg-media-container.tmg-media-light :is(.tmg-media-placeholder, .tmg-media-apt-controls-wrapper, .tmg-media-big-controls-wrapper-cover),
+.tmg-media-container.tmg-media-stall .tmg-media-big-play-pause-btn {
+  pointer-events: auto;
+  opacity: 1;
+}
+.tmg-media-container.tmg-media-light :is(.tmg-media-top-curtain, .tmg-media-bottom-curtain) {
+  --tmg-media-current-curtain-color: var(--tmg-media-curtain-color);
+  opacity: 1;
+}
+.tmg-media-container.tmg-media-light :is([data-control-id]:not([data-light-control=true]), .tmg-media-cover-curtain, .tmg-media-captions-container),
+.tmg-media-container.tmg-media-light:not(.tmg-media-settings-view) .tmg-media-settings,
+.tmg-media-container:is(.tmg-media-light, .tmg-media-stall) :is(.tmg-media-play-notifier, .tmg-media-pause-notifier, .tmg-media-buffer, .tmg-media-big-play-pause-btn svg),
+.tmg-media-container.tmg-media-stall .tmg-media-big-controls-wrapper > * {
+  display: none;
+}
+.tmg-media-container:is(.tmg-media-light, .tmg-media-stall) :is(.tmg-media-big-controls-wrapper-cover, .tmg-media-big-play-pause-btn .tmg-media-play-icon),
+.tmg-media-container.tmg-media-light [data-light-control=true],
+.tmg-media-container.tmg-media-stall .tmg-media-big-play-pause-btn {
+  display: flex;
+}
+.tmg-media-container.tmg-media-light .tmg-media-big-play-pause-btn:is(:hover, :focus-visible),
+.tmg-media-container.tmg-media-stall .tmg-media-play-icon {
+  animation: none !important;
+}
+.tmg-media-container.tmg-media-light .tmg-media-big-play-pause-btn {
+  animation: tmg-beat 1s infinite ease-out;
+}
+.tmg-media-container.tmg-media-stall .tmg-media-big-play-pause-btn {
+  animation: tmg-spin 1s ease-out;
+}
+/*# sourceMappingURL=super.css.map */