1/*! This file is auto-generated */
  2/*------------------------------------------------------------------------------
  3  14.0 - Media Screen
  4------------------------------------------------------------------------------*/
  5
  6.media-item .describe {
  7	border-collapse: collapse;
  8	width: 100%;
  9	border-top: 1px solid #dcdcde;
 10	clear: both;
 11	cursor: default;
 12}
 13
 14.media-item.media-blank .describe {
 15	border: 0;
 16}
 17
 18.media-item .describe th {
 19	vertical-align: top;
 20	text-align: right;
 21	padding: 5px 10px 10px;
 22	width: 140px;
 23}
 24
 25.media-item .describe .align th {
 26	padding-top: 0;
 27}
 28
 29.media-item .media-item-info tr {
 30	background-color: transparent;
 31}
 32
 33.media-item .describe td {
 34	padding: 0 0 8px 8px;
 35	vertical-align: top;
 36}
 37
 38.media-item thead.media-item-info td {
 39	padding: 4px 10px 0;
 40}
 41
 42.media-item .media-item-info .A1B1 {
 43	padding: 0 10px 0 0;
 44}
 45
 46.media-item td.savesend {
 47	padding-bottom: 15px;
 48}
 49
 50.media-item .thumbnail {
 51	max-height: 128px;
 52	max-width: 128px;
 53}
 54
 55.media-list-subtitle {
 56	display: block;
 57}
 58
 59.media-list-title {
 60	display: block;
 61}
 62
 63#wpbody-content #async-upload-wrap a {
 64	display: none;
 65}
 66
 67.media-upload-form {
 68	margin-top: 20px;
 69}
 70
 71.media-upload-form td label {
 72	margin-left: 6px;
 73	margin-right: 2px;
 74}
 75
 76.media-upload-form .align .field label {
 77	display: inline;
 78	padding: 0 23px 0 0;
 79	margin: 0 3px 0 1em;
 80	font-weight: 600;
 81}
 82
 83.media-upload-form tr.image-size label {
 84	margin: 0 5px 0 0;
 85	font-weight: 600;
 86}
 87
 88.media-upload-form th.label label {
 89	font-weight: 600;
 90	margin: 0.5em;
 91	font-size: 13px;
 92}
 93
 94.media-upload-form th.label label span {
 95	padding: 0 5px;
 96}
 97
 98.media-item .describe input[type="text"],
 99.media-item .describe textarea {
100	width: 460px;
101}
102
103.media-item .describe p.help {
104	margin: 0;
105	padding: 0 5px 0 0;
106}
107
108.describe-toggle-on,
109.describe-toggle-off {
110	display: block;
111	line-height: 2.76923076;
112	float: left;
113	margin-left: 10px;
114}
115
116.media-item .attachment-tools {
117	display: flex;
118	align-items: center;
119}
120
121.media-item .edit-attachment {
122	padding: 14px 0;
123	display: block;
124	margin-left: 10px;
125}
126
127.media-item .edit-attachment.copy-to-clipboard-container {
128	display: flex;
129	margin-top: 0;
130}
131
132.media-item-copy-container .success {
133	line-height: 0;
134}
135
136.media-item button .copy-attachment-url {
137	margin-top: 14px;
138}
139
140.media-item .copy-to-clipboard-container {
141	margin-top: 7px;
142}
143
144.media-item .describe-toggle-off,
145.media-item.open .describe-toggle-on {
146	display: none;
147}
148
149.media-item.open .describe-toggle-off {
150	display: block;
151}
152
153.media-upload-form .media-item {
154	min-height: 70px;
155	margin-bottom: 1px;
156	position: relative;
157	width: 100%;
158	background: #fff;
159}
160
161.media-upload-form .media-item,
162.media-upload-form .media-item .error {
163	box-shadow: 0 1px 0 #dcdcde;
164}
165
166#media-items:empty {
167	border: 0 none;
168}
169
170.media-item .filename {
171	padding: 14px 2px;
172	overflow: hidden;
173	margin-right: 4px;
174}
175
176.media-item .pinkynail {
177	float: right;
178	margin: 14px;
179	max-height: 70px;
180	max-width: 70px;
181}
182
183.media-item .startopen,
184.media-item .startclosed {
185	display: none;
186}
187
188.media-item .progress {
189	display: inline-block;
190	height: 22px;
191	margin: 0 6px 7px;
192	width: 200px;
193	line-height: 2em;
194	padding: 0;
195	overflow: hidden;
196	border-radius: 22px;
197	background: #dcdcde;
198	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
199}
200
201.media-item .bar {
202	z-index: 9;
203	width: 0;
204	height: 100%;
205	margin-top: -22px;
206	border-radius: 22px;
207	background-color: #2271b1;
208	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
209}
210
211.media-item .progress .percent {
212	z-index: 10;
213	position: relative;
214	width: 200px;
215	padding: 0;
216	color: #fff;
217	text-align: center;
218	line-height: 22px;
219	font-weight: 400;
220	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
221}
222
223.upload-php .fixed .column-parent {
224	width: 15%;
225}
226
227.js .html-uploader #plupload-upload-ui {
228	display: none;
229}
230
231.js .html-uploader #html-upload-ui {
232	display: block;
233}
234
235#html-upload-ui #async-upload {
236	font-size: 1em;
237}
238
239.media-upload-form .media-item.error,
240.media-upload-form .media-item .error {
241	width: auto;
242	margin: 0 0 1px;
243}
244
245.media-upload-form .media-item .error {
246	padding: 10px 14px 10px 0;
247	min-height: 50px;
248}
249
250.media-item .error-div button.dismiss {
251	float: left;
252	margin: 0 15px 0 10px;
253}
254
255/*------------------------------------------------------------------------------
256  14.1 - Media Library
257------------------------------------------------------------------------------*/
258
259.find-box {
260	background-color: #fff;
261	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
262	width: 600px;
263	overflow: hidden;
264	margin-right: -300px;
265	position: fixed;
266	top: 30px;
267	bottom: 30px;
268	right: 50%;
269	z-index: 100105;
270}
271
272.find-box-head {
273	background: #fff;
274	border-bottom: 1px solid #dcdcde;
275	height: 36px;
276	font-size: 18px;
277	font-weight: 600;
278	line-height: 2;
279	padding: 0 16px 0 36px;
280	position: absolute;
281	top: 0;
282	right: 0;
283	left: 0;
284}
285
286.find-box-inside {
287	overflow: auto;
288	padding: 16px;
289	background-color: #fff;
290	position: absolute;
291	top: 37px;
292	bottom: 45px;
293	overflow-y: scroll;
294	width: 100%;
295	box-sizing: border-box;
296}
297
298.find-box-search {
299	padding-bottom: 16px;
300}
301
302.find-box-search .spinner {
303	float: none;
304	right: 105px;
305	position: absolute;
306}
307
308.find-box-search,
309#find-posts-response {
310	position: relative; /* RTL fix, #WP28010 */
311}
312
313#find-posts-input,
314#find-posts-search {
315	float: right;
316}
317
318#find-posts-input {
319	width: 140px;
320	height: 28px;
321	margin: 0 0 0 4px;
322}
323
324.widefat .found-radio {
325	padding-left: 0;
326	width: 16px;
327}
328
329#find-posts-close {
330	width: 36px;
331	height: 36px;
332	border: none;
333	padding: 0;
334	position: absolute;
335	top: 0;
336	left: 0;
337	cursor: pointer;
338	text-align: center;
339	background: none;
340	color: #646970;
341}
342
343#find-posts-close:hover,
344#find-posts-close:focus {
345	color: #135e96;
346}
347
348#find-posts-close:focus {
349	box-shadow: 0 0 0 2px #2271b1;
350	/* Only visible in Windows High Contrast mode */
351	outline: 2px solid transparent;
352	outline-offset: -2px;
353}
354
355#find-posts-close:before {
356	font: normal 20px/36px dashicons;
357	vertical-align: top;
358	-webkit-font-smoothing: antialiased;
359	-moz-osx-font-smoothing: grayscale;
360	content: "\f158";
361	content: "\f158" / '';
362}
363
364.find-box-buttons {
365	padding: 8px 16px;
366	background: #fff;
367	border-top: 1px solid #dcdcde;
368	position: absolute;
369	bottom: 0;
370	right: 0;
371	left: 0;
372}
373
374@media screen and (max-width: 782px) {
375	.find-box-inside {
376		bottom: 57px;
377	}
378}
379
380@media screen and (max-width: 660px) {
381
382	.find-box {
383		top: 0;
384		bottom: 0;
385		right: 0;
386		left: 0;
387		margin: 0;
388		width: 100%;
389	}
390
391}
392
393.ui-find-overlay {
394	position: fixed;
395	top: 0;
396	right: 0;
397	left: 0;
398	bottom: 0;
399	background: #000;
400	opacity: 0.7;
401	filter: alpha(opacity=70);
402	z-index: 100100;
403}
404
405.drag-drop #drag-drop-area {
406	border: 4px dashed #c3c4c7;
407	height: 200px;
408}
409
410.drag-drop .drag-drop-inside {
411	margin: 60px auto 0;
412	width: 250px;
413}
414
415.drag-drop-inside p {
416	font-size: 14px;
417	margin: 5px 0;
418	display: none;
419}
420
421.drag-drop .drag-drop-inside p {
422	text-align: center;
423}
424
425.drag-drop-inside p.drag-drop-info {
426	font-size: 20px;
427}
428
429.drag-drop .drag-drop-inside p,
430.drag-drop-inside p.drag-drop-buttons {
431	display: block;
432}
433
434/*
435#drag-drop-area:-moz-drag-over {
436	border-color: #83b4d8;
437}
438border color while dragging a file over the uploader drop area */
439.drag-drop.drag-over #drag-drop-area {
440	border-color: #9ec2e6;
441}
442
443#plupload-upload-ui {
444	position: relative;
445}
446
447.post-type-attachment .wp-filter select {
448	margin: 0 0 0 6px;
449}
450
451/**
452 * Media Library grid view
453 */
454
455.media-frame.mode-grid,
456.media-frame.mode-grid .media-frame-content,
457.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,
458.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,
459.media-frame.mode-grid .uploader-inline-content {
460	position: static;
461}
462
463/* Regions we don't use at all */
464.media-frame.mode-grid .media-frame-title,
465.media-frame.mode-grid .media-frame-router,
466.media-frame.mode-grid .media-frame-menu {
467	display: none;
468}
469
470.media-frame.mode-grid .media-frame-content {
471	background-color: transparent;
472	border: none;
473}
474
475.upload-php .mode-grid .media-sidebar {
476	position: relative;
477	width: auto;
478	margin-top: 12px;
479	padding: 0 16px;
480	border-right: 4px solid #d63638;
481	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
482	background-color: #fff;
483}
484
485.upload-php .mode-grid .hide-sidebar .media-sidebar {
486	display: none;
487}
488
489.upload-php .mode-grid .media-sidebar .media-uploader-status {
490	border-bottom: none;
491	padding-bottom: 0;
492	max-width: 100%;
493}
494
495.upload-php .mode-grid .media-sidebar .upload-error {
496	margin: 12px 0;
497	padding: 4px 0 0;
498	border: none;
499	box-shadow: none;
500	background: none;
501}
502
503.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
504	display: none;
505}
506
507.media-frame.mode-grid .uploader-inline {
508	position: relative;
509	top: auto;
510	left: auto;
511	right: auto;
512	bottom: auto;
513	padding-top: 0;
514	margin-top: 20px;
515	border: 4px dashed #c3c4c7;
516}
517
518.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
519.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
520	position: relative;
521	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
522	padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
523}
524
525.media-frame.mode-grid .attachment:focus,
526.media-frame.mode-grid .selected.attachment:focus,
527.media-frame.mode-grid .attachment.details:focus {
528	box-shadow: inset 0 0 0 2px #2271b1;
529	/* Only visible in Windows High Contrast mode */
530	outline: 2px solid transparent;
531	outline-offset: -6px;
532}
533
534.media-frame.mode-grid .selected.attachment {
535	box-shadow:
536		inset 0 0 0 5px #f0f0f1,
537		inset 0 0 0 7px #c3c4c7;
538}
539
540.media-frame.mode-grid .attachment.details {
541	box-shadow:
542		inset 0 0 0 3px #f0f0f1,
543		inset 0 0 0 7px #4f94d4;
544}
545
546.media-frame.mode-grid.mode-select .attachment .thumbnail {
547	opacity: 0.65;
548}
549
550.media-frame.mode-select .attachment.selected .thumbnail {
551	opacity: 1;
552}
553
554.media-frame.mode-grid .media-toolbar {
555	margin-bottom: 15px;
556	height: auto;
557}
558
559.media-frame.mode-grid .media-toolbar select {
560	margin: 0 0 0 10px;
561}
562
563.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
564	margin: 0 0 0 8px;
565	vertical-align: middle;
566}
567
568.media-frame.mode-grid .attachments-browser .bulk-select {
569	display: inline-block;
570	margin: 0 0 0 10px;
571}
572
573.media-frame.mode-grid .search {
574	margin-top: 0;
575}
576
577.media-frame-content .media-search-input-label {
578	vertical-align: baseline;
579}
580
581.attachments-browser .media-toolbar-secondary > .media-button {
582	margin-left: 10px;
583}
584
585.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
586	position: fixed;
587	top: 32px;
588	right: auto;
589	left: 20px;
590	margin-top: 0;
591}
592
593.media-frame.mode-grid .attachments-browser {
594	padding: 0;
595}
596
597.media-frame.mode-grid .attachments-browser .attachments {
598	padding: 2px;
599}
600
601.media-frame.mode-grid .attachments-browser .no-media {
602	color: #646970; /* same as no plugins and no themes */
603	font-size: 18px;
604	font-style: normal;
605	margin: 0;
606	padding: 100px 0 0;
607	text-align: center;
608}
609
610/**
611 * Attachment details modal
612 */
613
614.edit-attachment-frame {
615	display: block;
616	height: 100%;
617	width: 100%;
618}
619
620.edit-attachment-frame .edit-media-header {
621	overflow: hidden;
622}
623
624.upload-php .media-modal-close .media-modal-icon:before {
625	content: "\f335";
626	content: "\f335" / '';
627	font-size: 22px;
628}
629
630.upload-php .media-modal-close,
631.edit-attachment-frame .edit-media-header .left,
632.edit-attachment-frame .edit-media-header .right {
633	cursor: pointer;
634	color: #787c82;
635	background-color: transparent;
636	height: 50px;
637	width: 50px;
638	padding: 0;
639	position: absolute;
640	text-align: center;
641	border: 0;
642	border-right: 1px solid #dcdcde;
643	transition: color .1s ease-in-out, background .1s ease-in-out;
644}
645
646.upload-php .media-modal-close {
647	top: 0;
648	left: 0;
649}
650
651.edit-attachment-frame .edit-media-header .left {
652	left: 102px;
653}
654
655.edit-attachment-frame .edit-media-header .right {
656	left: 51px;
657}
658
659.edit-attachment-frame .media-frame-title {
660	right: 0;
661	left: 150px; /* leave space for prev/next/close */
662}
663
664.edit-attachment-frame .edit-media-header .right:before,
665.edit-attachment-frame .edit-media-header .left:before {
666	font: normal 20px/50px dashicons !important;
667	display: inline;
668	font-weight: 300;
669}
670
671.upload-php .media-modal-close:hover,
672.upload-php .media-modal-close:focus,
673.edit-attachment-frame .edit-media-header .left:hover,
674.edit-attachment-frame .edit-media-header .right:hover,
675.edit-attachment-frame .edit-media-header .left:focus,
676.edit-attachment-frame .edit-media-header .right:focus {
677	background: #dcdcde;
678	border-color: #c3c4c7;
679	color: #000;
680	outline: none;
681	box-shadow: none;
682}
683
684.upload-php .media-modal-close:focus,
685.edit-attachment-frame .edit-media-header .left:focus,
686.edit-attachment-frame .edit-media-header .right:focus {
687	/* Only visible in Windows High Contrast mode */
688	outline: 2px solid transparent;
689	outline-offset: -2px;
690}
691
692.upload-php .media-modal-close:focus .media-modal-icon:before,
693.upload-php .media-modal-close:hover .media-modal-icon:before {
694	color: #000;
695}
696
697.edit-attachment-frame .edit-media-header .left:before {
698	content: "\f345";
699	content: "\f341" / '';
700}
701
702.edit-attachment-frame .edit-media-header .right:before {
703	content: "\f341";
704	content: "\f345" / '';
705}
706
707.edit-attachment-frame .edit-media-header [disabled],
708.edit-attachment-frame .edit-media-header [disabled]:hover {
709	color: #c3c4c7;
710	background: inherit;
711	cursor: default;
712}
713
714.edit-attachment-frame .media-frame-content,
715.edit-attachment-frame .media-frame-router {
716	right: 0;
717}
718
719.edit-attachment-frame .media-frame-content {
720	border-bottom: none;
721	bottom: 0;
722	top: 50px;
723}
724
725.edit-attachment-frame .attachment-details {
726	position: absolute;
727	overflow: auto;
728	top: 0;
729	bottom: 0;
730	left: 0;
731	right: 0;
732	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
733}
734
735.edit-attachment-frame .attachment-media-view {
736	float: right;
737	width: 65%;
738	height: 100%;
739}
740
741.edit-attachment-frame .attachment-media-view .thumbnail {
742	box-sizing: border-box;
743	padding: 16px;
744	height: 100%;
745}
746
747.edit-attachment-frame .attachment-media-view .details-image {
748	display: block;
749	margin: 0 auto 16px;
750	max-width: 100%;
751	max-height: 90%;
752	max-height: calc( 100% - 42px ); /* leave space for actions underneath */
753	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
754	background-position: 100% 0, 10px 10px;
755	background-size: 20px 20px;
756}
757
758.edit-attachment-frame .attachment-media-view .details-image.icon {
759	background: none;
760}
761
762.edit-attachment-frame .attachment-media-view .attachment-actions {
763	text-align: center;
764}
765
766.edit-attachment-frame .wp-media-wrapper {
767	margin-bottom: 12px;
768}
769
770.edit-attachment-frame input,
771.edit-attachment-frame textarea {
772	padding: 4px 8px;
773	line-height: 1.42857143;
774}
775
776.edit-attachment-frame .attachment-info {
777	overflow: auto;
778	box-sizing: border-box;
779	margin-bottom: 0;
780	padding: 12px 16px 0;
781	width: 35%;
782	height: 100%;
783	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
784	border-bottom: 0;
785	border-right: 1px solid #dcdcde;
786	background: #f6f7f7;
787}
788
789.edit-attachment-frame .attachment-info .details,
790.edit-attachment-frame .attachment-info .settings {
791	position: relative; /* RTL fix, #WP29352 */
792	overflow: hidden;
793	float: none;
794	margin-bottom: 15px;
795	padding-bottom: 15px;
796	border-bottom: 1px solid #dcdcde;
797}
798
799.edit-attachment-frame .attachment-info .filename {
800	font-weight: 400;
801	color: #646970;
802}
803
804.edit-attachment-frame .attachment-info .thumbnail {
805	margin-bottom: 12px;
806}
807
808.attachment-info .actions {
809	margin-bottom: 16px;
810}
811
812.attachment-info .actions a {
813	display: inline;
814	text-decoration: none;
815}
816
817.copy-to-clipboard-container {
818	display: flex;
819	align-items: center;
820	margin-top: 8px;
821	clear: both;
822}
823
824.copy-to-clipboard-container .copy-attachment-url {
825	white-space: normal;
826}
827
828.copy-to-clipboard-container .success {
829	color: #007017;
830	margin-right: 8px;
831}
832
833/*------------------------------------------------------------------------------
834  14.2 - Image Editor
835------------------------------------------------------------------------------*/
836.wp_attachment_details .attachment-alt-text {
837	margin-bottom: 5px;
838}
839
840.wp_attachment_details #attachment_alt {
841	max-width: 500px;
842	height: 3.28571428em;
843}
844
845.wp_attachment_details .attachment-alt-text-description {
846	margin-top: 5px;
847}
848
849.wp_attachment_details label[for="content"] {
850	font-size: 13px;
851	line-height: 1.5;
852	margin: 1em 0;
853}
854
855.wp_attachment_details #attachment_caption {
856	height: 4em;
857}
858
859.describe .image-editor {
860	vertical-align: top;
861}
862
863.imgedit-wrap {
864	position: relative;
865	padding-top: 10px;
866}
867
868.image-editor p,
869.image-editor fieldset {
870	margin: 8px 0;
871}
872
873.image-editor legend {
874	margin-bottom: 5px;
875}
876
877.describe .imgedit-wrap .image-editor {
878	padding: 0 5px;
879}
880
881.wp_attachment_holder div.updated {
882	margin-top: 0;
883}
884
885.wp_attachment_holder .imgedit-wrap > div {
886	height: auto;
887}
888
889.imgedit-panel-content {
890	display: flex;
891	flex-wrap: wrap;
892	gap: 20px;
893	margin-bottom: 20px;
894}
895
896.imgedit-settings {
897	max-width: 240px; /* Prevent reflow when help info is expanded. */
898}
899
900.imgedit-group-controls > * {
901	display: none;
902}
903
904.imgedit-panel-active .imgedit-group-controls > * {
905	display: block;
906}
907
908.imgedit-panel-active .imgedit-group-controls > .imgedit-crop-apply {
909	display: flex;
910}
911
912.imgedit-crop-apply {
913	gap: 4px;
914	flex-wrap: wrap;
915}
916
917.wp_attachment_holder .imgedit-wrap .image-editor {
918	float: left;
919	width: 250px;
920}
921
922.image-editor input {
923	margin-top: 0;
924	vertical-align: middle;
925}
926
927.imgedit-wait {
928	position: absolute;
929	top: 0;
930	bottom: 0;
931	width: 100%;
932	background: #fff;
933	opacity: 0.7;
934	filter: alpha(opacity=70);
935	display: none;
936}
937
938.imgedit-wait:before {
939	content: "";
940	display: block;
941	width: 20px;
942	height: 20px;
943	position: absolute;
944	right: 50%;
945	top: 50%;
946	margin: -10px -10px 0 0;
947	background: transparent url(../images/spinner.gif) no-repeat center;
948	background-size: 20px 20px;
949	transform: translateZ(0);
950}
951
952.no-float {
953	float: none;
954}
955
956.media-disabled,
957.image-editor .disabled {
958	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
959	   interface component ... have no contrast requirement. */
960	color: #a7aaad;
961}
962
963.A1B1 {
964	overflow: hidden;
965}
966
967.wp_attachment_image .button,
968.A1B1 .button {
969	float: right;
970}
971
972.no-js .wp_attachment_image .button {
973	display: none;
974}
975
976.wp_attachment_image .spinner,
977.A1B1 .spinner {
978	float: right;
979}
980
981.imgedit-menu .note-no-rotate {
982	clear: both;
983	margin: 0;
984	padding: 1em 0 0;
985}
986
987.imgedit-menu .button:after,
988.imgedit-menu .button:before {
989	font: normal 16px/1 dashicons;
990	margin-left: 8px;
991	vertical-align: middle;
992	position: relative;
993	top: -2px;
994	-webkit-font-smoothing: antialiased;
995	-moz-osx-font-smoothing: grayscale;
996}
997
998.imgedit-menu .imgedit-rotate.button:after {
999	content: '\f140';
1000	margin-right: 2px;
1001	margin-left: 0;
1002}
1003
1004.imgedit-menu .imgedit-rotate.button[aria-expanded="true"]:after {
1005	content: '\f142';
1006}
1007
1008.imgedit-menu .button.disabled {
1009	color: #a7aaad;
1010	border-color: #dcdcde;
1011	background: #f6f7f7;
1012	box-shadow: none;
1013	text-shadow: 0 1px 0 #fff;
1014	cursor: default;
1015	transform: none;
1016}
1017
1018.imgedit-crop:before {
1019	content: "\f165";
1020	content: "\f165" / '';
1021}
1022
1023.imgedit-scale:before {
1024	content: "\f211";
1025	content: "\f211" / '';
1026}
1027
1028.imgedit-rotate:before {
1029	content: "\f167";
1030	content: "\f167" / '';
1031}
1032
1033.imgedit-undo:before {
1034	content: "\f171";
1035	content: "\f171" / '';
1036}
1037
1038.imgedit-redo:before {
1039	content: "\f172";
1040	content: "\f172" / '';
1041}
1042
1043.imgedit-crop-wrap {
1044	position: relative;
1045}
1046
1047.imgedit-crop-wrap img {
1048	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
1049	background-position: 100% 0, 10px 10px;
1050	background-size: 20px 20px;
1051}
1052
1053.imgedit-crop-wrap {
1054	padding: 20px;
1055	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
1056	background-position: 100% 0, 10px 10px;
1057	background-size: 20px 20px;
1058}
1059
1060
1061.imgedit-crop {
1062	margin: 0 0 0 8px;
1063}
1064
1065.imgedit-rotate {
1066	margin: 0 3px 0 8px;
1067}
1068
1069.imgedit-undo {
1070	margin: 0 3px;
1071}
1072
1073.imgedit-redo {
1074	margin: 0 3px 0 8px;
1075}
1076
1077.imgedit-thumbnail-preview-group {
1078	display: flex;
1079	flex-wrap: wrap;
1080	column-gap: 10px;
1081}
1082
1083.imgedit-thumbnail-preview {
1084	margin: 10px 0 0 8px;
1085}
1086
1087.imgedit-thumbnail-preview-caption {
1088	display: block;
1089}
1090
1091#poststuff .imgedit-group-top h2 {
1092	display: inline-block;
1093	margin: 0;
1094	padding: 0;
1095	font-size: 14px;
1096	line-height: 1.4;
1097}
1098
1099#poststuff .imgedit-group-top .button-link {
1100	text-decoration: none;
1101	color: #1d2327;
1102}
1103
1104.imgedit-applyto .imgedit-label {
1105	display: block;
1106	padding: .5em 0 0;
1107}
1108
1109.imgedit-popup-menu,
1110.imgedit-help {
1111	display: none;
1112	padding-bottom: 8px;
1113}
1114
1115.imgedit-panel-tools > .imgedit-menu {
1116	display: flex;
1117	column-gap: 4px;
1118	align-items: flex-start;
1119	flex-wrap: wrap;
1120}
1121
1122.imgedit-popup-menu {
1123	width: calc( 100% - 20px );
1124	position: absolute;
1125	background: #fff;
1126	padding: 10px;
1127	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
1128}
1129
1130.image-editor .imgedit-menu .imgedit-popup-menu button {
1131	display: block;
1132	margin: 2px 0;
1133	width: 100%;
1134	white-space: break-spaces;
1135	line-height: 1.5;
1136	padding-top: 3px;
1137	padding-bottom: 2px;
1138}
1139
1140.imgedit-rotate-menu-container {
1141	position: relative;
1142}
1143
1144.imgedit-help.imgedit-restore {
1145	padding-bottom: 0;
1146}
1147
1148/* higher specificity than buttons */
1149.image-editor .imgedit-settings .imgedit-help-toggle,
1150.image-editor .imgedit-settings .imgedit-help-toggle:hover,
1151.image-editor .imgedit-settings .imgedit-help-toggle:active {
1152	border: 1px solid transparent;
1153	margin: -1px -1px 0 0;
1154	padding: 0;
1155	background: transparent;
1156	color: #2271b1;
1157	font-size: 20px;
1158	line-height: 1;
1159	cursor: pointer;
1160	box-sizing: content-box;
1161	box-shadow: none;
1162}
1163
1164.image-editor .imgedit-settings .imgedit-help-toggle:focus {
1165	color: #2271b1;
1166	border-color: #2271b1;
1167	box-shadow: 0 0 0 1px #2271b1;
1168	/* Only visible in Windows High Contrast mode */
1169	outline: 2px solid transparent;
1170}
1171
1172.form-table td.imgedit-response {
1173	padding: 0;
1174}
1175
1176.imgedit-submit-btn {
1177	margin-right: 20px;
1178}
1179
1180.imgedit-wrap .nowrap {
1181	white-space: nowrap;
1182	font-size: 12px;
1183	line-height: inherit;
1184}
1185
1186span.imgedit-scale-warn {
1187	display: flex;
1188	align-items: center;
1189	margin: 4px;
1190	gap: 4px;
1191	color: #b32d2e;
1192	font-style: normal;
1193	visibility: hidden;
1194	vertical-align: middle;
1195}
1196
1197.imgedit-save-target {
1198	margin: 8px 0;
1199}
1200
1201.imgedit-save-target legend {
1202	font-weight: 600;
1203}
1204
1205.imgedit-group {
1206	margin-bottom: 20px;
1207}
1208
1209.image-editor .imgedit-original-dimensions {
1210	display: inline-block;
1211}
1212
1213.image-editor .imgedit-scale-controls input[type="text"],
1214.image-editor .imgedit-crop-ratio input[type="text"],
1215.image-editor .imgedit-crop-sel input[type="text"],
1216.image-editor .imgedit-scale-controls input[type="number"],
1217.image-editor .imgedit-crop-ratio input[type="number"],
1218.image-editor .imgedit-crop-sel input[type="number"] {
1219	width: 80px;
1220	font-size: 14px;
1221	padding: 0 8px;
1222}
1223
1224.imgedit-separator {
1225	display: inline-block;
1226	width: 7px;
1227	text-align: center;
1228	font-size: 13px;
1229	color: #3c434a;
1230}
1231
1232.image-editor .imgedit-scale-button-wrapper {
1233	margin-top: 0.3077em;
1234	display: block;
1235}
1236
1237.image-editor .imgedit-scale-controls .button {
1238	margin-bottom: 0;
1239}
1240
1241audio, video {
1242	display: inline-block;
1243	max-width: 100%;
1244}
1245
1246.wp-core-ui .mejs-container {
1247	width: 100%;
1248	max-width: 100%;
1249}
1250
1251.wp-core-ui .mejs-container * {
1252	box-sizing: border-box;
1253}
1254
1255.wp-core-ui .mejs-time {
1256	box-sizing: content-box;
1257}
1258
1259/* =Media Queries
1260-------------------------------------------------------------- */
1261
1262/**
1263 * HiDPI Displays
1264 */
1265@media print,
1266  (min-resolution: 120dpi) {
1267	.imgedit-wait:before {
1268		background-image: url(../images/spinner-2x.gif);
1269	}
1270}
1271
1272@media screen and (max-width: 782px) {
1273	.edit-attachment-frame input,
1274	.edit-attachment-frame textarea {
1275		line-height: 1.5;
1276	}
1277
1278	.wp_attachment_details label[for="content"] {
1279		font-size: 14px;
1280		line-height: 1.5;
1281	}
1282
1283	.wp_attachment_details textarea {
1284		line-height: 1.5;
1285	}
1286
1287	.wp_attachment_details #attachment_alt {
1288		height: 3.375em;
1289	}
1290
1291	.media-upload-form .media-item.error,
1292	.media-upload-form .media-item .error {
1293		font-size: 13px;
1294		line-height: 1.5;
1295	}
1296
1297	.media-upload-form .media-item.error {
1298		padding: 1px 10px;
1299	}
1300
1301	.media-upload-form .media-item .error {
1302		padding: 10px 12px 10px 0;
1303	}
1304
1305	.image-editor .imgedit-scale input[type="text"],
1306	.image-editor .imgedit-crop-ratio input[type="text"],
1307	.image-editor .imgedit-crop-sel input[type="text"] {
1308		font-size: 16px;
1309		padding: 6px 10px;
1310	}
1311
1312	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
1313	.wp_attachment_holder .imgedit-wrap .image-editor {
1314		float: none;
1315		width: auto;
1316		max-width: none;
1317		padding-bottom: 16px;
1318	}
1319
1320	.copy-to-clipboard-container .success {
1321		font-size: 14px;
1322	}
1323
1324	/* Restructure image editor on narrow viewports. */
1325	.imgedit-crop-wrap img{
1326		width: 100%;
1327	}
1328
1329	.media-modal .imgedit-wrap .imgedit-panel-content,
1330	.media-modal .imgedit-wrap .image-editor {
1331		position: initial !important;
1332	}
1333
1334	.media-modal .imgedit-wrap .image-editor {
1335		box-sizing: border-box;
1336		width: 100% !important;
1337	}
1338
1339	.image-editor .imgedit-scale-button-wrapper {
1340		display: inline-block;
1341	}
1342}
1343
1344@media only screen and (max-width: 600px) {
1345	.media-item-wrapper {
1346		grid-template-columns: 1fr;
1347	}
1348}
1349
1350/**
1351 * Media queries for media grid.
1352 */
1353@media only screen and (max-width: 1120px) {
1354	/* override for media-views.css */
1355	#wp-media-grid .wp-filter .attachment-filters {
1356		max-width: 100%;
1357	}
1358}
1359
1360@media only screen and (max-width: 1000px) {
1361	/* override for forms.css */
1362	.wp-filter p.search-box {
1363		float: none;
1364		width: 100%;
1365		margin-bottom: 20px;
1366		display: flex;
1367		flex-wrap: nowrap;
1368		column-gap: 0;
1369	}
1370
1371	.wp-filter p.search-box #media-search-input {
1372		width: 100%;
1373	}
1374
1375}
1376
1377@media only screen and (max-width: 782px) {
1378	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
1379		top: 46px;
1380		left: 10px;
1381	}
1382}
1383
1384@media only screen and (max-width: 600px) {
1385	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
1386		top: 0;
1387	}
1388}
1389
1390@media only screen and (max-width: 480px) {
1391	.edit-attachment-frame .media-frame-title {
1392		left: 110px;
1393	}
1394
1395	.upload-php .media-modal-close,
1396	.edit-attachment-frame .edit-media-header .left,
1397	.edit-attachment-frame .edit-media-header .right {
1398		width: 40px;
1399		height: 40px;
1400	}
1401
1402	.edit-attachment-frame .edit-media-header .right:before,
1403	.edit-attachment-frame .edit-media-header .left:before {
1404		line-height: 40px !important;
1405	}
1406
1407	.edit-attachment-frame .edit-media-header .left {
1408		left: 82px;
1409	}
1410
1411	.edit-attachment-frame .edit-media-header .right {
1412		left: 41px;
1413	}
1414
1415	.edit-attachment-frame .media-frame-content {
1416		top: 40px;
1417	}
1418
1419	.edit-attachment-frame .attachment-media-view {
1420		float: none;
1421		height: auto;
1422		width: 100%;
1423	}
1424
1425	.edit-attachment-frame .attachment-info {
1426		height: auto;
1427		width: 100%;
1428	}
1429}
1430
1431@media only screen and (max-width: 640px), screen and (max-height: 400px) {
1432	.upload-php .mode-grid .media-sidebar{
1433		max-width: 100%;
1434	}
1435}
1436
1437@media only screen and (max-width: 375px) {
1438	.media-item .attachment-tools {
1439		align-items: baseline;
1440	}
1441	.media-item .edit-attachment.copy-to-clipboard-container {
1442		flex-direction: column;
1443	}
1444
1445	.copy-to-clipboard-container .success {
1446		line-height: normal;
1447		margin-top: 10px;
1448	}
1449}
1450