You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1964 lines
54 KiB

1 year ago
  1. :root{
  2. --wp-admin-theme-color:#007cba;
  3. --wp-admin-theme-color--rgb:0, 124, 186;
  4. --wp-admin-theme-color-darker-10:#006ba1;
  5. --wp-admin-theme-color-darker-10--rgb:0, 107, 161;
  6. --wp-admin-theme-color-darker-20:#005a87;
  7. --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
  8. --wp-admin-border-width-focus:2px;
  9. --wp-block-synced-color:#7a00df;
  10. --wp-block-synced-color--rgb:122, 0, 223;
  11. }
  12. @media (min-resolution:192dpi){
  13. :root{
  14. --wp-admin-border-width-focus:1.5px;
  15. }
  16. }
  17. .components-panel__header.interface-complementary-area-header__small{
  18. background:#fff;
  19. padding-right:4px;
  20. }
  21. .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{
  22. overflow:hidden;
  23. text-overflow:ellipsis;
  24. white-space:nowrap;
  25. width:100%;
  26. }
  27. @media (min-width:782px){
  28. .components-panel__header.interface-complementary-area-header__small{
  29. display:none;
  30. }
  31. }
  32. .interface-complementary-area-header{
  33. background:#fff;
  34. padding-right:4px;
  35. }
  36. .interface-complementary-area-header .components-button.has-icon{
  37. display:none;
  38. margin-left:auto;
  39. }
  40. .interface-complementary-area-header .components-button.has-icon~.components-button{
  41. margin-left:0;
  42. }
  43. @media (min-width:782px){
  44. .interface-complementary-area-header .components-button.has-icon{
  45. display:flex;
  46. }
  47. .components-panel__header+.interface-complementary-area-header{
  48. margin-top:0;
  49. }
  50. }
  51. .interface-complementary-area{
  52. background:#fff;
  53. color:#1e1e1e;
  54. }
  55. @media (min-width:600px){
  56. .interface-complementary-area{
  57. -webkit-overflow-scrolling:touch;
  58. }
  59. }
  60. @media (min-width:782px){
  61. .interface-complementary-area{
  62. width:280px;
  63. }
  64. }
  65. .interface-complementary-area .components-panel{
  66. border:none;
  67. position:relative;
  68. z-index:0;
  69. }
  70. .interface-complementary-area .components-panel__header{
  71. position:sticky;
  72. top:0;
  73. z-index:1;
  74. }
  75. .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{
  76. top:48px;
  77. }
  78. @media (min-width:782px){
  79. .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{
  80. top:0;
  81. }
  82. }
  83. .interface-complementary-area p:not(.components-base-control__help){
  84. margin-top:0;
  85. }
  86. .interface-complementary-area h2{
  87. color:#1e1e1e;
  88. font-size:13px;
  89. margin-bottom:1.5em;
  90. }
  91. .interface-complementary-area h3{
  92. color:#1e1e1e;
  93. font-size:11px;
  94. font-weight:500;
  95. margin-bottom:1.5em;
  96. text-transform:uppercase;
  97. }
  98. .interface-complementary-area hr{
  99. border-bottom:1px solid #f0f0f0;
  100. border-top:none;
  101. margin:1.5em 0;
  102. }
  103. .interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{
  104. box-shadow:none;
  105. margin-bottom:1.5em;
  106. }
  107. .interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{
  108. margin-bottom:0;
  109. }
  110. .interface-complementary-area .block-editor-skip-to-selected-block:focus{
  111. bottom:10px;
  112. left:auto;
  113. right:10px;
  114. top:auto;
  115. }
  116. @media (min-width:782px){
  117. body.js.is-fullscreen-mode{
  118. height:calc(100% + 32px);
  119. margin-top:-32px;
  120. }
  121. body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{
  122. display:none;
  123. }
  124. body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{
  125. margin-left:0;
  126. }
  127. }
  128. html.interface-interface-skeleton__html-container{
  129. position:fixed;
  130. width:100%;
  131. }
  132. @media (min-width:782px){
  133. html.interface-interface-skeleton__html-container{
  134. position:static;
  135. width:auto;
  136. }
  137. }
  138. .interface-interface-skeleton{
  139. bottom:0;
  140. display:flex;
  141. flex-direction:row;
  142. height:auto;
  143. max-height:100%;
  144. position:fixed;
  145. right:0;
  146. top:46px;
  147. }
  148. @media (min-width:783px){
  149. .interface-interface-skeleton{
  150. top:32px;
  151. }
  152. .is-fullscreen-mode .interface-interface-skeleton{
  153. top:0;
  154. }
  155. }
  156. .interface-interface-skeleton__editor{
  157. display:flex;
  158. flex:0 1 100%;
  159. flex-direction:column;
  160. overflow:hidden;
  161. }
  162. .interface-interface-skeleton{
  163. left:0;
  164. }
  165. @media (min-width:783px){
  166. .interface-interface-skeleton{
  167. left:160px;
  168. }
  169. }
  170. @media (min-width:783px){
  171. .auto-fold .interface-interface-skeleton{
  172. left:36px;
  173. }
  174. }
  175. @media (min-width:961px){
  176. .auto-fold .interface-interface-skeleton{
  177. left:160px;
  178. }
  179. }
  180. .folded .interface-interface-skeleton{
  181. left:0;
  182. }
  183. @media (min-width:783px){
  184. .folded .interface-interface-skeleton{
  185. left:36px;
  186. }
  187. }
  188. body.is-fullscreen-mode .interface-interface-skeleton{
  189. left:0 !important;
  190. }
  191. .interface-interface-skeleton__body{
  192. display:flex;
  193. flex-grow:1;
  194. overflow:auto;
  195. overscroll-behavior-y:none;
  196. }
  197. @media (min-width:782px){
  198. .has-footer .interface-interface-skeleton__body{
  199. padding-bottom:25px;
  200. }
  201. }
  202. .interface-interface-skeleton__content{
  203. display:flex;
  204. flex-direction:column;
  205. flex-grow:1;
  206. overflow:auto;
  207. z-index:20;
  208. }
  209. @media (min-width:782px){
  210. .interface-interface-skeleton__content{
  211. z-index:auto;
  212. }
  213. }
  214. .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
  215. background:#fff;
  216. bottom:0;
  217. color:#1e1e1e;
  218. flex-shrink:0;
  219. left:0;
  220. position:absolute;
  221. right:0;
  222. top:0;
  223. z-index:100000;
  224. }
  225. @media (min-width:782px){
  226. .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
  227. position:relative !important;
  228. width:auto;
  229. }
  230. .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{
  231. z-index:90;
  232. }
  233. }
  234. .interface-interface-skeleton__sidebar{
  235. overflow:auto;
  236. }
  237. @media (min-width:782px){
  238. .interface-interface-skeleton__sidebar{
  239. border-left:1px solid #e0e0e0;
  240. }
  241. .interface-interface-skeleton__secondary-sidebar{
  242. border-right:1px solid #e0e0e0;
  243. }
  244. }
  245. .interface-interface-skeleton__header{
  246. border-bottom:1px solid #e0e0e0;
  247. color:#1e1e1e;
  248. flex-shrink:0;
  249. height:auto;
  250. z-index:30;
  251. }
  252. .interface-interface-skeleton__footer{
  253. background-color:#fff;
  254. border-top:1px solid #e0e0e0;
  255. bottom:0;
  256. color:#1e1e1e;
  257. display:none;
  258. flex-shrink:0;
  259. height:auto;
  260. left:0;
  261. position:absolute;
  262. width:100%;
  263. z-index:90;
  264. }
  265. @media (min-width:782px){
  266. .interface-interface-skeleton__footer{
  267. display:flex;
  268. }
  269. }
  270. .interface-interface-skeleton__footer .block-editor-block-breadcrumb{
  271. align-items:center;
  272. background:#fff;
  273. display:flex;
  274. font-size:13px;
  275. height:24px;
  276. padding:0 18px;
  277. z-index:30;
  278. }
  279. .interface-interface-skeleton__actions{
  280. background:#fff;
  281. bottom:auto;
  282. color:#1e1e1e;
  283. left:auto;
  284. position:fixed !important;
  285. right:0;
  286. top:-9999em;
  287. width:100vw;
  288. z-index:100000;
  289. }
  290. @media (min-width:782px){
  291. .interface-interface-skeleton__actions{
  292. width:280px;
  293. }
  294. }
  295. .interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{
  296. bottom:0;
  297. top:auto;
  298. }
  299. .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
  300. top:46px;
  301. }
  302. @media (min-width:782px){
  303. .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
  304. border-left:1px solid #ddd;
  305. top:32px;
  306. }
  307. .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
  308. top:0;
  309. }
  310. }
  311. .interface-more-menu-dropdown{
  312. margin-left:-4px;
  313. }
  314. .interface-more-menu-dropdown .components-button{
  315. padding:0 2px;
  316. width:auto;
  317. }
  318. @media (min-width:600px){
  319. .interface-more-menu-dropdown{
  320. margin-left:0;
  321. }
  322. .interface-more-menu-dropdown .components-button{
  323. padding:0 4px;
  324. }
  325. }
  326. .interface-more-menu-dropdown__content .components-popover__content{
  327. min-width:280px;
  328. }
  329. @media (min-width:480px){
  330. .interface-more-menu-dropdown__content .components-popover__content{
  331. max-width:480px;
  332. }
  333. }
  334. .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{
  335. padding:0;
  336. }
  337. .components-popover.interface-more-menu-dropdown__content{
  338. z-index:99998;
  339. }
  340. .interface-pinned-items{
  341. display:flex;
  342. gap:4px;
  343. margin-right:-4px;
  344. }
  345. .interface-pinned-items .components-button{
  346. display:none;
  347. margin:0;
  348. }
  349. .interface-pinned-items .components-button[aria-controls="edit-post:block"],.interface-pinned-items .components-button[aria-controls="edit-post:document"],.interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"],.interface-pinned-items .components-button[aria-controls="edit-site:global-styles"],.interface-pinned-items .components-button[aria-controls="edit-site:template"]{
  350. display:flex;
  351. }
  352. .interface-pinned-items .components-button svg{
  353. max-height:24px;
  354. max-width:24px;
  355. }
  356. @media (min-width:600px){
  357. .interface-pinned-items .components-button{
  358. display:flex;
  359. }
  360. .interface-preferences-modal{
  361. height:calc(100% - 120px);
  362. width:calc(100% - 32px);
  363. }
  364. }
  365. @media (min-width:782px){
  366. .interface-preferences-modal{
  367. width:750px;
  368. }
  369. }
  370. @media (min-width:960px){
  371. .interface-preferences-modal{
  372. height:70%;
  373. }
  374. }
  375. @media (max-width:781px){
  376. .interface-preferences-modal .components-modal__content{
  377. padding:0;
  378. }
  379. }
  380. .interface-preferences__tabs .components-tab-panel__tabs{
  381. left:16px;
  382. position:absolute;
  383. top:84px;
  384. width:160px;
  385. }
  386. .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{
  387. border-radius:2px;
  388. font-weight:400;
  389. }
  390. .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{
  391. background:#f0f0f0;
  392. box-shadow:none;
  393. font-weight:500;
  394. }
  395. .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{
  396. content:none;
  397. }
  398. .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){
  399. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  400. outline:2px solid transparent;
  401. }
  402. .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible:before{
  403. content:none;
  404. }
  405. .interface-preferences__tabs .components-tab-panel__tab-content{
  406. margin-left:160px;
  407. padding-left:24px;
  408. }
  409. @media (max-width:781px){
  410. .interface-preferences__provider{
  411. height:100%;
  412. }
  413. }
  414. .interface-preferences-modal__section{
  415. margin:0 0 2.5rem;
  416. }
  417. .interface-preferences-modal__section:last-child{
  418. margin:0;
  419. }
  420. .interface-preferences-modal__section-legend{
  421. margin-bottom:8px;
  422. }
  423. .interface-preferences-modal__section-title{
  424. font-size:.9rem;
  425. font-weight:600;
  426. margin-top:0;
  427. }
  428. .interface-preferences-modal__section-description{
  429. color:#757575;
  430. font-size:12px;
  431. font-style:normal;
  432. margin:-8px 0 8px;
  433. }
  434. .interface-preferences-modal__option+.interface-preferences-modal__option{
  435. margin-top:16px;
  436. }
  437. .interface-preferences-modal__option .components-base-control__help{
  438. margin-left:48px;
  439. margin-top:0;
  440. }
  441. .edit-post-header{
  442. align-items:center;
  443. background:#fff;
  444. display:flex;
  445. flex-wrap:wrap;
  446. height:60px;
  447. max-width:100vw;
  448. }
  449. @media (min-width:280px){
  450. .edit-post-header{
  451. flex-wrap:nowrap;
  452. }
  453. }
  454. .edit-post-header>.edit-post-header__settings{
  455. order:1;
  456. }
  457. @supports (position:sticky){
  458. .edit-post-header>.edit-post-header__settings{
  459. order:0;
  460. }
  461. }
  462. .edit-post-header__toolbar{
  463. display:flex;
  464. flex-grow:1;
  465. }
  466. .edit-post-header__toolbar .table-of-contents{
  467. display:none;
  468. }
  469. @media (min-width:600px){
  470. .edit-post-header__toolbar .table-of-contents{
  471. display:block;
  472. }
  473. }
  474. .edit-post-header__center{
  475. display:flex;
  476. flex-grow:1;
  477. justify-content:center;
  478. }
  479. .edit-post-header__settings{
  480. align-items:center;
  481. display:inline-flex;
  482. flex-wrap:wrap;
  483. gap:4px;
  484. padding-right:4px;
  485. }
  486. @media (min-width:600px){
  487. .edit-post-header__settings{
  488. gap:8px;
  489. padding-right:10px;
  490. }
  491. }
  492. .edit-post-header-preview__grouping-external{
  493. display:flex;
  494. padding-bottom:0;
  495. position:relative;
  496. }
  497. .edit-post-header-preview__button-external{
  498. display:flex;
  499. justify-content:flex-start;
  500. margin-right:auto;
  501. padding-left:8px;
  502. width:100%;
  503. }
  504. .edit-post-header-preview__button-external svg{
  505. margin-left:auto;
  506. }
  507. .edit-post-post-preview-dropdown .components-popover__content{
  508. padding-bottom:0;
  509. }
  510. .edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{
  511. width:auto;
  512. }
  513. .edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{
  514. display:none;
  515. }
  516. .edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{
  517. content:attr(aria-label);
  518. }
  519. .edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{
  520. background-color:transparent;
  521. }
  522. .edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{
  523. background-color:transparent;
  524. box-shadow:0 0 0 1.5px var(--wp-admin-theme-color);
  525. }
  526. .edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{
  527. display:block;
  528. }
  529. .edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{
  530. content:none;
  531. }
  532. .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{
  533. width:60px;
  534. }
  535. .edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{
  536. display:block;
  537. }
  538. .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{
  539. padding-left:8px;
  540. padding-right:8px;
  541. }
  542. @media (min-width:600px){
  543. .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{
  544. padding-left:12px;
  545. padding-right:12px;
  546. }
  547. }
  548. .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{
  549. content:none;
  550. }
  551. .edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{
  552. justify-content:flex-start;
  553. margin:0;
  554. padding:6px 6px 6px 40px;
  555. text-align:left;
  556. width:14.625rem;
  557. }
  558. .show-icon-labels.interface-pinned-items{
  559. border-bottom:1px solid #ccc;
  560. display:block;
  561. margin:0 -12px;
  562. padding:6px 12px 12px;
  563. }
  564. .show-icon-labels.interface-pinned-items>.components-button.has-icon{
  565. justify-content:flex-start;
  566. margin:0;
  567. padding:6px 6px 6px 8px;
  568. width:14.625rem;
  569. }
  570. .show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{
  571. display:block;
  572. max-width:24px;
  573. }
  574. .show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{
  575. padding-left:40px;
  576. }
  577. .show-icon-labels.interface-pinned-items>.components-button.has-icon svg{
  578. margin-right:8px;
  579. }
  580. .is-distraction-free .interface-interface-skeleton__header{
  581. border-bottom:none;
  582. }
  583. .is-distraction-free .edit-post-header{
  584. -webkit-backdrop-filter:blur(20px) !important;
  585. backdrop-filter:blur(20px) !important;
  586. background-color:hsla(0,0%,100%,.9);
  587. border-bottom:1px solid #e0e0e0;
  588. position:absolute;
  589. width:100%;
  590. }
  591. .is-distraction-free .edit-post-header>.edit-post-header__settings>.editor-post-preview{
  592. visibility:hidden;
  593. }
  594. .is-distraction-free .edit-post-header>.edit-post-header__settings>.block-editor-post-preview__dropdown,.is-distraction-free .edit-post-header>.edit-post-header__settings>.interface-pinned-items,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__document-overview-toggle,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__inserter-toggle{
  595. display:none;
  596. }
  597. .is-distraction-free .interface-interface-skeleton__header:focus-within{
  598. opacity:1 !important;
  599. }
  600. .is-distraction-free .interface-interface-skeleton__header:focus-within div{
  601. transform:translateX(0) translateZ(0) !important;
  602. }
  603. .is-distraction-free .components-editor-notices__dismissible{
  604. position:absolute;
  605. z-index:35;
  606. }
  607. .edit-post-fullscreen-mode-close.components-button{
  608. display:none;
  609. }
  610. @media (min-width:782px){
  611. .edit-post-fullscreen-mode-close.components-button{
  612. align-items:center;
  613. align-self:stretch;
  614. background:#1e1e1e;
  615. border:none;
  616. border-radius:0;
  617. color:#fff;
  618. display:flex;
  619. height:61px;
  620. margin-bottom:-1px;
  621. position:relative;
  622. width:60px;
  623. }
  624. .edit-post-fullscreen-mode-close.components-button:active{
  625. color:#fff;
  626. }
  627. .edit-post-fullscreen-mode-close.components-button:focus{
  628. box-shadow:none;
  629. }
  630. .edit-post-fullscreen-mode-close.components-button:before{
  631. border-radius:4px;
  632. bottom:10px;
  633. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
  634. content:"";
  635. display:block;
  636. left:9px;
  637. position:absolute;
  638. right:9px;
  639. top:9px;
  640. transition:box-shadow .1s ease;
  641. }
  642. }
  643. @media (min-width:782px) and (prefers-reduced-motion:reduce){
  644. .edit-post-fullscreen-mode-close.components-button:before{
  645. transition-delay:0s;
  646. transition-duration:0s;
  647. }
  648. }
  649. @media (min-width:782px){
  650. .edit-post-fullscreen-mode-close.components-button:hover:before{
  651. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575;
  652. }
  653. .edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{
  654. box-shadow:none;
  655. }
  656. .edit-post-fullscreen-mode-close.components-button:focus:before{
  657. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  658. }
  659. }
  660. .edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{
  661. border-radius:2px;
  662. height:36px;
  663. margin-top:-1px;
  664. object-fit:cover;
  665. width:36px;
  666. }
  667. .edit-post-header-toolbar{
  668. align-items:center;
  669. border:none;
  670. display:inline-flex;
  671. }
  672. .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{
  673. display:none;
  674. }
  675. @media (min-width:600px){
  676. .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{
  677. display:inline-flex;
  678. }
  679. }
  680. .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{
  681. display:inline-flex;
  682. }
  683. .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{
  684. transition:transform .2s cubic-bezier(.165, .84, .44, 1);
  685. }
  686. @media (prefers-reduced-motion:reduce){
  687. .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{
  688. transition-delay:0s;
  689. transition-duration:0s;
  690. }
  691. }
  692. .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{
  693. transform:rotate(45deg);
  694. }
  695. .edit-post-header-toolbar .block-editor-list-view{
  696. display:none;
  697. }
  698. @media (min-width:600px){
  699. .edit-post-header-toolbar .block-editor-list-view{
  700. display:flex;
  701. }
  702. }
  703. .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{
  704. height:36px;
  705. min-width:36px;
  706. padding:6px;
  707. }
  708. .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{
  709. background:#1e1e1e;
  710. }
  711. .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){
  712. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
  713. outline:1px solid transparent;
  714. }
  715. .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{
  716. display:none;
  717. }
  718. @media (min-width:600px){
  719. .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{
  720. transition:opacity .1s linear;
  721. }
  722. }
  723. @media (min-width:600px) and (prefers-reduced-motion:reduce){
  724. .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{
  725. transition-delay:0s;
  726. transition-duration:0s;
  727. }
  728. }
  729. @media (min-width:600px){
  730. .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{
  731. opacity:0;
  732. }
  733. }
  734. .edit-post-header-toolbar__left{
  735. align-items:center;
  736. display:inline-flex;
  737. margin-right:8px;
  738. padding-left:8px;
  739. }
  740. @media (min-width:600px){
  741. .edit-post-header-toolbar__left{
  742. padding-left:24px;
  743. }
  744. }
  745. @media (min-width:1280px){
  746. .edit-post-header-toolbar__left{
  747. padding-right:8px;
  748. }
  749. }
  750. .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{
  751. height:32px;
  752. margin-right:8px;
  753. min-width:32px;
  754. padding:0;
  755. width:32px;
  756. }
  757. .show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{
  758. height:36px;
  759. padding:0 8px;
  760. width:auto;
  761. }
  762. .show-icon-labels .edit-post-header-toolbar__left>*+*{
  763. margin-left:8px;
  764. }
  765. .edit-post-document-actions{
  766. align-items:center;
  767. background:#f0f0f0;
  768. border-radius:4px;
  769. display:flex;
  770. gap:8px;
  771. height:36px;
  772. justify-content:space-between;
  773. min-width:0;
  774. width:min(100%, 450px);
  775. }
  776. .edit-post-document-actions .components-button:hover{
  777. background:#e0e0e0;
  778. color:var(--wp-block-synced-color);
  779. }
  780. .edit-post-document-actions__command,.edit-post-document-actions__title{
  781. color:var(--wp-block-synced-color);
  782. flex-grow:1;
  783. overflow:hidden;
  784. }
  785. .edit-post-document-actions__title:hover{
  786. color:var(--wp-block-synced-color);
  787. }
  788. .edit-post-document-actions__title .block-editor-block-icon{
  789. flex-shrink:0;
  790. }
  791. .edit-post-document-actions__title h1{
  792. color:var(--wp-block-synced-color);
  793. overflow:hidden;
  794. text-overflow:ellipsis;
  795. white-space:nowrap;
  796. }
  797. .edit-post-document-actions__shortcut{
  798. color:#2f2f2f;
  799. }
  800. .edit-post-document-actions__back.components-button.has-icon.has-text{
  801. color:#757575;
  802. flex-shrink:0;
  803. gap:0;
  804. min-width:36px;
  805. }
  806. .edit-post-document-actions__back.components-button.has-icon.has-text:hover{
  807. color:currentColor;
  808. }
  809. .edit-post-keyboard-shortcut-help-modal__section{
  810. margin:0 0 2rem;
  811. }
  812. .edit-post-keyboard-shortcut-help-modal__section-title{
  813. font-size:.9rem;
  814. font-weight:600;
  815. }
  816. .edit-post-keyboard-shortcut-help-modal__shortcut{
  817. align-items:baseline;
  818. border-top:1px solid #ddd;
  819. display:flex;
  820. margin-bottom:0;
  821. padding:.6rem 0;
  822. }
  823. .edit-post-keyboard-shortcut-help-modal__shortcut:last-child{
  824. border-bottom:1px solid #ddd;
  825. }
  826. .edit-post-keyboard-shortcut-help-modal__shortcut:empty{
  827. display:none;
  828. }
  829. .edit-post-keyboard-shortcut-help-modal__shortcut-term{
  830. font-weight:600;
  831. margin:0 0 0 1rem;
  832. text-align:right;
  833. }
  834. .edit-post-keyboard-shortcut-help-modal__shortcut-description{
  835. flex:1;
  836. flex-basis:auto;
  837. margin:0;
  838. }
  839. .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{
  840. background:none;
  841. display:block;
  842. margin:0;
  843. padding:0;
  844. }
  845. .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{
  846. margin-top:10px;
  847. }
  848. .edit-post-keyboard-shortcut-help-modal__shortcut-key{
  849. border-radius:8%;
  850. margin:0 .2rem;
  851. padding:.25rem .5rem;
  852. }
  853. .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{
  854. margin:0 0 0 .2rem;
  855. }
  856. .edit-post-layout__metaboxes{
  857. clear:both;
  858. flex-shrink:0;
  859. }
  860. .edit-post-layout .components-editor-notices__snackbar{
  861. bottom:40px;
  862. padding-left:16px;
  863. padding-right:16px;
  864. position:fixed;
  865. right:0;
  866. }
  867. .is-distraction-free .components-editor-notices__snackbar{
  868. bottom:20px;
  869. }
  870. .edit-post-layout .components-editor-notices__snackbar{
  871. left:0;
  872. }
  873. @media (min-width:783px){
  874. .edit-post-layout .components-editor-notices__snackbar{
  875. left:160px;
  876. }
  877. }
  878. @media (min-width:783px){
  879. .auto-fold .edit-post-layout .components-editor-notices__snackbar{
  880. left:36px;
  881. }
  882. }
  883. @media (min-width:961px){
  884. .auto-fold .edit-post-layout .components-editor-notices__snackbar{
  885. left:160px;
  886. }
  887. }
  888. .folded .edit-post-layout .components-editor-notices__snackbar{
  889. left:0;
  890. }
  891. @media (min-width:783px){
  892. .folded .edit-post-layout .components-editor-notices__snackbar{
  893. left:36px;
  894. }
  895. }
  896. body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{
  897. left:0 !important;
  898. }
  899. .edit-post-layout .editor-post-publish-panel{
  900. bottom:0;
  901. left:0;
  902. overflow:auto;
  903. position:fixed;
  904. right:0;
  905. top:46px;
  906. z-index:100001;
  907. }
  908. @media (min-width:782px){
  909. .edit-post-layout .editor-post-publish-panel{
  910. animation:edit-post-post-publish-panel__slide-in-animation .1s forwards;
  911. border-left:1px solid #ddd;
  912. left:auto;
  913. top:32px;
  914. transform:translateX(100%);
  915. width:281px;
  916. z-index:99998;
  917. }
  918. }
  919. @media (min-width:782px) and (prefers-reduced-motion:reduce){
  920. .edit-post-layout .editor-post-publish-panel{
  921. animation-delay:0s;
  922. animation-duration:1ms;
  923. }
  924. }
  925. @media (min-width:782px){
  926. body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{
  927. top:0;
  928. }
  929. [role=region]:focus .edit-post-layout .editor-post-publish-panel{
  930. transform:translateX(0);
  931. }
  932. }
  933. @keyframes edit-post-post-publish-panel__slide-in-animation{
  934. to{
  935. transform:translateX(0);
  936. }
  937. }
  938. .edit-post-layout .editor-post-publish-panel__header-publish-button{
  939. justify-content:center;
  940. }
  941. .edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{
  942. background-color:#fff;
  943. border:1px dotted #ddd;
  944. bottom:auto;
  945. box-sizing:border-box;
  946. display:flex;
  947. height:auto !important;
  948. justify-content:center;
  949. left:auto;
  950. padding:24px;
  951. position:fixed !important;
  952. right:0;
  953. top:-9999em;
  954. width:280px;
  955. z-index:100000;
  956. }
  957. .interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel{
  958. bottom:0;
  959. top:auto;
  960. }
  961. .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel{
  962. bottom:0;
  963. top:auto;
  964. }
  965. .edit-post-layout .entities-saved-states__panel-header{
  966. height:61px;
  967. }
  968. @media (min-width:782px){
  969. .edit-post-layout.has-fixed-toolbar .interface-interface-skeleton__header:not(:focus-within){
  970. z-index:19;
  971. }
  972. }
  973. .edit-post-block-manager__no-results{
  974. font-style:italic;
  975. padding:24px 0;
  976. text-align:center;
  977. }
  978. .edit-post-block-manager__search{
  979. margin:16px 0;
  980. }
  981. .edit-post-block-manager__disabled-blocks-count{
  982. background-color:#fff;
  983. border:1px solid #ddd;
  984. border-width:1px 0;
  985. box-shadow:-32px 0 0 0 #fff,32px 0 0 0 #fff;
  986. padding:8px;
  987. position:sticky;
  988. text-align:center;
  989. top:-1px;
  990. z-index:2;
  991. }
  992. .edit-post-block-manager__disabled-blocks-count~.edit-post-block-manager__results .edit-post-block-manager__category-title{
  993. top:35px;
  994. }
  995. .edit-post-block-manager__disabled-blocks-count .is-link{
  996. margin-left:12px;
  997. }
  998. .edit-post-block-manager__category{
  999. margin:0 0 24px;
  1000. }
  1001. .edit-post-block-manager__category-title{
  1002. background-color:#fff;
  1003. padding:16px 0;
  1004. position:sticky;
  1005. top:-4px;
  1006. z-index:1;
  1007. }
  1008. .edit-post-block-manager__category-title .components-checkbox-control__label{
  1009. font-weight:600;
  1010. }
  1011. .edit-post-block-manager__checklist{
  1012. margin-top:0;
  1013. }
  1014. .edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{
  1015. border-bottom:1px solid #ddd;
  1016. }
  1017. .edit-post-block-manager__checklist-item{
  1018. align-items:center;
  1019. display:flex;
  1020. justify-content:space-between;
  1021. margin-bottom:0;
  1022. padding:8px 0 8px 16px;
  1023. }
  1024. .components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{
  1025. margin:0 8px;
  1026. }
  1027. .edit-post-block-manager__checklist-item .block-editor-block-icon{
  1028. fill:#1e1e1e;
  1029. margin-right:10px;
  1030. }
  1031. .edit-post-block-manager__results{
  1032. border-top:1px solid #ddd;
  1033. }
  1034. .edit-post-block-manager__disabled-blocks-count+.edit-post-block-manager__results{
  1035. border-top-width:0;
  1036. }
  1037. .edit-post-meta-boxes-area{
  1038. position:relative;
  1039. }
  1040. .edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{
  1041. box-sizing:content-box;
  1042. }
  1043. .edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{
  1044. box-sizing:border-box;
  1045. }
  1046. .edit-post-meta-boxes-area .postbox-header{
  1047. border-bottom:0;
  1048. border-top:1px solid #ddd;
  1049. }
  1050. .edit-post-meta-boxes-area #poststuff{
  1051. margin:0 auto;
  1052. min-width:auto;
  1053. padding-top:0;
  1054. }
  1055. .edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{
  1056. box-sizing:border-box;
  1057. color:inherit;
  1058. font-weight:600;
  1059. outline:none;
  1060. padding:0 24px;
  1061. position:relative;
  1062. width:100%;
  1063. }
  1064. .edit-post-meta-boxes-area .postbox{
  1065. border:0;
  1066. color:inherit;
  1067. margin-bottom:0;
  1068. }
  1069. .edit-post-meta-boxes-area .postbox>.inside{
  1070. color:inherit;
  1071. margin:0;
  1072. padding:0 24px 24px;
  1073. }
  1074. .edit-post-meta-boxes-area .postbox .handlediv{
  1075. height:44px;
  1076. width:44px;
  1077. }
  1078. .edit-post-meta-boxes-area.is-loading:before{
  1079. background:transparent;
  1080. bottom:0;
  1081. content:"";
  1082. left:0;
  1083. position:absolute;
  1084. right:0;
  1085. top:0;
  1086. z-index:1;
  1087. }
  1088. .edit-post-meta-boxes-area .components-spinner{
  1089. position:absolute;
  1090. right:20px;
  1091. top:10px;
  1092. z-index:5;
  1093. }
  1094. .edit-post-meta-boxes-area .is-hidden{
  1095. display:none;
  1096. }
  1097. .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{
  1098. border:1px solid #757575;
  1099. }
  1100. .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{
  1101. background:#fff;
  1102. border-color:#757575;
  1103. }
  1104. .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{
  1105. margin:-3px -4px;
  1106. }
  1107. .edit-post-meta-boxes-area__clear{
  1108. clear:both;
  1109. }
  1110. .edit-post-editor__document-overview-panel,.edit-post-editor__inserter-panel{
  1111. display:flex;
  1112. flex-direction:column;
  1113. height:100%;
  1114. }
  1115. @media (min-width:782px){
  1116. .edit-post-editor__document-overview-panel{
  1117. width:350px;
  1118. }
  1119. }
  1120. .edit-post-editor__document-overview-panel .edit-post-editor__document-overview-panel__close-button{
  1121. background:#fff;
  1122. position:absolute;
  1123. right:8px;
  1124. top:6px;
  1125. z-index:1;
  1126. }
  1127. .edit-post-editor__document-overview-panel .components-tab-panel__tabs{
  1128. border-bottom:1px solid #ddd;
  1129. box-sizing:border-box;
  1130. display:flex;
  1131. padding-right:56px;
  1132. width:100%;
  1133. }
  1134. .edit-post-editor__document-overview-panel .components-tab-panel__tabs .edit-post-sidebar__panel-tab{
  1135. margin-bottom:-1px;
  1136. width:50%;
  1137. }
  1138. .edit-post-editor__document-overview-panel .components-tab-panel__tab-content{
  1139. height:calc(100% - 47px);
  1140. }
  1141. .edit-post-editor__inserter-panel-header{
  1142. display:flex;
  1143. justify-content:flex-end;
  1144. padding-right:8px;
  1145. padding-top:8px;
  1146. }
  1147. .edit-post-editor__inserter-panel-content{
  1148. height:calc(100% - 44px);
  1149. }
  1150. @media (min-width:782px){
  1151. .edit-post-editor__inserter-panel-content{
  1152. height:100%;
  1153. }
  1154. }
  1155. .edit-post-editor__list-view-container>.document-outline,.edit-post-editor__list-view-empty-headings,.edit-post-editor__list-view-panel-content{
  1156. height:100%;
  1157. overflow:auto;
  1158. padding:8px 6px;
  1159. scrollbar-color:transparent transparent;
  1160. scrollbar-gutter:stable both-edges;
  1161. scrollbar-gutter:auto;
  1162. scrollbar-width:thin;
  1163. will-change:transform;
  1164. }
  1165. .edit-post-editor__list-view-container>.document-outline::-webkit-scrollbar,.edit-post-editor__list-view-empty-headings::-webkit-scrollbar,.edit-post-editor__list-view-panel-content::-webkit-scrollbar{
  1166. height:12px;
  1167. width:12px;
  1168. }
  1169. .edit-post-editor__list-view-container>.document-outline::-webkit-scrollbar-track,.edit-post-editor__list-view-empty-headings::-webkit-scrollbar-track,.edit-post-editor__list-view-panel-content::-webkit-scrollbar-track{
  1170. background-color:transparent;
  1171. }
  1172. .edit-post-editor__list-view-container>.document-outline::-webkit-scrollbar-thumb,.edit-post-editor__list-view-empty-headings::-webkit-scrollbar-thumb,.edit-post-editor__list-view-panel-content::-webkit-scrollbar-thumb{
  1173. background-clip:padding-box;
  1174. background-color:transparent;
  1175. border:3px solid transparent;
  1176. border-radius:8px;
  1177. }
  1178. .edit-post-editor__list-view-container>.document-outline:focus-within::-webkit-scrollbar-thumb,.edit-post-editor__list-view-container>.document-outline:focus::-webkit-scrollbar-thumb,.edit-post-editor__list-view-container>.document-outline:hover::-webkit-scrollbar-thumb,.edit-post-editor__list-view-empty-headings:focus-within::-webkit-scrollbar-thumb,.edit-post-editor__list-view-empty-headings:focus::-webkit-scrollbar-thumb,.edit-post-editor__list-view-empty-headings:hover::-webkit-scrollbar-thumb,.edit-post-editor__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,.edit-post-editor__list-view-panel-content:focus::-webkit-scrollbar-thumb,.edit-post-editor__list-view-panel-content:hover::-webkit-scrollbar-thumb{
  1179. background-color:#949494;
  1180. }
  1181. .edit-post-editor__list-view-container>.document-outline:focus,.edit-post-editor__list-view-container>.document-outline:focus-within,.edit-post-editor__list-view-container>.document-outline:hover,.edit-post-editor__list-view-empty-headings:focus,.edit-post-editor__list-view-empty-headings:focus-within,.edit-post-editor__list-view-empty-headings:hover,.edit-post-editor__list-view-panel-content:focus,.edit-post-editor__list-view-panel-content:focus-within,.edit-post-editor__list-view-panel-content:hover{
  1182. scrollbar-color:#949494 transparent;
  1183. }
  1184. @media (hover:none){
  1185. .edit-post-editor__list-view-container>.document-outline,.edit-post-editor__list-view-empty-headings,.edit-post-editor__list-view-panel-content{
  1186. scrollbar-color:#949494 transparent;
  1187. }
  1188. }
  1189. .edit-post-editor__list-view-empty-headings{
  1190. color:#757575;
  1191. text-align:center;
  1192. }
  1193. .edit-post-editor__list-view-empty-headings>svg{
  1194. margin-top:28px;
  1195. }
  1196. .edit-post-editor__list-view-empty-headings>p{
  1197. padding-left:32px;
  1198. padding-right:32px;
  1199. }
  1200. .edit-post-editor__list-view-overview{
  1201. border-bottom:1px solid #ddd;
  1202. display:flex;
  1203. flex-direction:column;
  1204. gap:8px;
  1205. padding:16px;
  1206. }
  1207. .edit-post-editor__list-view-overview>div>span:first-child{
  1208. display:inline-block;
  1209. width:90px;
  1210. }
  1211. .edit-post-editor__list-view-overview>div>span{
  1212. color:#757575;
  1213. font-size:12px;
  1214. line-height:1.4;
  1215. }
  1216. .edit-post-editor__list-view-container{
  1217. display:flex;
  1218. flex-direction:column;
  1219. height:100%;
  1220. }
  1221. .edit-post-editor__document-overview-panel__tab-panel{
  1222. height:100%;
  1223. }
  1224. .components-panel__header.edit-post-sidebar__panel-tabs{
  1225. border-top:0;
  1226. justify-content:flex-start;
  1227. margin-top:0;
  1228. padding-left:0;
  1229. padding-right:16px;
  1230. }
  1231. .components-panel__header.edit-post-sidebar__panel-tabs ul{
  1232. display:flex;
  1233. }
  1234. .components-panel__header.edit-post-sidebar__panel-tabs li{
  1235. margin:0;
  1236. }
  1237. .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{
  1238. display:none;
  1239. height:24px;
  1240. margin:0 0 0 auto;
  1241. min-width:24px;
  1242. padding:0;
  1243. }
  1244. @media (min-width:782px){
  1245. .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{
  1246. display:flex;
  1247. }
  1248. }
  1249. .components-panel__body.is-opened.edit-post-last-revision__panel{
  1250. height:48px;
  1251. padding:0;
  1252. }
  1253. .editor-post-last-revision__title.components-button{
  1254. padding:16px;
  1255. }
  1256. .edit-post-post-author,.edit-post-post-format{
  1257. align-items:stretch;
  1258. display:flex;
  1259. flex-direction:column;
  1260. }
  1261. .edit-post-post-schedule{
  1262. align-items:flex-start;
  1263. justify-content:flex-start;
  1264. position:relative;
  1265. width:100%;
  1266. }
  1267. .edit-post-post-schedule span{
  1268. display:block;
  1269. flex-shrink:0;
  1270. padding:6px 0;
  1271. width:45%;
  1272. }
  1273. .components-button.edit-post-post-schedule__toggle{
  1274. height:auto;
  1275. text-align:left;
  1276. white-space:normal;
  1277. }
  1278. .components-button.edit-post-post-schedule__toggle span{
  1279. width:0;
  1280. }
  1281. .edit-post-post-schedule__dialog .block-editor-publish-date-time-picker{
  1282. margin:8px;
  1283. }
  1284. .edit-post-post-slug{
  1285. align-items:stretch;
  1286. display:flex;
  1287. flex-direction:column;
  1288. }
  1289. .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{
  1290. margin-top:15px;
  1291. text-align:center;
  1292. width:100%;
  1293. }
  1294. .edit-post-post-template{
  1295. justify-content:flex-start;
  1296. width:100%;
  1297. }
  1298. .edit-post-post-template span{
  1299. display:block;
  1300. padding:6px 0;
  1301. width:45%;
  1302. }
  1303. .edit-post-post-template__dropdown{
  1304. max-width:55%;
  1305. }
  1306. .components-button.edit-post-post-template__toggle{
  1307. display:inline-block;
  1308. overflow:hidden;
  1309. text-overflow:ellipsis;
  1310. width:100%;
  1311. }
  1312. .edit-post-post-template__dialog{
  1313. z-index:99999;
  1314. }
  1315. .edit-post-post-template__form{
  1316. margin:8px;
  1317. min-width:248px;
  1318. }
  1319. @media (min-width:782px){
  1320. .edit-post-post-template__create-form{
  1321. width:320px;
  1322. }
  1323. }
  1324. .edit-post-post-url{
  1325. align-items:flex-start;
  1326. justify-content:flex-start;
  1327. width:100%;
  1328. }
  1329. .edit-post-post-url span{
  1330. display:block;
  1331. flex-shrink:0;
  1332. padding:6px 0;
  1333. width:45%;
  1334. }
  1335. .components-button.edit-post-post-url__toggle{
  1336. height:auto;
  1337. text-align:left;
  1338. white-space:normal;
  1339. word-break:break-word;
  1340. }
  1341. .edit-post-post-url__dialog .editor-post-url{
  1342. margin:8px;
  1343. min-width:248px;
  1344. }
  1345. .edit-post-post-visibility{
  1346. justify-content:flex-start;
  1347. width:100%;
  1348. }
  1349. .edit-post-post-visibility span{
  1350. display:block;
  1351. padding:6px 0;
  1352. width:45%;
  1353. }
  1354. .edit-post-post-visibility__dialog .editor-post-visibility{
  1355. margin:8px;
  1356. min-width:248px;
  1357. }
  1358. .components-button.edit-post-sidebar__panel-tab{
  1359. background:transparent;
  1360. border:none;
  1361. border-radius:0;
  1362. box-shadow:none;
  1363. cursor:pointer;
  1364. font-weight:500;
  1365. height:48px;
  1366. margin-left:0;
  1367. padding:3px 16px;
  1368. position:relative;
  1369. }
  1370. .components-button.edit-post-sidebar__panel-tab:focus:not(:disabled){
  1371. box-shadow:none;
  1372. outline:none;
  1373. position:relative;
  1374. }
  1375. .components-button.edit-post-sidebar__panel-tab:after{
  1376. background:var(--wp-admin-theme-color);
  1377. border-radius:0;
  1378. bottom:0;
  1379. content:"";
  1380. height:calc(var(--wp-admin-border-width-focus)*0);
  1381. left:0;
  1382. pointer-events:none;
  1383. position:absolute;
  1384. right:0;
  1385. transition:all .1s linear;
  1386. }
  1387. @media (prefers-reduced-motion:reduce){
  1388. .components-button.edit-post-sidebar__panel-tab:after{
  1389. transition-delay:0s;
  1390. transition-duration:0s;
  1391. }
  1392. }
  1393. .components-button.edit-post-sidebar__panel-tab.is-active:after{
  1394. height:calc(var(--wp-admin-border-width-focus)*1);
  1395. outline:2px solid transparent;
  1396. outline-offset:-1px;
  1397. }
  1398. .components-button.edit-post-sidebar__panel-tab:before{
  1399. border-radius:2px;
  1400. bottom:12px;
  1401. box-shadow:0 0 0 0 transparent;
  1402. content:"";
  1403. left:12px;
  1404. pointer-events:none;
  1405. position:absolute;
  1406. right:12px;
  1407. top:12px;
  1408. transition:all .1s linear;
  1409. }
  1410. @media (prefers-reduced-motion:reduce){
  1411. .components-button.edit-post-sidebar__panel-tab:before{
  1412. transition-delay:0s;
  1413. transition-duration:0s;
  1414. }
  1415. }
  1416. .components-button.edit-post-sidebar__panel-tab:focus-visible:before{
  1417. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  1418. outline:2px solid transparent;
  1419. }
  1420. h2.edit-post-template-summary__title{
  1421. font-weight:500;
  1422. line-height:24px;
  1423. margin:0 0 4px;
  1424. }
  1425. .edit-post-text-editor{
  1426. background-color:#fff;
  1427. flex-grow:1;
  1428. position:relative;
  1429. width:100%;
  1430. }
  1431. .edit-post-text-editor .editor-post-title{
  1432. border:1px solid #949494;
  1433. font-family:Menlo,Consolas,monaco,monospace;
  1434. font-size:2.5em;
  1435. font-weight:400;
  1436. line-height:1.4;
  1437. max-width:none;
  1438. padding:16px;
  1439. }
  1440. @media (min-width:600px){
  1441. .edit-post-text-editor .editor-post-title{
  1442. padding:24px;
  1443. }
  1444. }
  1445. .edit-post-text-editor .editor-post-title:focus{
  1446. border-color:var(--wp-admin-theme-color);
  1447. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  1448. }
  1449. .edit-post-text-editor__body{
  1450. margin-left:auto;
  1451. margin-right:auto;
  1452. max-width:1080px;
  1453. padding:0 12px 12px;
  1454. width:100%;
  1455. }
  1456. @media (min-width:960px){
  1457. .edit-post-text-editor__body{
  1458. padding:0 24px 24px;
  1459. }
  1460. }
  1461. .edit-post-text-editor__toolbar{
  1462. background:hsla(0,0%,100%,.8);
  1463. display:flex;
  1464. left:0;
  1465. padding:4px 12px;
  1466. position:sticky;
  1467. right:0;
  1468. top:0;
  1469. z-index:1;
  1470. }
  1471. @media (min-width:600px){
  1472. .edit-post-text-editor__toolbar{
  1473. padding:12px;
  1474. }
  1475. }
  1476. @media (min-width:960px){
  1477. .edit-post-text-editor__toolbar{
  1478. padding:12px 24px;
  1479. }
  1480. }
  1481. .edit-post-text-editor__toolbar h2{
  1482. color:#1e1e1e;
  1483. font-size:13px;
  1484. line-height:36px;
  1485. margin:0 auto 0 0;
  1486. }
  1487. .edit-post-text-editor__toolbar .components-button svg{
  1488. order:1;
  1489. }
  1490. .edit-post-visual-editor{
  1491. background-color:#1e1e1e;
  1492. display:flex;
  1493. flex:1 0 auto;
  1494. flex-flow:column;
  1495. position:relative;
  1496. }
  1497. .edit-post-visual-editor:not(.has-inline-canvas){
  1498. overflow:hidden;
  1499. }
  1500. .edit-post-visual-editor .components-button{
  1501. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  1502. font-size:13px;
  1503. padding:6px 12px;
  1504. }
  1505. .edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{
  1506. padding:6px;
  1507. }
  1508. .edit-post-visual-editor__post-title-wrapper{
  1509. margin-bottom:var(--wp--style--block-gap);
  1510. margin-top:4rem;
  1511. }
  1512. .edit-post-visual-editor__post-title-wrapper .editor-post-title{
  1513. margin-left:auto;
  1514. margin-right:auto;
  1515. }
  1516. .edit-post-visual-editor__content-area{
  1517. box-sizing:border-box;
  1518. display:flex;
  1519. flex-grow:1;
  1520. height:100%;
  1521. position:relative;
  1522. width:100%;
  1523. }
  1524. .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1525. left:0;
  1526. }
  1527. @media (min-width:783px){
  1528. .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1529. left:160px;
  1530. }
  1531. }
  1532. @media (min-width:783px){
  1533. .auto-fold .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1534. left:36px;
  1535. }
  1536. }
  1537. @media (min-width:961px){
  1538. .auto-fold .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1539. left:160px;
  1540. }
  1541. }
  1542. .folded .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1543. left:0;
  1544. }
  1545. @media (min-width:783px){
  1546. .folded .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1547. left:36px;
  1548. }
  1549. }
  1550. body.is-fullscreen-mode .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1551. left:0 !important;
  1552. }
  1553. .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1554. display:block;
  1555. position:sticky;
  1556. top:0;
  1557. width:100%;
  1558. z-index:31;
  1559. }
  1560. @media (min-width:782px){
  1561. .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1562. align-items:center;
  1563. border-bottom:none;
  1564. display:flex;
  1565. height:60px;
  1566. margin-left:180px;
  1567. min-height:auto;
  1568. position:fixed;
  1569. top:32px;
  1570. width:calc(100% - 180px);
  1571. }
  1572. .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed,.edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed:empty{
  1573. width:auto;
  1574. }
  1575. .is-fullscreen-mode .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1576. margin-left:240px;
  1577. top:0;
  1578. }
  1579. .is-fullscreen-mode .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed,.is-fullscreen-mode .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed:empty{
  1580. width:auto;
  1581. }
  1582. .show-icon-labels .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1583. margin-left:80px;
  1584. width:calc(100% - 140px);
  1585. }
  1586. .is-fullscreen-mode .show-icon-labels .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1587. margin-left:144px;
  1588. }
  1589. }
  1590. @media (min-width:960px){
  1591. .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed,.show-icon-labels .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1592. width:auto;
  1593. }
  1594. .is-fullscreen-mode .edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{
  1595. width:calc(100% - 536px);
  1596. }
  1597. }
  1598. .edit-post-welcome-guide,.edit-template-welcome-guide{
  1599. width:312px;
  1600. }
  1601. .edit-post-welcome-guide__image,.edit-template-welcome-guide__image{
  1602. background:#00a0d2;
  1603. margin:0 0 16px;
  1604. }
  1605. .edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{
  1606. display:block;
  1607. max-width:100%;
  1608. object-fit:cover;
  1609. }
  1610. .edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{
  1611. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  1612. font-size:24px;
  1613. line-height:1.4;
  1614. margin:16px 0;
  1615. padding:0 32px;
  1616. }
  1617. .edit-post-welcome-guide__text,.edit-template-welcome-guide__text{
  1618. font-size:13px;
  1619. line-height:1.4;
  1620. margin:0 0 24px;
  1621. padding:0 32px;
  1622. }
  1623. .edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{
  1624. margin:0 4px;
  1625. vertical-align:text-top;
  1626. }
  1627. .edit-template-welcome-guide .components-button svg{
  1628. fill:#fff;
  1629. }
  1630. .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{
  1631. column-count:2;
  1632. column-gap:24px;
  1633. }
  1634. @media (min-width:782px){
  1635. .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{
  1636. column-count:3;
  1637. }
  1638. }
  1639. @media (min-width:1280px){
  1640. .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{
  1641. column-count:4;
  1642. }
  1643. }
  1644. .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
  1645. break-inside:avoid-column;
  1646. margin-bottom:24px;
  1647. }
  1648. .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{
  1649. min-height:100px;
  1650. }
  1651. .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{
  1652. width:100%;
  1653. }
  1654. @keyframes edit-post__fade-in-animation{
  1655. 0%{
  1656. opacity:0;
  1657. }
  1658. to{
  1659. opacity:1;
  1660. }
  1661. }
  1662. body.js.block-editor-page{
  1663. background:#fff;
  1664. }
  1665. body.js.block-editor-page #wpcontent{
  1666. padding-left:0;
  1667. }
  1668. body.js.block-editor-page #wpbody-content{
  1669. padding-bottom:0;
  1670. }
  1671. body.js.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.js.block-editor-page #wpfooter{
  1672. display:none;
  1673. }
  1674. body.js.block-editor-page .a11y-speak-region{
  1675. left:-1px;
  1676. top:-1px;
  1677. }
  1678. body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.js.block-editor-page ul#adminmenu>li.current>a.current:after{
  1679. border-right-color:#fff;
  1680. }
  1681. body.js.block-editor-page .media-frame select.attachment-filters:last-of-type{
  1682. max-width:100%;
  1683. width:auto;
  1684. }
  1685. .block-editor-page #wpwrap{
  1686. overflow-y:auto;
  1687. }
  1688. @media (min-width:782px){
  1689. .block-editor-page #wpwrap{
  1690. overflow-y:initial;
  1691. }
  1692. }
  1693. .components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{
  1694. box-sizing:border-box;
  1695. }
  1696. .components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{
  1697. box-sizing:inherit;
  1698. }
  1699. @media (min-width:600px){
  1700. .block-editor__container{
  1701. bottom:0;
  1702. left:0;
  1703. min-height:calc(100vh - 46px);
  1704. position:absolute;
  1705. right:0;
  1706. top:0;
  1707. }
  1708. }
  1709. @media (min-width:782px){
  1710. .block-editor__container{
  1711. min-height:calc(100vh - 32px);
  1712. }
  1713. body.is-fullscreen-mode .block-editor__container{
  1714. min-height:100vh;
  1715. }
  1716. }
  1717. .block-editor__container img{
  1718. height:auto;
  1719. max-width:100%;
  1720. }
  1721. body.admin-color-light{
  1722. --wp-admin-theme-color:#0085ba;
  1723. --wp-admin-theme-color--rgb:0, 133, 186;
  1724. --wp-admin-theme-color-darker-10:#0073a1;
  1725. --wp-admin-theme-color-darker-10--rgb:0, 115, 161;
  1726. --wp-admin-theme-color-darker-20:#006187;
  1727. --wp-admin-theme-color-darker-20--rgb:0, 97, 135;
  1728. --wp-admin-border-width-focus:2px;
  1729. }
  1730. @media (min-resolution:192dpi){
  1731. body.admin-color-light{
  1732. --wp-admin-border-width-focus:1.5px;
  1733. }
  1734. }
  1735. body.admin-color-modern{
  1736. --wp-admin-theme-color:#3858e9;
  1737. --wp-admin-theme-color--rgb:56, 88, 233;
  1738. --wp-admin-theme-color-darker-10:#2145e6;
  1739. --wp-admin-theme-color-darker-10--rgb:33, 69, 230;
  1740. --wp-admin-theme-color-darker-20:#183ad6;
  1741. --wp-admin-theme-color-darker-20--rgb:24, 58, 214;
  1742. --wp-admin-border-width-focus:2px;
  1743. }
  1744. @media (min-resolution:192dpi){
  1745. body.admin-color-modern{
  1746. --wp-admin-border-width-focus:1.5px;
  1747. }
  1748. }
  1749. body.admin-color-blue{
  1750. --wp-admin-theme-color:#096484;
  1751. --wp-admin-theme-color--rgb:9, 100, 132;
  1752. --wp-admin-theme-color-darker-10:#07526c;
  1753. --wp-admin-theme-color-darker-10--rgb:7, 82, 108;
  1754. --wp-admin-theme-color-darker-20:#064054;
  1755. --wp-admin-theme-color-darker-20--rgb:6, 64, 84;
  1756. --wp-admin-border-width-focus:2px;
  1757. }
  1758. @media (min-resolution:192dpi){
  1759. body.admin-color-blue{
  1760. --wp-admin-border-width-focus:1.5px;
  1761. }
  1762. }
  1763. body.admin-color-coffee{
  1764. --wp-admin-theme-color:#46403c;
  1765. --wp-admin-theme-color--rgb:70, 64, 60;
  1766. --wp-admin-theme-color-darker-10:#383330;
  1767. --wp-admin-theme-color-darker-10--rgb:56, 51, 48;
  1768. --wp-admin-theme-color-darker-20:#2b2724;
  1769. --wp-admin-theme-color-darker-20--rgb:43, 39, 36;
  1770. --wp-admin-border-width-focus:2px;
  1771. }
  1772. @media (min-resolution:192dpi){
  1773. body.admin-color-coffee{
  1774. --wp-admin-border-width-focus:1.5px;
  1775. }
  1776. }
  1777. body.admin-color-ectoplasm{
  1778. --wp-admin-theme-color:#523f6d;
  1779. --wp-admin-theme-color--rgb:82, 63, 109;
  1780. --wp-admin-theme-color-darker-10:#46365d;
  1781. --wp-admin-theme-color-darker-10--rgb:70, 54, 93;
  1782. --wp-admin-theme-color-darker-20:#3a2c4d;
  1783. --wp-admin-theme-color-darker-20--rgb:58, 44, 77;
  1784. --wp-admin-border-width-focus:2px;
  1785. }
  1786. @media (min-resolution:192dpi){
  1787. body.admin-color-ectoplasm{
  1788. --wp-admin-border-width-focus:1.5px;
  1789. }
  1790. }
  1791. body.admin-color-midnight{
  1792. --wp-admin-theme-color:#e14d43;
  1793. --wp-admin-theme-color--rgb:225, 77, 67;
  1794. --wp-admin-theme-color-darker-10:#dd382d;
  1795. --wp-admin-theme-color-darker-10--rgb:221, 56, 45;
  1796. --wp-admin-theme-color-darker-20:#d02c21;
  1797. --wp-admin-theme-color-darker-20--rgb:208, 44, 33;
  1798. --wp-admin-border-width-focus:2px;
  1799. }
  1800. @media (min-resolution:192dpi){
  1801. body.admin-color-midnight{
  1802. --wp-admin-border-width-focus:1.5px;
  1803. }
  1804. }
  1805. body.admin-color-ocean{
  1806. --wp-admin-theme-color:#627c83;
  1807. --wp-admin-theme-color--rgb:98, 124, 131;
  1808. --wp-admin-theme-color-darker-10:#576e74;
  1809. --wp-admin-theme-color-darker-10--rgb:87, 110, 116;
  1810. --wp-admin-theme-color-darker-20:#4c6066;
  1811. --wp-admin-theme-color-darker-20--rgb:76, 96, 102;
  1812. --wp-admin-border-width-focus:2px;
  1813. }
  1814. @media (min-resolution:192dpi){
  1815. body.admin-color-ocean{
  1816. --wp-admin-border-width-focus:1.5px;
  1817. }
  1818. }
  1819. body.admin-color-sunrise{
  1820. --wp-admin-theme-color:#dd823b;
  1821. --wp-admin-theme-color--rgb:221, 130, 59;
  1822. --wp-admin-theme-color-darker-10:#d97426;
  1823. --wp-admin-theme-color-darker-10--rgb:217, 116, 38;
  1824. --wp-admin-theme-color-darker-20:#c36922;
  1825. --wp-admin-theme-color-darker-20--rgb:195, 105, 34;
  1826. --wp-admin-border-width-focus:2px;
  1827. }
  1828. @media (min-resolution:192dpi){
  1829. body.admin-color-sunrise{
  1830. --wp-admin-border-width-focus:1.5px;
  1831. }
  1832. }
  1833. .interface-interface-skeleton__sidebar{
  1834. border-left:none;
  1835. }
  1836. @media (min-width:782px){
  1837. .is-sidebar-opened .interface-interface-skeleton__sidebar{
  1838. border-left:1px solid #e0e0e0;
  1839. overflow:hidden scroll;
  1840. }
  1841. }