WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
WordPress/wp-includes/css/dist/block-editor/style.css

4192 lines
124 KiB
CSS
Raw Blame History

: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;
--wp-bound-block-color:var(--wp-block-synced-color);
}
@media (min-resolution:192dpi){
:root{
--wp-admin-border-width-focus:1.5px;
}
}
.block-editor-autocompleters__block{
white-space:nowrap;
}
.block-editor-autocompleters__block .block-editor-block-icon{
margin-right:8px;
}
.block-editor-autocompleters__block[aria-selected=true] .block-editor-block-icon{
color:inherit !important;
}
.block-editor-autocompleters__link{
white-space:nowrap;
}
.block-editor-autocompleters__link .block-editor-block-icon{
margin-right:8px;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container{
border:1px solid #ddd;
border-radius:2px;
grid-column:1 / -1;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container.is-open{
background-color:#f0f0f0;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item{
border:0;
flex-grow:1;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown{
display:block;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner{
height:100%;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown{
display:block;
height:36px;
}
.block-editor-global-styles-background-panel__image-tools-panel-item{
border:1px solid #ddd;
grid-column:1 / -1;
position:relative;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon{
display:none;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown{
display:block;
height:36px;
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button{
color:#1e1e1e;
display:block;
width:100%;
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover{
color:var(--wp-admin-theme-color);
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading{
height:100%;
padding:10px 0 0;
position:absolute;
width:100%;
z-index:1;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg{
margin:0;
}
.block-editor-global-styles-background-panel__dropdown-toggle,.block-editor-global-styles-background-panel__image-preview-content{
height:100%;
padding-left:12px;
width:100%;
}
.block-editor-global-styles-background-panel__dropdown-toggle{
background:#0000;
border:none;
cursor:pointer;
}
.block-editor-global-styles-background-panel__inspector-media-replace-title{
text-align:start;
text-align-last:center;
white-space:normal;
word-break:break-all;
}
.block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper{
height:20px;
min-width:auto;
width:20px;
}
.block-editor-global-styles-background-panel__inspector-image-indicator{
background-size:cover;
border-radius:50%;
display:block;
height:20px;
position:relative;
width:20px;
}
.block-editor-global-styles-background-panel__inspector-image-indicator:after{
border:1px solid #0000;
border-radius:50%;
bottom:-1px;
box-shadow:inset 0 0 0 1px #0003;
box-sizing:inherit;
content:"";
left:-1px;
position:absolute;
right:-1px;
top:-1px;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper{
min-width:260px;
overflow-x:hidden;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper{
background-color:#f0f0f0;
border:1px solid #ddd;
border-radius:2px;
width:100%;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image{
max-height:180px;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker:after{
content:none;
}
.modal-open .block-editor-global-styles-background-panel__popover{
z-index:159890;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-popover__content{
width:226px;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-button{
padding:0 8px;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right{
margin-left:16px;
}
.block-editor-block-alignment-control__menu-group .components-menu-item__info{
margin-top:0;
}
iframe[name=editor-canvas]{
background-color:initial;
box-sizing:border-box;
display:block;
height:100%;
transition:all .5s cubic-bezier(.65, 0, .45, 1);
width:100%;
}
@media (prefers-reduced-motion:reduce){
iframe[name=editor-canvas]{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-block-icon{
align-items:center;
display:flex;
height:24px;
justify-content:center;
width:24px;
}
.block-editor-block-icon.has-colors svg{
fill:currentColor;
}
@media (forced-colors:active){
.block-editor-block-icon.has-colors svg{
fill:CanvasText;
}
}
.block-editor-block-icon svg{
max-height:24px;
max-width:24px;
min-height:20px;
min-width:20px;
}
.block-editor-block-inspector p:not(.components-base-control__help){
margin-top:0;
}
.block-editor-block-inspector h2,.block-editor-block-inspector h3{
color:#1e1e1e;
font-size:13px;
margin-bottom:1.5em;
}
.block-editor-block-inspector .components-base-control:where(:not(:last-child)){
margin-bottom:16px;
}
.block-editor-block-inspector .components-focal-point-picker-control .components-base-control,.block-editor-block-inspector .components-query-controls .components-base-control,.block-editor-block-inspector .components-range-control .components-base-control{
margin-bottom:0;
}
.block-editor-block-inspector .components-panel__body{
border:none;
border-top:1px solid #e0e0e0;
margin-top:-1px;
}
.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{
background:#fff;
display:block;
font-size:13px;
padding:32px 16px;
text-align:center;
}
.block-editor-block-inspector__no-block-tools{
border-top:1px solid #ddd;
}
.block-editor-block-inspector__tab-item{
flex:1 1 0px;
}
.block-editor-block-list__insertion-point{
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}
.block-editor-block-list__insertion-point-indicator{
background:var(--wp-admin-theme-color);
border-radius:2px;
opacity:0;
position:absolute;
transform-origin:center;
will-change:transform, opacity;
}
.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{
height:4px;
top:calc(50% - 2px);
width:100%;
}
.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{
bottom:0;
left:calc(50% - 2px);
top:0;
width:4px;
}
.block-editor-block-list__insertion-point-inserter{
display:none;
justify-content:center;
left:calc(50% - 12px);
position:absolute;
top:calc(50% - 12px);
will-change:transform;
}
@media (min-width:480px){
.block-editor-block-list__insertion-point-inserter{
display:flex;
}
}
.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{
pointer-events:none;
}
.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{
pointer-events:all;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
background:#1e1e1e;
color:#fff;
height:24px;
min-width:24px;
padding:0;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
background:var(--wp-admin-theme-color);
color:#fff;
}
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
background:var(--wp-admin-theme-color);
}
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
background:#1e1e1e;
}
.block-editor-block-list__block-selection-button{
background-color:#1e1e1e;
border-radius:2px;
display:inline-flex;
font-size:13px;
height:48px;
padding:0 12px;
z-index:22;
}
.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{
align-items:center;
display:inline-flex;
margin:auto;
}
.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{
margin-right:6px;
}
.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{
cursor:grab;
height:24px;
margin-left:-2px;
min-width:24px;
padding:0;
}
.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{
min-height:18px;
min-width:18px;
}
.block-editor-block-list__block-selection-button .block-editor-block-icon{
color:#fff;
font-size:13px;
height:48px;
}
.block-editor-block-list__block-selection-button .components-button{
color:#fff;
display:flex;
height:48px;
min-width:36px;
}
.block-editor-block-list__block-selection-button .components-button:focus{
border:none;
box-shadow:none;
}
.block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{
color:#fff;
}
.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{
padding:0;
}
.block-editor-block-list__block-selection-button .block-editor-block-mover{
background:unset;
border:none;
}
@keyframes hide-during-dragging{
to{
position:fixed;
transform:translate(9999px, 9999px);
}
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{
margin-bottom:8px;
margin-top:8px;
pointer-events:all;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{
border:1px solid #1e1e1e;
border-radius:2px;
overflow:visible;
position:static;
width:auto;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{
margin-left:56px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{
margin-left:0;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar{
overflow:visible;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{
border-right-color:#1e1e1e;
}
.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{
visibility:hidden;
}
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{
animation:hide-during-dragging 1ms linear forwards;
opacity:0;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{
left:-57px;
position:absolute;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:before{
content:"";
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
background-color:#fff;
border:1px solid #1e1e1e;
padding-left:6px;
padding-right:6px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
padding-left:12px;
padding-right:12px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{
left:auto;
margin-left:-1px;
position:relative;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover{
border-left:1px solid #1e1e1e;
}
.is-dragging-components-draggable .components-tooltip{
display:none;
}
.components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button{
left:50%;
pointer-events:all;
position:absolute;
top:50%;
transform:translateX(-50%) translateY(-50%);
}
.zoom-out-toolbar .block-editor-block-mover-button.block-editor-block-mover-button:focus-visible:before,.zoom-out-toolbar .block-editor-block-toolbar-shuffle:focus:before,.zoom-out-toolbar .block-selection-button_drag-handle:focus:before,.zoom-out-toolbar .zoom-out-toolbar-button:focus:before{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.zoom-out-toolbar .block-editor-block-mover{
background:none;
border:none;
}
.block-editor-block-tools__zoom-out-mode-inserter-button{
visibility:hidden;
}
.block-editor-block-tools__zoom-out-mode-inserter-button.is-visible{
visibility:visible;
}
.block-editor-block-lock-modal{
z-index:1000001;
}
@media (min-width:600px){
.block-editor-block-lock-modal .components-modal__frame{
max-width:480px;
}
}
.block-editor-block-lock-modal__options legend{
margin-bottom:16px;
padding:0;
}
.block-editor-block-lock-modal__checklist{
margin:0;
}
.block-editor-block-lock-modal__options-all{
padding:12px 0;
}
.block-editor-block-lock-modal__options-all .components-checkbox-control__label{
font-weight:600;
}
.block-editor-block-lock-modal__checklist-item{
align-items:center;
display:flex;
gap:12px;
justify-content:space-between;
margin-bottom:0;
padding:12px 0 12px 32px;
}
.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{
flex-shrink:0;
margin-right:12px;
fill:#1e1e1e;
}
.block-editor-block-lock-modal__checklist-item:hover{
background-color:#f0f0f0;
border-radius:2px;
}
.block-editor-block-lock-modal__template-lock{
border-top:1px solid #ddd;
margin-top:16px;
padding-top:16px;
}
.block-editor-block-lock-modal__actions{
margin-top:24px;
}
.block-editor-block-lock-toolbar .components-button.has-icon{
min-width:36px !important;
}
.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
margin-left:-6px !important;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
border-left:1px solid #1e1e1e;
margin-left:6px !important;
margin-right:-6px;
}
.block-editor-block-breadcrumb{
list-style:none;
margin:0;
padding:0;
}
.block-editor-block-breadcrumb li{
display:inline-flex;
margin:0;
}
.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{
fill:currentColor;
margin-left:-4px;
margin-right:-4px;
transform:scaleX(1);
}
.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{
display:none;
}
.block-editor-block-breadcrumb__current{
cursor:default;
}
.block-editor-block-breadcrumb__button.block-editor-block-breadcrumb__button,.block-editor-block-breadcrumb__current{
color:#1e1e1e;
font-size:inherit;
padding:0 8px;
}
.block-editor-block-card{
align-items:flex-start;
color:#1e1e1e;
display:flex;
padding:16px;
}
.block-editor-block-card__title{
font-weight:500;
}
.block-editor-block-card__title.block-editor-block-card__title{
font-size:13px;
line-height:1.4;
margin:0;
padding:3px 0;
}
.block-editor-block-card .block-editor-block-icon{
flex:0 0 24px;
height:24px;
margin-left:0;
margin-right:12px;
width:24px;
}
.block-editor-block-card.is-synced .block-editor-block-icon{
color:var(--wp-block-synced-color);
}
.block-editor-block-compare{
height:auto;
}
.block-editor-block-compare__wrapper{
display:flex;
padding-bottom:16px;
}
.block-editor-block-compare__wrapper>div{
display:flex;
flex-direction:column;
justify-content:space-between;
max-width:600px;
min-width:200px;
padding:0 16px 0 0;
width:50%;
}
.block-editor-block-compare__wrapper>div button{
float:right;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__converted{
border-left:1px solid #ddd;
padding-left:15px;
padding-right:0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html{
border-bottom:1px solid #ddd;
color:#1e1e1e;
font-family:Menlo,Consolas,monaco,monospace;
font-size:12px;
line-height:1.7;
padding-bottom:15px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span{
background-color:#e6ffed;
padding-bottom:3px;
padding-top:3px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{
background-color:#acf2bd;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{
background-color:#cc1818;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__preview{
padding:16px 0 0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{
font-size:12px;
margin-top:0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__action{
margin-top:16px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__heading{
font-size:1em;
font-weight:400;
margin:.67em 0;
}
.block-editor-block-draggable-chip-wrapper{
left:0;
position:absolute;
top:-24px;
}
.block-editor-block-draggable-chip{
background-color:#1e1e1e;
border-radius:2px;
box-shadow:0 6px 8px #0000004d;
color:#fff;
cursor:grabbing;
display:inline-flex;
height:48px;
padding:0 13px;
position:relative;
-webkit-user-select:none;
user-select:none;
width:max-content;
}
.block-editor-block-draggable-chip svg{
fill:currentColor;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{
justify-content:flex-start;
margin:auto;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{
margin-right:6px;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{
margin-right:0;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{
min-height:18px;
min-width:18px;
}
.block-editor-block-draggable-chip .components-flex__item{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
}
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{
align-items:center;
background-color:initial;
bottom:0;
display:flex;
justify-content:center;
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
transition:all .1s linear .1s;
}
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon{
background:#0000 linear-gradient(-45deg, #0000 47.5%, #fff 0, #fff 52.5%, #0000 0);
border-radius:50%;
box-shadow:inset 0 0 0 1.5px #fff;
display:inline-block;
height:20px;
padding:0;
width:20px;
}
.block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{
background-color:#757575;
box-shadow:0 4px 8px #0003;
opacity:1;
}
.block-editor-block-mover__move-button-container{
border:none;
display:flex;
justify-content:center;
padding:0;
}
@media (min-width:600px){
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{
flex-direction:column;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{
height:20px;
min-width:0 !important;
width:100%;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{
height:calc(100% - 4px);
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{
flex-shrink:0;
top:3px;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
bottom:3px;
flex-shrink:0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{
width:48px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{
min-width:0 !important;
overflow:hidden;
width:24px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button{
padding-left:0;
padding-right:0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{
left:5px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
right:5px;
}
}
.block-editor-block-mover__drag-handle{
cursor:grab;
}
@media (min-width:600px){
.block-editor-block-mover__drag-handle{
min-width:0 !important;
overflow:hidden;
width:24px;
}
.block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon{
padding-left:0;
padding-right:0;
}
}
.components-button.block-editor-block-mover-button:before{
animation:components-button__appear-animation .1s ease;
animation-fill-mode:forwards;
border-radius:2px;
content:"";
display:block;
height:32px;
left:8px;
position:absolute;
right:8px;
z-index:-1;
}
@media (prefers-reduced-motion:reduce){
.components-button.block-editor-block-mover-button:before{
animation-delay:0s;
animation-duration:1ms;
}
}
.components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{
box-shadow:none;
outline:none;
}
.components-button.block-editor-block-mover-button:focus-visible:before{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-block-navigation__container{
min-width:280px;
}
.block-editor-block-navigation__label{
color:#757575;
font-size:11px;
font-weight:500;
margin:0 0 12px;
text-transform:uppercase;
}
.block-editor-block-patterns-list__list-item{
cursor:pointer;
margin-bottom:16px;
position:relative;
}
.block-editor-block-patterns-list__list-item.is-placeholder{
min-height:100px;
}
.block-editor-block-patterns-list__list-item[draggable=true]{
cursor:grab;
}
.block-editor-block-patterns-list__item{
height:100%;
scroll-margin-bottom:56px;
scroll-margin-top:24px;
}
.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{
flex-grow:1;
font-size:12px;
text-align:left;
}
.block-editor-block-patterns-list__item .block-editor-block-preview__container{
align-items:center;
border-radius:4px;
display:flex;
overflow:hidden;
}
.block-editor-block-patterns-list__item .block-editor-block-preview__container:after{
border-radius:4px;
outline:1px solid #0000001a;
outline-offset:-1px;
}
.block-editor-block-patterns-list__item:hover:not(:focus) .block-editor-block-preview__container:after{
outline-color:#0000004d;
}
.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{
outline-color:var(--wp-admin-theme-color);
outline-offset:calc(-1*var(--wp-admin-border-width-focus));
outline-width:var(--wp-admin-border-width-focus);
transition:outline .1s linear;
}
@media (prefers-reduced-motion:reduce){
.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty){
align-items:center;
margin-top:8px;
padding-bottom:4px;
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper{
height:24px;
min-width:24px;
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon{
fill:var(--wp-block-synced-color);
}
.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination{
border-top:1px solid #2f2f2f;
justify-content:center;
padding:4px;
}
.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary{
height:32px;
justify-content:center;
width:auto;
}
.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled{
background:none;
color:#949494;
}
.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){
background-color:#757575;
color:#fff;
}
.show-icon-labels .block-editor-patterns__grid-pagination .components-button{
width:auto;
}
.show-icon-labels .block-editor-patterns__grid-pagination .components-button span{
display:none;
}
.show-icon-labels .block-editor-patterns__grid-pagination .components-button:before{
content:attr(aria-label);
}
.components-popover.block-editor-block-popover{
margin:0 !important;
pointer-events:none;
position:absolute;
z-index:31;
}
.components-popover.block-editor-block-popover .components-popover__content{
margin:0 !important;
min-width:auto;
overflow-y:visible;
width:max-content;
}
.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{
pointer-events:all;
}
.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{
pointer-events:none;
}
.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{
pointer-events:all;
}
.components-popover.block-editor-block-popover__drop-zone *{
pointer-events:none;
}
.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{
background-color:var(--wp-admin-theme-color);
border-radius:2px;
inset:0;
position:absolute;
}
.block-editor-block-preview__container{
overflow:hidden;
position:relative;
width:100%;
}
.block-editor-block-preview__container .block-editor-block-preview__content{
left:0;
margin:0;
min-height:auto;
overflow:visible;
text-align:initial;
top:0;
transform-origin:top left;
width:100%;
}
.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{
display:none;
}
.block-editor-block-preview__container:after{
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:1;
}
.block-editor-block-rename-modal{
z-index:1000001;
}
.block-editor-block-styles__preview-panel{
display:none;
z-index:90;
}
@media (min-width:782px){
.block-editor-block-styles__preview-panel{
display:block;
}
}
.block-editor-block-styles__preview-panel .block-editor-block-icon{
display:none;
}
.block-editor-block-styles__variants{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:space-between;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item{
box-shadow:inset 0 0 0 1px #ddd;
color:#1e1e1e;
display:inline-block;
width:calc(50% - 4px);
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover{
box-shadow:inset 0 0 0 1px #ddd;
color:var(--wp-admin-theme-color);
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover{
background-color:#1e1e1e;
box-shadow:none;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{
color:#fff;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-block-styles__variants .block-editor-block-styles__item-text{
text-align:start;
text-align-last:center;
white-space:normal;
word-break:break-all;
}
.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{
box-sizing:border-box !important;
}
.block-editor-block-switcher{
position:relative;
}
.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{
min-width:36px;
}
.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{
position:relative;
}
.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{
display:block;
height:48px;
margin:0;
}
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{
margin:auto;
}
.block-editor-block-switcher__toggle-text{
margin-left:8px;
}
.show-icon-labels .block-editor-block-switcher__toggle-text{
display:none;
}
.components-button.block-editor-block-switcher__no-switcher-icon{
display:flex;
}
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
margin-left:auto;
margin-right:auto;
min-width:24px !important;
}
.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true],.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true]:hover{
color:#1e1e1e;
}
.components-popover.block-editor-block-switcher__popover .components-popover__content{
min-width:300px;
}
.block-editor-block-switcher__popover-preview-container{
bottom:0;
left:0;
pointer-events:none;
position:absolute;
top:-1px;
width:100%;
}
.block-editor-block-switcher__popover-preview{
overflow:hidden;
}
.block-editor-block-switcher__popover-preview .components-popover__content{
background:#fff;
border:1px solid #1e1e1e;
border-radius:4px;
box-shadow:none;
outline:none;
overflow:auto;
width:300px;
}
.block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview{
margin:16px 0;
max-height:468px;
overflow:hidden;
padding:0 16px;
}
.block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview.is-pattern-list-preview{
overflow:unset;
}
.block-editor-block-switcher__preview-title{
color:#757575;
font-size:11px;
font-weight:500;
margin-bottom:12px;
text-transform:uppercase;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{
min-width:36px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{
height:48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{
height:48px;
width:48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{
padding:12px;
}
.block-editor-block-switcher__preview-patterns-container{
padding-bottom:16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{
margin-top:16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{
cursor:pointer;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{
border:1px solid #0000;
border-radius:2px;
height:100%;
position:relative;
transition:all .05s ease-in-out;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{
cursor:pointer;
font-size:12px;
padding:4px;
text-align:center;
}
.block-editor-block-switcher__no-transforms{
color:#757575;
margin:0;
padding:6px 8px;
}
.block-editor-block-switcher__binding-indicator{
display:block;
padding:8px;
}
.block-editor-block-types-list>[role=presentation]{
display:flex;
flex-wrap:wrap;
overflow:hidden;
}
.block-editor-block-pattern-setup{
align-items:flex-start;
border-radius:2px;
display:flex;
flex-direction:column;
justify-content:center;
width:100%;
}
.block-editor-block-pattern-setup.view-mode-grid{
padding-top:4px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{
justify-content:center;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{
column-count:2;
column-gap:24px;
display:block;
padding:0 32px;
width:100%;
}
@media (min-width:1440px){
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{
column-count:3;
}
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{
cursor:pointer;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item{
scroll-margin:5px 0;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{
box-shadow:0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
outline:2px solid #0000;
outline-offset:2px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{
color:var(--wp-admin-theme-color);
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{
break-inside:avoid-column;
margin-bottom:24px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{
cursor:pointer;
font-size:12px;
padding-top:8px;
text-align:center;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{
border:1px solid #ddd;
border-radius:4px;
min-height:100px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{
width:100%;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{
align-items:center;
align-self:stretch;
background-color:#fff;
border-top:1px solid #ddd;
bottom:0;
box-sizing:border-box;
color:#1e1e1e;
display:flex;
flex-direction:row;
height:60px;
justify-content:space-between;
margin:0;
padding:16px;
position:absolute;
text-align:left;
width:100%;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{
display:flex;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{
display:flex;
width:calc(50% - 36px);
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{
justify-content:flex-end;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{
box-sizing:border-box;
display:flex;
flex-direction:column;
height:100%;
width:100%;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{
height:100%;
list-style:none;
margin:0;
overflow:hidden;
padding:0;
position:relative;
transform-style:preserve-3d;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{
box-sizing:border-box;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{
background-color:#fff;
height:100%;
margin:auto;
padding:0;
position:absolute;
top:0;
transition:transform .5s,z-index .5s;
width:100%;
z-index:100;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{
opacity:1;
position:relative;
z-index:102;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{
transform:translateX(-100%);
z-index:101;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{
transform:translateX(100%);
z-index:101;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{
display:none;
}
.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{
width:100%;
}
.block-editor-block-variation-transforms{
padding:0 16px 16px 52px;
width:100%;
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle{
border:1px solid #757575;
border-radius:2px;
justify-content:left;
min-height:30px;
padding:6px 12px;
position:relative;
text-align:left;
width:100%;
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{
padding-right:24px;
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color);
}
.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{
height:100%;
padding:0;
position:absolute;
right:0;
top:0;
}
.block-editor-block-variation-transforms__popover .components-popover__content{
min-width:230px;
}
.components-border-radius-control{
margin-bottom:12px;
}
.components-border-radius-control legend{
margin-bottom:8px;
}
.components-border-radius-control .components-border-radius-control__wrapper{
align-items:flex-start;
display:flex;
justify-content:space-between;
}
.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{
flex-shrink:0;
margin-bottom:0;
margin-right:16px;
width:calc(50% - 8px);
}
.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{
flex:1;
margin-right:12px;
}
.components-border-radius-control .components-border-radius-control__input-controls-wrapper{
display:grid;
gap:16px;
grid-template-columns:repeat(2, minmax(0, 1fr));
margin-right:12px;
}
.components-border-radius-control .component-border-radius-control__linked-button{
display:flex;
justify-content:center;
margin-top:8px;
}
.components-border-radius-control .component-border-radius-control__linked-button svg{
margin-right:0;
}
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{
margin-bottom:12px;
}
.block-editor-color-gradient-control__fieldset{
min-width:0;
}
.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){
display:block;
}
@media screen and (min-width:782px){
.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{
display:grid;
grid-template-columns:repeat(6, 28px);
}
}
.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{
margin-bottom:inherit;
}
.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{
padding:16px;
width:260px;
}
.block-editor-panel-color-gradient-settings__color-indicator{
background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
}
.block-editor-tools-panel-color-gradient-settings__item{
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
max-width:100%;
padding:0;
}
.block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item){
border-top:1px solid #ddd;
border-top-left-radius:2px;
border-top-right-radius:2px;
margin-top:24px;
}
.block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item){
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
}
.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{
border-radius:inherit;
}
.block-editor-tools-panel-color-gradient-settings__dropdown{
display:block;
padding:0;
}
.block-editor-tools-panel-color-gradient-settings__dropdown>button{
height:auto;
padding-bottom:10px;
padding-top:10px;
text-align:left;
}
.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{
background:#f0f0f0;
color:var(--wp-admin-theme-color);
}
.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.block-editor-panel-color-gradient-settings__dropdown{
width:100%;
}
.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{
flex-shrink:0;
}
.block-editor-date-format-picker{
margin-bottom:16px;
}
.block-editor-date-format-picker__custom-format-select-control__custom-option{
border-top:1px solid #ddd;
}
.block-editor-duotone-control__popover>.components-popover__content{
padding:16px;
width:260px;
}
.block-editor-duotone-control__popover .components-menu-group__label{
padding:0;
}
.block-editor-duotone-control__popover .components-circular-option-picker__swatches{
display:grid;
gap:12px;
grid-template-columns:repeat(6, 28px);
justify-content:space-between;
}
.block-editor-duotone-control__unset-indicator{
background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
}
.components-font-appearance-control [role=option]{
color:#1e1e1e;
text-transform:capitalize;
}
.block-editor-global-styles__toggle-icon{
fill:currentColor;
}
.block-editor-global-styles__shadow-popover-container{
width:230px;
}
.block-editor-global-styles__shadow__list{
display:flex;
flex-wrap:wrap;
gap:12px;
padding-bottom:8px;
}
.block-editor-global-styles__clear-shadow{
text-align:right;
}
.block-editor-global-styles-filters-panel__dropdown,.block-editor-global-styles__shadow-dropdown{
display:block;
padding:0;
}
.block-editor-global-styles-filters-panel__dropdown button,.block-editor-global-styles__shadow-dropdown button{
padding:8px;
width:100%;
}
.block-editor-global-styles-filters-panel__dropdown button.is-open,.block-editor-global-styles__shadow-dropdown button.is-open{
background-color:#f0f0f0;
}
.block-editor-global-styles__shadow-indicator{
border:1px solid #e0e0e0;
border-radius:2px;
box-sizing:border-box;
color:#2f2f2f;
cursor:pointer;
height:26px;
padding:0;
transform:scale(1);
transition:transform .1s ease;
width:26px;
will-change:transform;
}
.block-editor-global-styles__shadow-indicator:focus{
border:2px solid #757575;
}
.block-editor-global-styles__shadow-indicator:hover{
transform:scale(1.2);
}
.block-editor-global-styles__shadow-indicator.unset{
background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
}
.block-editor-global-styles-advanced-panel__custom-css-input textarea{
direction:ltr;
font-family:Menlo,Consolas,monaco,monospace;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer{
z-index:30;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .components-popover__content *{
pointer-events:none;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer.is-dropping-allowed .block-editor-grid-visualizer__drop-zone{
pointer-events:all;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .block-editor-inserter *{
pointer-events:auto;
}
.block-editor-grid-visualizer__grid{
display:grid;
}
.block-editor-grid-visualizer__cell{
display:grid;
position:relative;
}
.block-editor-grid-visualizer__cell .block-editor-inserter{
bottom:0;
color:inherit;
left:0;
overflow:hidden;
position:absolute;
right:0;
top:0;
z-index:32;
}
.block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender{
box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 20%, #0000);
color:inherit;
height:100%;
opacity:0;
overflow:hidden;
padding:0 !important;
width:100%;
}
.block-editor-grid-visualizer__cell.is-highlighted .block-editor-grid-visualizer__drop-zone,.block-editor-grid-visualizer__cell.is-highlighted .block-editor-inserter{
background:var(--wp-admin-theme-color);
}
.block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus,.block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender{
background-color:color-mix(in srgb, currentColor 20%, #0000);
opacity:1;
}
.block-editor-grid-visualizer__drop-zone{
background:#cccccc1a;
grid-column:1;
grid-row:1;
height:100%;
min-height:8px;
min-width:8px;
width:100%;
}
.block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer{
z-index:30;
}
.block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer .components-popover__content *{
pointer-events:none;
}
.block-editor-grid-item-resizer__box{
border:1px solid var(--wp-admin-theme-color);
}
.block-editor-grid-item-resizer__box .components-resizable-box__handle.components-resizable-box__handle.components-resizable-box__handle{
pointer-events:all;
}
.block-editor-grid-item-mover__move-button-container{
border:none;
display:flex;
justify-content:center;
padding:0;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button{
min-width:0 !important;
padding-left:0;
padding-right:0;
width:24px;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button svg{
min-width:24px;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before{
animation:components-button__appear-animation .1s ease;
animation-fill-mode:forwards;
border-radius:2px;
content:"";
display:block;
height:32px;
left:8px;
position:absolute;
right:8px;
z-index:-1;
}
@media (prefers-reduced-motion:reduce){
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before{
animation-delay:0s;
animation-duration:1ms;
}
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus,.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:before,.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled{
box-shadow:none;
outline:none;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus-visible:before{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-grid-item-mover__move-vertical-button-container{
display:flex;
position:relative;
}
@media (min-width:600px){
.block-editor-grid-item-mover__move-vertical-button-container{
flex-direction:column;
justify-content:space-around;
}
.block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button{
height:20px !important;
min-width:0 !important;
width:100%;
}
.block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button:before{
height:calc(100% - 4px);
}
.block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-down-button svg,.block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-up-button svg{
flex-shrink:0;
height:20px;
}
.editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container{
height:40px;
position:relative;
top:-5px;
}
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container{
position:relative;
}
@media (min-width:600px){
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before{
background:#e0e0e0;
content:"";
height:100%;
position:absolute;
top:0;
width:1px;
}
}
@media (min-width:782px){
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before{
background:#1e1e1e;
}
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left{
padding-right:6px;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left:before{
right:0;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right{
padding-left:6px;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right:before{
left:0;
}
@media (min-width:600px){
.show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before{
background:#e0e0e0;
content:"";
height:1px;
left:50%;
margin-top:-.5px;
position:absolute;
top:50%;
transform:translate(-50%);
width:100%;
}
}
@media (min-width:782px){
.show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before{
background:#1e1e1e;
}
}
.show-icon-labels .block-editor-grid-item-mover-button{
white-space:nowrap;
}
.show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-horizontal-button-container:before{
background:#ddd;
height:24px;
top:4px;
}
.show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container:before{
background:#ddd;
width:calc(100% - 24px);
}
.block-editor-height-control{
border:0;
margin:0;
padding:0;
}
.block-editor-image-size-control{
margin-bottom:1em;
}
.block-editor-image-size-control .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__width{
margin-bottom:1.115em;
}
.block-editor-block-types-list__list-item{
display:block;
margin:0;
padding:0;
width:33.33%;
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{
color:var(--wp-block-synced-color);
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{
color:var(--wp-block-synced-color) !important;
filter:brightness(.95);
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{
color:var(--wp-block-synced-color) !important;
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{
background:var(--wp-block-synced-color);
}
.components-button.block-editor-block-types-list__item{
align-items:stretch;
background:#0000;
color:#1e1e1e;
cursor:pointer;
display:flex;
flex-direction:column;
font-size:13px;
height:auto;
justify-content:center;
padding:8px;
position:relative;
transition:all .05s ease-in-out;
width:100%;
word-break:break-word;
}
@media (prefers-reduced-motion:reduce){
.components-button.block-editor-block-types-list__item{
transition-delay:0s;
transition-duration:0s;
}
}
.components-button.block-editor-block-types-list__item:disabled{
cursor:default;
opacity:.6;
}
.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{
color:var(--wp-admin-theme-color) !important;
filter:brightness(.95);
}
.components-button.block-editor-block-types-list__item:not(:disabled):hover svg{
color:var(--wp-admin-theme-color) !important;
}
.components-button.block-editor-block-types-list__item:not(:disabled):hover:after{
background:var(--wp-admin-theme-color);
border-radius:2px;
bottom:0;
content:"";
left:0;
opacity:.04;
pointer-events:none;
position:absolute;
right:0;
top:0;
}
.components-button.block-editor-block-types-list__item:not(:disabled):focus{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.components-button.block-editor-block-types-list__item:not(:disabled).is-active{
background:#1e1e1e;
color:#fff;
outline:2px solid #0000;
outline-offset:-2px;
}
.block-editor-block-types-list__item-icon{
color:#1e1e1e;
padding:12px 20px;
transition:all .05s ease-in-out;
}
@media (prefers-reduced-motion:reduce){
.block-editor-block-types-list__item-icon{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-block-types-list__item-icon .block-editor-block-icon{
margin-left:auto;
margin-right:auto;
}
.block-editor-block-types-list__item-icon svg{
transition:all .15s ease-out;
}
@media (prefers-reduced-motion:reduce){
.block-editor-block-types-list__item-icon svg{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{
cursor:grab;
}
.block-editor-block-types-list__item-title{
font-size:12px;
-webkit-hyphens:auto;
hyphens:auto;
padding:4px 2px 8px;
}
.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button{
justify-content:center;
}
.block-editor-inspector-popover-header{
margin-bottom:16px;
}
[class].block-editor-inspector-popover-header__action{
height:24px;
}
[class].block-editor-inspector-popover-header__action.has-icon{
min-width:24px;
padding:0;
}
[class].block-editor-inspector-popover-header__action:not(.has-icon){
text-decoration:underline;
}
.items-justified-left{
justify-content:flex-start;
}
.items-justified-center{
justify-content:center;
}
.items-justified-right{
justify-content:flex-end;
}
.items-justified-space-between{
justify-content:space-between;
}
@keyframes loadingpulse{
0%{
opacity:1;
}
50%{
opacity:0;
}
to{
opacity:1;
}
}
.block-editor-link-control{
min-width:350px;
position:relative;
}
.components-popover__content .block-editor-link-control{
max-width:350px;
min-width:auto;
width:90vw;
}
.show-icon-labels .block-editor-link-control .components-button.has-icon svg{
display:none;
}
.show-icon-labels .block-editor-link-control .components-button.has-icon:before{
content:attr(aria-label);
}
.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top{
flex-wrap:wrap;
gap:4px;
}
.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon{
padding:4px;
width:auto;
}
.show-icon-labels .block-editor-link-control .is-preview .block-editor-link-control__search-item-header{
margin-right:0;
min-width:100%;
}
.block-editor-link-control__search-input-wrapper{
margin-bottom:8px;
position:relative;
}
.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{
position:relative;
}
.block-editor-link-control__field{
margin:16px;
}
.block-editor-link-control__field .components-base-control__label{
color:#1e1e1e;
}
.block-editor-link-control__search-error{
margin:-8px 16px 16px;
}
.block-editor-link-control__search-actions{
padding:8px 16px 16px;
}
.block-editor-link-control__search-results-wrapper{
position:relative;
}
.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{
content:"";
display:block;
left:-1px;
pointer-events:none;
position:absolute;
right:16px;
z-index:100;
}
.block-editor-link-control__search-results-wrapper:before{
bottom:auto;
height:8px;
top:0;
}
.block-editor-link-control__search-results-wrapper:after{
bottom:0;
height:16px;
top:auto;
}
.block-editor-link-control__search-results{
margin-top:-16px;
max-height:200px;
overflow-y:auto;
padding:8px;
}
.block-editor-link-control__search-results.is-loading{
opacity:.2;
}
.block-editor-link-control__search-item.components-button.components-menu-item__button{
height:auto;
text-align:left;
}
.block-editor-link-control__search-item .components-menu-item__item{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
}
.block-editor-link-control__search-item .components-menu-item__item mark{
background-color:initial;
color:inherit;
font-weight:600;
}
.block-editor-link-control__search-item .components-menu-item__shortcut{
color:#757575;
text-transform:capitalize;
white-space:nowrap;
}
.block-editor-link-control__search-item[aria-selected]{
background:#f0f0f0;
}
.block-editor-link-control__search-item.is-current{
background:#0000;
border:0;
cursor:default;
flex-direction:column;
padding:16px;
width:100%;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header{
align-items:center;
display:block;
flex-direction:row;
gap:8px;
margin-right:8px;
overflow-wrap:break-word;
white-space:pre-wrap;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{
color:#757575;
font-size:12px;
line-height:1.1;
word-break:break-all;
}
.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{
display:flex;
flex:1;
}
.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{
align-items:center;
}
.block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title{
word-break:break-all;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-details{
display:flex;
flex-direction:column;
gap:4px;
justify-content:space-between;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon{
background-color:#f0f0f0;
border-radius:2px;
height:32px;
width:32px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{
align-items:center;
display:flex;
flex-shrink:0;
justify-content:center;
position:relative;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{
width:16px;
}
.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{
max-height:32px;
top:0;
width:32px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title{
line-height:1.1;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus{
box-shadow:none;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
text-decoration:none;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{
background-color:initial;
color:inherit;
font-weight:600;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{
font-weight:400;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
clip:rect(0, 0, 0, 0);
border:0;
}
.block-editor-link-control__search-item-top{
align-items:center;
display:flex;
flex-direction:row;
width:100%;
}
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{
opacity:0;
}
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{
animation:loadingpulse 1s linear infinite;
animation-delay:.5s;
background-color:#f0f0f0;
border-radius:100%;
bottom:0;
content:"";
display:block;
left:0;
position:absolute;
right:0;
top:0;
}
.block-editor-link-control__loading{
align-items:center;
display:flex;
margin:16px;
}
.block-editor-link-control__loading .components-spinner{
margin-top:0;
}
.components-button+.block-editor-link-control__search-create{
overflow:visible;
padding:12px 16px;
}
.components-button+.block-editor-link-control__search-create:before{
content:"";
display:block;
left:0;
position:absolute;
top:-10px;
width:100%;
}
.block-editor-link-control__search-create{
align-items:center;
}
.block-editor-link-control__search-create .block-editor-link-control__search-item-title{
margin-bottom:0;
}
.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{
top:0;
}
.block-editor-link-control__drawer-inner{
display:flex;
flex-basis:100%;
flex-direction:column;
position:relative;
}
.block-editor-link-control__setting{
flex:1;
margin-bottom:0;
padding:8px 0 8px 24px;
}
.block-editor-link-control__setting .components-base-control__field{
display:flex;
}
.block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label{
color:#1e1e1e;
}
.block-editor-link-control__setting input{
margin-left:0;
}
.is-preview .block-editor-link-control__setting{
padding:20px 8px 8px 0;
}
.block-editor-link-control__tools{
margin-top:-16px;
padding:8px 8px 0;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle{
gap:0;
padding-left:0;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{
color:#1e1e1e;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{
transform:rotate(90deg);
transition:transform .1s ease;
visibility:visible;
}
@media (prefers-reduced-motion:reduce){
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{
transform:rotate(0deg);
transition:transform .1s ease;
visibility:visible;
}
@media (prefers-reduced-motion:reduce){
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner{
display:block;
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{
bottom:auto;
left:auto;
position:absolute;
right:40px;
top:calc(50% - 8px);
}
.block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner{
right:12px;
top:calc(50% + 4px);
}
.block-editor-list-view-tree{
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
}
.components-modal__content .block-editor-list-view-tree{
margin:-12px -6px 0;
width:calc(100% + 12px);
}
.block-editor-list-view-tree.is-dragging tbody{
pointer-events:none;
}
.block-editor-list-view-leaf{
position:relative;
transform:translateY(0);
}
.block-editor-list-view-leaf.is-draggable,.block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents{
cursor:grab;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true]{
color:inherit;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{
color:var(--wp-admin-theme-color);
}
.is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{
color:inherit;
}
.block-editor-list-view-leaf.is-selected td{
background:var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf.is-selected.is-synced td{
background:var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{
color:var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{
color:#fff;
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
}
.block-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) #fff;
}
.block-editor-list-view-leaf.is-first-selected td:first-child{
border-top-left-radius:2px;
}
.block-editor-list-view-leaf.is-first-selected td:last-child{
border-top-right-radius:2px;
}
.block-editor-list-view-leaf.is-last-selected td:first-child{
border-bottom-left-radius:2px;
}
.block-editor-list-view-leaf.is-last-selected td:last-child{
border-bottom-right-radius:2px;
}
.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){
background:rgba(var(--wp-admin-theme-color--rgb), .04);
}
.block-editor-list-view-leaf.is-synced-branch.is-branch-selected{
background:rgba(var(--wp-block-synced-color--rgb), .04);
}
.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{
border-top-left-radius:2px;
}
.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{
border-top-right-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child{
border-top-left-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child{
border-top-right-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child{
border-bottom-left-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child{
border-bottom-right-radius:2px;
}
.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{
border-radius:0;
}
.block-editor-list-view-leaf.is-displacement-normal{
transform:translateY(0);
transition:transform .2s;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf.is-displacement-normal{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf.is-displacement-up{
transform:translateY(-32px);
transition:transform .2s;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf.is-displacement-up{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf.is-displacement-down{
transform:translateY(32px);
transition:transform .2s;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf.is-displacement-down{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks{
transform:translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px)*-1));
transition:transform .2s;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf.is-after-dragged-blocks{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{
transform:translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1));
transition:transform .2s;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{
transform:translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1));
transition:transform .2s;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf.is-dragging{
left:0;
opacity:0;
pointer-events:none;
z-index:-9999;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents{
align-items:center;
display:flex;
height:32px;
padding:6px 4px 6px 0;
position:relative;
text-align:left;
white-space:nowrap;
width:100%;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{
border-top:4px solid var(--wp-admin-theme-color);
content:"";
left:0;
pointer-events:none;
position:absolute;
right:0;
top:-2px;
transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;
}
.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{
padding-left:0;
padding-right:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents{
box-shadow:none;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents:after{
border-radius:inherit;
bottom:0;
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
content:"";
left:0;
pointer-events:none;
position:absolute;
right:-29px;
top:0;
z-index:2;
}
.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{
right:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
z-index:1;
}
.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{
animation:__wp-base-styles-fade-in .08s linear 0s;
animation-fill-mode:forwards;
opacity:1;
}
@keyframes __wp-base-styles-fade-in{
0%{
opacity:0;
}
to{
opacity:1;
}
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{
animation-delay:0s;
animation-duration:1ms;
}
}
.block-editor-list-view-leaf .block-editor-block-icon{
flex:0 0 24px;
margin-right:4px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{
padding:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{
line-height:0;
vertical-align:middle;
width:36px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{
opacity:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{
opacity:1;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{
min-width:24px;
padding:0;
width:24px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{
padding-right:4px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{
height:24px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{
align-items:center;
display:flex;
flex-direction:column;
height:100%;
}
.block-editor-list-view-leaf .block-editor-block-mover-button{
height:24px;
position:relative;
width:36px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button svg{
height:24px;
position:relative;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{
align-items:flex-end;
margin-top:-6px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{
bottom:-4px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{
align-items:flex-start;
margin-bottom:-6px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{
top:-4px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button:before{
height:16px;
left:0;
min-width:100%;
right:0;
}
.block-editor-list-view-leaf .block-editor-inserter__toggle{
background:#1e1e1e;
color:#fff;
height:24px;
margin:6px 6px 6px 1px;
min-width:24px;
}
.block-editor-list-view-leaf .block-editor-inserter__toggle:active{
color:#fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg{
left:2px;
position:relative;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{
flex:1;
position:relative;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{
position:absolute;
transform:translateY(-50%);
width:100%;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{
max-width:min(110px, 40%);
position:relative;
width:100%;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{
background:#0000001a;
border-radius:1px;
box-sizing:border-box;
max-width:100%;
padding:2px 6px;
position:absolute;
right:0;
transform:translateY(-50%);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{
background:#0000004d;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,.block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky{
line-height:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__images{
display:flex;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image{
background-size:cover;
border-radius:1px;
height:18px;
width:18px;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child){
box-shadow:0 0 0 2px #fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child){
margin-left:-6px;
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child){
box-shadow:0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-list-view-draggable-chip{
opacity:.8;
}
.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{
display:flex;
}
.block-editor-list-view__expander{
cursor:pointer;
height:24px;
width:24px;
}
.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{
margin-left:192px;
}
.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{
margin-left:0;
}
.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{
margin-left:24px;
}
.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{
margin-left:48px;
}
.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{
margin-left:72px;
}
.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{
margin-left:96px;
}
.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{
margin-left:120px;
}
.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{
margin-left:144px;
}
.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{
margin-left:168px;
}
.block-editor-list-view-leaf .block-editor-list-view__expander{
visibility:hidden;
}
.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{
transform:rotate(90deg);
transition:transform .2s ease;
visibility:visible;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{
transform:rotate(0deg);
transition:transform .2s ease;
visibility:visible;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-drop-indicator{
pointer-events:none;
}
.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{
background:var(--wp-admin-theme-color);
border-radius:4px;
height:4px;
}
.block-editor-list-view-drop-indicator--preview{
pointer-events:none;
}
.block-editor-list-view-drop-indicator--preview .components-popover__content{
overflow:hidden !important;
}
.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line{
background:rgba(var(--wp-admin-theme-color--rgb), .04);
border-radius:4px;
height:32px;
overflow:hidden;
}
.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker{
background:rgba(var(--wp-admin-theme-color--rgb), .09);
}
.block-editor-list-view-placeholder{
height:32px;
margin:0;
padding:0;
}
.list-view-appender .block-editor-inserter__toggle{
background-color:#1e1e1e;
color:#fff;
height:24px;
margin:8px 0 0 24px;
min-width:24px;
padding:0;
}
.list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{
background:var(--wp-admin-theme-color);
color:#fff;
}
.list-view-appender__description,.modal-open .block-editor-media-replace-flow__options{
display:none;
}
.block-editor-media-replace-flow__indicator{
margin-left:4px;
}
.block-editor-media-flow__url-input{
margin-left:-8px;
margin-right:-8px;
padding:16px;
}
.block-editor-media-flow__url-input.has-siblings{
border-top:1px solid #1e1e1e;
margin-top:8px;
padding-bottom:8px;
}
.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{
display:block;
margin-bottom:8px;
top:16px;
}
.block-editor-media-flow__url-input .block-editor-link-control{
width:300px;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{
margin:0;
padding:0;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info,.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{
max-width:200px;
white-space:nowrap;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools{
justify-content:flex-end;
padding:16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus);
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{
padding:0;
width:auto;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{
margin:0;
width:100%;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{
padding:8px 0 0;
}
.block-editor-media-flow__error{
max-width:255px;
padding:0 20px 20px;
}
.block-editor-media-flow__error .components-with-notices-ui{
max-width:255px;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{
overflow:hidden;
word-wrap:break-word;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{
position:absolute;
right:10px;
}
.block-editor-multi-selection-inspector__card{
align-items:flex-start;
display:flex;
padding:16px;
}
.block-editor-multi-selection-inspector__card-content{
flex-grow:1;
}
.block-editor-multi-selection-inspector__card-title{
font-weight:500;
margin-bottom:5px;
}
.block-editor-multi-selection-inspector__card-description{
font-size:13px;
}
.block-editor-multi-selection-inspector__card .block-editor-block-icon{
height:24px;
margin-left:-2px;
margin-right:10px;
padding:0 3px;
width:36px;
}
.block-editor-responsive-block-control{
border-bottom:1px solid #ccc;
margin-bottom:28px;
padding-bottom:14px;
}
.block-editor-responsive-block-control:last-child{
border-bottom:0;
padding-bottom:0;
}
.block-editor-responsive-block-control__title{
margin:0 0 .6em -3px;
}
.block-editor-responsive-block-control__label{
font-weight:600;
margin-bottom:.6em;
margin-left:-3px;
}
.block-editor-responsive-block-control__inner{
margin-left:-1px;
}
.block-editor-responsive-block-control__toggle{
margin-left:1px;
}
.block-editor-responsive-block-control .components-base-control__help{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal !important;
}
.components-popover.block-editor-rich-text__inline-format-toolbar{
z-index:99998;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{
box-shadow:none;
margin-bottom:8px;
min-width:auto;
outline:none;
width:auto;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{
border-radius:2px;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{
min-height:48px;
min-width:48px;
padding-left:12px;
padding-right:12px;
}
.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{
justify-content:center;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{
width:auto;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{
display:none;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{
content:attr(aria-label);
}
.block-editor-skip-to-selected-block{
position:absolute;
top:-9999em;
}
.block-editor-skip-to-selected-block:focus{
background:#f1f1f1;
box-shadow:0 0 2px 2px #0009;
color:var(--wp-admin-theme-color);
display:block;
font-size:14px;
font-weight:600;
height:auto;
line-height:normal;
outline:none;
padding:15px 23px 14px;
text-decoration:none;
width:auto;
z-index:100000;
}
.block-editor-tabbed-sidebar{
background-color:#fff;
display:flex;
flex-direction:column;
flex-grow:1;
height:100%;
overflow:hidden;
}
.block-editor-tabbed-sidebar__tablist-and-close-button{
border-bottom:1px solid #ddd;
display:flex;
justify-content:space-between;
padding-right:12px;
}
.block-editor-tabbed-sidebar__close-button{
align-self:center;
background:#fff;
order:1;
}
.block-editor-tabbed-sidebar__tablist{
margin-bottom:-1px;
}
.block-editor-tabbed-sidebar__tabpanel{
display:flex;
flex-direction:column;
flex-grow:1;
overflow-y:auto;
scrollbar-gutter:auto;
}
.block-editor-tool-selector__help{
border-top:1px solid #ddd;
color:#757575;
margin:8px -8px -8px;
min-width:280px;
padding:16px;
}
.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{
flex-grow:1;
padding:1px;
position:relative;
}
@media (min-width:600px){
.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{
min-width:300px;
width:auto;
}
}
.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width__suggestions{
width:100%;
}
.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{
margin:0;
position:absolute;
right:8px;
top:calc(50% - 8px);
}
.block-editor-url-input__suggestions{
max-height:200px;
overflow-y:auto;
padding:4px 0;
transition:all .15s ease-in-out;
width:302px;
}
@media (prefers-reduced-motion:reduce){
.block-editor-url-input__suggestions{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{
display:none;
}
@media (min-width:600px){
.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{
display:grid;
}
}
.block-editor-url-input__suggestion{
background:#fff;
border:none;
box-shadow:none;
color:#757575;
cursor:pointer;
display:block;
font-size:13px;
height:auto;
min-height:36px;
text-align:left;
width:100%;
}
.block-editor-url-input__suggestion:hover{
background:#ddd;
}
.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{
background:var(--wp-admin-theme-color-darker-20);
color:#fff;
outline:none;
}
.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{
position:inherit;
}
.block-editor-url-input__button .block-editor-url-input__back{
margin-right:4px;
overflow:visible;
}
.block-editor-url-input__button .block-editor-url-input__back:after{
background:#ddd;
content:"";
display:block;
height:24px;
position:absolute;
right:-1px;
width:1px;
}
.block-editor-url-input__button-modal{
background:#fff;
border:1px solid #ddd;
box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
}
.block-editor-url-input__button-modal-line{
align-items:flex-start;
display:flex;
flex-direction:row;
flex-grow:1;
flex-shrink:1;
min-width:0;
}
.block-editor-url-input__button-modal-line .components-button{
flex-shrink:0;
height:36px;
width:36px;
}
.block-editor-url-popover__additional-controls{
border-top:1px solid #1e1e1e;
padding:8px;
}
.block-editor-url-popover__input-container{
padding:8px;
}
.block-editor-url-popover__row{
align-items:center;
display:flex;
gap:4px;
}
.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){
flex-grow:1;
gap:8px;
}
.block-editor-url-popover__additional-controls .components-button.has-icon{
height:auto;
padding-left:8px;
padding-right:8px;
text-align:left;
}
.block-editor-url-popover__additional-controls .components-button.has-icon>svg{
margin-right:8px;
}
.block-editor-url-popover__settings-toggle{
flex-shrink:0;
}
.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{
transform:rotate(180deg);
}
.block-editor-url-popover__settings{
border-top:1px solid #1e1e1e;
display:block;
padding:16px;
}
.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{
display:flex;
}
.block-editor-url-popover__link-viewer-url{
align-items:center;
display:flex;
flex-grow:1;
flex-shrink:1;
margin-right:8px;
max-width:350px;
min-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.block-editor-url-popover__link-viewer-url.has-invalid-link{
color:#cc1818;
}
.block-editor-url-popover__expand-on-click{
align-items:center;
display:flex;
min-width:350px;
white-space:nowrap;
}
.block-editor-url-popover__expand-on-click .text{
flex-grow:1;
}
.block-editor-url-popover__expand-on-click .text p{
line-height:16px;
margin:0;
}
.block-editor-url-popover__expand-on-click .text p.description{
color:#757575;
font-size:12px;
}
.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack{
flex-direction:row;
}
.block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext{
color:#757575;
font-size:12px;
margin-bottom:16px;
}
div.block-editor-bindings__panel{
grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));
}
div.block-editor-bindings__panel button:hover .block-editor-bindings__item span{
color:inherit;
}
.border-block-support-panel .single-column{
grid-column:span 1;
}
.color-block-support-panel .block-editor-contrast-checker{
grid-column:span 2;
margin-top:16px;
order:9999;
}
.color-block-support-panel .block-editor-contrast-checker .components-notice__content{
margin-right:0;
}
.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{
row-gap:0;
}
.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{
margin-top:0;
}
.dimensions-block-support-panel .single-column{
grid-column:span 1;
}
.block-editor-hooks__layout-constrained .components-base-control{
margin-bottom:0;
}
.block-editor-hooks__layout-constrained-helptext{
color:#757575;
font-size:12px;
margin-bottom:0;
}
.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{
margin-bottom:12px;
}
.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{
margin-bottom:8px;
}
.block-editor__spacing-visualizer{
border-color:var(--wp-admin-theme-color);
border-style:solid;
bottom:0;
box-sizing:border-box;
left:0;
opacity:.5;
pointer-events:none;
position:absolute;
right:0;
top:0;
}
.typography-block-support-panel .single-column{
grid-column:span 1;
}
.block-editor-block-toolbar{
display:flex;
flex-grow:1;
overflow-x:auto;
overflow-y:hidden;
position:relative;
transition:border-color .1s linear,box-shadow .1s linear;
width:100%;
}
@media (prefers-reduced-motion:reduce){
.block-editor-block-toolbar{
transition-delay:0s;
transition-duration:0s;
}
}
@media (min-width:600px){
.block-editor-block-toolbar{
overflow:inherit;
}
}
.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{
background:none;
border:0;
border-right:1px solid #ddd;
margin-bottom:-1px;
margin-top:-1px;
}
.block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-connected .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors,.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{
color:var(--wp-block-synced-color);
}
.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{
border-right:none;
}
.block-editor-block-contextual-toolbar{
background-color:#fff;
display:block;
flex-shrink:3;
position:sticky;
top:0;
width:100%;
z-index:31;
}
.block-editor-block-contextual-toolbar.components-accessible-toolbar{
border:none;
border-radius:0;
}
.block-editor-block-contextual-toolbar.is-unstyled{
box-shadow:0 1px 0 0 rgba(0,0,0,.133);
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar{
overflow:auto;
overflow-y:hidden;
scrollbar-color:#e0e0e0 #0000;
scrollbar-gutter:stable both-edges;
scrollbar-gutter:auto;
scrollbar-width:thin;
will-change:transform;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar{
height:12px;
width:12px;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track{
background-color:initial;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb{
background-clip:padding-box;
background-color:#e0e0e0;
border:3px solid #0000;
border-radius:8px;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb{
background-color:#949494;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover{
scrollbar-color:#949494 #0000;
}
@media (hover:none){
.block-editor-block-contextual-toolbar .block-editor-block-toolbar{
scrollbar-color:#949494 #0000;
}
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar-group:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child:after{
display:none;
}
.block-editor-block-contextual-toolbar>.block-editor-block-toolbar{
flex-grow:0;
width:auto;
}
.block-editor-block-contextual-toolbar .block-editor-block-parent-selector{
margin-bottom:-1px;
margin-top:-1px;
position:relative;
}
.block-editor-block-contextual-toolbar .block-editor-block-parent-selector:after{
align-items:center;
background-color:#1e1e1e;
border-radius:100%;
content:"";
display:inline-flex;
height:2px;
position:absolute;
right:0;
top:15px;
width:2px;
}
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
margin:0 !important;
width:24px !important;
}
.block-editor-block-toolbar__block-controls .components-toolbar-group{
padding:0;
}
.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{
display:flex;
flex-wrap:nowrap;
}
.block-editor-block-toolbar__slot{
display:inline-flex;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{
width:auto;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{
display:none;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{
content:attr(aria-label);
font-size:12px;
}
.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{
padding-left:6px;
padding-right:6px;
}
.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
height:0 !important;
min-width:0 !important;
width:0 !important;
}
.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
border-bottom-right-radius:0;
border-top-right-radius:0;
padding-left:12px;
padding-right:12px;
text-wrap:nowrap;
}
.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon{
width:0;
}
.show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container{
position:relative;
width:auto;
}
@media (min-width:600px){
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{
background:#e0e0e0;
content:"";
height:1px;
left:50%;
margin-top:-.5px;
position:absolute;
top:50%;
transform:translate(-50%);
width:100%;
}
}
@media (min-width:782px){
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{
background:#1e1e1e;
}
}
.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button,.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{
padding-left:6px;
padding-right:6px;
}
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button{
padding-left:8px;
padding-right:8px;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{
border-left:1px solid #ddd;
margin-left:6px;
margin-right:-6px;
white-space:nowrap;
}
.show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon{
padding-left:12px;
padding-right:12px;
}
.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{
width:auto;
}
.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{
flex-shrink:1;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{
margin-left:6px;
}
.block-editor-inserter{
background:none;
border:none;
display:inline-block;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
line-height:0;
padding:0;
}
@media (min-width:782px){
.block-editor-inserter{
position:relative;
}
}
.block-editor-inserter__main-area{
gap:16px;
height:100%;
position:relative;
}
.block-editor-inserter__main-area.show-as-tabs{
gap:0;
}
@media (min-width:782px){
.block-editor-inserter__main-area .block-editor-tabbed-sidebar{
width:350px;
}
}
.block-editor-inserter__popover.is-quick .components-popover__content{
border:none;
box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
outline:none;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{
border-radius:4px 4px 0 0;
border-top:1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{
border-bottom:1px solid #ccc;
border-radius:0 0 4px 4px;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{
border:1px solid #1e1e1e;
}
.block-editor-inserter__popover .block-editor-inserter__menu{
margin:-12px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tablist{
top:60px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{
height:auto;
overflow:visible;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{
display:none;
}
.block-editor-inserter__toggle.components-button{
align-items:center;
border:none;
cursor:pointer;
display:inline-flex;
outline:none;
padding:0;
transition:color .2s ease;
}
@media (prefers-reduced-motion:reduce){
.block-editor-inserter__toggle.components-button{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-inserter__menu{
height:100%;
overflow:visible;
position:relative;
}
@media (min-width:782px){
.block-editor-inserter__menu.show-panel{
width:630px;
}
}
.block-editor-inserter__inline-elements{
margin-top:-1px;
}
.block-editor-inserter__menu.is-bottom:after{
border-bottom-color:#fff;
}
.components-popover.block-editor-inserter__popover{
z-index:99999;
}
.block-editor-inserter__search{
padding:16px 16px 0;
}
.block-editor-inserter__no-tab-container{
flex-grow:1;
overflow-y:auto;
position:relative;
}
.block-editor-inserter__panel-header{
align-items:center;
display:inline-flex;
padding:16px 16px 0;
}
.block-editor-inserter__panel-content{
padding:16px;
}
.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{
color:#757575;
font-size:11px;
font-weight:500;
margin:0 12px 0 0;
text-transform:uppercase;
}
.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{
height:36px;
line-height:36px;
}
.block-editor-inserter__panel-dropdown select{
border:none;
}
.block-editor-inserter__reusable-blocks-panel{
position:relative;
text-align:right;
}
.block-editor-inserter__no-results,.block-editor-inserter__patterns-loading{
padding:32px;
text-align:center;
}
.block-editor-inserter__no-results-icon{
fill:#949494;
}
.block-editor-inserter__child-blocks{
padding:0 16px;
}
.block-editor-inserter__parent-block-header{
align-items:center;
display:flex;
}
.block-editor-inserter__parent-block-header h2{
font-size:13px;
}
.block-editor-inserter__parent-block-header .block-editor-block-icon{
margin-right:8px;
}
.block-editor-inserter__preview-container__popover{
top:16px !important;
}
.block-editor-inserter__preview-container{
display:none;
max-height:calc(100% - 32px);
overflow-y:hidden;
padding:16px;
width:280px;
}
@media (min-width:782px){
.block-editor-inserter__preview-container{
display:block;
}
}
.block-editor-inserter__preview-container .block-editor-inserter__media-list__list-item{
height:100%;
}
.block-editor-inserter__preview-container .block-editor-block-card{
padding-bottom:4px;
padding-left:0;
padding-right:0;
}
.block-editor-inserter__insertable-blocks-at-selection{
border-bottom:1px solid #e0e0e0;
}
.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__media-tabs-container{
display:flex;
flex-direction:column;
height:100%;
justify-content:space-between;
padding:16px;
}
.block-editor-inserter__category-tablist{
border:none;
display:flex;
flex-direction:column;
margin-bottom:8px;
}
.block-editor-inserter__category-tablist div[role=listitem]:last-child{
margin-top:auto;
}
.block-editor-inserter__category-tablist[aria-orientation=vertical]:after{
content:none;
}
.block-editor-inserter__category-tablist .block-editor-inserter__category-tab{
display:block;
font-weight:inherit;
height:auto;
padding:8px 4px 8px 12px;
position:relative;
text-align:left;
}
.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]{
color:var(--wp-admin-theme-color);
}
.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] .components-flex-item{
filter:brightness(.95);
}
.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] svg{
fill:var(--wp-admin-theme-color);
}
.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]:after{
background:var(--wp-admin-theme-color);
border-radius:2px;
bottom:0;
content:"";
display:block;
height:100%;
left:0;
opacity:.04;
outline:none;
position:absolute;
right:0;
top:0;
}
.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus-visible,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus:not(:disabled){
border-radius:2px;
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
outline-offset:0;
}
.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:after,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:before{
display:none;
}
.block-editor-inserter__category-panel{
display:flex;
flex-direction:column;
outline:1px solid #0000;
padding:0 16px;
}
@media (min-width:782px){
.block-editor-inserter__category-panel{
background:#f0f0f0;
border-left:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
height:calc(100% + 1px);
left:350px;
padding:0;
position:absolute;
top:-1px;
width:280px;
}
.block-editor-inserter__category-panel .block-editor-block-patterns-list,.block-editor-inserter__category-panel .block-editor-inserter__media-list{
padding:0 24px 16px;
}
}
.block-editor-inserter__patterns-category-panel-header{
padding:8px 0;
}
@media (min-width:782px){
.block-editor-inserter__patterns-category-panel-header{
padding:8px 24px;
}
}
.block-editor-inserter__patterns-category-no-results{
margin-top:24px;
}
.block-editor-block-patterns-list,.block-editor-inserter__media-list{
flex-grow:1;
height:100%;
overflow-y:auto;
}
.block-editor-inserter__preview-content{
align-items:center;
background:#f0f0f0;
display:grid;
flex-grow:1;
}
.block-editor-inserter__preview-content-missing{
align-items:center;
background:#f0f0f0;
border-radius:2px;
color:#757575;
display:flex;
flex:1;
justify-content:center;
min-height:144px;
}
.block-editor-inserter__tips{
border-top:1px solid #ddd;
flex-shrink:0;
padding:16px;
position:relative;
}
.block-editor-inserter__quick-inserter{
max-width:100%;
width:100%;
}
@media (min-width:782px){
.block-editor-inserter__quick-inserter{
width:350px;
}
}
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{
float:left;
height:0;
padding:0;
}
.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{
padding:16px;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:8px;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
margin-bottom:0;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{
min-height:100px;
}
.block-editor-inserter__quick-inserter-separator{
border-top:1px solid #ddd;
}
.block-editor-inserter__popover.is-quick>.components-popover__content{
padding:0;
}
.block-editor-inserter__quick-inserter-expand.components-button{
background:#1e1e1e;
border-radius:0;
color:#fff;
display:block;
width:100%;
}
.block-editor-inserter__quick-inserter-expand.components-button:hover{
color:#fff;
}
.block-editor-inserter__quick-inserter-expand.components-button:active{
color:#ccc;
}
.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){
background:var(--wp-admin-theme-color);
border-color:var(--wp-admin-theme-color);
box-shadow:none;
}
.block-editor-block-patterns-explorer__sidebar{
bottom:0;
left:0;
overflow-x:visible;
overflow-y:scroll;
padding:24px 32px 32px;
position:absolute;
top:72px;
width:280px;
}
.block-editor-block-patterns-explorer__sidebar__categories-list__item{
display:block;
height:48px;
text-align:left;
width:100%;
}
.block-editor-block-patterns-explorer__search{
margin-bottom:32px;
}
.block-editor-block-patterns-explorer__search-results-count{
padding-bottom:32px;
}
.block-editor-block-patterns-explorer__list{
margin-left:280px;
padding:24px 0 32px;
}
.block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container{
width:380px;
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list{
display:grid;
grid-gap:32px;
grid-template-columns:repeat(1, 1fr);
margin-bottom:16px;
}
@media (min-width:1080px){
.block-editor-block-patterns-explorer .block-editor-block-patterns-list{
grid-template-columns:repeat(2, 1fr);
}
}
@media (min-width:1440px){
.block-editor-block-patterns-explorer .block-editor-block-patterns-list{
grid-template-columns:repeat(3, 1fr);
}
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
min-height:240px;
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{
height:inherit;
max-height:800px;
min-height:100px;
}
.components-heading.block-editor-inserter__patterns-category-panel-title{
font-weight:500;
}
.block-editor-inserter__media-library-button.components-button,.block-editor-inserter__patterns-explore-button.components-button{
justify-content:center;
margin-top:16px;
padding:16px;
width:100%;
}
.block-editor-inserter__media-panel{
display:flex;
flex-direction:column;
min-height:100%;
padding:0 16px;
}
@media (min-width:782px){
.block-editor-inserter__media-panel{
padding:0;
}
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{
align-items:center;
display:flex;
flex:1;
height:100%;
justify-content:center;
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search{
margin-bottom:24px;
}
@media (min-width:782px){
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search{
margin-bottom:0;
padding:16px 24px;
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within){
--wp-components-color-background:#fff;
}
}
.block-editor-inserter__media-list__list-item{
cursor:pointer;
margin-bottom:24px;
position:relative;
}
.block-editor-inserter__media-list__list-item.is-placeholder{
min-height:100px;
}
.block-editor-inserter__media-list__list-item[draggable=true] .block-editor-inserter__media-list__list-item{
cursor:grab;
}
.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview>*{
outline-color:#0000004d;
}
.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{
display:block;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{
position:absolute;
right:8px;
top:8px;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{
background:#fff;
display:none;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{
display:block;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{
box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-inserter__media-list__item{
height:100%;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{
align-items:center;
border-radius:2px;
display:flex;
overflow:hidden;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{
margin:0 auto;
max-width:100%;
outline:1px solid #0000001a;
outline-offset:-1px;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner{
align-items:center;
background:#ffffffb3;
display:flex;
height:100%;
justify-content:center;
pointer-events:none;
position:absolute;
width:100%;
}
.block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{
outline-color:var(--wp-admin-theme-color);
outline-offset:calc(-1*var(--wp-admin-border-width-focus));
outline-width:var(--wp-admin-border-width-focus);
transition:outline .1s linear;
}
@media (prefers-reduced-motion:reduce){
.block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{
min-width:auto;
}
.block-editor-inserter__mobile-tab-navigation{
height:100%;
padding:16px;
}
.block-editor-inserter__mobile-tab-navigation>*{
height:100%;
}
@media (min-width:600px){
.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal{
max-width:480px;
}
}
.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p{
margin:0;
}
.block-editor-inserter__hint{
margin:16px 16px 0;
}
.block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input{
height:40px;
}
.block-editor-inserter__pattern-panel-placeholder{
display:none;
}
.block-editor-inserter__menu.is-zoom-out{
display:flex;
}
@media (min-width:782px){
.block-editor-inserter__menu.is-zoom-out.show-panel:after{
content:"";
display:block;
height:100%;
width:300px;
}
}
@media (max-width:959px){
.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{
flex-direction:column;
}
}
.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{
flex-direction:column;
}
.block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text{
padding:0 24px 16px;
}
.spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{
margin-bottom:0;
}
.spacing-sizes-control .is-marked .components-range-control__track{
transition:width .1s ease;
}
@media (prefers-reduced-motion:reduce){
.spacing-sizes-control .is-marked .components-range-control__track{
transition-delay:0s;
transition-duration:0s;
}
}
.spacing-sizes-control .is-marked .components-range-control__thumb-wrapper{
transition:left .1s ease;
}
@media (prefers-reduced-motion:reduce){
.spacing-sizes-control .is-marked .components-range-control__thumb-wrapper{
transition-delay:0s;
transition-duration:0s;
}
}
.spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{
flex:1;
margin-bottom:0;
}
.spacing-sizes-control .components-range-control__mark{
background-color:#fff;
height:4px;
top:-4px;
transform:translateX(-50%);
width:2px;
z-index:1;
}
.spacing-sizes-control .components-range-control__marks{
margin-top:17px;
}
.spacing-sizes-control .components-range-control__thumb-wrapper{
z-index:3;
}
.spacing-sizes-control__header{
height:16px;
margin-bottom:12px;
}
.spacing-sizes-control__dropdown{
height:24px;
}
.spacing-sizes-control__custom-select-control,.spacing-sizes-control__custom-value-input{
flex:1;
}
.spacing-sizes-control__custom-toggle,.spacing-sizes-control__icon{
flex:0 0 auto;
}
.spacing-sizes-control__icon{
margin-left:-4px;
}
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;
}
}
Reference in New Issue View Git Blame Copy Permalink