:root{ --wp-admin-theme-color:#007cba; --wp-admin-theme-color--rgb:0, 124, 186; --wp-admin-theme-color-darker-10:#006ba1; --wp-admin-theme-color-darker-10--rgb:0, 107, 161; --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; --wp-block-synced-color:#7a00df; --wp-block-synced-color--rgb:122, 0, 223; } @media (min-resolution:192dpi){ :root{ --wp-admin-border-width-focus:1.5px; } } .components-panel__header.interface-complementary-area-header__small{ background:#fff; padding-right:4px; } .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; } @media (min-width:782px){ .components-panel__header.interface-complementary-area-header__small{ display:none; } } .interface-complementary-area-header{ background:#fff; padding-right:4px; } .interface-complementary-area-header .components-button.has-icon{ display:none; margin-left:auto; } .interface-complementary-area-header .components-button.has-icon~.components-button{ margin-left:0; } @media (min-width:782px){ .interface-complementary-area-header .components-button.has-icon{ display:flex; } .components-panel__header+.interface-complementary-area-header{ margin-top:0; } } .interface-complementary-area{ background:#fff; color:#1e1e1e; } @media (min-width:600px){ .interface-complementary-area{ -webkit-overflow-scrolling:touch; } } @media (min-width:782px){ .interface-complementary-area{ width:280px; } } .interface-complementary-area .components-panel{ border:none; position:relative; z-index:0; } .interface-complementary-area .components-panel__header{ position:sticky; top:0; z-index:1; } .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ top:48px; } @media (min-width:782px){ .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ top:0; } } .interface-complementary-area p:not(.components-base-control__help){ margin-top:0; } .interface-complementary-area h2{ color:#1e1e1e; font-size:13px; margin-bottom:1.5em; } .interface-complementary-area h3{ color:#1e1e1e; font-size:11px; font-weight:500; margin-bottom:1.5em; text-transform:uppercase; } .interface-complementary-area hr{ border-bottom:1px solid #f0f0f0; border-top:none; margin:1.5em 0; } .interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ box-shadow:none; margin-bottom:1.5em; } .interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ margin-bottom:0; } .interface-complementary-area .block-editor-skip-to-selected-block:focus{ bottom:10px; left:auto; right:10px; top:auto; } @media (min-width:782px){ body.js.is-fullscreen-mode{ height:calc(100% + 32px); margin-top:-32px; } body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ display:none; } body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ margin-left:0; } } html.interface-interface-skeleton__html-container{ position:fixed; width:100%; } @media (min-width:782px){ html.interface-interface-skeleton__html-container{ position:static; width:auto; } } .interface-interface-skeleton{ bottom:0; display:flex; flex-direction:row; height:auto; max-height:100%; position:fixed; right:0; top:46px; } @media (min-width:783px){ .interface-interface-skeleton{ top:32px; } .is-fullscreen-mode .interface-interface-skeleton{ top:0; } } .interface-interface-skeleton__editor{ display:flex; flex:0 1 100%; flex-direction:column; overflow:hidden; } .interface-interface-skeleton{ left:0; } @media (min-width:783px){ .interface-interface-skeleton{ left:160px; } } @media (min-width:783px){ .auto-fold .interface-interface-skeleton{ left:36px; } } @media (min-width:961px){ .auto-fold .interface-interface-skeleton{ left:160px; } } .folded .interface-interface-skeleton{ left:0; } @media (min-width:783px){ .folded .interface-interface-skeleton{ left:36px; } } body.is-fullscreen-mode .interface-interface-skeleton{ left:0 !important; } .interface-interface-skeleton__body{ display:flex; flex-grow:1; overflow:auto; overscroll-behavior-y:none; } @media (min-width:782px){ .has-footer .interface-interface-skeleton__body{ padding-bottom:25px; } } .interface-interface-skeleton__content{ display:flex; flex-direction:column; flex-grow:1; overflow:auto; z-index:20; } .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ background:#fff; bottom:0; color:#1e1e1e; flex-shrink:0; left:0; position:absolute; right:0; top:0; z-index:100000; } @media (min-width:782px){ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; } .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } .interface-interface-skeleton__sidebar{ overflow:auto; } @media (min-width:782px){ .interface-interface-skeleton__sidebar{ border-left:1px solid #e0e0e0; } .interface-interface-skeleton__secondary-sidebar{ border-right:1px solid #e0e0e0; } } .interface-interface-skeleton__header{ border-bottom:1px solid #e0e0e0; color:#1e1e1e; flex-shrink:0; height:auto; z-index:30; } .interface-interface-skeleton__footer{ background-color:#fff; border-top:1px solid #e0e0e0; bottom:0; color:#1e1e1e; display:none; flex-shrink:0; height:auto; left:0; position:absolute; width:100%; z-index:90; } @media (min-width:782px){ .interface-interface-skeleton__footer{ display:flex; } } .interface-interface-skeleton__footer .block-editor-block-breadcrumb{ align-items:center; background:#fff; display:flex; font-size:13px; height:24px; padding:0 18px; z-index:30; } .interface-interface-skeleton__actions{ background:#fff; bottom:auto; color:#1e1e1e; left:auto; position:fixed !important; right:0; top:-9999em; width:100vw; z-index:100000; } @media (min-width:782px){ .interface-interface-skeleton__actions{ width:280px; } } .interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ top:46px; } @media (min-width:782px){ .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ border-left:1px solid #ddd; top:32px; } .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ top:0; } } .interface-more-menu-dropdown{ margin-left:-4px; } .interface-more-menu-dropdown .components-button{ padding:0 2px; width:auto; } @media (min-width:600px){ .interface-more-menu-dropdown{ margin-left:0; } .interface-more-menu-dropdown .components-button{ padding:0 4px; } } .interface-more-menu-dropdown__content .components-popover__content{ min-width:280px; } @media (min-width:480px){ .interface-more-menu-dropdown__content .components-popover__content{ max-width:480px; } } .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ padding:0; } .components-popover.interface-more-menu-dropdown__content{ z-index:99998; } .interface-pinned-items{ display:flex; gap:4px; margin-right:-4px; } .interface-pinned-items .components-button:not(:first-child){ display:none; } @media (min-width:600px){ .interface-pinned-items .components-button:not(:first-child){ display:flex; } } .interface-pinned-items .components-button{ margin:0; } .interface-pinned-items .components-button svg{ max-height:24px; max-width:24px; } @media (min-width:600px){ .interface-preferences-modal{ height:calc(100% - 120px); width:calc(100% - 32px); } } @media (min-width:782px){ .interface-preferences-modal{ width:750px; } } @media (min-width:960px){ .interface-preferences-modal{ height:70%; } } @media (max-width:781px){ .interface-preferences-modal .components-modal__content{ padding:0; } } .interface-preferences__tabs .components-tab-panel__tabs{ left:16px; position:absolute; top:84px; width:160px; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ border-radius:2px; font-weight:400; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ background:#f0f0f0; box-shadow:none; font-weight:500; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ content:none; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline:2px solid transparent; } .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible:before{ content:none; } .interface-preferences__tabs .components-tab-panel__tab-content{ margin-left:160px; padding-left:24px; } @media (max-width:781px){ .interface-preferences__provider{ height:100%; } } .interface-preferences-modal__section{ margin:0 0 2.5rem; } .interface-preferences-modal__section:last-child{ margin:0; } .interface-preferences-modal__section-legend{ margin-bottom:8px; } .interface-preferences-modal__section-title{ font-size:.9rem; font-weight:600; margin-top:0; } .interface-preferences-modal__section-description{ color:#757575; font-size:12px; font-style:normal; margin:-8px 0 8px; } .interface-preferences-modal__option+.interface-preferences-modal__option{ margin-top:16px; } .interface-preferences-modal__option .components-base-control__help{ margin-left:48px; margin-top:0; } .edit-site-custom-template-modal__contents-wrapper{ height:100%; justify-content:flex-start !important; } .edit-site-custom-template-modal__contents-wrapper>*{ width:100%; } .edit-site-custom-template-modal__contents-wrapper__suggestions_list{ margin-left:-12px; margin-right:-12px; width:calc(100% + 24px); } .edit-site-custom-template-modal__contents>.components-button{ height:auto; justify-content:center; } .edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{ background:#fff; border:1px solid #ddd; } .edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{ border-color:var(--wp-admin-theme-color); box-shadow:0 0 0 1px var(--wp-admin-theme-color); } @media (min-width:782px){ .edit-site-custom-template-modal{ width:456px; } } @media (min-width:600px){ .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list{ overflow:scroll; } } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item{ display:block; height:auto; overflow-wrap:break-word; padding:8px 12px; text-align:left; white-space:pre-wrap; width:100%; } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item mark{ background:none; font-weight:700; } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover{ background:rgba(var(--wp-admin-theme-color--rgb), .04); } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover *,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover mark{ color:var(--wp-admin-theme-color); } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus{ background-color:#f0f0f0; } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__title{ display:block; overflow:hidden; text-overflow:ellipsis; } .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info{ color:#757575; word-break:break-all; } .edit-site-custom-template-modal__no-results{ border:1px solid #ccc; border-radius:2px; padding:16px; } .edit-site-custom-generic-template__modal .components-modal__header{ border-bottom:none; } .edit-site-custom-generic-template__modal .components-modal__content:before{ margin-bottom:4px; } .edit-site-template-actions-loading-screen-modal{ -webkit-backdrop-filter:none; backdrop-filter:none; background-color:initial; } .edit-site-template-actions-loading-screen-modal.is-full-screen{ background-color:#fff; box-shadow:0 0 0 transparent; min-height:100%; min-width:100%; } .edit-site-template-actions-loading-screen-modal__content{ align-items:center; display:flex; height:100%; justify-content:center; left:50%; position:absolute; transform:translateX(-50%); } .edit-site-add-new-template__modal{ margin-top:64px; max-height:calc(100% - 128px); max-width:832px; width:calc(100% - 64px); } @media (min-width:960px){ .edit-site-add-new-template__modal{ width:calc(100% - 128px); } } .edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg,.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg{ fill:var(--wp-admin-theme-color); } .edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name{ align-items:flex-start; flex-grow:1; } .edit-site-add-new-template__modal .edit-site-add-new-template__template-icon{ background:rgba(var(--wp-admin-theme-color--rgb), .04); border-radius:100%; max-height:40px; max-width:40px; padding:8px; } .edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{ border:1px solid #ddd; border-radius:2px; display:flex; flex-direction:column; justify-content:center; outline:1px solid transparent; padding:32px; } .edit-site-add-new-template__template-list__contents>.components-button span:first-child,.edit-site-custom-template-modal__contents>.components-button span:first-child{ color:#1e1e1e; } .edit-site-add-new-template__template-list__contents>.components-button span,.edit-site-custom-template-modal__contents>.components-button span{ color:#757575; } .edit-site-add-new-template__template-list__contents>.components-button:hover,.edit-site-custom-template-modal__contents>.components-button:hover{ background:rgba(var(--wp-admin-theme-color--rgb), .04); border-color:transparent; color:var(--wp-admin-theme-color-darker-10); } .edit-site-add-new-template__template-list__contents>.components-button:hover span,.edit-site-custom-template-modal__contents>.components-button:hover span{ color:var(--wp-admin-theme-color); } .edit-site-add-new-template__template-list__contents>.components-button:focus,.edit-site-custom-template-modal__contents>.components-button:focus{ border-color:transparent; box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline:3px solid transparent; } .edit-site-add-new-template__template-list__contents>.components-button:focus span:first-child,.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ color:var(--wp-admin-theme-color); } .edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{ grid-column-end:4; grid-column-start:1; } .edit-site-add-new-template__template-list__contents>.components-button{ align-items:flex-start; height:100%; text-align:start; } .edit-site-block-editor__editor-styles-wrapper .components-button{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px; padding:6px 12px; } .edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ padding:6px; } .edit-site-block-editor__block-list.is-navigation-block{ padding:24px; } .edit-site-visual-editor{ align-items:center; background-color:#1e1e1e; display:block; height:100%; overflow:hidden; position:relative; } .edit-site-visual-editor iframe{ display:block; height:100%; width:100%; } .edit-site-visual-editor .edit-site-visual-editor__editor-canvas{ height:100%; } .edit-site-visual-editor .edit-site-visual-editor__editor-canvas.is-focused{ outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); outline-offset:calc(var(--wp-admin-border-width-focus)*-2); } .edit-site-layout.is-full-canvas .edit-site-visual-editor.is-focus-mode{ padding:48px; } .edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ border-radius:2px; max-height:100%; } .edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ overflow:visible; } .edit-site-visual-editor .components-resizable-box__container{ margin:0 auto; overflow:auto; } .edit-site-visual-editor.is-view-mode{ box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8); } .edit-site-visual-editor.is-view-mode .block-editor-block-contextual-toolbar{ display:none; } .edit-site-visual-editor__back-button{ color:#fff; left:8px; position:absolute; top:8px; } .edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ color:#f0f0f0; } .resizable-editor__drag-handle{ -webkit-appearance:none; appearance:none; background:none; border:0; border-radius:2px; bottom:0; cursor:ew-resize; margin:auto 0; outline:none; padding:0; position:absolute; top:0; width:12px; } .resizable-editor__drag-handle.is-variation-default{ height:100px; } .resizable-editor__drag-handle.is-variation-separator{ height:100%; right:0; width:24px; } .resizable-editor__drag-handle.is-variation-separator:after{ background:transparent; border-radius:0; left:50%; right:0; transform:translateX(-1px); transition:all .2s ease; transition-delay:.1s; width:2px; } @media (prefers-reduced-motion:reduce){ .resizable-editor__drag-handle.is-variation-separator:after{ animation-delay:0s; animation-duration:1ms; transition-delay:0s; transition-duration:0s; } } .resizable-editor__drag-handle:after{ background:#949494; border-radius:2px; bottom:24px; content:""; left:4px; position:absolute; right:0; top:24px; width:4px; } .resizable-editor__drag-handle.is-left{ left:-16px; } .resizable-editor__drag-handle.is-right{ right:-16px; } .resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ opacity:1; } .resizable-editor__drag-handle:active.is-variation-default:after,.resizable-editor__drag-handle:hover.is-variation-default:after{ background:#ccc; } .resizable-editor__drag-handle:active.is-variation-separator:after,.resizable-editor__drag-handle:hover.is-variation-separator:after{ background:var(--wp-admin-theme-color); } .resizable-editor__drag-handle:focus:after{ box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); } .resizable-editor__drag-handle.is-variation-separator:focus:after{ border-radius:2px; box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); } .edit-site-canvas-spinner{ align-items:center; display:flex; height:100%; justify-content:center; width:100%; } .edit-site-code-editor{ background-color:#fff; min-height:100%; position:relative; width:100%; } .edit-site-code-editor__body{ margin-left:auto; margin-right:auto; max-width:1080px; padding:12px; width:100%; } @media (min-width:960px){ .edit-site-code-editor__body{ padding:24px; } } .edit-site-code-editor__toolbar{ background:hsla(0,0%,100%,.8); display:flex; left:0; padding:4px 12px; position:sticky; right:0; top:0; z-index:1; } @media (min-width:600px){ .edit-site-code-editor__toolbar{ padding:12px; } } @media (min-width:960px){ .edit-site-code-editor__toolbar{ padding:12px 24px; } } .edit-site-code-editor__toolbar h2{ color:#1e1e1e; font-size:13px; line-height:36px; margin:0 auto 0 0; } .edit-site-code-editor__toolbar .components-button svg{ order:1; } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ border:1px solid #949494; border-radius:0; box-shadow:none; display:block; font-family:Menlo,Consolas,monaco,monospace; font-size:16px !important; line-height:2.4; margin:0; min-height:200px; overflow:hidden; padding:16px; resize:none; transition:border .1s ease-out,box-shadow .1s linear; width:100%; } @media (prefers-reduced-motion:reduce){ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ transition-delay:0s; transition-duration:0s; } } @media (min-width:600px){ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ font-size:15px !important; padding:24px; } } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ border-color:var(--wp-admin-theme-color); box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); position:relative; } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ color:rgba(30,30,30,.62); } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ color:rgba(30,30,30,.62); opacity:1; } textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ color:rgba(30,30,30,.62); } .edit-site-global-styles-preview{ align-items:center; cursor:pointer; display:flex; justify-content:center; line-height:1; } .edit-site-global-styles-preview__iframe{ display:block; max-width:100%; } .edit-site-typography-preview{ align-items:center; background:#f0f0f0; border-radius:2px; display:flex; justify-content:center; margin-bottom:16px; min-height:100px; overflow:hidden; } .edit-site-typography-panel__full-width-control{ grid-column:1 / -1; max-width:100%; } .edit-site-global-styles-screen-css,.edit-site-global-styles-screen-typography{ margin:16px; } .edit-site-global-styles-screen-typography__indicator{ align-items:center; border-radius:2px; display:flex !important; font-size:14px; height:24px; justify-content:center; width:24px; } .edit-site-global-styles-screen-colors{ margin:16px; } .edit-site-global-styles-screen-colors .color-block-support-panel{ border-top:none; padding-left:0; padding-right:0; } .edit-site-global-styles-header__description{ padding:0 16px; } .edit-site-block-types-search{ margin-bottom:8px; padding:0 16px; } .edit-site-global-styles-header{ margin-bottom:0 !important; } .edit-site-global-styles-subtitle{ font-size:11px !important; font-weight:500 !important; margin-bottom:0 !important; text-transform:uppercase; } .edit-site-global-styles-section-title{ color:#2f2f2f; font-weight:600; line-height:1.2; margin:0; padding:16px 16px 0; } .edit-site-global-styles-variations_item{ box-sizing:border-box; } .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ border:1px solid #e0e0e0; border-radius:2px; padding:2px; } .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ border:1px solid #1e1e1e; } .edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ border:1px solid var(--wp-admin-theme-color); } .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{ border:var(--wp-admin-theme-color) var(--wp-admin-border-width-focus) solid; } .edit-site-global-styles-icon-with-current-color{ fill:currentColor; } .edit-site-global-styles__color-indicator-wrapper{ flex-shrink:0; height:24px; } .edit-site-global-styles__block-preview-panel{ border:1px solid #e0e0e0; border-radius:2px; overflow:auto; position:relative; width:100%; } .edit-site-global-styles-screen-css{ display:flex; flex:1 1 auto; flex-direction:column; } .edit-site-global-styles-screen-css .components-v-stack{ flex:1 1 auto; } .edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field{ display:flex; flex:1 1 auto; flex-direction:column; } .edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input{ direction:ltr; flex:1 1 auto; } .edit-site-global-styles-screen-css-help-link{ display:block; margin-top:8px; } .edit-site-global-styles-screen-variations{ border-top:1px solid #ddd; margin-top:16px; } .edit-site-global-styles-screen-variations>*{ margin:24px 16px; } .edit-site-global-styles-sidebar__navigator-screen{ display:flex; flex-direction:column; } .edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{ background:unset; color:inherit; } .edit-site-global-styles-sidebar__panel .block-editor-block-icon svg{ fill:currentColor; } [class][class].edit-site-global-styles-sidebar__revisions-count-badge{ align-items:center; background:#2f2f2f; border-radius:2px; color:#fff; display:inline-flex; justify-content:center; min-height:24px; min-width:24px; } .edit-site-global-styles-screen-revisions{ margin:16px; } .edit-site-global-styles-screen-revisions__revisions-list{ list-style:none; margin:0; } .edit-site-global-styles-screen-revisions__revisions-list li{ border-left:1px solid #ddd; margin-bottom:0; } .edit-site-global-styles-screen-revisions__revision-item{ padding:8px 0 8px 12px; position:relative; } .edit-site-global-styles-screen-revisions__revision-item:first-child{ padding-top:0; } .edit-site-global-styles-screen-revisions__revision-item:last-child{ padding-bottom:0; } .edit-site-global-styles-screen-revisions__revision-item:before{ background:#ddd; border-radius:50%; content:"\a"; display:inline-block; height:8px; left:0; position:absolute; top:50%; transform:translate(-50%, -50%); width:8px; } .edit-site-global-styles-screen-revisions__revision-item.is-selected:before{ background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .edit-site-global-styles-screen-revisions__revision-button{ display:block; height:auto; padding:8px 12px; width:100%; } .edit-site-global-styles-screen-revisions__revision-button:hover{ background:rgba(var(--wp-admin-theme-color--rgb), .04); } .edit-site-global-styles-screen-revisions__revision-button:hover .edit-site-global-styles-screen-revisions__date{ color:var(--wp-admin-theme-color); } .is-selected .edit-site-global-styles-screen-revisions__revision-button{ background:rgba(var(--wp-admin-theme-color--rgb), .04); color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); opacity:1; } .is-selected .edit-site-global-styles-screen-revisions__meta{ color:var(--wp-admin-theme-color); } .edit-site-global-styles-screen-revisions__button{ justify-content:center; width:100%; } .edit-site-global-styles-screen-revisions__description{ align-items:flex-start; display:flex; flex-direction:column; gap:8px; } .edit-site-global-styles-screen-revisions__meta{ align-items:center; color:#757575; display:flex; justify-content:space-between; text-align:left; width:100%; } .edit-site-global-styles-screen-revisions__meta img{ border-radius:100%; height:16px; width:16px; } .edit-site-global-styles-screen-revisions__loading{ margin:24px auto !important; } .edit-site-header-edit-mode{ align-items:center; background-color:#fff; border-bottom:1px solid #e0e0e0; box-sizing:border-box; color:#1e1e1e; display:flex; height:60px; justify-content:space-between; padding-left:60px; width:100%; } .edit-site-header-edit-mode .edit-site-header-edit-mode__start{ border:none; display:flex; } .edit-site-header-edit-mode .edit-site-header-edit-mode__end{ display:flex; justify-content:flex-end; } .edit-site-header-edit-mode .edit-site-header-edit-mode__center{ align-items:center; display:flex; flex-grow:1; height:100%; justify-content:center; margin:0 8px; min-width:0; } .edit-site-header-edit-mode__toolbar{ align-items:center; display:flex; padding-left:8px; } @media (min-width:600px){ .edit-site-header-edit-mode__toolbar{ padding-left:24px; } } @media (min-width:1280px){ .edit-site-header-edit-mode__toolbar{ padding-right:8px; } } .edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle{ height:32px; margin-right:8px; min-width:32px; padding:0; width:32px; } .edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ transition:transform .2s cubic-bezier(.165, .84, .44, 1); } @media (prefers-reduced-motion:reduce){ .edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ transition-delay:0s; transition-duration:0s; } } .edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle.is-pressed svg{ transform:rotate(45deg); } .edit-site-header-edit-mode__actions{ align-items:center; display:inline-flex; gap:4px; padding-right:4px; } @media (min-width:600px){ .edit-site-header-edit-mode__actions{ gap:8px; padding-right:10px; } } .edit-site-header-edit-mode__actions .interface-pinned-items{ display:none; } @media (min-width:782px){ .edit-site-header-edit-mode__actions .interface-pinned-items{ display:inline-flex; } } .edit-site-header-edit-mode__preview-options{ opacity:1; transition:opacity .3s; } .edit-site-header-edit-mode__preview-options.is-zoomed-out{ opacity:0; } .edit-site-header-edit-mode__start{ border:none; display:flex; } .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon{ height:36px; min-width:36px; padding:6px; } .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon.is-pressed,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ background:#1e1e1e; } .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; outline:1px solid transparent; } .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:before,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:before{ display:none; } .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-icon{ height:32px; margin-right:8px; min-width:32px; padding:0; width:32px; } .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-text.has-icon{ padding:0 8px; width:auto; } .edit-site-header-edit-mode.show-icon-labels .components-button.has-icon{ width:auto; } .edit-site-header-edit-mode.show-icon-labels .components-button.has-icon svg{ display:none; } .edit-site-header-edit-mode.show-icon-labels .components-button.has-icon:after{ content:attr(aria-label); } .edit-site-header-edit-mode.show-icon-labels .components-button.has-icon[aria-disabled=true]{ background-color:initial; } .edit-site-header-edit-mode.show-icon-labels .is-tertiary:active{ background-color:initial; box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); } .edit-site-header-edit-mode.show-icon-labels .edit-site-save-button__button{ padding-left:6px; padding-right:6px; } .edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ content:none; } .edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__inserter-toggle.edit-site-header-edit-mode__inserter-toggle{ height:36px; padding:0 8px; } .edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>*+*{ margin-left:8px; } .edit-site-document-actions{ background:#f0f0f0; border-radius:4px; display:grid; grid-template-columns:1fr 2fr 1fr; height:36px; min-width:0; overflow:hidden; width:min(100%, 450px); } .edit-site-document-actions:hover{ background:#e0e0e0; color:currentColor; } @media (min-width:782px){ .edit-site-document-actions{ width:50%; } } @media (min-width:960px){ .edit-site-document-actions{ width:min(100%, 450px); } } .edit-site-document-actions__command{ display:grid; grid-column:1 / -1; grid-row:1; grid-template-columns:1fr 2fr 1fr; } .edit-site-document-actions__title{ color:var(--wp-block-synced-color); flex-grow:1; grid-column:2 / 3; overflow:hidden; } .edit-site-document-actions__title .block-editor-block-icon{ min-width:24px; } .edit-site-document-actions__title h1{ color:var(--wp-block-synced-color); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .edit-site-document-actions.is-page .edit-site-document-actions__title,.edit-site-document-actions.is-page .edit-site-document-actions__title h1{ color:#2f2f2f; } .edit-site-document-actions.is-animated .edit-site-document-actions__title{ animation:edit-site-document-actions__slide-in-left .3s; } @media (prefers-reduced-motion:reduce){ .edit-site-document-actions.is-animated .edit-site-document-actions__title{ animation-delay:0s; animation-duration:1ms; } } .edit-site-document-actions.is-animated.is-page .edit-site-document-actions__title{ animation:edit-site-document-actions__slide-in-right .3s; } @media (prefers-reduced-motion:reduce){ .edit-site-document-actions.is-animated.is-page .edit-site-document-actions__title{ animation-delay:0s; animation-duration:1ms; } } .edit-site-document-actions__back,.edit-site-document-actions__shortcut{ color:#2f2f2f; } .edit-site-document-actions:hover .edit-site-document-actions__back,.edit-site-document-actions:hover .edit-site-document-actions__shortcut{ color:#1e1e1e; } .edit-site-document-actions__shortcut{ text-align:right; } .edit-site-document-actions__back{ flex-shrink:0; grid-column:1 / 2; grid-row:1; min-width:36px; z-index:1; } .edit-site-document-actions.is-animated .edit-site-document-actions__back{ animation:edit-site-document-actions__slide-in-left .3s; } @media (prefers-reduced-motion:reduce){ .edit-site-document-actions.is-animated .edit-site-document-actions__back{ animation-delay:0s; animation-duration:1ms; } } @keyframes edit-site-document-actions__slide-in-right{ 0%{ opacity:0; transform:translateX(-15%); } to{ opacity:1; transform:translateX(0); } } @keyframes edit-site-document-actions__slide-in-left{ 0%{ opacity:0; transform:translateX(15%); } to{ opacity:1; transform:translateX(0); } } .edit-site-list-header{ align-items:center; box-sizing:border-box; display:flex; height:60px; justify-content:flex-end; padding-right:16px; position:relative; width:100%; } body.is-fullscreen-mode .edit-site-list-header{ padding-left:60px; transition:padding-left 20ms linear; transition-delay:80ms; } @media (prefers-reduced-motion:reduce){ body.is-fullscreen-mode .edit-site-list-header{ transition-delay:0s; transition-duration:0s; } } .edit-site-list-header .edit-site-list-header__title{ font-size:20px; left:0; margin:0; padding:0; position:absolute; text-align:center; width:100%; } .edit-site-list-header__right{ position:relative; } .edit-site .edit-site-list{ background:#fff; border-radius:8px; box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8); flex-grow:1; } .edit-site .edit-site-list .interface-interface-skeleton__editor{ min-width:100%; } @media (min-width:782px){ .edit-site .edit-site-list .interface-interface-skeleton__editor{ min-width:0; } } .edit-site .edit-site-list .interface-interface-skeleton__content{ align-items:center; background:#fff; padding:16px; } @media (min-width:782px){ .edit-site .edit-site-list .interface-interface-skeleton__content{ padding:72px; } } .edit-site-list-table{ border:1px solid #ddd; border-radius:2px; border-spacing:0; margin:0 auto; max-width:960px; min-width:100%; overflow:hidden; } .edit-site-list-table tr{ align-items:center; border-top:1px solid #f0f0f0; box-sizing:border-box; display:flex; margin:0; padding:16px; } .edit-site-list-table tr:first-child{ border-top:0; } @media (min-width:782px){ .edit-site-list-table tr{ padding:24px 32px; } } .edit-site-list-table tr .edit-site-list-table-column:first-child{ padding-right:24px; width:calc(60% - 18px); } .edit-site-list-table tr .edit-site-list-table-column:first-child a{ display:inline-block; font-weight:500; margin-bottom:4px; text-decoration:none; } .edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ width:calc(40% - 18px); word-break:break-word; } .edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ flex-shrink:0; min-width:36px; } .edit-site-list-table tr.edit-site-list-table-head{ border-bottom:1px solid #ddd; border-top:none; color:#1e1e1e; font-size:16px; font-weight:600; text-align:left; } .edit-site-list-table tr.edit-site-list-table-head th{ font-weight:inherit; } @media (min-width:782px){ .edit-site-list.is-navigation-open .components-snackbar-list{ margin-left:360px; } .edit-site-list__rename-modal .components-base-control{ width:320px; } } .edit-site-template__actions button:not(:last-child){ margin-right:8px; } .edit-site-list-added-by__icon{ align-items:center; background:#2f2f2f; border-radius:100%; display:flex; flex-shrink:0; height:32px; justify-content:center; width:32px; } .edit-site-list-added-by__icon svg{ fill:#fff; } .edit-site-list-added-by__avatar{ background:#2f2f2f; border-radius:100%; flex-shrink:0; height:32px; overflow:hidden; width:32px; } .edit-site-list-added-by__avatar img{ height:32px; object-fit:cover; opacity:0; transition:opacity .1s linear; width:32px; } @media (prefers-reduced-motion:reduce){ .edit-site-list-added-by__avatar img{ transition-delay:0s; transition-duration:0s; } } .edit-site-list-added-by__avatar.is-loaded img{ opacity:1; } .edit-site-list-added-by__customized-info{ color:#757575; display:block; } .edit-site-page{ background:#fff; color:#2f2f2f; flex-grow:1; margin:60px 0 0; overflow:auto; } @media (min-width:782px){ .edit-site-page{ border-radius:8px; margin:24px 24px 24px 0; } } .edit-site-page-header{ background:#fff; border-bottom:1px solid #f0f0f0; height:60px; padding:0 32px; position:sticky; top:0; z-index:2; } .edit-site-page-header .components-text{ color:#2f2f2f; } .edit-site-page-header .components-heading{ color:#1e1e1e; } .edit-site-page-header .edit-site-page-header__sub-title{ color:#757575; margin-top:8px; } .edit-site-page-content{ overflow-x:auto; padding:32px; } .edit-site-patterns{ background:none; border:1px solid #2f2f2f; border-radius:0; margin:60px 0 0; } .edit-site-patterns .components-base-control{ width:100%; } @media (min-width:782px){ .edit-site-patterns .components-base-control{ width:auto; } } .edit-site-patterns .components-text{ color:#949494; } .edit-site-patterns .components-heading{ color:#e0e0e0; } @media (min-width:782px){ .edit-site-patterns{ margin:0; } } .edit-site-patterns .edit-site-patterns__search-block{ flex-grow:1; min-width:-moz-fit-content; min-width:fit-content; } .edit-site-patterns .edit-site-patterns__search input[type=search]{ background:#2f2f2f; color:#e0e0e0; height:40px; } .edit-site-patterns .edit-site-patterns__search input[type=search]:focus{ background:#2f2f2f; } .edit-site-patterns .edit-site-patterns__search svg{ fill:#949494; } .edit-site-patterns .edit-site-patterns__sync-status-filter{ background:#2f2f2f; border:none; height:40px; max-width:100%; min-width:max-content; width:100%; } @media (min-width:782px){ .edit-site-patterns .edit-site-patterns__sync-status-filter{ width:300px; } } .edit-site-patterns .edit-site-patterns__sync-status-filter-option:active{ background:#757575; color:#f0f0f0; } .edit-site-patterns .edit-site-patterns__grid-pagination{ width:-moz-fit-content; width:fit-content; } .edit-site-patterns .edit-site-patterns__grid-pagination .components-button.is-tertiary{ background-color:#2f2f2f; color:#f0f0f0; height:32px; width:32px; } .edit-site-patterns .edit-site-patterns__grid-pagination .components-button.is-tertiary:disabled{ background:none; color:#949494; } .edit-site-patterns .edit-site-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){ background-color:#757575; } .edit-site-patterns__section-header .screen-reader-shortcut:focus{ top:0; } .edit-site-patterns__grid{ display:grid; gap:32px; grid-template-columns:1fr; margin-bottom:32px; margin-top:0; padding-top:2px; } @media (min-width:960px){ .edit-site-patterns__grid{ grid-template-columns:1fr 1fr; } } .edit-site-patterns__grid .edit-site-patterns__pattern{ break-inside:avoid-column; display:flex; flex-direction:column; } .edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview{ background-color:unset; border:none; border-radius:4px; box-shadow:none; box-sizing:border-box; cursor:pointer; overflow:hidden; padding:0; } .edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview:focus{ box-shadow:inset 0 0 0 0 #fff, 0 0 0 2px var(--wp-admin-theme-color); outline:2px solid transparent; } .edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview.is-inactive{ cursor:default; } .edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview.is-inactive:focus{ box-shadow:0 0 0 var(--wp-admin-border-width-focus) #2f2f2f; opacity:.8; } .edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__button,.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__footer{ color:#949494; } .edit-site-patterns__grid .edit-site-patterns__pattern.is-placeholder .edit-site-patterns__preview{ align-items:center; border:1px dashed #2f2f2f; color:#949494; display:flex; justify-content:center; min-height:64px; } .edit-site-patterns__grid .edit-site-patterns__pattern.is-placeholder .edit-site-patterns__preview:focus{ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .edit-site-patterns__grid .edit-site-patterns__preview{ flex:0 1 auto; margin-bottom:16px; } .edit-site-patterns__load-more{ align-self:center; } .edit-site-patterns__pattern-title{ color:#e0e0e0; } .edit-site-patterns__pattern-title .is-link{ color:#e0e0e0; text-decoration:none; } .edit-site-patterns__pattern-title .is-link:focus,.edit-site-patterns__pattern-title .is-link:hover{ color:#fff; } .edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon{ fill:#fff; background:var(--wp-block-synced-color); border-radius:4px; } .edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon{ display:inline-flex; } .edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon svg{ fill:currentcolor; } .edit-site-patterns__no-results{ color:#949494; } .edit-site-table-wrapper{ width:100%; } .edit-site-table{ border-collapse:collapse; border-color:inherit; position:relative; text-indent:0; width:100%; } .edit-site-table a{ text-decoration:none; } .edit-site-table th{ color:#757575; font-weight:400; padding:0 16px 16px; text-align:left; } .edit-site-table td{ padding:16px; } .edit-site-table td,.edit-site-table th{ vertical-align:center; } .edit-site-table td:first-child,.edit-site-table th:first-child{ padding-left:0; } .edit-site-table td:last-child,.edit-site-table th:last-child{ padding-right:0; text-align:right; } .edit-site-table tr{ border-bottom:1px solid #f0f0f0; } .edit-site-sidebar-edit-mode{ width:280px; } .edit-site-sidebar-edit-mode>.components-panel{ border-left:0; border-right:0; margin-bottom:-1px; margin-top:-1px; } .edit-site-sidebar-edit-mode>.components-panel>.components-panel__header{ background:#f0f0f0; } .edit-site-sidebar-edit-mode .block-editor-block-inspector__card{ margin:0; } .edit-site-global-styles-sidebar{ display:flex; flex-direction:column; min-height:100%; } .edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ display:flex; flex:1; flex-direction:column; } .edit-site-global-styles-sidebar__navigator-screen{ flex:1; } .edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{ margin-left:0; } .edit-site-global-styles-sidebar__reset-button.components-button{ margin-left:auto; } .edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ font-size:15.6px; font-weight:500; } .edit-site-global-styles-sidebar .components-navigation__item>button span{ font-weight:500; } .edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ border:0; } .edit-site-global-styles-sidebar .single-column{ grid-column:span 1; } .edit-site-global-styles-sidebar .components-tools-panel .span-columns{ grid-column:1 / -1; } .edit-site-global-styles-sidebar__blocks-group{ border-top:1px solid #e0e0e0; padding-top:24px; } .edit-site-global-styles-sidebar__blocks-group-help{ padding:0 16px; } .edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{ padding:16px; } .edit-site-global-styles-sidebar hr{ margin:0; } .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{ display:none; } .show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon:after{ content:attr(aria-label); font-size:12px; } .edit-site-sidebar-fixed-bottom-slot{ background:#fff; border-top:1px solid #ddd; bottom:0; box-sizing:initial; display:flex; padding:16px; position:sticky; } .edit-site-page-panels__edit-template-preview{ border:1px solid #e0e0e0; height:200px; max-height:200px; overflow:hidden; } .edit-site-page-panels__edit-template-button{ justify-content:center; } .edit-site-change-status__content .components-popover__content{ min-width:320px; padding:16px; } .edit-site-change-status__content .edit-site-change-status__options .components-base-control__field>.components-v-stack{ gap:8px; } .edit-site-change-status__content .edit-site-change-status__options label .components-text{ display:block; margin-left:26px; } .edit-site-summary-field .components-dropdown{ flex-grow:1; } .edit-site-summary-field .edit-site-summary-field__trigger{ width:100%; } .edit-site-summary-field .edit-site-summary-field__label{ width:30%; } .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs{ border-top:0; justify-content:flex-start; margin-top:0; padding-left:0; padding-right:16px; } .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs ul{ display:flex; } .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs li{ margin:0; } .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ display:none; height:24px; margin:0 0 0 auto; min-width:24px; padding:0; } @media (min-width:782px){ .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ display:flex; } } .components-button.edit-site-sidebar-edit-mode__panel-tab{ background:transparent; border:none; border-radius:0; box-shadow:none; cursor:pointer; font-weight:500; height:48px; margin-left:0; padding:3px 16px; position:relative; } .components-button.edit-site-sidebar-edit-mode__panel-tab:focus:not(:disabled){ box-shadow:none; outline:none; position:relative; } .components-button.edit-site-sidebar-edit-mode__panel-tab:after{ background:var(--wp-admin-theme-color); border-radius:0; bottom:0; content:""; height:calc(var(--wp-admin-border-width-focus)*0); left:0; pointer-events:none; position:absolute; right:0; transition:all .1s linear; } @media (prefers-reduced-motion:reduce){ .components-button.edit-site-sidebar-edit-mode__panel-tab:after{ transition-delay:0s; transition-duration:0s; } } .components-button.edit-site-sidebar-edit-mode__panel-tab.is-active:after{ height:calc(var(--wp-admin-border-width-focus)*1); outline:2px solid transparent; outline-offset:-1px; } .components-button.edit-site-sidebar-edit-mode__panel-tab:before{ border-radius:2px; bottom:12px; box-shadow:0 0 0 0 transparent; content:""; left:12px; pointer-events:none; position:absolute; right:12px; top:12px; transition:all .1s linear; } @media (prefers-reduced-motion:reduce){ .components-button.edit-site-sidebar-edit-mode__panel-tab:before{ transition-delay:0s; transition-duration:0s; } } .components-button.edit-site-sidebar-edit-mode__panel-tab:focus-visible:before{ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline:2px solid transparent; } .edit-site-sidebar-card{ align-items:flex-start; display:flex; } .edit-site-sidebar-card__content{ flex-grow:1; margin-bottom:4px; } .edit-site-sidebar-card__title{ font-weight:500; line-height:24px; } .edit-site-sidebar-card__title.edit-site-sidebar-card__title{ margin:0; } .edit-site-sidebar-card__description{ font-size:13px; } .edit-site-sidebar-card__icon{ flex:0 0 24px; height:24px; margin-right:12px; width:24px; } .edit-site-sidebar-card__header{ display:flex; justify-content:space-between; margin:0 0 4px; } .edit-site-template-card__template-areas{ margin-top:16px; } .edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{ margin:0; } .edit-site-template-card__template-areas-item{ width:100%; } .edit-site-template-card__template-areas-item.components-button.has-icon{ padding:0; } .edit-site-template-card__actions{ line-height:0; } .edit-site-template-card__actions>.components-button.is-small.has-icon{ min-width:auto; padding:0; } .edit-site-template-revisions{ margin-left:-4px; } h3.edit-site-template-card__template-areas-title{ font-weight:500; margin:0 0 8px; } .edit-site-editor__interface-skeleton{ opacity:1; transition:opacity .1s ease-out; } @media (prefers-reduced-motion:reduce){ .edit-site-editor__interface-skeleton{ transition-delay:0s; transition-duration:0s; } } .edit-site-editor__interface-skeleton.is-loading{ opacity:0; } .edit-site-editor__interface-skeleton .interface-interface-skeleton__header{ border:0; } .edit-site-editor__toggle-save-panel{ background-color:#fff; border:1px dotted #ddd; box-sizing:border-box; display:flex; justify-content:center; padding:24px; width:280px; } .edit-site .components-editor-notices__snackbar{ bottom:40px; left:0; padding-left:16px; padding-right:16px; position:absolute; right:0; } @media (min-width:783px){ .edit-site .components-editor-notices__snackbar{ left:160px; } } @media (min-width:783px){ .auto-fold .edit-site .components-editor-notices__snackbar{ left:36px; } } @media (min-width:961px){ .auto-fold .edit-site .components-editor-notices__snackbar{ left:160px; } } .folded .edit-site .components-editor-notices__snackbar{ left:0; } @media (min-width:783px){ .folded .edit-site .components-editor-notices__snackbar{ left:36px; } } body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ left:0 !important; } .edit-site-create-pattern-modal__input input{ height:40px; } .edit-site-create-template-part-modal{ z-index:1000001; } @media (min-width:600px){ .edit-site-create-template-part-modal .components-modal__frame{ max-width:500px; } } .edit-site-create-template-part-modal__area-radio-group{ border:1px solid #757575; border-radius:2px; width:100%; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{ display:block; height:100%; padding:12px; text-align:left; width:100%; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{ background-color:inherit; border-bottom:1px solid #757575; border-radius:0; margin:0; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){ box-shadow:none; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{ border-bottom:1px solid #fff; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{ border-bottom:none; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{ color:#1e1e1e; cursor:auto; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{ color:#949494; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{ padding-top:4px; white-space:normal; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{ font-size:12px; padding-top:4px; } .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{ margin-left:auto; min-width:24px; } .edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{ display:flex; flex-direction:column; height:100%; } @media (min-width:782px){ .edit-site-editor__list-view-panel{ width:350px; } } .edit-site-editor__inserter-panel-header{ display:flex; justify-content:flex-end; padding-right:8px; padding-top:8px; } .edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{ height:calc(100% - 44px); } @media (min-width:782px){ .edit-site-editor__inserter-panel-content{ height:100%; } } .edit-site-editor__list-view-panel-header{ align-items:center; border-bottom:1px solid #ddd; display:flex; height:48px; justify-content:space-between; padding-left:16px; padding-right:4px; } .edit-site-editor__list-view-panel-content{ height:100%; overflow:auto; padding:8px 6px; scrollbar-color:transparent transparent; scrollbar-gutter:stable both-edges; scrollbar-gutter:auto; scrollbar-width:thin; will-change:transform; } .edit-site-editor__list-view-panel-content::-webkit-scrollbar{ height:12px; width:12px; } .edit-site-editor__list-view-panel-content::-webkit-scrollbar-track{ background-color:initial; } .edit-site-editor__list-view-panel-content::-webkit-scrollbar-thumb{ background-clip:padding-box; background-color:initial; border:3px solid transparent; border-radius:8px; } .edit-site-editor__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,.edit-site-editor__list-view-panel-content:focus::-webkit-scrollbar-thumb,.edit-site-editor__list-view-panel-content:hover::-webkit-scrollbar-thumb{ background-color:#949494; } .edit-site-editor__list-view-panel-content:focus,.edit-site-editor__list-view-panel-content:focus-within,.edit-site-editor__list-view-panel-content:hover{ scrollbar-color:#949494 transparent; } @media (hover:none){ .edit-site-editor__list-view-panel-content{ scrollbar-color:#949494 transparent; } } .edit-site-welcome-guide{ width:312px; } .edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image .edit-site-welcome-guide.guide-styles .edit-site-welcome-guide__image{ background:#00a0d2; } .edit-site-welcome-guide.guide-page .edit-site-welcome-guide__video{ border-right:16px solid #3858e9; border-top:16px solid #3858e9; } .edit-site-welcome-guide.guide-template .edit-site-welcome-guide__video{ border-left:16px solid #3858e9; border-top:16px solid #3858e9; } .edit-site-welcome-guide__image{ margin:0 0 16px; } .edit-site-welcome-guide__image>img{ display:block; max-width:100%; object-fit:cover; } .edit-site-welcome-guide__heading{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:24px; line-height:1.4; margin:16px 0; padding:0 32px; } .edit-site-welcome-guide__text{ font-size:13px; line-height:1.4; margin:0 0 16px; padding:0 32px; } .edit-site-welcome-guide__text img{ vertical-align:bottom; } .edit-site-welcome-guide__inserter-icon{ margin:0 4px; vertical-align:text-top; } .edit-site-start-template-options__modal .edit-site-start-template-options__modal__actions{ background-color:#fff; border-top:1px solid #ddd; bottom:0; height:92px; margin-left:-32px; margin-right:-32px; padding-left:32px; padding-right:32px; position:absolute; width:100%; z-index:1; } .edit-site-start-template-options__modal .block-editor-block-patterns-list{ padding-bottom:92px; } .edit-site-start-template-options__modal-content .block-editor-block-patterns-list{ column-count:2; column-gap:24px; } @media (min-width:782px){ .edit-site-start-template-options__modal-content .block-editor-block-patterns-list{ column-count:3; } } @media (min-width:1280px){ .edit-site-start-template-options__modal-content .block-editor-block-patterns-list{ column-count:4; } } .edit-site-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ break-inside:avoid-column; } .edit-site-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title{ display:none; } .edit-site-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__item:not(:focus):not(:hover) .block-editor-block-preview__container{ box-shadow:0 0 0 1px #ddd; } .edit-site-keyboard-shortcut-help-modal__section{ margin:0 0 2rem; } .edit-site-keyboard-shortcut-help-modal__section-title{ font-size:.9rem; font-weight:600; } .edit-site-keyboard-shortcut-help-modal__shortcut{ align-items:baseline; border-top:1px solid #ddd; display:flex; margin-bottom:0; padding:.6rem 0; } .edit-site-keyboard-shortcut-help-modal__shortcut:last-child{ border-bottom:1px solid #ddd; } .edit-site-keyboard-shortcut-help-modal__shortcut:empty{ display:none; } .edit-site-keyboard-shortcut-help-modal__shortcut-term{ font-weight:600; margin:0 0 0 1rem; text-align:right; } .edit-site-keyboard-shortcut-help-modal__shortcut-description{ flex:1; flex-basis:auto; margin:0; } .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ background:none; display:block; margin:0; padding:0; } .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ margin-top:10px; } .edit-site-keyboard-shortcut-help-modal__shortcut-key{ border-radius:8%; margin:0 .2rem; padding:.25rem .5rem; } .edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{ margin:0 0 0 .2rem; } .edit-site-layout{ background:#1e1e1e; color:#ccc; display:flex; flex-direction:column; height:100%; } .edit-site-layout__hub{ height:60px; left:0; position:fixed; top:0; width:calc(100vw - 48px); z-index:3; } .edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub{ padding-right:0; width:60px; } @media (min-width:782px){ .edit-site-layout__hub{ width:336px; } } .edit-site-layout.is-full-canvas .edit-site-layout__hub{ border-radius:0; box-shadow:none; padding-right:16px; width:100vw; } @media (min-width:782px){ .edit-site-layout.is-full-canvas .edit-site-layout__hub{ padding-right:0; width:auto; } } .edit-site-layout__header-container{ z-index:4; } .edit-site-layout__header{ display:flex; height:60px; z-index:2; } .edit-site-layout:not(.is-full-canvas) .edit-site-layout__header{ position:fixed; width:100vw; } .edit-site-layout__content{ display:flex; flex-grow:1; height:100%; } .edit-site-layout__sidebar{ flex-shrink:0; width:100vw; z-index:1; } @media (min-width:782px){ .edit-site-layout__sidebar{ width:360px; } } .edit-site-layout.is-full-canvas .edit-site-layout__sidebar{ height:100vh; left:0; position:fixed !important; top:0; } .edit-site-layout__sidebar>div{ display:flex; flex-direction:column; height:100%; } .edit-site-layout__sidebar .resizable-editor__drag-handle{ right:0; } .edit-site-layout__main{ display:flex; flex-direction:column; flex-grow:1; overflow:hidden; } .edit-site-layout__canvas-container{ flex-grow:1; position:relative; z-index:2; } .edit-site-layout__canvas-container.is-resizing:after{ bottom:0; content:""; left:0; position:absolute; right:0; top:0; z-index:100; } .edit-site-layout__canvas{ align-items:center; bottom:0; display:flex; justify-content:center; left:0; position:absolute; top:0; width:100%; } .edit-site-layout__canvas:has(.edit-site-layout__resizable-frame-oversized){ justify-content:flex-end; } .edit-site-layout__canvas>div{ color:#1e1e1e; } @media (min-width:782px){ .edit-site-layout__canvas{ bottom:24px; top:24px; width:calc(100% - 24px); } .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .edit-site-visual-editor__editor-canvas,.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .interface-interface-skeleton__content,.edit-site-layout__canvas>div{ border-radius:8px; } } .edit-site-layout.is-full-canvas .edit-site-layout__canvas{ bottom:0; top:0; width:100%; } .edit-site-layout.is-full-canvas .edit-site-layout__canvas>div{ border-radius:0; } .edit-site-layout__canvas .interface-interface-skeleton{ min-height:100% !important; position:relative !important; } .edit-site-layout__view-mode-toggle.components-button{ align-items:center; border-bottom:1px solid transparent; border-radius:0; color:#fff; display:flex; height:60px; justify-content:center; overflow:hidden; padding:0; position:relative; width:60px; } .edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__view-mode-toggle.components-button{ border-bottom-color:#e0e0e0; transition:border-bottom-color .15s ease-out .4s; } .edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{ color:#fff; } .edit-site-layout__view-mode-toggle.components-button:focus{ box-shadow:none; } .edit-site-layout__view-mode-toggle.components-button:before{ border-radius:4px; bottom:9px; box-shadow:none; content:""; display:block; left:9px; position:absolute; right:9px; top:9px; transition:box-shadow .1s ease; } @media (prefers-reduced-motion:reduce){ .edit-site-layout__view-mode-toggle.components-button:before{ transition-delay:0s; transition-duration:0s; } } .edit-site-layout__view-mode-toggle.components-button:focus:before{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ align-items:center; border-radius:2px; display:flex; height:64px; justify-content:center; width:64px; } .edit-site-layout__actions{ background:#fff; bottom:auto; color:#1e1e1e; left:auto; position:fixed !important; right:0; top:-9999em; width:280px; z-index:100000; } .edit-site-layout__actions:focus,.edit-site-layout__actions:focus-within{ bottom:0; top:auto; } .edit-site-layout__actions.is-entity-save-view-open:focus,.edit-site-layout__actions.is-entity-save-view-open:focus-within{ top:0; } @media (min-width:782px){ .edit-site-layout__actions{ border-left:1px solid #ddd; } .edit-site-layout.has-fixed-toolbar .edit-site-layout__canvas-container{ z-index:5; } .edit-site-layout.has-fixed-toolbar .edit-site-site-hub{ z-index:4; } } @media (min-width:782px){ .edit-site-layout.has-fixed-toolbar .edit-site-layout__header:focus-within{ z-index:3; } } .is-edit-mode.is-distraction-free .edit-site-layout__header-container{ height:60px; left:0; position:absolute; right:0; top:0; width:100%; z-index:4; } .is-edit-mode.is-distraction-free .edit-site-layout__header-container:focus-within{ opacity:1 !important; } .is-edit-mode.is-distraction-free .edit-site-layout__header-container:focus-within div{ transform:translateX(0) translateY(0) translateZ(0) !important; } .is-edit-mode.is-distraction-free .edit-site-layout__header-container:focus-within .edit-site-layout__header{ opacity:1 !important; } .is-edit-mode.is-distraction-free .edit-site-layout__header,.is-edit-mode.is-distraction-free .edit-site-site-hub{ position:absolute; top:0; z-index:2; } .is-edit-mode.is-distraction-free .edit-site-site-hub{ z-index:3; } .is-edit-mode.is-distraction-free .edit-site-layout__header{ width:100%; } .edit-site-save-hub{ border-top:1px solid #2f2f2f; color:#949494; flex-shrink:0; margin:0; padding:24px; } .edit-site-save-hub__button{ color:inherit; justify-content:center; width:100%; } .edit-site-save-hub__button[aria-disabled=true]{ opacity:1; } .edit-site-save-hub__button[aria-disabled=true]:hover{ color:inherit; } @media (min-width:600px){ .edit-site-save-panel__modal{ width:600px; } } .edit-site-sidebar__content{ flex-grow:1; overflow-y:auto; } .edit-site-sidebar__content .components-navigator-screen{ display:flex; flex-direction:column; height:100%; scrollbar-color:transparent transparent; scrollbar-gutter:stable both-edges; scrollbar-gutter:stable; scrollbar-width:thin; will-change:transform; } .edit-site-sidebar__content .components-navigator-screen::-webkit-scrollbar{ height:12px; width:12px; } .edit-site-sidebar__content .components-navigator-screen::-webkit-scrollbar-track{ background-color:initial; } .edit-site-sidebar__content .components-navigator-screen::-webkit-scrollbar-thumb{ background-clip:padding-box; background-color:initial; border:3px solid transparent; border-radius:8px; } .edit-site-sidebar__content .components-navigator-screen:focus-within::-webkit-scrollbar-thumb,.edit-site-sidebar__content .components-navigator-screen:focus::-webkit-scrollbar-thumb,.edit-site-sidebar__content .components-navigator-screen:hover::-webkit-scrollbar-thumb{ background-color:#757575; } .edit-site-sidebar__content .components-navigator-screen:focus,.edit-site-sidebar__content .components-navigator-screen:focus-within,.edit-site-sidebar__content .components-navigator-screen:hover{ scrollbar-color:#757575 transparent; } @media (hover:none){ .edit-site-sidebar__content .components-navigator-screen{ scrollbar-color:#757575 transparent; } } .edit-site-sidebar__footer{ border-top:1px solid #2f2f2f; flex-shrink:0; margin:0 24px; padding:24px 0; } .edit-site-sidebar__content>div{ padding:0 12px; } .edit-site-sidebar-button{ color:#e0e0e0; flex-shrink:0; } .edit-site-sidebar-button:focus:not(:disabled){ box-shadow:none; outline:none; } .edit-site-sidebar-button:focus-visible:not(:disabled){ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:3px solid transparent; } .edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover,.edit-site-sidebar-button:not([aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ color:#f0f0f0; } .edit-site-sidebar-navigation-item.components-item{ border:none; border-radius:2px; color:#949494; min-height:40px; padding:8px 6px 8px 16px; } .edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ background:#2f2f2f; color:#e0e0e0; } .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current] .edit-site-sidebar-navigation-item__drilldown-indicator{ fill:#e0e0e0; } .edit-site-sidebar-navigation-item.components-item[aria-current]{ background:var(--wp-admin-theme-color); color:#fff; } .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{ fill:#949494; } .edit-site-sidebar-navigation-item.components-item:is(a){ align-items:center; display:flex; text-decoration:none; } .edit-site-sidebar-navigation-item.components-item:is(a):focus{ box-shadow:none; outline:none; } .edit-site-sidebar-navigation-item.components-item:is(a):focus-visible{ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline:2px solid transparent; } .edit-site-sidebar-navigation-item.components-item.with-suffix{ padding-right:16px; } .edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{ cursor:grab; padding:8px; } .edit-site-sidebar-navigation-screen{ display:flex; flex-direction:column; overflow-x:unset !important; position:relative; } .edit-site-sidebar-navigation-screen__main{ flex-grow:1; } .edit-site-sidebar-navigation-screen__content{ padding:0 16px; } .edit-site-sidebar-navigation-screen__content .components-item-group{ margin-left:-16px; margin-right:-16px; } .edit-site-sidebar-navigation-screen__content .components-text{ color:#ccc; } .edit-site-sidebar-navigation-screen__content .components-heading{ margin-bottom:8px; } .edit-site-sidebar-navigation-screen__meta{ color:#ccc; margin:0 0 16px 16px; } .edit-site-sidebar-navigation-screen__meta .components-text{ color:#ccc; } .edit-site-sidebar-navigation-screen__page-link{ color:#949494; display:inline-block; } .edit-site-sidebar-navigation-screen__page-link:focus,.edit-site-sidebar-navigation-screen__page-link:hover{ color:#fff; } .edit-site-sidebar-navigation-screen__page-link .components-external-link__icon{ margin-left:4px; } .edit-site-sidebar-navigation-screen__title-icon{ background:#1e1e1e; margin-bottom:8px; padding-bottom:8px; padding-top:108px; position:sticky; top:0; z-index:1; } .edit-site-sidebar-navigation-screen__title{ flex-grow:1; overflow:hidden; overflow-wrap:break-word; padding:6px 0 0; } .edit-site-sidebar-navigation-screen__actions{ flex-shrink:0; } .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item-preview{ border:1px solid #1e1e1e; } .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ border:1px solid #f0f0f0; } .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ border:1px solid var(--wp-admin-theme-color); } .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{ border:var(--wp-admin-theme-color) var(--wp-admin-border-width-focus) solid; } .edit-site-sidebar-navigation-screen__footer{ background-color:#1e1e1e; border-top:1px solid #2f2f2f; bottom:0; gap:0; margin:16px 0 0; padding:16px 0; position:sticky; } .edit-site-sidebar__notice{ background:#2f2f2f; color:#ddd; margin:24px 0; } .edit-site-sidebar__notice.is-dismissible{ padding-right:8px; } .edit-site-sidebar__notice .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.edit-site-sidebar__notice .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.edit-site-sidebar__notice .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ color:#f0f0f0; } .edit-site-sidebar-navigation-screen__input-control{ width:100%; } .edit-site-sidebar-navigation-screen__input-control .components-input-control__container{ background:#2f2f2f; } .edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button{ color:#e0e0e0 !important; } .edit-site-sidebar-navigation-screen__input-control .components-input-control__input{ background:#2f2f2f !important; color:#e0e0e0 !important; } .edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{ border:4px !important; } .edit-site-sidebar-navigation-screen__input-control .components-base-control__help{ color:#949494; } .edit-site-sidebar-navigation-screen-details-footer{ padding-bottom:8px; padding-left:16px; padding-top:8px; } .edit-site-sidebar-navigation-screen-global-styles__revisions{ border-radius:2px; } .edit-site-sidebar-navigation-screen-global-styles__revisions:not(:hover){ color:#e0e0e0; } .edit-site-sidebar-navigation-screen-global-styles__revisions:not(:hover) .edit-site-sidebar-navigation-screen-global-styles__revisions__label{ color:#949494; } .sidebar-navigation__more-menu .components-button{ color:#e0e0e0; } .sidebar-navigation__more-menu .components-button:focus,.sidebar-navigation__more-menu .components-button:hover,.sidebar-navigation__more-menu .components-button[aria-current]{ color:#f0f0f0; } .edit-site-sidebar-navigation-screen-page__featured-image-wrapper{ background-color:#2f2f2f; border-radius:4px; margin-bottom:16px; min-height:128px; } .edit-site-sidebar-navigation-screen-page__featured-image{ align-items:center; background-position:50% 50%; background-size:cover; border-radius:2px; color:#949494; display:flex; height:128px; justify-content:center; overflow:hidden; width:100%; } .edit-site-sidebar-navigation-screen-page__featured-image img{ height:100%; object-fit:cover; object-position:50% 50%; width:100%; } .edit-site-sidebar-navigation-screen-page__featured-image-description{ font-size:12px; } .edit-site-sidebar-navigation-screen-page__excerpt{ font-size:12px; margin-bottom:24px; } .edit-site-sidebar-navigation-screen-page__modified{ color:#949494; margin:0 0 16px 16px; } .edit-site-sidebar-navigation-screen-page__modified .components-text{ color:#949494; } .edit-site-sidebar-navigation-screen-page__status{ display:inline-flex; } .edit-site-sidebar-navigation-screen-page__status time{ display:contents; } .edit-site-sidebar-navigation-screen-page__status svg{ fill:#f0b849; height:16px; margin-right:8px; width:16px; } .edit-site-sidebar-navigation-screen-page__status.has-future-status svg,.edit-site-sidebar-navigation-screen-page__status.has-publish-status svg{ fill:#4ab866; } .edit-site-sidebar-navigation-details-screen-panel{ margin:24px 0; } .edit-site-sidebar-navigation-details-screen-panel:last-of-type{ margin-bottom:0; } .edit-site-sidebar-navigation-details-screen-panel .edit-site-sidebar-navigation-details-screen-panel__heading{ color:#ccc; font-size:11px; font-weight:500; margin-bottom:0; padding:0; text-transform:uppercase; } .edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label{ color:#949494; width:100px; } .edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value{ color:#e0e0e0; } .edit-site-sidebar-navigation-screen-pattern__added-by-description{ align-items:center; display:flex; justify-content:space-between; margin-top:24px; } .edit-site-sidebar-navigation-screen-pattern__added-by-description-author{ align-items:center; display:inline-flex; } .edit-site-sidebar-navigation-screen-pattern__added-by-description-author img{ border-radius:12px; } .edit-site-sidebar-navigation-screen-pattern__added-by-description-author svg{ fill:#949494; } .edit-site-sidebar-navigation-screen-pattern__added-by-description-author-icon{ height:24px; margin-right:8px; width:24px; } .edit-site-sidebar-navigation-screen-pattern__lock-icon{ display:inline-flex; } .edit-site-sidebar-navigation-screen-patterns__group{ margin-bottom:24px; } .edit-site-sidebar-navigation-screen-patterns__group:last-of-type{ border-bottom:0; margin-bottom:0; padding-bottom:0; } .edit-site-sidebar-navigation-screen-patterns__group-header{ margin-top:16px; } .edit-site-sidebar-navigation-screen-patterns__group-header p{ color:#949494; } .edit-site-sidebar-navigation-screen-patterns__group-header h2{ font-size:11px; font-weight:500; text-transform:uppercase; } .edit-site-sidebar-navigation-screen-template__added-by-description{ align-items:center; display:flex; justify-content:space-between; margin-top:24px; } .edit-site-sidebar-navigation-screen-template__added-by-description-author{ align-items:center; display:inline-flex; } .edit-site-sidebar-navigation-screen-template__added-by-description-author img{ border-radius:12px; } .edit-site-sidebar-navigation-screen-template__added-by-description-author svg{ fill:#949494; } .edit-site-sidebar-navigation-screen-template__added-by-description-author-icon{ height:24px; margin-right:8px; width:24px; } .edit-site-sidebar-navigation-screen-template__template-area-button{ align-items:center; border-radius:4px; color:#fff; display:flex; flex-wrap:nowrap; width:100%; } .edit-site-sidebar-navigation-screen-template__template-area-button:focus,.edit-site-sidebar-navigation-screen-template__template-area-button:hover{ background:#2f2f2f; color:#fff; } .edit-site-sidebar-navigation-screen-template__template-area-label-text{ flex-grow:1; margin:0 16px 0 4px; } .edit-site-sidebar-navigation-screen-template__template-icon{ display:flex; } .edit-site-site-hub{ align-items:center; display:flex; gap:8px; justify-content:space-between; } .edit-site-site-hub .edit-site-site-hub__container{ gap:0; } .edit-site-site-hub .edit-site-site-hub__site-title,.edit-site-site-hub .edit-site-site-hub_toggle-command-center{ transition:opacity .1s ease; } .edit-site-site-hub .edit-site-site-hub__site-view-link{ flex-grow:0; } @media (min-width:480px){ .edit-site-site-hub .edit-site-site-hub__site-view-link{ opacity:0; transition:opacity .2s ease-in-out; } } .edit-site-site-hub .edit-site-site-hub__site-view-link:focus{ box-shadow:none; opacity:1; outline:none; } .edit-site-site-hub .edit-site-site-hub__site-view-link svg{ fill:#e0e0e0; } .edit-site-site-hub:hover .edit-site-site-hub__site-view-link{ opacity:1; } .edit-site-site-hub__post-type{ opacity:.6; } .edit-site-site-hub__view-mode-toggle-container{ background:#1e1e1e; flex-shrink:0; height:60px; width:60px; } .edit-site-site-hub__text-content{ overflow:hidden; } .edit-site-site-hub__title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .edit-site-site-hub__site-title{ color:#e0e0e0; flex-grow:1; margin-left:4px; } .edit-site-site-hub_toggle-command-center{ color:#e0e0e0; } .edit-site-site-hub_toggle-command-center:hover{ color:#f0f0f0; } .edit-site-sidebar-navigation-screen__description{ margin:0 0 32px; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf{ border-radius:2px; max-width:calc(100% - 4px); } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf[aria-current]{ background:#2f2f2f; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf .block-editor-list-view-block__menu{ margin-left:-8px; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected>td{ background:transparent; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{ color:inherit; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:not(:hover) .block-editor-list-view-block__menu{ opacity:0; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:hover{ color:#fff; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:focus .block-editor-list-view-block__menu-cell,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:hover .block-editor-list-view-block__menu-cell{ opacity:1; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){ background:transparent; } .edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch):hover{ background:#2f2f2f; } .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ width:100%; } .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ white-space:normal; } .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ margin-top:3px; } .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ padding-right:0; } .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button{ color:#949494; } .edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button[aria-current]{ color:#fff; } .edit-site-sidebar-navigation-screen-navigation-menus__content .popover-slot .wp-block-navigation-submenu{ display:none; } .edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ display:block; margin-left:auto; margin-right:auto; } .edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ display:none; } .edit-site-site-icon__icon{ fill:currentColor; } .edit-site-site-icon__image{ background:#333; border-radius:4px; height:auto; object-fit:cover; width:100%; } .edit-site-layout.is-full-canvas.is-edit-mode .edit-site-site-icon__image{ border-radius:0; } .edit-site-style-book{ height:100%; } .edit-site-style-book.is-button,.edit-site-style-book__iframe.is-button{ border-radius:8px; } .edit-site-style-book__iframe.is-focused{ outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); outline-offset:calc(var(--wp-admin-border-width-focus)*-2); } .edit-site-style-book__tab-panel .components-tab-panel__tabs{ background:#fff; color:#1e1e1e; } .edit-site-style-book__tab-panel .components-tab-panel__tab-content{ bottom:0; left:0; overflow:auto; padding:0; position:absolute; right:0; top:48px; } .edit-site-editor-canvas-container{ background:#fff; border-radius:2px; bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0; transition:all .3s; } .edit-site-editor-canvas-container__close-button{ background:#fff; position:absolute; right:8px; top:6px; z-index:1; } .edit-site-resizable-frame__inner{ position:relative; } body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__site-title,body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub_toggle-command-center{ opacity:0 !important; } body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__view-mode-toggle-container{ background-color:initial; } body:has(.edit-site-resizable-frame__inner.is-resizing){ cursor:col-resize; user-select:none; -webkit-user-select:none; } .edit-site-resizable-frame__inner.is-resizing:before{ content:""; inset:0; position:absolute; z-index:1; } .edit-site-resizable-frame__inner-content{ inset:0; position:absolute; z-index:0; } .edit-site-resizable-frame__handle{ align-items:center; background-color:hsla(0,0%,46%,.4); border:0; border-radius:4px; cursor:col-resize; display:flex; height:64px; justify-content:flex-end; padding:0; position:absolute; top:calc(50% - 32px); width:4px; z-index:100; } .edit-site-resizable-frame__handle:before{ content:""; height:100%; left:100%; position:absolute; width:32px; } .edit-site-resizable-frame__handle:after{ content:""; height:100%; position:absolute; right:100%; width:32px; } .edit-site-resizable-frame__handle:focus-visible{ outline:2px solid transparent; } .edit-site-resizable-frame__handle.is-resizing,.edit-site-resizable-frame__handle:focus,.edit-site-resizable-frame__handle:hover{ background-color:var(--wp-admin-theme-color); } .edit-site-push-changes-to-global-styles-control .components-button{ justify-content:center; width:100%; } body.js #wpadminbar{ display:none; } body.js #wpbody{ padding-top:0; } body.js.appearance_page_gutenberg-template-parts,body.js.site-editor-php{ background:#fff; } body.js.appearance_page_gutenberg-template-parts #wpcontent,body.js.site-editor-php #wpcontent{ padding-left:0; } body.js.appearance_page_gutenberg-template-parts #wpbody-content,body.js.site-editor-php #wpbody-content{ padding-bottom:0; } body.js.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.appearance_page_gutenberg-template-parts #wpfooter,body.js.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.site-editor-php #wpfooter{ display:none; } body.js.appearance_page_gutenberg-template-parts .a11y-speak-region,body.js.site-editor-php .a11y-speak-region{ left:-1px; top:-1px; } body.js.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.js.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.js.site-editor-php ul#adminmenu>li.current>a.current:after{ border-right-color:#fff; } body.js.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.js.site-editor-php .media-frame select.attachment-filters:last-of-type{ max-width:100%; width:auto; } body.js.site-editor-php{ background:#1e1e1e; } .components-modal__frame,.edit-site{ box-sizing:border-box; } .components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{ box-sizing:inherit; } .edit-site{ height:100vh; } @media (min-width:600px){ .edit-site{ bottom:0; left:0; min-height:100vh; position:fixed; right:0; top:0; } } .no-js .edit-site{ min-height:0; position:static; } .edit-site .interface-interface-skeleton{ top:0; } .edit-site .interface-complementary-area__pin-unpin-item.components-button{ display:none; } .edit-site .interface-interface-skeleton__content{ background-color:#1e1e1e; } @keyframes edit-post__fade-in-animation{ 0%{ opacity:0; } to{ opacity:1; } } body.admin-color-light{ --wp-admin-theme-color:#0085ba; --wp-admin-theme-color--rgb:0, 133, 186; --wp-admin-theme-color-darker-10:#0073a1; --wp-admin-theme-color-darker-10--rgb:0, 115, 161; --wp-admin-theme-color-darker-20:#006187; --wp-admin-theme-color-darker-20--rgb:0, 97, 135; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-light{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-modern{ --wp-admin-theme-color:#3858e9; --wp-admin-theme-color--rgb:56, 88, 233; --wp-admin-theme-color-darker-10:#2145e6; --wp-admin-theme-color-darker-10--rgb:33, 69, 230; --wp-admin-theme-color-darker-20:#183ad6; --wp-admin-theme-color-darker-20--rgb:24, 58, 214; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-modern{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-blue{ --wp-admin-theme-color:#096484; --wp-admin-theme-color--rgb:9, 100, 132; --wp-admin-theme-color-darker-10:#07526c; --wp-admin-theme-color-darker-10--rgb:7, 82, 108; --wp-admin-theme-color-darker-20:#064054; --wp-admin-theme-color-darker-20--rgb:6, 64, 84; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-blue{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-coffee{ --wp-admin-theme-color:#46403c; --wp-admin-theme-color--rgb:70, 64, 60; --wp-admin-theme-color-darker-10:#383330; --wp-admin-theme-color-darker-10--rgb:56, 51, 48; --wp-admin-theme-color-darker-20:#2b2724; --wp-admin-theme-color-darker-20--rgb:43, 39, 36; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-coffee{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-ectoplasm{ --wp-admin-theme-color:#523f6d; --wp-admin-theme-color--rgb:82, 63, 109; --wp-admin-theme-color-darker-10:#46365d; --wp-admin-theme-color-darker-10--rgb:70, 54, 93; --wp-admin-theme-color-darker-20:#3a2c4d; --wp-admin-theme-color-darker-20--rgb:58, 44, 77; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-ectoplasm{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-midnight{ --wp-admin-theme-color:#e14d43; --wp-admin-theme-color--rgb:225, 77, 67; --wp-admin-theme-color-darker-10:#dd382d; --wp-admin-theme-color-darker-10--rgb:221, 56, 45; --wp-admin-theme-color-darker-20:#d02c21; --wp-admin-theme-color-darker-20--rgb:208, 44, 33; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-midnight{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-ocean{ --wp-admin-theme-color:#627c83; --wp-admin-theme-color--rgb:98, 124, 131; --wp-admin-theme-color-darker-10:#576e74; --wp-admin-theme-color-darker-10--rgb:87, 110, 116; --wp-admin-theme-color-darker-20:#4c6066; --wp-admin-theme-color-darker-20--rgb:76, 96, 102; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-ocean{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-sunrise{ --wp-admin-theme-color:#dd823b; --wp-admin-theme-color--rgb:221, 130, 59; --wp-admin-theme-color-darker-10:#d97426; --wp-admin-theme-color-darker-10--rgb:217, 116, 38; --wp-admin-theme-color-darker-20:#c36922; --wp-admin-theme-color-darker-20--rgb:195, 105, 34; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-sunrise{ --wp-admin-border-width-focus:1.5px; } }