editor.css 72 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787
  1. /**
  2. * Colors
  3. */
  4. /**
  5. * Breakpoints & Media Queries
  6. */
  7. /**
  8. * SCSS Variables.
  9. *
  10. * Please use variables from this sheet to ensure consistency across the UI.
  11. * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  12. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  13. */
  14. /**
  15. * Colors
  16. */
  17. /**
  18. * Fonts & basic variables.
  19. */
  20. /**
  21. * Grid System.
  22. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  23. */
  24. /**
  25. * Dimensions.
  26. */
  27. /**
  28. * Shadows.
  29. */
  30. /**
  31. * Editor widths.
  32. */
  33. /**
  34. * Block & Editor UI.
  35. */
  36. /**
  37. * Block paddings.
  38. */
  39. /**
  40. * React Native specific.
  41. * These variables do not appear to be used anywhere else.
  42. */
  43. /**
  44. * Converts a hex value into the rgb equivalent.
  45. *
  46. * @param {string} hex - the hexadecimal value to convert
  47. * @return {string} comma separated rgb values
  48. */
  49. /**
  50. * Breakpoint mixins
  51. */
  52. /**
  53. * Long content fade mixin
  54. *
  55. * Creates a fading overlay to signify that the content is longer
  56. * than the space allows.
  57. */
  58. /**
  59. * Focus styles.
  60. */
  61. /**
  62. * Applies editor left position to the selector passed as argument
  63. */
  64. /**
  65. * Styles that are reused verbatim in a few places
  66. */
  67. /**
  68. * Allows users to opt-out of animations via OS-level preferences.
  69. */
  70. /**
  71. * Reset default styles for JavaScript UI based pages.
  72. * This is a WP-admin agnostic reset
  73. */
  74. /**
  75. * Reset the WP Admin page styles for Gutenberg-like pages.
  76. */
  77. ul.wp-block-archives {
  78. padding-left: 2.5em;
  79. }
  80. .wp-block-audio {
  81. margin-left: 0;
  82. margin-right: 0;
  83. position: relative;
  84. }
  85. .wp-block-audio.is-transient audio {
  86. opacity: 0.3;
  87. }
  88. .wp-block-audio .components-spinner {
  89. position: absolute;
  90. top: 50%;
  91. left: 50%;
  92. margin-top: -9px;
  93. margin-left: -9px;
  94. }
  95. .wp-block-avatar__image img {
  96. width: 100%;
  97. }
  98. .wp-block-avatar.aligncenter .components-resizable-box__container {
  99. margin: 0 auto;
  100. }
  101. .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
  102. padding-left: 0;
  103. padding-right: 0;
  104. }
  105. .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
  106. display: block;
  107. }
  108. .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
  109. display: none;
  110. }
  111. .wp-block[data-align=center] > .wp-block-button {
  112. text-align: center;
  113. margin-left: auto;
  114. margin-right: auto;
  115. }
  116. .wp-block[data-align=right] > .wp-block-button {
  117. /*!rtl:ignore*/
  118. text-align: right;
  119. }
  120. .wp-block-button {
  121. position: relative;
  122. cursor: text;
  123. }
  124. .wp-block-button:focus {
  125. box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
  126. outline: 2px solid transparent;
  127. outline-offset: -2px;
  128. }
  129. .wp-block-button[data-rich-text-placeholder]::after {
  130. opacity: 0.8;
  131. }
  132. .wp-block-button__inline-link {
  133. color: #757575;
  134. height: 0;
  135. overflow: hidden;
  136. max-width: 290px;
  137. }
  138. .wp-block-button__inline-link-input__suggestions {
  139. max-width: 290px;
  140. }
  141. @media (min-width: 782px) {
  142. .wp-block-button__inline-link {
  143. max-width: 260px;
  144. }
  145. .wp-block-button__inline-link-input__suggestions {
  146. max-width: 260px;
  147. }
  148. }
  149. @media (min-width: 960px) {
  150. .wp-block-button__inline-link {
  151. max-width: 290px;
  152. }
  153. .wp-block-button__inline-link-input__suggestions {
  154. max-width: 290px;
  155. }
  156. }
  157. .is-selected .wp-block-button__inline-link {
  158. height: auto;
  159. overflow: visible;
  160. }
  161. .wp-button-label__width .components-button-group {
  162. display: block;
  163. }
  164. .wp-button-label__width .components-base-control__field {
  165. margin-bottom: 12px;
  166. }
  167. div[data-type="core/button"] {
  168. display: table;
  169. }
  170. .wp-block-buttons {
  171. /* stylelint-disable indentation */
  172. }
  173. .wp-block-buttons > .wp-block {
  174. margin: 0;
  175. }
  176. .wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
  177. margin: 0;
  178. }
  179. .wp-block-buttons > .block-list-appender {
  180. display: inline-flex;
  181. align-items: center;
  182. }
  183. .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle {
  184. justify-content: flex-start;
  185. }
  186. .wp-block-buttons > .wp-block-button:focus {
  187. box-shadow: none;
  188. }
  189. .wp-block-buttons:not(.is-content-justification-space-between,
  190. .is-content-justification-right,
  191. .is-content-justification-left,
  192. .is-content-justification-center) .wp-block[data-align=center] {
  193. /* stylelint-enable indentation */
  194. margin-left: auto;
  195. margin-right: auto;
  196. margin-top: 0;
  197. width: 100%;
  198. }
  199. .wp-block-buttons:not(.is-content-justification-space-between,
  200. .is-content-justification-right,
  201. .is-content-justification-left,
  202. .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
  203. margin-bottom: 0;
  204. }
  205. .wp-block[data-align=center] > .wp-block-buttons {
  206. align-items: center;
  207. justify-content: center;
  208. }
  209. .wp-block[data-align=right] > .wp-block-buttons {
  210. justify-content: flex-end;
  211. }
  212. .wp-block-categories ul {
  213. padding-left: 2.5em;
  214. }
  215. .wp-block-categories ul ul {
  216. margin-top: 6px;
  217. }
  218. .wp-block-columns :where(.wp-block) {
  219. max-width: none;
  220. margin-left: 0;
  221. margin-right: 0;
  222. }
  223. html :where(.wp-block-column) {
  224. margin-top: 0;
  225. margin-bottom: 0;
  226. }
  227. .wp-block-comment-author-avatar__placeholder {
  228. border: currentColor 1px dashed;
  229. width: 100%;
  230. height: 100%;
  231. stroke: currentColor;
  232. stroke-dasharray: 3;
  233. }
  234. .block-library-comments-toolbar__popover .components-popover__content {
  235. min-width: 230px;
  236. }
  237. .wp-block[data-align=center] > .wp-block-comments-pagination {
  238. justify-content: center;
  239. }
  240. .editor-styles-wrapper .wp-block-comments-pagination {
  241. max-width: 100%;
  242. }
  243. .editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout {
  244. margin: 0;
  245. }
  246. .wp-block-comments-pagination > .wp-block-comments-pagination-next,
  247. .wp-block-comments-pagination > .wp-block-comments-pagination-previous,
  248. .wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
  249. margin-left: 0;
  250. margin-top: 0.5em;
  251. /*rtl:ignore*/
  252. margin-right: 0.5em;
  253. margin-bottom: 0.5em;
  254. }
  255. .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
  256. .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
  257. .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
  258. /*rtl:ignore*/
  259. margin-right: 0;
  260. }
  261. .wp-block-comments-pagination-numbers a {
  262. text-decoration: underline;
  263. }
  264. .wp-block-comments-pagination-numbers .page-numbers {
  265. margin-right: 2px;
  266. }
  267. .wp-block-comments-pagination-numbers .page-numbers:last-child {
  268. /*rtl:ignore*/
  269. margin-right: 0;
  270. }
  271. .wp-block-comments-title.has-background {
  272. padding: inherit;
  273. }
  274. .wp-block-cover {
  275. /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */
  276. }
  277. .editor-styles-wrapper .wp-block-cover {
  278. box-sizing: border-box;
  279. }
  280. .wp-block-cover.is-placeholder {
  281. min-height: auto !important;
  282. padding: 0 !important;
  283. }
  284. .wp-block-cover.is-placeholder .block-library-cover__resize-container {
  285. display: none;
  286. }
  287. .wp-block-cover.is-placeholder .components-placeholder.is-large {
  288. min-height: 240px;
  289. justify-content: flex-start;
  290. z-index: 1;
  291. }
  292. .wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container {
  293. min-height: 240px;
  294. display: block;
  295. }
  296. .wp-block-cover.components-placeholder h2 {
  297. color: inherit;
  298. }
  299. .wp-block-cover.is-transient::before {
  300. background-color: #fff;
  301. opacity: 0.3;
  302. }
  303. .wp-block-cover .components-spinner {
  304. position: absolute;
  305. z-index: 1;
  306. top: 50%;
  307. left: 50%;
  308. transform: translate(-50%, -50%);
  309. margin: 0;
  310. }
  311. .wp-block-cover .block-editor-block-list__layout {
  312. width: 100%;
  313. }
  314. .wp-block-cover .wp-block-cover__inner-container {
  315. text-align: left;
  316. margin-left: 0;
  317. margin-right: 0;
  318. }
  319. .wp-block-cover .wp-block-cover__placeholder-background-options {
  320. width: 100%;
  321. }
  322. [data-align=left] > .wp-block-cover,
  323. [data-align=right] > .wp-block-cover {
  324. max-width: 420px;
  325. width: 100%;
  326. }
  327. .block-library-cover__reset-button {
  328. margin-left: auto;
  329. }
  330. .block-library-cover__resize-container {
  331. position: absolute !important;
  332. top: 0;
  333. left: 0;
  334. right: 0;
  335. bottom: 0;
  336. min-height: 50px;
  337. }
  338. .block-library-cover__resize-container:not(.is-resizing) {
  339. height: auto !important;
  340. }
  341. .wp-block-cover > .components-drop-zone .components-drop-zone__content {
  342. opacity: 0.8 !important;
  343. }
  344. .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
  345. background-attachment: scroll;
  346. }
  347. .wp-block-embed {
  348. margin-left: 0;
  349. margin-right: 0;
  350. clear: both;
  351. }
  352. .wp-block-embed.is-loading {
  353. display: flex;
  354. justify-content: center;
  355. }
  356. .wp-block-embed .components-placeholder__error {
  357. word-break: break-word;
  358. }
  359. .wp-block-embed .components-placeholder__learn-more {
  360. margin-top: 1em;
  361. }
  362. .block-library-embed__interactive-overlay {
  363. position: absolute;
  364. top: 0;
  365. left: 0;
  366. right: 0;
  367. bottom: 0;
  368. opacity: 0;
  369. }
  370. .wp-block[data-align=left] > .wp-block-embed,
  371. .wp-block[data-align=right] > .wp-block-embed {
  372. max-width: 360px;
  373. width: 100%;
  374. }
  375. .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper,
  376. .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper {
  377. min-width: 280px;
  378. }
  379. .wp-block-file {
  380. display: flex;
  381. flex-wrap: wrap;
  382. justify-content: space-between;
  383. align-items: center;
  384. margin-bottom: 0;
  385. }
  386. .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
  387. height: auto;
  388. }
  389. .wp-block-file .components-resizable-box__container {
  390. margin-bottom: 1em;
  391. }
  392. .wp-block-file .wp-block-file__preview {
  393. margin-bottom: 1em;
  394. width: 100%;
  395. height: 100%;
  396. }
  397. .wp-block-file .wp-block-file__preview-overlay {
  398. position: absolute;
  399. top: 0;
  400. right: 0;
  401. bottom: 0;
  402. left: 0;
  403. }
  404. .wp-block-file .wp-block-file__content-wrapper {
  405. flex-grow: 1;
  406. }
  407. .wp-block-file a {
  408. min-width: 1em;
  409. }
  410. .wp-block-file .wp-block-file__button-richtext-wrapper {
  411. display: inline-block;
  412. margin-left: 0.75em;
  413. }
  414. .wp-block-freeform.block-library-rich-text__tinymce {
  415. height: auto;
  416. /* Allow height of embed iframes to be calculated properly */
  417. /* Remove blue highlighting of selected images in WebKit */
  418. /* Image captions */
  419. /* WP Views */
  420. }
  421. .wp-block-freeform.block-library-rich-text__tinymce p,
  422. .wp-block-freeform.block-library-rich-text__tinymce li {
  423. line-height: 1.8;
  424. }
  425. .wp-block-freeform.block-library-rich-text__tinymce ul,
  426. .wp-block-freeform.block-library-rich-text__tinymce ol {
  427. padding-left: 2.5em;
  428. margin-left: 0;
  429. }
  430. .wp-block-freeform.block-library-rich-text__tinymce blockquote {
  431. margin: 0;
  432. box-shadow: inset 0 0 0 0 #ddd;
  433. border-left: 4px solid #000;
  434. padding-left: 1em;
  435. }
  436. .wp-block-freeform.block-library-rich-text__tinymce pre {
  437. white-space: pre-wrap;
  438. font-family: Menlo, Consolas, monaco, monospace;
  439. font-size: 15px;
  440. color: #1e1e1e;
  441. }
  442. .wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
  443. margin-top: 0;
  444. }
  445. .wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
  446. margin-bottom: 0;
  447. }
  448. .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
  449. outline: none;
  450. }
  451. .wp-block-freeform.block-library-rich-text__tinymce a {
  452. color: var(--wp-admin-theme-color);
  453. }
  454. .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
  455. padding: 0 2px;
  456. margin: 0 -2px;
  457. border-radius: 2px;
  458. box-shadow: 0 0 0 1px #e5f5fa;
  459. background: #e5f5fa;
  460. }
  461. .wp-block-freeform.block-library-rich-text__tinymce code {
  462. padding: 2px;
  463. border-radius: 2px;
  464. color: #1e1e1e;
  465. background: #f0f0f0;
  466. font-family: Menlo, Consolas, monaco, monospace;
  467. font-size: 14px;
  468. }
  469. .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
  470. background: #ddd;
  471. }
  472. .wp-block-freeform.block-library-rich-text__tinymce .alignright {
  473. /*rtl:ignore*/
  474. float: right;
  475. /*rtl:ignore*/
  476. margin: 0.5em 0 0.5em 1em;
  477. }
  478. .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
  479. /*rtl:ignore*/
  480. float: left;
  481. /*rtl:ignore*/
  482. margin: 0.5em 1em 0.5em 0;
  483. }
  484. .wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
  485. display: block;
  486. margin-left: auto;
  487. margin-right: auto;
  488. }
  489. .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
  490. width: 96%;
  491. height: 20px;
  492. display: block;
  493. margin: 15px auto;
  494. outline: 0;
  495. cursor: default;
  496. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);
  497. background-size: 1900px 20px;
  498. background-repeat: no-repeat;
  499. background-position: center;
  500. }
  501. .wp-block-freeform.block-library-rich-text__tinymce img::selection {
  502. background-color: transparent;
  503. }
  504. .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
  505. -ms-user-select: element;
  506. }
  507. .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
  508. margin: 0;
  509. /* dl browser reset */
  510. max-width: 100%;
  511. }
  512. .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
  513. .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
  514. display: block;
  515. }
  516. .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
  517. -webkit-user-drag: none;
  518. }
  519. .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
  520. padding-top: 0.5em;
  521. margin: 0;
  522. /* browser dd reset */
  523. }
  524. .wp-block-freeform.block-library-rich-text__tinymce .wpview {
  525. width: 99.99%;
  526. /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
  527. position: relative;
  528. clear: both;
  529. margin-bottom: 16px;
  530. border: 1px solid transparent;
  531. }
  532. .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
  533. display: block;
  534. max-width: 100%;
  535. background: transparent;
  536. }
  537. .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
  538. position: absolute;
  539. top: 0;
  540. right: 0;
  541. bottom: 0;
  542. left: 0;
  543. }
  544. .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
  545. display: none;
  546. }
  547. .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
  548. border: 1px dashed #ddd;
  549. padding: 10px;
  550. }
  551. .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
  552. border: 1px solid #ddd;
  553. padding: 1em 0;
  554. margin: 0;
  555. word-wrap: break-word;
  556. }
  557. .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
  558. margin: 0;
  559. text-align: center;
  560. }
  561. .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
  562. border-color: transparent;
  563. }
  564. .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
  565. display: block;
  566. margin: 0 auto;
  567. width: 32px;
  568. height: 32px;
  569. font-size: 32px;
  570. }
  571. .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
  572. content: "";
  573. display: table;
  574. clear: both;
  575. }
  576. .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
  577. outline: none;
  578. }
  579. .wp-block-freeform.block-library-rich-text__tinymce .gallery a {
  580. cursor: default;
  581. }
  582. .wp-block-freeform.block-library-rich-text__tinymce .gallery {
  583. margin: auto -6px;
  584. padding: 6px 0;
  585. line-height: 1;
  586. overflow-x: hidden;
  587. }
  588. .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
  589. float: left;
  590. margin: 0;
  591. text-align: center;
  592. padding: 6px;
  593. box-sizing: border-box;
  594. }
  595. .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
  596. .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
  597. margin: 0;
  598. }
  599. .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
  600. font-size: 13px;
  601. margin: 4px 0;
  602. }
  603. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
  604. width: 100%;
  605. }
  606. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
  607. width: 50%;
  608. }
  609. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
  610. width: 33.3333333333%;
  611. }
  612. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
  613. width: 25%;
  614. }
  615. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
  616. width: 20%;
  617. }
  618. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
  619. width: 16.6666666667%;
  620. }
  621. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
  622. width: 14.2857142857%;
  623. }
  624. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
  625. width: 12.5%;
  626. }
  627. .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
  628. width: 11.1111111111%;
  629. }
  630. .wp-block-freeform.block-library-rich-text__tinymce .gallery img {
  631. max-width: 100%;
  632. height: auto;
  633. border: none;
  634. padding: 0;
  635. }
  636. div[data-type="core/freeform"]::before {
  637. transition: border-color 0.1s linear, box-shadow 0.1s linear;
  638. border: 1px solid #ddd;
  639. outline: 1px solid transparent;
  640. }
  641. @media (prefers-reduced-motion: reduce) {
  642. div[data-type="core/freeform"]::before {
  643. transition-duration: 0s;
  644. transition-delay: 0s;
  645. }
  646. }
  647. div[data-type="core/freeform"].is-selected::before {
  648. border-color: #1e1e1e;
  649. }
  650. div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div {
  651. margin-top: 0;
  652. padding-top: 0;
  653. }
  654. div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
  655. content: "";
  656. display: table;
  657. clear: both;
  658. }
  659. .mce-toolbar-grp .mce-btn.mce-active button,
  660. .mce-toolbar-grp .mce-btn.mce-active:hover button,
  661. .mce-toolbar-grp .mce-btn.mce-active i,
  662. .mce-toolbar-grp .mce-btn.mce-active:hover i {
  663. color: #1e1e1e;
  664. }
  665. .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
  666. margin-right: 0;
  667. margin-left: 8px;
  668. }
  669. .mce-toolbar-grp .mce-btn i {
  670. font-style: normal;
  671. }
  672. .block-library-classic__toolbar {
  673. display: none;
  674. width: auto;
  675. margin: 0;
  676. position: sticky;
  677. z-index: 31;
  678. top: 0;
  679. border: 1px solid #ddd;
  680. border-bottom: none;
  681. border-radius: 2px;
  682. margin-bottom: 8px;
  683. padding: 0;
  684. }
  685. div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
  686. display: block;
  687. border-color: #1e1e1e;
  688. }
  689. .block-library-classic__toolbar .mce-tinymce {
  690. box-shadow: none;
  691. }
  692. @media (min-width: 600px) {
  693. .block-library-classic__toolbar {
  694. padding: 0;
  695. }
  696. }
  697. .block-library-classic__toolbar:empty {
  698. display: block;
  699. background: #f5f5f5;
  700. border-bottom: 1px solid #e2e4e7;
  701. }
  702. .block-library-classic__toolbar:empty::before {
  703. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  704. font-size: 13px;
  705. content: attr(data-placeholder);
  706. color: #555d66;
  707. line-height: 37px;
  708. padding: 14px;
  709. }
  710. .block-library-classic__toolbar div.mce-toolbar-grp {
  711. border-bottom: 1px solid #1e1e1e;
  712. }
  713. .block-library-classic__toolbar .mce-tinymce-inline,
  714. .block-library-classic__toolbar .mce-tinymce-inline > div,
  715. .block-library-classic__toolbar div.mce-toolbar-grp,
  716. .block-library-classic__toolbar div.mce-toolbar-grp > div,
  717. .block-library-classic__toolbar .mce-menubar,
  718. .block-library-classic__toolbar .mce-menubar > div {
  719. height: auto !important;
  720. width: 100% !important;
  721. }
  722. .block-library-classic__toolbar .mce-container-body.mce-abs-layout {
  723. overflow: visible;
  724. }
  725. .block-library-classic__toolbar .mce-menubar,
  726. .block-library-classic__toolbar div.mce-toolbar-grp {
  727. position: static;
  728. }
  729. .block-library-classic__toolbar .mce-toolbar-grp > div {
  730. padding: 1px 3px;
  731. }
  732. .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
  733. display: none;
  734. }
  735. .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
  736. display: block;
  737. }
  738. figure.wp-block-gallery {
  739. display: block;
  740. }
  741. figure.wp-block-gallery.has-nested-images .components-drop-zone {
  742. display: none;
  743. pointer-events: none;
  744. }
  745. figure.wp-block-gallery > .blocks-gallery-caption {
  746. flex: 0 0 100%;
  747. }
  748. figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
  749. flex-basis: 100%;
  750. }
  751. figure.wp-block-gallery .wp-block-image .components-notice.is-error {
  752. display: block;
  753. }
  754. figure.wp-block-gallery .wp-block-image .components-notice__content {
  755. margin: 4px 0;
  756. }
  757. figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
  758. position: absolute;
  759. top: 0;
  760. right: 5px;
  761. }
  762. figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
  763. display: none;
  764. }
  765. figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
  766. margin-bottom: 0;
  767. }
  768. figure.wp-block-gallery .block-editor-media-placeholder {
  769. margin: 0;
  770. }
  771. figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
  772. display: flex;
  773. }
  774. figure.wp-block-gallery .block-editor-media-placeholder figcaption {
  775. z-index: 2;
  776. }
  777. figure.wp-block-gallery .components-spinner {
  778. position: absolute;
  779. top: 50%;
  780. left: 50%;
  781. margin-top: -9px;
  782. margin-left: -9px;
  783. }
  784. /**
  785. * Gallery inspector controls settings.
  786. */
  787. .gallery-settings-buttons .components-button:first-child {
  788. margin-right: 8px;
  789. }
  790. .gallery-image-sizes .components-base-control__label {
  791. display: block;
  792. margin-bottom: 4px;
  793. }
  794. .gallery-image-sizes .gallery-image-sizes__loading {
  795. display: flex;
  796. align-items: center;
  797. color: #757575;
  798. font-size: 12px;
  799. }
  800. .gallery-image-sizes .components-spinner {
  801. margin: 0 8px 0 4px;
  802. }
  803. /**
  804. * Deprecated css past this point. This can be removed once all galleries are migrated
  805. * to V2.
  806. */
  807. .blocks-gallery-item figure:not(.is-selected):focus,
  808. .blocks-gallery-item img:focus {
  809. outline: none;
  810. }
  811. .blocks-gallery-item figure.is-selected::before {
  812. box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
  813. content: "";
  814. outline: 2px solid transparent;
  815. position: absolute;
  816. top: 0;
  817. right: 0;
  818. bottom: 0;
  819. left: 0;
  820. z-index: 1;
  821. pointer-events: none;
  822. }
  823. .blocks-gallery-item figure.is-transient img {
  824. opacity: 0.3;
  825. }
  826. .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
  827. display: inline-flex;
  828. }
  829. .blocks-gallery-item .block-editor-media-placeholder {
  830. margin: 0;
  831. height: 100%;
  832. }
  833. .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
  834. display: flex;
  835. }
  836. .block-library-gallery-item__inline-menu {
  837. display: none;
  838. position: absolute;
  839. top: -2px;
  840. margin: 8px;
  841. z-index: 20;
  842. transition: box-shadow 0.2s ease-out;
  843. border-radius: 2px;
  844. background: #fff;
  845. border: 1px solid #1e1e1e;
  846. }
  847. @media (prefers-reduced-motion: reduce) {
  848. .block-library-gallery-item__inline-menu {
  849. transition-duration: 0s;
  850. transition-delay: 0s;
  851. }
  852. }
  853. .block-library-gallery-item__inline-menu:hover {
  854. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  855. }
  856. @media (min-width: 600px) {
  857. .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
  858. padding: 2px;
  859. }
  860. }
  861. .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
  862. border: none;
  863. box-shadow: none;
  864. }
  865. @media (min-width: 600px) {
  866. .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
  867. padding: 0;
  868. width: inherit;
  869. height: inherit;
  870. }
  871. }
  872. .block-library-gallery-item__inline-menu.is-left {
  873. left: -2px;
  874. }
  875. .block-library-gallery-item__inline-menu.is-right {
  876. right: -2px;
  877. }
  878. .wp-block-gallery ul.blocks-gallery-grid {
  879. padding: 0;
  880. margin: 0;
  881. }
  882. @media (min-width: 600px) {
  883. .wp-block-update-gallery-modal {
  884. max-width: 480px;
  885. }
  886. }
  887. .wp-block-update-gallery-modal-buttons {
  888. display: flex;
  889. justify-content: flex-end;
  890. gap: 12px;
  891. }
  892. /**
  893. * Group: All Alignment Settings
  894. */
  895. .wp-block-group .block-editor-block-list__insertion-point {
  896. left: 0;
  897. right: 0;
  898. }
  899. [data-type="core/group"].is-selected .block-list-appender {
  900. margin-left: 0;
  901. margin-right: 0;
  902. }
  903. [data-type="core/group"].is-selected .has-background .block-list-appender {
  904. margin-top: 18px;
  905. margin-bottom: 18px;
  906. }
  907. .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child {
  908. gap: inherit;
  909. pointer-events: none;
  910. }
  911. .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child,
  912. .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content,
  913. .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter {
  914. display: inherit;
  915. width: 100%;
  916. flex-direction: inherit;
  917. flex: 1;
  918. }
  919. .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child::after {
  920. content: "";
  921. display: flex;
  922. border: 1px dashed currentColor;
  923. opacity: 0.4;
  924. border-radius: 2px;
  925. flex: 1;
  926. pointer-events: none;
  927. min-height: 48px;
  928. }
  929. .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter {
  930. pointer-events: all;
  931. }
  932. .block-library-html__edit .block-library-html__preview-overlay {
  933. position: absolute;
  934. width: 100%;
  935. height: 100%;
  936. top: 0;
  937. left: 0;
  938. }
  939. .block-library-html__edit .block-editor-plain-text {
  940. font-family: Menlo, Consolas, monaco, monospace !important;
  941. color: #1e1e1e !important;
  942. background: #fff !important;
  943. padding: 12px !important;
  944. border: 1px solid #1e1e1e !important;
  945. box-shadow: none !important;
  946. border-radius: 2px !important;
  947. max-height: 250px;
  948. /* Fonts smaller than 16px causes mobile safari to zoom. */
  949. font-size: 16px !important;
  950. }
  951. @media (min-width: 600px) {
  952. .block-library-html__edit .block-editor-plain-text {
  953. font-size: 13px !important;
  954. }
  955. }
  956. .block-library-html__edit .block-editor-plain-text:focus {
  957. border-color: var(--wp-admin-theme-color) !important;
  958. box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
  959. outline: 2px solid transparent !important;
  960. }
  961. figure.wp-block-image:not(.wp-block) {
  962. margin: 0;
  963. }
  964. .wp-block-image {
  965. position: relative;
  966. }
  967. .wp-block-image .is-applying img, .wp-block-image.is-transient img {
  968. opacity: 0.3;
  969. }
  970. .wp-block-image figcaption img {
  971. display: inline;
  972. }
  973. .wp-block-image .components-spinner {
  974. position: absolute;
  975. top: 50%;
  976. left: 50%;
  977. margin-top: -9px;
  978. margin-left: -9px;
  979. }
  980. .wp-block-image:not(.is-style-rounded) > div:not(.components-placeholder) {
  981. border-radius: inherit;
  982. }
  983. .wp-block-image .components-resizable-box__container {
  984. display: inline-block;
  985. }
  986. .wp-block-image .components-resizable-box__container img {
  987. display: block;
  988. width: inherit;
  989. height: inherit;
  990. }
  991. .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
  992. position: absolute;
  993. left: 0;
  994. right: 0;
  995. margin: -1px 0;
  996. }
  997. @media (min-width: 600px) {
  998. .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
  999. margin: -1px;
  1000. }
  1001. }
  1002. [data-align=wide] > .wp-block-image img,
  1003. [data-align=full] > .wp-block-image img {
  1004. height: auto;
  1005. width: 100%;
  1006. }
  1007. .wp-block[data-align=left] > .wp-block-image,
  1008. .wp-block[data-align=center] > .wp-block-image,
  1009. .wp-block[data-align=right] > .wp-block-image {
  1010. display: table;
  1011. }
  1012. .wp-block[data-align=left] > .wp-block-image > figcaption,
  1013. .wp-block[data-align=center] > .wp-block-image > figcaption,
  1014. .wp-block[data-align=right] > .wp-block-image > figcaption {
  1015. display: table-caption;
  1016. caption-side: bottom;
  1017. }
  1018. .wp-block[data-align=left] > .wp-block-image {
  1019. margin-right: 1em;
  1020. margin-left: 0;
  1021. margin-top: 0.5em;
  1022. margin-bottom: 0.5em;
  1023. }
  1024. .wp-block[data-align=right] > .wp-block-image {
  1025. margin-left: 1em;
  1026. margin-right: 0;
  1027. margin-top: 0.5em;
  1028. margin-bottom: 0.5em;
  1029. }
  1030. .wp-block[data-align=center] > .wp-block-image {
  1031. margin-left: auto;
  1032. margin-right: auto;
  1033. text-align: center;
  1034. }
  1035. .wp-block-image__crop-area {
  1036. position: relative;
  1037. max-width: 100%;
  1038. width: 100%;
  1039. }
  1040. .wp-block-image__crop-icon {
  1041. padding: 0 8px;
  1042. min-width: 48px;
  1043. display: flex;
  1044. justify-content: center;
  1045. align-items: center;
  1046. }
  1047. .wp-block-image__crop-icon svg {
  1048. fill: currentColor;
  1049. }
  1050. .wp-block-image__zoom .components-popover__content {
  1051. overflow: visible;
  1052. min-width: 260px;
  1053. }
  1054. .wp-block-image__zoom .components-range-control {
  1055. flex: 1;
  1056. }
  1057. .wp-block-image__zoom .components-base-control__field {
  1058. display: flex;
  1059. margin-bottom: 0;
  1060. flex-direction: column;
  1061. align-items: flex-start;
  1062. }
  1063. .wp-block-image__aspect-ratio {
  1064. height: 46px;
  1065. margin-bottom: -8px;
  1066. display: flex;
  1067. align-items: center;
  1068. }
  1069. .wp-block-image__aspect-ratio .components-button {
  1070. width: 36px;
  1071. padding-left: 0;
  1072. padding-right: 0;
  1073. }
  1074. .wp-block-latest-posts {
  1075. padding-left: 2.5em;
  1076. }
  1077. .wp-block-latest-posts.is-grid {
  1078. padding-left: 0;
  1079. }
  1080. .wp-block-latest-posts li a > div {
  1081. display: inline;
  1082. }
  1083. .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
  1084. margin-bottom: 20px;
  1085. }
  1086. .editor-latest-posts-image-alignment-control .components-base-control__label {
  1087. display: block;
  1088. }
  1089. .editor-latest-posts-image-alignment-control .components-toolbar {
  1090. border-radius: 2px;
  1091. }
  1092. .wp-block-media-text__media {
  1093. position: relative;
  1094. }
  1095. .wp-block-media-text__media.is-transient img {
  1096. opacity: 0.3;
  1097. }
  1098. .wp-block-media-text__media .components-spinner {
  1099. position: absolute;
  1100. top: 50%;
  1101. left: 50%;
  1102. margin-top: -9px;
  1103. margin-left: -9px;
  1104. }
  1105. .wp-block-media-text .__resizable_base__ {
  1106. grid-column: 1/span 2;
  1107. grid-row: 2;
  1108. }
  1109. .wp-block-media-text .editor-media-container__resizer {
  1110. width: 100% !important;
  1111. }
  1112. .wp-block-media-text.is-image-fill .editor-media-container__resizer {
  1113. height: 100% !important;
  1114. }
  1115. .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
  1116. max-width: unset;
  1117. }
  1118. .block-editor-block-list__block[data-type="core/more"] {
  1119. max-width: 100%;
  1120. text-align: center;
  1121. margin-top: 28px;
  1122. margin-bottom: 28px;
  1123. }
  1124. .wp-block-more {
  1125. display: block;
  1126. text-align: center;
  1127. white-space: nowrap;
  1128. }
  1129. .wp-block-more input[type=text] {
  1130. position: relative;
  1131. font-size: 13px;
  1132. text-transform: uppercase;
  1133. font-weight: 600;
  1134. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1135. color: #757575;
  1136. border: none;
  1137. box-shadow: none;
  1138. white-space: nowrap;
  1139. text-align: center;
  1140. margin: 0;
  1141. border-radius: 4px;
  1142. background: #fff;
  1143. padding: 6px 8px;
  1144. height: 24px;
  1145. max-width: 100%;
  1146. }
  1147. .wp-block-more input[type=text]:focus {
  1148. box-shadow: none;
  1149. }
  1150. .wp-block-more::before {
  1151. content: "";
  1152. position: absolute;
  1153. top: calc(50%);
  1154. left: 0;
  1155. right: 0;
  1156. border-top: 3px dashed #ccc;
  1157. }
  1158. /**
  1159. * Editor only CSS.
  1160. */
  1161. .editor-styles-wrapper .wp-block-navigation ul {
  1162. margin-top: 0;
  1163. margin-bottom: 0;
  1164. margin-left: 0;
  1165. padding-left: 0;
  1166. }
  1167. .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block {
  1168. margin: revert;
  1169. }
  1170. .wp-block-navigation-item__label {
  1171. display: inline;
  1172. }
  1173. /**
  1174. * Submenus.
  1175. */
  1176. .wp-block-navigation__container.is-parent-of-selected-block {
  1177. visibility: visible;
  1178. opacity: 1;
  1179. overflow: visible;
  1180. }
  1181. .wp-block-navigation__container,
  1182. .wp-block-navigation-item {
  1183. background-color: inherit;
  1184. }
  1185. .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container {
  1186. opacity: 0;
  1187. visibility: hidden;
  1188. }
  1189. .has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container {
  1190. display: flex;
  1191. opacity: 1;
  1192. visibility: visible;
  1193. }
  1194. .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container {
  1195. opacity: 1;
  1196. visibility: visible;
  1197. }
  1198. .is-editing > .wp-block-navigation__container {
  1199. visibility: visible;
  1200. opacity: 1;
  1201. display: flex;
  1202. flex-direction: column;
  1203. }
  1204. .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container {
  1205. opacity: 1;
  1206. visibility: hidden;
  1207. }
  1208. .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper {
  1209. visibility: visible;
  1210. }
  1211. .is-editing > .wp-block-navigation__submenu-container > .block-list-appender {
  1212. display: block;
  1213. position: static;
  1214. width: 100%;
  1215. }
  1216. .is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender {
  1217. color: #fff;
  1218. background: #1e1e1e;
  1219. padding: 0;
  1220. width: 24px;
  1221. border-radius: 2px;
  1222. margin-right: 0;
  1223. margin-left: auto;
  1224. }
  1225. .wp-block-navigation__submenu-container .block-list-appender {
  1226. display: none;
  1227. }
  1228. /**
  1229. * Colors Selector component
  1230. */
  1231. .block-library-colors-selector {
  1232. width: auto;
  1233. }
  1234. .block-library-colors-selector .block-library-colors-selector__toggle {
  1235. display: block;
  1236. margin: 0 auto;
  1237. padding: 3px;
  1238. width: auto;
  1239. }
  1240. .block-library-colors-selector .block-library-colors-selector__icon-container {
  1241. height: 30px;
  1242. position: relative;
  1243. margin: 0 auto;
  1244. padding: 3px;
  1245. display: flex;
  1246. align-items: center;
  1247. border-radius: 4px;
  1248. }
  1249. .block-library-colors-selector .block-library-colors-selector__state-selection {
  1250. margin-left: auto;
  1251. margin-right: auto;
  1252. border-radius: 11px;
  1253. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  1254. width: 22px;
  1255. min-width: 22px;
  1256. height: 22px;
  1257. min-height: 22px;
  1258. line-height: 20px;
  1259. padding: 2px;
  1260. }
  1261. .block-library-colors-selector .block-library-colors-selector__state-selection > svg {
  1262. min-width: auto !important;
  1263. }
  1264. .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg,
  1265. .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path {
  1266. color: inherit;
  1267. }
  1268. .block-library-colors-selector__popover .color-palette-controller-container {
  1269. padding: 16px;
  1270. }
  1271. .block-library-colors-selector__popover .components-base-control__label {
  1272. height: 20px;
  1273. line-height: 20px;
  1274. }
  1275. .block-library-colors-selector__popover .component-color-indicator {
  1276. float: right;
  1277. margin-top: 2px;
  1278. }
  1279. .block-library-colors-selector__popover .components-panel__body-title {
  1280. display: none;
  1281. }
  1282. .wp-block-navigation .block-editor-button-block-appender {
  1283. background-color: #1e1e1e;
  1284. color: #fff;
  1285. }
  1286. .wp-block-navigation .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
  1287. padding: 0;
  1288. }
  1289. .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender {
  1290. background-color: transparent;
  1291. color: #1e1e1e;
  1292. }
  1293. /**
  1294. * Setup state
  1295. */
  1296. @keyframes loadingpulse {
  1297. 0% {
  1298. opacity: 1;
  1299. }
  1300. 50% {
  1301. opacity: 0.5;
  1302. }
  1303. 100% {
  1304. opacity: 1;
  1305. }
  1306. }
  1307. .components-placeholder.wp-block-navigation-placeholder {
  1308. outline: none;
  1309. padding: 0;
  1310. box-shadow: none;
  1311. background: none;
  1312. min-height: 0;
  1313. color: inherit;
  1314. }
  1315. .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset {
  1316. font-size: inherit;
  1317. }
  1318. .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button {
  1319. margin-bottom: 0;
  1320. }
  1321. .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder {
  1322. color: #1e1e1e;
  1323. }
  1324. .wp-block-navigation-placeholder .components-spinner {
  1325. margin-top: 0;
  1326. }
  1327. .wp-block-navigation-placeholder__preview {
  1328. display: flex;
  1329. align-items: center;
  1330. min-width: 96px;
  1331. font-size: 13px;
  1332. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1333. color: currentColor;
  1334. background: transparent;
  1335. }
  1336. .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview {
  1337. display: none;
  1338. }
  1339. .wp-block-navigation-placeholder__preview::before {
  1340. content: "";
  1341. display: block;
  1342. position: absolute;
  1343. top: 0;
  1344. right: 0;
  1345. bottom: 0;
  1346. left: 0;
  1347. border: 1px dashed currentColor;
  1348. opacity: 0.4;
  1349. pointer-events: none;
  1350. border-radius: inherit;
  1351. }
  1352. .wp-block-navigation-placeholder__preview > svg {
  1353. fill: currentColor;
  1354. opacity: 0.4;
  1355. }
  1356. .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset,
  1357. .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset {
  1358. min-height: 90px;
  1359. }
  1360. .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset {
  1361. min-height: 132px;
  1362. }
  1363. .wp-block-navigation-placeholder__preview,
  1364. .wp-block-navigation-placeholder__controls {
  1365. padding: 6px 8px;
  1366. flex-direction: row;
  1367. align-items: flex-start;
  1368. }
  1369. .wp-block-navigation-placeholder__controls {
  1370. border-radius: 2px;
  1371. background-color: #fff;
  1372. box-shadow: inset 0 0 0 1px #1e1e1e;
  1373. display: none;
  1374. position: relative;
  1375. z-index: 1;
  1376. float: left;
  1377. width: 100%;
  1378. }
  1379. .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
  1380. display: flex;
  1381. }
  1382. .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
  1383. .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
  1384. .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr {
  1385. display: none;
  1386. }
  1387. .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
  1388. flex-direction: column;
  1389. align-items: flex-start;
  1390. }
  1391. .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
  1392. display: none;
  1393. }
  1394. .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
  1395. margin-right: 12px;
  1396. height: 36px;
  1397. }
  1398. .wp-block-navigation-placeholder__actions__indicator {
  1399. display: flex;
  1400. padding: 0 6px 0 0;
  1401. align-items: center;
  1402. justify-content: flex-start;
  1403. line-height: 0;
  1404. height: 36px;
  1405. margin-left: 4px;
  1406. }
  1407. .wp-block-navigation-placeholder__actions__indicator svg {
  1408. margin-right: 4px;
  1409. fill: currentColor;
  1410. }
  1411. .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset {
  1412. flex-direction: row !important;
  1413. }
  1414. .wp-block-navigation-placeholder__actions {
  1415. display: flex;
  1416. font-size: 13px;
  1417. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1418. gap: 6px;
  1419. align-items: center;
  1420. height: 100%;
  1421. }
  1422. .wp-block-navigation-placeholder__actions .components-dropdown,
  1423. .wp-block-navigation-placeholder__actions > .components-button {
  1424. margin-right: 0;
  1425. }
  1426. .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr {
  1427. border: 0;
  1428. min-height: 1px;
  1429. min-width: 1px;
  1430. background-color: #1e1e1e;
  1431. margin: auto 0;
  1432. height: 100%;
  1433. max-height: 16px;
  1434. }
  1435. /**
  1436. * Mobile menu.
  1437. */
  1438. @media (min-width: 600px) {
  1439. .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close {
  1440. display: none;
  1441. }
  1442. }
  1443. .wp-block-navigation__responsive-container.is-menu-open {
  1444. position: fixed;
  1445. top: 155px;
  1446. }
  1447. @media (min-width: 782px) {
  1448. .wp-block-navigation__responsive-container.is-menu-open {
  1449. top: 93px;
  1450. }
  1451. }
  1452. @media (min-width: 782px) {
  1453. .wp-block-navigation__responsive-container.is-menu-open {
  1454. left: 36px;
  1455. }
  1456. }
  1457. @media (min-width: 960px) {
  1458. .wp-block-navigation__responsive-container.is-menu-open {
  1459. left: 160px;
  1460. }
  1461. }
  1462. @media (min-width: 782px) {
  1463. .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open {
  1464. top: 141px;
  1465. }
  1466. }
  1467. .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,
  1468. .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open {
  1469. top: 141px;
  1470. }
  1471. .is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open {
  1472. right: 280px;
  1473. }
  1474. .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
  1475. left: 0;
  1476. top: 155px;
  1477. }
  1478. @media (min-width: 782px) {
  1479. .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
  1480. top: 61px;
  1481. }
  1482. }
  1483. @media (min-width: 782px) {
  1484. .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open {
  1485. top: 109px;
  1486. }
  1487. }
  1488. .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,
  1489. .is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open {
  1490. top: 109px;
  1491. }
  1492. body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open {
  1493. top: 0;
  1494. right: 0;
  1495. bottom: 0;
  1496. left: 0;
  1497. }
  1498. @media (min-width: 600px) {
  1499. .wp-block-navigation__responsive-close {
  1500. pointer-events: none;
  1501. }
  1502. .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
  1503. .wp-block-navigation__responsive-close .block-editor-block-list__layout * {
  1504. pointer-events: all;
  1505. }
  1506. }
  1507. .wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
  1508. pointer-events: none;
  1509. }
  1510. .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
  1511. .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
  1512. padding: 0;
  1513. height: auto;
  1514. color: inherit;
  1515. }
  1516. .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender {
  1517. margin-top: 16px;
  1518. }
  1519. @keyframes fadein {
  1520. 0% {
  1521. opacity: 0;
  1522. }
  1523. 100% {
  1524. opacity: 1;
  1525. }
  1526. }
  1527. .wp-block-navigation .components-spinner {
  1528. padding: 8px 12px;
  1529. }
  1530. .wp-block-navigation__unsaved-changes {
  1531. position: relative;
  1532. }
  1533. .wp-block-navigation__unsaved-changes .components-spinner {
  1534. position: absolute;
  1535. top: calc(50% - 16px / 2);
  1536. left: calc(50% - 16px / 2);
  1537. opacity: 0;
  1538. animation: 0.5s linear 2s normal forwards fadein;
  1539. }
  1540. @keyframes fadeouthalf {
  1541. 0% {
  1542. opacity: 1;
  1543. }
  1544. 100% {
  1545. opacity: 0.5;
  1546. }
  1547. }
  1548. .wp-block-navigation__unsaved-changes-overlay.is-saving {
  1549. opacity: 1;
  1550. animation: 0.5s linear 2s normal forwards fadeouthalf;
  1551. }
  1552. .wp-block-navigation-delete-menu-button {
  1553. width: 100%;
  1554. justify-content: center;
  1555. margin-bottom: 16px;
  1556. }
  1557. .wp-block-navigation__overlay-menu-preview {
  1558. display: flex;
  1559. align-items: center;
  1560. width: 100%;
  1561. background-color: #f0f0f0;
  1562. padding: 0 24px;
  1563. height: 64px;
  1564. margin-bottom: 12px;
  1565. }
  1566. .wp-block-navigation__overlay-menu-preview.open {
  1567. box-shadow: inset 0 0 0 1px #e0e0e0;
  1568. outline: 1px solid transparent;
  1569. background-color: #fff;
  1570. }
  1571. .wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty {
  1572. display: none;
  1573. }
  1574. .wp-block-navigation-placeholder__actions hr + hr {
  1575. display: none;
  1576. }
  1577. /**
  1578. * Submenus.
  1579. */
  1580. .wp-block-navigation .has-child {
  1581. cursor: pointer;
  1582. }
  1583. .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  1584. z-index: 28;
  1585. }
  1586. .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
  1587. z-index: 29;
  1588. }
  1589. .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
  1590. visibility: visible !important;
  1591. opacity: 1 !important;
  1592. min-width: 200px !important;
  1593. height: auto !important;
  1594. width: auto !important;
  1595. overflow: visible !important;
  1596. }
  1597. /**
  1598. * Navigation Items.
  1599. */
  1600. .wp-block-navigation-item .wp-block-navigation-item__content {
  1601. cursor: text;
  1602. }
  1603. .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
  1604. min-width: 20px;
  1605. }
  1606. .wp-block-navigation-item .block-list-appender {
  1607. margin-top: 16px;
  1608. margin-right: auto;
  1609. margin-bottom: 16px;
  1610. margin-left: 16px;
  1611. }
  1612. .wp-block-navigation-link__invalid-item {
  1613. color: #000;
  1614. }
  1615. .wp-block-navigation-link__missing_text-tooltip {
  1616. position: absolute;
  1617. width: 1px;
  1618. height: 1px;
  1619. padding: 0;
  1620. margin: -1px;
  1621. overflow: hidden;
  1622. }
  1623. /**
  1624. * Menu item setup state. Is shown when a menu item has no URL configured.
  1625. */
  1626. .wp-block-navigation-link__placeholder {
  1627. position: relative;
  1628. text-decoration: none !important;
  1629. box-shadow: none !important;
  1630. background-image: none !important;
  1631. }
  1632. .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
  1633. --wp-underline-color: var(--wp-admin-theme-color);
  1634. background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%);
  1635. background-position: 0 100%;
  1636. background-size: 6px 3px;
  1637. background-repeat: repeat-x;
  1638. padding-bottom: 0.1em;
  1639. }
  1640. .is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
  1641. --wp-underline-color: #fff;
  1642. }
  1643. .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
  1644. cursor: pointer;
  1645. }
  1646. /**
  1647. * Link Control Transforms
  1648. */
  1649. .link-control-transform {
  1650. border-top: 1px solid #ccc;
  1651. padding: 0 16px 8px 16px;
  1652. }
  1653. .link-control-transform__subheading {
  1654. font-size: 11px;
  1655. text-transform: uppercase;
  1656. font-weight: 500;
  1657. color: #1e1e1e;
  1658. margin-bottom: 1.5em;
  1659. }
  1660. .link-control-transform__items {
  1661. display: flex;
  1662. justify-content: space-between;
  1663. }
  1664. .link-control-transform__item {
  1665. flex-basis: 33%;
  1666. flex-direction: column;
  1667. gap: 8px;
  1668. height: auto;
  1669. }
  1670. .wp-block-navigation-submenu {
  1671. display: block;
  1672. }
  1673. .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
  1674. z-index: 28;
  1675. }
  1676. .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
  1677. visibility: visible !important;
  1678. opacity: 1 !important;
  1679. min-width: 200px !important;
  1680. height: auto !important;
  1681. width: auto !important;
  1682. position: absolute;
  1683. left: -1px;
  1684. top: 100%;
  1685. }
  1686. @media (min-width: 782px) {
  1687. .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  1688. left: 100%;
  1689. top: -1px;
  1690. }
  1691. .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
  1692. content: "";
  1693. position: absolute;
  1694. right: 100%;
  1695. height: 100%;
  1696. display: block;
  1697. width: 0.5em;
  1698. background: transparent;
  1699. }
  1700. }
  1701. .block-editor-block-list__block[data-type="core/nextpage"] {
  1702. max-width: 100%;
  1703. text-align: center;
  1704. margin-top: 28px;
  1705. margin-bottom: 28px;
  1706. }
  1707. .wp-block-nextpage {
  1708. display: block;
  1709. text-align: center;
  1710. white-space: nowrap;
  1711. }
  1712. .wp-block-nextpage > span {
  1713. font-size: 13px;
  1714. position: relative;
  1715. text-transform: uppercase;
  1716. font-weight: 600;
  1717. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1718. color: #757575;
  1719. border-radius: 4px;
  1720. background: #fff;
  1721. padding: 6px 8px;
  1722. height: 24px;
  1723. }
  1724. .wp-block-nextpage::before {
  1725. content: "";
  1726. position: absolute;
  1727. top: calc(50%);
  1728. left: 0;
  1729. right: 0;
  1730. border-top: 3px dashed #ccc;
  1731. }
  1732. .wp-block-navigation .wp-block-page-list > div,
  1733. .wp-block-navigation .wp-block-page-list {
  1734. background-color: inherit;
  1735. }
  1736. .wp-block-navigation.items-justified-space-between .wp-block-page-list > div,
  1737. .wp-block-navigation.items-justified-space-between .wp-block-page-list {
  1738. display: contents;
  1739. flex: 1;
  1740. }
  1741. .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list {
  1742. flex: inherit;
  1743. }
  1744. .wp-block-pages-list__item__link {
  1745. pointer-events: none;
  1746. }
  1747. @media (min-width: 600px) {
  1748. .wp-block-page-list-modal {
  1749. max-width: 480px;
  1750. }
  1751. }
  1752. .wp-block-page-list-modal-buttons {
  1753. display: flex;
  1754. justify-content: flex-end;
  1755. gap: 12px;
  1756. }
  1757. .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
  1758. visibility: visible;
  1759. opacity: 1;
  1760. width: auto;
  1761. height: auto;
  1762. min-width: 200px;
  1763. }
  1764. .wp-block-page-list .components-notice {
  1765. margin-left: 0;
  1766. }
  1767. .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
  1768. min-height: auto !important;
  1769. }
  1770. .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
  1771. opacity: 1;
  1772. }
  1773. .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
  1774. opacity: 0;
  1775. }
  1776. .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
  1777. display: inline-block;
  1778. }
  1779. .wp-block-pullquote.has-text-align-left p,
  1780. .wp-block-pullquote.has-text-align-right p,
  1781. .wp-block[data-align=left] > .wp-block-pullquote p,
  1782. .wp-block[data-align=right] > .wp-block-pullquote p {
  1783. font-size: 20px;
  1784. }
  1785. .wp-block-pullquote blockquote p {
  1786. font-size: 28px;
  1787. line-height: 1.6;
  1788. }
  1789. .wp-block-pullquote.is-style-solid-color blockquote p {
  1790. font-size: 32px;
  1791. }
  1792. .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
  1793. text-transform: none;
  1794. font-style: normal;
  1795. }
  1796. .wp-block-pullquote .wp-block-pullquote__citation {
  1797. color: inherit;
  1798. }
  1799. .wp-block-rss li a > div {
  1800. display: inline;
  1801. }
  1802. .wp-block-rss__placeholder-form {
  1803. display: flex;
  1804. align-items: stretch;
  1805. }
  1806. .wp-block-rss__placeholder-form > * {
  1807. margin-bottom: 8px;
  1808. }
  1809. @media (min-width: 782px) {
  1810. .wp-block-rss__placeholder-form > * {
  1811. margin-bottom: 0;
  1812. }
  1813. }
  1814. .wp-block-rss__placeholder-input {
  1815. display: flex;
  1816. align-items: stretch;
  1817. flex-grow: 1;
  1818. }
  1819. .wp-block-rss__placeholder-input .components-base-control__field {
  1820. margin: 0;
  1821. display: flex;
  1822. align-items: stretch;
  1823. flex-grow: 1;
  1824. margin-right: 8px;
  1825. }
  1826. .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
  1827. margin: auto;
  1828. }
  1829. .wp-block-search .wp-block-search__button {
  1830. height: auto;
  1831. border-radius: initial;
  1832. display: flex;
  1833. align-items: center;
  1834. }
  1835. .wp-block-search__components-button-group {
  1836. margin-top: 10px;
  1837. }
  1838. .block-editor-block-list__block[data-type="core/separator"] {
  1839. padding-top: 0.1px;
  1840. padding-bottom: 0.1px;
  1841. }
  1842. .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
  1843. background: none !important;
  1844. }
  1845. [data-type="core/shortcode"] .block-editor-plain-text {
  1846. max-height: 250px;
  1847. }
  1848. [data-type="core/shortcode"].components-placeholder {
  1849. min-height: 0;
  1850. }
  1851. .blocks-shortcode__textarea {
  1852. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1853. padding: 6px 8px;
  1854. box-shadow: 0 0 0 transparent;
  1855. transition: box-shadow 0.1s linear;
  1856. border-radius: 2px;
  1857. border: 1px solid #757575;
  1858. /* Fonts smaller than 16px causes mobile safari to zoom. */
  1859. font-size: 16px;
  1860. /* Override core line-height. To be reviewed. */
  1861. line-height: normal;
  1862. }
  1863. @media (prefers-reduced-motion: reduce) {
  1864. .blocks-shortcode__textarea {
  1865. transition-duration: 0s;
  1866. transition-delay: 0s;
  1867. }
  1868. }
  1869. @media (min-width: 600px) {
  1870. .blocks-shortcode__textarea {
  1871. font-size: 13px;
  1872. /* Override core line-height. To be reviewed. */
  1873. line-height: normal;
  1874. }
  1875. }
  1876. .blocks-shortcode__textarea:focus {
  1877. border-color: var(--wp-admin-theme-color);
  1878. box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
  1879. outline: 2px solid transparent;
  1880. }
  1881. .blocks-shortcode__textarea::-webkit-input-placeholder {
  1882. color: rgba(30, 30, 30, 0.62);
  1883. }
  1884. .blocks-shortcode__textarea::-moz-placeholder {
  1885. opacity: 1;
  1886. color: rgba(30, 30, 30, 0.62);
  1887. }
  1888. .blocks-shortcode__textarea:-ms-input-placeholder {
  1889. color: rgba(30, 30, 30, 0.62);
  1890. }
  1891. .wp-block[data-align=center] > .wp-block-site-logo,
  1892. .wp-block-site-logo.aligncenter > div {
  1893. display: table;
  1894. margin-left: auto;
  1895. margin-right: auto;
  1896. }
  1897. .wp-block-site-logo a {
  1898. pointer-events: none;
  1899. }
  1900. .wp-block-site-logo .custom-logo-link {
  1901. cursor: inherit;
  1902. }
  1903. .wp-block-site-logo .custom-logo-link:focus {
  1904. box-shadow: none;
  1905. }
  1906. .wp-block-site-logo .custom-logo-link.is-transient img {
  1907. opacity: 0.3;
  1908. }
  1909. .wp-block-site-logo img {
  1910. display: block;
  1911. height: auto;
  1912. max-width: 100%;
  1913. }
  1914. .wp-block-site-logo.wp-block-site-logo .components-placeholder,
  1915. .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
  1916. border-radius: inherit;
  1917. }
  1918. .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
  1919. height: 120px;
  1920. width: 120px;
  1921. }
  1922. .wp-block-site-logo.wp-block-site-logo .components-placeholder {
  1923. display: flex;
  1924. justify-content: center;
  1925. align-items: center;
  1926. box-shadow: none;
  1927. padding: 0;
  1928. min-height: 48px;
  1929. min-width: 48px;
  1930. height: 100%;
  1931. width: 100%;
  1932. color: currentColor;
  1933. background: transparent;
  1934. }
  1935. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
  1936. display: none;
  1937. }
  1938. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview {
  1939. position: absolute;
  1940. top: 4px;
  1941. right: 4px;
  1942. bottom: 4px;
  1943. left: 4px;
  1944. background: rgba(255, 255, 255, 0.8);
  1945. display: flex;
  1946. align-items: center;
  1947. justify-content: center;
  1948. }
  1949. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
  1950. display: none;
  1951. }
  1952. .wp-block-site-logo.wp-block-site-logo .components-placeholder::before {
  1953. content: "";
  1954. display: block;
  1955. position: absolute;
  1956. top: 0;
  1957. right: 0;
  1958. bottom: 0;
  1959. left: 0;
  1960. border: 1px dashed currentColor;
  1961. opacity: 0.4;
  1962. pointer-events: none;
  1963. border-radius: inherit;
  1964. }
  1965. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset {
  1966. width: auto;
  1967. }
  1968. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
  1969. color: inherit;
  1970. padding: 0;
  1971. display: flex;
  1972. justify-content: center;
  1973. align-items: center;
  1974. width: 48px;
  1975. height: 48px;
  1976. border-radius: 50%;
  1977. position: relative;
  1978. visibility: hidden;
  1979. background: transparent;
  1980. transition: all 0.1s linear;
  1981. }
  1982. @media (prefers-reduced-motion: reduce) {
  1983. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
  1984. transition-duration: 0s;
  1985. transition-delay: 0s;
  1986. }
  1987. }
  1988. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
  1989. color: #fff;
  1990. }
  1991. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__illustration {
  1992. position: absolute;
  1993. top: 0;
  1994. right: 0;
  1995. bottom: 0;
  1996. left: 0;
  1997. width: 100%;
  1998. height: 100%;
  1999. stroke: currentColor;
  2000. stroke-dasharray: 3;
  2001. opacity: 0.4;
  2002. }
  2003. .wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
  2004. background: var(--wp-admin-theme-color);
  2005. border-color: var(--wp-admin-theme-color);
  2006. border-style: solid;
  2007. color: #fff;
  2008. opacity: 1;
  2009. visibility: visible;
  2010. }
  2011. .wp-block-site-tagline__placeholder {
  2012. padding: 1em 0;
  2013. border: 1px dashed;
  2014. }
  2015. .wp-block-site-title__placeholder {
  2016. padding: 1em 0;
  2017. border: 1px dashed;
  2018. }
  2019. .wp-block-social-links .wp-social-link {
  2020. line-height: 0;
  2021. }
  2022. .wp-block-social-links .wp-social-link button {
  2023. font-size: inherit;
  2024. color: currentColor;
  2025. height: auto;
  2026. line-height: 0;
  2027. padding: 0.25em;
  2028. }
  2029. .wp-block-social-links.is-style-pill-shape .wp-social-link button {
  2030. padding-left: calc((2/3) * 1em);
  2031. padding-right: calc((2/3) * 1em);
  2032. }
  2033. .wp-block-social-links.is-style-logos-only .wp-social-link button {
  2034. padding: 0;
  2035. }
  2036. .wp-block-social-links div.block-editor-url-input {
  2037. display: inline-block;
  2038. margin-left: 8px;
  2039. }
  2040. .wp-block-social-links.wp-block-social-links {
  2041. background: none;
  2042. }
  2043. .wp-social-link:hover {
  2044. transform: none;
  2045. }
  2046. .editor-styles-wrapper .wp-block-social-links {
  2047. padding: 0;
  2048. }
  2049. .wp-block-social-links__social-placeholder {
  2050. display: flex;
  2051. opacity: 0.8;
  2052. list-style: none;
  2053. }
  2054. .wp-block-social-links__social-placeholder > .wp-social-link {
  2055. padding-left: 0 !important;
  2056. margin-left: 0 !important;
  2057. padding-right: 0 !important;
  2058. margin-right: 0 !important;
  2059. width: 0 !important;
  2060. visibility: hidden;
  2061. }
  2062. .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
  2063. display: flex;
  2064. }
  2065. .wp-block-social-links__social-placeholder .wp-social-link {
  2066. padding: 0.25em;
  2067. }
  2068. .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
  2069. padding-left: calc((2/3) * 1em);
  2070. padding-right: calc((2/3) * 1em);
  2071. }
  2072. .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
  2073. padding: 0;
  2074. }
  2075. .wp-block-social-links__social-placeholder .wp-social-link::before {
  2076. content: "";
  2077. display: block;
  2078. width: 1em;
  2079. height: 1em;
  2080. border-radius: 50%;
  2081. }
  2082. .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
  2083. background: currentColor;
  2084. }
  2085. .wp-block-social-links .wp-block-social-links__social-prompt {
  2086. min-height: 24px;
  2087. list-style: none;
  2088. order: 2;
  2089. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  2090. font-size: 13px;
  2091. line-height: 24px;
  2092. margin-top: auto;
  2093. margin-bottom: auto;
  2094. cursor: default;
  2095. padding-right: 8px;
  2096. }
  2097. .wp-block[data-align=center] > .wp-block-social-links {
  2098. justify-content: center;
  2099. }
  2100. .block-editor-block-preview__content .components-button:disabled {
  2101. opacity: 1;
  2102. }
  2103. .wp-social-link.wp-social-link__is-incomplete {
  2104. opacity: 0.5;
  2105. }
  2106. @media (prefers-reduced-motion: reduce) {
  2107. .wp-social-link.wp-social-link__is-incomplete {
  2108. transition-duration: 0s;
  2109. transition-delay: 0s;
  2110. }
  2111. }
  2112. .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
  2113. .wp-social-link.wp-social-link__is-incomplete:hover,
  2114. .wp-social-link.wp-social-link__is-incomplete:focus {
  2115. opacity: 1;
  2116. }
  2117. .block-editor-block-list__block[data-type="core/spacer"]::before {
  2118. content: "";
  2119. display: block;
  2120. position: absolute;
  2121. z-index: 1;
  2122. width: 100%;
  2123. min-height: 8px;
  2124. min-width: 8px;
  2125. height: 100%;
  2126. }
  2127. .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
  2128. .block-library-spacer__resize-container.has-show-handle {
  2129. background: rgba(0, 0, 0, 0.1);
  2130. }
  2131. .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
  2132. .is-dark-theme .block-library-spacer__resize-container.has-show-handle {
  2133. background: rgba(255, 255, 255, 0.15);
  2134. }
  2135. .block-library-spacer__resize-container {
  2136. clear: both;
  2137. }
  2138. .block-library-spacer__resize-container:not(.is-resizing) {
  2139. height: 100% !important;
  2140. width: 100% !important;
  2141. }
  2142. .block-library-spacer__resize-container .components-resizable-box__handle::before {
  2143. content: none;
  2144. }
  2145. .block-library-spacer__resize-container.resize-horizontal {
  2146. margin-bottom: 0;
  2147. }
  2148. .wp-block-table {
  2149. margin: 0;
  2150. }
  2151. .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table {
  2152. height: auto;
  2153. }
  2154. .wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table {
  2155. width: auto;
  2156. }
  2157. .wp-block[data-align=left] > .wp-block-table td,
  2158. .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td,
  2159. .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td,
  2160. .wp-block[data-align=center] > .wp-block-table th {
  2161. word-break: break-word;
  2162. }
  2163. .wp-block[data-align=center] > .wp-block-table {
  2164. text-align: initial;
  2165. }
  2166. .wp-block[data-align=center] > .wp-block-table table {
  2167. margin: 0 auto;
  2168. }
  2169. .wp-block-table td,
  2170. .wp-block-table th {
  2171. border: 1px solid;
  2172. }
  2173. .wp-block-table td.is-selected,
  2174. .wp-block-table th.is-selected {
  2175. border-color: var(--wp-admin-theme-color);
  2176. box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
  2177. border-style: double;
  2178. }
  2179. .wp-block-table figcaption {
  2180. color: #555;
  2181. font-size: 13px;
  2182. text-align: center;
  2183. }
  2184. .is-dark-theme .wp-block-table figcaption {
  2185. color: rgba(255, 255, 255, 0.65);
  2186. }
  2187. .blocks-table__placeholder-form.blocks-table__placeholder-form {
  2188. display: flex;
  2189. flex-direction: column;
  2190. align-items: flex-start;
  2191. }
  2192. .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
  2193. margin-bottom: 8px;
  2194. }
  2195. @media (min-width: 782px) {
  2196. .blocks-table__placeholder-form.blocks-table__placeholder-form {
  2197. flex-direction: row;
  2198. align-items: flex-end;
  2199. }
  2200. .blocks-table__placeholder-form.blocks-table__placeholder-form > * {
  2201. margin-bottom: 0;
  2202. }
  2203. }
  2204. .blocks-table__placeholder-input {
  2205. width: 112px;
  2206. margin-right: 8px;
  2207. margin-bottom: 0;
  2208. }
  2209. .blocks-table__placeholder-input input {
  2210. height: 36px;
  2211. }
  2212. .blocks-table__placeholder-input .components-base-control__field {
  2213. margin-bottom: 0;
  2214. }
  2215. @media (min-width: 600px) {
  2216. .block-editor-template-part__selection-modal {
  2217. width: calc(100% - 32px);
  2218. height: calc(100% - 120px);
  2219. }
  2220. }
  2221. @media (min-width: 782px) {
  2222. .block-editor-template-part__selection-modal {
  2223. width: 750px;
  2224. }
  2225. }
  2226. @media (min-width: 960px) {
  2227. .block-editor-template-part__selection-modal {
  2228. height: 70%;
  2229. }
  2230. }
  2231. .wp-block-text-columns .block-editor-rich-text__editable:focus {
  2232. outline: 1px solid #ddd;
  2233. }
  2234. .wp-block[data-align=center] > .wp-block-video {
  2235. text-align: center;
  2236. }
  2237. .wp-block-video {
  2238. position: relative;
  2239. }
  2240. .wp-block-video.is-transient video {
  2241. opacity: 0.3;
  2242. }
  2243. .wp-block-video .components-spinner {
  2244. position: absolute;
  2245. top: 50%;
  2246. left: 50%;
  2247. margin-top: -9px;
  2248. margin-left: -9px;
  2249. }
  2250. .editor-video-poster-control .components-base-control__label {
  2251. display: block;
  2252. }
  2253. .editor-video-poster-control .components-button {
  2254. margin-right: 8px;
  2255. }
  2256. .block-library-video-tracks-editor {
  2257. z-index: 159990;
  2258. }
  2259. .block-library-video-tracks-editor > .components-popover__content {
  2260. width: 360px;
  2261. }
  2262. .block-library-video-tracks-editor__track-list-track {
  2263. display: flex;
  2264. place-content: space-between;
  2265. align-items: baseline;
  2266. padding-left: 12px;
  2267. }
  2268. .block-library-video-tracks-editor__single-track-editor-label-language {
  2269. display: flex;
  2270. margin-top: 12px;
  2271. }
  2272. .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
  2273. width: 50%;
  2274. }
  2275. .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
  2276. margin-right: 16px;
  2277. }
  2278. .block-library-video-tracks-editor__single-track-editor-kind-select {
  2279. max-width: 240px;
  2280. }
  2281. .block-library-video-tracks-editor__single-track-editor-buttons-container {
  2282. display: flex;
  2283. place-content: space-between;
  2284. margin-top: 32px;
  2285. }
  2286. .block-library-video-tracks-editor__single-track-editor-edit-track-label {
  2287. margin-top: 4px;
  2288. margin-bottom: 12px;
  2289. color: #757575;
  2290. text-transform: uppercase;
  2291. font-size: 11px;
  2292. font-weight: 500;
  2293. display: block;
  2294. }
  2295. .block-library-video-tracks-editor > .components-popover__content > div {
  2296. padding: 0;
  2297. }
  2298. .block-library-video-tracks-editor__track-list .components-menu-group__label,
  2299. .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
  2300. padding: 0;
  2301. }
  2302. .block-library-video-tracks-editor__single-track-editor,
  2303. .block-library-video-tracks-editor__track-list,
  2304. .block-library-video-tracks-editor__add-tracks-container {
  2305. padding: 12px;
  2306. }
  2307. .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
  2308. margin-bottom: 4px;
  2309. }
  2310. .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
  2311. margin-bottom: 12px;
  2312. }
  2313. .block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
  2314. margin-left: 0;
  2315. }
  2316. .block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
  2317. margin-bottom: 4px;
  2318. }
  2319. .editor-styles-wrapper ul.wp-block-post-template {
  2320. padding-left: 0;
  2321. margin-left: 0;
  2322. list-style: none;
  2323. }
  2324. .block-library-query-toolbar__popover .components-popover__content {
  2325. min-width: 230px;
  2326. }
  2327. .wp-block-query__create-new-link {
  2328. padding: 0 16px 16px 56px;
  2329. }
  2330. .block-library-query__pattern-selection-content .block-editor-block-patterns-list {
  2331. display: grid;
  2332. grid-template-columns: 1fr 1fr 1fr;
  2333. grid-gap: 8px;
  2334. }
  2335. .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
  2336. margin-bottom: 0;
  2337. }
  2338. .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
  2339. max-height: 250px;
  2340. }
  2341. .block-editor-query-pattern__selection-modal .components-modal__content {
  2342. overflow: hidden;
  2343. padding: 0;
  2344. }
  2345. .block-editor-query-pattern__selection-modal .components-modal__content::before {
  2346. margin-bottom: 0;
  2347. }
  2348. @media (min-width: 600px) {
  2349. .block-editor-query-pattern__selection-modal {
  2350. width: calc(100% - 32px);
  2351. height: calc(100% - 120px);
  2352. }
  2353. }
  2354. @media (min-width: 782px) {
  2355. .block-editor-query-pattern__selection-modal {
  2356. width: 750px;
  2357. }
  2358. }
  2359. @media (min-width: 960px) {
  2360. .block-editor-query-pattern__selection-modal {
  2361. height: 80%;
  2362. width: 80%;
  2363. max-height: none;
  2364. }
  2365. }
  2366. .wp-block[data-align=center] > .wp-block-query-pagination {
  2367. justify-content: center;
  2368. }
  2369. .editor-styles-wrapper .wp-block-query-pagination {
  2370. max-width: 100%;
  2371. }
  2372. .editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout {
  2373. margin: 0;
  2374. }
  2375. .wp-block-query-pagination > .wp-block-query-pagination-next,
  2376. .wp-block-query-pagination > .wp-block-query-pagination-previous,
  2377. .wp-block-query-pagination > .wp-block-query-pagination-numbers {
  2378. margin-left: 0;
  2379. margin-top: 0.5em;
  2380. /*rtl:ignore*/
  2381. margin-right: 0.5em;
  2382. margin-bottom: 0.5em;
  2383. }
  2384. .wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
  2385. .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
  2386. .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
  2387. /*rtl:ignore*/
  2388. margin-right: 0;
  2389. }
  2390. .wp-block-query-pagination-numbers a {
  2391. text-decoration: underline;
  2392. }
  2393. .wp-block-query-pagination-numbers .page-numbers {
  2394. margin-right: 2px;
  2395. }
  2396. .wp-block-query-pagination-numbers .page-numbers:last-child {
  2397. /*rtl:ignore*/
  2398. margin-right: 0;
  2399. }
  2400. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder,
  2401. .wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container {
  2402. border-radius: inherit;
  2403. }
  2404. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
  2405. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
  2406. justify-content: center;
  2407. align-items: center;
  2408. box-shadow: none;
  2409. padding: 0;
  2410. color: currentColor;
  2411. background: transparent;
  2412. min-height: 200px;
  2413. }
  2414. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
  2415. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
  2416. display: none;
  2417. }
  2418. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview,
  2419. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview {
  2420. position: absolute;
  2421. top: 4px;
  2422. right: 4px;
  2423. bottom: 4px;
  2424. left: 4px;
  2425. background: rgba(255, 255, 255, 0.8);
  2426. display: flex;
  2427. align-items: center;
  2428. justify-content: center;
  2429. }
  2430. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before,
  2431. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before {
  2432. content: "";
  2433. display: block;
  2434. position: absolute;
  2435. top: 0;
  2436. right: 0;
  2437. bottom: 0;
  2438. left: 0;
  2439. border: 1px dashed currentColor;
  2440. opacity: 0.4;
  2441. pointer-events: none;
  2442. border-radius: inherit;
  2443. }
  2444. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset,
  2445. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset {
  2446. width: auto;
  2447. }
  2448. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
  2449. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
  2450. color: inherit;
  2451. padding: 0;
  2452. display: flex;
  2453. justify-content: center;
  2454. align-items: center;
  2455. width: 48px;
  2456. height: 48px;
  2457. border-radius: 50%;
  2458. position: relative;
  2459. visibility: hidden;
  2460. background: transparent;
  2461. transition: all 0.1s linear;
  2462. }
  2463. @media (prefers-reduced-motion: reduce) {
  2464. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
  2465. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
  2466. transition-duration: 0s;
  2467. transition-delay: 0s;
  2468. }
  2469. }
  2470. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
  2471. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
  2472. color: #fff;
  2473. }
  2474. .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration,
  2475. .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration {
  2476. position: absolute;
  2477. top: 0;
  2478. right: 0;
  2479. bottom: 0;
  2480. left: 0;
  2481. width: 100%;
  2482. height: 100%;
  2483. stroke: currentColor;
  2484. stroke-dasharray: 3;
  2485. opacity: 0.4;
  2486. }
  2487. .wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
  2488. min-height: 48px;
  2489. min-width: 48px;
  2490. height: 100%;
  2491. width: 100%;
  2492. }
  2493. .wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button {
  2494. background: var(--wp-admin-theme-color);
  2495. border-color: var(--wp-admin-theme-color);
  2496. border-style: solid;
  2497. color: #fff;
  2498. opacity: 1;
  2499. visibility: visible;
  2500. }
  2501. div[data-type="core/post-featured-image"] img {
  2502. max-width: 100%;
  2503. height: auto;
  2504. display: block;
  2505. }
  2506. .wp-block-post-comments__placeholder * {
  2507. pointer-events: none;
  2508. }
  2509. .wp-block-post-comments-form * {
  2510. pointer-events: none;
  2511. }
  2512. .wp-block-post-comments-form *.block-editor-warning * {
  2513. pointer-events: auto;
  2514. }
  2515. :root .editor-styles-wrapper {
  2516. /*
  2517. * Our classes uses the same values we set for gradient value attributes,
  2518. * and we can not use spacing because of WP multi site kses rule.
  2519. */
  2520. /* stylelint-disable function-comma-space-after */
  2521. /* stylelint-enable function-comma-space-after */
  2522. }
  2523. :root .editor-styles-wrapper .has-very-light-gray-background-color {
  2524. background-color: #eee;
  2525. }
  2526. :root .editor-styles-wrapper .has-very-dark-gray-background-color {
  2527. background-color: #313131;
  2528. }
  2529. :root .editor-styles-wrapper .has-very-light-gray-color {
  2530. color: #eee;
  2531. }
  2532. :root .editor-styles-wrapper .has-very-dark-gray-color {
  2533. color: #313131;
  2534. }
  2535. :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
  2536. background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);
  2537. }
  2538. :root .editor-styles-wrapper .has-purple-crush-gradient-background {
  2539. background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
  2540. }
  2541. :root .editor-styles-wrapper .has-hazy-dawn-gradient-background {
  2542. background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
  2543. }
  2544. :root .editor-styles-wrapper .has-subdued-olive-gradient-background {
  2545. background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
  2546. }
  2547. :root .editor-styles-wrapper .has-atomic-cream-gradient-background {
  2548. background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);
  2549. }
  2550. :root .editor-styles-wrapper .has-nightshade-gradient-background {
  2551. background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
  2552. }
  2553. :root .editor-styles-wrapper .has-midnight-gradient-background {
  2554. background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
  2555. }
  2556. .editor-styles-wrapper {
  2557. --wp--preset--font-size--normal: 16px;
  2558. --wp--preset--font-size--huge: 42px;
  2559. }
  2560. .editor-styles-wrapper .has-regular-font-size {
  2561. font-size: 16px;
  2562. }
  2563. .editor-styles-wrapper .has-larger-font-size {
  2564. font-size: 42px;
  2565. }
  2566. .editor-styles-wrapper .has-normal-font-size {
  2567. font-size: var(--wp--preset--font-size--normal);
  2568. }
  2569. .editor-styles-wrapper .has-huge-font-size {
  2570. font-size: var(--wp--preset--font-size--huge);
  2571. }
  2572. /**
  2573. * Editor Normalization Styles
  2574. *
  2575. * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper.
  2576. * This allows us to create normalization styles that are easily overridden by editor styles.
  2577. */