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.

814 lines
19 KiB

1 year ago
  1. @charset "UTF-8";
  2. :root{
  3. --wp-admin-theme-color:#007cba;
  4. --wp-admin-theme-color--rgb:0, 124, 186;
  5. --wp-admin-theme-color-darker-10:#006ba1;
  6. --wp-admin-theme-color-darker-10--rgb:0, 107, 161;
  7. --wp-admin-theme-color-darker-20:#005a87;
  8. --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
  9. --wp-admin-border-width-focus:2px;
  10. --wp-block-synced-color:#7a00df;
  11. --wp-block-synced-color--rgb:122, 0, 223;
  12. }
  13. @media (min-resolution:192dpi){
  14. :root{
  15. --wp-admin-border-width-focus:1.5px;
  16. }
  17. }
  18. .editor-autocompleters__user .editor-autocompleters__no-avatar:before{
  19. content:"";
  20. font:normal 20px/1 dashicons;
  21. margin-right:5px;
  22. vertical-align:middle;
  23. }
  24. .editor-autocompleters__user .editor-autocompleters__user-avatar{
  25. flex-grow:0;
  26. flex-shrink:0;
  27. height:24px;
  28. margin-right:8px;
  29. max-width:none;
  30. width:24px;
  31. }
  32. .editor-autocompleters__user .editor-autocompleters__user-name{
  33. flex-grow:1;
  34. flex-shrink:0;
  35. max-width:200px;
  36. overflow:hidden;
  37. text-overflow:ellipsis;
  38. white-space:nowrap;
  39. }
  40. .editor-autocompleters__user .editor-autocompleters__user-slug{
  41. color:#757575;
  42. flex-grow:0;
  43. flex-shrink:0;
  44. margin-left:8px;
  45. max-width:100px;
  46. overflow:none;
  47. text-overflow:ellipsis;
  48. white-space:nowrap;
  49. }
  50. .editor-autocompleters__user:hover .editor-autocompleters__user-slug{
  51. color:var(--wp-admin-theme-color);
  52. }
  53. .document-outline{
  54. margin:20px 0;
  55. }
  56. .document-outline ul{
  57. margin:0;
  58. padding:0;
  59. }
  60. .document-outline__item{
  61. display:flex;
  62. margin:4px 0;
  63. }
  64. .document-outline__item a{
  65. text-decoration:none;
  66. }
  67. .document-outline__item .document-outline__emdash:before{
  68. color:#ddd;
  69. margin-right:4px;
  70. }
  71. .document-outline__item.is-h2 .document-outline__emdash:before{
  72. content:"—";
  73. }
  74. .document-outline__item.is-h3 .document-outline__emdash:before{
  75. content:"——";
  76. }
  77. .document-outline__item.is-h4 .document-outline__emdash:before{
  78. content:"———";
  79. }
  80. .document-outline__item.is-h5 .document-outline__emdash:before{
  81. content:"————";
  82. }
  83. .document-outline__item.is-h6 .document-outline__emdash:before{
  84. content:"—————";
  85. }
  86. .document-outline__button{
  87. align-items:flex-start;
  88. background:none;
  89. border:none;
  90. border-radius:2px;
  91. color:#1e1e1e;
  92. cursor:pointer;
  93. display:flex;
  94. margin:0 0 0 -1px;
  95. padding:2px 5px 2px 1px;
  96. text-align:left;
  97. }
  98. .document-outline__button:disabled{
  99. cursor:default;
  100. }
  101. .document-outline__button:focus{
  102. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  103. outline:2px solid transparent;
  104. }
  105. .document-outline__level{
  106. background:#ddd;
  107. border-radius:3px;
  108. color:#1e1e1e;
  109. font-size:13px;
  110. margin-right:4px;
  111. padding:1px 6px;
  112. }
  113. .is-invalid .document-outline__level{
  114. background:#f0b849;
  115. }
  116. .document-outline__item-content{
  117. padding:1px 0;
  118. }
  119. .components-editor-notices__dismissible,.components-editor-notices__pinned{
  120. color:#1e1e1e;
  121. left:0;
  122. position:relative;
  123. right:0;
  124. top:0;
  125. }
  126. .components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{
  127. border-bottom:1px solid rgba(0,0,0,.2);
  128. box-sizing:border-box;
  129. margin:0;
  130. min-height:60px;
  131. padding:0 12px;
  132. }
  133. .components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{
  134. margin-top:12px;
  135. }
  136. .entities-saved-states__panel-header{
  137. background:#fff;
  138. border-bottom:1px solid #ddd;
  139. box-sizing:border-box;
  140. height:60px;
  141. padding-left:8px;
  142. padding-right:8px;
  143. }
  144. .entities-saved-states__text-prompt{
  145. padding:16px 16px 4px;
  146. }
  147. .editor-error-boundary{
  148. box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);
  149. margin:60px auto auto;
  150. max-width:780px;
  151. padding:20px;
  152. }
  153. .editor-post-excerpt__textarea{
  154. margin-bottom:10px;
  155. width:100%;
  156. }
  157. .editor-post-featured-image{
  158. padding:0;
  159. }
  160. .editor-post-featured-image .components-spinner{
  161. left:50%;
  162. margin-left:-9px;
  163. margin-top:-9px;
  164. position:absolute;
  165. top:50%;
  166. }
  167. .editor-post-featured-image .components-responsive-wrapper__content{
  168. max-width:100%;
  169. width:auto;
  170. }
  171. .editor-post-featured-image__container{
  172. position:relative;
  173. }
  174. .editor-post-featured-image__container:focus .editor-post-featured-image__actions,.editor-post-featured-image__container:focus-within .editor-post-featured-image__actions,.editor-post-featured-image__container:hover .editor-post-featured-image__actions{
  175. opacity:1;
  176. }
  177. .editor-post-featured-image__preview,.editor-post-featured-image__toggle{
  178. box-shadow:0 0 0 0 var(--wp-admin-theme-color);
  179. display:flex;
  180. justify-content:center;
  181. max-height:150px;
  182. overflow:hidden;
  183. padding:0;
  184. transition:all .1s ease-out;
  185. width:100%;
  186. }
  187. @media (prefers-reduced-motion:reduce){
  188. .editor-post-featured-image__preview,.editor-post-featured-image__toggle{
  189. transition-delay:0s;
  190. transition-duration:0s;
  191. }
  192. }
  193. .editor-post-featured-image__preview{
  194. height:auto;
  195. }
  196. .editor-post-featured-image__preview .components-responsive-wrapper{
  197. background:#f0f0f0;
  198. width:100%;
  199. }
  200. .editor-post-featured-image__toggle{
  201. background-color:#f0f0f0;
  202. border-radius:2px;
  203. line-height:20px;
  204. min-height:90px;
  205. padding:8px 0;
  206. text-align:center;
  207. }
  208. .editor-post-featured-image__toggle:hover{
  209. background:#ddd;
  210. color:#1e1e1e;
  211. }
  212. .editor-post-featured-image__actions{
  213. bottom:0;
  214. opacity:0;
  215. padding:8px;
  216. position:absolute;
  217. transition:opacity 50ms ease-out;
  218. }
  219. @media (prefers-reduced-motion:reduce){
  220. .editor-post-featured-image__actions{
  221. transition-delay:0s;
  222. transition-duration:0s;
  223. }
  224. }
  225. .editor-post-featured-image__action{
  226. -webkit-backdrop-filter:blur(16px) saturate(180%);
  227. backdrop-filter:blur(16px) saturate(180%);
  228. background:hsla(0,0%,100%,.75);
  229. flex-grow:1;
  230. justify-content:center;
  231. }
  232. [class].editor-post-format__suggestion{
  233. margin:4px 0 0;
  234. }
  235. .editor-post-last-revision__title{
  236. font-weight:600;
  237. width:100%;
  238. }
  239. .editor-post-last-revision__title .dashicon{
  240. margin-right:5px;
  241. }
  242. .components-button.editor-post-last-revision__title{
  243. height:100%;
  244. }
  245. .components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{
  246. background:#f0f0f0;
  247. }
  248. .components-button.editor-post-last-revision__title:focus{
  249. border-radius:0;
  250. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  251. }
  252. @media (min-width:600px){
  253. .editor-post-locked-modal{
  254. max-width:480px;
  255. }
  256. }
  257. .editor-post-locked-modal__buttons{
  258. margin-top:24px;
  259. }
  260. .editor-post-locked-modal__avatar{
  261. border-radius:2px;
  262. margin-top:16px;
  263. min-width:auto !important;
  264. }
  265. .editor-post-publish-button__button.has-changes-dot:before{
  266. background:currentcolor;
  267. border-radius:4px;
  268. content:"";
  269. height:8px;
  270. margin:auto 5px auto -3px;
  271. width:8px;
  272. }
  273. .editor-post-publish-panel{
  274. background:#fff;
  275. }
  276. .editor-post-publish-panel__content{
  277. min-height:calc(100% - 144px);
  278. }
  279. .editor-post-publish-panel__content>.components-spinner{
  280. display:block;
  281. margin:100px auto 0;
  282. }
  283. .editor-post-publish-panel__header{
  284. align-content:space-between;
  285. align-items:center;
  286. background:#fff;
  287. border-bottom:1px solid #ddd;
  288. display:flex;
  289. height:61px;
  290. padding-left:16px;
  291. padding-right:16px;
  292. }
  293. .editor-post-publish-panel__header .components-button{
  294. justify-content:center;
  295. width:100%;
  296. }
  297. .editor-post-publish-panel__header .has-icon{
  298. margin-left:auto;
  299. width:auto;
  300. }
  301. .components-site-card{
  302. align-items:center;
  303. display:flex;
  304. margin:16px 0;
  305. }
  306. .components-site-icon{
  307. border:none;
  308. border-radius:2px;
  309. height:36px;
  310. margin-right:12px;
  311. width:36px;
  312. }
  313. .components-site-name{
  314. display:block;
  315. font-size:14px;
  316. }
  317. .components-site-home{
  318. color:#757575;
  319. display:block;
  320. font-size:12px;
  321. }
  322. .editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{
  323. flex:1;
  324. }
  325. @media (min-width:480px){
  326. .editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{
  327. max-width:160px;
  328. }
  329. }
  330. .editor-post-publish-panel__header-publish-button{
  331. padding-right:4px;
  332. }
  333. .editor-post-publish-panel__header-cancel-button{
  334. padding-left:4px;
  335. }
  336. .editor-post-publish-panel__header-published{
  337. flex-grow:1;
  338. }
  339. .editor-post-publish-panel__footer{
  340. padding:16px;
  341. }
  342. .components-button.editor-post-publish-panel__toggle.is-primary{
  343. align-items:center;
  344. display:inline-flex;
  345. }
  346. .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{
  347. display:none;
  348. }
  349. .components-button.editor-post-publish-panel__toggle.is-primary .dashicon{
  350. margin-right:-4px;
  351. }
  352. .editor-post-publish-panel__link{
  353. font-weight:400;
  354. padding-left:4px;
  355. }
  356. .editor-post-publish-panel__prepublish{
  357. padding:16px;
  358. }
  359. .editor-post-publish-panel__prepublish strong{
  360. color:#1e1e1e;
  361. }
  362. .editor-post-publish-panel__prepublish .components-panel__body{
  363. background:#fff;
  364. margin-left:-16px;
  365. margin-right:-16px;
  366. }
  367. .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{
  368. display:none;
  369. }
  370. .post-publish-panel__postpublish .components-panel__body{
  371. border-bottom:1px solid #e0e0e0;
  372. border-top:none;
  373. }
  374. .post-publish-panel__postpublish-buttons{
  375. align-content:space-between;
  376. display:flex;
  377. flex-wrap:wrap;
  378. gap:16px;
  379. }
  380. .post-publish-panel__postpublish-buttons .components-button{
  381. flex:1;
  382. justify-content:center;
  383. }
  384. .post-publish-panel__postpublish-buttons .components-clipboard-button{
  385. width:100%;
  386. }
  387. .post-publish-panel__postpublish-post-address-container{
  388. align-items:flex-end;
  389. display:flex;
  390. margin-bottom:16px;
  391. }
  392. .post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{
  393. flex:1;
  394. }
  395. .post-publish-panel__postpublish-post-address-container input[readonly]{
  396. background:#f0f0f0;
  397. border-color:#ccc;
  398. height:36px;
  399. overflow:hidden;
  400. padding:16px;
  401. text-overflow:ellipsis;
  402. }
  403. .post-publish-panel__postpublish-post-address__copy-button-wrap{
  404. flex-shrink:0;
  405. margin-left:16px;
  406. }
  407. .post-publish-panel__postpublish-header{
  408. font-weight:500;
  409. }
  410. .post-publish-panel__postpublish-subheader{
  411. margin:0 0 8px;
  412. }
  413. .post-publish-panel__tip{
  414. color:#f0b849;
  415. }
  416. @media screen and (max-width:782px){
  417. .post-publish-panel__postpublish-post-address__button-wrap .components-button{
  418. height:40px;
  419. }
  420. }
  421. .editor-post-saved-state{
  422. align-items:center;
  423. color:#757575;
  424. display:flex;
  425. overflow:hidden;
  426. padding:12px 4px;
  427. white-space:nowrap;
  428. width:28px;
  429. }
  430. .editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{
  431. background:transparent;
  432. color:#757575;
  433. }
  434. .editor-post-saved-state svg{
  435. fill:currentColor;
  436. display:inline-block;
  437. flex:0 0 auto;
  438. margin-right:8px;
  439. }
  440. @media (min-width:600px){
  441. .editor-post-saved-state{
  442. padding:8px 12px;
  443. text-indent:inherit;
  444. width:auto;
  445. }
  446. .editor-post-saved-state svg{
  447. margin-right:0;
  448. }
  449. }
  450. .editor-post-save-draft.has-text.has-icon svg{
  451. margin-right:0;
  452. }
  453. .edit-post-sync-status{
  454. align-items:flex-start;
  455. justify-content:flex-start;
  456. position:relative;
  457. width:100%;
  458. }
  459. .edit-post-sync-status>span{
  460. display:block;
  461. flex-shrink:0;
  462. padding:6px 0;
  463. width:45%;
  464. word-break:break-word;
  465. }
  466. .edit-post-sync-status>div{
  467. padding:6px 0 6px 12px;
  468. }
  469. .editor-post-taxonomies__hierarchical-terms-list{
  470. margin-left:-6px;
  471. margin-top:-6px;
  472. max-height:14em;
  473. overflow:auto;
  474. padding-left:6px;
  475. padding-top:6px;
  476. }
  477. .editor-post-taxonomies__hierarchical-terms-choice{
  478. margin-bottom:8px;
  479. }
  480. .editor-post-taxonomies__hierarchical-terms-choice:last-child{
  481. margin-bottom:4px;
  482. }
  483. .editor-post-taxonomies__hierarchical-terms-subchoices{
  484. margin-left:16px;
  485. margin-top:8px;
  486. }
  487. .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{
  488. margin-bottom:4px;
  489. }
  490. .editor-post-taxonomies__flat-term-most-used-list{
  491. margin:0;
  492. }
  493. .editor-post-taxonomies__flat-term-most-used-list li{
  494. display:inline-block;
  495. margin-right:8px;
  496. }
  497. .editor-post-taxonomies__flat-term-most-used-list .components-button{
  498. font-size:12px;
  499. }
  500. .edit-post-text-editor__body textarea.editor-post-text-editor{
  501. border:1px solid #949494;
  502. border-radius:0;
  503. box-shadow:none;
  504. display:block;
  505. font-family:Menlo,Consolas,monaco,monospace;
  506. font-size:16px !important;
  507. line-height:2.4;
  508. margin:0;
  509. min-height:200px;
  510. overflow:hidden;
  511. padding:16px;
  512. resize:none;
  513. transition:border .1s ease-out,box-shadow .1s linear;
  514. width:100%;
  515. }
  516. @media (prefers-reduced-motion:reduce){
  517. .edit-post-text-editor__body textarea.editor-post-text-editor{
  518. transition-delay:0s;
  519. transition-duration:0s;
  520. }
  521. }
  522. @media (min-width:600px){
  523. .edit-post-text-editor__body textarea.editor-post-text-editor{
  524. font-size:15px !important;
  525. padding:24px;
  526. }
  527. }
  528. .edit-post-text-editor__body textarea.editor-post-text-editor:focus{
  529. border-color:var(--wp-admin-theme-color);
  530. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  531. position:relative;
  532. }
  533. .edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{
  534. color:rgba(30,30,30,.62);
  535. }
  536. .edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{
  537. color:rgba(30,30,30,.62);
  538. opacity:1;
  539. }
  540. .edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{
  541. color:rgba(30,30,30,.62);
  542. }
  543. .editor-post-url__link-label{
  544. font-size:13px;
  545. font-weight:400;
  546. margin:0;
  547. }
  548. .editor-post-url__link{
  549. direction:ltr;
  550. word-break:break-word;
  551. }
  552. .editor-post-url__link-slug{
  553. font-weight:600;
  554. }
  555. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{
  556. border:1px solid #1e1e1e;
  557. border-radius:2px;
  558. border-radius:50%;
  559. box-shadow:0 0 0 transparent;
  560. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  561. font-size:16px;
  562. height:24px;
  563. line-height:normal;
  564. margin-right:12px;
  565. margin-top:2px;
  566. padding:6px 8px;
  567. transition:box-shadow .1s linear;
  568. transition:none;
  569. width:24px;
  570. }
  571. @media (prefers-reduced-motion:reduce){
  572. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{
  573. transition-delay:0s;
  574. transition-duration:0s;
  575. }
  576. }
  577. @media (min-width:600px){
  578. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{
  579. font-size:13px;
  580. line-height:normal;
  581. }
  582. }
  583. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{
  584. border-color:var(--wp-admin-theme-color);
  585. box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
  586. }
  587. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{
  588. color:rgba(30,30,30,.62);
  589. }
  590. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{
  591. color:rgba(30,30,30,.62);
  592. opacity:1;
  593. }
  594. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{
  595. color:rgba(30,30,30,.62);
  596. }
  597. @media (min-width:600px){
  598. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{
  599. height:20px;
  600. width:20px;
  601. }
  602. }
  603. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{
  604. background-color:#fff;
  605. border:4px solid #fff;
  606. box-sizing:inherit;
  607. height:8px;
  608. margin:0;
  609. transform:translate(7px, 7px);
  610. width:8px;
  611. }
  612. @media (min-width:600px){
  613. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{
  614. transform:translate(5px, 5px);
  615. }
  616. }
  617. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{
  618. box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
  619. outline:2px solid transparent;
  620. }
  621. .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{
  622. background:var(--wp-admin-theme-color);
  623. border-color:var(--wp-admin-theme-color);
  624. }
  625. .editor-post-visibility__fieldset .editor-post-visibility__info{
  626. color:#757575;
  627. margin-left:36px;
  628. margin-top:.5em;
  629. }
  630. @media (min-width:600px){
  631. .editor-post-visibility__fieldset .editor-post-visibility__info{
  632. margin-left:32px;
  633. }
  634. }
  635. .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{
  636. margin-bottom:0;
  637. }
  638. .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{
  639. border:1px solid #949494;
  640. border-radius:2px;
  641. box-shadow:0 0 0 transparent;
  642. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  643. font-size:16px;
  644. line-height:normal;
  645. margin-left:32px;
  646. padding:6px 8px;
  647. transition:box-shadow .1s linear;
  648. width:calc(100% - 32px);
  649. }
  650. @media (prefers-reduced-motion:reduce){
  651. .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{
  652. transition-delay:0s;
  653. transition-duration:0s;
  654. }
  655. }
  656. @media (min-width:600px){
  657. .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{
  658. font-size:13px;
  659. line-height:normal;
  660. }
  661. }
  662. .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{
  663. border-color:var(--wp-admin-theme-color);
  664. box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
  665. outline:2px solid transparent;
  666. }
  667. .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{
  668. color:rgba(30,30,30,.62);
  669. }
  670. .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{
  671. color:rgba(30,30,30,.62);
  672. opacity:1;
  673. }
  674. .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{
  675. color:rgba(30,30,30,.62);
  676. }
  677. .editor-post-trash.components-button{
  678. flex-grow:1;
  679. justify-content:center;
  680. }
  681. .table-of-contents__popover.components-popover .components-popover__content{
  682. min-width:380px;
  683. }
  684. .components-popover.table-of-contents__popover{
  685. z-index:99998;
  686. }
  687. .table-of-contents__popover .components-popover__content{
  688. padding:16px;
  689. }
  690. @media (min-width:600px){
  691. .table-of-contents__popover .components-popover__content{
  692. max-height:calc(100vh - 120px);
  693. overflow-y:auto;
  694. }
  695. }
  696. .table-of-contents__popover hr{
  697. margin:10px -16px 0;
  698. }
  699. .table-of-contents__wrapper:focus:before{
  700. bottom:0;
  701. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  702. content:"";
  703. display:block;
  704. left:0;
  705. pointer-events:none;
  706. position:absolute;
  707. right:0;
  708. top:0;
  709. }
  710. .table-of-contents__counts{
  711. display:flex;
  712. flex-wrap:wrap;
  713. margin:-8px 0 0;
  714. }
  715. .table-of-contents__count{
  716. color:#1e1e1e;
  717. display:flex;
  718. flex-basis:33%;
  719. flex-direction:column;
  720. font-size:13px;
  721. margin-bottom:0;
  722. margin-top:8px;
  723. padding-right:8px;
  724. }
  725. .table-of-contents__count:nth-child(4n){
  726. padding-right:0;
  727. }
  728. .table-of-contents__number,.table-of-contents__popover .word-count{
  729. color:#1e1e1e;
  730. font-size:21px;
  731. font-weight:400;
  732. line-height:30px;
  733. }
  734. .table-of-contents__title{
  735. display:block;
  736. font-size:15px;
  737. font-weight:600;
  738. margin-top:20px;
  739. }
  740. .editor-template-validation-notice{
  741. align-items:center;
  742. display:flex;
  743. justify-content:space-between;
  744. }
  745. .editor-template-validation-notice .components-button{
  746. margin-left:5px;
  747. }