1.mejs-container {
  2	clear: both;
  3	max-width: 100%;
  4}
  5
  6.mejs-container * {
  7	font-family: Helvetica, Arial;
  8}
  9
 10.mejs-container,
 11.mejs-embed,
 12.mejs-embed body,
 13.mejs-container .mejs-controls {
 14	background: #222;
 15}
 16
 17.mejs-time {
 18	font-weight: normal;
 19	word-wrap: normal;
 20}
 21
 22.mejs-controls a.mejs-horizontal-volume-slider {
 23	display: table;
 24}
 25
 26.mejs-controls .mejs-time-rail .mejs-time-loaded,
 27.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 28	background: #fff;
 29}
 30
 31.mejs-controls .mejs-time-rail .mejs-time-current {
 32	background: #0073aa;
 33}
 34
 35.mejs-controls .mejs-time-rail .mejs-time-total,
 36.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
 37	background: rgba(255, 255, 255, .33);
 38}
 39
 40.mejs-controls .mejs-time-rail span,
 41.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
 42.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 43	border-radius: 0;
 44}
 45
 46.mejs-overlay-loading {
 47	background: transparent;
 48}
 49
 50/* Override theme styles that may conflict with controls. */
 51.mejs-controls button:hover {
 52	border: none;
 53	-webkit-box-shadow: none;
 54	box-shadow: none;
 55}
 56
 57.me-cannotplay {
 58	width: auto !important;
 59}
 60
 61.media-embed-details .wp-audio-shortcode {
 62	display: inline-block;
 63	max-width: 400px;
 64}
 65
 66.audio-details .embed-media-settings {
 67	overflow: visible;
 68}
 69
 70.media-embed-details .embed-media-settings .setting span:not(.button-group) {
 71	max-width: 400px; /* Back-compat for pre-5.3 */
 72	width: auto; /* Back-compat for pre-5.3 */
 73}
 74
 75.media-embed-details .embed-media-settings .checkbox-setting span {
 76	display: inline-block;
 77}
 78
 79.media-embed-details .embed-media-settings {
 80	padding-top: 0;
 81	top: 28px;
 82}
 83
 84.media-embed-details .instructions {
 85	padding: 16px 0;
 86	max-width: 600px;
 87}
 88
 89.media-embed-details .setting p,
 90.media-embed-details .setting .remove-setting {
 91	color: #a00;
 92	font-size: 10px;
 93	text-transform: uppercase;
 94}
 95
 96.media-embed-details .setting .remove-setting {
 97	padding: 5px 0;
 98}
 99
100.media-embed-details .setting a:hover {
101	color: #dc3232;
102}
103
104.media-embed-details .embed-media-settings .checkbox-setting {
105	float: none;
106	margin: 0 0 10px;
107}
108
109.wp-video {
110	max-width: 100%;
111	height: auto;
112}
113
114.wp_attachment_holder .wp-video,
115.wp_attachment_holder .wp-audio-shortcode {
116	margin-top: 18px;
117}
118
119video.wp-video-shortcode,
120.wp-video-shortcode video {
121	max-width: 100%;
122	display: inline-block;
123}
124
125.video-details .wp-video-holder {
126	width: 100%;
127	max-width: 640px;
128}
129
130.wp-playlist {
131	border: 1px solid #ccc;
132	padding: 10px;
133	margin: 12px 0 18px;
134	font-size: 14px;
135	line-height: 1.5;
136}
137
138.wp-admin .wp-playlist {
139	margin: 0 0 18px;
140}
141
142.wp-playlist video {
143	display: inline-block;
144	max-width: 100%;
145}
146
147.wp-playlist audio {
148	display: none;
149	max-width: 100%;
150	width: 400px;
151}
152
153.wp-playlist .mejs-container {
154	margin: 0;
155	max-width: 100%;
156}
157
158.wp-playlist .mejs-controls .mejs-button button {
159	outline: 0;
160}
161
162.wp-playlist-light {
163	background: #fff;
164	color: #000;
165}
166
167.wp-playlist-dark {
168	color: #fff;
169	background: #000;
170}
171
172.wp-playlist-caption {
173	display: block;
174	max-width: 88%;
175	overflow: hidden;
176	text-overflow: ellipsis;
177	white-space: nowrap;
178	font-size: 14px;
179	line-height: 1.5;
180}
181
182.wp-playlist-item .wp-playlist-caption {
183	text-decoration: none;
184	color: #000;
185	max-width: -webkit-calc(100% - 40px);
186	max-width: calc(100% - 40px);
187}
188
189.wp-playlist-item-meta {
190	display: block;
191	font-size: 14px;
192	line-height: 1.5;
193}
194
195.wp-playlist-item-title {
196	font-size: 14px;
197	line-height: 1.5;
198}
199
200.wp-playlist-item-album {
201	font-style: italic;
202	overflow: hidden;
203	text-overflow: ellipsis;
204	white-space: nowrap;
205}
206
207.wp-playlist-item-artist {
208	font-size: 12px;
209	text-transform: uppercase;
210}
211
212.wp-playlist-item-length {
213	position: absolute;
214	right: 3px;
215	top: 0;
216	font-size: 14px;
217	line-height: 1.5;
218}
219
220.rtl .wp-playlist-item-length {
221	left: 3px;
222	right: auto;
223}
224
225.wp-playlist-tracks {
226	margin-top: 10px;
227}
228
229.wp-playlist-item {
230	position: relative;
231	cursor: pointer;
232	padding: 0 3px;
233	border-bottom: 1px solid #ccc;
234}
235
236.wp-playlist-item:last-child {
237	border-bottom: 0;
238}
239
240.wp-playlist-light .wp-playlist-caption {
241	color: #333;
242}
243
244.wp-playlist-dark .wp-playlist-caption {
245	color: #ddd;
246}
247
248.wp-playlist-playing {
249	font-weight: bold;
250	background: #f7f7f7;
251}
252
253.wp-playlist-light .wp-playlist-playing {
254	background: #fff;
255	color: #000;
256}
257
258.wp-playlist-dark .wp-playlist-playing {
259	background: #000;
260	color: #fff;
261}
262
263.wp-playlist-current-item {
264	overflow: hidden;
265	margin-bottom: 10px;
266	height: 60px;
267}
268
269.wp-playlist .wp-playlist-current-item img {
270	float: left;
271	max-width: 60px;
272	height: auto;
273	margin-right: 10px;
274	padding: 0;
275	border: 0;
276}
277
278.rtl .wp-playlist .wp-playlist-current-item img {
279	float: right;
280	margin-left: 10px;
281	margin-right: 0;
282}
283
284.wp-playlist-current-item .wp-playlist-item-title,
285.wp-playlist-current-item .wp-playlist-item-artist {
286	overflow: hidden;
287	text-overflow: ellipsis;
288	white-space: nowrap;
289}
290
291.wp-audio-playlist .me-cannotplay span {
292	padding: 5px 15px;
293}
294