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.

4169 lines
125 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. .block-editor-autocompleters__block{
  19. white-space:nowrap;
  20. }
  21. .block-editor-autocompleters__block .block-editor-block-icon{
  22. margin-right:8px;
  23. }
  24. .block-editor-autocompleters__link{
  25. white-space:nowrap;
  26. }
  27. .block-editor-autocompleters__link .block-editor-block-icon{
  28. margin-right:8px;
  29. }
  30. .block-editor-block-alignment-control__menu-group .components-menu-item__info{
  31. margin-top:0;
  32. }
  33. .block-editor-block-icon{
  34. align-items:center;
  35. display:flex;
  36. height:24px;
  37. justify-content:center;
  38. width:24px;
  39. }
  40. .block-editor-block-icon.has-colors svg{
  41. fill:currentColor;
  42. }
  43. @media (forced-colors:active){
  44. .block-editor-block-icon.has-colors svg{
  45. fill:CanvasText;
  46. }
  47. }
  48. .block-editor-block-icon svg{
  49. max-height:24px;
  50. max-width:24px;
  51. min-height:20px;
  52. min-width:20px;
  53. }
  54. .block-editor-block-inspector p:not(.components-base-control__help){
  55. margin-top:0;
  56. }
  57. .block-editor-block-inspector h2,.block-editor-block-inspector h3{
  58. color:#1e1e1e;
  59. font-size:13px;
  60. margin-bottom:1.5em;
  61. }
  62. .block-editor-block-inspector .components-base-control{
  63. margin-bottom:24px;
  64. }
  65. .block-editor-block-inspector .components-base-control:last-child{
  66. margin-bottom:8px;
  67. }
  68. .block-editor-block-inspector .components-focal-point-picker-control .components-base-control,.block-editor-block-inspector .components-query-controls .components-base-control,.block-editor-block-inspector .components-range-control .components-base-control{
  69. margin-bottom:0;
  70. }
  71. .block-editor-block-inspector .components-panel__body{
  72. border:none;
  73. border-top:1px solid #e0e0e0;
  74. margin-top:-1px;
  75. }
  76. .block-editor-block-inspector .block-editor-block-card{
  77. padding:16px;
  78. }
  79. .block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{
  80. background:#fff;
  81. display:block;
  82. font-size:13px;
  83. padding:32px 16px;
  84. text-align:center;
  85. }
  86. .block-editor-block-inspector__no-block-tools{
  87. border-top:1px solid #ddd;
  88. }
  89. .block-editor-block-inspector__tab-item{
  90. flex:1 1 0px;
  91. }
  92. .block-editor-block-list__insertion-point{
  93. bottom:0;
  94. left:0;
  95. position:absolute;
  96. right:0;
  97. top:0;
  98. }
  99. .block-editor-block-list__insertion-point-indicator{
  100. background:var(--wp-admin-theme-color);
  101. border-radius:2px;
  102. opacity:0;
  103. position:absolute;
  104. transform-origin:center;
  105. will-change:transform, opacity;
  106. }
  107. .block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{
  108. height:4px;
  109. top:calc(50% - 2px);
  110. width:100%;
  111. }
  112. .block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{
  113. bottom:0;
  114. left:calc(50% - 2px);
  115. top:0;
  116. width:4px;
  117. }
  118. .block-editor-block-list__insertion-point-inserter{
  119. display:none;
  120. justify-content:center;
  121. left:calc(50% - 12px);
  122. position:absolute;
  123. top:calc(50% - 12px);
  124. will-change:transform;
  125. }
  126. @media (min-width:480px){
  127. .block-editor-block-list__insertion-point-inserter{
  128. display:flex;
  129. }
  130. }
  131. .block-editor-block-list__block-side-inserter-popover .components-popover__content>div{
  132. pointer-events:none;
  133. }
  134. .block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{
  135. pointer-events:all;
  136. }
  137. .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
  138. background:#1e1e1e;
  139. border-radius:2px;
  140. color:#fff;
  141. height:24px;
  142. min-width:24px;
  143. padding:0;
  144. }
  145. .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
  146. background:var(--wp-admin-theme-color);
  147. color:#fff;
  148. }
  149. .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
  150. background:var(--wp-admin-theme-color);
  151. }
  152. .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
  153. background:#1e1e1e;
  154. }
  155. .block-editor-block-contextual-toolbar{
  156. background-color:#fff;
  157. border:1px solid #1e1e1e;
  158. border-radius:2px;
  159. display:inline-flex;
  160. }
  161. .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{
  162. border-right-color:#1e1e1e;
  163. }
  164. .block-editor-block-contextual-toolbar.is-fixed{
  165. border:none;
  166. border-bottom:1px solid #e0e0e0;
  167. border-radius:0;
  168. overflow:hidden;
  169. }
  170. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar{
  171. overflow:auto;
  172. overflow-y:hidden;
  173. }
  174. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{
  175. border-right-color:#e0e0e0;
  176. }
  177. .block-editor-block-contextual-toolbar.is-collapsed:after{
  178. background:linear-gradient(90deg, #fff, transparent);
  179. content:"";
  180. height:100%;
  181. left:100%;
  182. position:absolute;
  183. width:48px;
  184. }
  185. @media (min-width:782px){
  186. .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar{
  187. flex-grow:0;
  188. width:auto;
  189. }
  190. .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar:before{
  191. background-color:#ddd;
  192. content:"";
  193. height:24px;
  194. left:-2px;
  195. margin-right:0;
  196. margin-top:12px;
  197. position:relative;
  198. top:-1px;
  199. width:1px;
  200. }
  201. .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar{
  202. border:none;
  203. }
  204. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon svg{
  205. display:none;
  206. }
  207. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon:after{
  208. content:attr(aria-label);
  209. font-size:12px;
  210. }
  211. .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar:before{
  212. background-color:#ddd;
  213. content:"";
  214. height:24px;
  215. left:0;
  216. margin-right:8px;
  217. margin-top:12px;
  218. position:relative;
  219. top:-1px;
  220. width:1px;
  221. }
  222. .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar{
  223. border:none;
  224. }
  225. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar{
  226. width:256px;
  227. }
  228. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon svg{
  229. display:none;
  230. }
  231. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon:after{
  232. content:attr(aria-label);
  233. font-size:12px;
  234. }
  235. .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar:before{
  236. background-color:#ddd;
  237. content:"";
  238. height:24px;
  239. left:-8px;
  240. margin-bottom:12px;
  241. margin-top:12px;
  242. position:relative;
  243. top:-1px;
  244. width:1px;
  245. }
  246. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button:after{
  247. left:0;
  248. }
  249. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{
  250. border-left:none;
  251. }
  252. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover:before{
  253. background-color:#ddd;
  254. content:"";
  255. margin-bottom:12px;
  256. margin-top:12px;
  257. position:relative;
  258. width:1px;
  259. }
  260. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
  261. border:0;
  262. padding-left:6px;
  263. padding-right:6px;
  264. position:relative;
  265. top:-1px;
  266. }
  267. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button:after{
  268. bottom:4px;
  269. content:"·";
  270. font-size:16px;
  271. left:46px;
  272. line-height:40px;
  273. position:absolute;
  274. }
  275. .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector{
  276. left:-57px;
  277. position:absolute;
  278. top:-1px;
  279. }
  280. .show-icon-labels .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector{
  281. left:auto;
  282. margin-bottom:-1px;
  283. margin-left:-1px;
  284. margin-top:-1px;
  285. position:relative;
  286. top:auto;
  287. }
  288. }
  289. .block-editor-block-list__block-selection-button{
  290. background-color:#1e1e1e;
  291. border-radius:2px;
  292. display:inline-flex;
  293. font-size:13px;
  294. height:48px;
  295. padding:0 12px;
  296. z-index:22;
  297. }
  298. .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{
  299. align-items:center;
  300. display:inline-flex;
  301. margin:auto;
  302. }
  303. .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{
  304. margin-right:6px;
  305. }
  306. .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{
  307. cursor:grab;
  308. height:24px;
  309. margin-left:-2px;
  310. min-width:24px;
  311. padding:0;
  312. }
  313. .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{
  314. min-height:18px;
  315. min-width:18px;
  316. }
  317. .block-editor-block-list__block-selection-button .block-editor-block-icon{
  318. color:#fff;
  319. font-size:13px;
  320. height:48px;
  321. }
  322. .block-editor-block-list__block-selection-button .components-button{
  323. color:#fff;
  324. display:flex;
  325. height:48px;
  326. min-width:36px;
  327. }
  328. .block-editor-block-list__block-selection-button .components-button:focus{
  329. border:none;
  330. box-shadow:none;
  331. }
  332. .block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{
  333. color:#fff;
  334. }
  335. .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{
  336. padding:0;
  337. }
  338. .block-editor-block-list__block-selection-button .block-editor-block-mover{
  339. background:unset;
  340. border:none;
  341. }
  342. @keyframes hide-during-dragging{
  343. to{
  344. position:fixed;
  345. transform:translate(9999px, 9999px);
  346. }
  347. }
  348. .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{
  349. margin-bottom:12px;
  350. margin-top:12px;
  351. pointer-events:all;
  352. }
  353. .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{
  354. visibility:hidden;
  355. }
  356. .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{
  357. animation:hide-during-dragging 1ms linear forwards;
  358. opacity:0;
  359. }
  360. .is-dragging-components-draggable .components-tooltip{
  361. display:none;
  362. }
  363. .block-editor-block-lock-modal{
  364. z-index:1000001;
  365. }
  366. @media (min-width:600px){
  367. .block-editor-block-lock-modal .components-modal__frame{
  368. max-width:480px;
  369. }
  370. }
  371. .block-editor-block-lock-modal__checklist{
  372. margin:0;
  373. }
  374. .block-editor-block-lock-modal__options-title{
  375. padding:12px 0;
  376. }
  377. .block-editor-block-lock-modal__options-title .components-checkbox-control__label{
  378. font-weight:600;
  379. }
  380. .block-editor-block-lock-modal__checklist-item{
  381. align-items:center;
  382. display:flex;
  383. gap:12px;
  384. justify-content:space-between;
  385. margin-bottom:0;
  386. padding:12px 0 12px 32px;
  387. }
  388. .block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{
  389. fill:#1e1e1e;
  390. flex-shrink:0;
  391. margin-right:12px;
  392. }
  393. .block-editor-block-lock-modal__checklist-item:hover{
  394. background-color:#f0f0f0;
  395. border-radius:2px;
  396. }
  397. .block-editor-block-lock-modal__template-lock{
  398. border-top:1px solid #ddd;
  399. margin-top:16px;
  400. padding:12px 0;
  401. }
  402. .block-editor-block-lock-modal__actions{
  403. margin-top:24px;
  404. }
  405. .block-editor-block-lock-toolbar .components-button.has-icon{
  406. min-width:36px !important;
  407. }
  408. .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
  409. margin-left:-6px !important;
  410. }
  411. .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
  412. border-left:1px solid #1e1e1e;
  413. margin-left:6px !important;
  414. margin-right:-6px;
  415. }
  416. .block-editor-block-breadcrumb{
  417. list-style:none;
  418. margin:0;
  419. padding:0;
  420. }
  421. .block-editor-block-breadcrumb li{
  422. display:inline-flex;
  423. margin:0;
  424. }
  425. .block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{
  426. fill:currentColor;
  427. margin-left:-4px;
  428. margin-right:-4px;
  429. transform:scaleX(1);
  430. }
  431. .block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{
  432. display:none;
  433. }
  434. .block-editor-block-breadcrumb__button.components-button{
  435. height:24px;
  436. line-height:24px;
  437. padding:0;
  438. position:relative;
  439. }
  440. .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){
  441. box-shadow:none;
  442. text-decoration:underline;
  443. }
  444. .block-editor-block-breadcrumb__button.components-button:focus{
  445. box-shadow:none;
  446. }
  447. .block-editor-block-breadcrumb__button.components-button:focus:before{
  448. border-radius:2px;
  449. bottom:1px;
  450. box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  451. content:"";
  452. display:block;
  453. left:1px;
  454. outline:2px solid transparent;
  455. position:absolute;
  456. right:1px;
  457. top:1px;
  458. }
  459. .block-editor-block-breadcrumb__current{
  460. cursor:default;
  461. }
  462. .block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{
  463. color:#1e1e1e;
  464. font-size:inherit;
  465. padding:0 8px;
  466. }
  467. .block-editor-block-card{
  468. align-items:flex-start;
  469. display:flex;
  470. }
  471. .block-editor-block-card__content{
  472. flex-grow:1;
  473. margin-bottom:4px;
  474. }
  475. .block-editor-block-card__title{
  476. font-weight:500;
  477. }
  478. .block-editor-block-card__title.block-editor-block-card__title{
  479. line-height:24px;
  480. margin:0 0 4px;
  481. }
  482. .block-editor-block-card__description{
  483. font-size:13px;
  484. }
  485. .block-editor-block-card .block-editor-block-icon{
  486. flex:0 0 24px;
  487. height:24px;
  488. margin-left:0;
  489. margin-right:12px;
  490. width:24px;
  491. }
  492. .block-editor-block-card.is-synced .block-editor-block-icon{
  493. color:var(--wp-block-synced-color);
  494. }
  495. .block-editor-block-compare{
  496. height:auto;
  497. }
  498. .block-editor-block-compare__wrapper{
  499. display:flex;
  500. padding-bottom:16px;
  501. }
  502. .block-editor-block-compare__wrapper>div{
  503. display:flex;
  504. flex-direction:column;
  505. justify-content:space-between;
  506. max-width:600px;
  507. min-width:200px;
  508. padding:0 16px 0 0;
  509. width:50%;
  510. }
  511. .block-editor-block-compare__wrapper>div button{
  512. float:right;
  513. }
  514. .block-editor-block-compare__wrapper .block-editor-block-compare__converted{
  515. border-left:1px solid #ddd;
  516. padding-left:15px;
  517. padding-right:0;
  518. }
  519. .block-editor-block-compare__wrapper .block-editor-block-compare__html{
  520. border-bottom:1px solid #ddd;
  521. color:#1e1e1e;
  522. font-family:Menlo,Consolas,monaco,monospace;
  523. font-size:12px;
  524. line-height:1.7;
  525. padding-bottom:15px;
  526. }
  527. .block-editor-block-compare__wrapper .block-editor-block-compare__html span{
  528. background-color:#e6ffed;
  529. padding-bottom:3px;
  530. padding-top:3px;
  531. }
  532. .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{
  533. background-color:#acf2bd;
  534. }
  535. .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{
  536. background-color:#cc1818;
  537. }
  538. .block-editor-block-compare__wrapper .block-editor-block-compare__preview{
  539. padding:16px 0 0;
  540. }
  541. .block-editor-block-compare__wrapper .block-editor-block-compare__preview p{
  542. font-size:12px;
  543. margin-top:0;
  544. }
  545. .block-editor-block-compare__wrapper .block-editor-block-compare__action{
  546. margin-top:16px;
  547. }
  548. .block-editor-block-compare__wrapper .block-editor-block-compare__heading{
  549. font-size:1em;
  550. font-weight:400;
  551. margin:.67em 0;
  552. }
  553. .block-editor-block-draggable-chip-wrapper{
  554. left:0;
  555. position:absolute;
  556. top:-24px;
  557. }
  558. .block-editor-block-draggable-chip{
  559. background-color:#1e1e1e;
  560. border-radius:2px;
  561. box-shadow:0 6px 8px rgba(0,0,0,.3);
  562. color:#fff;
  563. cursor:grabbing;
  564. display:inline-flex;
  565. height:48px;
  566. padding:0 13px;
  567. -webkit-user-select:none;
  568. user-select:none;
  569. width:max-content;
  570. }
  571. .block-editor-block-draggable-chip svg{
  572. fill:currentColor;
  573. }
  574. .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{
  575. justify-content:flex-start;
  576. margin:auto;
  577. }
  578. .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{
  579. margin-right:6px;
  580. }
  581. .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{
  582. margin-right:0;
  583. }
  584. .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{
  585. min-height:18px;
  586. min-width:18px;
  587. }
  588. .block-editor-block-draggable-chip .components-flex__item{
  589. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  590. font-size:13px;
  591. }
  592. .block-editor-block-mover__move-button-container{
  593. border:none;
  594. display:flex;
  595. padding:0;
  596. }
  597. @media (min-width:600px){
  598. .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{
  599. flex-direction:column;
  600. }
  601. .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{
  602. height:24px;
  603. min-width:0 !important;
  604. width:100%;
  605. }
  606. .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{
  607. height:calc(100% - 4px);
  608. }
  609. .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{
  610. flex-shrink:0;
  611. top:5px;
  612. }
  613. .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
  614. bottom:5px;
  615. flex-shrink:0;
  616. }
  617. .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{
  618. width:48px;
  619. }
  620. .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{
  621. min-width:0 !important;
  622. overflow:hidden;
  623. width:24px;
  624. }
  625. .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button{
  626. padding-left:0;
  627. padding-right:0;
  628. }
  629. .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{
  630. left:5px;
  631. }
  632. .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
  633. right:5px;
  634. }
  635. }
  636. .block-editor-block-mover__drag-handle{
  637. cursor:grab;
  638. }
  639. @media (min-width:600px){
  640. .block-editor-block-mover__drag-handle{
  641. min-width:0 !important;
  642. overflow:hidden;
  643. width:24px;
  644. }
  645. .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon{
  646. padding-left:0;
  647. padding-right:0;
  648. }
  649. }
  650. .components-button.block-editor-block-mover-button:before{
  651. animation:components-button__appear-animation .1s ease;
  652. animation-fill-mode:forwards;
  653. border-radius:2px;
  654. content:"";
  655. display:block;
  656. height:32px;
  657. left:8px;
  658. position:absolute;
  659. right:8px;
  660. z-index:-1;
  661. }
  662. @media (prefers-reduced-motion:reduce){
  663. .components-button.block-editor-block-mover-button:before{
  664. animation-delay:0s;
  665. animation-duration:1ms;
  666. }
  667. }
  668. .components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{
  669. box-shadow:none;
  670. outline:none;
  671. }
  672. .components-button.block-editor-block-mover-button:focus-visible:before{
  673. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
  674. outline:2px solid transparent;
  675. }
  676. .block-editor-block-navigation__container{
  677. min-width:280px;
  678. }
  679. .block-editor-block-navigation__label{
  680. color:#757575;
  681. font-size:11px;
  682. font-weight:500;
  683. margin:0 0 12px;
  684. text-transform:uppercase;
  685. }
  686. .block-editor-block-parent-selector{
  687. background:#fff;
  688. border-radius:2px;
  689. }
  690. .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
  691. border:1px solid #1e1e1e;
  692. border-radius:2px;
  693. height:48px;
  694. width:48px;
  695. }
  696. .block-editor-block-patterns-list__list-item{
  697. cursor:pointer;
  698. margin-bottom:24px;
  699. position:relative;
  700. }
  701. .block-editor-block-patterns-list__list-item.is-placeholder{
  702. min-height:100px;
  703. }
  704. .block-editor-block-patterns-list__list-item[draggable=true]{
  705. cursor:grab;
  706. }
  707. .block-editor-block-patterns-list__item{
  708. height:100%;
  709. }
  710. .block-editor-block-patterns-list__item .block-editor-block-preview__container{
  711. align-items:center;
  712. border-radius:4px;
  713. display:flex;
  714. overflow:hidden;
  715. }
  716. .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{
  717. flex-grow:1;
  718. text-align:left;
  719. }
  720. .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{
  721. box-shadow:0 0 0 2px #1e1e1e;
  722. }
  723. .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{
  724. box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #1e1e1e;
  725. outline:2px solid transparent;
  726. outline-offset:2px;
  727. }
  728. .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:focus .block-editor-block-preview__container,.block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:hover .block-editor-block-preview__container{
  729. box-shadow:0 0 0 2px var(--wp-block-synced-color), 0 15px 25px rgba(0,0,0,.07);
  730. }
  731. .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details{
  732. align-items:center;
  733. margin-top:8px;
  734. }
  735. .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper{
  736. height:24px;
  737. min-width:24px;
  738. }
  739. .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon{
  740. fill:var(--wp-block-synced-color);
  741. }
  742. .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination{
  743. border-top:1px solid #2f2f2f;
  744. justify-content:center;
  745. padding:4px;
  746. }
  747. .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary{
  748. height:32px;
  749. justify-content:center;
  750. width:auto;
  751. }
  752. .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled{
  753. background:none;
  754. color:#949494;
  755. }
  756. .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){
  757. background-color:#757575;
  758. color:#fff;
  759. }
  760. .show-icon-labels .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{
  761. flex-direction:column;
  762. }
  763. .show-icon-labels .block-editor-patterns__grid-pagination .components-button{
  764. width:auto;
  765. }
  766. .show-icon-labels .block-editor-patterns__grid-pagination .components-button span{
  767. display:none;
  768. }
  769. .show-icon-labels .block-editor-patterns__grid-pagination .components-button:before{
  770. content:attr(aria-label);
  771. }
  772. .components-popover.block-editor-block-popover{
  773. margin:0 !important;
  774. pointer-events:none;
  775. position:absolute;
  776. z-index:31;
  777. }
  778. .components-popover.block-editor-block-popover .components-popover__content{
  779. margin:0 !important;
  780. min-width:auto;
  781. overflow-y:visible;
  782. width:max-content;
  783. }
  784. .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{
  785. pointer-events:all;
  786. }
  787. .components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{
  788. pointer-events:none;
  789. }
  790. .components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{
  791. pointer-events:all;
  792. }
  793. .components-popover.block-editor-block-popover__drop-zone *{
  794. pointer-events:none;
  795. }
  796. .components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{
  797. background-color:var(--wp-admin-theme-color);
  798. border-radius:2px;
  799. inset:0;
  800. position:absolute;
  801. }
  802. .block-editor-block-preview__container{
  803. overflow:hidden;
  804. position:relative;
  805. width:100%;
  806. }
  807. .block-editor-block-preview__container .block-editor-block-preview__content{
  808. left:0;
  809. margin:0;
  810. min-height:auto;
  811. overflow:visible;
  812. text-align:initial;
  813. top:0;
  814. transform-origin:top left;
  815. width:100%;
  816. }
  817. .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{
  818. display:none;
  819. }
  820. .block-editor-block-preview__container:after{
  821. bottom:0;
  822. content:"";
  823. left:0;
  824. position:absolute;
  825. right:0;
  826. top:0;
  827. z-index:1;
  828. }
  829. .block-editor-block-rename-modal{
  830. z-index:1000001;
  831. }
  832. .block-editor-block-settings-menu__popover .components-dropdown-menu__menu{
  833. padding:0;
  834. }
  835. .block-editor-block-styles+.default-style-picker__default-switcher{
  836. margin-top:16px;
  837. }
  838. .block-editor-block-styles__preview-panel{
  839. display:none;
  840. z-index:90;
  841. }
  842. @media (min-width:782px){
  843. .block-editor-block-styles__preview-panel{
  844. display:block;
  845. }
  846. }
  847. .block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{
  848. left:auto;
  849. position:static;
  850. right:auto;
  851. top:auto;
  852. }
  853. .block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{
  854. margin:0;
  855. }
  856. .block-editor-block-styles__preview-panel .block-editor-block-icon{
  857. display:none;
  858. }
  859. .block-editor-block-styles__variants{
  860. display:flex;
  861. flex-wrap:wrap;
  862. gap:8px;
  863. justify-content:space-between;
  864. }
  865. .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item{
  866. box-shadow:inset 0 0 0 1px #ddd;
  867. color:#1e1e1e;
  868. display:inline-block;
  869. width:calc(50% - 4px);
  870. }
  871. .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover{
  872. box-shadow:inset 0 0 0 1px #ddd;
  873. color:var(--wp-admin-theme-color);
  874. }
  875. .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover{
  876. background-color:#1e1e1e;
  877. box-shadow:none;
  878. }
  879. .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{
  880. color:#fff;
  881. }
  882. .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus{
  883. box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  884. }
  885. .block-editor-block-styles__variants .block-editor-block-styles__item-text{
  886. text-align:start;
  887. text-align-last:center;
  888. white-space:normal;
  889. word-break:break-all;
  890. }
  891. .block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{
  892. box-sizing:border-box !important;
  893. }
  894. .block-editor-block-switcher{
  895. position:relative;
  896. }
  897. .block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{
  898. min-width:36px;
  899. }
  900. .block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{
  901. position:relative;
  902. }
  903. .components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{
  904. display:block;
  905. height:48px;
  906. margin:0;
  907. }
  908. .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{
  909. margin:auto;
  910. }
  911. .block-editor-block-switcher__toggle-text{
  912. margin-left:8px;
  913. }
  914. .show-icon-labels .block-editor-block-switcher__toggle-text{
  915. display:none;
  916. }
  917. .show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{
  918. font-size:14px;
  919. }
  920. .components-button.block-editor-block-switcher__no-switcher-icon{
  921. display:flex;
  922. }
  923. .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
  924. margin-left:auto;
  925. margin-right:auto;
  926. min-width:24px !important;
  927. }
  928. .components-button.block-editor-block-switcher__no-switcher-icon:disabled{
  929. opacity:1;
  930. }
  931. .components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{
  932. color:#1e1e1e;
  933. }
  934. .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{
  935. align-items:center;
  936. display:flex;
  937. height:100%;
  938. margin:0 auto;
  939. min-width:100%;
  940. position:relative;
  941. }
  942. .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{
  943. bottom:8px;
  944. left:8px;
  945. right:8px;
  946. top:8px;
  947. }
  948. .components-popover.block-editor-block-switcher__popover .components-popover__content{
  949. min-width:300px;
  950. }
  951. .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{
  952. left:calc(100% + 16px);
  953. position:absolute;
  954. top:-12px;
  955. }
  956. .block-editor-block-switcher__preview__popover{
  957. display:none;
  958. overflow:hidden;
  959. }
  960. .block-editor-block-switcher__preview__popover.components-popover{
  961. margin-top:11px;
  962. }
  963. @media (min-width:782px){
  964. .block-editor-block-switcher__preview__popover{
  965. display:block;
  966. }
  967. }
  968. .block-editor-block-switcher__preview__popover .components-popover__content{
  969. background:#fff;
  970. border:1px solid #1e1e1e;
  971. border-radius:2px;
  972. box-shadow:none;
  973. outline:none;
  974. overflow:auto;
  975. width:300px;
  976. }
  977. .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{
  978. margin:16px 0;
  979. max-height:468px;
  980. overflow:hidden;
  981. padding:0 16px;
  982. }
  983. .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview{
  984. overflow:unset;
  985. }
  986. .block-editor-block-switcher__preview-title{
  987. color:#757575;
  988. font-size:11px;
  989. font-weight:500;
  990. margin-bottom:12px;
  991. text-transform:uppercase;
  992. }
  993. .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{
  994. min-width:36px;
  995. }
  996. .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{
  997. height:48px;
  998. }
  999. .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{
  1000. height:48px;
  1001. width:48px;
  1002. }
  1003. .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{
  1004. padding:12px;
  1005. }
  1006. .block-editor-block-switcher__preview-patterns-container{
  1007. padding-bottom:16px;
  1008. }
  1009. .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{
  1010. margin-top:16px;
  1011. }
  1012. .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{
  1013. cursor:pointer;
  1014. }
  1015. .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{
  1016. border:1px solid transparent;
  1017. border-radius:2px;
  1018. height:100%;
  1019. position:relative;
  1020. transition:all .05s ease-in-out;
  1021. }
  1022. .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{
  1023. box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  1024. outline:2px solid transparent;
  1025. }
  1026. .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{
  1027. box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
  1028. }
  1029. .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{
  1030. cursor:pointer;
  1031. font-size:12px;
  1032. padding:4px;
  1033. text-align:center;
  1034. }
  1035. .block-editor-block-types-list>[role=presentation]{
  1036. display:flex;
  1037. flex-wrap:wrap;
  1038. overflow:hidden;
  1039. }
  1040. .block-editor-block-pattern-setup{
  1041. align-items:flex-start;
  1042. border-radius:2px;
  1043. display:flex;
  1044. flex-direction:column;
  1045. justify-content:center;
  1046. width:100%;
  1047. }
  1048. .block-editor-block-pattern-setup.view-mode-grid{
  1049. padding-top:4px;
  1050. }
  1051. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{
  1052. justify-content:center;
  1053. }
  1054. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{
  1055. column-count:2;
  1056. column-gap:24px;
  1057. display:block;
  1058. padding:0 32px;
  1059. width:100%;
  1060. }
  1061. @media (min-width:1440px){
  1062. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{
  1063. column-count:3;
  1064. }
  1065. }
  1066. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{
  1067. cursor:pointer;
  1068. }
  1069. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{
  1070. box-shadow:0 0 0 2px var(--wp-admin-theme-color);
  1071. }
  1072. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{
  1073. box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
  1074. outline:2px solid transparent;
  1075. outline-offset:2px;
  1076. }
  1077. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{
  1078. color:var(--wp-admin-theme-color);
  1079. }
  1080. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{
  1081. break-inside:avoid-column;
  1082. margin-bottom:24px;
  1083. }
  1084. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{
  1085. cursor:pointer;
  1086. font-size:12px;
  1087. padding-top:8px;
  1088. text-align:center;
  1089. }
  1090. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{
  1091. border:1px solid #ddd;
  1092. border-radius:2px;
  1093. min-height:100px;
  1094. }
  1095. .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{
  1096. width:100%;
  1097. }
  1098. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{
  1099. align-items:center;
  1100. align-self:flex-end;
  1101. background-color:#fff;
  1102. border-top:1px solid #ddd;
  1103. bottom:0;
  1104. box-sizing:border-box;
  1105. color:#1e1e1e;
  1106. display:flex;
  1107. flex-direction:row;
  1108. height:60px;
  1109. justify-content:space-between;
  1110. margin:0;
  1111. padding:16px;
  1112. position:absolute;
  1113. text-align:left;
  1114. width:100%;
  1115. }
  1116. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{
  1117. display:flex;
  1118. }
  1119. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{
  1120. display:flex;
  1121. width:calc(50% - 36px);
  1122. }
  1123. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{
  1124. justify-content:flex-end;
  1125. }
  1126. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{
  1127. box-sizing:border-box;
  1128. display:flex;
  1129. flex-direction:column;
  1130. height:100%;
  1131. width:100%;
  1132. }
  1133. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{
  1134. height:100%;
  1135. list-style:none;
  1136. margin:0;
  1137. overflow:hidden;
  1138. padding:0;
  1139. position:relative;
  1140. transform-style:preserve-3d;
  1141. }
  1142. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{
  1143. box-sizing:border-box;
  1144. }
  1145. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{
  1146. background-color:#fff;
  1147. height:100%;
  1148. margin:auto;
  1149. padding:0;
  1150. position:absolute;
  1151. top:0;
  1152. transition:transform .5s,z-index .5s;
  1153. width:100%;
  1154. z-index:100;
  1155. }
  1156. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{
  1157. opacity:1;
  1158. position:relative;
  1159. z-index:102;
  1160. }
  1161. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{
  1162. transform:translateX(-100%);
  1163. z-index:101;
  1164. }
  1165. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{
  1166. transform:translateX(100%);
  1167. z-index:101;
  1168. }
  1169. .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{
  1170. display:none;
  1171. }
  1172. .block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{
  1173. width:100%;
  1174. }
  1175. .block-editor-block-variation-transforms{
  1176. padding:0 16px 16px 52px;
  1177. width:100%;
  1178. }
  1179. .block-editor-block-variation-transforms .components-dropdown-menu__toggle{
  1180. border:1px solid #757575;
  1181. border-radius:2px;
  1182. justify-content:left;
  1183. min-height:30px;
  1184. padding:6px 12px;
  1185. position:relative;
  1186. text-align:left;
  1187. width:100%;
  1188. }
  1189. .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{
  1190. padding-right:24px;
  1191. }
  1192. .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){
  1193. border-color:var(--wp-admin-theme-color);
  1194. box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color);
  1195. }
  1196. .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{
  1197. height:100%;
  1198. padding:0;
  1199. position:absolute;
  1200. right:0;
  1201. top:0;
  1202. }
  1203. .block-editor-block-variation-transforms__popover .components-popover__content{
  1204. min-width:230px;
  1205. }
  1206. .components-border-radius-control{
  1207. margin-bottom:12px;
  1208. }
  1209. .components-border-radius-control legend{
  1210. margin-bottom:8px;
  1211. }
  1212. .components-border-radius-control .components-border-radius-control__wrapper{
  1213. align-items:flex-start;
  1214. display:flex;
  1215. justify-content:space-between;
  1216. }
  1217. .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{
  1218. flex-shrink:0;
  1219. margin-bottom:0;
  1220. margin-right:16px;
  1221. width:calc(50% - 8px);
  1222. }
  1223. .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{
  1224. flex:1;
  1225. margin-right:12px;
  1226. }
  1227. .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{
  1228. align-items:center;
  1229. display:flex;
  1230. height:40px;
  1231. }
  1232. .components-border-radius-control .components-border-radius-control__wrapper>span{
  1233. flex:0 0 auto;
  1234. }
  1235. .components-border-radius-control .components-border-radius-control__input-controls-wrapper{
  1236. display:grid;
  1237. gap:16px;
  1238. grid-template-columns:repeat(2, minmax(0, 1fr));
  1239. margin-right:12px;
  1240. }
  1241. .components-border-radius-control .component-border-radius-control__linked-button{
  1242. display:flex;
  1243. justify-content:center;
  1244. margin-top:8px;
  1245. }
  1246. .components-border-radius-control .component-border-radius-control__linked-button svg{
  1247. margin-right:0;
  1248. }
  1249. .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{
  1250. margin-bottom:12px;
  1251. }
  1252. .block-editor-color-gradient-control__fieldset{
  1253. min-width:0;
  1254. }
  1255. .block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel{
  1256. padding:16px;
  1257. }
  1258. .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){
  1259. display:block;
  1260. }
  1261. @media screen and (min-width:782px){
  1262. .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{
  1263. display:grid;
  1264. grid-template-columns:repeat(6, 28px);
  1265. justify-content:space-between;
  1266. }
  1267. }
  1268. .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{
  1269. margin-bottom:inherit;
  1270. }
  1271. .block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{
  1272. padding:16px;
  1273. width:260px;
  1274. }
  1275. .block-editor-panel-color-gradient-settings__color-indicator{
  1276. background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
  1277. }
  1278. .block-editor-tools-panel-color-gradient-settings__item{
  1279. border-bottom:1px solid #ddd;
  1280. border-left:1px solid #ddd;
  1281. border-right:1px solid #ddd;
  1282. max-width:100%;
  1283. padding:0;
  1284. }
  1285. .block-editor-tools-panel-color-gradient-settings__item.first{
  1286. border-top:1px solid #ddd;
  1287. border-top-left-radius:2px;
  1288. border-top-right-radius:2px;
  1289. margin-top:24px;
  1290. }
  1291. .block-editor-tools-panel-color-gradient-settings__item.last{
  1292. border-bottom-left-radius:2px;
  1293. border-bottom-right-radius:2px;
  1294. }
  1295. .block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{
  1296. border-radius:inherit;
  1297. }
  1298. .block-editor-tools-panel-color-gradient-settings__dropdown{
  1299. display:block;
  1300. padding:0;
  1301. }
  1302. .block-editor-tools-panel-color-gradient-settings__dropdown>button{
  1303. height:auto;
  1304. padding-bottom:10px;
  1305. padding-top:10px;
  1306. text-align:left;
  1307. }
  1308. .block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{
  1309. background:#f0f0f0;
  1310. color:var(--wp-admin-theme-color);
  1311. }
  1312. .block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{
  1313. overflow:hidden;
  1314. text-overflow:ellipsis;
  1315. white-space:nowrap;
  1316. }
  1317. .block-editor-panel-color-gradient-settings__dropdown{
  1318. width:100%;
  1319. }
  1320. .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{
  1321. flex-shrink:0;
  1322. }
  1323. .block-editor-contrast-checker>.components-notice{
  1324. margin:0;
  1325. }
  1326. .block-editor-date-format-picker{
  1327. margin-bottom:16px;
  1328. }
  1329. .block-editor-date-format-picker__custom-format-select-control__custom-option{
  1330. border-top:1px solid #ddd;
  1331. }
  1332. .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{
  1333. grid-template-columns:auto 30px;
  1334. }
  1335. .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{
  1336. grid-row:2;
  1337. text-align:left;
  1338. }
  1339. .block-editor-duotone-control__popover>.components-popover__content{
  1340. padding:16px;
  1341. width:280px;
  1342. }
  1343. .block-editor-duotone-control__popover .components-menu-group__label{
  1344. padding:0;
  1345. }
  1346. .block-editor-duotone-control__popover .components-circular-option-picker__swatches{
  1347. display:grid;
  1348. gap:12px;
  1349. grid-template-columns:repeat(6, 28px);
  1350. justify-content:space-between;
  1351. }
  1352. .block-editor-duotone-control__description{
  1353. font-size:12px;
  1354. margin:16px 0;
  1355. }
  1356. .block-editor-duotone-control__unset-indicator{
  1357. background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
  1358. }
  1359. .components-font-appearance-control ul li{
  1360. color:#1e1e1e;
  1361. text-transform:capitalize;
  1362. }
  1363. .block-editor-global-styles-effects-panel__toggle-icon{
  1364. fill:currentColor;
  1365. }
  1366. .block-editor-global-styles-effects-panel__shadow-popover-container{
  1367. width:230px;
  1368. }
  1369. .block-editor-global-styles-effects-panel__shadow-dropdown,.block-editor-global-styles-filters-panel__dropdown{
  1370. display:block;
  1371. padding:0;
  1372. }
  1373. .block-editor-global-styles-effects-panel__shadow-dropdown button,.block-editor-global-styles-filters-panel__dropdown button{
  1374. padding:8px;
  1375. width:100%;
  1376. }
  1377. .block-editor-global-styles-effects-panel__shadow-dropdown button.is-open,.block-editor-global-styles-filters-panel__dropdown button.is-open{
  1378. background-color:#f0f0f0;
  1379. }
  1380. .block-editor-global-styles-effects-panel__shadow-indicator-wrapper{
  1381. align-items:center;
  1382. display:flex;
  1383. justify-content:center;
  1384. overflow:hidden;
  1385. padding:6px;
  1386. }
  1387. .block-editor-global-styles-effects-panel__shadow-indicator{
  1388. border:1px solid #e0e0e0;
  1389. border-radius:2px;
  1390. color:#2f2f2f;
  1391. cursor:pointer;
  1392. height:24px;
  1393. padding:0;
  1394. width:24px;
  1395. }
  1396. .block-editor-global-styles-advanced-panel__custom-css-input textarea{
  1397. direction:ltr;
  1398. font-family:Menlo,Consolas,monaco,monospace;
  1399. }
  1400. .block-editor-global-styles-advanced-panel__custom-css-validation-wrapper{
  1401. bottom:16px;
  1402. position:absolute;
  1403. right:24px;
  1404. }
  1405. .block-editor-global-styles-advanced-panel__custom-css-validation-icon{
  1406. fill:#cc1818;
  1407. }
  1408. .block-editor-height-control{
  1409. border:0;
  1410. margin:0;
  1411. padding:0;
  1412. }
  1413. .block-editor-image-size-control{
  1414. margin-bottom:1em;
  1415. }
  1416. .block-editor-image-size-control .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__width{
  1417. margin-bottom:1.115em;
  1418. }
  1419. .block-editor-block-types-list__list-item{
  1420. display:block;
  1421. margin:0;
  1422. padding:0;
  1423. width:33.33%;
  1424. }
  1425. .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{
  1426. color:var(--wp-block-synced-color);
  1427. }
  1428. .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{
  1429. color:var(--wp-block-synced-color) !important;
  1430. filter:brightness(.95);
  1431. }
  1432. .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{
  1433. color:var(--wp-block-synced-color) !important;
  1434. }
  1435. .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{
  1436. background:var(--wp-block-synced-color);
  1437. }
  1438. .components-button.block-editor-block-types-list__item{
  1439. align-items:stretch;
  1440. background:transparent;
  1441. border-radius:2px;
  1442. color:#1e1e1e;
  1443. cursor:pointer;
  1444. display:flex;
  1445. flex-direction:column;
  1446. font-size:13px;
  1447. height:auto;
  1448. justify-content:center;
  1449. padding:8px;
  1450. position:relative;
  1451. transition:all .05s ease-in-out;
  1452. width:100%;
  1453. word-break:break-word;
  1454. }
  1455. @media (prefers-reduced-motion:reduce){
  1456. .components-button.block-editor-block-types-list__item{
  1457. transition-delay:0s;
  1458. transition-duration:0s;
  1459. }
  1460. }
  1461. .components-button.block-editor-block-types-list__item:disabled{
  1462. cursor:default;
  1463. opacity:.6;
  1464. }
  1465. .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{
  1466. color:var(--wp-admin-theme-color) !important;
  1467. filter:brightness(.95);
  1468. }
  1469. .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{
  1470. color:var(--wp-admin-theme-color) !important;
  1471. }
  1472. .components-button.block-editor-block-types-list__item:not(:disabled):hover:after{
  1473. background:var(--wp-admin-theme-color);
  1474. border-radius:2px;
  1475. bottom:0;
  1476. content:"";
  1477. left:0;
  1478. opacity:.04;
  1479. pointer-events:none;
  1480. position:absolute;
  1481. right:0;
  1482. top:0;
  1483. }
  1484. .components-button.block-editor-block-types-list__item:not(:disabled):focus{
  1485. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  1486. }
  1487. .components-button.block-editor-block-types-list__item:not(:disabled).is-active{
  1488. background:#1e1e1e;
  1489. color:#fff;
  1490. outline:2px solid transparent;
  1491. outline-offset:-2px;
  1492. }
  1493. .block-editor-block-types-list__item-icon{
  1494. border-radius:2px;
  1495. color:#1e1e1e;
  1496. padding:12px 20px;
  1497. transition:all .05s ease-in-out;
  1498. }
  1499. @media (prefers-reduced-motion:reduce){
  1500. .block-editor-block-types-list__item-icon{
  1501. transition-delay:0s;
  1502. transition-duration:0s;
  1503. }
  1504. }
  1505. .block-editor-block-types-list__item-icon .block-editor-block-icon{
  1506. margin-left:auto;
  1507. margin-right:auto;
  1508. }
  1509. .block-editor-block-types-list__item-icon svg{
  1510. transition:all .15s ease-out;
  1511. }
  1512. @media (prefers-reduced-motion:reduce){
  1513. .block-editor-block-types-list__item-icon svg{
  1514. transition-delay:0s;
  1515. transition-duration:0s;
  1516. }
  1517. }
  1518. .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{
  1519. cursor:grab;
  1520. }
  1521. .block-editor-block-types-list__item-title{
  1522. font-size:12px;
  1523. padding:4px 2px 8px;
  1524. }
  1525. .show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg{
  1526. display:none;
  1527. }
  1528. .show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon:before{
  1529. content:attr(aria-label);
  1530. }
  1531. .block-editor-inspector-controls-tabs__hint{
  1532. align-items:top;
  1533. background:#f0f0f0;
  1534. border-radius:2px;
  1535. color:#1e1e1e;
  1536. display:flex;
  1537. flex-direction:row;
  1538. margin:16px;
  1539. }
  1540. .block-editor-inspector-controls-tabs__hint-content{
  1541. margin:12px 0 12px 12px;
  1542. }
  1543. .block-editor-inspector-controls-tabs__hint-dismiss{
  1544. margin:4px 4px 4px 0;
  1545. }
  1546. .block-editor-inspector-popover-header{
  1547. margin-bottom:16px;
  1548. }
  1549. [class].block-editor-inspector-popover-header__action{
  1550. height:24px;
  1551. }
  1552. [class].block-editor-inspector-popover-header__action.has-icon{
  1553. min-width:24px;
  1554. padding:0;
  1555. }
  1556. [class].block-editor-inspector-popover-header__action:not(.has-icon){
  1557. text-decoration:underline;
  1558. }
  1559. .items-justified-left{
  1560. justify-content:flex-start;
  1561. }
  1562. .items-justified-center{
  1563. justify-content:center;
  1564. }
  1565. .items-justified-right{
  1566. justify-content:flex-end;
  1567. }
  1568. .items-justified-space-between{
  1569. justify-content:space-between;
  1570. }
  1571. @keyframes loadingpulse{
  1572. 0%{
  1573. opacity:1;
  1574. }
  1575. 50%{
  1576. opacity:0;
  1577. }
  1578. to{
  1579. opacity:1;
  1580. }
  1581. }
  1582. .block-editor-link-control{
  1583. min-width:350px;
  1584. position:relative;
  1585. }
  1586. .components-popover__content .block-editor-link-control{
  1587. max-width:350px;
  1588. min-width:auto;
  1589. width:90vw;
  1590. }
  1591. .show-icon-labels .block-editor-link-control .components-button.has-icon svg{
  1592. display:none;
  1593. }
  1594. .show-icon-labels .block-editor-link-control .components-button.has-icon:before{
  1595. content:attr(aria-label);
  1596. }
  1597. .block-editor-link-control__search-input-wrapper{
  1598. margin-bottom:8px;
  1599. position:relative;
  1600. }
  1601. .block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{
  1602. position:relative;
  1603. }
  1604. .block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{
  1605. flex:1;
  1606. }
  1607. .block-editor-link-control__field{
  1608. margin:16px;
  1609. }
  1610. .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{
  1611. border:1px solid #949494;
  1612. border-radius:2px;
  1613. box-shadow:0 0 0 transparent;
  1614. display:block;
  1615. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  1616. font-size:16px;
  1617. height:40px;
  1618. line-height:normal;
  1619. margin:0;
  1620. padding:8px 16px;
  1621. position:relative;
  1622. transition:box-shadow .1s linear;
  1623. width:100%;
  1624. }
  1625. @media (prefers-reduced-motion:reduce){
  1626. .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{
  1627. transition-delay:0s;
  1628. transition-duration:0s;
  1629. }
  1630. }
  1631. @media (min-width:600px){
  1632. .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{
  1633. font-size:13px;
  1634. line-height:normal;
  1635. }
  1636. }
  1637. .block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{
  1638. border-color:var(--wp-admin-theme-color);
  1639. box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
  1640. outline:2px solid transparent;
  1641. }
  1642. .block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{
  1643. color:rgba(30,30,30,.62);
  1644. }
  1645. .block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{
  1646. color:rgba(30,30,30,.62);
  1647. opacity:1;
  1648. }
  1649. .block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{
  1650. color:rgba(30,30,30,.62);
  1651. }
  1652. .block-editor-link-control__search-error{
  1653. margin:-8px 16px 16px;
  1654. }
  1655. .block-editor-link-control__search-enter{
  1656. position:absolute;
  1657. right:19px;
  1658. top:3px;
  1659. }
  1660. .block-editor-link-control__search-enter svg{
  1661. position:relative;
  1662. top:-2px;
  1663. }
  1664. .block-editor-link-control__search-actions{
  1665. display:flex;
  1666. flex-direction:row-reverse;
  1667. gap:8px;
  1668. justify-content:flex-start;
  1669. order:20;
  1670. padding:8px 16px 16px;
  1671. }
  1672. .block-editor-link-control__search-results-wrapper{
  1673. position:relative;
  1674. }
  1675. .block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{
  1676. content:"";
  1677. display:block;
  1678. left:-1px;
  1679. pointer-events:none;
  1680. position:absolute;
  1681. right:16px;
  1682. z-index:100;
  1683. }
  1684. .block-editor-link-control__search-results-wrapper:before{
  1685. bottom:auto;
  1686. height:8px;
  1687. top:0;
  1688. }
  1689. .block-editor-link-control__search-results-wrapper:after{
  1690. bottom:0;
  1691. height:16px;
  1692. top:auto;
  1693. }
  1694. .block-editor-link-control__search-results{
  1695. margin-top:-16px;
  1696. max-height:200px;
  1697. overflow-y:auto;
  1698. padding:8px;
  1699. }
  1700. .block-editor-link-control__search-results.is-loading{
  1701. opacity:.2;
  1702. }
  1703. .block-editor-link-control__search-item.components-button.components-menu-item__button{
  1704. height:auto;
  1705. text-align:left;
  1706. }
  1707. .block-editor-link-control__search-item .components-menu-item__item{
  1708. display:inline-block;
  1709. overflow:hidden;
  1710. text-overflow:ellipsis;
  1711. width:100%;
  1712. }
  1713. .block-editor-link-control__search-item .components-menu-item__item mark{
  1714. background-color:transparent;
  1715. color:inherit;
  1716. font-weight:600;
  1717. }
  1718. .block-editor-link-control__search-item .components-menu-item__shortcut{
  1719. color:#757575;
  1720. text-transform:capitalize;
  1721. white-space:nowrap;
  1722. }
  1723. .block-editor-link-control__search-item[aria-selected]{
  1724. background:#f0f0f0;
  1725. }
  1726. .block-editor-link-control__search-item.is-current{
  1727. background:transparent;
  1728. border:0;
  1729. cursor:default;
  1730. flex-direction:column;
  1731. padding:16px;
  1732. width:100%;
  1733. }
  1734. .block-editor-link-control__search-item .block-editor-link-control__search-item-header{
  1735. align-items:flex-start;
  1736. display:block;
  1737. flex-direction:row;
  1738. margin-right:8px;
  1739. overflow-wrap:break-word;
  1740. white-space:pre-wrap;
  1741. }
  1742. .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{
  1743. word-break:break-all;
  1744. }
  1745. .block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{
  1746. display:flex;
  1747. flex:1;
  1748. }
  1749. .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{
  1750. align-items:center;
  1751. }
  1752. .block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title{
  1753. word-break:break-all;
  1754. }
  1755. .block-editor-link-control__search-item .block-editor-link-control__search-item-icon{
  1756. display:flex;
  1757. flex-shrink:0;
  1758. justify-content:center;
  1759. margin-right:8px;
  1760. max-height:24px;
  1761. position:relative;
  1762. width:24px;
  1763. }
  1764. .block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{
  1765. width:16px;
  1766. }
  1767. .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{
  1768. max-height:32px;
  1769. top:0;
  1770. width:32px;
  1771. }
  1772. .block-editor-link-control__search-item .block-editor-link-control__search-item-title{
  1773. display:block;
  1774. font-weight:500;
  1775. line-height:24px;
  1776. position:relative;
  1777. }
  1778. .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{
  1779. background-color:transparent;
  1780. color:inherit;
  1781. font-weight:600;
  1782. }
  1783. .block-editor-link-control__search-item .block-editor-link-control__search-item-title span{
  1784. font-weight:400;
  1785. }
  1786. .block-editor-link-control__search-item .block-editor-link-control__search-item-title svg{
  1787. display:none;
  1788. }
  1789. .block-editor-link-control__search-item .block-editor-link-control__search-item-description{
  1790. margin:0;
  1791. padding-top:12px;
  1792. }
  1793. .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{
  1794. display:flex;
  1795. flex-direction:column;
  1796. height:28px;
  1797. justify-content:space-around;
  1798. margin-top:12px;
  1799. padding-top:0;
  1800. }
  1801. .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{
  1802. background-color:#f0f0f0;
  1803. border-radius:3px;
  1804. content:"";
  1805. display:block;
  1806. height:.7em;
  1807. width:100%;
  1808. }
  1809. .block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{
  1810. font-size:.9em;
  1811. }
  1812. .block-editor-link-control__search-item .block-editor-link-control__search-item-image{
  1813. background-color:#f0f0f0;
  1814. border-radius:2px;
  1815. display:flex;
  1816. height:140px;
  1817. justify-content:center;
  1818. margin-top:12px;
  1819. max-height:140px;
  1820. overflow:hidden;
  1821. width:100%;
  1822. }
  1823. .block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{
  1824. background-color:#f0f0f0;
  1825. border-radius:3px;
  1826. }
  1827. .block-editor-link-control__search-item .block-editor-link-control__search-item-image img{
  1828. display:block;
  1829. height:140px;
  1830. max-height:140px;
  1831. max-width:100%;
  1832. }
  1833. .block-editor-link-control__search-item-top{
  1834. align-items:center;
  1835. display:flex;
  1836. flex-direction:row;
  1837. width:100%;
  1838. }
  1839. .block-editor-link-control__search-item-bottom{
  1840. transition:opacity 1.5s;
  1841. width:100%;
  1842. }
  1843. .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{
  1844. animation:loadingpulse 1s linear infinite;
  1845. animation-delay:.5s;
  1846. }
  1847. .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{
  1848. opacity:0;
  1849. }
  1850. .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{
  1851. animation:loadingpulse 1s linear infinite;
  1852. animation-delay:.5s;
  1853. background-color:#f0f0f0;
  1854. border-radius:100%;
  1855. bottom:0;
  1856. content:"";
  1857. display:block;
  1858. left:0;
  1859. position:absolute;
  1860. right:0;
  1861. top:0;
  1862. }
  1863. .block-editor-link-control__loading{
  1864. align-items:center;
  1865. display:flex;
  1866. margin:16px;
  1867. }
  1868. .block-editor-link-control__loading .components-spinner{
  1869. margin-top:0;
  1870. }
  1871. .components-button+.block-editor-link-control__search-create{
  1872. overflow:visible;
  1873. padding:12px 16px;
  1874. }
  1875. .components-button+.block-editor-link-control__search-create:before{
  1876. content:"";
  1877. display:block;
  1878. left:0;
  1879. position:absolute;
  1880. top:-10px;
  1881. width:100%;
  1882. }
  1883. .block-editor-link-control__search-create{
  1884. align-items:center;
  1885. }
  1886. .block-editor-link-control__search-create .block-editor-link-control__search-item-title{
  1887. margin-bottom:0;
  1888. }
  1889. .block-editor-link-control__search-create .block-editor-link-control__search-item-icon{
  1890. top:0;
  1891. }
  1892. .block-editor-link-control__drawer{
  1893. display:flex;
  1894. flex-basis:100%;
  1895. flex-direction:column;
  1896. order:30;
  1897. }
  1898. .block-editor-link-control__drawer-inner{
  1899. display:flex;
  1900. flex-basis:100%;
  1901. flex-direction:column;
  1902. position:relative;
  1903. }
  1904. .block-editor-link-control__unlink{
  1905. padding-left:16px;
  1906. padding-right:16px;
  1907. }
  1908. .block-editor-link-control__setting{
  1909. flex:1;
  1910. margin-bottom:0;
  1911. padding:8px 0 8px 24px;
  1912. }
  1913. .block-editor-link-control__setting .components-base-control__field{
  1914. display:flex;
  1915. }
  1916. .block-editor-link-control__setting input{
  1917. margin-left:0;
  1918. }
  1919. .is-preview .block-editor-link-control__setting{
  1920. padding:20px 8px 8px 0;
  1921. }
  1922. .block-editor-link-control__tools{
  1923. margin-top:-16px;
  1924. padding:8px 8px 0;
  1925. }
  1926. .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle{
  1927. gap:0;
  1928. padding-left:0;
  1929. }
  1930. .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{
  1931. color:#1e1e1e;
  1932. }
  1933. .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{
  1934. transform:rotate(90deg);
  1935. transition:transform .1s ease;
  1936. visibility:visible;
  1937. }
  1938. @media (prefers-reduced-motion:reduce){
  1939. .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{
  1940. transition-delay:0s;
  1941. transition-duration:0s;
  1942. }
  1943. }
  1944. .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{
  1945. transform:rotate(0deg);
  1946. transition:transform .1s ease;
  1947. visibility:visible;
  1948. }
  1949. @media (prefers-reduced-motion:reduce){
  1950. .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{
  1951. transition-delay:0s;
  1952. transition-duration:0s;
  1953. }
  1954. }
  1955. .block-editor-link-control .block-editor-link-control__search-input .components-spinner{
  1956. display:block;
  1957. }
  1958. .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{
  1959. bottom:auto;
  1960. left:auto;
  1961. position:absolute;
  1962. right:40px;
  1963. top:calc(50% - 8px);
  1964. }
  1965. .block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner{
  1966. right:12px;
  1967. top:calc(50% + 4px);
  1968. }
  1969. .block-editor-link-control__search-item-action{
  1970. flex-shrink:0;
  1971. margin-left:auto;
  1972. }
  1973. .block-editor-list-view-tree{
  1974. border-collapse:collapse;
  1975. margin:0;
  1976. padding:0;
  1977. width:100%;
  1978. }
  1979. .components-modal__content .block-editor-list-view-tree{
  1980. margin:-12px -6px 0;
  1981. width:calc(100% + 12px);
  1982. }
  1983. .block-editor-list-view-leaf{
  1984. position:relative;
  1985. }
  1986. .block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true]{
  1987. color:inherit;
  1988. }
  1989. .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{
  1990. color:var(--wp-admin-theme-color);
  1991. }
  1992. .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{
  1993. color:inherit;
  1994. }
  1995. .block-editor-list-view-leaf.is-selected td{
  1996. background:var(--wp-admin-theme-color);
  1997. }
  1998. .block-editor-list-view-leaf.is-selected.is-synced td{
  1999. background:var(--wp-block-synced-color);
  2000. }
  2001. .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{
  2002. color:var(--wp-block-synced-color);
  2003. }
  2004. .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{
  2005. box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
  2006. }
  2007. .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{
  2008. color:#fff;
  2009. }
  2010. .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{
  2011. box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  2012. }
  2013. .block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{
  2014. box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
  2015. }
  2016. .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{
  2017. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
  2018. }
  2019. .block-editor-list-view-leaf.is-first-selected td:first-child{
  2020. border-top-left-radius:2px;
  2021. }
  2022. .block-editor-list-view-leaf.is-first-selected td:last-child{
  2023. border-top-right-radius:2px;
  2024. }
  2025. .block-editor-list-view-leaf.is-last-selected td:first-child{
  2026. border-bottom-left-radius:2px;
  2027. }
  2028. .block-editor-list-view-leaf.is-last-selected td:last-child{
  2029. border-bottom-right-radius:2px;
  2030. }
  2031. .block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){
  2032. background:rgba(var(--wp-admin-theme-color--rgb), .04);
  2033. }
  2034. .block-editor-list-view-leaf.is-synced-branch.is-branch-selected{
  2035. background:rgba(var(--wp-block-synced-color--rgb), .04);
  2036. }
  2037. .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{
  2038. border-top-left-radius:2px;
  2039. }
  2040. .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{
  2041. border-top-right-radius:2px;
  2042. }
  2043. .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child{
  2044. border-top-left-radius:2px;
  2045. }
  2046. .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child{
  2047. border-top-right-radius:2px;
  2048. }
  2049. .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child{
  2050. border-bottom-left-radius:2px;
  2051. }
  2052. .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child{
  2053. border-bottom-right-radius:2px;
  2054. }
  2055. .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{
  2056. border-radius:0;
  2057. }
  2058. .block-editor-list-view-leaf .block-editor-list-view-block-contents{
  2059. align-items:center;
  2060. border-radius:2px;
  2061. display:flex;
  2062. height:auto;
  2063. padding:6px 4px 6px 0;
  2064. position:relative;
  2065. text-align:left;
  2066. white-space:nowrap;
  2067. width:100%;
  2068. }
  2069. .block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{
  2070. border-top:4px solid var(--wp-admin-theme-color);
  2071. content:"";
  2072. left:0;
  2073. pointer-events:none;
  2074. position:absolute;
  2075. right:0;
  2076. top:-2px;
  2077. transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;
  2078. }
  2079. .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{
  2080. padding-left:0;
  2081. padding-right:0;
  2082. }
  2083. .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus{
  2084. box-shadow:none;
  2085. }
  2086. .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{
  2087. border-radius:inherit;
  2088. bottom:0;
  2089. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  2090. content:"";
  2091. left:0;
  2092. pointer-events:none;
  2093. position:absolute;
  2094. right:-29px;
  2095. top:0;
  2096. z-index:2;
  2097. }
  2098. .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{
  2099. box-shadow:none;
  2100. }
  2101. .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{
  2102. right:0;
  2103. }
  2104. .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{
  2105. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  2106. z-index:1;
  2107. }
  2108. .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{
  2109. box-shadow:none;
  2110. }
  2111. .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{
  2112. animation:edit-post__fade-in-animation .2s ease-out 0s;
  2113. animation-fill-mode:forwards;
  2114. opacity:1;
  2115. }
  2116. @media (prefers-reduced-motion:reduce){
  2117. .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{
  2118. animation-delay:0s;
  2119. animation-duration:1ms;
  2120. }
  2121. }
  2122. .block-editor-list-view-leaf .block-editor-block-icon{
  2123. flex:0 0 24px;
  2124. margin-right:8px;
  2125. }
  2126. .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{
  2127. padding-bottom:0;
  2128. padding-top:0;
  2129. }
  2130. .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{
  2131. line-height:0;
  2132. vertical-align:middle;
  2133. width:36px;
  2134. }
  2135. .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{
  2136. opacity:0;
  2137. }
  2138. .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{
  2139. opacity:1;
  2140. }
  2141. .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{
  2142. min-width:24px;
  2143. padding:0;
  2144. width:24px;
  2145. }
  2146. .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{
  2147. padding-right:4px;
  2148. }
  2149. .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{
  2150. height:24px;
  2151. }
  2152. .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{
  2153. align-items:center;
  2154. display:flex;
  2155. flex-direction:column;
  2156. height:100%;
  2157. }
  2158. .block-editor-list-view-leaf .block-editor-block-mover-button{
  2159. height:24px;
  2160. position:relative;
  2161. width:36px;
  2162. }
  2163. .block-editor-list-view-leaf .block-editor-block-mover-button svg{
  2164. height:24px;
  2165. position:relative;
  2166. }
  2167. .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{
  2168. align-items:flex-end;
  2169. margin-top:-6px;
  2170. }
  2171. .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{
  2172. bottom:-4px;
  2173. }
  2174. .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{
  2175. align-items:flex-start;
  2176. margin-bottom:-6px;
  2177. }
  2178. .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{
  2179. top:-4px;
  2180. }
  2181. .block-editor-list-view-leaf .block-editor-block-mover-button:before{
  2182. height:16px;
  2183. left:0;
  2184. min-width:100%;
  2185. right:0;
  2186. }
  2187. .block-editor-list-view-leaf .block-editor-inserter__toggle{
  2188. background:#1e1e1e;
  2189. color:#fff;
  2190. height:24px;
  2191. margin:6px 6px 6px 1px;
  2192. min-width:24px;
  2193. }
  2194. .block-editor-list-view-leaf .block-editor-inserter__toggle:active{
  2195. color:#fff;
  2196. }
  2197. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper{
  2198. min-width:120px;
  2199. }
  2200. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{
  2201. flex:1;
  2202. position:relative;
  2203. }
  2204. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{
  2205. position:absolute;
  2206. transform:translateY(-50%);
  2207. width:100%;
  2208. }
  2209. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{
  2210. max-width:min(110px, 40%);
  2211. position:relative;
  2212. width:100%;
  2213. }
  2214. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{
  2215. background:rgba(0,0,0,.1);
  2216. border-radius:2px;
  2217. box-sizing:border-box;
  2218. max-width:100%;
  2219. padding:2px 6px;
  2220. position:absolute;
  2221. right:0;
  2222. transform:translateY(-50%);
  2223. }
  2224. .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{
  2225. background:rgba(0,0,0,.3);
  2226. }
  2227. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{
  2228. line-height:0;
  2229. }
  2230. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images{
  2231. display:flex;
  2232. }
  2233. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image{
  2234. background-size:cover;
  2235. border-radius:2px;
  2236. height:18px;
  2237. width:18px;
  2238. }
  2239. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child){
  2240. box-shadow:0 0 0 2px #fff;
  2241. }
  2242. .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child){
  2243. margin-left:-6px;
  2244. }
  2245. .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child){
  2246. box-shadow:0 0 0 2px var(--wp-admin-theme-color);
  2247. }
  2248. .block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{
  2249. display:flex;
  2250. }
  2251. .block-editor-list-view__expander{
  2252. height:24px;
  2253. margin-left:4px;
  2254. width:24px;
  2255. }
  2256. .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{
  2257. margin-left:220px;
  2258. }
  2259. .block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{
  2260. margin-right:4px;
  2261. }
  2262. .block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{
  2263. margin-left:0;
  2264. }
  2265. .block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{
  2266. margin-left:24px;
  2267. }
  2268. .block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{
  2269. margin-left:52px;
  2270. }
  2271. .block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{
  2272. margin-left:80px;
  2273. }
  2274. .block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{
  2275. margin-left:108px;
  2276. }
  2277. .block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{
  2278. margin-left:136px;
  2279. }
  2280. .block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{
  2281. margin-left:164px;
  2282. }
  2283. .block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{
  2284. margin-left:192px;
  2285. }
  2286. .block-editor-list-view-leaf .block-editor-list-view__expander{
  2287. visibility:hidden;
  2288. }
  2289. .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{
  2290. transform:rotate(90deg);
  2291. transition:transform .2s ease;
  2292. visibility:visible;
  2293. }
  2294. @media (prefers-reduced-motion:reduce){
  2295. .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{
  2296. transition-delay:0s;
  2297. transition-duration:0s;
  2298. }
  2299. }
  2300. .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{
  2301. transform:rotate(0deg);
  2302. transition:transform .2s ease;
  2303. visibility:visible;
  2304. }
  2305. @media (prefers-reduced-motion:reduce){
  2306. .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{
  2307. transition-delay:0s;
  2308. transition-duration:0s;
  2309. }
  2310. }
  2311. .block-editor-list-view-drop-indicator{
  2312. pointer-events:none;
  2313. }
  2314. .block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{
  2315. background:var(--wp-admin-theme-color);
  2316. border-radius:4px;
  2317. height:4px;
  2318. }
  2319. .block-editor-list-view-placeholder{
  2320. height:36px;
  2321. margin:0;
  2322. padding:0;
  2323. }
  2324. .list-view-appender .block-editor-inserter__toggle{
  2325. background-color:#1e1e1e;
  2326. border-radius:2px;
  2327. color:#fff;
  2328. height:24px;
  2329. margin:8px 0 0 24px;
  2330. min-width:24px;
  2331. padding:0;
  2332. }
  2333. .list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{
  2334. background:var(--wp-admin-theme-color);
  2335. color:#fff;
  2336. }
  2337. .list-view-appender__description,.modal-open .block-editor-media-replace-flow__options{
  2338. display:none;
  2339. }
  2340. .block-editor-media-replace-flow__indicator{
  2341. margin-left:4px;
  2342. }
  2343. .block-editor-media-flow__url-input{
  2344. margin-left:-8px;
  2345. margin-right:-8px;
  2346. padding:16px;
  2347. }
  2348. .block-editor-media-flow__url-input.has-siblings{
  2349. border-top:1px solid #1e1e1e;
  2350. margin-top:8px;
  2351. }
  2352. .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{
  2353. display:block;
  2354. margin-bottom:8px;
  2355. top:16px;
  2356. }
  2357. .block-editor-media-flow__url-input .block-editor-link-control{
  2358. width:300px;
  2359. }
  2360. .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{
  2361. margin:0;
  2362. padding:0;
  2363. }
  2364. .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info,.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{
  2365. max-width:200px;
  2366. white-space:nowrap;
  2367. }
  2368. .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools{
  2369. justify-content:flex-end;
  2370. padding:16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus);
  2371. }
  2372. .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{
  2373. padding:0;
  2374. width:auto;
  2375. }
  2376. .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{
  2377. margin:0;
  2378. width:100%;
  2379. }
  2380. .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{
  2381. right:4px;
  2382. top:0;
  2383. }
  2384. .block-editor-media-flow__error{
  2385. max-width:255px;
  2386. padding:0 20px 20px;
  2387. }
  2388. .block-editor-media-flow__error .components-with-notices-ui{
  2389. max-width:255px;
  2390. }
  2391. .block-editor-media-flow__error .components-with-notices-ui .components-notice__content{
  2392. word-wrap:break-word;
  2393. overflow:hidden;
  2394. }
  2395. .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{
  2396. position:absolute;
  2397. right:10px;
  2398. }
  2399. .block-editor-multi-selection-inspector__card{
  2400. align-items:flex-start;
  2401. display:flex;
  2402. padding:16px;
  2403. }
  2404. .block-editor-multi-selection-inspector__card-content{
  2405. flex-grow:1;
  2406. }
  2407. .block-editor-multi-selection-inspector__card-title{
  2408. font-weight:500;
  2409. margin-bottom:5px;
  2410. }
  2411. .block-editor-multi-selection-inspector__card-description{
  2412. font-size:13px;
  2413. }
  2414. .block-editor-multi-selection-inspector__card .block-editor-block-icon{
  2415. height:24px;
  2416. margin-left:-2px;
  2417. margin-right:10px;
  2418. padding:0 3px;
  2419. width:36px;
  2420. }
  2421. .block-editor-responsive-block-control{
  2422. border-bottom:1px solid #ccc;
  2423. margin-bottom:28px;
  2424. padding-bottom:14px;
  2425. }
  2426. .block-editor-responsive-block-control:last-child{
  2427. border-bottom:0;
  2428. padding-bottom:0;
  2429. }
  2430. .block-editor-responsive-block-control__title{
  2431. margin:0 0 .6em -3px;
  2432. }
  2433. .block-editor-responsive-block-control__label{
  2434. font-weight:600;
  2435. margin-bottom:.6em;
  2436. margin-left:-3px;
  2437. }
  2438. .block-editor-responsive-block-control__inner{
  2439. margin-left:-1px;
  2440. }
  2441. .block-editor-responsive-block-control__toggle{
  2442. margin-left:1px;
  2443. }
  2444. .block-editor-responsive-block-control .components-base-control__help{
  2445. clip:rect(1px, 1px, 1px, 1px);
  2446. word-wrap:normal !important;
  2447. border:0;
  2448. -webkit-clip-path:inset(50%);
  2449. clip-path:inset(50%);
  2450. height:1px;
  2451. margin:-1px;
  2452. overflow:hidden;
  2453. padding:0;
  2454. position:absolute;
  2455. width:1px;
  2456. }
  2457. .components-popover.block-editor-rich-text__inline-format-toolbar{
  2458. z-index:99998;
  2459. }
  2460. .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{
  2461. box-shadow:none;
  2462. margin-bottom:8px;
  2463. min-width:auto;
  2464. outline:none;
  2465. width:auto;
  2466. }
  2467. .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{
  2468. border-radius:2px;
  2469. }
  2470. .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{
  2471. min-height:48px;
  2472. min-width:48px;
  2473. padding-left:12px;
  2474. padding-right:12px;
  2475. }
  2476. .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{
  2477. justify-content:center;
  2478. }
  2479. .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{
  2480. width:auto;
  2481. }
  2482. .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{
  2483. display:none;
  2484. }
  2485. .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{
  2486. content:attr(aria-label);
  2487. }
  2488. .block-editor-skip-to-selected-block{
  2489. position:absolute;
  2490. top:-9999em;
  2491. }
  2492. .block-editor-skip-to-selected-block:focus{
  2493. background:#f1f1f1;
  2494. box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  2495. color:var(--wp-admin-theme-color);
  2496. display:block;
  2497. font-size:14px;
  2498. font-weight:600;
  2499. height:auto;
  2500. line-height:normal;
  2501. outline:none;
  2502. padding:15px 23px 14px;
  2503. text-decoration:none;
  2504. width:auto;
  2505. z-index:100000;
  2506. }
  2507. .block-editor-text-decoration-control{
  2508. border:0;
  2509. margin:0;
  2510. padding:0;
  2511. }
  2512. .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{
  2513. display:flex;
  2514. padding:4px 0;
  2515. }
  2516. .block-editor-text-decoration-control .components-button.has-icon{
  2517. height:32px;
  2518. margin-right:4px;
  2519. min-width:32px;
  2520. padding:0;
  2521. }
  2522. .block-editor-text-transform-control{
  2523. border:0;
  2524. margin:0;
  2525. padding:0;
  2526. }
  2527. .block-editor-text-transform-control .block-editor-text-transform-control__buttons{
  2528. display:flex;
  2529. padding:4px 0;
  2530. }
  2531. .block-editor-text-transform-control .components-button.has-icon{
  2532. height:32px;
  2533. margin-right:4px;
  2534. min-width:32px;
  2535. padding:0;
  2536. }
  2537. .block-editor-tool-selector__help{
  2538. border-top:1px solid #ddd;
  2539. color:#757575;
  2540. margin:8px -8px -8px;
  2541. min-width:280px;
  2542. padding:16px;
  2543. }
  2544. .block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{
  2545. flex-grow:1;
  2546. padding:1px;
  2547. position:relative;
  2548. }
  2549. .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{
  2550. border:none;
  2551. border-radius:0;
  2552. font-size:16px;
  2553. margin-left:0;
  2554. margin-right:0;
  2555. padding:8px 8px 8px 12px;
  2556. width:100%;
  2557. }
  2558. @media (min-width:600px){
  2559. .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{
  2560. font-size:13px;
  2561. width:300px;
  2562. }
  2563. }
  2564. .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{
  2565. display:none;
  2566. }
  2567. .block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{
  2568. width:100%;
  2569. }
  2570. .block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{
  2571. margin:0;
  2572. position:absolute;
  2573. right:8px;
  2574. top:calc(50% - 8px);
  2575. }
  2576. .block-editor-url-input__input[type=text]{
  2577. border:1px solid #949494;
  2578. border-radius:2px;
  2579. box-shadow:0 0 0 transparent;
  2580. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  2581. font-size:16px;
  2582. line-height:normal;
  2583. padding:6px 8px;
  2584. transition:box-shadow .1s linear;
  2585. }
  2586. @media (prefers-reduced-motion:reduce){
  2587. .block-editor-url-input__input[type=text]{
  2588. transition-delay:0s;
  2589. transition-duration:0s;
  2590. }
  2591. }
  2592. @media (min-width:600px){
  2593. .block-editor-url-input__input[type=text]{
  2594. font-size:13px;
  2595. line-height:normal;
  2596. }
  2597. }
  2598. .block-editor-url-input__input[type=text]:focus{
  2599. border-color:var(--wp-admin-theme-color);
  2600. box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
  2601. outline:2px solid transparent;
  2602. }
  2603. .block-editor-url-input__input[type=text]::-webkit-input-placeholder{
  2604. color:rgba(30,30,30,.62);
  2605. }
  2606. .block-editor-url-input__input[type=text]::-moz-placeholder{
  2607. color:rgba(30,30,30,.62);
  2608. opacity:1;
  2609. }
  2610. .block-editor-url-input__input[type=text]:-ms-input-placeholder{
  2611. color:rgba(30,30,30,.62);
  2612. }
  2613. .block-editor-url-input__suggestions{
  2614. max-height:200px;
  2615. overflow-y:auto;
  2616. padding:4px 0;
  2617. transition:all .15s ease-in-out;
  2618. width:302px;
  2619. }
  2620. @media (prefers-reduced-motion:reduce){
  2621. .block-editor-url-input__suggestions{
  2622. transition-delay:0s;
  2623. transition-duration:0s;
  2624. }
  2625. }
  2626. .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{
  2627. display:none;
  2628. }
  2629. @media (min-width:600px){
  2630. .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{
  2631. display:grid;
  2632. }
  2633. }
  2634. .block-editor-url-input__suggestion{
  2635. background:#fff;
  2636. border:none;
  2637. box-shadow:none;
  2638. color:#757575;
  2639. cursor:pointer;
  2640. display:block;
  2641. font-size:13px;
  2642. height:auto;
  2643. min-height:36px;
  2644. text-align:left;
  2645. width:100%;
  2646. }
  2647. .block-editor-url-input__suggestion:hover{
  2648. background:#ddd;
  2649. }
  2650. .block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{
  2651. background:var(--wp-admin-theme-color-darker-20);
  2652. color:#fff;
  2653. outline:none;
  2654. }
  2655. .components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{
  2656. position:inherit;
  2657. }
  2658. .block-editor-url-input__button .block-editor-url-input__back{
  2659. margin-right:4px;
  2660. overflow:visible;
  2661. }
  2662. .block-editor-url-input__button .block-editor-url-input__back:after{
  2663. background:#ddd;
  2664. content:"";
  2665. display:block;
  2666. height:24px;
  2667. position:absolute;
  2668. right:-1px;
  2669. width:1px;
  2670. }
  2671. .block-editor-url-input__button-modal{
  2672. background:#fff;
  2673. border:1px solid #ddd;
  2674. box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
  2675. }
  2676. .block-editor-url-input__button-modal-line{
  2677. align-items:flex-start;
  2678. display:flex;
  2679. flex-direction:row;
  2680. flex-grow:1;
  2681. flex-shrink:1;
  2682. min-width:0;
  2683. }
  2684. .block-editor-url-input__button-modal-line .components-button{
  2685. flex-shrink:0;
  2686. height:36px;
  2687. width:36px;
  2688. }
  2689. .block-editor-url-popover__additional-controls{
  2690. border-top:1px solid #ddd;
  2691. }
  2692. .block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{
  2693. box-shadow:none;
  2694. }
  2695. .block-editor-url-popover__additional-controls div[role=menu]>.components-button{
  2696. padding-left:12px;
  2697. }
  2698. .block-editor-url-popover__row{
  2699. display:flex;
  2700. }
  2701. .block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){
  2702. flex-grow:1;
  2703. }
  2704. .block-editor-url-popover .components-button.has-icon{
  2705. padding:3px;
  2706. }
  2707. .block-editor-url-popover .components-button.has-icon>svg{
  2708. border-radius:2px;
  2709. height:30px;
  2710. padding:5px;
  2711. width:30px;
  2712. }
  2713. .block-editor-url-popover .components-button.has-icon:not(:disabled):focus{
  2714. box-shadow:none;
  2715. }
  2716. .block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{
  2717. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
  2718. outline:2px solid transparent;
  2719. }
  2720. .block-editor-url-popover__settings-toggle{
  2721. border-left:1px solid #ddd;
  2722. border-radius:0;
  2723. flex-shrink:0;
  2724. margin-left:1px;
  2725. }
  2726. .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{
  2727. transform:rotate(180deg);
  2728. }
  2729. .block-editor-url-popover__settings{
  2730. border-top:1px solid #ddd;
  2731. display:block;
  2732. padding:16px;
  2733. }
  2734. .block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{
  2735. display:flex;
  2736. }
  2737. .block-editor-url-popover__link-viewer-url{
  2738. flex-grow:1;
  2739. flex-shrink:1;
  2740. margin:7px;
  2741. max-width:500px;
  2742. min-width:150px;
  2743. overflow:hidden;
  2744. text-overflow:ellipsis;
  2745. white-space:nowrap;
  2746. }
  2747. .block-editor-url-popover__link-viewer-url.has-invalid-link{
  2748. color:#cc1818;
  2749. }
  2750. .html-anchor-control .components-external-link{
  2751. display:block;
  2752. margin-top:8px;
  2753. }
  2754. .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack{
  2755. flex-direction:row-reverse;
  2756. }
  2757. .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack{
  2758. flex-direction:row;
  2759. }
  2760. .block-editor-hooks__background__inspector-media-replace-container{
  2761. position:relative;
  2762. }
  2763. .block-editor-hooks__background__inspector-media-replace-container .components-drop-zone__content-icon{
  2764. display:none;
  2765. }
  2766. .block-editor-hooks__background__inspector-media-replace-container button.components-button{
  2767. box-shadow:inset 0 0 0 1px #ddd;
  2768. color:#1e1e1e;
  2769. display:block;
  2770. height:40px;
  2771. width:100%;
  2772. }
  2773. .block-editor-hooks__background__inspector-media-replace-container button.components-button:hover{
  2774. color:var(--wp-admin-theme-color);
  2775. }
  2776. .block-editor-hooks__background__inspector-media-replace-container button.components-button:focus{
  2777. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  2778. }
  2779. .block-editor-hooks__background__inspector-media-replace-container .block-editor-hooks__background__inspector-media-replace-title{
  2780. text-align:start;
  2781. text-align-last:center;
  2782. white-space:normal;
  2783. word-break:break-all;
  2784. }
  2785. .block-editor-hooks__background__inspector-media-replace-container .components-dropdown{
  2786. display:block;
  2787. }
  2788. .block-editor-hooks__background__inspector-image-indicator-wrapper{
  2789. background:#fff linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
  2790. border-radius:50% !important;
  2791. box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
  2792. display:block;
  2793. flex:none;
  2794. height:20px;
  2795. width:20px;
  2796. }
  2797. .block-editor-hooks__background__inspector-image-indicator-wrapper.has-image{
  2798. background:#fff;
  2799. }
  2800. .block-editor-hooks__background__inspector-image-indicator{
  2801. background-size:cover;
  2802. border-radius:50%;
  2803. display:block;
  2804. height:20px;
  2805. position:relative;
  2806. width:20px;
  2807. }
  2808. .block-editor-hooks__background__inspector-image-indicator:after{
  2809. border:1px solid transparent;
  2810. border-radius:50%;
  2811. bottom:-1px;
  2812. box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
  2813. box-sizing:inherit;
  2814. content:"";
  2815. left:-1px;
  2816. position:absolute;
  2817. right:-1px;
  2818. top:-1px;
  2819. }
  2820. .border-block-support-panel .single-column{
  2821. grid-column:span 1;
  2822. }
  2823. .color-block-support-panel .block-editor-contrast-checker{
  2824. grid-column:span 2;
  2825. margin-top:16px;
  2826. order:9999;
  2827. }
  2828. .color-block-support-panel .block-editor-contrast-checker .components-notice__content{
  2829. margin-right:0;
  2830. }
  2831. .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{
  2832. row-gap:0;
  2833. }
  2834. .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{
  2835. margin-top:0;
  2836. }
  2837. .dimensions-block-support-panel .single-column{
  2838. grid-column:span 1;
  2839. }
  2840. .block-editor-hooks__layout-controls{
  2841. display:flex;
  2842. margin-bottom:8px;
  2843. }
  2844. .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{
  2845. display:flex;
  2846. margin-right:24px;
  2847. }
  2848. .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{
  2849. margin:auto 0 4px 8px;
  2850. }
  2851. .block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{
  2852. margin-bottom:0;
  2853. }
  2854. .block-editor-hooks__layout-controls-reset{
  2855. display:flex;
  2856. justify-content:flex-end;
  2857. margin-bottom:24px;
  2858. }
  2859. .block-editor-hooks__layout-controls-helptext{
  2860. color:#757575;
  2861. font-size:12px;
  2862. margin-bottom:16px;
  2863. }
  2864. .block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{
  2865. margin-bottom:12px;
  2866. }
  2867. .block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{
  2868. margin-bottom:8px;
  2869. }
  2870. .block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{
  2871. margin-bottom:16px;
  2872. }
  2873. .block-editor__padding-visualizer{
  2874. border-color:var(--wp-admin-theme-color);
  2875. border-style:solid;
  2876. bottom:0;
  2877. box-sizing:border-box;
  2878. left:0;
  2879. opacity:.5;
  2880. pointer-events:none;
  2881. position:absolute;
  2882. right:0;
  2883. top:0;
  2884. }
  2885. .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{
  2886. display:none;
  2887. }
  2888. .block-editor-hooks__position-selection__select-control__option.has-hint{
  2889. grid-template-columns:auto 30px;
  2890. line-height:1.4;
  2891. margin-bottom:0;
  2892. }
  2893. .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{
  2894. grid-row:2;
  2895. text-align:left;
  2896. }
  2897. .typography-block-support-panel .single-column{
  2898. grid-column:span 1;
  2899. }
  2900. .block-editor-block-toolbar{
  2901. display:flex;
  2902. flex-grow:1;
  2903. overflow-x:auto;
  2904. overflow-y:hidden;
  2905. position:relative;
  2906. transition:border-color .1s linear,box-shadow .1s linear;
  2907. width:100%;
  2908. }
  2909. @media (prefers-reduced-motion:reduce){
  2910. .block-editor-block-toolbar{
  2911. transition-delay:0s;
  2912. transition-duration:0s;
  2913. }
  2914. }
  2915. @media (min-width:600px){
  2916. .block-editor-block-toolbar{
  2917. overflow:inherit;
  2918. }
  2919. }
  2920. .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{
  2921. background:none;
  2922. border:0;
  2923. border-right:1px solid #ddd;
  2924. line-height:0;
  2925. margin-bottom:-1px;
  2926. margin-top:-1px;
  2927. }
  2928. .block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{
  2929. color:var(--wp-block-synced-color);
  2930. }
  2931. .block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{
  2932. border-right:none;
  2933. }
  2934. @media (min-width:782px){
  2935. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{
  2936. border-right:none;
  2937. }
  2938. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar:after{
  2939. background-color:#ddd;
  2940. content:"";
  2941. margin-bottom:12px;
  2942. margin-left:8px;
  2943. margin-top:12px;
  2944. width:1px;
  2945. }
  2946. .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar>:last-child .components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar>:last-child .components-toolbar:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar>:last-child:after{
  2947. display:none;
  2948. }
  2949. }
  2950. .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){
  2951. margin-left:56px;
  2952. }
  2953. .show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){
  2954. margin-left:0;
  2955. }
  2956. .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
  2957. margin:0 !important;
  2958. width:24px !important;
  2959. }
  2960. .block-editor-block-toolbar__block-controls .components-toolbar-group{
  2961. padding:0;
  2962. }
  2963. .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{
  2964. display:flex;
  2965. flex-wrap:nowrap;
  2966. }
  2967. .block-editor-block-toolbar__slot{
  2968. display:inline-block;
  2969. line-height:0;
  2970. }
  2971. @supports (position:sticky){
  2972. .block-editor-block-toolbar__slot{
  2973. display:inline-flex;
  2974. }
  2975. }
  2976. .show-icon-labels .block-editor-block-toolbar .components-button.has-icon{
  2977. width:auto;
  2978. }
  2979. .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{
  2980. display:none;
  2981. }
  2982. .show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{
  2983. content:attr(aria-label);
  2984. font-size:12px;
  2985. }
  2986. .show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{
  2987. padding-left:6px;
  2988. padding-right:6px;
  2989. }
  2990. .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
  2991. height:0 !important;
  2992. min-width:0 !important;
  2993. width:0 !important;
  2994. }
  2995. .show-icon-labels .block-editor-block-parent-selector__button{
  2996. border-bottom-right-radius:0;
  2997. border-top-right-radius:0;
  2998. }
  2999. .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{
  3000. width:0;
  3001. }
  3002. .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container{
  3003. width:auto;
  3004. }
  3005. .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button,.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{
  3006. padding-left:6px;
  3007. padding-right:6px;
  3008. }
  3009. .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button{
  3010. padding-left:8px;
  3011. padding-right:8px;
  3012. }
  3013. .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{
  3014. border-left:1px solid #1e1e1e;
  3015. margin-left:6px;
  3016. margin-right:-6px;
  3017. white-space:nowrap;
  3018. }
  3019. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{
  3020. border-left-color:#e0e0e0;
  3021. }
  3022. .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon{
  3023. padding-left:12px;
  3024. padding-right:12px;
  3025. }
  3026. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container{
  3027. border-width:0;
  3028. }
  3029. @media (min-width:600px){
  3030. .show-icon-labels .is-up-button.is-up-button.is-up-button{
  3031. border-radius:0;
  3032. margin-right:0;
  3033. order:1;
  3034. }
  3035. .show-icon-labels .block-editor-block-mover__move-button-container{
  3036. border-left:1px solid #1e1e1e;
  3037. }
  3038. .show-icon-labels .is-down-button.is-down-button.is-down-button{
  3039. order:2;
  3040. }
  3041. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container:before{
  3042. background:#ddd;
  3043. }
  3044. }
  3045. .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{
  3046. width:auto;
  3047. }
  3048. .show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{
  3049. flex-shrink:1;
  3050. }
  3051. @media (min-width:782px){
  3052. .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .components-toolbar,.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .components-toolbar-group{
  3053. flex-shrink:0;
  3054. }
  3055. }
  3056. .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{
  3057. margin-left:6px;
  3058. }
  3059. .block-editor-inserter{
  3060. background:none;
  3061. border:none;
  3062. display:inline-block;
  3063. font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  3064. font-size:13px;
  3065. line-height:0;
  3066. padding:0;
  3067. }
  3068. @media (min-width:782px){
  3069. .block-editor-inserter{
  3070. position:relative;
  3071. }
  3072. }
  3073. .block-editor-inserter__main-area{
  3074. display:flex;
  3075. flex-direction:column;
  3076. gap:16px;
  3077. height:100%;
  3078. position:relative;
  3079. }
  3080. .block-editor-inserter__main-area.show-as-tabs{
  3081. gap:0;
  3082. }
  3083. @media (min-width:782px){
  3084. .block-editor-inserter__main-area{
  3085. width:350px;
  3086. }
  3087. }
  3088. .block-editor-inserter__popover.is-quick .components-popover__content{
  3089. border:none;
  3090. box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
  3091. outline:none;
  3092. }
  3093. .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{
  3094. border-left:1px solid #ccc;
  3095. border-right:1px solid #ccc;
  3096. }
  3097. .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{
  3098. border-radius:2px 2px 0 0;
  3099. border-top:1px solid #ccc;
  3100. }
  3101. .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{
  3102. border-bottom:1px solid #ccc;
  3103. border-radius:0 0 2px 2px;
  3104. }
  3105. .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{
  3106. border:1px solid #1e1e1e;
  3107. }
  3108. .block-editor-inserter__popover .block-editor-inserter__menu{
  3109. margin:-12px;
  3110. }
  3111. .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{
  3112. top:60px;
  3113. }
  3114. .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{
  3115. height:auto;
  3116. overflow:visible;
  3117. }
  3118. .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{
  3119. display:none;
  3120. }
  3121. .block-editor-inserter__toggle.components-button{
  3122. align-items:center;
  3123. border:none;
  3124. cursor:pointer;
  3125. display:inline-flex;
  3126. outline:none;
  3127. padding:0;
  3128. transition:color .2s ease;
  3129. }
  3130. @media (prefers-reduced-motion:reduce){
  3131. .block-editor-inserter__toggle.components-button{
  3132. transition-delay:0s;
  3133. transition-duration:0s;
  3134. }
  3135. }
  3136. .block-editor-inserter__menu{
  3137. height:100%;
  3138. overflow:visible;
  3139. position:relative;
  3140. }
  3141. .block-editor-inserter__inline-elements{
  3142. margin-top:-1px;
  3143. }
  3144. .block-editor-inserter__menu.is-bottom:after{
  3145. border-bottom-color:#fff;
  3146. }
  3147. .components-popover.block-editor-inserter__popover{
  3148. z-index:99999;
  3149. }
  3150. .block-editor-inserter__search{
  3151. padding:16px 16px 0;
  3152. }
  3153. .block-editor-inserter__search .components-search-control__icon{
  3154. right:20px;
  3155. }
  3156. .block-editor-inserter__tabs{
  3157. display:flex;
  3158. flex-direction:column;
  3159. flex-grow:1;
  3160. overflow:hidden;
  3161. }
  3162. .block-editor-inserter__tabs .components-tab-panel__tabs{
  3163. border-bottom:1px solid #ddd;
  3164. }
  3165. .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{
  3166. flex-grow:1;
  3167. margin-bottom:-1px;
  3168. }
  3169. .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable]{
  3170. flex-grow:inherit;
  3171. padding-left:16px;
  3172. padding-right:16px;
  3173. }
  3174. .block-editor-inserter__tabs .components-tab-panel__tab-content{
  3175. display:flex;
  3176. flex-direction:column;
  3177. flex-grow:1;
  3178. overflow-y:auto;
  3179. }
  3180. .block-editor-inserter__no-tab-container{
  3181. flex-grow:1;
  3182. overflow-y:auto;
  3183. }
  3184. .block-editor-inserter__panel-header{
  3185. align-items:center;
  3186. display:inline-flex;
  3187. padding:16px 16px 0;
  3188. }
  3189. .block-editor-inserter__panel-content{
  3190. padding:16px;
  3191. }
  3192. .block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{
  3193. color:#757575;
  3194. font-size:11px;
  3195. font-weight:500;
  3196. margin:0 12px 0 0;
  3197. text-transform:uppercase;
  3198. }
  3199. .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{
  3200. height:36px;
  3201. line-height:36px;
  3202. }
  3203. .block-editor-inserter__panel-dropdown select{
  3204. border:none;
  3205. }
  3206. .block-editor-inserter__reusable-blocks-panel{
  3207. position:relative;
  3208. text-align:right;
  3209. }
  3210. .block-editor-inserter__manage-reusable-blocks-container{
  3211. margin:auto 16px 16px;
  3212. }
  3213. .block-editor-inserter__manage-reusable-blocks{
  3214. justify-content:center;
  3215. width:100%;
  3216. }
  3217. .block-editor-inserter__no-results{
  3218. padding:32px;
  3219. text-align:center;
  3220. }
  3221. .block-editor-inserter__no-results-icon{
  3222. fill:#949494;
  3223. }
  3224. .block-editor-inserter__child-blocks{
  3225. padding:0 16px;
  3226. }
  3227. .block-editor-inserter__parent-block-header{
  3228. align-items:center;
  3229. display:flex;
  3230. }
  3231. .block-editor-inserter__parent-block-header h2{
  3232. font-size:13px;
  3233. }
  3234. .block-editor-inserter__parent-block-header .block-editor-block-icon{
  3235. margin-right:8px;
  3236. }
  3237. .block-editor-inserter__preview-container{
  3238. background:#fff;
  3239. border:1px solid #ddd;
  3240. border-radius:2px;
  3241. display:none;
  3242. left:calc(100% + 16px);
  3243. max-height:calc(100% - 32px);
  3244. overflow-y:hidden;
  3245. position:absolute;
  3246. top:16px;
  3247. width:300px;
  3248. }
  3249. @media (min-width:782px){
  3250. .block-editor-inserter__preview-container{
  3251. display:block;
  3252. }
  3253. }
  3254. .block-editor-inserter__preview-container .block-editor-block-card{
  3255. padding:16px;
  3256. }
  3257. .block-editor-inserter__preview-container .block-editor-block-card__title{
  3258. font-size:13px;
  3259. }
  3260. .block-editor-inserter__patterns-explore-button.components-button{
  3261. justify-content:center;
  3262. margin-top:16px;
  3263. padding:16px;
  3264. width:100%;
  3265. }
  3266. .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category{
  3267. color:var(--wp-admin-theme-color);
  3268. position:relative;
  3269. }
  3270. .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item{
  3271. filter:brightness(.95);
  3272. }
  3273. .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg{
  3274. fill:var(--wp-admin-theme-color);
  3275. }
  3276. .block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category:after{
  3277. background:var(--wp-admin-theme-color);
  3278. border-radius:2px;
  3279. bottom:0;
  3280. content:"";
  3281. left:0;
  3282. opacity:.04;
  3283. position:absolute;
  3284. right:0;
  3285. top:0;
  3286. }
  3287. .block-editor-block-patterns-explorer__sidebar,.block-editor-block-patterns-explorer__sidebar nav,.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__block-patterns-tabs-container nav{
  3288. height:100%;
  3289. }
  3290. .block-editor-block-patterns-explorer__sidebar .block-editor-block-patterns__source-filter select.components-select-control__input,.block-editor-inserter__block-patterns-tabs-container .block-editor-block-patterns__source-filter select.components-select-control__input{
  3291. height:40px;
  3292. }
  3293. .block-editor-inserter__block-patterns-tabs{
  3294. display:flex;
  3295. flex-direction:column;
  3296. height:100%;
  3297. overflow-y:auto;
  3298. padding:16px;
  3299. }
  3300. .block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child{
  3301. margin-top:auto;
  3302. }
  3303. .block-editor-inserter__patterns-category-dialog{
  3304. background:#f0f0f0;
  3305. border-left:1px solid #e0e0e0;
  3306. border-right:1px solid #e0e0e0;
  3307. height:100%;
  3308. left:0;
  3309. position:absolute;
  3310. top:0;
  3311. width:100%;
  3312. }
  3313. @media (min-width:782px){
  3314. .block-editor-inserter__patterns-category-dialog{
  3315. display:block;
  3316. left:100%;
  3317. width:300px;
  3318. }
  3319. }
  3320. .block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list{
  3321. flex-grow:1;
  3322. height:100%;
  3323. overflow-y:auto;
  3324. padding:16px 24px;
  3325. }
  3326. .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{
  3327. box-shadow:0 15px 25px rgba(0,0,0,.07);
  3328. }
  3329. .block-editor-block-patterns-list__list-item:hover .block-editor-block-preview__container{
  3330. box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
  3331. }
  3332. .block-editor-inserter__patterns-category-panel{
  3333. display:flex;
  3334. flex-direction:column;
  3335. height:100%;
  3336. padding:0 16px;
  3337. }
  3338. @media (min-width:782px){
  3339. .block-editor-inserter__patterns-category-panel{
  3340. padding:0;
  3341. }
  3342. }
  3343. .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-panel-header{
  3344. padding:16px 24px;
  3345. }
  3346. .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-no-results{
  3347. margin-top:24px;
  3348. }
  3349. .block-editor-inserter__preview-content{
  3350. align-items:center;
  3351. background:#f0f0f0;
  3352. display:grid;
  3353. flex-grow:1;
  3354. min-height:144px;
  3355. }
  3356. .block-editor-inserter__preview-content-missing{
  3357. align-items:center;
  3358. background:#f0f0f0;
  3359. color:#757575;
  3360. display:flex;
  3361. flex:1;
  3362. justify-content:center;
  3363. min-height:144px;
  3364. }
  3365. .block-editor-inserter__tips{
  3366. border-top:1px solid #ddd;
  3367. flex-shrink:0;
  3368. padding:16px;
  3369. position:relative;
  3370. }
  3371. .block-editor-inserter__quick-inserter{
  3372. max-width:100%;
  3373. width:100%;
  3374. }
  3375. @media (min-width:782px){
  3376. .block-editor-inserter__quick-inserter{
  3377. width:350px;
  3378. }
  3379. }
  3380. .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{
  3381. float:left;
  3382. height:0;
  3383. padding:0;
  3384. }
  3385. .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{
  3386. padding:16px;
  3387. }
  3388. .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{
  3389. grid-gap:8px;
  3390. display:grid;
  3391. grid-template-columns:1fr 1fr;
  3392. }
  3393. .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
  3394. margin-bottom:0;
  3395. }
  3396. .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container{
  3397. min-height:100px;
  3398. }
  3399. .block-editor-inserter__quick-inserter-separator{
  3400. border-top:1px solid #ddd;
  3401. }
  3402. .block-editor-inserter__popover.is-quick>.components-popover__content{
  3403. padding:0;
  3404. }
  3405. .block-editor-inserter__quick-inserter-expand.components-button{
  3406. background:#1e1e1e;
  3407. border-radius:0;
  3408. color:#fff;
  3409. display:block;
  3410. height:44px;
  3411. width:100%;
  3412. }
  3413. .block-editor-inserter__quick-inserter-expand.components-button:hover{
  3414. color:#fff;
  3415. }
  3416. .block-editor-inserter__quick-inserter-expand.components-button:active{
  3417. color:#ccc;
  3418. }
  3419. .block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){
  3420. background:var(--wp-admin-theme-color);
  3421. border-color:var(--wp-admin-theme-color);
  3422. box-shadow:none;
  3423. }
  3424. .block-editor-block-patterns-explorer__sidebar{
  3425. bottom:0;
  3426. left:0;
  3427. overflow-x:visible;
  3428. overflow-y:scroll;
  3429. padding:24px 32px 32px;
  3430. position:absolute;
  3431. top:76px;
  3432. width:280px;
  3433. }
  3434. .block-editor-block-patterns-explorer__sidebar__categories-list__item{
  3435. display:block;
  3436. height:48px;
  3437. text-align:left;
  3438. width:100%;
  3439. }
  3440. .block-editor-block-patterns-explorer__search{
  3441. margin-bottom:32px;
  3442. }
  3443. .block-editor-block-patterns-explorer__search-results-count{
  3444. padding-bottom:32px;
  3445. }
  3446. .block-editor-block-patterns-explorer__list{
  3447. margin-left:280px;
  3448. padding:24px 0 32px;
  3449. }
  3450. .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container{
  3451. width:380px;
  3452. }
  3453. .block-editor-block-patterns-explorer .block-editor-block-patterns-list{
  3454. grid-gap:32px;
  3455. display:grid;
  3456. grid-template-columns:repeat(1, 1fr);
  3457. margin-bottom:16px;
  3458. }
  3459. @media (min-width:1080px){
  3460. .block-editor-block-patterns-explorer .block-editor-block-patterns-list{
  3461. grid-template-columns:repeat(2, 1fr);
  3462. }
  3463. }
  3464. @media (min-width:1440px){
  3465. .block-editor-block-patterns-explorer .block-editor-block-patterns-list{
  3466. grid-template-columns:repeat(3, 1fr);
  3467. }
  3468. }
  3469. .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
  3470. min-height:240px;
  3471. }
  3472. .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container{
  3473. height:inherit;
  3474. max-height:800px;
  3475. min-height:100px;
  3476. }
  3477. .block-editor-inserter__patterns-category-panel-title{
  3478. font-size:16.25px;
  3479. }
  3480. .block-editor-inserter__media-tabs-container,.block-editor-inserter__media-tabs-container nav{
  3481. height:100%;
  3482. }
  3483. .block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button{
  3484. justify-content:center;
  3485. margin-top:16px;
  3486. padding:16px;
  3487. width:100%;
  3488. }
  3489. .block-editor-inserter__media-tabs{
  3490. display:flex;
  3491. flex-direction:column;
  3492. height:100%;
  3493. overflow-y:auto;
  3494. padding:16px;
  3495. }
  3496. .block-editor-inserter__media-tabs div[role=listitem]:last-child{
  3497. margin-top:auto;
  3498. }
  3499. .block-editor-inserter__media-tabs__media-category.is-selected{
  3500. color:var(--wp-admin-theme-color);
  3501. position:relative;
  3502. }
  3503. .block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item{
  3504. filter:brightness(.95);
  3505. }
  3506. .block-editor-inserter__media-tabs__media-category.is-selected svg{
  3507. fill:var(--wp-admin-theme-color);
  3508. }
  3509. .block-editor-inserter__media-tabs__media-category.is-selected:after{
  3510. background:var(--wp-admin-theme-color);
  3511. border-radius:2px;
  3512. bottom:0;
  3513. content:"";
  3514. left:0;
  3515. opacity:.04;
  3516. position:absolute;
  3517. right:0;
  3518. top:0;
  3519. }
  3520. .block-editor-inserter__media-dialog{
  3521. background:#f0f0f0;
  3522. border-left:1px solid #e0e0e0;
  3523. border-right:1px solid #e0e0e0;
  3524. height:100%;
  3525. left:0;
  3526. overflow-y:auto;
  3527. padding:16px 24px;
  3528. position:absolute;
  3529. scrollbar-gutter:stable both-edges;
  3530. top:0;
  3531. width:100%;
  3532. }
  3533. @media (min-width:782px){
  3534. .block-editor-inserter__media-dialog{
  3535. display:block;
  3536. left:100%;
  3537. width:300px;
  3538. }
  3539. }
  3540. .block-editor-inserter__media-dialog .block-editor-block-preview__container{
  3541. box-shadow:0 15px 25px rgba(0,0,0,.07);
  3542. }
  3543. .block-editor-inserter__media-dialog .block-editor-block-preview__container:hover{
  3544. box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
  3545. }
  3546. .block-editor-inserter__media-panel{
  3547. display:flex;
  3548. flex-direction:column;
  3549. min-height:100%;
  3550. padding:0 16px;
  3551. }
  3552. @media (min-width:782px){
  3553. .block-editor-inserter__media-panel{
  3554. padding:0;
  3555. }
  3556. }
  3557. .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{
  3558. align-items:center;
  3559. display:flex;
  3560. flex:1;
  3561. height:100%;
  3562. justify-content:center;
  3563. }
  3564. .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control input[type=search].components-search-control__input{
  3565. background:#fff;
  3566. }
  3567. .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control button.components-button{
  3568. min-width:auto;
  3569. padding-left:2px;
  3570. padding-right:2px;
  3571. }
  3572. .block-editor-inserter__media-list{
  3573. margin-top:16px;
  3574. }
  3575. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item{
  3576. cursor:pointer;
  3577. margin-bottom:24px;
  3578. position:relative;
  3579. }
  3580. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder{
  3581. min-height:100px;
  3582. }
  3583. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container{
  3584. cursor:grab;
  3585. }
  3586. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview{
  3587. box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
  3588. }
  3589. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{
  3590. display:block;
  3591. }
  3592. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{
  3593. position:absolute;
  3594. right:8px;
  3595. top:8px;
  3596. }
  3597. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{
  3598. background:#fff;
  3599. border-radius:2px;
  3600. display:none;
  3601. }
  3602. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{
  3603. display:block;
  3604. }
  3605. .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{
  3606. box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  3607. outline:2px solid transparent;
  3608. }
  3609. .block-editor-inserter__media-list .block-editor-inserter__media-list__item{
  3610. height:100%;
  3611. }
  3612. .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{
  3613. align-items:center;
  3614. border-radius:2px;
  3615. display:flex;
  3616. overflow:hidden;
  3617. }
  3618. .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{
  3619. margin:0 auto;
  3620. max-width:100%;
  3621. }
  3622. .block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner{
  3623. align-items:center;
  3624. background:hsla(0,0%,100%,.7);
  3625. display:flex;
  3626. height:100%;
  3627. justify-content:center;
  3628. pointer-events:none;
  3629. position:absolute;
  3630. width:100%;
  3631. }
  3632. .block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview{
  3633. box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  3634. outline:2px solid transparent;
  3635. }
  3636. .block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{
  3637. min-width:auto;
  3638. }
  3639. .block-editor-inserter__mobile-tab-navigation{
  3640. height:100%;
  3641. padding:16px;
  3642. }
  3643. .block-editor-inserter__mobile-tab-navigation>*{
  3644. height:100%;
  3645. }
  3646. @media (min-width:600px){
  3647. .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal{
  3648. max-width:480px;
  3649. }
  3650. }
  3651. .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p{
  3652. margin:0;
  3653. }
  3654. .block-editor-inserter__hint{
  3655. margin:16px 16px 0;
  3656. }
  3657. .reusable-blocks-menu-items__rename-hint{
  3658. align-items:top;
  3659. background:#f0f0f0;
  3660. border-radius:2px;
  3661. color:#1e1e1e;
  3662. display:flex;
  3663. flex-direction:row;
  3664. max-width:380px;
  3665. }
  3666. .reusable-blocks-menu-items__rename-hint-content{
  3667. margin:12px 0 12px 12px;
  3668. }
  3669. .reusable-blocks-menu-items__rename-hint-dismiss{
  3670. margin:4px 4px 4px 0;
  3671. }
  3672. .components-menu-group .reusable-blocks-menu-items__rename-hint{
  3673. margin:0;
  3674. }
  3675. .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input{
  3676. height:40px;
  3677. }
  3678. .block-editor-post-preview__dropdown{
  3679. padding:0;
  3680. }
  3681. .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{
  3682. padding-left:40px;
  3683. }
  3684. .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{
  3685. padding-left:8px;
  3686. }
  3687. .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{
  3688. padding-bottom:8px;
  3689. }
  3690. .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{
  3691. margin-bottom:0;
  3692. }
  3693. .block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{
  3694. padding:8px;
  3695. }
  3696. @media (min-width:600px){
  3697. .edit-post-header__settings .editor-post-preview,.edit-site-header-edit-mode__actions .editor-post-preview{
  3698. display:none;
  3699. }
  3700. .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{
  3701. transition:opacity .1s linear;
  3702. }
  3703. }
  3704. @media (min-width:600px) and (prefers-reduced-motion:reduce){
  3705. .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{
  3706. transition-delay:0s;
  3707. transition-duration:0s;
  3708. }
  3709. }
  3710. @media (min-width:600px){
  3711. .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{
  3712. opacity:0;
  3713. }
  3714. .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{
  3715. opacity:1;
  3716. }
  3717. }
  3718. .spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{
  3719. margin-bottom:0;
  3720. }
  3721. .spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{
  3722. align-items:center;
  3723. display:flex;
  3724. flex:1;
  3725. height:40px;
  3726. margin-bottom:0;
  3727. }
  3728. .spacing-sizes-control .spacing-sizes-control__custom-value-range>.components-base-control__field,.spacing-sizes-control .spacing-sizes-control__range-control>.components-base-control__field{
  3729. flex:1;
  3730. }
  3731. .spacing-sizes-control .components-range-control__mark{
  3732. background-color:#fff;
  3733. height:4px;
  3734. width:3px;
  3735. z-index:1;
  3736. }
  3737. .spacing-sizes-control .components-range-control__marks{
  3738. margin-top:17px;
  3739. }
  3740. .spacing-sizes-control .components-range-control__marks :first-child{
  3741. display:none;
  3742. }
  3743. .spacing-sizes-control .components-range-control__thumb-wrapper{
  3744. z-index:3;
  3745. }
  3746. .spacing-sizes-control__header{
  3747. height:16px;
  3748. margin-bottom:12px;
  3749. }
  3750. .spacing-sizes-control__dropdown{
  3751. height:24px;
  3752. }
  3753. .spacing-sizes-control__custom-select-control,.spacing-sizes-control__custom-value-input{
  3754. flex:1;
  3755. }
  3756. .spacing-sizes-control__custom-toggle,.spacing-sizes-control__icon{
  3757. flex:0 0 auto;
  3758. }
  3759. .spacing-sizes-control__icon{
  3760. margin-left:-4px;
  3761. }
  3762. body.admin-color-light{
  3763. --wp-admin-theme-color:#0085ba;
  3764. --wp-admin-theme-color--rgb:0, 133, 186;
  3765. --wp-admin-theme-color-darker-10:#0073a1;
  3766. --wp-admin-theme-color-darker-10--rgb:0, 115, 161;
  3767. --wp-admin-theme-color-darker-20:#006187;
  3768. --wp-admin-theme-color-darker-20--rgb:0, 97, 135;
  3769. --wp-admin-border-width-focus:2px;
  3770. }
  3771. @media (min-resolution:192dpi){
  3772. body.admin-color-light{
  3773. --wp-admin-border-width-focus:1.5px;
  3774. }
  3775. }
  3776. body.admin-color-modern{
  3777. --wp-admin-theme-color:#3858e9;
  3778. --wp-admin-theme-color--rgb:56, 88, 233;
  3779. --wp-admin-theme-color-darker-10:#2145e6;
  3780. --wp-admin-theme-color-darker-10--rgb:33, 69, 230;
  3781. --wp-admin-theme-color-darker-20:#183ad6;
  3782. --wp-admin-theme-color-darker-20--rgb:24, 58, 214;
  3783. --wp-admin-border-width-focus:2px;
  3784. }
  3785. @media (min-resolution:192dpi){
  3786. body.admin-color-modern{
  3787. --wp-admin-border-width-focus:1.5px;
  3788. }
  3789. }
  3790. body.admin-color-blue{
  3791. --wp-admin-theme-color:#096484;
  3792. --wp-admin-theme-color--rgb:9, 100, 132;
  3793. --wp-admin-theme-color-darker-10:#07526c;
  3794. --wp-admin-theme-color-darker-10--rgb:7, 82, 108;
  3795. --wp-admin-theme-color-darker-20:#064054;
  3796. --wp-admin-theme-color-darker-20--rgb:6, 64, 84;
  3797. --wp-admin-border-width-focus:2px;
  3798. }
  3799. @media (min-resolution:192dpi){
  3800. body.admin-color-blue{
  3801. --wp-admin-border-width-focus:1.5px;
  3802. }
  3803. }
  3804. body.admin-color-coffee{
  3805. --wp-admin-theme-color:#46403c;
  3806. --wp-admin-theme-color--rgb:70, 64, 60;
  3807. --wp-admin-theme-color-darker-10:#383330;
  3808. --wp-admin-theme-color-darker-10--rgb:56, 51, 48;
  3809. --wp-admin-theme-color-darker-20:#2b2724;
  3810. --wp-admin-theme-color-darker-20--rgb:43, 39, 36;
  3811. --wp-admin-border-width-focus:2px;
  3812. }
  3813. @media (min-resolution:192dpi){
  3814. body.admin-color-coffee{
  3815. --wp-admin-border-width-focus:1.5px;
  3816. }
  3817. }
  3818. body.admin-color-ectoplasm{
  3819. --wp-admin-theme-color:#523f6d;
  3820. --wp-admin-theme-color--rgb:82, 63, 109;
  3821. --wp-admin-theme-color-darker-10:#46365d;
  3822. --wp-admin-theme-color-darker-10--rgb:70, 54, 93;
  3823. --wp-admin-theme-color-darker-20:#3a2c4d;
  3824. --wp-admin-theme-color-darker-20--rgb:58, 44, 77;
  3825. --wp-admin-border-width-focus:2px;
  3826. }
  3827. @media (min-resolution:192dpi){
  3828. body.admin-color-ectoplasm{
  3829. --wp-admin-border-width-focus:1.5px;
  3830. }
  3831. }
  3832. body.admin-color-midnight{
  3833. --wp-admin-theme-color:#e14d43;
  3834. --wp-admin-theme-color--rgb:225, 77, 67;
  3835. --wp-admin-theme-color-darker-10:#dd382d;
  3836. --wp-admin-theme-color-darker-10--rgb:221, 56, 45;
  3837. --wp-admin-theme-color-darker-20:#d02c21;
  3838. --wp-admin-theme-color-darker-20--rgb:208, 44, 33;
  3839. --wp-admin-border-width-focus:2px;
  3840. }
  3841. @media (min-resolution:192dpi){
  3842. body.admin-color-midnight{
  3843. --wp-admin-border-width-focus:1.5px;
  3844. }
  3845. }
  3846. body.admin-color-ocean{
  3847. --wp-admin-theme-color:#627c83;
  3848. --wp-admin-theme-color--rgb:98, 124, 131;
  3849. --wp-admin-theme-color-darker-10:#576e74;
  3850. --wp-admin-theme-color-darker-10--rgb:87, 110, 116;
  3851. --wp-admin-theme-color-darker-20:#4c6066;
  3852. --wp-admin-theme-color-darker-20--rgb:76, 96, 102;
  3853. --wp-admin-border-width-focus:2px;
  3854. }
  3855. @media (min-resolution:192dpi){
  3856. body.admin-color-ocean{
  3857. --wp-admin-border-width-focus:1.5px;
  3858. }
  3859. }
  3860. body.admin-color-sunrise{
  3861. --wp-admin-theme-color:#dd823b;
  3862. --wp-admin-theme-color--rgb:221, 130, 59;
  3863. --wp-admin-theme-color-darker-10:#d97426;
  3864. --wp-admin-theme-color-darker-10--rgb:217, 116, 38;
  3865. --wp-admin-theme-color-darker-20:#c36922;
  3866. --wp-admin-theme-color-darker-20--rgb:195, 105, 34;
  3867. --wp-admin-border-width-focus:2px;
  3868. }
  3869. @media (min-resolution:192dpi){
  3870. body.admin-color-sunrise{
  3871. --wp-admin-border-width-focus:1.5px;
  3872. }
  3873. }