Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 3.133.127.131
:root{
--wp-admin-theme-color:#007cba;
--wp-admin-theme-color--rgb:0, 124, 186;
--wp-admin-theme-color-darker-10:#006ba1;
--wp-admin-theme-color-darker-10--rgb:0, 107, 161;
--wp-admin-theme-color-darker-20:#005a87;
--wp-admin-theme-color-darker-20--rgb:0, 90, 135;
--wp-admin-border-width-focus:2px;
--wp-block-synced-color:#7a00df;
--wp-block-synced-color--rgb:122, 0, 223;
}
@media (-webkit-min-device-pixel-ratio:2),(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__link{
white-space:nowrap;
}
.block-editor-autocompleters__link .block-editor-block-icon{
margin-right:8px;
}
.block-editor-block-alignment-control__menu-group .components-menu-item__info{
margin-top:0;
}
.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{
margin-bottom:24px;
}
.block-editor-block-inspector .components-base-control:last-child{
margin-bottom:8px;
}
.block-editor-block-inspector .components-focal-point-picker-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 .block-editor-block-card{
padding:16px;
}
.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-inspector__block-buttons-container{
border-top:1px solid #e0e0e0;
padding:16px;
}
.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;
border-radius:2px;
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-contextual-toolbar{
background-color:#fff;
border:1px solid #1e1e1e;
border-radius:2px;
display:inline-flex;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{
border-right-color:#1e1e1e;
}
.block-editor-block-contextual-toolbar.is-fixed{
border:none;
border-bottom:1px solid #e0e0e0;
border-radius:0;
display:block;
min-height:48px;
position:sticky;
top:0;
width:100%;
z-index:31;
}
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{
border-right-color:#e0e0e0;
}
.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:12px;
margin-top:12px;
pointer-events:all;
}
.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;
}
.is-dragging-components-draggable .components-tooltip{
display:none;
}
.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__checklist{
margin:0;
}
.block-editor-block-lock-modal__options-title{
padding:12px 0;
}
.block-editor-block-lock-modal__options-title .components-checkbox-control__label{
font-weight:600;
}
.block-editor-block-lock-modal__options-title .components-base-control__field{
align-items:center;
display:flex;
}
.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{
fill:#1e1e1e;
flex-shrink:0;
margin-right:12px;
}
.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:12px 0;
}
.block-editor-block-lock-modal__template-lock .components-base-control__field{
margin:0;
}
.block-editor-block-lock-modal__actions{
margin-top:24px;
}
.block-editor-block-lock-toolbar .components-button.has-icon{
min-width:36px !important;
padding-left:0 !important;
}
.block-editor-block-lock-toolbar .components-button.has-icon:focus:before{
right:8px !important;
}
.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__button.components-button{
height:24px;
line-height:24px;
padding:0;
position:relative;
}
.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){
box-shadow:none;
text-decoration:underline;
}
.block-editor-block-breadcrumb__button.components-button:focus{
box-shadow:none;
}
.block-editor-block-breadcrumb__button.components-button:focus:before{
border-radius:2px;
bottom:1px;
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
content:"";
display:block;
left:1px;
position:absolute;
right:1px;
top:1px;
}
.block-editor-block-breadcrumb__current{
cursor:default;
}
.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{
color:#1e1e1e;
font-size:inherit;
padding:0 8px;
}
.block-editor-block-card{
align-items:flex-start;
display:flex;
}
.block-editor-block-card__content{
flex-grow:1;
margin-bottom:4px;
}
.block-editor-block-card__title{
font-weight:500;
}
.block-editor-block-card__title.block-editor-block-card__title{
line-height:24px;
margin:0 0 4px;
}
.block-editor-block-card__description{
font-size:13px;
}
.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 rgba(0,0,0,.3);
color:#fff;
cursor:grabbing;
display:inline-flex;
height:48px;
padding:0 13px;
-webkit-user-select:none;
user-select:none;
}
.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-mover__move-button-container{
border:none;
display:flex;
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:24px;
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:5px;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
bottom:5px;
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;
padding-left:0 !important;
padding-right:0 !important;
width:24px;
}
.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{
min-width:0 !important;
overflow:hidden;
padding-left:0 !important;
padding-right:0 !important;
width:24px;
}
}
.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 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
outline:2px solid transparent;
}
.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-parent-selector{
background:#fff;
border-radius:2px;
}
.block-editor-block-parent-selector .block-editor-block-parent-selector__button{
border:1px solid #1e1e1e;
border-radius:2px;
height:48px;
width:48px;
}
.block-editor-block-patterns-list__list-item{
cursor:pointer;
margin-bottom:24px;
position:relative;
}
.block-editor-block-patterns-list__list-item.is-placeholder{
min-height:100px;
}
.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{
cursor:grab;
}
.block-editor-block-patterns-list__item{
height:100%;
}
.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-patterns-list__item-title{
font-size:12px;
padding-top:8px;
text-align:center;
}
.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{
box-shadow:0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{
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 transparent;
}
.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{
color:var(--wp-admin-theme-color);
}
.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;
}
.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-settings-menu__popover .components-dropdown-menu__menu{
padding:0;
}
.block-editor-block-styles+.default-style-picker__default-switcher{
margin-top:16px;
}
.block-editor-block-styles__preview-panel{
display:none;
left:auto;
position:absolute;
right:16px;
z-index:90;
}
@media (min-width:782px){
.block-editor-block-styles__preview-panel{
display:block;
}
}
.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{
left:auto;
position:static;
right:auto;
top:auto;
}
.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{
margin:0;
}
.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 .block-editor-block-styles__item{
box-shadow:inset 0 0 0 1px #ccc;
color:#2f2f2f;
display:inline-block;
width:calc(50% - 4px);
}
.block-editor-block-styles__variants .block-editor-block-styles__item:focus,.block-editor-block-styles__variants .block-editor-block-styles__item:hover{
box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color);
color:var(--wp-admin-theme-color);
}
.block-editor-block-styles__variants .block-editor-block-styles__item.is-active,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover{
background-color:#2f2f2f;
box-shadow:none;
}
.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{
color:#fff;
}
.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color);
}
.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;
}
.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{
font-size:14px;
}
.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:disabled{
opacity:1;
}
.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{
color:#1e1e1e;
}
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{
align-items:center;
display:flex;
height:100%;
margin:0 auto;
min-width:100%;
position:relative;
}
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{
bottom:8px;
left:8px;
right:8px;
top:8px;
}
.components-popover.block-editor-block-switcher__popover .components-popover__content{
min-width:300px;
}
.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{
left:calc(100% + 16px);
position:absolute;
top:-12px;
}
.block-editor-block-switcher__preview__popover{
display:none;
}
.block-editor-block-switcher__preview__popover.components-popover{
margin-top:11px;
}
@media (min-width:782px){
.block-editor-block-switcher__preview__popover{
display:block;
}
}
.block-editor-block-switcher__preview__popover .components-popover__content{
background:#fff;
border:1px solid #1e1e1e;
border-radius:2px;
box-shadow:none;
outline:none;
}
.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{
height:auto;
margin:16px;
max-height:468px;
overflow:hidden;
width:300px;
}
.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 transparent;
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 transparent;
}
.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-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: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:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid transparent;
}
.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:2px;
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:flex-end;
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__wrapper .components-border-radius-control__range-control>div{
align-items:center;
display:flex;
height:40px;
}
.components-border-radius-control .components-border-radius-control__wrapper>span{
flex:0 0 auto;
}
.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-color-gradient-control__tabs .block-editor-color-gradient-control__panel{
padding:16px;
}
.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);
justify-content:space-between;
}
}
.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, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
}
.block-editor-tools-panel-color-gradient-settings__item{
border-bottom:1px solid rgba(0,0,0,.1);
border-left:1px solid rgba(0,0,0,.1);
border-right:1px solid rgba(0,0,0,.1);
max-width:100%;
padding:0;
}
.block-editor-tools-panel-color-gradient-settings__item.first{
border-top:1px solid rgba(0,0,0,.1);
border-top-left-radius:2px;
border-top-right-radius:2px;
margin-top:24px;
}
.block-editor-tools-panel-color-gradient-settings__item.last{
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-contrast-checker>.components-notice{
margin:0;
}
.block-editor-date-format-picker{
margin-bottom:16px;
}
.block-editor-date-format-picker__default-format-toggle-control__hint{
color:#757575;
display:block;
}
.block-editor-date-format-picker__custom-format-select-control__custom-option{
border-top:1px solid #ddd;
}
.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{
grid-template-columns:auto 30px;
}
.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{
grid-row:2;
text-align:left;
}
.block-editor-duotone-control__popover>.components-popover__content{
padding:16px;
width:280px;
}
.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__description{
font-size:12px;
margin:16px 0;
}
.block-editor-duotone-control__unset-indicator{
background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
}
.components-font-appearance-control ul li{
color:#1e1e1e;
text-transform:capitalize;
}
.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__row{
display:flex;
justify-content:space-between;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{
margin-bottom:.5em;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{
line-height:1.25;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{
margin-right:5px;
}
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{
margin-left:5px;
}
.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:transparent;
border-radius:2px;
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 transparent;
outline-offset:-2px;
}
.block-editor-block-types-list__item-icon{
border-radius:2px;
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;
padding:4px 2px 8px;
}
.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg{
display:none;
}
.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon:before{
content:attr(aria-label);
}
.block-editor-inspector-controls-tabs__hint{
align-items:top;
background:#f0f0f0;
border-radius:2px;
color:#1e1e1e;
display:flex;
flex-direction:row;
margin:16px;
}
.block-editor-inspector-controls-tabs__hint-content{
margin:12px 0 12px 12px;
}
.block-editor-inspector-controls-tabs__hint-dismiss{
margin:4px 4px 4px 0;
}
.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:360px;
position:relative;
}
.components-popover__content .block-editor-link-control{
max-width:360px;
min-width:auto;
width:90vw;
}
.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{
position:relative;
}
.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{
flex:1;
}
.block-editor-link-control__field{
margin:16px;
}
.block-editor-link-control__field>.components-base-control__field{
align-items:center;
display:flex;
}
.block-editor-link-control__field .components-base-control__label{
margin-bottom:0;
margin-right:16px;
min-width:29px;
}
.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{
border:1px solid #ddd;
border-radius:2px;
box-shadow:0 0 0 transparent;
display:block;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
line-height:normal;
margin:0;
padding:11px 36px 11px 16px;
position:relative;
transition:box-shadow .1s linear;
width:calc(100% - 32px);
}
@media (prefers-reduced-motion:reduce){
.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{
transition-delay:0s;
transition-duration:0s;
}
}
@media (min-width:600px){
.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{
font-size:13px;
line-height:normal;
}
}
.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
outline:2px solid transparent;
}
.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{
color:rgba(30,30,30,.62);
}
.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{
color:rgba(30,30,30,.62);
opacity:1;
}
.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{
color:rgba(30,30,30,.62);
}
.block-editor-link-control__search-error{
margin:-8px 16px 16px;
}
.block-editor-link-control__search-actions{
position:absolute;
right:19px;
top:3px;
}
.components-button .block-editor-link-control__search-submit .has-icon{
margin:-1px;
}
.block-editor-link-control__search-results-wrapper{
margin-top:-15px;
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-label{
display:block;
font-weight:600;
padding:16px 32px 0;
}
.block-editor-link-control__search-results{
margin:0;
max-height:200px;
overflow-y:auto;
padding:8px 16px;
}
.block-editor-link-control__search-results.is-loading{
opacity:.2;
}
.block-editor-link-control__search-item{
align-items:flex-start;
background:#fff;
border:none;
border-radius:2px;
cursor:pointer;
display:flex;
font-size:13px;
height:auto;
padding:12px 16px;
position:relative;
text-align:left;
width:100%;
}
.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{
background-color:#f0f0f0;
}
.block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type,.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type{
background:#fff;
}
.block-editor-link-control__search-item:focus:not(:disabled){
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
}
.block-editor-link-control__search-item.is-selected{
background:#f0f0f0;
}
.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{
background:#fff;
}
.block-editor-link-control__search-item.is-current{
background:transparent;
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:flex-start;
display:block;
flex-direction:row;
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{
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 .block-editor-link-control__search-item-icon{
display:flex;
flex-shrink:0;
justify-content:center;
margin-right:8px;
max-height:24px;
position:relative;
top:.2em;
width:24px;
}
.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-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{
overflow:hidden;
text-overflow:ellipsis;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{
margin-top:0;
position:absolute;
right:0;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title{
display:block;
font-weight:500;
margin-bottom:.2em;
position:relative;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{
background-color:transparent;
color:inherit;
font-weight:700;
}
.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 svg{
display:none;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-info{
color:#757575;
display:block;
font-size:.9em;
line-height:1.3;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice{
font-size:1.1em;
font-style:italic;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-type{
background-color:#f0f0f0;
border-radius:2px;
display:block;
font-size:.9em;
margin-left:auto;
padding:3px 6px;
white-space:nowrap;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-description{
margin:0;
padding-top:12px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{
display:flex;
flex-direction:column;
height:28px;
justify-content:space-around;
margin-top:12px;
padding-top:0;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{
background-color:#f0f0f0;
border-radius:3px;
content:"";
display:block;
height:.7em;
width:100%;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{
font-size:.9em;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-image{
background-color:#f0f0f0;
border-radius:2px;
display:flex;
height:140px;
justify-content:center;
margin-top:12px;
max-height:140px;
overflow:hidden;
width:100%;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{
background-color:#f0f0f0;
border-radius:3px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{
display:block;
height:140px;
max-height:140px;
max-width:100%;
}
.block-editor-link-control__search-item-top{
display:flex;
flex-direction:row;
width:100%;
}
.block-editor-link-control__search-item-bottom{
transition:opacity 1.5s;
width:100%;
}
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{
animation:loadingpulse 1s linear infinite;
animation-delay:.5s;
}
.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__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{
padding:10px;
}
.block-editor-link-control__tools{
align-items:center;
border-top:1px solid #ddd;
display:flex;
margin:0;
padding:16px;
}
.block-editor-link-control__unlink{
padding-left:16px;
padding-right:16px;
}
.block-editor-link-control__settings{
flex:1;
margin:0;
}
.block-editor-link-control__settings :last-child{
margin-bottom:0;
}
.is-alternate .block-editor-link-control__settings{
border-top:1px solid #1e1e1e;
}
.block-editor-link-control__setting{
margin-bottom:16px;
}
.block-editor-link-control__setting :last-child{
margin-bottom:0;
}
.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:36px;
top:calc(50% - 8px);
}
.block-editor-link-control__search-item-action{
flex-shrink:0;
margin-left:auto;
}
.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-leaf{
position:relative;
}
.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;
}
.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{
background:none;
color:#1e1e1e;
}
.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-dragging{
display:none;
}
.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[aria-expanded=false].is-branch-selected.is-first-selected td:first-child{
border-top-left-radius:2px;
}
.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child{
border-top-right-radius:2px;
}
.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child{
border-bottom-left-radius:2px;
}
.block-editor-list-view-leaf[aria-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 .block-editor-list-view-block-contents{
align-items:center;
border-radius:2px;
display:flex;
height:auto;
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{
box-shadow:none;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus: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;
}
.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{
box-shadow:none;
}
.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{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
z-index:1;
}
.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{
box-shadow:none;
}
.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{
animation:edit-post__fade-in-animation .2s ease-out 0s;
animation-fill-mode:forwards;
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:8px;
}
.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-bottom:0;
padding-top: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;
}
@media (prefers-reduced-motion:reduce){
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{
transition-delay:0s;
transition-duration:0s;
}
}
.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;
will-change:opacity;
}
.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: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:hover>*{
animation:edit-post__fade-in-animation .2s ease-out 0s;
animation-fill-mode:forwards;
opacity:1;
}
@media (prefers-reduced-motion:reduce){
.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: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:hover>*{
animation-delay:0s;
animation-duration:1ms;
}
}
.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{
min-width:120px;
}
.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:rgba(0,0,0,.1);
border-radius:2px;
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:rgba(0,0,0,.3);
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{
line-height:0;
}
.block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{
display:none;
}
.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{
height:24px;
margin-left:4px;
width:24px;
}
.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{
margin-left:220px;
}
.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{
margin-right:4px;
}
.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:52px;
}
.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{
margin-left:80px;
}
.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{
margin-left:108px;
}
.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{
margin-left:136px;
}
.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{
margin-left:164px;
}
.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{
margin-left:192px;
}
.block-editor-list-view-leaf .block-editor-list-view__expander{
visibility:hidden;
}
.block-editor-list-view-leaf[aria-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[aria-expanded=true] .block-editor-list-view__expander svg{
transition-delay:0s;
transition-duration:0s;
}
}
.block-editor-list-view-leaf[aria-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[aria-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);
height:1px;
}
.block-editor-list-view-placeholder{
height:36px;
margin:0;
padding:0;
}
.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{
border-top:1px solid #1e1e1e;
margin-left:-8px;
margin-right:-8px;
margin-top:8px;
padding:16px;
}
.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:220px;
}
.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 .components-base-control .components-base-control__field{
margin-bottom:0;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{
max-width:180px;
white-space:nowrap;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info{
white-space:nowrap;
}
.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{
right:4px;
top: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{
word-wrap:break-word;
overflow:hidden;
}
.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{
clip:rect(1px, 1px, 1px, 1px);
word-wrap:normal !important;
border:0;
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
.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 rgba(0,0,0,.6);
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-text-decoration-control{
border:0;
margin:0;
padding:0;
}
.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{
display:flex;
padding:4px 0;
}
.block-editor-text-decoration-control .components-button.has-icon{
height:32px;
margin-right:4px;
min-width:32px;
padding:0;
}
.block-editor-text-transform-control{
border:0;
margin:0;
padding:0;
}
.block-editor-text-transform-control .block-editor-text-transform-control__buttons{
display:flex;
padding:4px 0;
}
.block-editor-text-transform-control .components-button.has-icon{
height:32px;
margin-right:4px;
min-width:32px;
padding:0;
}
.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;
}
.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{
border:none;
border-radius:0;
font-size:16px;
margin-left:0;
margin-right:0;
padding:8px 8px 8px 12px;
width:100%;
}
@media (min-width:600px){
.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{
font-size:13px;
width:300px;
}
}
.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{
display:none;
}
.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{
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__input[type=text]{
border:1px solid #949494;
border-radius:2px;
box-shadow:0 0 0 transparent;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
line-height:normal;
padding:6px 8px;
transition:box-shadow .1s linear;
}
@media (prefers-reduced-motion:reduce){
.block-editor-url-input__input[type=text]{
transition-delay:0s;
transition-duration:0s;
}
}
@media (min-width:600px){
.block-editor-url-input__input[type=text]{
font-size:13px;
line-height:normal;
}
}
.block-editor-url-input__input[type=text]:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
outline:2px solid transparent;
}
.block-editor-url-input__input[type=text]::-webkit-input-placeholder{
color:rgba(30,30,30,.62);
}
.block-editor-url-input__input[type=text]::-moz-placeholder{
color:rgba(30,30,30,.62);
opacity:1;
}
.block-editor-url-input__input[type=text]:-ms-input-placeholder{
color:rgba(30,30,30,.62);
}
.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 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
}
.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 #ddd;
}
.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{
box-shadow:none;
}
.block-editor-url-popover__additional-controls div[role=menu]>.components-button{
padding-left:12px;
}
.block-editor-url-popover__row{
display:flex;
}
.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){
flex-grow:1;
}
.block-editor-url-popover .components-button.has-icon{
padding:3px;
}
.block-editor-url-popover .components-button.has-icon>svg{
border-radius:2px;
height:30px;
padding:5px;
width:30px;
}
.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{
box-shadow:none;
}
.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
outline:2px solid transparent;
}
.block-editor-url-popover__settings-toggle{
border-left:1px solid #ddd;
border-radius:0;
flex-shrink:0;
margin-left:1px;
}
.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{
transform:rotate(180deg);
}
.block-editor-url-popover__settings{
border-top:1px solid #ddd;
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{
flex-grow:1;
flex-shrink:1;
margin:7px;
max-width:500px;
min-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.block-editor-url-popover__link-viewer-url.has-invalid-link{
color:#cc1818;
}
.html-anchor-control .components-external-link{
display:block;
margin-top:8px;
}
.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-controls{
display:flex;
margin-bottom:8px;
}
.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{
display:flex;
margin-right:24px;
}
.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{
margin:auto 0 4px 8px;
}
.block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{
margin-bottom:0;
}
.block-editor-hooks__layout-controls-reset{
display:flex;
justify-content:flex-end;
margin-bottom:24px;
}
.block-editor-hooks__layout-controls-helptext{
color:#757575;
font-size:12px;
margin-bottom:16px;
}
.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-hooks__toggle-control.block-editor-hooks__toggle-control{
margin-bottom:16px;
}
.block-editor__padding-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;
}
.block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{
display:none;
}
.block-editor-hooks__position-selection__select-control__option.has-hint{
grid-template-columns:auto 30px;
line-height:1.4;
margin-bottom:0;
}
.block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{
grid-row:2;
text-align:left;
}
.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;
line-height:0;
margin-bottom:-1px;
margin-top:-1px;
}
.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.has-parent:not(.is-fixed){
margin-left:56px;
}
.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){
margin-left:0;
}
.block-editor-block-parent-selector{
left:-57px;
position:absolute;
top:-1px;
}
.show-icon-labels .block-editor-block-parent-selector{
left:auto;
margin-bottom:-1px;
margin-left:-1px;
margin-top:-1px;
position:relative;
top:auto;
}
.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 .block-editor-block-lock-toolbar{
margin-left:-6px !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-block;
line-height:0;
}
@supports (position:sticky){
.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;
width:0 !important;
}
.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{
width:0;
}
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{
width:auto;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{
border-left:1px solid #1e1e1e;
margin-left:6px;
margin-right:-6px;
white-space:nowrap;
}
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{
border-left-color:#e0e0e0;
}
.show-icon-labels .block-editor-block-mover-button{
padding-left:8px !important;
padding-right:8px !important;
}
.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{
padding-left:12px !important;
padding-right:12px !important;
}
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container{
border-width:0;
}
@media (min-width:600px){
.show-icon-labels .is-up-button.is-up-button.is-up-button{
border-radius:0;
margin-right:0;
order:1;
}
.show-icon-labels .block-editor-block-mover__move-button-container{
border-left:1px solid #1e1e1e;
}
.show-icon-labels .block-editor-block-mover__move-button-container:before{
background:#1e1e1e;
content:"";
display:block;
height:1px;
order:2;
}
.show-icon-labels .is-down-button.is-down-button.is-down-button{
order:3;
}
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container:before{
background:#ddd;
}
}
.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{
display:flex;
flex-direction:column;
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{
width:350px;
}
}
.block-editor-inserter__popover.is-quick .components-popover__content{
border:none;
box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
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:2px 2px 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 2px 2px;
}
.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__tabs .components-tab-panel__tabs{
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;
}
.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__search .components-search-control__icon{
right:20px;
}
.block-editor-inserter__tabs{
display:flex;
flex-direction:column;
flex-grow:1;
overflow:hidden;
}
.block-editor-inserter__tabs .components-tab-panel__tabs{
border-bottom:1px solid #ddd;
}
.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{
flex-grow:1;
margin-bottom:-1px;
}
.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable]{
flex-grow:inherit;
padding-left:16px;
padding-right:16px;
}
.block-editor-inserter__tabs .components-tab-panel__tab-content{
display:flex;
flex-direction:column;
flex-grow:1;
overflow-y:auto;
}
.block-editor-inserter__no-tab-container{
flex-grow:1;
overflow-y:auto;
}
.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__manage-reusable-blocks-container{
margin:auto 16px 16px;
}
.block-editor-inserter__manage-reusable-blocks{
justify-content:center;
width:100%;
}
.block-editor-inserter__no-results{
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{
background:#fff;
border:1px solid #ddd;
border-radius:2px;
display:none;
left:calc(100% + 16px);
max-height:calc(100% - 32px);
overflow-y:hidden;
position:absolute;
top:16px;
width:300px;
}
@media (min-width:782px){
.block-editor-inserter__preview-container{
display:block;
}
}
.block-editor-inserter__preview-container .block-editor-block-card{
padding:16px;
}
.block-editor-inserter__preview-container .block-editor-block-card__title{
font-size:13px;
}
.block-editor-inserter__patterns-explore-button.components-button{
justify-content:center;
margin-top:16px;
padding:16px;
width:100%;
}
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category{
color:var(--wp-admin-theme-color);
position:relative;
}
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item{
filter:brightness(.95);
}
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg{
fill:var(--wp-admin-theme-color);
}
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category:after{
background:var(--wp-admin-theme-color);
border-radius:2px;
bottom:0;
content:"";
left:0;
opacity:.04;
position:absolute;
right:0;
top:0;
}
.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__block-patterns-tabs-container nav{
height:100%;
}
.block-editor-inserter__block-patterns-tabs{
display:flex;
flex-direction:column;
height:100%;
overflow-y:auto;
padding:16px;
}
.block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child{
margin-top:auto;
}
.block-editor-inserter__patterns-category-dialog{
background:#f0f0f0;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
height:100%;
left:0;
overflow-y:auto;
padding:32px 24px;
position:absolute;
scrollbar-gutter:stable both-edges;
top:0;
width:100%;
}
@media (min-width:782px){
.block-editor-inserter__patterns-category-dialog{
display:block;
left:100%;
width:300px;
}
}
.block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list{
margin-top:24px;
}
.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container{
box-shadow:0 15px 25px rgba(0,0,0,.07);
}
.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container:hover{
box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
}
.block-editor-inserter__patterns-category-panel{
padding:0 16px;
}
@media (min-width:782px){
.block-editor-inserter__patterns-category-panel{
padding:0;
}
}
.block-editor-inserter__preview-content{
align-items:center;
background:#f0f0f0;
display:grid;
flex-grow:1;
min-height:144px;
}
.block-editor-inserter__preview-content-missing{
align-items:center;
background:#f0f0f0;
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{
grid-gap:8px;
display:grid;
grid-template-columns:1fr 1fr;
}
.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-block-preview__container{
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;
height:44px;
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:76px;
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 .block-editor-block-patterns-list{
grid-gap:32px;
display:grid;
grid-template-columns:repeat(1, 1fr);
}
@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-block-preview__container{
height:inherit;
max-height:800px;
min-height:100px;
}
.block-editor-inserter__patterns-category-panel-title{
font-size:16.25px;
}
.block-editor-inserter__media-tabs-container,.block-editor-inserter__media-tabs-container nav{
height:100%;
}
.block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button{
justify-content:center;
margin-top:16px;
padding:16px;
width:100%;
}
.block-editor-inserter__media-tabs{
display:flex;
flex-direction:column;
height:100%;
overflow-y:auto;
padding:16px;
}
.block-editor-inserter__media-tabs div[role=listitem]:last-child{
margin-top:auto;
}
.block-editor-inserter__media-tabs__media-category.is-selected{
color:var(--wp-admin-theme-color);
position:relative;
}
.block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item{
filter:brightness(.95);
}
.block-editor-inserter__media-tabs__media-category.is-selected svg{
fill:var(--wp-admin-theme-color);
}
.block-editor-inserter__media-tabs__media-category.is-selected:after{
background:var(--wp-admin-theme-color);
border-radius:2px;
bottom:0;
content:"";
left:0;
opacity:.04;
position:absolute;
right:0;
top:0;
}
.block-editor-inserter__media-dialog{
background:#f0f0f0;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
height:100%;
left:0;
overflow-y:auto;
padding:16px 24px;
position:absolute;
scrollbar-gutter:stable both-edges;
top:0;
width:100%;
}
@media (min-width:782px){
.block-editor-inserter__media-dialog{
display:block;
left:100%;
width:300px;
}
}
.block-editor-inserter__media-dialog .block-editor-block-preview__container{
box-shadow:0 15px 25px rgba(0,0,0,.07);
}
.block-editor-inserter__media-dialog .block-editor-block-preview__container:hover{
box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
}
.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.components-search-control input[type=search].components-search-control__input{
background:#fff;
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control button.components-button{
min-width:auto;
padding-left:2px;
padding-right:2px;
}
.block-editor-inserter__media-list{
margin-top:16px;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item{
cursor:pointer;
margin-bottom:24px;
position:relative;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder{
min-height:100px;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container{
cursor:grab;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview{
box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
}
.block-editor-inserter__media-list .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 .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 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{
background:#fff;
border-radius:2px;
display:none;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{
display:block;
}
.block-editor-inserter__media-list .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 transparent;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__item{
height:100%;
}
.block-editor-inserter__media-list .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 .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{
margin:0 auto;
max-width:100%;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner{
align-items:center;
background:hsla(0,0%,100%,.7);
display:flex;
height:100%;
justify-content:center;
pointer-events:none;
position:absolute;
width:100%;
}
.block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview{
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 transparent;
}
.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-post-preview__dropdown{
padding:0;
}
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{
padding-left:40px;
}
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{
padding-left:8px;
}
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{
padding-bottom:8px;
}
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{
margin-bottom:0;
}
.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{
padding:8px;
}
@media (min-width:600px){
.edit-post-header__settings .editor-post-preview,.edit-site-header-edit-mode__actions .editor-post-preview{
display:none;
}
.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{
transition:opacity .1s linear;
}
}
@media (min-width:600px) and (prefers-reduced-motion:reduce){
.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{
transition-delay:0s;
transition-duration:0s;
}
}
@media (min-width:600px){
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{
opacity:0;
}
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{
opacity:1;
}
}
.tools-panel-item-spacing{
align-items:center;
display:grid;
grid-template-columns:auto 1fr auto;
grid-template-rows:16px auto;
}
.component-spacing-sizes-control{
box-sizing:border-box;
display:contents;
padding-bottom:12px;
width:100%;
}
.component-spacing-sizes-control legend{
align-self:center;
grid-column:1 / 1;
grid-row:1 / 1;
padding:0;
}
.component-spacing-sizes-control .components-base-control__label{
height:16px;
margin-bottom:0;
}
.component-spacing-sizes-control .components-spacing-sizes-control__side-labels{
grid-column:1 / 1;
height:16px;
justify-content:left;
margin-top:16px;
}
.component-spacing-sizes-control .components-spacing-sizes-control__side-label{
grid-column:1 / 1;
justify-self:left;
margin-bottom:0;
}
.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{
margin-top:8px;
}
.component-spacing-sizes-control .components-spacing-sizes-control__hint-all,.component-spacing-sizes-control .components-spacing-sizes-control__hint-single{
color:#757575;
margin-bottom:0;
}
.component-spacing-sizes-control .components-spacing-sizes-control__hint-all{
align-self:center;
grid-column:2 / 2;
grid-row:1 / 1;
justify-self:left;
margin-left:4px;
}
.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{
grid-column:2 / 2;
grid-row:1 / 1;
justify-self:end;
margin-top:-4px;
}
.component-spacing-sizes-control .component-spacing-sizes-control__linked-button~.components-spacing-sizes-control__custom-toggle-all{
margin-right:4px;
}
.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single{
grid-column:3 / 3;
justify-self:end;
margin-top:12px;
}
.component-spacing-sizes-control .component-spacing-sizes-control__linked-button{
grid-column:3 / 3;
grid-row:1 / 1;
justify-self:end;
line-height:0;
margin-top:-4px;
}
.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range{
grid-column:span 2;
margin-left:16px;
margin-top:8px;
}
.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{
grid-column:1;
margin-top:8px;
width:124px;
}
.component-spacing-sizes-control .components-range-control{
align-items:center;
display:flex;
height:40px;
}
.component-spacing-sizes-control .components-range-control>.components-base-control__field{
flex:1;
}
.component-spacing-sizes-control .components-spacing-sizes-control__range-control{
grid-column:span 3;
margin-top:8px;
}
.component-spacing-sizes-control .components-range-control__mark{
background-color:#fff;
height:4px;
width:3px;
z-index:1;
}
.component-spacing-sizes-control .components-range-control__marks{
margin-top:17px;
}
.component-spacing-sizes-control .components-range-control__marks :first-child{
display:none;
}
.component-spacing-sizes-control .components-range-control__thumb-wrapper{
z-index:3;
}
.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control{
grid-column:span 3;
margin-top:8px;
}
.offcanvas-editor-appender .block-editor-inserter__toggle{
background-color:#1e1e1e;
border-radius:2px;
color:#fff;
height:24px;
margin:8px 0 0 24px;
min-width:24px;
padding:0;
}
.offcanvas-editor-appender .block-editor-inserter__toggle:focus,.offcanvas-editor-appender .block-editor-inserter__toggle:hover{
background:var(--wp-admin-theme-color);
color:#fff;
}
.offcanvas-editor-appender__description{
display:none;
}
.offcanvas-editor-list-view-tree-wrapper{
max-width:100%;
overflow-x:auto;
}
.offcanvas-editor-list-view-leaf{
display:block;
max-width:248px;
}
.offcanvas-editor-list-view-is-empty{
margin-left:16px;
}
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 (-webkit-min-device-pixel-ratio:2),(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 (-webkit-min-device-pixel-ratio:2),(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 (-webkit-min-device-pixel-ratio:2),(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 (-webkit-min-device-pixel-ratio:2),(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 (-webkit-min-device-pixel-ratio:2),(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 (-webkit-min-device-pixel-ratio:2),(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 (-webkit-min-device-pixel-ratio:2),(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 (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
body.admin-color-sunrise{
--wp-admin-border-width-focus:1.5px;
}
}
|