@charset "UTF-8";


@media not (prefers-reduced-motion){
.components-animate__appear{
animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
animation-fill-mode:forwards;
}
}
.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{
transform-origin:top left;
}
.components-animate__appear.is-from-top.is-from-right{
transform-origin:top right;
}
.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{
transform-origin:bottom left;
}
.components-animate__appear.is-from-bottom.is-from-right{
transform-origin:bottom right;
}
@keyframes components-animate__appear-animation{
0%{
transform:translateY(-2em) scaleY(0) scaleX(0);
}
to{
transform:translateY(0) scaleY(1) scaleX(1);
}
}
@media not (prefers-reduced-motion){
.components-animate__slide-in{
animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
animation-fill-mode:forwards;
}
.components-animate__slide-in.is-from-left{
transform:translateX(100%);
}
.components-animate__slide-in.is-from-right{
transform:translateX(-100%);
}
}
@keyframes components-animate__slide-in-animation{
to{
transform:translateX(0);
}
}
@media not (prefers-reduced-motion){
.components-animate__loading{
animation:components-animate__loading 1.6s ease-in-out infinite;
}
}
@keyframes components-animate__loading{
0%{
opacity:.5;
}
50%{
opacity:1;
}
to{
opacity:.5;
}
}
.components-autocomplete__popover .components-popover__content{
min-width:200px;
padding:8px;
}
.components-autocomplete__result.components-button{
display:flex;
height:auto;
min-height:36px;
text-align:left;
width:100%;
}
.components-autocomplete__result.components-button:focus:not(:disabled){
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.components-badge{
box-sizing:border-box;
}
.components-badge *,.components-badge :after,.components-badge :before{
box-sizing:inherit;
}
.components-badge{
background-color:color-mix(in srgb, #fff 90%, var(--base-color));
border-radius:2px;
color:color-mix(in srgb, #000 50%, var(--base-color));
display:inline-block;
line-height:0;
max-width:100%;
min-height:24px;
padding:2px 8px;
}
.components-badge:where(.is-default){
background-color:#f0f0f0;
color:#2f2f2f;
}
.components-badge.has-icon{
padding-inline-start:4px;
}
.components-badge.is-info{
--base-color:#3858e9;
}
.components-badge.is-warning{
--base-color:#f0b849;
}
.components-badge.is-error{
--base-color:#cc1818;
}
.components-badge.is-success{
--base-color:#4ab866;
}
.components-badge__flex-wrapper{
align-items:center;
display:inline-flex;
font-size:12px;
font-weight:400;
gap:2px;
line-height:20px;
max-width:100%;
}
.components-badge__icon{
flex-shrink:0;
}
.components-badge__content{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.components-button-group{
display:inline-block;
}
.components-button-group .components-button{
border-radius:0;
box-shadow:inset 0 0 0 1px #1e1e1e;
color:#1e1e1e;
display:inline-flex;
}
.components-button-group .components-button+.components-button{
margin-left:-1px;
}
.components-button-group .components-button:first-child{
border-radius:2px 0 0 2px;
}
.components-button-group .components-button:last-child{
border-radius:0 2px 2px 0;
}
.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{
position:relative;
z-index:1;
}
.components-button-group .components-button.is-primary{
box-shadow:inset 0 0 0 1px #1e1e1e;
}
.components-button{
-webkit-appearance:none;
background:none;
border:0;
cursor:pointer;
display:inline-flex;
font-family:inherit;
font-size:13px;
margin:0;
text-decoration:none;
}
@media not (prefers-reduced-motion){
.components-button{
transition:box-shadow .1s linear;
}
}
.components-button{
align-items:center;
border-radius:2px;
box-sizing:border-box;
color:var(--wp-components-color-foreground, #1e1e1e);
height:36px;
padding:6px 12px;
}
.components-button.is-next-40px-default-size{
height:40px;
}
.components-button:hover:not(:disabled,[aria-disabled=true]),.components-button[aria-expanded=true]{
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button:focus:not(:disabled){
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:3px solid #0000;
}
.components-button.is-primary{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color:var(--wp-components-color-accent-inverted, #fff);
outline:1px solid #0000;
text-decoration:none;
text-shadow:none;
white-space:nowrap;
}
.components-button.is-primary:hover:not(:disabled){
background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
color:var(--wp-components-color-accent-inverted, #fff);
}
.components-button.is-primary:active:not(:disabled){
background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
color:var(--wp-components-color-accent-inverted, #fff);
}
.components-button.is-primary:focus:not(:disabled){
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color:#fff6;
outline:none;
}
.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{
background-image:linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
background-size:100px 100%;
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color:var(--wp-components-color-accent-inverted, #fff);
}
.components-button.is-secondary,.components-button.is-tertiary{
outline:1px solid #0000;
}
.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){
box-shadow:none;
}
.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{
background:#0000;
color:#949494;
transform:none;
}
.components-button.is-secondary{
background:#0000;
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor;
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:1px solid #0000;
white-space:nowrap;
}
.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
}
.components-button.is-secondary:disabled:not(:focus),.components-button.is-secondary[aria-disabled=true]:hover:not(:focus),.components-button.is-secondary[aria-disabled=true]:not(:focus){
box-shadow:inset 0 0 0 1px #ddd;
}
.components-button.is-secondary:focus:not(:disabled){
box-shadow:0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button.is-tertiary{
background:#0000;
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
white-space:nowrap;
}
.components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
}
.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, #0000);
}
p+.components-button.is-tertiary{
margin-left:-6px;
}
.components-button.is-tertiary:disabled:not(:focus),.components-button.is-tertiary[aria-disabled=true]:hover:not(:focus),.components-button.is-tertiary[aria-disabled=true]:not(:focus){
box-shadow:none;
outline:none;
}
.components-button.is-destructive{
--wp-components-color-accent:#cc1818;
--wp-components-color-accent-darker-10:#9e1313;
--wp-components-color-accent-darker-20:#710d0d;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){
color:#cc1818;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled,[aria-disabled=true]){
color:#710d0d;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled,[aria-disabled=true]){
background:#ccc;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled,.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true]{
color:#949494;
}
.components-button.is-destructive.is-secondary:hover:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:hover:not(:disabled,[aria-disabled=true]){
background:#cc18180a;
}
.components-button.is-destructive.is-secondary:active:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:active:not(:disabled,[aria-disabled=true]){
background:#cc181814;
}
.components-button.is-link{
background:none;
border:0;
border-radius:0;
box-shadow:none;
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
margin:0;
outline:none;
padding:0;
text-align:left;
text-decoration:underline;
}
@media not (prefers-reduced-motion){
.components-button.is-link{
transition-duration:.05s;
transition-property:border, background, color;
transition-timing-function:ease-in-out;
}
}
.components-button.is-link{
height:auto;
}
.components-button.is-link:focus{
border-radius:2px;
}
.components-button.is-link:disabled,.components-button.is-link[aria-disabled=true]{
color:#949494;
}
.components-button:not(:disabled,[aria-disabled=true]):active{
color:var(--wp-components-color-foreground, #1e1e1e);
}
.components-button:disabled,.components-button[aria-disabled=true]{
color:#949494;
cursor:default;
}
@media not (prefers-reduced-motion){
.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{
animation:components-button__busy-animation 2.5s linear infinite;
}
}
.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{
background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
background-size:100px 100%;
}
.components-button.is-compact{
height:32px;
}
.components-button.is-compact.has-icon:not(.has-text){
min-width:32px;
padding:0;
}
.components-button.is-small{
font-size:11px;
height:24px;
line-height:22px;
padding:0 8px;
}
.components-button.is-small.has-icon:not(.has-text){
min-width:24px;
padding:0;
}
.components-button.has-icon{
justify-content:center;
min-width:36px;
padding:6px;
}
.components-button.has-icon.is-next-40px-default-size{
min-width:40px;
}
.components-button.has-icon .dashicon{
align-items:center;
box-sizing:initial;
display:inline-flex;
justify-content:center;
padding:2px;
}
.components-button.has-icon.has-text{
gap:4px;
justify-content:start;
padding-left:8px;
padding-right:12px;
}
.components-button.has-icon.has-text.has-icon-right{
padding-left:12px;
padding-right:8px;
}
.components-button.is-pressed,.components-button.is-pressed:hover{
color:var(--wp-components-color-foreground-inverted, #fff);
}
.components-button.is-pressed:hover:not(:disabled,[aria-disabled=true]),.components-button.is-pressed:not(:disabled,[aria-disabled=true]){
background:var(--wp-components-color-foreground, #1e1e1e);
}
.components-button.is-pressed:disabled,.components-button.is-pressed[aria-disabled=true]{
color:#949494;
}
.components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(.is-tertiary),.components-button.is-pressed[aria-disabled=true]:not(.is-primary):not(.is-secondary):not(.is-tertiary){
background:#949494;
color:var(--wp-components-color-foreground-inverted, #fff);
}
.components-button.is-pressed:focus:not(:disabled){
box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
}
.components-button svg{
fill:currentColor;
outline:none;
}
@media (forced-colors:active){
.components-button svg{
fill:CanvasText;
}
}
.components-button .components-visually-hidden{
height:auto;
}
@keyframes components-button__busy-animation{
0%{
background-position:200px 0;
}
}
.components-calendar{
background-color:var(--wp-components-color-background, #fff);
color:var(--wp-components-color-foreground, #1e1e1e);
display:inline-block;
font-size:13px;
font-weight:400;
position:relative;
z-index:0;
}
.components-calendar,.components-calendar *,.components-calendar :after,.components-calendar :before{
box-sizing:border-box;
}
.components-calendar__day{
padding:0;
position:relative;
}
.components-calendar__day:has(.components-calendar__day-button:disabled){
color:var(--wp-components-color-gray-600, #949494);
}
.components-calendar__day:has(.components-calendar__day-button:focus-visible),.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)){
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-calendar__day-button{
align-items:center;
background:none;
border:none;
border-radius:2px;
color:inherit;
cursor:pointer;
display:flex;
font:inherit;
font-variant-numeric:tabular-nums;
height:32px;
justify-content:center;
margin:0;
padding:0;
position:relative;
width:32px;
}
.components-calendar__day-button:before{
border:none;
border-radius:2px;
content:"";
inset:0;
position:absolute;
z-index:-1;
}
.components-calendar__day-button:after{
content:"";
inset:0;
pointer-events:none;
position:absolute;
z-index:1;
}
.components-calendar__day-button:disabled{
cursor:revert;
}
@media (forced-colors:active){
.components-calendar__day-button:disabled{
text-decoration:line-through;
}
}
.components-calendar__day-button:focus-visible{
outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline-offset:1px;
}
.components-calendar__caption-label{
align-items:center;
border:0;
display:inline-flex;
position:relative;
text-transform:capitalize;
white-space:nowrap;
z-index:1;
}
.components-calendar__button-next,.components-calendar__button-previous{
align-items:center;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:none;
border:none;
border-radius:2px;
color:inherit;
cursor:pointer;
display:inline-flex;
height:32px;
justify-content:center;
margin:0;
padding:0;
position:relative;
width:32px;
}
.components-calendar__button-next:disabled,.components-calendar__button-next[aria-disabled=true],.components-calendar__button-previous:disabled,.components-calendar__button-previous[aria-disabled=true]{
color:var(--wp-components-color-gray-600, #949494);
cursor:revert;
}
.components-calendar__button-next:focus-visible,.components-calendar__button-previous:focus-visible{
outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-calendar__chevron{
display:inline-block;
fill:currentColor;
height:16px;
width:16px;
}
.components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron{
transform:rotate(180deg);
transform-origin:50%;
}
.components-calendar__month-caption{
align-content:center;
display:flex;
height:32px;
justify-content:center;
margin-bottom:12px;
}
.components-calendar__months{
display:flex;
flex-wrap:wrap;
gap:16px;
justify-content:center;
max-width:fit-content;
position:relative;
}
.components-calendar__month-grid{
border-collapse:initial;
border-spacing:0 4px;
}
.components-calendar__nav{
align-items:center;
display:flex;
height:32px;
inset-block-start:0;
inset-inline-end:0;
inset-inline-start:0;
justify-content:space-between;
position:absolute;
}
.components-calendar__weekday{
color:var(--wp-components-color-gray-700, #757575);
height:32px;
padding:0;
text-align:center;
text-transform:uppercase;
width:32px;
}
.components-calendar__day--today:after{
border:2px solid;
border-radius:50%;
content:"";
height:0;
inset-block-start:2px;
inset-inline-end:2px;
position:absolute;
width:0;
z-index:1;
}
.components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button,.components-calendar__day-button:hover:not(:disabled)){
color:var(--wp-components-color-foreground-inverted, #fff);
}
.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:before{
background-color:var(--wp-components-color-foreground, #1e1e1e);
border:1px solid #0000;
}
.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled:before{
background-color:var(--wp-components-color-gray-600, #949494);
}
.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled):before{
background-color:var(--wp-components-color-gray-800, #2f2f2f);
}
.components-calendar__day--hidden{
visibility:hidden;
}
.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button,.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button:before{
border-end-end-radius:0;
border-start-end-radius:0;
}
.components-calendar__range-middle .components-calendar__day-button:before{
background-color:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
border-color:#0000;
border-radius:0;
border-style:solid;
border-width:1px 0;
}
.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button,.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button:before{
border-end-start-radius:0;
border-start-start-radius:0;
}
.components-calendar__day--preview svg{
color:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 16%, #0000);
inset:0;
pointer-events:none;
position:absolute;
}
@media (forced-colors:active){
.components-calendar__day--preview svg{
color:inherit;
}
}
.components-calendar[dir=rtl] .components-calendar__day--preview svg{
transform:scaleX(-1);
}
.components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button:before{
border:none;
}
@keyframes slide-in-left{
0%{
transform:translateX(-100%);
}
to{
transform:translateX(0);
}
}
@keyframes slide-in-right{
0%{
transform:translateX(100%);
}
to{
transform:translateX(0);
}
}
@keyframes slide-out-left{
0%{
transform:translateX(0);
}
to{
transform:translateX(-100%);
}
}
@keyframes slide-out-right{
0%{
transform:translateX(0);
}
to{
transform:translateX(100%);
}
}
@keyframes fade-in{
0%{
opacity:0;
}
to{
opacity:1;
}
}
@keyframes fade-out{
0%{
opacity:1;
}
to{
opacity:0;
}
}
.components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{
animation-duration:0s;
animation-fill-mode:forwards;
animation-timing-function:cubic-bezier(.4, 0, .2, 1);
}
@media not (prefers-reduced-motion){
.components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{
animation-duration:.3s;
}
}
.components-calendar[dir=rtl] .components-calendar__weeks-after-enter,.components-calendar__weeks-before-enter{
animation-name:slide-in-left;
}
.components-calendar[dir=rtl] .components-calendar__weeks-after-exit,.components-calendar__weeks-before-exit{
animation-name:slide-out-left;
}
.components-calendar[dir=rtl] .components-calendar__weeks-before-enter,.components-calendar__weeks-after-enter{
animation-name:slide-in-right;
}
.components-calendar[dir=rtl] .components-calendar__weeks-before-exit,.components-calendar__weeks-after-exit{
animation-name:slide-out-right;
}
.components-calendar__caption-after-enter{
animation-name:fade-in;
}
.components-calendar__caption-after-exit{
animation-name:fade-out;
}
.components-calendar__caption-before-enter{
animation-name:fade-in;
}
.components-calendar__caption-before-exit{
animation-name:fade-out;
}
.components-checkbox-control{
--checkbox-input-size:24px;
}
@media (min-width:600px){
.components-checkbox-control{
--checkbox-input-size:16px;
}
}
.components-checkbox-control{
--checkbox-input-margin:8px;
}
.components-checkbox-control__label{
cursor:pointer;
line-height:var(--checkbox-input-size);
}
.components-checkbox-control__input[type=checkbox]{
border:1px solid #949494;
border-radius:2px;
box-shadow:0 0 0 #0000;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
line-height:normal;
margin-right:12px;
padding:6px 8px;
transition:none;
}
@media not (prefers-reduced-motion){
.components-checkbox-control__input[type=checkbox]{
transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
.components-checkbox-control__input[type=checkbox]{
font-size:13px;
line-height:normal;
}
}
.components-checkbox-control__input[type=checkbox]:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{
color:#1e1e1e9e;
}
.components-checkbox-control__input[type=checkbox]::-moz-placeholder{
color:#1e1e1e9e;
}
.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{
color:#1e1e1e9e;
}
.components-checkbox-control__input[type=checkbox]:focus{
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox]:checked{
background:var(--wp-admin-theme-color);
border-color:var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox]:checked::-ms-check{
opacity:0;
}
.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
color:#fff;
margin:-3px -5px;
}
@media (min-width:782px){
.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
margin:-4px 0 0 -5px;
}
}
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{
background:var(--wp-admin-theme-color);
border-color:var(--wp-admin-theme-color);
}
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
content:"\f460";
display:inline-block;
float:left;
font:normal 30px/1 dashicons;
vertical-align:middle;
width:16px;
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
@media (min-width:782px){
.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
float:none;
font-size:21px;
}
}
.components-checkbox-control__input[type=checkbox]:disabled,.components-checkbox-control__input[type=checkbox][aria-disabled=true]{
background:#f0f0f0;
border-color:#ddd;
cursor:default;
opacity:1;
}
.components-checkbox-control__input[type=checkbox]{
appearance:none;
background:#fff;
clear:none;
color:#1e1e1e;
cursor:pointer;
display:inline-block;
height:var(--checkbox-input-size);
line-height:0;
margin:0 4px 0 0;
outline:0;
padding:0 !important;
text-align:center;
vertical-align:top;
width:var(--checkbox-input-size);
}
@media not (prefers-reduced-motion){
.components-checkbox-control__input[type=checkbox]{
transition:border-color .1s ease-in-out;
}
}
.components-checkbox-control__input[type=checkbox]:focus{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
outline:2px solid #0000;
outline-offset:2px;
}
.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{
opacity:0;
}
.components-checkbox-control__input[type=checkbox]:checked:before{
content:none;
}
.components-checkbox-control__input-container{
aspect-ratio:1;
display:inline-block;
flex-shrink:0;
line-height:1;
margin-right:var(--checkbox-input-margin);
position:relative;
vertical-align:middle;
width:var(--checkbox-input-size);
}
svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
--checkmark-size:var(--checkbox-input-size);
fill:#fff;
cursor:pointer;
height:var(--checkmark-size);
left:50%;
pointer-events:none;
position:absolute;
top:50%;
transform:translate(-50%, -50%);
-webkit-user-select:none;
user-select:none;
width:var(--checkmark-size);
}
@media (min-width:600px){
svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
--checkmark-size:calc(var(--checkbox-input-size) + 4px);
}
}
.components-checkbox-control__help{
display:inline-block;
margin-inline-start:calc(var(--checkbox-input-size) + var(--checkbox-input-margin));
}
.components-circular-option-picker{
display:inline-block;
min-width:188px;
width:100%;
}
.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{
display:flex;
justify-content:flex-end;
margin-top:12px;
}
.components-circular-option-picker .components-circular-option-picker__swatches{
display:flex;
flex-wrap:wrap;
gap:12px;
position:relative;
z-index:1;
}
.components-circular-option-picker>:not(.components-circular-option-picker__swatches){
position:relative;
z-index:0;
}
.components-circular-option-picker__option-wrapper{
display:inline-block;
height:28px;
transform:scale(1);
vertical-align:top;
width:28px;
}
@media not (prefers-reduced-motion){
.components-circular-option-picker__option-wrapper{
transition:transform .1s ease;
will-change:transform;
}
}
.components-circular-option-picker__option-wrapper:hover{
transform:scale(1.2);
}
.components-circular-option-picker__option-wrapper>div{
height:100%;
width:100%;
}
.components-circular-option-picker__option-wrapper:before{
background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555d65' d='M6 8V6H4v2zm2 0V6h2v2zm2 8H8v-2h2zm2 0v-2h2v2zm0 2v-2h-2v2H8v2h2v-2zm2 0v2h-2v-2zm2 0h-2v-2h2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2zm-2-4v-2h2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' d='M18 18v2h-2v-2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2zm0 2v-2H6v2zm2 0v-2h2v2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4zm0 4V2H2v2zm2 0V2h2v2zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E");
border-radius:50%;
bottom:1px;
content:"";
left:1px;
position:absolute;
right:1px;
top:1px;
z-index:-1;
}
.components-circular-option-picker__option{
aspect-ratio:1;
background:#0000;
border:none;
border-radius:50%;
box-shadow:inset 0 0 0 14px;
display:inline-block;
height:100% !important;
vertical-align:top;
}
@media not (prefers-reduced-motion){
.components-circular-option-picker__option{
transition:box-shadow .1s ease;
}
}
.components-circular-option-picker__option{
cursor:pointer;
}
.components-circular-option-picker__option:hover{
box-shadow:inset 0 0 0 14px !important;
}
.components-circular-option-picker__option[aria-pressed=true],.components-circular-option-picker__option[aria-selected=true]{
box-shadow:inset 0 0 0 4px;
overflow:visible;
position:relative;
z-index:1;
}
.components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{
border-radius:50%;
left:2px;
pointer-events:none;
position:absolute;
top:2px;
z-index:2;
}
.components-circular-option-picker__option:after{
border:1px solid #0000;
border-radius:50%;
bottom:-1px;
box-shadow:inset 0 0 0 1px #0003;
box-sizing:inherit;
content:"";
left:-1px;
position:absolute;
right:-1px;
top:-1px;
}
.components-circular-option-picker__option:focus:after{
border:2px solid #757575;
border-radius:50%;
box-shadow:inset 0 0 0 2px #fff;
content:"";
height:calc(100% + 4px);
left:50%;
position:absolute;
top:50%;
transform:translate(-50%, -50%);
width:calc(100% + 4px);
}
.components-circular-option-picker__option.components-button:focus{
background-color:initial;
box-shadow:inset 0 0 0 14px;
outline:none;
}
.components-circular-option-picker__button-action .components-circular-option-picker__option{
background:#fff;
color:#fff;
}
.components-circular-option-picker__dropdown-link-action{
margin-right:16px;
}
.components-circular-option-picker__dropdown-link-action .components-button{
line-height:22px;
}
.components-palette-edit__popover-gradient-picker{
padding:8px;
width:260px;
}
.components-dropdown-menu__menu .components-palette-edit__menu-button{
width:100%;
}
.component-color-indicator{
background:#fff linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
border-radius:50%;
box-shadow:inset 0 0 0 1px #0003;
display:inline-block;
height:20px;
padding:0;
width:20px;
}
.components-combobox-control{
width:100%;
}
input.components-combobox-control__input[type=text]{
background:var(--wp-components-color-background, #fff);
border:none;
box-shadow:none;
color:var(--wp-components-color-foreground, #1e1e1e);
font-family:inherit;
font-size:16px;
line-height:inherit;
margin:0;
min-height:auto;
padding:2px;
width:100%;
}
@media (min-width:600px){
input.components-combobox-control__input[type=text]{
font-size:13px;
}
}
input.components-combobox-control__input[type=text]:focus{
box-shadow:none;
outline:none;
}
.components-combobox-control__suggestions-container{
border:1px solid #949494;
border-radius:2px;
box-shadow:0 0 0 #0000;
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;
}
@media not (prefers-reduced-motion){
.components-combobox-control__suggestions-container{
transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
.components-combobox-control__suggestions-container{
font-size:13px;
line-height:normal;
}
}
.components-combobox-control__suggestions-container:focus{
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
}
.components-combobox-control__suggestions-container::-webkit-input-placeholder{
color:#1e1e1e9e;
}
.components-combobox-control__suggestions-container::-moz-placeholder{
color:#1e1e1e9e;
}
.components-combobox-control__suggestions-container:-ms-input-placeholder{
color:#1e1e1e9e;
}
.components-combobox-control__suggestions-container{
align-items:flex-start;
display:flex;
flex-wrap:wrap;
padding:0;
width:100%;
}
.components-combobox-control__suggestions-container:focus-within{
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
}
.components-combobox-control__suggestions-container .components-spinner{
margin:0;
}
.components-color-palette__custom-color-wrapper{
position:relative;
z-index:0;
}
.components-color-palette__custom-color-button{
background:none;
border:none;
border-radius:4px 4px 0 0;
box-shadow:inset 0 0 0 1px #0003;
box-sizing:border-box;
cursor:pointer;
height:64px;
outline:1px solid #0000;
position:relative;
width:100%;
}
.components-color-palette__custom-color-button:focus{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline-width:2px;
}
.components-color-palette__custom-color-button:after{
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
background-position:0 0, 24px 24px;
background-size:48px 48px;
border-radius:3px 3px 0 0;
content:"";
inset:1px;
position:absolute;
z-index:-1;
}
.components-color-palette__custom-color-text-wrapper{
border-radius:0 0 4px 4px;
box-shadow:inset 0 -1px 0 0 #0003,inset 1px 0 0 0 #0003,inset -1px 0 0 0 #0003;
font-size:13px;
padding:12px 16px;
position:relative;
}
.components-color-palette__custom-color-name{
color:var(--wp-components-color-foreground, #1e1e1e);
margin:0 1px;
}
.components-color-palette__custom-color-value{
color:#757575;
}
.components-color-palette__custom-color-value--is-hex{
text-transform:uppercase;
}
.components-color-palette__custom-color-value:empty:after{
content:"​";
visibility:hidden;
}
.components-custom-gradient-picker__gradient-bar{
border-radius:2px;
height:48px;
position:relative;
width:100%;
z-index:1;
}
.components-custom-gradient-picker__gradient-bar.has-gradient{
background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, #0000 0, #0000 75%, #e0e0e0 0, #e0e0e0);
background-position:0 0, 12px 12px;
background-size:24px 24px;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background{
inset:0;
position:absolute;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{
margin-left:auto;
margin-right:auto;
position:relative;
width:calc(100% - 48px);
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{
display:flex;
height:16px;
position:absolute;
top:16px;
width:16px;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{
background:#fff;
border-radius:50%;
color:#1e1e1e;
height:inherit;
min-width:16px !important;
padding:2px;
position:relative;
width:inherit;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{
height:100%;
width:100%;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{
border-radius:50%;
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 #00000040;
height:inherit;
outline:2px solid #0000;
padding:0;
width:inherit;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{
box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 #00000040;
outline:1.5px solid #0000;
}
.components-custom-gradient-picker__remove-control-point-wrapper{
padding-bottom:8px;
}
.components-custom-gradient-picker__inserter{
direction:ltr;
}
.components-custom-gradient-picker__liner-gradient-indicator{
display:inline-block;
flex:0 auto;
height:20px;
width:20px;
}
.components-custom-gradient-picker__ui-line{
position:relative;
z-index:0;
}
body.is-dragging-components-draggable{
cursor:move;
cursor:grabbing !important;
}
.components-draggable__invisible-drag-image{
height:50px;
left:-1000px;
position:fixed;
width:50px;
}
.components-draggable__clone{
background:#0000;
padding:0;
pointer-events:none;
position:fixed;
z-index:1000000000;
}
.components-drop-zone{
border-radius:2px;
bottom:0;
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
visibility:hidden;
z-index:40;
}
.components-drop-zone.is-active{
opacity:1;
visibility:visible;
}
.components-drop-zone .components-drop-zone__content{
align-items:center;
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
bottom:0;
color:#fff;
display:flex;
height:100%;
justify-content:center;
left:0;
opacity:0;
pointer-events:none;
position:absolute;
right:0;
text-align:center;
top:0;
width:100%;
z-index:50;
}
.components-drop-zone .components-drop-zone__content-inner{
opacity:0;
transform:scale(.9);
}
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
opacity:1;
}
@media not (prefers-reduced-motion){
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
transition:opacity .2s ease-in-out;
}
}
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
opacity:1;
transform:scale(1);
}
@media not (prefers-reduced-motion){
.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
transition:opacity .1s ease-in-out .1s,transform .1s ease-in-out .1s;
}
}
.components-drop-zone__content-icon,.components-drop-zone__content-text{
display:block;
}
.components-drop-zone__content-icon{
line-height:0;
margin:0 auto 8px;
fill:currentColor;
pointer-events:none;
}
.components-drop-zone__content-text{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
}
.components-dropdown{
display:inline-block;
}
.components-dropdown__content .components-popover__content{
padding:8px;
}
.components-dropdown__content .components-popover__content:has(.components-menu-group){
padding:0;
}
.components-dropdown__content .components-popover__content:has(.components-menu-group) .components-dropdown-menu__menu>.components-menu-item__button,.components-dropdown__content .components-popover__content:has(.components-menu-group)>.components-menu-item__button{
margin:8px;
width:auto;
}
.components-dropdown__content [role=menuitem]{
white-space:nowrap;
}
.components-dropdown__content .components-menu-group{
padding:8px;
}
.components-dropdown__content .components-menu-group+.components-menu-group{
border-top:1px solid #ccc;
padding:8px;
}
.components-dropdown__content.is-alternate .components-menu-group+.components-menu-group{
border-color:#1e1e1e;
}
.components-dropdown-menu__toggle{
vertical-align:top;
}
.components-dropdown-menu__menu{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
line-height:1.4;
width:100%;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{
cursor:pointer;
outline:none;
padding:6px;
white-space:nowrap;
width:100%;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{
margin-top:6px;
overflow:visible;
position:relative;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{
background-color:#ddd;
box-sizing:initial;
content:"";
display:block;
height:1px;
left:0;
position:absolute;
right:0;
top:-3px;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-menu-item.is-active svg{
background:#1e1e1e;
border-radius:1px;
box-shadow:0 0 0 1px #1e1e1e;
color:#fff;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{
width:auto;
}
.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{
height:auto;
min-height:40px;
padding-left:8px;
padding-right:8px;
text-align:left;
}
.components-duotone-picker__color-indicator:before{
background:#0000;
}
.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){
background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
color:#0000;
}
.components-duotone-picker__color-indicator>.components-button:hover:not(:disabled):not([aria-disabled=true]),.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{
color:#0000;
}
.components-color-list-picker,.components-color-list-picker__swatch-button{
width:100%;
}
.components-color-list-picker__color-picker{
margin:8px 0;
}
.components-color-list-picker__swatch-color{
margin:2px;
}
.components-external-link{
text-decoration:none;
}
.components-external-link__contents{
text-decoration:underline;
}
.components-external-link__icon{
font-weight:400;
margin-left:.5ch;
}
.components-form-toggle,.components-form-toggle .components-form-toggle__track{
display:inline-block;
height:16px;
position:relative;
}
.components-form-toggle .components-form-toggle__track{
background-color:#fff;
border:1px solid #949494;
border-radius:8px;
box-sizing:border-box;
content:"";
vertical-align:top;
width:32px;
}
@media not (prefers-reduced-motion){
.components-form-toggle .components-form-toggle__track{
transition:background-color .2s ease,border-color .2s ease;
}
}
.components-form-toggle .components-form-toggle__track{
overflow:hidden;
}
.components-form-toggle .components-form-toggle__track:after{
border-top:16px solid #0000;
box-sizing:border-box;
content:"";
inset:0;
position:absolute;
}
@media not (prefers-reduced-motion){
.components-form-toggle .components-form-toggle__track:after{
transition:opacity .2s ease;
}
}
.components-form-toggle .components-form-toggle__track:after{
opacity:0;
}
.components-form-toggle .components-form-toggle__thumb{
border-radius:50%;
box-sizing:border-box;
display:block;
height:12px;
left:2px;
position:absolute;
top:2px;
width:12px;
}
@media not (prefers-reduced-motion){
.components-form-toggle .components-form-toggle__thumb{
transition:transform .2s ease,background-color .2s ease-out;
}
}
.components-form-toggle .components-form-toggle__thumb{
background-color:#1e1e1e;
border:6px solid #0000;
box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
}
.components-form-toggle.is-checked .components-form-toggle__track{
background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-form-toggle.is-checked .components-form-toggle__track:after{
opacity:1;
}
.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
outline-offset:2px;
}
.components-form-toggle.is-checked .components-form-toggle__thumb{
background-color:#fff;
border-width:0;
transform:translateX(16px);
}
.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{
opacity:.3;
}
.components-form-toggle input.components-form-toggle__input[type=checkbox]{
border:none;
height:100%;
left:0;
margin:0;
opacity:0;
padding:0;
position:absolute;
top:0;
width:100%;
z-index:1;
}
.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{
background:none;
}
.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{
content:"";
}
.components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled,[aria-disabled=true]){
cursor:pointer;
}
.components-form-token-field__input-container{
border:1px solid #949494;
border-radius:2px;
box-shadow:0 0 0 #0000;
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;
}
@media not (prefers-reduced-motion){
.components-form-token-field__input-container{
transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
.components-form-token-field__input-container{
font-size:13px;
line-height:normal;
}
}
.components-form-token-field__input-container:focus{
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
}
.components-form-token-field__input-container::-webkit-input-placeholder{
color:#1e1e1e9e;
}
.components-form-token-field__input-container::-moz-placeholder{
color:#1e1e1e9e;
}
.components-form-token-field__input-container:-ms-input-placeholder{
color:#1e1e1e9e;
}
.components-form-token-field__input-container{
cursor:text;
padding:0;
width:100%;
}
.components-form-token-field__input-container.is-disabled{
background:#ddd;
border-color:#ddd;
}
.components-form-token-field__input-container.is-active{
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
}
.components-form-token-field__input-container input[type=text].components-form-token-field__input{
background:inherit;
border:0;
box-shadow:none;
color:var(--wp-components-color-foreground, #1e1e1e);
display:inline-block;
flex:1;
font-family:inherit;
font-size:16px;
margin-left:4px;
max-width:100%;
min-height:24px;
min-width:50px;
padding:0;
width:100%;
}
@media (min-width:600px){
.components-form-token-field__input-container input[type=text].components-form-token-field__input{
font-size:13px;
}
}
.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{
box-shadow:none;
outline:none;
}
.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{
width:auto;
}
.components-form-token-field__token{
color:#1e1e1e;
display:flex;
font-size:13px;
max-width:100%;
}
.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{
background:#4ab866;
}
.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{
background:#cc1818;
}
.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{
color:#757575;
}
.components-form-token-field__token.is-borderless{
padding:0 24px 0 0;
position:relative;
}
.components-form-token-field__token.is-borderless .components-form-token-field__token-text{
background:#0000;
}
.components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text{
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{
background:#0000;
color:#757575;
position:absolute;
right:0;
top:1px;
}
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{
color:#4ab866;
}
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{
color:#cc1818;
padding:0 4px 0 6px;
}
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{
color:#1e1e1e;
}
.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
background:#ddd;
display:inline-block;
height:auto;
min-width:unset;
}
@media not (prefers-reduced-motion){
.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
transition:all .2s cubic-bezier(.4, 1, .4, 1);
}
}
.components-form-token-field__token-text{
border-radius:1px 0 0 1px;
line-height:24px;
overflow:hidden;
padding:0 0 0 8px;
text-overflow:ellipsis;
white-space:nowrap;
}
.components-form-token-field__remove-token.components-button{
border-radius:0 1px 1px 0;
color:#1e1e1e;
line-height:10px;
overflow:initial;
}
.components-form-token-field__remove-token.components-button:hover:not(:disabled){
color:#1e1e1e;
}
.components-form-token-field__suggestions-list{
flex:1 0 100%;
max-height:128px;
min-width:100%;
overflow-y:auto;
}
@media not (prefers-reduced-motion){
.components-form-token-field__suggestions-list{
transition:all .15s ease-in-out;
}
}
.components-form-token-field__suggestions-list{
box-shadow:inset 0 1px 0 0 #949494;
list-style:none;
margin:0;
padding:0;
}
.components-form-token-field__suggestion{
box-sizing:border-box;
color:var(--wp-components-color-foreground, #1e1e1e);
display:block;
font-size:13px;
margin:0;
min-height:32px;
padding:8px 12px;
}
.components-form-token-field__suggestion.is-selected{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color:var(--wp-components-color-foreground-inverted, #fff);
}
.components-form-token-field__suggestion[aria-disabled=true]{
color:#949494;
pointer-events:none;
}
.components-form-token-field__suggestion[aria-disabled=true].is-selected{
background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
}
.components-form-token-field__suggestion:not(.is-empty){
cursor:pointer;
}
@media (min-width:600px){
.components-guide{
width:600px;
}
}
.components-guide .components-modal__content{
margin-top:0;
padding:0;
}
.components-guide .components-modal__content:before{
content:none;
}
.components-guide .components-modal__header{
border-bottom:none;
height:64px;
padding:0;
position:sticky;
}
.components-guide .components-modal__header .components-button{
align-self:flex-start;
margin:8px 8px 0 0;
position:static;
}
.components-guide .components-modal__header .components-button:hover svg{
fill:#fff;
}
.components-guide .components-guide__container{
display:flex;
flex-direction:column;
justify-content:space-between;
margin-top:-64px;
min-height:100%;
}
.components-guide .components-guide__page{
display:flex;
flex-direction:column;
justify-content:center;
position:relative;
}
@media (min-width:600px){
.components-guide .components-guide__page{
min-height:300px;
}
}
.components-guide .components-guide__footer{
align-content:center;
display:flex;
height:36px;
justify-content:center;
margin:0 0 24px;
padding:0 32px;
position:relative;
width:100%;
}
.components-guide .components-guide__page-control{
margin:0;
text-align:center;
}
.components-guide .components-guide__page-control li{
display:inline-block;
margin:0;
}
.components-guide .components-guide__page-control .components-button{
color:#e0e0e0;
margin:-6px 0;
}
.components-guide .components-guide__page-control li[aria-current=step] .components-button{
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-modal__frame.components-guide{
border:none;
max-height:575px;
min-width:312px;
}
@media (max-width:600px){
.components-modal__frame.components-guide{
margin:auto;
max-width:calc(100vw - 32px);
}
}
.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
position:absolute;
}
.components-button.components-guide__back-button{
left:32px;
}
.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{
right:32px;
}
[role=region]{
position:relative;
}
.is-focusing-regions [role=region]:focus:after,[role=region].interface-interface-skeleton__content:focus-visible:after{
bottom:0;
content:"";
left:0;
pointer-events:none;
position:absolute;
right:0;
top:0;
z-index:1000000;
}
.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,[role=region].interface-interface-skeleton__content:focus-visible:after{
outline-color:var(--wp-admin-theme-color);
outline-offset:calc(var(--wp-admin-border-width-focus)*-2/var(--wp-block-editor-iframe-zoom-out-scale, 1));
outline-style:solid;
outline-width:calc(var(--wp-admin-border-width-focus)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1));
}
.components-menu-group+.components-menu-group{
border-top:1px solid #1e1e1e;
padding-top:8px;
}
.components-menu-group+.components-menu-group.has-hidden-separator{
border-top:none;
margin-top:0;
padding-top:0;
}
.components-menu-group:has(>div:empty){
display:none;
}
.components-menu-group__label{
color:#757575;
font-size:11px;
font-weight:500;
margin-bottom:12px;
margin-top:4px;
padding:0 8px;
text-transform:uppercase;
white-space:nowrap;
}
.components-menu-item__button,.components-menu-item__button.components-button{
width:100%;
}
.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{
box-sizing:initial;
padding-right:48px;
}
.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{
display:inline-block;
flex:0 0 auto;
}
.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{
margin-left:24px;
margin-right:-2px;
}
.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{
margin-left:8px;
}
.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{
margin-left:-2px;
margin-right:8px;
}
.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{
justify-content:center;
}
.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{
margin-right:0;
}
.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{
background:none;
color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
opacity:.3;
}
.components-menu-item__info-wrapper{
display:flex;
flex-direction:column;
margin-right:auto;
}
.components-menu-item__info{
color:#757575;
font-size:12px;
margin-top:4px;
white-space:normal;
}
.components-menu-item__item{
align-items:center;
display:inline-flex;
margin-right:auto;
min-width:160px;
white-space:nowrap;
}
.components-menu-item__shortcut{
align-self:center;
color:currentColor;
display:none;
margin-left:auto;
margin-right:0;
padding-left:24px;
}
@media (min-width:480px){
.components-menu-item__shortcut{
display:inline;
}
}
.components-menu-items-choice,.components-menu-items-choice.components-button{
height:auto;
min-height:40px;
}
.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{
margin-right:12px;
}
.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{
padding-left:12px;
}
.components-modal__screen-overlay{
background-color:#00000059;
bottom:0;
display:flex;
left:0;
position:fixed;
right:0;
top:0;
z-index:100000;
}
@keyframes __wp-base-styles-fade-in{
0%{
opacity:0;
}
to{
opacity:1;
}
}
@media not (prefers-reduced-motion){
.components-modal__screen-overlay{
animation:__wp-base-styles-fade-in .08s linear 0s;
animation-fill-mode:forwards;
}
}
@keyframes __wp-base-styles-fade-out{
0%{
opacity:1;
}
to{
opacity:0;
}
}
@media not (prefers-reduced-motion){
.components-modal__screen-overlay.is-animating-out{
animation:__wp-base-styles-fade-out .08s linear 80ms;
animation-fill-mode:forwards;
}
}
.components-modal__frame{
box-sizing:border-box;
}
.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{
box-sizing:inherit;
}
.components-modal__frame{
animation-fill-mode:forwards;
animation-name:components-modal__appear-animation;
animation-timing-function:cubic-bezier(.29, 0, 0, 1);
background:#fff;
border-radius:8px 8px 0 0;
box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
color:#1e1e1e;
display:flex;
margin:40px 0 0;
overflow:hidden;
width:100%;
}
.components-modal__frame h1,.components-modal__frame h2,.components-modal__frame h3{
color:#1e1e1e;
}
@media not (prefers-reduced-motion){
.components-modal__frame{
animation-duration:var(--modal-frame-animation-duration);
}
}
.components-modal__screen-overlay.is-animating-out .components-modal__frame{
animation-name:components-modal__disappear-animation;
animation-timing-function:cubic-bezier(1, 0, .2, 1);
}
@media (min-width:600px){
.components-modal__frame{
border-radius:8px;
margin:auto;
max-height:calc(100% - 128px);
max-width:calc(100% - 32px);
min-width:350px;
width:auto;
}
}
@media (min-width:600px) and (min-width:600px){
.components-modal__frame.is-full-screen{
height:calc(100% - 32px);
max-height:none;
width:calc(100% - 32px);
}
}
@media (min-width:600px) and (min-width:782px){
.components-modal__frame.is-full-screen{
height:calc(100% - 80px);
max-width:none;
width:calc(100% - 80px);
}
}
@media (min-width:600px){
.components-modal__frame.has-size-large,.components-modal__frame.has-size-medium,.components-modal__frame.has-size-small{
width:100%;
}
.components-modal__frame.has-size-small{
max-width:384px;
}
.components-modal__frame.has-size-medium{
max-width:512px;
}
.components-modal__frame.has-size-large{
max-width:840px;
}
}
@media (min-width:960px){
.components-modal__frame{
max-height:70%;
}
}
@keyframes components-modal__appear-animation{
0%{
opacity:0;
transform:scale(.9);
}
to{
opacity:1;
transform:scale(1);
}
}
@keyframes components-modal__disappear-animation{
0%{
opacity:1;
transform:scale(1);
}
to{
opacity:0;
transform:scale(.9);
}
}
.components-modal__header{
align-items:center;
border-bottom:1px solid #0000;
box-sizing:border-box;
display:flex;
flex-direction:row;
height:72px;
justify-content:space-between;
left:0;
padding:24px 32px 8px;
position:absolute;
top:0;
width:100%;
z-index:10;
}
.components-modal__header .components-modal__header-heading{
font-size:1.2rem;
font-weight:600;
}
.components-modal__header h1{
line-height:1;
margin:0;
}
.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{
border-bottom-color:#ddd;
}
.components-modal__header+p{
margin-top:0;
}
.components-modal__header-heading-container{
align-items:center;
display:flex;
flex-direction:row;
flex-grow:1;
justify-content:flex-start;
}
.components-modal__header-icon-container{
display:inline-block;
}
.components-modal__header-icon-container svg{
max-height:36px;
max-width:36px;
padding:8px;
}
.components-modal__content{
flex:1;
margin-top:72px;
overflow:auto;
padding:4px 32px 32px;
}
.components-modal__content.hide-header{
margin-top:0;
padding-top:32px;
}
.components-modal__content.is-scrollable:focus-visible{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
outline-offset:-2px;
}
.components-notice{
align-items:center;
background-color:#fff;
border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
color:#1e1e1e;
display:flex;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
padding:8px 12px;
}
.components-notice.is-dismissible{
position:relative;
}
.components-notice.is-success{
background-color:#eff9f1;
border-left-color:#4ab866;
}
.components-notice.is-warning{
background-color:#fef8ee;
border-left-color:#f0b849;
}
.components-notice.is-error{
background-color:#f4a2a2;
border-left-color:#cc1818;
}
.components-notice__content{
flex-grow:1;
margin:4px 25px 4px 0;
}
.components-notice__actions{
display:flex;
flex-wrap:wrap;
}
.components-notice__action.components-button,.components-notice__action.components-button.is-link{
margin-left:12px;
}
.components-notice__action.components-button.is-secondary{
vertical-align:initial;
}
.components-notice__action.components-button{
margin-right:8px;
}
.components-notice__dismiss{
align-self:flex-start;
color:#757575;
flex-shrink:0;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
background-color:initial;
color:#1e1e1e;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
box-shadow:none;
}
.components-notice-list{
box-sizing:border-box;
max-width:100vw;
}
.components-notice-list .components-notice__content{
line-height:2;
margin-bottom:12px;
margin-top:12px;
}
.components-notice-list .components-notice__action.components-button{
display:block;
margin-left:0;
margin-top:8px;
}
.components-panel{
background:#fff;
border:1px solid #e0e0e0;
}
.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{
margin-top:-1px;
}
.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{
border-bottom-width:0;
}
.components-panel+.components-panel{
margin-top:-1px;
}
.components-panel__body{
border-bottom:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
}
.components-panel__body h3{
margin:0 0 .5em;
}
.components-panel__body.is-opened{
padding:16px;
}
.components-panel__header{
align-items:center;
border-bottom:1px solid #ddd;
box-sizing:initial;
display:flex;
flex-shrink:0;
height:47px;
justify-content:space-between;
padding:0 16px;
}
.components-panel__header h2{
color:inherit;
font-size:inherit;
margin:0;
}
.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{
margin-top:-1px;
}
.components-panel__body>.components-panel__body-title{
display:block;
font-size:inherit;
margin-bottom:0;
margin-top:0;
padding:0;
}
@media not (prefers-reduced-motion){
.components-panel__body>.components-panel__body-title{
transition:background .1s ease-in-out;
}
}
.components-panel__body.is-opened>.components-panel__body-title{
margin:-16px -16px 5px;
}
.components-panel__body>.components-panel__body-title:hover{
background:#f0f0f0;
border:none;
}
.components-panel__body-toggle.components-button{
border:none;
box-shadow:none;
color:#1e1e1e;
font-weight:500;
outline:none;
padding:16px 48px 16px 16px;
position:relative;
text-align:left;
width:100%;
}
@media not (prefers-reduced-motion){
.components-panel__body-toggle.components-button{
transition:background .1s ease-in-out;
}
}
.components-panel__body-toggle.components-button{
height:auto;
}
.components-panel__body-toggle.components-button:focus{
border-radius:0;
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-panel__body-toggle.components-button .components-panel__arrow{
color:#1e1e1e;
position:absolute;
right:16px;
top:50%;
transform:translateY(-50%);
fill:currentColor;
}
@media not (prefers-reduced-motion){
.components-panel__body-toggle.components-button .components-panel__arrow{
transition:color .1s ease-in-out;
}
}
body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{
-ms-filter:fliph;
filter:FlipH;
margin-top:-10px;
transform:scaleX(-1);
}
.components-panel__icon{
color:#757575;
margin:-2px 0 -2px 6px;
}
.components-panel__body-toggle-icon{
margin-right:-5px;
}
.components-panel__color-title{
float:left;
height:19px;
}
.components-panel__row{
align-items:center;
display:flex;
justify-content:space-between;
margin-top:8px;
min-height:36px;
}
.components-panel__row select{
min-width:0;
}
.components-panel__row label{
flex-shrink:0;
margin-right:12px;
max-width:75%;
}
.components-panel__row:empty,.components-panel__row:first-of-type{
margin-top:0;
}
.components-panel .circle-picker{
padding-bottom:20px;
}
.components-placeholder.components-placeholder{
align-items:flex-start;
box-sizing:border-box;
color:#1e1e1e;
display:flex;
flex-direction:column;
font-size:13px;
gap:16px;
margin:0;
padding:24px;
position:relative;
text-align:left;
width:100%;
-moz-font-smoothing:subpixel-antialiased;
-webkit-font-smoothing:subpixel-antialiased;
background-color:#fff;
border-radius:2px;
box-shadow:inset 0 0 0 1px #1e1e1e;
outline:1px solid #0000;
}
.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
font-weight:400;
letter-spacing:normal;
line-height:normal;
text-transform:none;
}
.components-placeholder__label{
align-items:center;
display:flex;
font-weight:600;
}
.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
margin-right:4px;
fill:currentColor;
}
@media (forced-colors:active){
.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{
fill:CanvasText;
}
}
.components-placeholder__label:empty{
display:none;
}
.components-placeholder__fieldset,.components-placeholder__fieldset form{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:16px;
justify-content:flex-start;
width:100%;
}
.components-placeholder__fieldset form p,.components-placeholder__fieldset p{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
}
.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{
flex-direction:column;
}
.components-placeholder__input[type=url]{
border:1px solid #949494;
border-radius:2px;
box-shadow:0 0 0 #0000;
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;
}
@media not (prefers-reduced-motion){
.components-placeholder__input[type=url]{
transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
.components-placeholder__input[type=url]{
font-size:13px;
line-height:normal;
}
}
.components-placeholder__input[type=url]:focus{
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.components-placeholder__input[type=url]::-webkit-input-placeholder{
color:#1e1e1e9e;
}
.components-placeholder__input[type=url]::-moz-placeholder{
color:#1e1e1e9e;
}
.components-placeholder__input[type=url]:-ms-input-placeholder{
color:#1e1e1e9e;
}
.components-placeholder__input[type=url]{
flex:1 1 auto;
}
.components-placeholder__error{
gap:8px;
width:100%;
}
.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{
margin-left:10px;
margin-right:10px;
}
.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{
margin-right:0;
}
.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{
display:none;
}
.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{
flex-direction:column;
}
.components-placeholder.is-medium .components-button,.components-placeholder.is-medium .components-placeholder__fieldset>*,.components-placeholder.is-small .components-button,.components-placeholder.is-small .components-placeholder__fieldset>*{
justify-content:center;
width:100%;
}
.components-placeholder.is-small{
padding:16px;
}
.components-placeholder.has-illustration{
backdrop-filter:blur(100px);
backface-visibility:hidden;
background-color:initial;
border-radius:0;
box-shadow:none;
color:inherit;
display:flex;
}
.is-dark-theme .components-placeholder.has-illustration{
background-color:#0000001a;
}
.components-placeholder.has-illustration .components-placeholder__fieldset{
margin-left:0;
margin-right:0;
}
.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
opacity:0;
pointer-events:none;
}
@media not (prefers-reduced-motion){
.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
transition:opacity .1s linear;
}
}
.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{
opacity:1;
pointer-events:auto;
}
.components-placeholder.has-illustration:before{
background:currentColor;
bottom:0;
content:"";
left:0;
opacity:.1;
pointer-events:none;
position:absolute;
right:0;
top:0;
}
.components-placeholder.has-illustration{
overflow:hidden;
}
.is-selected .components-placeholder.has-illustration{
overflow:auto;
}
.components-placeholder__preview{
display:flex;
justify-content:center;
}
.components-placeholder__illustration{
box-sizing:initial;
height:100%;
left:50%;
position:absolute;
top:50%;
transform:translate(-50%, -50%);
width:100%;
stroke:currentColor;
opacity:.25;
}
.components-popover{
box-sizing:border-box;
}
.components-popover *,.components-popover :after,.components-popover :before{
box-sizing:inherit;
}
.components-popover{
will-change:transform;
z-index:1000000;
}
.components-popover.is-expanded{
bottom:0;
left:0;
position:fixed;
right:0;
top:0;
z-index:1000000 !important;
}
.components-popover__content{
background:#fff;
border-radius:4px;
box-shadow:0 0 0 1px #ccc,0 2px 3px #0000000d,0 4px 5px #0000000a,0 12px 12px #00000008,0 16px 16px #00000005;
box-sizing:border-box;
width:min-content;
}
.is-alternate .components-popover__content{
border-radius:2px;
box-shadow:0 0 0 1px #1e1e1e;
}
.is-unstyled .components-popover__content{
background:none;
border-radius:0;
box-shadow:none;
}
.components-popover.is-expanded .components-popover__content{
box-shadow:0 -1px 0 0 #ccc;
height:calc(100% - 48px);
overflow-y:visible;
position:static;
width:auto;
}
.components-popover.is-expanded.is-alternate .components-popover__content{
box-shadow:0 -1px 0 #1e1e1e;
}
.components-popover__header{
align-items:center;
background:#fff;
display:flex;
height:48px;
justify-content:space-between;
padding:0 8px 0 16px;
}
.components-popover__header-title{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
}
.components-popover__close.components-button{
z-index:5;
}
.components-popover__arrow{
display:flex;
height:14px;
pointer-events:none;
position:absolute;
width:14px;
}
.components-popover__arrow:before{
background-color:#fff;
content:"";
height:2px;
left:1px;
position:absolute;
right:1px;
top:-1px;
}
.components-popover__arrow.is-top{
bottom:-14px !important;
transform:rotate(0);
}
.components-popover__arrow.is-right{
left:-14px !important;
transform:rotate(90deg);
}
.components-popover__arrow.is-bottom{
top:-14px !important;
transform:rotate(180deg);
}
.components-popover__arrow.is-left{
right:-14px !important;
transform:rotate(-90deg);
}
.components-popover__triangle{
display:block;
flex:1;
}
.components-popover__triangle-bg{
fill:#fff;
}
.components-popover__triangle-border{
fill:#0000;
stroke-width:1px;
stroke:#ccc;
}
.is-alternate .components-popover__triangle-border{
stroke:#1e1e1e;
}
.components-radio-control{
border:0;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
margin:0;
padding:0;
}
.components-radio-control__group-wrapper.has-help{
margin-block-end:12px;
}
.components-radio-control__option{
align-items:center;
column-gap:8px;
display:grid;
grid-template-columns:auto 1fr;
grid-template-rows:auto minmax(0, max-content);
}
.components-radio-control__input[type=radio]{
border:1px solid #1e1e1e;
border-radius:50%;
grid-column:1;
grid-row:1;
height:24px;
margin-right:12px;
max-width:24px;
min-width:24px;
position:relative;
transition:none;
width:24px;
}
@media not (prefers-reduced-motion){
.components-radio-control__input[type=radio]{
transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
.components-radio-control__input[type=radio]{
height:16px;
max-width:16px;
min-width:16px;
width:16px;
}
}
.components-radio-control__input[type=radio]:checked:before{
background-color:#fff;
border:4px solid #fff;
box-sizing:inherit;
height:12px;
left:50%;
margin:0;
position:absolute;
top:50%;
transform:translate(-50%, -50%);
width:12px;
}
@media (min-width:600px){
.components-radio-control__input[type=radio]:checked:before{
height:8px;
width:8px;
}
}
.components-radio-control__input[type=radio]:focus{
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
}
.components-radio-control__input[type=radio]:checked{
background:var(--wp-admin-theme-color);
border:none;
}
.components-radio-control__input[type=radio]{
appearance:none;
cursor:pointer;
display:inline-flex;
margin:0;
padding:0;
}
.components-radio-control__input[type=radio]:focus{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
outline:2px solid #0000;
outline-offset:2px;
}
.components-radio-control__input[type=radio]:checked{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-radio-control__input[type=radio]:checked:before{
border-radius:50%;
content:"";
}
.components-radio-control__label{
cursor:pointer;
grid-column:2;
grid-row:1;
line-height:24px;
}
@media (min-width:600px){
.components-radio-control__label{
line-height:16px;
}
}
.components-radio-control__option-description{
grid-column:2;
grid-row:2;
padding-block-start:4px;
}
.components-radio-control__option-description.components-radio-control__option-description{
margin-top:0;
}
.components-resizable-box__handle{
display:none;
height:23px;
width:23px;
z-index:2;
}
.components-resizable-box__container.has-show-handle .components-resizable-box__handle{
display:block;
}
.components-resizable-box__handle>div{
height:100%;
outline:none;
position:relative;
width:100%;
z-index:2;
}
.components-resizable-box__container>img{
width:inherit;
}
.components-resizable-box__handle:after{
background:#fff;
border-radius:50%;
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 1px 1px #00000008, 0 1px 2px #00000005, 0 3px 3px #00000005, 0 4px 4px #00000003;
content:"";
cursor:inherit;
display:block;
height:15px;
outline:2px solid #0000;
position:absolute;
right:calc(50% - 8px);
top:calc(50% - 8px);
width:15px;
}
.components-resizable-box__side-handle:before{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-radius:9999px;
content:"";
cursor:inherit;
display:block;
height:3px;
position:absolute;
right:calc(50% - 1px);
top:calc(50% - 1px);
width:3px;
}
@media not (prefers-reduced-motion){
.components-resizable-box__side-handle:before{
transition:transform .1s ease-in;
will-change:transform;
}
}
.components-resizable-box__side-handle:before{
opacity:0;
}
.components-resizable-box__corner-handle,.components-resizable-box__side-handle{
z-index:2;
}
.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{
border-left:0;
border-right:0;
left:0;
width:100%;
}
.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{
border-bottom:0;
border-top:0;
height:100%;
top:0;
}
@media not (prefers-reduced-motion){
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;
animation-fill-mode:forwards;
}
.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{
animation:components-resizable-box__left-right-animation .1s ease-out 0s;
animation-fill-mode:forwards;
}
}
@media not all and (min-resolution:0.001dpcm){
@supports (-webkit-appearance:none){
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{
animation:none;
}
}
}
@keyframes components-resizable-box__top-bottom-animation{
0%{
opacity:0;
transform:scaleX(0);
}
to{
opacity:1;
transform:scaleX(1);
}
}
@keyframes components-resizable-box__left-right-animation{
0%{
opacity:0;
transform:scaleY(0);
}
to{
opacity:1;
transform:scaleY(1);
}
}
.components-resizable-box__handle-right{
right:-11.5px;
}
.components-resizable-box__handle-left{
left:-11.5px;
}
.components-resizable-box__handle-top{
top:-11.5px;
}
.components-resizable-box__handle-bottom{
bottom:-11.5px;
}
.components-responsive-wrapper{
align-items:center;
display:flex;
justify-content:center;
max-width:100%;
position:relative;
}
.components-responsive-wrapper__content{
display:block;
max-width:100%;
width:100%;
}
.components-sandbox{
overflow:hidden;
}
iframe.components-sandbox{
width:100%;
}
body.lockscroll,html.lockscroll{
overflow:hidden;
}
.components-select-control__input{
outline:0;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important;
}
.components-snackbar{
backdrop-filter:blur(16px) saturate(180%);
background:#000000d9;
border-radius:4px;
box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
box-sizing:border-box;
color:#fff;
cursor:pointer;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
max-width:600px;
padding:12px 20px;
pointer-events:auto;
width:100%;
}
@media (min-width:600px){
.components-snackbar{
width:fit-content;
}
}
.components-snackbar:focus{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-snackbar.components-snackbar-explicit-dismiss{
cursor:default;
}
.components-snackbar .components-snackbar__content-with-icon{
padding-left:24px;
position:relative;
}
.components-snackbar .components-snackbar__icon{
left:-8px;
position:absolute;
top:-2.9px;
}
.components-snackbar .components-snackbar__dismiss-button{
cursor:pointer;
margin-left:24px;
}
.components-snackbar__action.components-button,.components-snackbar__action.components-external-link{
color:#fff;
flex-shrink:0;
margin-left:32px;
}
.components-snackbar__action.components-button:focus,.components-snackbar__action.components-external-link:focus{
box-shadow:none;
outline:1px dotted #fff;
}
.components-snackbar__action.components-button:hover,.components-snackbar__action.components-external-link:hover{
color:currentColor;
text-decoration:none;
}
.components-snackbar__content{
align-items:baseline;
display:flex;
justify-content:space-between;
line-height:1.4;
}
.components-snackbar-list{
box-sizing:border-box;
pointer-events:none;
position:absolute;
width:100%;
z-index:100000;
}
.components-snackbar-list__notice-container{
padding-top:8px;
position:relative;
}
.components-tab-panel__tabs{
align-items:stretch;
display:flex;
flex-direction:row;
}
.components-tab-panel__tabs[aria-orientation=vertical]{
flex-direction:column;
}
.components-tab-panel__tabs-item{
background:#0000;
border:none;
border-radius:0;
box-shadow:none;
cursor:pointer;
font-weight:500;
height:48px !important;
margin-left:0;
padding:3px 16px;
position:relative;
}
.components-tab-panel__tabs-item:focus:not(:disabled){
box-shadow:none;
outline:none;
position:relative;
}
.components-tab-panel__tabs-item:after{
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
border-radius:0;
bottom:0;
content:"";
height:calc(var(--wp-admin-border-width-focus)*0);
left:0;
pointer-events:none;
position:absolute;
right:0;
}
@media not (prefers-reduced-motion){
.components-tab-panel__tabs-item:after{
transition:all .1s linear;
}
}
.components-tab-panel__tabs-item.is-active:after{
height:calc(var(--wp-admin-border-width-focus)*1);
outline:2px solid #0000;
outline-offset:-1px;
}
.components-tab-panel__tabs-item:before{
border-radius:2px;
bottom:12px;
box-shadow:0 0 0 0 #0000;
content:"";
left:12px;
pointer-events:none;
position:absolute;
right:12px;
top:12px;
}
@media not (prefers-reduced-motion){
.components-tab-panel__tabs-item:before{
transition:all .1s linear;
}
}
.components-tab-panel__tabs-item:focus-visible:before{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
}
.components-tab-panel__tab-content:focus{
box-shadow:none;
outline:none;
}
.components-tab-panel__tab-content:focus-visible{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
outline-offset:0;
}
.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
background:var(--wp-components-color-background, #fff);
border:1px solid #949494;
border-radius:2px;
box-shadow:0 0 0 #0000;
color:var(--wp-components-color-foreground, #1e1e1e);
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:16px;
height:32px;
line-height:normal;
margin:0;
padding:6px 8px;
width:100%;
}
@media not (prefers-reduced-motion){
.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
transition:box-shadow .1s linear;
}
}
@media (min-width:600px){
.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
font-size:13px;
line-height:normal;
}
}
.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
box-shadow:0 0 0 .5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
outline:2px solid #0000;
}
.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{
color:#1e1e1e9e;
}
.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{
color:#1e1e1e9e;
}
.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{
color:#1e1e1e9e;
}
.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{
border-color:var(--wp-components-color-gray-600, #949494);
}
.components-text-control__input::placeholder,.components-text-control__input[type=color]::placeholder,.components-text-control__input[type=date]::placeholder,.components-text-control__input[type=datetime-local]::placeholder,.components-text-control__input[type=datetime]::placeholder,.components-text-control__input[type=email]::placeholder,.components-text-control__input[type=month]::placeholder,.components-text-control__input[type=number]::placeholder,.components-text-control__input[type=password]::placeholder,.components-text-control__input[type=tel]::placeholder,.components-text-control__input[type=text]::placeholder,.components-text-control__input[type=time]::placeholder,.components-text-control__input[type=url]::placeholder,.components-text-control__input[type=week]::placeholder{
color:color-mix(in srgb, var(--wp-components-color-foreground, #1e1e1e), #0000 38%);
}
.components-text-control__input.is-next-40px-default-size,.components-text-control__input[type=color].is-next-40px-default-size,.components-text-control__input[type=date].is-next-40px-default-size,.components-text-control__input[type=datetime-local].is-next-40px-default-size,.components-text-control__input[type=datetime].is-next-40px-default-size,.components-text-control__input[type=email].is-next-40px-default-size,.components-text-control__input[type=month].is-next-40px-default-size,.components-text-control__input[type=number].is-next-40px-default-size,.components-text-control__input[type=password].is-next-40px-default-size,.components-text-control__input[type=tel].is-next-40px-default-size,.components-text-control__input[type=text].is-next-40px-default-size,.components-text-control__input[type=time].is-next-40px-default-size,.components-text-control__input[type=url].is-next-40px-default-size,.components-text-control__input[type=week].is-next-40px-default-size{
height:40px;
padding-left:12px;
padding-right:12px;
}
.components-text-control__input[type=email],.components-text-control__input[type=url]{
direction:ltr;
}
.components-tip{
color:#757575;
display:flex;
}
.components-tip svg{
align-self:center;
fill:#f0b849;
flex-shrink:0;
margin-right:16px;
}
.components-tip p{
margin:0;
}
.components-toggle-control__label{
line-height:16px;
}
.components-toggle-control__label:not(.is-disabled){
cursor:pointer;
}
.components-toggle-control__help{
display:inline-block;
margin-inline-start:40px;
}
.components-accessible-toolbar{
border:1px solid var(--wp-components-color-foreground, #1e1e1e);
border-radius:2px;
display:inline-flex;
flex-shrink:0;
}
.components-accessible-toolbar>.components-toolbar-group:last-child{
border-right:none;
}
.components-accessible-toolbar.is-unstyled{
border:none;
}
.components-accessible-toolbar.is-unstyled>.components-toolbar-group{
border-right:none;
}
.components-accessible-toolbar[aria-orientation=vertical],.components-toolbar[aria-orientation=vertical]{
align-items:center;
display:flex;
flex-direction:column;
}
.components-accessible-toolbar .components-button,.components-toolbar .components-button{
height:48px;
padding-left:16px;
padding-right:16px;
position:relative;
z-index:1;
}
.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){
box-shadow:none;
outline:none;
}
.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
border-radius:2px;
content:"";
display:block;
height:32px;
left:8px;
position:absolute;
right:8px;
z-index:-1;
}
@media not (prefers-reduced-motion){
.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
animation:components-button__appear-animation .1s ease;
animation-fill-mode:forwards;
}
}
.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{
margin-left:auto;
margin-right:auto;
position:relative;
}
.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{
background:#0000;
}
.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{
background:var(--wp-components-color-foreground, #1e1e1e);
}
.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{
min-width:48px;
padding-left:8px;
padding-right:8px;
}
@keyframes components-button__appear-animation{
0%{
transform:scaleY(0);
}
to{
transform:scaleY(1);
}
}
.components-toolbar__control.components-button{
position:relative;
}
.components-toolbar__control.components-button[data-subscript] svg{
padding:5px 10px 5px 0;
}
.components-toolbar__control.components-button[data-subscript]:after{
bottom:10px;
content:attr(data-subscript);
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
font-weight:600;
line-height:12px;
position:absolute;
right:8px;
}
.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{
color:#fff;
}
.components-toolbar-group{
background-color:var(--wp-components-color-background, #fff);
border-right:1px solid var(--wp-components-color-foreground, #1e1e1e);
display:inline-flex;
flex-shrink:0;
flex-wrap:wrap;
min-height:48px;
padding-left:6px;
padding-right:6px;
}
.components-toolbar-group .components-toolbar-group.components-toolbar-group{
border-width:0;
margin:0;
}
.components-toolbar-group{
line-height:0;
}
.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{
justify-content:center;
min-width:36px;
padding-left:6px;
padding-right:6px;
}
.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{
min-width:24px;
}
.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{
left:2px;
right:2px;
}
.components-toolbar{
background-color:var(--wp-components-color-background, #fff);
border:1px solid var(--wp-components-color-foreground, #1e1e1e);
display:inline-flex;
flex-shrink:0;
flex-wrap:wrap;
margin:0;
min-height:48px;
}
.components-toolbar .components-toolbar.components-toolbar{
border-width:0;
margin:0;
}
div.components-toolbar>div{
display:flex;
margin:0;
}
div.components-toolbar>div+div.has-left-divider{
margin-left:6px;
overflow:visible;
position:relative;
}
div.components-toolbar>div+div.has-left-divider:before{
background-color:#ddd;
box-sizing:initial;
content:"";
display:inline-block;
height:20px;
left:-3px;
position:absolute;
top:8px;
width:1px;
}
.components-tooltip{
background:#000;
border-radius:2px;
box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
color:#f0f0f0;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:12px;
line-height:1.4;
padding:4px 8px;
text-align:center;
z-index:1000002;
}
.components-tooltip__shortcut{
margin-left:8px;
}
.components-validated-control:has(:is(input,select):user-invalid) .components-input-control__backdrop{
--wp-components-color-accent:#cc1818;
border-color:#cc1818;
}
.components-validated-control :is(textarea,input[type=text]):user-invalid{
--wp-admin-theme-color:#cc1818;
--wp-components-color-accent:#cc1818;
border-color:#cc1818;
}
.components-validated-control .components-combobox-control__suggestions-container:has(input:user-invalid):not(:has([aria-expanded=true])){
border-color:#cc1818;
}
.components-validated-control__wrapper-with-error-delegate{
position:relative;
}
.components-validated-control__wrapper-with-error-delegate:has(select:user-invalid) .components-input-control__backdrop{
--wp-components-color-accent:#cc1818;
border-color:#cc1818;
}
.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid){
--wp-components-color-accent:#cc1818;
}
.components-validated-control__wrapper-with-error-delegate:has(input:user-invalid) .components-form-token-field__input-container:not(:has([aria-expanded=true])){
--wp-components-color-accent:#cc1818;
border-color:#cc1818;
}
.components-validated-control__error-delegate{
height:100%;
opacity:0;
pointer-events:none;
position:absolute;
top:0;
width:100%;
}
.components-validated-control__indicator{
align-items:flex-start;
animation:components-validated-control__indicator-jump .2s cubic-bezier(.68, -.55, .27, 1.55);
color:var(--wp-components-color-gray-700, #757575);
display:flex;
font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:.75rem;
gap:4px;
line-height:16px;
margin:8px 0 0;
}
.components-validated-control__indicator.is-invalid{
color:#cc1818;
}
.components-validated-control__indicator.is-valid{
color:color-mix(in srgb, #000 30%, #4ab866);
}
.components-validated-control__indicator-icon{
flex-shrink:0;
}
.components-validated-control__indicator-spinner{
height:12px;
margin:2px;
width:12px;
}
@keyframes components-validated-control__indicator-jump{
0%{
opacity:0;
transform:translateY(-4px);
}
to{
opacity:1;
transform:translateY(0);
}
}
:root{
--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.0384615385, 68.7307692308, 230.4615384615;
--wp-admin-theme-color-darker-20:#183ad6;
--wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
:root{
--wp-admin-border-width-focus:1.5px;
}
}.preference-base-option+.preference-base-option{
margin-top:16px;
}
@media (min-width:600px){
.preferences-modal{
height:calc(100% - 128px);
width:calc(100% - 32px);
}
}
@media (min-width:782px){
.preferences-modal{
width:750px;
}
}
@media (min-width:960px){
.preferences-modal{
height:70%;
}
}
@media (max-width:781px){
.preferences-modal .components-modal__content{
padding:0;
}
}
.preferences__tabs-tablist{
left:16px;
position:absolute !important;
top:88px;
width:160px;
}
.preferences__tabs-tabpanel{
margin-left:160px;
padding-left:24px;
}
@media (max-width:781px){
.preferences__provider{
height:100%;
}
}
.preferences-modal__section{
border:0;
margin:0 0 2.5rem;
padding:0;
}
.preferences-modal__section:last-child{
margin:0;
}
.preferences-modal__section-legend{
margin-bottom:8px;
}
.preferences-modal__section-title{
font-size:.9rem;
font-weight:600;
margin-top:0;
}
.preferences-modal__section-description{
color:#757575;
font-size:12px;
font-style:normal;
margin:-8px 0 8px;
}
.preferences-modal__section:has(.preferences-modal__section-content:empty){
display:none;
}:root{
--wp-block-synced-color:#7a00df;
--wp-block-synced-color--rgb:122, 0, 223;
--wp-bound-block-color:var(--wp-block-synced-color);
--wp-editor-canvas-background:#ddd;
--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, 160.5;
--wp-admin-theme-color-darker-20:#005a87;
--wp-admin-theme-color-darker-20--rgb:0, 90, 135;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
:root{
--wp-admin-border-width-focus:1.5px;
}
}
.block-editor-autocompleters__block{
white-space:nowrap;
}
.block-editor-autocompleters__block .block-editor-block-icon{
margin-right:8px;
}
.block-editor-autocompleters__block[aria-selected=true] .block-editor-block-icon{
color:inherit !important;
}
.block-editor-autocompleters__link{
white-space:nowrap;
}
.block-editor-autocompleters__link .block-editor-block-icon{
margin-right:8px;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container{
border:1px solid #ddd;
border-radius:2px;
grid-column:1 /  -1;
position:relative;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container.is-open{
background-color:#f0f0f0;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item{
border:0;
flex-grow:1;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown{
display:block;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner{
height:100%;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown{
display:block;
}
.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown .block-editor-global-styles-background-panel__dropdown-toggle{
height:40px;
}
.block-editor-global-styles-background-panel__image-tools-panel-item{
border:1px solid #ddd;
grid-column:1 /  -1;
position:relative;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon{
display:none;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown{
display:block;
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button{
color:#1e1e1e;
display:block;
width:100%;
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover{
color:var(--wp-admin-theme-color);
}
.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading{
height:100%;
padding:10px 0 0;
position:absolute;
width:100%;
z-index:1;
}
.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg{
margin:0;
}
.block-editor-global-styles-background-panel__dropdown-toggle{
background:#0000;
border:none;
cursor:pointer;
height:100%;
padding-left:12px;
padding-right:32px;
width:100%;
}
.block-editor-global-styles-background-panel__reset{
margin:auto 8px;
opacity:0;
position:absolute;
right:0;
top:8px;
}
@media not (prefers-reduced-motion){
.block-editor-global-styles-background-panel__reset{
transition:opacity .1s ease-in-out;
}
}
.block-editor-global-styles-background-panel__reset.block-editor-global-styles-background-panel__reset{
border-radius:2px;
}
.block-editor-global-styles-background-panel__dropdown-toggle:hover+.block-editor-global-styles-background-panel__reset,.block-editor-global-styles-background-panel__reset:focus,.block-editor-global-styles-background-panel__reset:hover{
opacity:1;
}
@media (hover:none){
.block-editor-global-styles-background-panel__reset{
opacity:1;
}
}
.block-editor-global-styles-background-panel__inspector-media-replace-title{
text-align:start;
text-align-last:center;
white-space:normal;
word-break:break-all;
}
.block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper{
height:20px;
min-width:auto;
width:20px;
}
.block-editor-global-styles-background-panel__inspector-image-indicator{
background-size:cover;
border-radius:50%;
display:block;
height:20px;
position:relative;
width:20px;
}
.block-editor-global-styles-background-panel__inspector-image-indicator:after{
border:1px solid #0000;
border-radius:50%;
bottom:-1px;
box-shadow:inset 0 0 0 1px #0003;
box-sizing:inherit;
content:"";
left:-1px;
position:absolute;
right:-1px;
top:-1px;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper{
min-width:260px;
overflow-x:hidden;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper{
background-color:#f0f0f0;
border:1px solid #ddd;
border-radius:2px;
width:100%;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image{
max-height:180px;
}
.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker:after{
content:none;
}
.modal-open .block-editor-global-styles-background-panel__popover{
z-index:159890;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-popover__content{
width:226px;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-button{
padding:0 8px;
}
.block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right{
margin-left:16px;
}
.block-editor-block-alignment-control__menu-group .components-menu-item__info{
margin-top:0;
}
iframe[name=editor-canvas]{
box-sizing:border-box;
display:block;
height:100%;
width:100%;
}
@media not (prefers-reduced-motion){
iframe[name=editor-canvas]{
transition:all .4s cubic-bezier(.46, .03, .52, .96);
}
}
iframe[name=editor-canvas]{
background-color:var(--wp-editor-canvas-background);
}
.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 .block-editor-html-element-control:where(:not(:last-child)),.block-editor-block-inspector .block-editor-image-size-control:where(:not(:last-child)),.block-editor-block-inspector .components-base-control:where(:not(:last-child)),.block-editor-block-inspector .components-radio-control:where(:not(:last-child)){
margin-bottom:16px;
}
.block-editor-block-inspector .block-editor-html-element-control .components-base-control,.block-editor-block-inspector .block-editor-image-size-control .components-base-control,.block-editor-block-inspector .components-focal-point-picker-control .components-base-control,.block-editor-block-inspector .components-query-controls .components-base-control,.block-editor-block-inspector .components-range-control .components-base-control{
margin-bottom:0;
}
.block-editor-block-inspector .components-panel__body{
border:none;
border-top:1px solid #e0e0e0;
margin-top:-1px;
}
.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{
background:#fff;
display:block;
font-size:13px;
padding:32px 16px;
text-align:center;
}
.block-editor-block-inspector__no-block-tools{
border-top:1px solid #ddd;
}
.block-editor-block-inspector-edit-contents-button{
justify-content:center;
margin-top:8px;
}
.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;
position:absolute;
will-change:transform;
}
@media (min-width:480px){
.block-editor-block-list__insertion-point-inserter{
display:flex;
}
}
.block-editor-block-list__insertion-point-inserter{
justify-content:center;
left:calc(50% - 12px);
top:calc(50% - 12px);
}
.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-block-list__empty-block-inserter{
line-height:0;
position:absolute;
right:0;
top:0;
}
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled{
display:none;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
background:#1e1e1e;
color:#fff;
height:24px;
min-width:24px;
padding:0;
}
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
background:var(--wp-admin-theme-color);
color:#fff;
}
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{
background:var(--wp-admin-theme-color);
}
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{
background:#1e1e1e;
}
@keyframes hide-during-dragging{
to{
position:fixed;
transform:translate(9999px, 9999px);
}
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{
border:1px solid #1e1e1e;
border-radius:2px;
margin-bottom:8px;
margin-top:8px;
overflow:visible;
pointer-events:all;
position:static;
width:auto;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{
margin-left:56px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{
margin-left:0;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar{
overflow:visible;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{
border-right-color:#1e1e1e;
}
.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{
visibility:hidden;
}
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{
opacity:0;
}
@media not (prefers-reduced-motion){
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{
animation:hide-during-dragging 1ms linear forwards;
}
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{
left:-57px;
position:absolute;
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:before{
content:"";
}
.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
background-color:#fff;
border:1px solid #1e1e1e;
padding-left:6px;
padding-right:6px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
padding-left:12px;
padding-right:12px;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{
left:auto;
margin-left:-1px;
position:relative;
}
.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover{
border-left:1px solid #1e1e1e;
}
.is-dragging-components-draggable .components-tooltip{
display:none;
}
.components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button{
left:50%;
pointer-events:all;
position:absolute;
top:50%;
transform:translateX(-50%) translateY(-50%);
}
.block-editor-block-tools--is-dragging>.popover-slot{
display:none;
}
.block-editor-block-lock-modal{
z-index:1000001;
}
.block-editor-block-lock-modal__options{
border:0;
margin:0;
padding:0;
}
.block-editor-block-lock-modal__options legend{
margin-bottom:16px;
padding:0;
}
.block-editor-block-lock-modal__checklist{
list-style:none;
margin:0;
padding:0;
}
.block-editor-block-lock-modal__options-all{
padding:12px 0;
}
.block-editor-block-lock-modal__options-all .components-checkbox-control__label{
font-weight:600;
}
.block-editor-block-lock-modal__checklist-item{
align-items:center;
display:flex;
gap:12px;
justify-content:space-between;
margin-bottom:0;
padding:12px 0 12px 32px;
}
.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{
flex-shrink:0;
margin-right:12px;
fill:#1e1e1e;
}
.block-editor-block-lock-modal__checklist-item:hover{
background-color:#f0f0f0;
border-radius:2px;
}
.block-editor-block-lock-modal__template-lock{
border-top:1px solid #ddd;
margin-top:16px;
padding-top:16px;
}
.block-editor-block-lock-modal__actions{
margin-top:24px;
}
.block-editor-block-lock-toolbar .components-button.has-icon{
min-width:36px !important;
}
.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
margin-left:-6px !important;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
border-left:1px solid #1e1e1e;
margin-left:6px !important;
margin-right:-6px;
}
.block-editor-block-allowed-blocks-control:not(:only-child){
margin-top:16px;
}
.block-editor-block-allowed-blocks-control__button{
justify-content:center;
width:100%;
}
.block-editor-block-allowed-blocks-modal{
z-index:1000001;
}
.block-editor-block-allowed-blocks-modal__actions{
background-color:#fff;
border-top:1px solid #ddd;
bottom:-32px;
left:0;
margin:0 -32px -32px;
padding:16px 32px;
position:sticky;
z-index:1;
}
.block-editor-block-breadcrumb{
list-style:none;
margin:0;
padding:0;
}
.block-editor-block-breadcrumb li{
display:inline-flex;
margin:0;
}
.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{
fill:currentColor;
margin-left:-4px;
margin-right:-4px;
transform:scaleX(1);
}
.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{
display:none;
}
.block-editor-block-breadcrumb__current{
cursor:default;
}
.block-editor-block-breadcrumb__button.block-editor-block-breadcrumb__button,.block-editor-block-breadcrumb__current{
color:#1e1e1e;
font-size:inherit;
padding:0 8px;
}
.block-editor-block-card{
align-items:flex-start;
color:#1e1e1e;
display:flex;
padding:16px;
}
.block-editor-block-card__title{
align-items:center;
display:flex;
flex-wrap:wrap;
font-weight:500;
gap:4px 8px;
}
.block-editor-block-card__title.block-editor-block-card__title{
font-size:13px;
line-height:1.4;
margin:0;
}
.block-editor-block-card__name{
padding:3px 0;
}
.block-editor-block-card .block-editor-block-icon{
flex:0 0 24px;
height:24px;
margin-left:0;
margin-right:12px;
width:24px;
}
.block-editor-block-card.is-synced .block-editor-block-icon{
color:var(--wp-block-synced-color);
}
.block-editor-block-compare{
height:auto;
}
.block-editor-block-compare__wrapper{
display:flex;
padding-bottom:16px;
}
.block-editor-block-compare__wrapper>div{
display:flex;
flex-direction:column;
justify-content:space-between;
max-width:600px;
min-width:200px;
padding:0 16px 0 0;
width:50%;
}
.block-editor-block-compare__wrapper>div button{
float:right;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__converted{
border-left:1px solid #ddd;
padding-left:15px;
padding-right:0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html{
border-bottom:1px solid #ddd;
color:#1e1e1e;
font-family:Menlo,Consolas,monaco,monospace;
font-size:12px;
line-height:1.7;
padding-bottom:15px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span{
background-color:#e6ffed;
padding-bottom:3px;
padding-top:3px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{
background-color:#acf2bd;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{
background-color:#cc1818;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__preview{
padding:16px 0 0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{
font-size:12px;
margin-top:0;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__action{
margin-top:16px;
}
.block-editor-block-compare__wrapper .block-editor-block-compare__heading{
font-size:1em;
font-weight:400;
margin:.67em 0;
}
.block-editor-block-draggable-chip-wrapper{
left:0;
position:absolute;
top:-24px;
}
.block-editor-block-draggable-chip{
background-color:#1e1e1e;
border-radius:2px;
box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
color:#fff;
cursor:grabbing;
display:inline-flex;
height:48px;
padding:0 13px;
position:relative;
-webkit-user-select:none;
user-select:none;
width:max-content;
}
.block-editor-block-draggable-chip svg{
fill:currentColor;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{
justify-content:flex-start;
margin:auto;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{
margin-right:6px;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{
margin-right:0;
}
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{
min-height:18px;
min-width:18px;
}
.block-editor-block-draggable-chip .components-flex__item{
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
}
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{
align-items:center;
background-color:initial;
bottom:0;
display:flex;
justify-content:center;
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
}
@media not (prefers-reduced-motion){
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{
transition:all .1s linear .1s;
}
}
.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon{
background:#0000 linear-gradient(-45deg, #0000 47.5%, #fff 0, #fff 52.5%, #0000 0);
border-radius:50%;
box-shadow:inset 0 0 0 1.5px #fff;
display:inline-block;
height:20px;
padding:0;
width:20px;
}
.block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{
background-color:#757575;
box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
opacity:1;
}
.block-editor-block-manager__no-results{
font-style:italic;
padding:24px 0;
text-align:center;
}
.block-editor-block-manager__category{
margin:0 0 24px;
}
.block-editor-block-manager__category-title{
background-color:#fff;
padding:16px 0;
position:sticky;
top:-4px;
z-index:1;
}
.block-editor-block-manager__category-title .components-checkbox-control__label{
font-weight:600;
}
.block-editor-block-manager__checklist{
margin-top:0;
}
.block-editor-block-manager__category-title,.block-editor-block-manager__checklist-item{
border-bottom:1px solid #ddd;
}
.block-editor-block-manager__checklist-item{
align-items:center;
display:flex;
justify-content:space-between;
margin-bottom:0;
padding:8px 0 8px 16px;
}
.components-modal__content .block-editor-block-manager__checklist-item.components-checkbox-control__input-container{
margin:0 8px;
}
.block-editor-block-manager__checklist-item .block-editor-block-icon{
margin-right:10px;
fill:#1e1e1e;
}
.block-editor-block-manager__results{
border-top:1px solid #ddd;
}
.block-editor-block-manager__disabled-blocks-count+.block-editor-block-manager__results{
border-top-width:0;
}
.block-editor-block-mover__move-button-container{
border:none;
display:flex;
justify-content:center;
padding:0;
}
@media (min-width:600px){
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{
flex-direction:column;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{
height:20px;
min-width:0 !important;
width:100%;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{
height:calc(100% - 4px);
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{
flex-shrink:0;
top:3px;
}
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
bottom:3px;
flex-shrink:0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{
width:48px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{
min-width:0 !important;
overflow:hidden;
width:24px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button{
padding-left:0;
padding-right:0;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{
left:5px;
}
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
right:5px;
}
}
.block-editor-block-mover__drag-handle{
cursor:grab;
}
@media (min-width:600px){
.block-editor-block-mover__drag-handle{
min-width:0 !important;
overflow:hidden;
width:24px;
}
.block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon{
padding-left:0;
padding-right:0;
}
}
.components-button.block-editor-block-mover-button{
overflow:hidden;
}
.components-button.block-editor-block-mover-button:before{
border-radius:2px;
content:"";
display:block;
height:32px;
left:8px;
position:absolute;
right:8px;
z-index:-1;
}
@media not (prefers-reduced-motion){
.components-button.block-editor-block-mover-button:before{
animation:components-button__appear-animation .1s ease;
animation-fill-mode:forwards;
}
}
.components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{
box-shadow:none;
outline:none;
}
.components-button.block-editor-block-mover-button:focus-visible:before{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-block-navigation__container{
min-width:280px;
}
.block-editor-block-navigation__label{
color:#757575;
font-size:11px;
font-weight:500;
margin:0 0 12px;
text-transform:uppercase;
}
.block-editor-block-patterns-list__list-item{
cursor:pointer;
margin-bottom:16px;
position:relative;
}
.block-editor-block-patterns-list__list-item.is-placeholder{
min-height:100px;
}
.block-editor-block-patterns-list__list-item[draggable=true]{
cursor:grab;
}
.block-editor-block-patterns-list__item{
height:100%;
outline:0;
scroll-margin-bottom:56px;
scroll-margin-top:24px;
}
.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{
flex-grow:1;
font-size:12px;
text-align:left;
}
.block-editor-block-patterns-list__item .block-editor-block-preview__container{
align-items:center;
border-radius:4px;
display:flex;
overflow:hidden;
}
.block-editor-block-patterns-list__item .block-editor-block-preview__container:after{
border-radius:4px;
outline:1px solid #0000001a;
outline-offset:-1px;
}
@media not (prefers-reduced-motion){
.block-editor-block-patterns-list__item .block-editor-block-preview__container:after{
transition:outline .1s linear;
}
}
.block-editor-block-patterns-list__item.is-selected .block-editor-block-preview__container:after{
outline-color:#1e1e1e;
outline-offset:calc(var(--wp-admin-border-width-focus)*-1);
outline-width:var(--wp-admin-border-width-focus);
}
.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container:after{
outline-color:#0000004d;
}
.block-editor-block-patterns-list__item[data-focus-visible] .block-editor-block-preview__container:after{
outline-color:var(--wp-admin-theme-color);
outline-offset:calc(var(--wp-admin-border-width-focus)*-1);
outline-width:var(--wp-admin-border-width-focus);
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty){
align-items:center;
margin-top:8px;
padding-bottom:4px;
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper{
height:24px;
min-width:24px;
}
.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon{
fill:var(--wp-block-synced-color);
}
.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination{
border-top:1px solid #2f2f2f;
justify-content:center;
padding:4px;
}
.show-icon-labels .block-editor-patterns__grid-pagination-button{
width:auto;
}
.show-icon-labels .block-editor-patterns__grid-pagination-button span{
display:none;
}
.show-icon-labels .block-editor-patterns__grid-pagination-button:before{
content:attr(aria-label);
}
.components-popover.block-editor-block-popover{
margin:0 !important;
pointer-events:none;
position:absolute;
z-index:31;
}
.components-popover.block-editor-block-popover .components-popover__content{
margin:0 !important;
min-width:auto;
overflow-y:visible;
width:max-content;
}
.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{
pointer-events:all;
}
.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{
pointer-events:none;
}
.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{
pointer-events:all;
}
.components-popover.block-editor-block-popover__drop-zone *{
pointer-events:none;
}
.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{
background-color:var(--wp-admin-theme-color);
border-radius:2px;
inset:0;
position:absolute;
}
.block-editor-block-preview__container{
overflow:hidden;
position:relative;
width:100%;
}
.block-editor-block-preview__container .block-editor-block-preview__content{
left:0;
margin:0;
min-height:auto;
overflow:visible;
text-align:initial;
top:0;
transform-origin:top left;
width:100%;
}
.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{
display:none;
}
.block-editor-block-preview__container:after{
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:1;
}
.block-editor-block-rename-modal{
z-index:1000001;
}
.block-editor-block-styles__preview-panel{
display:none;
z-index:90;
}
@media (min-width:782px){
.block-editor-block-styles__preview-panel{
display:block;
}
}
.block-editor-block-styles__preview-panel .block-editor-block-icon{
display:none;
}
.block-editor-block-styles__variants{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:space-between;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item{
box-shadow:inset 0 0 0 1px #ddd;
color:#1e1e1e;
display:inline-block;
width:calc(50% - 4px);
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover{
box-shadow:inset 0 0 0 1px #ddd;
color:var(--wp-admin-theme-color);
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover{
background-color:#1e1e1e;
box-shadow:none;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{
color:#fff;
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-block-styles__variants .block-editor-block-styles__item-text{
text-align:start;
text-align-last:center;
white-space:normal;
word-break:break-all;
}
.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{
box-sizing:border-box !important;
}
.block-editor-block-switcher{
position:relative;
}
.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{
min-width:36px;
}
.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{
position:relative;
}
.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{
display:block;
height:48px;
margin:0;
}
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{
margin:auto;
}
.components-button.block-editor-block-switcher__no-switcher-icon{
display:flex;
}
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
margin-left:auto;
margin-right:auto;
min-width:24px !important;
}
.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true],.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true]:hover{
color:#1e1e1e;
}
.components-popover.block-editor-block-switcher__popover .components-popover__content{
min-width:300px;
}
.block-editor-block-switcher__popover-preview-container{
bottom:0;
left:0;
pointer-events:none;
position:absolute;
top:-1px;
width:100%;
}
.block-editor-block-switcher__popover-preview{
overflow:hidden;
}
.block-editor-block-switcher__popover-preview .components-popover__content{
background:#fff;
border:1px solid #1e1e1e;
border-radius:4px;
box-shadow:none;
outline:none;
overflow:auto;
width:300px;
}
.block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview{
margin:16px 0;
max-height:468px;
overflow:hidden;
padding:0 16px;
}
.block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview.is-pattern-list-preview{
overflow:unset;
}
.block-editor-block-switcher__preview-title{
color:#757575;
font-size:11px;
font-weight:500;
margin-bottom:12px;
text-transform:uppercase;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{
min-width:36px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{
height:48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{
height:48px;
width:48px;
}
.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{
padding:12px;
}
.block-editor-block-switcher__preview-patterns-container{
padding-bottom:16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{
margin-top:16px;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{
cursor:pointer;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{
border-radius:2px;
height:100%;
}
@media not (prefers-reduced-motion){
.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{
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{
border:1px solid #0000;
position:relative;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
}
.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{
cursor:pointer;
font-size:12px;
padding:4px;
text-align:center;
}
.block-editor-block-switcher__no-transforms{
color:#757575;
margin:0;
padding:6px 8px;
}
.block-editor-block-switcher__binding-indicator{
display:block;
padding:8px;
}
.block-editor-block-types-list>[role=presentation]{
display:flex;
flex-wrap:wrap;
overflow:hidden;
}
.block-editor-block-pattern-setup{
align-items:flex-start;
border-radius:2px;
display:flex;
flex-direction:column;
justify-content:center;
width:100%;
}
.block-editor-block-pattern-setup.view-mode-grid{
padding-top:4px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{
justify-content:center;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{
column-count:2;
column-gap:24px;
display:block;
padding:0 32px;
width:100%;
}
@media (min-width:1440px){
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{
column-count:3;
}
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{
cursor:pointer;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item{
scroll-margin:5px 0;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{
box-shadow:0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);
outline:2px solid #0000;
outline-offset:2px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{
color:var(--wp-admin-theme-color);
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{
break-inside:avoid-column;
margin-bottom:24px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{
cursor:pointer;
font-size:12px;
padding-top:8px;
text-align:center;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{
border:1px solid #ddd;
border-radius:4px;
min-height:100px;
}
.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{
width:100%;
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{
align-items:center;
align-self:stretch;
background-color:#fff;
border-top:1px solid #ddd;
bottom:0;
box-sizing:border-box;
color:#1e1e1e;
display:flex;
flex-direction:row;
height:64px;
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;
width:100%;
}
@media not (prefers-reduced-motion){
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{
transition:transform .5s,z-index .5s;
}
}
.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{
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:where(fieldset){
border:0;
margin:0;
padding:0;
}
.block-editor-block-variation-transforms{
box-sizing:border-box;
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__header{
height:16px;
margin-bottom:12px;
}
.components-border-radius-control{
border:0;
margin:0 0 12px;
padding:0;
}
.components-border-radius-control legend{
margin-bottom:0;
}
.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 .components-border-radius-control__linked-button{
display:flex;
justify-content:center;
}
.components-border-radius-control .components-border-radius-control__linked-button svg{
margin-right:0;
}
.components-border-radius-control__custom-select-control,.components-border-radius-control__range-control{
flex:1;
}
.components-border-radius-control__icon{
flex:0 0 auto;
}
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{
margin-bottom:12px;
}
.block-editor-color-gradient-control__fieldset{
border:0;
margin:0;
min-width:0;
padding:0;
}
.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){
display:block;
}
@media screen and (min-width:782px){
.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{
display:grid;
grid-template-columns:repeat(6, 28px);
}
}
.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{
margin-bottom:inherit;
}
.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{
padding:16px;
width:260px;
}
.block-editor-panel-color-gradient-settings__color-indicator{
background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
}
.block-editor-tools-panel-color-gradient-settings__item{
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
max-width:100%;
padding:0;
position:relative;
}
.block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item){
border-top:1px solid #ddd;
border-top-left-radius:2px;
border-top-right-radius:2px;
margin-top:24px;
}
.block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item){
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
}
.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{
border-radius:inherit;
}
.block-editor-tools-panel-color-gradient-settings__dropdown{
display:block;
padding:0;
}
.block-editor-tools-panel-color-gradient-settings__dropdown>button{
height:auto;
padding-bottom:10px;
padding-top:10px;
text-align:left;
}
.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{
background:#f0f0f0;
color:var(--wp-admin-theme-color);
}
.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{
max-width:calc(100% - 44px);
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-panel-color-gradient-settings__reset{
margin:auto 8px;
opacity:0;
position:absolute;
right:0;
top:8px;
}
@media not (prefers-reduced-motion){
.block-editor-panel-color-gradient-settings__reset{
transition:opacity .1s ease-in-out;
}
}
.block-editor-panel-color-gradient-settings__reset.block-editor-panel-color-gradient-settings__reset{
border-radius:2px;
}
.block-editor-panel-color-gradient-settings__dropdown:hover+.block-editor-panel-color-gradient-settings__reset,.block-editor-panel-color-gradient-settings__reset:focus,.block-editor-panel-color-gradient-settings__reset:hover{
opacity:1;
}
@media (hover:none){
.block-editor-panel-color-gradient-settings__reset{
opacity:1;
}
}
.block-editor-date-format-picker{
border:none;
margin:0 0 16px;
padding:0;
}
.block-editor-date-format-picker__custom-format-select-control__custom-option{
border-top:1px solid #ddd;
}
.block-editor-duotone-control__popover.components-popover>.components-popover__content{
padding:8px;
width:260px;
}
.block-editor-duotone-control__popover.components-popover .components-menu-group__label{
padding:0;
}
.block-editor-duotone-control__popover.components-popover .components-circular-option-picker__swatches{
display:grid;
gap:12px;
grid-template-columns:repeat(6, 28px);
justify-content:space-between;
}
.block-editor-duotone-control__unset-indicator{
background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
}
.components-font-appearance-control [role=option]{
color:#1e1e1e;
text-transform:capitalize;
}
.block-editor-font-family-control:not(.is-next-has-no-margin-bottom){
margin-bottom:8px;
}
.block-editor-global-styles__toggle-icon{
fill:currentColor;
}
.block-editor-global-styles__shadow-popover-container{
width:230px;
}
.block-editor-global-styles__shadow__list{
display:flex;
flex-wrap:wrap;
gap:12px;
padding-bottom:8px;
}
.block-editor-global-styles__clear-shadow{
text-align:right;
}
.block-editor-global-styles-filters-panel__dropdown,.block-editor-global-styles__shadow-dropdown{
border:1px solid #ddd;
border-radius:2px;
display:block;
padding:0;
position:relative;
}
.block-editor-global-styles-filters-panel__dropdown-toggle,.block-editor-global-styles__shadow-dropdown-toggle{
padding:8px;
width:100%;
}
.block-editor-global-styles-filters-panel__dropdown-toggle.is-open,.block-editor-global-styles__shadow-dropdown-toggle.is-open{
background-color:#f0f0f0;
}
.block-editor-global-styles__shadow-editor__remove-button{
margin:auto 8px;
opacity:0;
position:absolute;
right:0;
top:8px;
}
@media not (prefers-reduced-motion){
.block-editor-global-styles__shadow-editor__remove-button{
transition:opacity .1s ease-in-out;
}
}
.block-editor-global-styles__shadow-dropdown:hover .block-editor-global-styles__shadow-editor__remove-button,.block-editor-global-styles__shadow-editor__remove-button:focus,.block-editor-global-styles__shadow-editor__remove-button:hover{
opacity:1;
}
@media (hover:none){
.block-editor-global-styles__shadow-editor__remove-button{
opacity:1;
}
}
.block-editor-global-styles__shadow-indicator{
align-items:center;
appearance:none;
background:none;
border:1px solid #e0e0e0;
border-radius:2px;
box-sizing:border-box;
color:#2f2f2f;
cursor:pointer;
display:inline-flex;
height:26px;
padding:0;
transform:scale(1);
width:26px;
}
@media not (prefers-reduced-motion){
.block-editor-global-styles__shadow-indicator{
transition:transform .1s ease;
}
}
.block-editor-global-styles__shadow-indicator{
will-change:transform;
}
.block-editor-global-styles__shadow-indicator:focus{
border:2px solid #757575;
}
.block-editor-global-styles__shadow-indicator:hover{
transform:scale(1.2);
}
.block-editor-global-styles__shadow-indicator.unset{
background:linear-gradient(-45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0);
}
.block-editor-global-styles-advanced-panel__custom-css-input textarea{
direction:ltr;
font-family:Menlo,Consolas,monaco,monospace;
}
.block-editor-panel-duotone-settings__reset{
margin:auto 8px;
opacity:0;
position:absolute;
right:0;
top:8px;
}
@media not (prefers-reduced-motion){
.block-editor-panel-duotone-settings__reset{
transition:opacity .1s ease-in-out;
}
}
.block-editor-global-styles-filters-panel__dropdown:hover .block-editor-panel-duotone-settings__reset,.block-editor-panel-duotone-settings__reset:focus,.block-editor-panel-duotone-settings__reset:hover{
opacity:1;
}
@media (hover:none){
.block-editor-panel-duotone-settings__reset{
opacity:1;
}
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer{
z-index:30;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .components-popover__content *{
pointer-events:none;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer.is-dropping-allowed .block-editor-grid-visualizer__drop-zone{
pointer-events:all;
}
.block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .block-editor-inserter *{
pointer-events:auto;
}
.block-editor-grid-visualizer__grid{
display:grid;
position:absolute;
}
.block-editor-grid-visualizer__cell{
display:grid;
position:relative;
}
.block-editor-grid-visualizer__cell .block-editor-inserter{
bottom:0;
color:inherit;
left:0;
overflow:hidden;
position:absolute;
right:0;
top:0;
z-index:32;
}
.block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender{
box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 20%, #0000);
color:inherit;
height:100%;
opacity:0;
overflow:hidden;
padding:0 !important;
width:100%;
}
.block-editor-grid-visualizer__cell.is-highlighted .block-editor-grid-visualizer__drop-zone,.block-editor-grid-visualizer__cell.is-highlighted .block-editor-inserter{
background:var(--wp-admin-theme-color);
}
.block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus,.block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender{
background-color:color-mix(in srgb, currentColor 20%, #0000);
opacity:1;
}
.block-editor-grid-visualizer__drop-zone{
background:#cccccc1a;
grid-column:1;
grid-row:1;
height:100%;
min-height:8px;
min-width:8px;
width:100%;
}
.block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer{
z-index:30;
}
.block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer .components-popover__content *{
pointer-events:none;
}
.block-editor-grid-item-resizer__box{
border:1px solid var(--wp-admin-theme-color);
}
.block-editor-grid-item-resizer__box .components-resizable-box__handle.components-resizable-box__handle.components-resizable-box__handle{
pointer-events:all;
}
.block-editor-grid-item-mover__move-button-container{
border:none;
display:flex;
justify-content:center;
padding:0;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button{
min-width:0 !important;
padding-left:0;
padding-right:0;
width:24px;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button svg{
min-width:24px;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before{
border-radius:2px;
content:"";
display:block;
height:32px;
left:8px;
position:absolute;
right:8px;
z-index:-1;
}
@media not (prefers-reduced-motion){
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before{
animation:components-button__appear-animation .1s ease;
animation-fill-mode:forwards;
}
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus,.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:before,.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled{
box-shadow:none;
outline:none;
}
.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus-visible:before{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-grid-item-mover__move-vertical-button-container{
display:flex;
position:relative;
}
@media (min-width:600px){
.block-editor-grid-item-mover__move-vertical-button-container{
flex-direction:column;
justify-content:space-around;
}
.block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button{
height:20px !important;
min-width:0 !important;
width:100%;
}
.block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button:before{
height:calc(100% - 4px);
}
.block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-down-button svg,.block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-up-button svg{
flex-shrink:0;
height:20px;
}
.editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container{
height:40px;
position:relative;
top:-4px;
}
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container{
position:relative;
}
@media (min-width:600px){
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before{
background:#e0e0e0;
content:"";
height:100%;
position:absolute;
top:0;
width:1px;
}
}
@media (min-width:782px){
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before{
background:#1e1e1e;
}
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left{
padding-right:6px;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left:before{
right:0;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right{
padding-left:6px;
}
.show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right:before{
left:0;
}
@media (min-width:600px){
.show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before{
background:#e0e0e0;
content:"";
height:1px;
left:50%;
margin-top:-.5px;
position:absolute;
top:50%;
transform:translate(-50%);
width:100%;
}
}
@media (min-width:782px){
.show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before{
background:#1e1e1e;
}
}
.show-icon-labels .block-editor-grid-item-mover-button{
white-space:nowrap;
}
.show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-horizontal-button-container:before{
background:#ddd;
height:24px;
top:4px;
}
.show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container:before{
background:#ddd;
width:calc(100% - 24px);
}
.block-editor-height-control{
border:0;
margin:0;
padding:0;
}
.block-editor-iframe__container{
height:100%;
width:100%;
}
.block-editor-iframe__scale-container{
height:100%;
}
.block-editor-iframe__scale-container.is-zoomed-out{
position:absolute;
right:0;
width:var(--wp-block-editor-iframe-zoom-out-scale-container-width, 100vw);
}
.block-editor-block-types-list__list-item{
display:block;
margin:0;
padding:0;
width:33.33%;
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{
color:var(--wp-block-synced-color);
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{
color:var(--wp-block-synced-color) !important;
filter:brightness(.95);
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{
color:var(--wp-block-synced-color) !important;
}
.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{
background:var(--wp-block-synced-color);
}
.components-button.block-editor-block-types-list__item{
align-items:stretch;
background:#0000;
color:#1e1e1e;
cursor:pointer;
display:flex;
flex-direction:column;
font-size:13px;
justify-content:center;
padding:8px;
width:100%;
word-break:break-word;
}
@media not (prefers-reduced-motion){
.components-button.block-editor-block-types-list__item{
transition:all .05s ease-in-out;
}
}
.components-button.block-editor-block-types-list__item{
height:auto;
position:relative;
}
.components-button.block-editor-block-types-list__item:disabled,.components-button.block-editor-block-types-list__item[aria-disabled=true]{
cursor:default;
opacity:.6;
}
.components-button.block-editor-block-types-list__item:not(:disabled,[aria-disabled=true]):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,[aria-disabled=true]):hover svg{
color:var(--wp-admin-theme-color) !important;
}
.components-button.block-editor-block-types-list__item:not(:disabled,[aria-disabled=true]):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,[aria-disabled=true]).is-active{
background:#1e1e1e;
color:#fff;
outline:2px solid #0000;
outline-offset:-2px;
}
.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);
}
.block-editor-block-types-list__item-icon{
color:#1e1e1e;
padding:12px 20px;
}
@media not (prefers-reduced-motion){
.block-editor-block-types-list__item-icon{
transition:all .05s ease-in-out;
}
}
.block-editor-block-types-list__item-icon .block-editor-block-icon{
margin-left:auto;
margin-right:auto;
}
@media not (prefers-reduced-motion){
.block-editor-block-types-list__item-icon svg{
transition:all .15s ease-out;
}
}
.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;
hyphens:auto;
padding:4px 2px 8px;
}
.block-editor-block-inspector__tabs [role=tablist]{
width:100%;
}
.block-editor-inspector-popover-header{
margin-bottom:16px;
}
.items-justified-left{
justify-content:flex-start;
}
.items-justified-center{
justify-content:center;
}
.items-justified-right{
justify-content:flex-end;
}
.items-justified-space-between{
justify-content:space-between;
}
@keyframes loadingpulse{
0%{
opacity:1;
}
50%{
opacity:0;
}
to{
opacity:1;
}
}
.block-editor-link-control{
min-width:350px;
position:relative;
}
.components-popover__content .block-editor-link-control{
max-width:350px;
min-width:auto;
width:90vw;
}
.show-icon-labels .block-editor-link-control .components-button.has-icon svg{
display:none;
}
.show-icon-labels .block-editor-link-control .components-button.has-icon:before{
content:attr(aria-label);
}
.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top{
flex-wrap:wrap;
gap:4px;
}
.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon{
padding:4px;
width:auto;
}
.show-icon-labels .block-editor-link-control .is-preview .block-editor-link-control__search-item-header{
margin-right:0;
min-width:100%;
}
.block-editor-link-control__search-input-wrapper{
margin-bottom:8px;
position:relative;
}
.block-editor-link-control__help{
color:#757575;
font-size:12px;
font-style:normal;
margin-bottom:0;
margin-top:-8px;
padding:0 16px;
}
.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{
position:relative;
}
.block-editor-link-control__field{
margin:16px;
}
.block-editor-link-control__field .components-base-control__label{
color:#1e1e1e;
}
.block-editor-link-control__search-error{
margin:-8px 16px 16px;
}
.block-editor-link-control__search-actions{
padding:8px 16px 16px;
}
.block-editor-link-control__search-results-wrapper{
position:relative;
}
.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{
content:"";
display:block;
left:-1px;
pointer-events:none;
position:absolute;
right:16px;
z-index:100;
}
.block-editor-link-control__search-results-wrapper:before{
bottom:auto;
height:8px;
top:0;
}
.block-editor-link-control__search-results-wrapper:after{
bottom:0;
height:16px;
top:auto;
}
.block-editor-link-control__search-results{
margin-top:-16px;
max-height:200px;
overflow-y:auto;
padding:8px;
}
.block-editor-link-control__search-results.is-loading{
opacity:.2;
}
.block-editor-link-control__search-item.components-button.components-menu-item__button{
height:auto;
text-align:left;
}
.block-editor-link-control__search-item .components-menu-item__item{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
}
.block-editor-link-control__search-item .components-menu-item__item mark{
background-color:initial;
color:inherit;
font-weight:600;
}
.block-editor-link-control__search-item .components-menu-item__shortcut{
color:#757575;
white-space:nowrap;
}
.block-editor-link-control__search-item[aria-selected]{
background:#f0f0f0;
}
.block-editor-link-control__search-item.is-current{
background:#0000;
border:0;
cursor:default;
flex-direction:column;
padding:16px;
width:100%;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header{
align-items:center;
display:block;
flex-direction:row;
gap:8px;
margin-right:8px;
overflow-wrap:break-word;
white-space:pre-wrap;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{
color:#757575;
font-size:12px;
line-height:1.1;
word-break:break-all;
}
.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{
display:flex;
flex:1;
}
.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{
align-items:center;
}
.block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title{
word-break:break-all;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-details{
display:flex;
flex-direction:column;
gap:4px;
justify-content:space-between;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon{
background-color:#f0f0f0;
border-radius:2px;
height:32px;
width:32px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{
align-items:center;
display:flex;
flex-shrink:0;
justify-content:center;
position:relative;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{
width:16px;
}
.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{
max-height:32px;
top:0;
width:32px;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title{
line-height:1.1;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus{
box-shadow:none;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
text-decoration:none;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{
background-color:initial;
color:inherit;
font-weight:600;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{
font-weight:400;
}
.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
clip:rect(0, 0, 0, 0);
border:0;
}
.block-editor-link-control__search-item-top{
align-items:center;
display:flex;
flex-direction:row;
width:100%;
}
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{
opacity:0;
}
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{
background-color:#f0f0f0;
border-radius:100%;
bottom:0;
content:"";
display:block;
left:0;
position:absolute;
right:0;
top:0;
}
@media not (prefers-reduced-motion){
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{
animation:loadingpulse 1s linear infinite;
animation-delay:.5s;
}
}
.block-editor-link-control__loading{
align-items:center;
display:flex;
margin:16px;
}
.block-editor-link-control__loading .components-spinner{
margin-top:0;
}
.components-button+.block-editor-link-control__search-create{
overflow:visible;
padding:12px 16px;
}
.components-button+.block-editor-link-control__search-create:before{
content:"";
display:block;
left:0;
position:absolute;
top:-10px;
width:100%;
}
.block-editor-link-control__search-create{
align-items:center;
}
.block-editor-link-control__search-create .block-editor-link-control__search-item-title{
margin-bottom:0;
}
.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{
top:0;
}
.block-editor-link-control__drawer-inner{
display:flex;
flex-basis:100%;
flex-direction:column;
position:relative;
}
.block-editor-link-control__settings{
border:0;
margin:0;
padding:0;
}
.block-editor-link-control__setting{
flex:1;
margin-bottom:0;
padding:8px 24px;
}
.block-editor-link-control__setting .components-base-control:not(.components-input-control) .components-base-control__field{
display:flex;
}
.block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label{
color:#1e1e1e;
}
.block-editor-link-control__setting input{
margin-left:0;
}
.is-preview .block-editor-link-control__setting{
padding:20px 8px 8px 0;
}
.block-editor-link-control__tools{
margin-top:-16px;
padding:8px 8px 0;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle{
gap:0;
padding-left:0;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{
color:#1e1e1e;
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{
visibility:visible;
}
@media not (prefers-reduced-motion){
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{
transition:transform .1s ease;
}
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{
transform:rotate(90deg);
}
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{
transform:rotate(0deg);
visibility:visible;
}
@media not (prefers-reduced-motion){
.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{
transition:transform .1s ease;
}
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner{
display:block;
}
.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{
bottom:auto;
left:auto;
position:absolute;
right:40px;
top:calc(50% - 8px);
}
.block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner{
right:12px;
top:calc(50% + 4px);
}
.block-editor-list-view-tree{
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
}
.components-modal__content .block-editor-list-view-tree{
margin:-12px -6px 0;
width:calc(100% + 12px);
}
.block-editor-list-view-tree.is-dragging tbody{
pointer-events:none;
}
.block-editor-list-view-leaf{
position:relative;
transform:translateY(0);
}
.block-editor-list-view-leaf.is-draggable,.block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents{
cursor:grab;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true]{
color:inherit;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{
color:var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg{
fill:currentColor;
}
@media (forced-colors:active){
.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg{
fill:CanvasText;
}
}
.is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{
color:inherit;
}
.block-editor-list-view-leaf.is-selected td{
background:var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf.is-selected.is-synced td{
background:var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{
color:var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{
color:#fff;
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
}
.block-editor-list-view-leaf.is-first-selected td:first-child{
border-top-left-radius:2px;
}
.block-editor-list-view-leaf.is-first-selected td:last-child{
border-top-right-radius:2px;
}
.block-editor-list-view-leaf.is-last-selected td:first-child{
border-bottom-left-radius:2px;
}
.block-editor-list-view-leaf.is-last-selected td:last-child{
border-bottom-right-radius:2px;
}
.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){
background:rgba(var(--wp-admin-theme-color--rgb), .04);
}
.block-editor-list-view-leaf.is-synced-branch.is-branch-selected{
background:rgba(var(--wp-block-synced-color--rgb), .04);
}
.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{
border-top-left-radius:2px;
}
.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{
border-top-right-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child{
border-top-left-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child{
border-top-right-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child{
border-bottom-left-radius:2px;
}
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child{
border-bottom-right-radius:2px;
}
.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{
border-radius:0;
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf.is-displacement-normal{
transition:transform .2s;
}
}
.block-editor-list-view-leaf.is-displacement-normal{
transform:translateY(0);
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf.is-displacement-up{
transition:transform .2s;
}
}
.block-editor-list-view-leaf.is-displacement-up{
transform:translateY(-32px);
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf.is-displacement-down{
transition:transform .2s;
}
}
.block-editor-list-view-leaf.is-displacement-down{
transform:translateY(32px);
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf.is-after-dragged-blocks{
transition:transform .2s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks{
transform:translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px)*-1));
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{
transition:transform .2s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{
transform:translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1));
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{
transition:transform .2s;
}
}
.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{
transform:translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1));
}
.block-editor-list-view-leaf.is-dragging{
left:0;
opacity:0;
pointer-events:none;
z-index:-9999;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents{
align-items:center;
border-radius:2px;
box-sizing:border-box;
color:inherit;
display:flex;
font-family:inherit;
font-size:13px;
font-weight:400;
height:32px;
margin:0;
padding:6px 4px 6px 0;
position:relative;
text-align:left;
text-decoration:none;
white-space:nowrap;
width:100%;
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf .block-editor-list-view-block-contents{
transition:box-shadow .1s linear;
}
}
.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{
padding-left:0;
padding-right:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents{
box-shadow:none;
}
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents:after{
border-radius:inherit;
bottom:0;
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
content:"";
left:0;
pointer-events:none;
position:absolute;
right:-29px;
top:0;
z-index:2;
}
.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{
right:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu{
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
z-index:1;
}
.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{
opacity:1;
}
@keyframes __wp-base-styles-fade-in{
0%{
opacity:0;
}
to{
opacity:1;
}
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{
animation:__wp-base-styles-fade-in .08s linear 0s;
animation-fill-mode:forwards;
}
}
.block-editor-list-view-leaf .block-editor-block-icon{
flex:0 0 24px;
margin-right:4px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{
padding:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{
line-height:0;
vertical-align:middle;
width:28px;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{
opacity:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{
opacity:1;
}
.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{
align-items:center;
display:flex;
flex-direction:column;
height:100%;
}
.block-editor-list-view-leaf .block-editor-block-mover-button{
height:24px;
position:relative;
width:36px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button svg{
height:24px;
position:relative;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{
align-items:flex-end;
margin-top:-6px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{
bottom:-4px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{
align-items:flex-start;
margin-bottom:-6px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{
top:-4px;
}
.block-editor-list-view-leaf .block-editor-block-mover-button:before{
height:16px;
left:0;
min-width:100%;
right:0;
}
.block-editor-list-view-leaf .block-editor-inserter__toggle{
background:#1e1e1e;
color:#fff;
height:24px;
margin:6px 6px 6px 1px;
min-width:24px;
}
.block-editor-list-view-leaf .block-editor-inserter__toggle:active{
color:#fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg{
left:2px;
position:relative;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{
flex:1;
position:relative;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{
position:absolute;
transform:translateY(-50%);
width:100%;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{
max-width:min(110px, 40%);
position:relative;
width:100%;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{
position:absolute;
right:0;
transform:translateY(-50%);
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{
background:#0000004d;
color:#fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__block-visibility,.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,.block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky{
line-height:0;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__images{
display:flex;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image{
background-size:cover;
border-radius:1px;
height:18px;
width:18px;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child){
box-shadow:0 0 0 2px #fff;
}
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child){
margin-left:-6px;
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child){
box-shadow:0 0 0 2px var(--wp-admin-theme-color);
}
.block-editor-list-view-draggable-chip{
opacity:.8;
}
.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{
display:flex;
}
.block-editor-list-view__expander{
cursor:pointer;
height:24px;
width:24px;
}
.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{
margin-left:192px;
}
.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{
margin-left:0;
}
.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{
margin-left:24px;
}
.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{
margin-left:48px;
}
.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{
margin-left:72px;
}
.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{
margin-left:96px;
}
.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{
margin-left:120px;
}
.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{
margin-left:144px;
}
.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{
margin-left:168px;
}
.block-editor-list-view-leaf .block-editor-list-view__expander{
visibility:hidden;
}
.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{
visibility:visible;
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{
transition:transform .2s ease;
}
}
.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{
transform:rotate(90deg);
}
.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{
transform:rotate(0deg);
visibility:visible;
}
@media not (prefers-reduced-motion){
.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{
transition:transform .2s ease;
}
}
.block-editor-list-view-drop-indicator{
pointer-events:none;
}
.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{
background:var(--wp-admin-theme-color);
border-radius:4px;
height:4px;
}
.block-editor-list-view-drop-indicator--preview{
pointer-events:none;
}
.block-editor-list-view-drop-indicator--preview .components-popover__content{
overflow:hidden !important;
}
.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line{
background:rgba(var(--wp-admin-theme-color--rgb), .04);
border-radius:4px;
height:32px;
overflow:hidden;
}
.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker{
background:rgba(var(--wp-admin-theme-color--rgb), .09);
}
.block-editor-list-view-placeholder{
height:32px;
margin:0;
padding:0;
}
.list-view-appender .block-editor-inserter__toggle{
background-color:#1e1e1e;
color:#fff;
height:24px;
margin:8px 0 0 24px;
padding:0;
}
.list-view-appender .block-editor-inserter__toggle.has-icon.is-next-40px-default-size{
min-width:24px;
}
.list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{
background:var(--wp-admin-theme-color);
color:#fff;
}
.list-view-appender__description{
display:none;
}
.block-editor-media-placeholder__url-input-form{
min-width:260px;
}
@media (min-width:600px){
.block-editor-media-placeholder__url-input-form{
width:300px;
}
}
.block-editor-media-placeholder__url-input-form input{
direction:ltr;
}
.modal-open .block-editor-media-replace-flow__options{
display:none;
}
.block-editor-media-replace-flow__indicator{
margin-left:4px;
}
.block-editor-media-replace-flow__media-upload-menu:not(:empty)+.block-editor-media-flow__url-input{
border-top:1px solid #1e1e1e;
margin-top:8px;
padding-bottom:8px;
}
.block-editor-media-flow__url-input{
margin-left:-8px;
margin-right:-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:300px;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{
margin:0;
padding:0;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools{
justify-content:flex-end;
padding:16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus);
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{
padding:0;
width:auto;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{
margin:0;
width:100%;
}
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{
padding:8px 0 0;
}
.block-editor-media-flow__error{
max-width:255px;
padding:0 20px 20px;
}
.block-editor-media-flow__error .components-with-notices-ui{
max-width:255px;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{
overflow:hidden;
word-wrap:break-word;
}
.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{
position:absolute;
right:10px;
}
.block-editor-multi-selection-inspector__card{
padding:16px;
}
.block-editor-multi-selection-inspector__card-title{
font-weight:500;
}
.block-editor-multi-selection-inspector__card .block-editor-block-icon{
height:24px;
margin-left:-2px;
padding:0 3px;
width:36px;
}
.block-editor-responsive-block-control{
border-bottom:1px solid #ccc;
margin-bottom:28px;
padding-bottom:14px;
}
.block-editor-responsive-block-control:last-child{
border-bottom:0;
padding-bottom:0;
}
.block-editor-responsive-block-control__title{
margin:0 0 .6em -3px;
}
.block-editor-responsive-block-control__label{
font-weight:600;
margin-bottom:.6em;
margin-left:-3px;
}
.block-editor-responsive-block-control__inner{
margin-left:-1px;
}
.block-editor-responsive-block-control__toggle{
margin-left:1px;
}
.block-editor-responsive-block-control .components-base-control__help{
border:0;
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal !important;
}
.components-popover.block-editor-rich-text__inline-format-toolbar{
z-index:99998;
}
.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{
border-radius:2px;
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-toolbar-group{
background:none;
}
.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;
font-size:14px;
font-weight:600;
z-index:100000;
}
.block-editor-tabbed-sidebar{
background-color:#fff;
display:flex;
flex-direction:column;
flex-grow:1;
height:100%;
overflow:hidden;
}
.block-editor-tabbed-sidebar__tablist-and-close-button{
border-bottom:1px solid #ddd;
display:flex;
justify-content:space-between;
padding-right:8px;
}
.block-editor-tabbed-sidebar__close-button{
align-self:center;
background:#fff;
order:1;
}
.block-editor-tabbed-sidebar__tablist{
margin-bottom:-1px;
}
.block-editor-tabbed-sidebar__tabpanel{
display:flex;
flex-direction:column;
flex-grow:1;
overflow-y:auto;
scrollbar-gutter:auto;
}
.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{
flex-grow:1;
padding:1px;
position:relative;
}
@media (min-width:600px){
.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{
min-width:300px;
width:auto;
}
}
.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width__suggestions{
width:100%;
}
.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{
margin:0;
position:absolute;
right:8px;
top:calc(50% - 8px);
}
.block-editor-url-input__suggestions{
max-height:200px;
}
@media not (prefers-reduced-motion){
.block-editor-url-input__suggestions{
transition:all .15s ease-in-out;
}
}
.block-editor-url-input__suggestions{
overflow-y:auto;
padding:4px 0;
width:302px;
}
.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{
display:none;
}
@media (min-width:600px){
.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{
display:grid;
}
}
.block-editor-url-input__suggestion{
background:#fff;
border:none;
box-shadow:none;
color:#757575;
cursor:pointer;
display:block;
font-size:13px;
height:auto;
min-height:36px;
text-align:left;
width:100%;
}
.block-editor-url-input__suggestion:hover{
background:#ddd;
}
.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{
background:var(--wp-admin-theme-color-darker-20);
color:#fff;
outline:none;
}
.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{
position:inherit;
}
.block-editor-url-input__button .block-editor-url-input__back{
margin-right:4px;
overflow:visible;
}
.block-editor-url-input__button .block-editor-url-input__back:after{
background:#ddd;
content:"";
display:block;
height:24px;
position:absolute;
right:-1px;
width:1px;
}
.block-editor-url-input__button-modal{
background:#fff;
border:1px solid #ddd;
box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
}
.block-editor-url-input__button-modal-line{
align-items:flex-start;
display:flex;
flex-direction:row;
flex-grow:1;
flex-shrink:1;
min-width:0;
}
.block-editor-url-popover__additional-controls{
border-top:1px solid #1e1e1e;
padding:8px;
}
.block-editor-url-popover__input-container{
padding:8px;
}
.block-editor-url-popover__row{
align-items:center;
display:flex;
gap:4px;
}
.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){
flex-grow:1;
gap:8px;
}
.block-editor-url-popover__additional-controls .components-button.has-icon{
height:auto;
padding-left:8px;
padding-right:8px;
text-align:left;
}
.block-editor-url-popover__additional-controls .components-button.has-icon>svg{
margin-right:8px;
}
.block-editor-url-popover__settings-toggle{
flex-shrink:0;
}
.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{
transform:rotate(180deg);
}
.block-editor-url-popover__settings{
border-top:1px solid #1e1e1e;
display:block;
padding:16px;
}
.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{
display:flex;
}
.block-editor-url-popover__link-viewer-url{
align-items:center;
display:flex;
flex-grow:1;
flex-shrink:1;
margin-right:8px;
max-width:350px;
min-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.block-editor-url-popover__link-viewer-url.has-invalid-link{
color:#cc1818;
}
.block-editor-url-popover__expand-on-click{
align-items:center;
display:flex;
min-width:350px;
white-space:nowrap;
}
.block-editor-url-popover__expand-on-click .text{
flex-grow:1;
}
.block-editor-url-popover__expand-on-click .text p{
line-height:16px;
margin:0;
}
.block-editor-url-popover__expand-on-click .text p.description{
color:#757575;
font-size:12px;
}
.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack{
flex-direction:row;
}
.block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext{
color:#757575;
font-size:12px;
margin-bottom:16px;
}
div.block-editor-bindings__panel{
grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));
}
div.block-editor-bindings__panel button:hover .block-editor-bindings__item span{
color:inherit;
}
.border-block-support-panel .single-column{
grid-column:span 1;
}
.color-block-support-panel .block-editor-contrast-checker{
grid-column:span 2;
margin-top:16px;
}
.color-block-support-panel .block-editor-contrast-checker .components-notice__content{
margin-right:0;
}
.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{
row-gap:0;
}
.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{
margin-top:0;
}
.dimensions-block-support-panel .single-column{
grid-column:span 1;
}
.block-editor-hooks__layout-constrained .components-base-control{
margin-bottom:0;
}
.block-editor-hooks__layout-constrained-helptext{
color:#757575;
font-size:12px;
margin-bottom:0;
}
.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{
margin-bottom:12px;
}
.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{
margin-bottom:8px;
}
.block-editor-hooks__grid-layout-columns-and-rows-controls,.block-editor-hooks__grid-layout-minimum-width-control{
border:0;
margin:0;
padding:0;
}
.block-editor__spacing-visualizer{
border-color:var(--wp-admin-theme-color);
border-style:solid;
bottom:0;
box-sizing:border-box;
left:0;
opacity:.5;
pointer-events:none;
position:absolute;
right:0;
top:0;
}
.typography-block-support-panel .single-column{
grid-column:span 1;
}
.block-editor-block-toolbar{
display:flex;
flex-grow:1;
overflow-x:auto;
overflow-y:hidden;
position:relative;
width:100%;
}
@media not (prefers-reduced-motion){
.block-editor-block-toolbar{
transition:border-color .1s linear,box-shadow .1s linear;
}
}
@media (min-width:600px){
.block-editor-block-toolbar{
overflow:inherit;
}
}
.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{
background:none;
border:0;
border-right:1px solid #ddd;
margin-bottom:-1px;
margin-top:-1px;
}
.block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button:before{
background:color-mix(in srgb, var(--wp-block-synced-color) 10%, #0000);
border-radius:2px;
}
.block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-connected .block-editor-block-switcher__no-switcher-icon[aria-disabled=true] .block-editor-block-icon,.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .block-editor-block-switcher__no-switcher-icon[aria-disabled=true] .block-editor-block-icon{
color:var(--wp-block-synced-color);
}
.block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2),.block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2) .components-toolbar,.block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2) .components-toolbar-group,.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-toolbar .components-toolbar-group:empty{
display:none;
}
.block-editor-block-contextual-toolbar{
background-color:#fff;
display:block;
flex-shrink:3;
position:sticky;
top:0;
width:100%;
z-index:31;
}
.block-editor-block-contextual-toolbar.components-accessible-toolbar{
border:none;
border-radius:0;
}
.block-editor-block-contextual-toolbar.is-unstyled{
box-shadow:0 1px 0 0 rgba(0,0,0,.133);
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar{
overflow:auto;
overflow-y:hidden;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar{
height:12px;
width:12px;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track{
background-color:initial;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb{
background-clip:padding-box;
background-color:#e0e0e0;
border:3px solid #0000;
border-radius:8px;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb{
background-color:#949494;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar{
scrollbar-color:#e0e0e0 #0000;
scrollbar-gutter:stable both-edges;
scrollbar-width:thin;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover{
scrollbar-color:#949494 #0000;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar{
will-change:transform;
}
@media (hover:none){
.block-editor-block-contextual-toolbar .block-editor-block-toolbar{
scrollbar-color:#949494 #0000;
}
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar{
scrollbar-gutter:auto;
}
.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar-group:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child:after{
display:none;
}
.block-editor-block-contextual-toolbar>.block-editor-block-toolbar{
flex-grow:0;
width:auto;
}
.block-editor-block-contextual-toolbar .block-editor-block-parent-selector{
margin-bottom:-1px;
margin-top:-1px;
position:relative;
}
.block-editor-block-contextual-toolbar .block-editor-block-parent-selector:after{
align-items:center;
background-color:#1e1e1e;
border-radius:100%;
content:"";
display:inline-flex;
height:2px;
position:absolute;
right:0;
top:15px;
width:2px;
}
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
margin:0 !important;
width:24px !important;
}
.block-editor-block-toolbar__block-controls .components-toolbar-group{
padding:0;
}
.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{
display:flex;
flex-wrap:nowrap;
}
.block-editor-block-toolbar__slot{
display:inline-flex;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text)){
width:auto;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text)) svg{
display:none;
}
.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:where(:not(.has-text)):after{
content:attr(aria-label);
font-size:12px;
}
.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{
padding-left:6px;
padding-right:6px;
}
.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{
height:0 !important;
min-width:0 !important;
width:0 !important;
}
.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
border-bottom-right-radius:0;
border-top-right-radius:0;
padding-left:12px;
padding-right:12px;
text-wrap:nowrap;
}
.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon{
width:0;
}
.show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container{
position:relative;
width:auto;
}
@media (min-width:600px){
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{
background:#e0e0e0;
content:"";
height:1px;
left:50%;
margin-top:-.5px;
position:absolute;
top:50%;
transform:translate(-50%);
width:100%;
}
}
@media (min-width:782px){
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{
background:#1e1e1e;
}
}
.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button,.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{
padding-left:6px;
padding-right:6px;
}
.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button{
padding-left:8px;
padding-right:8px;
}
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{
border-left:1px solid #ddd;
margin-left:6px;
margin-right:-6px;
white-space:nowrap;
}
.show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon{
padding-left:12px;
padding-right:12px;
}
.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{
width:auto;
}
.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{
flex-shrink:1;
}
.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{
margin-left:6px;
}
.block-editor-block-toolbar-change-design-content-wrapper{
padding:12px;
width:320px;
}
.block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:12px;
}
.block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
margin-bottom:0;
}
.block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{
min-height:100px;
}
.block-editor-inserter{
background:none;
border:none;
display:inline-block;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-size:13px;
line-height:0;
padding:0;
}
@media (min-width:782px){
.block-editor-inserter{
position:relative;
}
}
.block-editor-inserter__main-area{
gap:16px;
height:100%;
position:relative;
}
.block-editor-inserter__main-area.show-as-tabs{
gap:0;
}
@media (min-width:782px){
.block-editor-inserter__main-area .block-editor-tabbed-sidebar{
width:350px;
}
}
.block-editor-inserter__popover.is-quick .components-popover__content{
border:none;
box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
outline:none;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{
border-radius:4px 4px 0 0;
border-top:1px solid #ccc;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{
border-bottom:1px solid #ccc;
border-radius:0 0 4px 4px;
}
.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{
border:1px solid #1e1e1e;
}
.block-editor-inserter__popover .block-editor-inserter__menu{
margin:-12px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tablist{
top:60px;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{
height:auto;
overflow:visible;
}
.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{
display:none;
}
.block-editor-inserter__toggle.components-button{
align-items:center;
border:none;
cursor:pointer;
display:inline-flex;
outline:none;
padding:0;
}
@media not (prefers-reduced-motion){
.block-editor-inserter__toggle.components-button{
transition:color .2s ease;
}
}
.block-editor-inserter__menu{
height:100%;
overflow:visible;
position:relative;
}
@media (min-width:782px){
.block-editor-inserter__menu.show-panel{
width:630px;
}
}
.block-editor-inserter__inline-elements{
margin-top:-1px;
}
.block-editor-inserter__menu.is-bottom:after{
border-bottom-color:#fff;
}
.components-popover.block-editor-inserter__popover{
z-index:99999;
}
.block-editor-inserter__search{
padding:16px 16px 0;
}
.block-editor-inserter__no-tab-container{
flex-grow:1;
overflow-y:auto;
position:relative;
}
.block-editor-inserter__panel-header{
align-items:center;
display:inline-flex;
padding:16px 16px 0;
position:relative;
}
.block-editor-inserter__panel-content{
padding:16px;
}
.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{
color:#757575;
font-size:11px;
font-weight:500;
margin:0 12px 0 0;
text-transform:uppercase;
}
.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{
height:36px;
line-height:36px;
}
.block-editor-inserter__panel-dropdown select{
border:none;
}
.block-editor-inserter__reusable-blocks-panel{
position:relative;
text-align:right;
}
.block-editor-inserter__no-results,.block-editor-inserter__patterns-loading{
padding:32px;
text-align:center;
}
.block-editor-inserter__child-blocks{
padding:0 16px;
}
.block-editor-inserter__parent-block-header{
align-items:center;
display:flex;
}
.block-editor-inserter__parent-block-header h2{
font-size:13px;
}
.block-editor-inserter__parent-block-header .block-editor-block-icon{
margin-right:8px;
}
.block-editor-inserter__preview-container__popover{
top:16px !important;
}
.block-editor-inserter__preview-container{
display:none;
max-height:calc(100% - 32px);
overflow-y:hidden;
padding:16px;
width:280px;
}
@media (min-width:782px){
.block-editor-inserter__preview-container{
display:block;
}
}
.block-editor-inserter__preview-container .block-editor-inserter__media-list__list-item{
height:100%;
}
.block-editor-inserter__preview-container .block-editor-block-card{
padding-bottom:4px;
padding-left:0;
padding-right:0;
}
.block-editor-inserter__insertable-blocks-at-selection{
border-bottom:1px solid #e0e0e0;
}
.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__media-tabs-container{
display:flex;
flex-direction:column;
flex-grow:1;
justify-content:space-between;
padding:16px;
}
.block-editor-inserter__category-tablist{
margin-bottom:8px;
}
.block-editor-inserter__category-panel{
display:flex;
flex-direction:column;
outline:1px solid #0000;
padding:0 16px;
}
@media (min-width:782px){
.block-editor-inserter__category-panel{
background:#f0f0f0;
border-left:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
height:calc(100% + 1px);
left:350px;
padding:0;
position:absolute;
top:-1px;
width:280px;
}
.block-editor-inserter__category-panel .block-editor-block-patterns-list,.block-editor-inserter__category-panel .block-editor-inserter__media-list{
padding:0 24px 16px;
}
}
.block-editor-inserter__patterns-category-panel-header{
padding:8px 0;
}
@media (min-width:782px){
.block-editor-inserter__patterns-category-panel-header{
padding:8px 24px;
}
}
.block-editor-inserter__patterns-category-no-results{
margin-top:24px;
}
.block-editor-inserter__patterns-filter-help{
border-top:1px solid #ddd;
color:#757575;
min-width:280px;
padding:16px;
}
.block-editor-block-patterns-list,.block-editor-inserter__media-list{
flex-grow:1;
height:100%;
overflow-y:auto;
}
.block-editor-inserter__preview-content{
align-items:center;
background:#f0f0f0;
display:grid;
flex-grow:1;
}
.block-editor-inserter__preview-content-missing{
align-items:center;
background:#f0f0f0;
border-radius:2px;
color:#757575;
display:flex;
flex:1;
justify-content:center;
min-height:144px;
}
.block-editor-inserter__tips{
border-top:1px solid #ddd;
flex-shrink:0;
padding:16px;
position:relative;
}
.block-editor-inserter__quick-inserter{
max-width:100%;
width:100%;
}
@media (min-width:782px){
.block-editor-inserter__quick-inserter{
width:350px;
}
}
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{
float:left;
height:0;
padding:0;
}
.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{
padding:16px;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:8px;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
margin-bottom:0;
}
.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{
min-height:100px;
}
.block-editor-inserter__quick-inserter-separator{
border-top:1px solid #ddd;
}
.block-editor-inserter__popover.is-quick>.components-popover__content{
padding:0;
}
.block-editor-inserter__quick-inserter-expand.components-button{
background:#1e1e1e;
border-radius:0;
color:#fff;
display:block;
width:100%;
}
.block-editor-inserter__quick-inserter-expand.components-button:hover{
color:#fff;
}
.block-editor-inserter__quick-inserter-expand.components-button:active{
color:#ccc;
}
.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){
background:var(--wp-admin-theme-color);
border-color:var(--wp-admin-theme-color);
box-shadow:none;
}
.block-editor-block-patterns-explorer__sidebar{
bottom:0;
left:0;
overflow-x:visible;
overflow-y:auto;
padding:24px 32px 32px;
position:absolute;
top:72px;
width:280px;
}
.block-editor-block-patterns-explorer__sidebar__categories-list__item{
display:block;
height:48px;
text-align:left;
width:100%;
}
.block-editor-block-patterns-explorer__search{
margin-bottom:32px;
}
.block-editor-block-patterns-explorer__search-results-count{
padding-bottom:32px;
}
.block-editor-block-patterns-explorer__list{
margin-left:280px;
padding:24px 0 32px;
}
.block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container{
width:380px;
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list{
display:grid;
grid-gap:32px;
grid-template-columns:repeat(1, 1fr);
margin-bottom:16px;
}
@media (min-width:1080px){
.block-editor-block-patterns-explorer .block-editor-block-patterns-list{
grid-template-columns:repeat(2, 1fr);
}
}
@media (min-width:1440px){
.block-editor-block-patterns-explorer .block-editor-block-patterns-list{
grid-template-columns:repeat(3, 1fr);
}
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
min-height:240px;
}
.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{
height:inherit;
max-height:800px;
min-height:100px;
}
.components-heading.block-editor-inserter__patterns-category-panel-title{
font-weight:500;
}
.block-editor-inserter__media-library-button.components-button,.block-editor-inserter__patterns-explore-button.components-button{
justify-content:center;
margin-top:16px;
padding:16px;
width:100%;
}
.block-editor-inserter__media-panel{
display:flex;
flex-direction:column;
min-height:100%;
padding:0 16px;
}
@media (min-width:782px){
.block-editor-inserter__media-panel{
padding:0;
}
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{
align-items:center;
display:flex;
flex:1;
height:100%;
justify-content:center;
}
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search{
margin-bottom:24px;
}
@media (min-width:782px){
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search{
margin-bottom:0;
padding:16px 24px;
}
}
.block-editor-inserter__media-list__list-item{
cursor:pointer;
margin-bottom:24px;
position:relative;
}
.block-editor-inserter__media-list__list-item.is-placeholder{
min-height:100px;
}
.block-editor-inserter__media-list__list-item[draggable=true] .block-editor-inserter__media-list__list-item{
cursor:grab;
}
.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview>*{
outline-color:#0000004d;
}
.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{
display:block;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{
position:absolute;
right:8px;
top:8px;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{
background:#fff;
display:none;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{
display:block;
}
.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{
box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline:2px solid #0000;
}
.block-editor-inserter__media-list__item{
height:100%;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{
align-items:center;
border-radius:2px;
display:flex;
overflow:hidden;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{
margin:0 auto;
max-width:100%;
outline:1px solid #0000001a;
outline-offset:-1px;
}
.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner{
align-items:center;
background:#ffffffb3;
display:flex;
height:100%;
justify-content:center;
pointer-events:none;
position:absolute;
width:100%;
}
.block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{
outline-color:var(--wp-admin-theme-color);
outline-offset:calc(var(--wp-admin-border-width-focus)*-1);
outline-width:var(--wp-admin-border-width-focus);
}
@media not (prefers-reduced-motion){
.block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{
transition:outline .1s linear;
}
}
.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{
min-width:auto;
}
.block-editor-inserter__mobile-tab-navigation{
height:100%;
padding:16px;
}
.block-editor-inserter__mobile-tab-navigation>*{
height:100%;
}
@media (min-width:600px){
.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal{
max-width:480px;
}
}
.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p{
margin:0;
}
.block-editor-inserter__hint{
margin:16px 16px 0;
}
.block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input{
height:40px;
}
.block-editor-inserter__pattern-panel-placeholder{
display:none;
}
.block-editor-inserter__menu.is-zoom-out{
display:flex;
}
@media (min-width:782px){
.block-editor-inserter__menu.is-zoom-out.show-panel:after{
content:"";
display:block;
height:100%;
width:300px;
}
}
@media (max-width:959px){
.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{
flex-direction:column;
}
}
.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{
flex-direction:column;
}
.block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text{
display:none;
padding:0 24px 16px;
}
@media (min-width:480px){
.block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text{
display:block;
}
}
.spacing-sizes-control{
border:0;
margin:0;
padding:0;
}
.spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{
margin-bottom:0;
}
.spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{
flex:1;
margin-bottom:0;
}
.spacing-sizes-control__header{
height:16px;
margin-bottom:12px;
}
.spacing-sizes-control__dropdown{
height:24px;
}
.spacing-sizes-control__custom-select-control,.spacing-sizes-control__custom-value-input{
flex:1;
}
.spacing-sizes-control__custom-toggle,.spacing-sizes-control__icon{
flex:0 0 auto;
}
.spacing-sizes-control__icon{
margin-left:-4px;
}
body.admin-color-light{
--wp-admin-theme-color:#0085ba;
--wp-admin-theme-color--rgb:0, 133, 186;
--wp-admin-theme-color-darker-10:#0073a1;
--wp-admin-theme-color-darker-10--rgb:0, 114.7661290323, 160.5;
--wp-admin-theme-color-darker-20:#006187;
--wp-admin-theme-color-darker-20--rgb:0, 96.5322580645, 135;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-light{
--wp-admin-border-width-focus:1.5px;
}
}
body.admin-color-modern{
--wp-admin-theme-color:#3858e9;
--wp-admin-theme-color--rgb:56, 88, 233;
--wp-admin-theme-color-darker-10:#2145e6;
--wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
--wp-admin-theme-color-darker-20:#183ad6;
--wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-modern{
--wp-admin-border-width-focus:1.5px;
}
}
body.admin-color-blue{
--wp-admin-theme-color:#096484;
--wp-admin-theme-color--rgb:9, 100, 132;
--wp-admin-theme-color-darker-10:#07526c;
--wp-admin-theme-color-darker-10--rgb:7.3723404255, 81.914893617, 108.1276595745;
--wp-admin-theme-color-darker-20:#064054;
--wp-admin-theme-color-darker-20--rgb:5.7446808511, 63.829787234, 84.2553191489;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-blue{
--wp-admin-border-width-focus:1.5px;
}
}
body.admin-color-coffee{
--wp-admin-theme-color:#46403c;
--wp-admin-theme-color--rgb:70, 64, 60;
--wp-admin-theme-color-darker-10:#383330;
--wp-admin-theme-color-darker-10--rgb:56.2692307692, 51.4461538462, 48.2307692308;
--wp-admin-theme-color-darker-20:#2b2724;
--wp-admin-theme-color-darker-20--rgb:42.5384615385, 38.8923076923, 36.4615384615;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-coffee{
--wp-admin-border-width-focus:1.5px;
}
}
body.admin-color-ectoplasm{
--wp-admin-theme-color:#523f6d;
--wp-admin-theme-color--rgb:82, 63, 109;
--wp-admin-theme-color-darker-10:#46365d;
--wp-admin-theme-color-darker-10--rgb:69.8430232558, 53.6598837209, 92.8401162791;
--wp-admin-theme-color-darker-20:#3a2c4d;
--wp-admin-theme-color-darker-20--rgb:57.6860465116, 44.3197674419, 76.6802325581;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-ectoplasm{
--wp-admin-border-width-focus:1.5px;
}
}
body.admin-color-midnight{
--wp-admin-theme-color:#e14d43;
--wp-admin-theme-color--rgb:225, 77, 67;
--wp-admin-theme-color-darker-10:#dd382d;
--wp-admin-theme-color-darker-10--rgb:221.4908256881, 56.1788990826, 45.0091743119;
--wp-admin-theme-color-darker-20:#d02c21;
--wp-admin-theme-color-darker-20--rgb:207.8348623853, 44.2201834862, 33.1651376147;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-midnight{
--wp-admin-border-width-focus:1.5px;
}
}
body.admin-color-ocean{
--wp-admin-theme-color:#627c83;
--wp-admin-theme-color--rgb:98, 124, 131;
--wp-admin-theme-color-darker-10:#576e74;
--wp-admin-theme-color-darker-10--rgb:87.0873362445, 110.192139738, 116.4126637555;
--wp-admin-theme-color-darker-20:#4c6066;
--wp-admin-theme-color-darker-20--rgb:76.1746724891, 96.384279476, 101.8253275109;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-ocean{
--wp-admin-border-width-focus:1.5px;
}
}
body.admin-color-sunrise{
--wp-admin-theme-color:#dd823b;
--wp-admin-theme-color--rgb:221, 130, 59;
--wp-admin-theme-color-darker-10:#d97426;
--wp-admin-theme-color-darker-10--rgb:216.8782608696, 116.1847826087, 37.6217391304;
--wp-admin-theme-color-darker-20:#c36922;
--wp-admin-theme-color-darker-20--rgb:195.147826087, 104.5434782609, 33.852173913;
--wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
body.admin-color-sunrise{
--wp-admin-border-width-focus:1.5px;
}
}.wp-block-popup-maker-cta-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;width:100%;word-break:break-word}.wp-block-popup-maker-cta-button__link.aligncenter,.wp-block-popup-maker-cta-button__link.has-text-align-center{text-align:center}.wp-block-popup-maker-cta-button__link.alignright,.wp-block-popup-maker-cta-button__link.has-text-align-right{text-align:right}.wp-block-popup-maker-cta-button__link.alignleft,.wp-block-popup-maker-cta-button__link.has-text-align-left{text-align:left}:where(.wp-block-popup-maker-cta-button__link){border-radius:9999px;box-shadow:none;padding:1rem 2.25rem;text-decoration:none}.wp-block-popup-maker-cta-button[style*=text-decoration] .wp-block-popup-maker-cta-button__link{text-decoration:inherit}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-width{max-width:none}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-width .wp-block-popup-maker-cta-button__link{width:100%}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-font-size .wp-block-popup-maker-cta-button__link{font-size:inherit}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-100{flex-basis:100%;width:100%}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-25{width:25%}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-50{width:50%}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-75{width:75%}.wp-block-popup-maker-cta-button.is-style-squared,.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button.is-style-squared{border-radius:0}.wp-block-popup-maker-cta-button.no-border-radius,.wp-block-popup-maker-cta-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-popup-maker-cta-button){font-family:inherit;font-size:var(--wp--preset--font-size--medium);font-style:normal;line-height:inherit}:root :where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline){background-color:var(--wp--preset--color--contrast);border-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base)}:root :where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover{background-color:color-mix(in srgb,var(--wp--preset--color--contrast) 85%,#0000);border-color:#0000;color:var(--wp--preset--color--base)}:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline),:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link){border:1px solid;padding:calc(1rem - 1px) calc(2.25rem - 1px)}:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link:not(.has-background)){background-color:#0000;background-image:none}:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover){background-color:color-mix(in srgb,var(--wp--preset--color--contrast) 5%,#0000)}.wp-block-popup-maker-cta-button__link:hover.has-background:not(.is-style-outline):hover,.wp-block-popup-maker-cta-button__link:hover[style*=background-color]:not(.is-style-outline){filter:brightness(.85)}.wp-block-popup-maker-cta-button__link:hover.is-style-outline:hover{filter:brightness(1.05)}@supports not (background-color:color-mix(in srgb,red 50%,blue)){:where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover{filter:brightness(.85)}:where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover){filter:brightness(1.05)}}.wp-block-popup-maker-cta-button{cursor:text;position:relative}
.wp-block-popup-maker-cta-buttons{box-sizing:border-box}.wp-block-popup-maker-cta-buttons.is-vertical{flex-direction:column}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button:last-child{margin-bottom:0}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button{display:inline-block;margin:0}.wp-block-popup-maker-cta-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-popup-maker-cta-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-popup-maker-cta-buttons.is-content-justification-center{justify-content:center}.wp-block-popup-maker-cta-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-popup-maker-cta-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-popup-maker-cta-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-popup-maker-cta-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-popup-maker-cta-buttons.aligncenter{text-align:center}.wp-block-popup-maker-cta-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-popup-maker-cta-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-popup-maker-cta-buttons[style*=text-decoration] .wp-block-popup-maker-cta-button,.wp-block-popup-maker-cta-buttons[style*=text-decoration] .wp-block-popup-maker-cta-button__link{text-decoration:inherit}.wp-block-popup-maker-cta-buttons.has-custom-font-size .wp-block-popup-maker-cta-button__link{font-size:inherit}.wp-block-popup-maker-cta-button.aligncenter{text-align:center}:root .wp-block-popup-maker-cta-buttons.is-layout-flex:not([class*=wp-container-popup-maker-cta-buttons-is-layout-]){gap:16px}body.nbd-prevent-scroll, html.nbd-prevent-scroll {
overflow: hidden;
width: 100%;
height: 100%;
}
#nbdesigner_frontend_area .img-con {
margin: 0 5px 5px 0;
border: 1px solid #ddd;
display: inline-block;
text-align: center;
vertical-align: top;
background: #ddd;
height: 100px;
}
#nbdesigner_frontend_area .img-con img{
max-width: 100%;
max-height: 100%;
margin: 0 auto; }
.nbdesigner_pp_close {
position: absolute;
top: 5px;
left: 5px;
width: 30px;
height: 30px;
background: #f98332;
text-align: center;
color: #fff;
border-radius: 50%;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
cursor: pointer;
font-size: 20px;
line-height: 30px;
z-index: 3;
}
#triggerDesign {
cursor: pointer;
}
.nbdesigner-disable {
opacity: 0.5;
pointer-events: none;
}
.nbdesigner_disable {
opacity: 0.5;
cursor: not-allowed !important;
}
@-webkit-keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.nbdesigner-img-loading {
display: inline-block !important;
margin-right: 15px;
vertical-align: middle;
opacity: 0.4;
}
.nbdesigner-img-loading.hide {
display: none !important;
}
.nbdesigner_frontend_container .button,  #nbdesign-new-template{
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
padding: 1em 2em;
border: 1px solid #ddd;
font-weight: bold;
}
.nbdesign-button {
float: none;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
border: 1px solid #ddd;
}
.nbdesign-button:hover{
color: #66b6cd;
border: 1px solid #66b6cd;
}
.nbdesign-button svg {
vertical-align: middle;
margin-right: 10px;
}
.nbd-actions-wrap {
display: flex;
justify-content: flex-start;
}
.nbd-action-wrap {
margin: 0 3px;
}
#nbdesigner-gallery {
display: block;
width: calc(100% + 16px);
margin: 0 -8px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;    
}
.nbdesigner-gallery .nbdesigner-container {
display: block;
list-style: none;
margin-left: -10px;
margin-right: -10px;
}
.nbdesigner-gallery .nbdesigner-container:after {
content: '';
display: block;
clear: both;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-con {
position: relative;
box-shadow: 0px 5px 25px rgba(0,0,0,0.15);
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item {
float: left;
padding: 10px;    
}
.nbd-col-1 {
width: 100%;
}
.nbd-col-2 {
width: 50%;
}
.nbd-col-3 {
width: 33.33333333%
}
.nbd-col-4 {
width: 25%
}
.nbd-col-5 {
width: 20%
}
.nbd-col-6 {
width: 16.666666666%
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-img {
display: block;
width: 100%;
border-radius: 0;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
background-image: -o-linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
background-image: -moz-linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
background-image: linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
-webkit-transition: all 1.2s;
-moz-transition: all 1.2s;
transition: all 1.2s;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item:hover .nbdesigner-hover {
visibility: visible;
opacity: 1;    
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;    
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner a {
position: absolute;
top: 50%;
left: 50%;
font-size: 14px;
height: 44px;
line-height: 44px;
border-radius: 22px;
width: 150px;
margin-top: -22px;
margin-left: -75px;
background: #fff;
visibility: hidden;
text-align: center;
opacity: 0;
text-decoration: none;
text-transform: uppercase;
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
-ms-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
color: #056b65;
font-family: 'Roboto', sans-serif;
font-weight: 400;
overflow: hidden    
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item:hover .nbdesigner-hover .nbdesigner-inner a {
visibility: visible;
opacity: 1;
-webkit-animation-name: hvr-pop;
-moz-animation-name: hvr-pop;
-ms-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-ms-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;    
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner a span {
display: inline-block;
visibility: hidden;
margin-left: -18px;
-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
font-size: 20px;
font-weight: bold;    
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner a:hover span {
-webkit-transform: translateX(19px);
-moz-transform: translateX(19px);
-ms-transform: translateX(19px);
transform: translateX(19px);
visibility: visible;
opacity: 1;    
}
.nbdesigner-item .nbdesigner-top {
-webkit-transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);
-moz-transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);
-ms-transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);
transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);    
}
.nbdesigner-item:hover .nbdesigner-top {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);    
-ms-transform: scale(0.8);    
transform: scale(0.8);    
}
@-webkit-keyframes hvr-pop {
0% {
-webkit-transform: scale(0.1);
-mz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
}
70% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}  
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}  
}
@keyframes hvr-pop {
0% {
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
}
70% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}  
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}    
}
.nbdesigner-related-product-item {
position: relative;
margin-bottom: 15px;
border: 1px solid #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;   
}
.nbdesigner-related-product-image {
display: block;
width: 100%;
}
.nbdesigner-related-product-image img {
display: block;
max-width: 100%;    
width: 100%;     
}
.nbdesigner-related-product-title {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background: #404762;
color: #fff;
text-transform: uppercase;
line-height: 50px;
padding-left: 15px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.nbdesigner-related-product-item:hover {
border: 1px solid #ddd;
}
.nbdesigner-related-product-item:hover .nbdesigner-related-product-title {
opacity: 0;
visibility: hidden;
}
.nbdesigner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
visibility: hidden;
opacity: 0;   
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;    
}
.nbdesigner-overlay.open {
visibility: visible;
opacity: 1;    
}
.nbdesigner-overlay img{
top: 50%;
position: absolute;
margin-top: -50px;
left: 50%;
margin-left: -50px;    
opacity: 0.3;
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a,
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > span {
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #ddd;
text-align: center;
line-height: 28px;
margin-right: 3px;    
}
.nbd-no-breadcrumb .woocommerce-breadcrumb{
display: none;
}
#nbdesigner_upload_preview {
margin-bottom: 15px;
}
#nbdesigner_upload_preview .img-con {
padding: 15px;
border: 1px solid #ddd;    
}
#nbdesigner_upload_preview .nbd-file-title {
margin-top: 15px;
margin-bottom: 0;
white-space: nowrap;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;    
}
.nbd-tem-list-product-wrap.see-all {
padding-right: 0;
max-height: 400px;
overflow: hidden;
overflow-y: scroll;
}
.nbd-tem-list-product {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;       
}
.nbd-tem-list-product.nbd-hide {
display: none;
}
.nbd-tem-list-product-wrap ul {
margin: 0 !important;
}
.nbd-gallery-con {
padding-top: 30px;
max-width: 1200px;
margin: 0 auto;        
}
.nbd-sidebar, .nbd-list-designs {
float:  left; 
}
.nbd-sidebar-con {
width: 250px;
border-radius: 4px;   
margin-bottom: 15px;
background: #fff;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);        
}
.nbd-list-designs {
width: calc(100% - 265px);
margin-left: 15px;
}    
.nbd-list-designer-template {
margin: 30px auto;
}
.nbd-sidebar-h3 {
padding: 15px 14px;
border-bottom: 1px solid #e6e6e6;
margin: 0;
height: 50px;
line-height: 20px;
font-weight: bold;
}
.nbd-sidebar-con ul {
margin: 0 0 0 15px;
}
.nbd-sidebar-con > ul{
margin-bottom: 15px;
margin-top: 15px;
}  
.nbd-sidebar-con-inner {
padding: 15px;
}
.nbd-sidebar-con-inner ul {
margin: 0;
}
.nbd-sidebar-con-inner ul li{
list-style: none;
}
.nbd-sidebar-con-inner ul li a{
color: #2c2d33;
width: 100%;
display: block;
position: relative;
overflow: hidden;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;    
text-decoration: none !important;
}
.nbd-sidebar-con-inner ul li a .before {
display: block;
width: 15px;
position: absolute;
left: -15px;
opacity: 0;
-moz-transition: all .3s;
-o-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;   
font-weight: bold;
fill: #404762;
}
.nbd-sidebar-con-inner ul li a:hover .before, .nbd-sidebar-con-inner ul li a.active .before {
left: 0;
opacity: 1;
}
.nbd-sidebar-con-inner ul li a:hover, .nbd-sidebar-con-inner ul li a.active{
padding-left: 20px;
font-weight: bold;
color: #404762;
}
.nbd-sidebar-con-inner ul li a span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 20px);    
}
.nbd-sidebar-con-inner.wishlist-tem-wrap {
font-size: 0;
}
.nbd-sidebar-con-inner.wishlist-tem-wrap:not(:last-child){
margin-bottom: 10px;
}
.nbd-sidebar-con-inner.wishlist .left {
width: 70px;
height: 70px;
float: left;
cursor: pointer;
display: flex;
text-align: center;
align-items: center;
justify-content: center;    
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
border-radius: 3px;
}
.nbd-sidebar-con-inner.wishlist .wishlist-tem-wrap:not(:last-child) .left {
margin-bottom: 5px;
}
.nbd-sidebar-con-inner.wishlist .right {
width: calc(100% - 70px);
padding-left: 10px;
float: left;
}
.nbd-sidebar-con-inner.wishlist .right div {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;    
}
.wishlist-tem-wrap:after,
.wishlist-tem-wrap:before {
display: block;
content: '';
clear: both;
}
.nbd-sidebar-con-inner.wishlist img{
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
border-radius: 0px;
max-width: 100%;
max-height: 100%;
display: inline-block;  
}
.nbd-sidebar-con-inner.wishlist .left:hover{
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);    
}
.wishlist-tem-wrap.unwish {
opacity: 0.7;
pointer-events: none;
}
.nbd-gallery-item-upload {
height: 200px;
position: relative;
}
.nbd-see-all {
color: #404762;
}
.nbd-gallery-item-upload a{
height: 100%;
text-align: center;
width: 100%;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;   
font-size: 30px;
color: #404762;
text-shadow: 3px 3px 5px rgba(6, 159, 182, 0.3);    
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;    
font-weight: 100;
background: rgba(255,255,255,0.5);
text-decoration: none !important;
}
.nbd-gallery-item-upload a:hover {
text-shadow: 7px 7px 10px rgba(6, 159, 182, 0.4); 
}
.nbd-gallery-item-upload-inner {
position: absolute;
width: 100%; 
height: 100%; 
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;    
}
.nbd-tag {
display: inline-block;
margin: 0 10px 10px 0;
padding: 0 15px 0 20px;
line-height: 30px;
border-radius: 2px;
background-color: #ddd;
color: #404762;
font-weight: bold;
font-size: 14px;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;
position: relative;  
text-decoration: none !important;
}
.nbd-tag:before {
background: #f4f4f4;
border-radius: 10px;
box-shadow: inset 0 1px rgba(0,0,0,.25);
content: '';
height: 8px;
left: 6px;
position: absolute;
width: 8px;
top: 10px;
}
.nbd-tag:after {
background: 0 0;
border-bottom: 15px solid #fff;
border-left: 10px solid #ddd;
border-top: 15px solid #fff;
content: '';
position: absolute;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;
right: 0;
top: 0;
}
.nbd-tag:hover {
color: #0099fe;
background-color: #404762;
color: #fff;
}    
.nbd-tag:hover:after {
border-left: 10px solid #404762;
} 
.nbdesigner-item {
display: inline-block;
max-width: 500px;
margin: 0 8px 16px;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;   
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;    
width: calc(25% - 16px);
opacity: 0;
}
.nbdesigner-item.in-view {
opacity: 1;
}
.nbd-gallery-wrap .nbdesigner-item {
width: calc(33.333% - 16px);
margin: 0 8px 16px;
}
@media screen and (max-width: 1570px){
.nbdesigner-item {
width: calc(25% - 16px);
}
.nbd-gallery-wrap .nbdesigner-item {
width: calc(33.333% - 16px);
}   
}
@media screen and (max-width: 1270px){
.nbdesigner-item {
width: calc(33.333% - 16px);
}
.nbd-gallery-wrap .nbdesigner-item {
width: calc(50% - 16px);
}      
}
@media screen and (max-width: 768px){
.nbdesigner-item {
width: calc(50% - 16px);
}
#nbdesigner-gallery {
width: 100%;
margin: 0;
}    
}
@media screen and (max-width: 600px) {
.nbdesigner-item, .nbd-gallery-wrap .nbdesigner-item {
width: 100%;
margin: 0 0 16px;  
}    
}
.nbd-gallery-processing {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-gallery-item {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
position: relative;
background: #fff;
border-radius: 4px;
}
.nbd-gallery-item:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}                       .nbd-gallery-item img.nbdesigner-img{
border-radius: 0 !important;
}
.nbd-gallery-item-templates{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.nbd-gallery-item-templates .template{
padding: 10px;
margin-bottom: 20px;
}
.nbd-gallery-item-templates .template .main{
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-gallery-item-templates .template a{
display: block;
position: relative;
outline: none;
}
.nbd-gallery-item-templates .template p{
padding: 10px;
border-top: 1px solid #ebebeb;
}
.nbd-gallery-item-templates .template a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0;
transition: all .3s
}
.nbd-gallery-item-templates .template a:hover:before{
opacity: .3;
}
.nbd-gallery-item-templates .template span {
position: absolute;
padding: 5px 10px;
background-color: #404762;
color: #fff;
border-radius: 2px;
font-size: 12px;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
transition: all .3s;
opacity: 0;
visibility: hidden;
}
.nbd-gallery-item-templates .nbd-col-2 span,.nbd-gallery-item-templates .nbd-col-1 span{
font-size: 14px;
}
.nbd-gallery-item-templates .nbd-col-5 span{
font-size: 10px;
}
.nbd-gallery-item-templates .nbd-col-6 span{
font-size: 9px;
}
.nbd-gallery-item-templates .template a:hover span {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
.nbd-gallery-item-templates .template p{
margin-bottom: 0;
}
.nbd-gallery-item-templates .nbd-col-1{
width: 100%;
}
.nbd-gallery-item-templates .nbd-col-2{
width: 50%;
}
.nbd-gallery-item-templates .nbd-col-3{
width: 33.33%;
}
.nbd-gallery-item-templates .nbd-col-4{
width: 25%;
}
.nbd-gallery-item-templates .nbd-col-5{
width: 20%;
}
.nbd-gallery-item-templates .nbd-col-6{
width: 16.66%;
}
.nbd-gallery-item-acction {
padding: 10px;
height: 50px;
border-top: 1px solid #ddd; 
}
.nbd-gallery-item-inner {
position: relative;
overflow: hidden;
}
.nbd-gallery-item-more-acction-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.nbd-gallery-item-more-acction {
cursor: pointer;
display: inline-block;
padding: 0 10px;
border-radius: 2px;
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
background: #fff;
transition: all 0.4s;
height: 35px;
line-height: 35px;
margin-right: 3px;
transform: translateX(-200px);
}
.nbd-gallery-item-more-acction.solid {
transform: unset;
opacity: 0;
}
.nbd-gallery-item-more-acction a{
text-decoration: none !important;
color: #404762;
font-weight: bold;
}
.nbd-gallery-item-more-acction.customize{
margin-right: 0;
transform: translateX(200px);
}
.nbd-gallery-item-more-acction a:focus,
.nbd-gallery-item-more-acction a:active{
outline: none;
}
.nbd-gallery-item-inner:hover .nbd-gallery-item-more-acction.preview {
transform: unset;
opacity: 1;
}
.nbd-gallery-item-inner:hover .nbd-gallery-item-more-acction.customize {
transform: unset;
}
body.nbd-gallery {
background: #f1f1f1;
}
.nbd-gallery header.entry-header {
height: 200px;
background-color: #ddd;
position: relative;
background-image: url(//web2print.co.nz/wp-content/plugins/web-to-print-online-designer/assets/images/gallery.jpg);
}
.nbd-gallery header.entry-header img {
display: none;
}
.nbd-gallery header h1{
height: 100%;
line-height: 200px;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
text-align: center;
color: #404762;
text-transform: uppercase;
font-weight: bold;
}
.nbd-like-icons {
width: 30px; 
height: 30px;
position: relative;
float: right;
border-radius: 30px;
background: #eee; 
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-like-icons:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);         
}
.nbd-like-icon {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
line-height: 30px;
text-align: center;
width: 30px; 
height: 30px;
display: none; 
align-items: center;
justify-content: center;  
opacity: 0.5;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;        
}
.nbd-like-icon:hover {
-webkit-nimation: heartbeat 1.2s infinite;
-moz-animation: heartbeat 1.2s infinite;
animation: heartbeat 1.2s infinite;
opacity: 1;       
}
.nbd-gallery-item-name {
vertical-align: top;
line-height: 30px;
width: calc(100% - 50px);
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.nbd-like-icon.loading {
display: none;
}
.nbd-like-icon.active {
display: flex;
}  
.nbd-edit-template {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
padding: 5px;
vertical-align: middle;
border-radius: 50%;
background: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-edit-template:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-edit-template:focus{
outline: none;
}
.nbdesigner-pagination-con {
margin-top: 30px;
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a, .nbdesigner-pagination-con .tablenav-pages span.pagination-links > span {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
background: #fff;
border: none;
border-radius: 2px;
text-decoration: none !important;
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);        
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a:last-child {
margin-right: 0;
} body.open-nbd-popup {
overflow: hidden;
}
.nbd-popup {
position: fixed;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 999999;
opacity: 1;
top: 0;    
overflow: auto;
overflow-y: scroll;        
}
.nbd-popup.hide {
opacity: 0;
top: -99999px;        
}
.nbd-popup .nbd-popup-content-wrap {
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;  
-ms-transform: translateY(100px) scale(0.8);    
-webkit-transform: translateY(100px) scale(0.8);       
transform: translateY(100px) scale(0.8);    
opacity: 0;
position:relative;
-webkit-box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);     
-moz-box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);     
-ms-box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);     
box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);     
border-radius: 4px;
background: #fff;       
}
.nbd-popup.active .nbd-popup-content-wrap {
-ms-transform: translateY(0) scale(1);    
-webkit-transform: translateY(0) scale(1);      
transform: translateY(0) scale(1);      
opacity: 1;
}
.nbd-popup-close {
position: absolute;
top: -15px;
right: -15px;
display: block;
width: 30px;
height: 30px;
padding: 3px;
background: #fff;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;         
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);  
border-radius: 50%;
cursor: pointer;
z-index: 9;
}
.nbd-popup-close svg {
color: #757575;
fill: #757575;
}
.nbd-popup-close:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3); 
}
.nbd-popup-close:hover svg{
color: #404762;
fill: #404762;
}
.nbd-popup-content-inner, .nbd-popup-content, .nbd-popup-content .loading {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: relative;
}
.nbd-popup-content .loading {
position: absolute;
}
.nbd-popup-content .loading.hide, .nbd-popup-content-inner.hide {
display: none;
}    
.nbd-popup-content-inner {
padding: 15px;
}
.nbd-popup-actions {
margin: 30px 0;
}
.nbd-popup-actions.solid {
display: flex;
justify-content: flex-end;
}
.nbd-popup-large-img img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.nbd-popup-start-design {
line-height: 40px;
padding: 0 15px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
height: 40px;
text-transform: uppercase;
background: #404762;
color: #fff;
float: right;   
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;         
text-decoration: none !important;
}
.nbd-popup-content-inner img {
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); 
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); 
-ms-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); 
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); 
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
max-height: 300px;
}
.nbd-popup-start-design:hover, .nbd-popup-content-inner img:hover {
-webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);     
-moz-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);     
-ms-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);     
box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);     
}
.nbd-popup-list-preview img {
padding: 3px;
border: 1px solid #fff;
background: #fff;
border-radius: 0;
cursor: pointer;
}
.nbd-popup-list-preview img.active {
border-color: #404762;
}
.nbd-popup-design-name {
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
}
.nbd-add-template-btn {
width: 40px;
height: 40px;
border-radius: 50%;
background: #404762;
display: block;
padding: 8px;
text-align: center;
cursor: pointer;
position: fixed;
bottom: 32px;
right: 32px;
-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);    
-ms-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);    
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);    
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;        
}
.nbd-add-template-btn:hover {
-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);    
-ms-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);    
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);    
}
.nbd-select {
background: #fff url(//web2print.co.nz/wp-content/plugins/web-to-print-online-designer/assets/images/select-arrows.png) no-repeat 100% 50%;
border: 1px solid #ccc;
padding: 0.5em 0.75em;
padding-right: 2em;
-webkit-appearance: button;
-moz-appearance: button;
-ms-appearance: button;
margin-bottom: 15px;
height: 36px;
cursor: pointer;   
margin-left: 15px;
line-height: 20px;
}
.nbd-preview-product-variation {
margin: 15px 0 0;
}
.nbd-popup-list-product.has-scroll {
max-height: 500px;
overflow: hidden;
overflow-y: scroll;    
}
.nbd-back-to-list-pp-products {
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
padding: 5px;
vertical-align: middle;
border-radius: 50%;
background: #eee;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;    
}
.nbd-back-to-list-pp-products:hover {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);    
}
@-webkit-keyframes atom-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes atom-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.atom-loading {
width: 100px;
height: 100px;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top:  -50px;
position: relative;
}
.rtl .atom-loading {
right: 50%;
margin-right: -50px;
}
.loading__ring {
position: absolute;
width: 100px;
height: 100px;
}
.loading__ring:first-child {
-webkit-transform: skew(30deg, 20deg);
transform: skew(30deg, 20deg);
}
.loading__ring:last-child {
-webkit-transform: skew(-30deg, -20deg) scale(-1, 1);
transform: skew(-30deg, -20deg) scale(-1, 1);
}
.loading__ring:last-child svg {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.loading__ring svg {
-webkit-animation: atom-rotate 1s linear infinite;
animation: atom-rotate 1s linear infinite;
fill: rgba(0, 0, 0, 0.2);
}     
.nbd-popup-list-preview-img {
max-width: 100px !important;
display: inline-block;
} @keyframes heartbeat{
0% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
20% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
}
40% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
} 
60% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
} 
80% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
100%  {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
} 
@-webkit-keyframes heartbeat{
0% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
20% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
}
40% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
} 
60% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
} 
80% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
100%  {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
}   
.pagination-links {
float: right;
}
.pagination-links a:last-child {
margin-right: 0;
}
.nbd-order-download-pdf a{
position: relative;
}
.nbd-order-download-pdf span.nbd-loading{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
display: flex;
background: rgba(255,255,255,0.7);
align-items: center;
justify-content: center;   
opacity: 0;
}
.nbd-order-download-pdf span.nbd-loading.active{
opacity: 1;
pointer-events: none;
} .nbd-variation-bulk-wrap { background: #fff;
border: 1px solid #ddd; }
.nbd-variation-bulk-wrap p.nbd-variation-bulk-title {
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #ddd;
line-height: 34px;
font-weight: bold;    
}
.nbd-variation-bulk-wrap p.nbd-variation-bulk-title a {
float: right;
padding: 5px 15px;
font-size: 14px;
line-height: 24px;
vertical-align: middle;
color: #fff;
text-transform: uppercase;
background: #404762;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;	  
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);    
}
#nbd-variations-wrap:not(:last-child) {
padding: 15px;
}
.nbd-variation-wrap {
margin-bottom: 5px;
}
.nbd-variation-wrap select{
padding: 5px 5px 5px 10px;
background: #fff url(//web2print.co.nz/wp-content/plugins/web-to-print-online-designer/assets/images/select-arrows.png) no-repeat 100% 50%;
border: 1px solid #ccc;
padding-right: 2em;
-webkit-appearance: button;
-moz-appearance: button;
-ms-appearance: button;
height: 36px;
cursor: pointer;
line-height: 20px;  
max-width: 200px;
}
.nbd-variation-wrap select:focus {
outline: none;
}
.nbd-variation-wrap input{
width: 70px;
padding: 5px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
margin: 0!important;    
}
.nbd-variation-wrap a{
float: right;
border-radius: 50%;
display: block;
width: 30px;
height: 30px;
padding: 3px;  
background: #fff;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;   
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
margin-top: 3px;
}
.nbd-variation-wrap a:hover, .nbd-variation-bulk-wrap p.nbd-variation-bulk-title a:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-variation-wrap a svg{
color: #757575;
fill: #757575;
}
.nbd-variation-wrap a:hover svg {
color: #404762;
fill: #404762;
}
.nbd_bulk_variation .variations, .nbd_bulk_variation .quantity input.qty {
display: none;
}  table#nbd-quantity-pricing .nbd_quantity {
width: 64px;
text-align: right;  
float: right;
}
.product_price {
float: right;
}
.nbd-table-pricing-wrap {
width: 60%;
float: left;
}
.nbd-table-pricing-wrap, .nbd-pricing-description {
width: 50%;
float: left;
}
.nbd-pricing-description {
padding: 0 15px;   
text-align: justify;
} .nbd-prevent-event {
pointer-events: none;
}
.nbd-order-item-download-section select {
max-width: 100px;
height: 35px;
background-color: #ffffff;
background-image: none;
border: 1px solid #EDEDED;
padding: 4px 6px;
border-radius: 0; 
margin-right: 15px;
}
.nbd-pdf-options-inner {
position: absolute;
background: #fff;
width: 320px;
border-radius: 4px;
left: 50%;
margin-left: -160px;
margin-top: -100px;
top: 50%;
padding: 15px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-pdf-options.nbd-hide {
display: none !important;
}
.nbd-pdf-options {
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
} .md-checkbox {
position: relative;
height: 20px;
margin: 16px 0;
}
.md-checkbox label {
cursor: pointer;
margin-left: 15px;
}
.md-checkbox label:before, .md-checkbox label:after {
content: "";
position: absolute;
left: 0;
top: 0;
}
.md-checkbox label:before {
width: 20px;
height: 20px;
background: #fff;
border: 2px solid rgba(0, 0, 0, 0.54);
border-radius: 2px;
cursor: pointer;
transition: background .3s;
box-sizing: border-box;
}
.md-checkbox input[type="checkbox"] {
outline: 0;
margin-right: 10px;
}
.md-checkbox input[type="checkbox"]:checked + label:before {
background: #394264;
border: none;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
transform: rotate(-45deg);
top: 5px;
left: 4px;
width: 12px;
height: 6px;
border: 2px solid #fff;
border-top-style: none;
border-right-style: none;
box-sizing: border-box;    
} .nbd-button {
cursor: pointer;
display: inline-block;
padding: 5px 15px;
font-size: 14px;
line-height: 24px;
vertical-align: middle;
color: #fff;
text-transform: uppercase;
background: #404762;
text-decoration: none !important;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);    
}
.nbd-button:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);  
}
.nbd-button:focus {
outline: none;
}
.nbdesigner_frontend_container p {
overflow: hidden;
}
.nbd-load-more {
display: none; 
padding: 50px;
background: url(//web2print.co.nz/wp-content/plugins/web-to-print-online-designer/assets/images/ajax-loader-lg.gif) no-repeat 50%;    
}
.nbd-order-item-upload {
width: 120px;
display: inline-block;
margin: 0 15px 15px 0;
text-align: center;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);  
}
.nbd-order-item-upload-name {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 30px;
line-height: 30px;
padding: 0 10px;    
}
.nbd-modern-layout .nbdesigner_pp_close {
top: 10px;
left: 10px;    
}
.rtl.nbd-modern-layout .nbdesigner_pp_close {
right: 10px;
left: unset;
}
.nbdq-buttons .accept{
color: #fff;
background: #3fa1d4;
}
.nbdq-buttons .reject{
color: #fff;
background: #d43f5f;
} .nbd-alert {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .3s; 
overflow: hidden;
overflow-y: auto;
}
.nbd-alert .main-popup {
pointer-events: all;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
text-align: left;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
top: 50%;
position: absolute;
left: 50%;
max-width: 500px;
transform: translate(calc(-50%), calc(-50%)) scale(0.8) !important;
margin: 0;
padding: 0;  
box-shadow: 0 0 62px rgba(0, 0, 0, 0.3);
border-radius: 4px; 
}
.nbd-alert.nb-show .main-popup {
transform: translate(calc(-50%), calc(-50%)) scale(1) !important;
}
.nbd-alert .main-popup .nbd-alert-body{
padding: 20px;
}
.nbd-alert .main-popup .nbd-alert-head h3 {
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid #ddd;
border-top: 4px solid #404762;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.nbd-alert.nb-show {
opacity: 1;
visibility: visible;
z-index: 9999999; 
}
.nbd-alert .close-popup {
position: absolute;
top: -15px;
right: -15px;
font-size: 28px;
cursor: pointer;
width: 30px;
height: 30px;
background: #404762;
border-radius: 50%;
text-align: center;
line-height: 28px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
color: #fff;
padding: 3px;
}
.nbd-alert .close-popup svg path {
fill: #fff;
}
.nbd-alert .close-popup:hover {
box-shadow: 0 1px 10px rgba(0,0,0,.15);
}
.nbd-alert .overlay-popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; }
.nbd-alert .overlay-main {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: white;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .4s; 
}
.nbd-alert .overlay-main.active {
z-index: 99;
opacity: 1;
visibility: visible;
transition: unset; 
}
.nbd-alert .nbd-alert-head h3 .failure {
color: #ef5350;
}
.nbd-alert .main-popup .nbd-alert-action a:nth-child(2){
float: right;
}
.nbd-alert .main-popup .nbd-alert-action:after {
content: '';
display: block;
clear: both;
}
.nbdp-popup {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .3s;
}
.nbdp-popup .main-popup {
position: absolute;
pointer-events: all;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 42px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
text-align: left;
width: 80%;
transition: all .6s;
margin-bottom: 50px;
}
.nbdp-popup .main-popup .nbdp-popup-body{
padding: 20px;
}
.nbdp-popup .main-popup h3.nbdq-head {
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid #ddd;
}
.nbdp-popup.nb-show {
opacity: 1;
visibility: visible;
z-index: 9999999; 
display: block;
}
.nbdp-popup[data-animate="scale"] .main-popup {
transform: scale(0.8);
transition: all .3s; }
.nbdp-popup[data-animate="scale"].nb-show .main-popup {
transform: scale(1); }
.nbdp-popup[data-animate="bottom-to-top"] .main-popup {
transform: translate(0, 50%);
transition: all .3s; }
.nbdp-popup[data-animate="bottom-to-top"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="top-to-bottom"] .main-popup {
transform: translate(0, -50%);
transition: all .3s; }
.nbdp-popup[data-animate="top-to-bottom"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="left-to-right"] .main-popup {
transform: translate(-50%, 0);
transition: all .3s; }
.nbdp-popup[data-animate="left-to-right"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="right-to-left"] .main-popup {
transform: translate(50%, 0);
transition: all .3s; }
.nbdp-popup[data-animate="right-to-left"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="fixed-top"] {
align-items: flex-start; }
.nbdp-popup[data-animate="fixed-top"] .main-popup {
margin-top: 60px;
transform: translate(0, -50%);
transition: all .3s; }
.nbdp-popup[data-animate="fixed-top"].nb-show .main-popup {
transform: translate(0, 0); 
}
.nbdp-popup .close-popup {
position: absolute;
top: -15px;
right: -15px;
display: block;
width: 30px;
height: 30px;
padding: 3px;
background: #fff;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
border-radius: 50%;
cursor: pointer;
z-index: 9;
}
.nbdp-popup .close-popup:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbdp-popup .close-popup:hover svg {
color: #404762;
fill: #404762;
}
.nbdp-popup .overlay-popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; }
.nbdp-popup .overlay-main {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: white;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .4s; }
.nbdp-popup .overlay-main.active {
z-index: 99;
opacity: 1;
visibility: visible;
transition: unset; }
#nbo-quick-view-popup .nbdq-popup-body {
padding: 15px;
}
.quick-view-content .quantity {
display: inline-block;
}
.nbo-swatches-wrap {
font-size: 0;
margin: 5px;
}
.nbo-swatch-wrap {
border: 1px solid #d6d3d3;
margin: 0 3px 3px 0;
display: inline-block;
font-size: 0;
position: relative;
height: 22px;
}
.nbo-swatch-label-wrap {
font-size: 12px;
border: 1px solid #404762;
color: #404762;
height: 20px;
display: inline-block;
line-height: 18px;
padding: 0 10px;
box-sizing: border-box;
cursor: pointer;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
font-weight: bold;
margin: 0 3px 3px 0;
}
.nbo-swatch-label-wrap:hover {
color: #fff;
background: #404762;
}
.nbo-swatch-wrap.selected {
border-color: #999595;
}
.nbo-swatch-wrap .nbo-swatch-tooltip {
position: absolute;
font-size: 12px;
line-height: 14px;
text-align: center;
box-sizing: border-box;
opacity: 0;
width: 100px;
margin-left: -50px;
z-index: 99;
left: 50%;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
pointer-events: none;
bottom: 100%;
padding-bottom: 10px;
}
.nbo-swatch-wrap:hover .nbo-swatch-tooltip {
opacity: 1;
}
.nbo-swatch-wrap .nbo-swatch-tooltip > span {
display: inline-block;
position: relative;
height: auto;
width: auto;
max-width: 100%;
border-radius: 3px;
padding: 3px 6px;
background: #222222;
color: #ffffff;
}
.nbo-swatch-wrap .nbo-swatch-tooltip span:after {
content: '';
border: 5px solid transparent;
width: 1px;
height: 1px;
position: absolute;
left: 50%;
margin-left: -5px;
bottom: -10px;
border-top-color: #222222;
}
.nbo-swatch{
border: 2px solid #fff;
height: 20px;
width: 20px;
line-height: 17px;
display: inline-block;
cursor: pointer;
}
.nbdq-popup-body div.quick-view div.quick-view-image {
margin: 0;
width: 38% !important;
float: left;
box-sizing: border-box;
}
.nbdq-popup-body div.quick-view div.quick-view-content {
width: 56%;
float: right;
overflow: unset;
}
.nbdq-popup-body div.quick-view div.quick-view-image a.button {
border: 0;
background: none;
background-color: #404762;
border-color: #43454b;
color: #fff;
cursor: pointer;
padding: 0.6180469716em 1.41575em;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
outline: none;
-webkit-appearance: none;
border-radius: 2px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
line-height: inherit;
display: block;
text-align: center;
}
.nbdq-popup-body div.quick-view div.quick-view-image img {
display: block;
margin: 0 0 20px;
border: 1px solid #eee;
width: 100%;
height: auto;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
padding: 8px;
background: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.nbdq-popup-body .product:before {
content: " ";
display: table;
}
.nbdq-popup-body .product:after {
content: " ";
display: table;
clear: both;
}
.nbo-swatch-bicolor {
width: 0;
height: 0;
border-bottom: 16px solid;
border-left: 16px solid;
display: block;
}
@media (max-width: 768px) {
.nbdq-popup-body div.quick-view div.quick-view-image, 
.nbdq-popup-body div.quick-view div.quick-view-content {
float: none !important;
width: 100% !important;
position: unset;
}
.nbd-alert .main-popup{
max-width: calc(100% - 30px);
}
.nbd-table-pricing-wrap, .nbd-pricing-description {
width: 100%;
margin-bottom: 15px;
}
.nbd-col-1, .nbd-col-2, .nbd-col-3,  
.nbd-col-4, .nbd-col-5, .nbd-col-6 {
width: 100%;
} 
.nbd-list-designs, .nbd-sidebar, .nbd-sidebar-con {
width: 100% !important;
}
.nbd-list-designs {
margin: 30px 0 !important;
}
.nbdesigner-gallery .nbdesigner-container {
margin: 0 !important;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item {
padding: 0 !important;
margin: 0 0 20px !important;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-img {
width: 100% !important;
}
}
@media (max-width: 576px) {
.nbd-alert .main-popup{
width: calc(100% - 30px);
}
.nbdesigner-item {
width: 100%;
}
.nbdp-popup .main-popup {
width: calc(100% - 30px);
}
} .nbd-studio-page h1.entry-title{
display: none;
}
.nbd-studio-page h2 {
text-align: center;
}
.studio-product-wrap {
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.studio-product-wrap .studio-product {
display: inline-block;
padding: 15px;
box-sizing: border-box;
text-align: center;
position: relative;
}
.studio-product-wrap .studio-product.open-collapse {
max-width: 140px;
}
.studio-product-wrap .studio-product .studio-product-templates {
display: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.studio-product-wrap .studio-product .point-active{
display: none;
position: absolute;
align-items: center;
left: 39%;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #EEE;
}
.studio-product-wrap .studio-product.open-collapse .point-active {
display: block;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates {
display: block;
background: #eee;
width: 100vw;
z-index: 9999;
text-align: center;
margin-top: 15px;
padding: 36px 0;
position: relative;
overflow: hidden;
min-height: 250px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all .6s;
transition: all .6s;   
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap .circular {
width: 80px;
height: 80px;
-webkit-animation: nbds_rotate 2s linear infinite;
animation: nbds_rotate 2s linear infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap .circular .path {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
-webkit-animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
stroke-linecap: round;
}
@-webkit-keyframes nbds_rotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes nbds_rotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes nbds_dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35px
}
to {
stroke-dasharray: 89,200;
stroke-dashoffset: -124px
}
}
@keyframes nbds_dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35px
}
to {
stroke-dasharray: 89,200;
stroke-dashoffset: -124px
}
}
@-webkit-keyframes nbds_color {
0%,to {
stroke: #d62d20
}
40% {
stroke: #0057e7
}
66% {
stroke: #008744
}
80%,90% {
stroke: #ffa700
}
}
@keyframes nbds_color {
0%,to {
stroke: #d62d20
}
40% {
stroke: #0057e7
}
66% {
stroke: #008744
}
80%,90% {
stroke: #ffa700
}
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap.show {
opacity: 1;
visibility: visible;
z-index: 1;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner{
margin: 0 auto;
height: 100%;
position: relative;
padding: 0 20px;
overflow: hidden;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner h3 {
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-slider {
white-space: nowrap;
height: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-slider .no-template {
display: none;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item {
display: inline-block;
margin-right: 10px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item a {
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav {
position: absolute;
left: 5px;
top: calc(50% - 20px);
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
padding-top: 10px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
cursor: pointer;
display: none;
z-index: 9;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.show {
display: block;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.nbds-disable {
opacity: 0.75;
cursor: not-allowed;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav:hover svg path {
fill: #404762; 
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.next {
left: unset;
right: 5px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.prev {
transform: scaleX(-1);
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item img {
width: 120px;
background: #fff;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item img:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.studio-product-wrap .studio-product .studio-product-img-wrap{
text-align: center;
display: flex;
align-items: flex-end;
justify-content: center;
margin-bottom: 15px;
height: 110px;
}
.studio-product-wrap .studio-product .studio-product-inner {
position: relative;
}
.studio-product-wrap .studio-product a {
text-decoration: none !important;
display: inline-block;
text-align: center;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 110px;
}
.studio-product-wrap .studio-product a:hover {
color: #404762;
}
.studio-product-wrap .studio-product a:focus {
outline: none;
}
.studio-product-wrap .studio-product .studio-product-img-wrap img {
cursor: pointer;
border-radius: 4px;
-webkit-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-moz-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
max-width: 110px;
max-height: 100%;;
}
.studio-product-wrap .studio-product .studio-product-img-wrap img:hover{
-webkit-box-shadow: 0 8px 20px 0 rgba(170, 170, 170, 0.8);
-moz-box-shadow: 0 8px 20px 0 rgba(170, 170, 170, 0.8);
box-shadow: 0 8px 20px 0 rgba(170, 170, 170, 0.8);
}
.studio-widget-product {
width: 150px;
float: left;
text-align: center;
cursor: pointer;
margin: 0 10px 10px 0;
}
.studio-widget-product img {
width: 100%;
max-width: 100%;
}
.studio-widget-product-wrap:after,
.studio-widget-templates:after {
display: block;
content: '';
clear: both;
}
.studio-widget-product-inner a {
width: 100%;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.studio-widget-templates-wrap {
display: none;
min-height: 200px;
position: relative;
}
.studio-widget-templates-wrap .loading-wrap{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all .6s;
transition: all .6s;   
}
.studio-widget-templates-wrap .loading-wrap .circular {
width: 80px;
height: 80px;
-webkit-animation: nbds_rotate 2s linear infinite;
animation: nbds_rotate 2s linear infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.studio-widget-templates-wrap .loading-wrap .circular .path {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
-webkit-animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
stroke-linecap: round;
}
.studio-widget-templates-wrap .loading-wrap.show {
opacity: 1;
visibility: visible;
z-index: 1;
}
.studio-widget-templates-wrap .no-template {
display: none;
}
.studio-widget-templates .template-item {
width: 150px;
float: left;
margin: 0 10px 10px 0;
}
.studio-widget-templates .template-item img {
cursor: pointer;
border-radius: 4px;
-webkit-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-moz-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
max-width: 100%;
} #nbd-catalog-option-popup.nbdp-popup .main-popup{
border-radius: 4px;
padding: 30px 20px;
background: #fafafa;
box-sizing: border-box;
max-width: 1000px;
}
#nbd-catalog-option-popup.nbdp-popup .main-popup .nbdp-popup-body {
border-radius: 4px;
}
.nbco-options-header{
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 15px;
}
.nbco-options-wrap {
display: flex;
justify-content: center;  -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
margin-bottom: 15px;
}
.nbco-option {
box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
width: 30%;
margin-right: 3%; border-radius: 4px;
text-align: center;
cursor: pointer;
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
background: #fff;
}
.nbco-option-icon {
background-color: #afcdd7;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.nbco-option:hover {
box-shadow: 0 8px 30px 0 rgba(221, 221, 221, 0.7);
}
.nbco-option-design .nbco-option-icon{
background-color: #f1eb9c;
}
.nbco-option-hire .nbco-option-icon{
background-color: #b6b8dc;
}
.nbco-option-icon svg{
width: 60px;
height: 60px;
}
.nbco-option-text {
padding: 15px;
}
.nbco-option-text p:first-child{
color: #404762;
font-size: 1.2em;
font-weight: bold;
}
.nbco-option a{
color: #6d6d6d;
}
.nbd-artwork-action-image {
margin-bottom: 1.5rem;
}
.nbdg-guideline-files {
margin-top: 1.5rem;
}
.nbdg-guideline-title {
font-size: 1.5rem;
text-align: center;
}
.nbdg-guideline {
padding: 1rem;
background-color: #fff; 
text-align: center;
}
.nbdg-guideline-inner {
box-shadow: 0 0.125rem 0.25rem 0 rgba(79,90,109,0.25);
border-radius: 0.1875rem;
background-color: #fff;
padding: 1.25rem;
padding-bottom: 0.75rem !important;
max-width: 20rem;
margin: 0 auto;
}
.file-types__list {
font-size: 0 !important;
list-style: none;
text-align: center;
}
.file-types__item {
width: 50%;
display: inline-block;
position: relative;
margin: 0 0 2.25rem;
}
.file-types__link {
display: inline-block;
color: #404762;
}
.file-types__link:focus {
outline: none;
}
.file-types__file {
position: relative;
width: 3rem;
height: 3rem;
margin: 0 auto;
background-color: #fff;
outline: none;
border: 0.125rem solid transparent;
border-radius: 0.125rem;
-webkit-transition: background-color 300ms;
-moz-transition: background-color 300ms;
transition: background-color 300ms;
border-color: #404762;
}
.file-types__file.-psd {
border-color: #1ba0e0;
}
.file-types__file.-ai {
border-color: #ed773e;
}
.file-types__file.-indd {
border-color: #e6498f;
}
.file-types__file.-jpg {
border-color: #456e7f;
}
.file-types__file:before {
content: attr(data-file-type);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 0.875rem;
line-height: 1.625rem;
text-align: center;
-webkit-transition: color 300ms;
-moz-transition: color 300ms;
transition: color 300ms;
}
.file-types__label {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
top: 100%;
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 0.875rem;
color: #637184;
padding: 0.375rem 0;
transition: color 300ms;
}
.file-types__icon-mask {
position: absolute;
bottom: 0.3125rem;
left: 0;
right: 0;
height: 1.125rem;
overflow: hidden;
}
.file-types__icon-mask .svg-icon {
height: 1.125rem;
width: 1.125rem;
position: absolute !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translateX(-50%) !important;
}
.file-types__icon-mask .svg-icon path {
fill: #404762;
}
.file-types__link:hover {
color: #fff;
}
.file-types__link:hover .file-types__file{
background-color: #404762;
}
.file-types__link:hover .file-types__file.-psd{
background-color: #1ba0e0;
}
.file-types__link:hover .file-types__file.-ai{
background-color: #ed773e;
}
.file-types__link:hover .file-types__file.-indd{
background-color: #e6498f;
}
.file-types__link:hover .file-types__file.-jpg{
background-color: #456e7f;
}
.file-types__link:hover .file-types__icon-mask .svg-icon {
color: #fff;
animation-duration: 1s;
animation-fill-mode: both;
animation: scroll-down-in-mask 500ms 350ms;
}
.file-types__link:hover .file-types__icon-mask .svg-icon path{
fill: #fff;
}
@keyframes scroll-down-in-mask {
0% {
top: 0
}
50% {
top: 100%
}
51% {
top: -100%
}
100% {
top: 0
}
}
@-webkit-keyframes scroll-down-in-mask {
0% {
top: 0
}
50% {
top: 100%
}
51% {
top: -100%
}
100% {
top: 0
}
}
.nbd-gallery-filter-tag {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 17px;
background: #fff;
height: 32px;
padding: 0 3px 0 17px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-filter-tag-name {
vertical-align: middle;
}
.nbd-filter-tag-remove {
vertical-align: middle;
height: 26px;
width: 26px;
border: 1px solid #c8cbcc;
border-radius: 50%;
display: inline-block;
margin-top: 3px;
margin-left: 5px;
cursor: pointer;
}
.nbd-filter-color {
vertical-align: middle;
height: 26px;
width: 26px;
border-radius: 50%;
display: inline-block;
margin-top: 3px;
margin-left: -14px;
}
.nbd-filter-tag-remove svg path {
fill: #ddd;
}
.nbd-filter-tag-remove:hover svg path {
fill: #db133b;
}
.nbd-gallery-filter {
margin-bottom: 15px;
}
.nbd-gallery-filter-text {
font-weight: bold;
color: #404762;
margin-right: 20px;
vertical-align: middle; 
}
.nbd-color-list-item {
display: inline-block;
margin: 2px;
}
.nbd-color-list-item-inner {
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
cursor: pointer;
}
.nbd-color-list-item-inner.active {
border: 2px solid #db133b;
box-sizing: border-box;
}
#nbd-catalog-option-popup {
width: 100%;
}
.template-tags-wrap .result-loaded.loaded {
background: rgb(208, 214, 221);
}
.nbu-order-item-uploaded-wrap,
.nbu-cart-item-uploaded-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
margin-bottom: 50px;
}
.nbu-order-item-uploaded-image,
.nbu-cart-item-uploaded-image {
width: 160px;
position: relative;
margin: 2px;
height: 160px;
padding: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px;
cursor: pointer;
background: #FCFCFC;
box-shadow: 0 2px 5px 0 #DDDDDD;
border-radius: 2px;
overflow: hidden;
box-sizing: border-box;
}
.nbu-order-item-uploaded-image a,
.nbu-cart-item-uploaded-image a {
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.nbu-order-item-uploaded-image img,
.nbu-cart-item-uploaded-image img {
border-radius: 0px;
max-width: 100%;
max-height: 100%;
}
.nbu-order-item-uploaded-image img:hover,
.nbu-cart-item-uploaded-image img:hover {
opacity: 0.9;
} .nbd-popup-wrap {
z-index: 2;
background: rgba(245, 246, 247, 0.95);
-webkit-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;   
overflow: hidden;
}
.nbd-popup-wrap.is-hidden {
visibility: hidden;
opacity: 0;
z-index: -1;        
}
.nbd-popup-wrap .nbd__pop__content {
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
top: 48%;  
width: 100%;
}
.nbd-popup-wrap .nbd__pop__content_wrapper {
padding-right: 1.5rem;
padding-left: 1.5rem;  
max-width: 60rem;
margin: 0 auto;        
}
.nbd-popup-wrap .nbd__pop__content_wrapper.nbd__pop_wide {
max-width: 76.5rem;
}
.nbd-popup-wrap .__content_wrapper {
width: 100% !important;
position: relative !important;
display: inline-block;
}
.nbd-popup-wrap .content__header {
bottom: 100%;
width: 100%;
padding-bottom: 3rem;
position: absolute;
text-align: center;
margin: 0;
font-size: 1.875rem;
line-height: 1.15;
}
.nbd-popup-wrap .content__content {
margin: 0;
display: flex;
margin-top: -1.5rem;
margin-left: -1.5rem;
font-size: 0;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;        
}
.nbd-popup-wrap .layout__item {
width: 50%;
font-size: 1rem;
padding-left: 1.5rem;
position: relative;
padding-top: 1.5rem;
display: flex;
display: -ms-flexbox;
}
.nbd-popup-wrap .nbd__pop_wide .layout__item {
width: 33.333333%;
}
.nbd-popup-wrap .layout__item__inner {
box-shadow: 0 0.125rem 0.25rem 0 rgba(79,90,109,0.25);
flex-direction: row;
-ms-flex-direction: row;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-transition: box-shadow 200ms linear, opacity 200ms;
-moz-transition: box-shadow 200ms linear, opacity 200ms;
transition: box-shadow 200ms linear, opacity 200ms;
background-color: #fff; 
position: relative;
cursor: pointer;
}
.nbd-popup-wrap .item__layout {
overflow: hidden;
flex: 1 1 auto;
font-size: 0;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;   
margin-left: -1.5rem;
-ms-flex-direction: row;
flex-direction: row;        
}
.nbd-popup-wrap .tile__media-wrap {
min-height: 0;
display: -ms-flexbox;
display: flex;     
padding-left: 1.5rem;
width: 33.333333%;  
position: relative;
overflow: hidden;
font-size: 1rem;
}
.nbd-popup-wrap .tile-action__image-wrap {
height: auto;
position: relative;
text-align: center;
margin: 0;
width: 100%;
}
.nbd-popup-wrap .custom_design .tile-action__image-wrap {
background-color: #f1eb9c; 
}
.nbd-popup-wrap .upload_design .tile-action__image-wrap {
background-color: #afcdd7;
} 
.nbd-popup-wrap .use_our_design .tile-action__image-wrap {
background-color: #b6b8dc; 
}
.nbd-popup-wrap .tile-action__image-wrap svg {
position: absolute !important;
top: 50% !important;
margin-top: auto !important;
margin-bottom: auto !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translate(-50%, -50%) !important; 
height: 50%;
width: 50%;
}
.nbd-popup-wrap .tile__text-wrap {
font-size: 1rem;
width: 66.666667%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;  
padding-left: 1.125rem;
}
.nbd-popup-wrap .tile__text-wrap-inner {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.5rem 2.25rem 1.5rem 0;
}
.nbd-popup-wrap .h__block {
line-height: 1.15;
font-size: 1.35rem;
margin-bottom: 0.1875em;
font-weight: 500;
color: #3f4a59;
}
.nbd-popup-wrap .layout__item__inner:hover {
box-shadow: 0 0.1875rem 0.625rem 0 rgba(79,90,109,0.3);
}
.nbd-popup-wrap .tile__text-wrap-inner ul{
margin: 0;
list-style: none;
}
.nbd-popup-wrap .tile--horizontal__chevron {
height: 1.5rem;
width: 1.5rem;        
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
right: 0.75rem;
fill: #128a67;
transition: right 200ms;        
}
.nbd-popup-wrap .layout__item__inner:hover .tile--horizontal__chevron{
right: 0.4375rem;
}
.rtl .nbd-popup-wrap  .tile__text-wrap-inner {
padding: 1.5rem 0 1.5rem 2.25rem;
}
#nboo-option-popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
}
#nboo-option-popup.is-visible {
opacity: 1;
z-index: 999999999;
visibility: visible;
-webkit-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
}
@media only screen and (max-width: 40.0525em){
.nbd-popup-wrap{
padding: 5rem 0 3rem;
}
.nbd-popup-wrap .layout__item {
width: 100% !important;
}
.nbd-popup-wrap .tile__media-wrap {
width: 25%;
}
.nbd-popup-wrap .tile__text-wrap {
width: 75%;
}      
.nbd-popup-wrap .content__header {
position: unset;
}
}
.nboo-prevent-scroll {
overflow: hidden;
} @media (max-width: 768px) {
#nbd-catalog-option-popup.nbdp-popup .main-popup{
padding: 20px 0px;
}
.nbco-options-wrap {
flex-direction: column;
}
.nbco-option {
width: 100%;
margin-bottom: 20px;
}
}
.nbd_order_item_design_preview {
max-width: 100%; 
border: 1px solid #ddd;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px; 
background: #ddd;
}
.nbd_order_item_design_reject {
color: red;
}
.nbd_order_item_upload_preview {
max-width: 100%;
}
.nbd-dokan-custom-design-img {
margin-bottom: 10px;
}
.dokan-form-control-select {
max-width: 100px;
}
.nbd_cart_item_design_preview {
max-width: 100%; 
display: inline-block; 
margin-right: 15px; 
margin-bottom: 15px; 
border: 1px solid #ddd; 
background: #ddd;
}							
.nbd-cart-item-remove-design {
display: inline-block;
}
.nbd-cart-item-design {
display: block; 
margin-top: 15px;
}
.nbd-cart-item-add-design {
display: block; 
margin-top: 15px;	
}
.nbd-cart-item-upload-file {
display: block; 
margin-top: 15px;
}
.nbd-cart-item-remove-file {
display: inline-block;
}
.nbd-cart-item-upload-preview-wrap {
width: 120px;
display: inline-block; 
margin: 0 15px 15px 0; 
text-align: center; 
padding: 10px; 
border: 1px solid #ddd;
}
.nbd-cart-item-upload-preview{
max-width: 100%;
}
.nbd-cart-item-upload-preview-title {
width: 100%; 
text-overflow: ellipsis; 
overflow: hidden; 
white-space: nowrap; 
height: 30px; 
line-height: 30px;
}
.button.nbd-trigger-nbo-popup {
display: none;
}
.nbop-hidden {
display: none !important;
} .nbd-save-for-later, .nbd-download-pdf {
border: 1px solid #ddd !important;
background: #fff !important;
color: #333333 !important;
padding: 1em 2em;
font-weight: bold;
font-size: 0.875rem;
line-height: 1em;  
border-radius: 2em;
}
a.nbd-save-for-later svg {
display: none;
margin-right: 10px;
}
a.nbd-save-for-later:focus {
outline: none;
}
a.nbd-save-for-later.saved {
pointer-events: none;
}
.nbd-social {
width: 36px;
height: 36px;
display: inline-block;
padding: 5px;
border: 1px solid #ddd;
margin: 0px;
opacity: 0.8;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
background: #fff;
cursor: pointer;
}    
.nbd-save-loading, .nbd-pdf-loading {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.nbd-save-loading.hide, .nbd-pdf-loading.hide {
display: none;
}
#nbdesigner-preview-title {
margin-top: 15px;
}
#nbd_processing {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
z-index: 1;
}
.nbd-m-custom-design-wrap,
.nbd-m-upload-design-wrap {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background: #fff;
}
.nbd-m-custom-design-wrap.is-visible,
.nbd-m-upload-design-wrap.is-visible {
opacity: 1;
visibility: visible; 
z-index: 1;
}    
.nbd-custom-design-wrap {
position: relative;
width: 100%;
height: 100%;
}
.nbd-custom-design-wrap iframe {
left: 0;
top: 0;
position: absolute;
}
.nbd-m-upload-design-wrap {
display: flex;
align-items: center;
justify-content: center;
text-align: center;        
}
.nbu-inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}    
.nbu-inputfile + label {
width: 320px;
flex-direction: column;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
border: 2px dashed #ddd;
border-radius: 4px;
color: #394264;
cursor: pointer;
padding: 10px;
margin: 0 auto;
} 
.nbu-inputfile + label.highlight {
border-color: #394264;
}
.nbu-inputfile + label svg {
width: 2em;
height: 2em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
margin-right: 0.25em;
}
.nbu-upload-zone span {
display: block;
line-height: 12px;
}
.nbd-upload-items {
width: 150px;
height: 150px;
display: inline-block;
margin: 15px;        
}
.nbd-upload-items-inner {
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
position: relative;
overflow: hidden;
} 
.nbd-upload-item {
max-width: 100%;
max-height: 100%;
}
.nbd-upload-item-title {
position: absolute;
border: 0;
background: #fff;
width: 100%;
height: 30px;
line-height: 30px;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 5px;
white-space: nowrap;
font-weight: bold;
background: rgba(255, 255, 255, 0.75);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;        
}
.nbd-upload-items-inner span {
position: absolute;
z-index: 2;
width: 30px;
height: 30px;
cursor: pointer;
background: #fff;
line-height: 30px;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
border-radius: 50%;
font-size: 20px;
color: #cc324b;
}
.nbd-upload-items-inner:hover span {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.upload-design-preview {
margin: 15px;
max-height: 300px;
max-width: 720px;
position: relative;
overflow: hidden;
}    
.submit-upload-design:hover {
box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
}
.submit-upload-design, 
.nbu-login-btn {
height: 40px;
border-radius: 20px;
background: #fff;
padding: 0 15px;
color: #394264;
text-transform: uppercase;
font-weight: bold;
line-height: 40px;
cursor: pointer;
display: inline-block;
margin-top: 15px;
box-shadow: 0 5px 6px -3px rgba(0,0,0,.2), 0 9px 12px 1px rgba(0,0,0,.14), 0 3px 16px 2px rgba(0,0,0,.12);
}
.nbu-require-login {
text-align: center;
}
.nbu-upload-zone {
position: relative;
}
.nbu-upload-zone .nbd-upload-loading {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
visibility: hidden;
opacity: 0;
}
.nbu-upload-zone .nbd-upload-loading.is-visible {
visibility: visible;
z-index: 2;
opacity: 1;
}
.nbu-inputfile + label.is-loading {
opacity: 0.75;
}
.nbd-m-upload-design-wrap.is-loading {
pointer-events: none;
}
#container-online-designer {
position: fixed;
top: 0;
left: 0;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1; 
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
}
#container-online-designer.is-visible {
opacity: 1;
z-index: 999999999; 
visibility: visible;
-webkit-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
} 
@media screen and (max-width: 768px){
#container-online-designer {
height: 100%;
}
}  .nbdesigner-pagination-con .spacer {
clear: both;
}
.nbd-warning-permission {
font-size: 40px;text-align: center;
}
.admin-container-online-designer {
position: fixed; top: 0; left: 0; z-index: 999999; opacity: 0; width: 100%; height: 100%;
}
.nbd_download_pdf_type {
margin: 10px auto;
}
.container-design .my_account_orders .nbd-preview {
max-width: 100px; display: inline-block; border: 1px solid #ddd;
}
.nbd-hide { display: none; }
.button-area { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.button-area.nbd-hide {
display: none;
}
.button-area p {
margin-bottom: 0;
flex: 1 0 100%;
}
.nbd-banner {
border: 4px dashed #d8d8d8;
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
margin-bottom: 15px;
}
.nbd-banner .image-wrap {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
overflow: hidden;
}
.nbd-banner img {
width: 100%;
}
.nbd-banner .nbd-remove-banner-image {
position: absolute;
width: 100%;
height: 100%;
background: #000;
top: 0;
left: 0;
opacity: .7;
font-size: 100px;
color: #f00;
top: 0;
display: none;
justify-content: center;
align-items: center;
text-decoration: none !important;
}
.nbd-banner:hover .nbd-remove-banner-image {
display:flex;
cursor: pointer;
}
.nbd_gravatar {
width: 100px;
height: 100px;
}
.nbd_artist_gravatar-right {
display: inline-block;
vertical-align: middle;
}
.nbd-chagne-avatar {
cursor: pointer;
}
.nbd-section {
margin-bottom: 15px;
}  
.nbd-section label {
min-width: 200px;
display: inline-block;
font-weight: bold; 
}
.nbd-section textarea {
max-width: 100%;
}
.nbd-loading {
display: inline-block;
}
.nbd-loading.loaded {
display: none;
}
.nbd-artist-form.loading {
pointer-events: none;
opacity: 0.5;
}
.nbd_artist_description label{
margin-bottom: 15px;
}
[name="nbd_artist_description"] {
width: 100%;
}
.nbd_artist_name-wrap {
margin-top: 30px;
}  .nbd-title {
font-weight: bold;
margin-right: 15px;
}
.nbd-section-detail-dedesign {
clear: both;
overflow: hidden;
margin-bottom: 15px;
}
.nbd-design-action {
float: right;  
}
.nbd-add-design {
padding: 5px;
border: 1px solid #ddd;  
}
.nbd-add-design:hover {
color: #fff;
background: #1e73be;
}
.nbd-design-status {
width: auto !important;
height: 45px;
}
.nbd-section-detail-dedesign .nbd-form-submit-wrap {
width: 100%; clear: both;
}
.nbd-section-detail-dedesign .preview-title {
font-weight: bold;
}
.nbd-section-detail-dedesign .preview-img {
display: inline-block; border: 1px solid #ddd;
} .nbd-popup-actions .more-about-link {
color: #404762;
}
.nbd-preview-product-head p{
font-weight: bold; font-size: 20px;
}
.nbd-preview-product-head img{
max-width: 300px; margin: 0 auto;
}
.nbd-preview-product-action {
margin-top: 15px;
}
.nbd-gallery-filter-clear {
white-space: nowrap;
}
.nbd-user-infos .nbd-user-banner img {
border-radius: 0;
}
.nbd-template-form .nbd-form-resource-title,
.nbd-template-form .nbd-form-preview-title {
margin-top: 15px;
}
.nbd-template-title b {
vertical-align: middle;
}
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--my-store a:before{
content: "\f54e"
} .nbdl-nav-tab-wrapper {
border-bottom: 1px solid #ccc;
margin: 0;
padding-top: 9px;
padding-bottom: 0;
}
.nbdl-nav-tab-wrapper:not(.wp-clearfix):after,
.nbdl-clearfix:after {
content: "";
display: table;
clear: both;
}
.nbdl-nav-tab {
float: left;
border: 1px solid #ccc;
border-bottom: none;
margin-left: 0.5em;
padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: bold;
background: #e5e5e5;
color: #555;
text-decoration: none;
white-space: nowrap;
text-decoration: none !important;
}
.nbdl-nav-tab-active, .nbdl-nav-tab-active:hover, .nbdl-nav-tab-active:focus, .nbdl-nav-tab-active:focus:active {
border-bottom: 1px solid #fff;
background: #fff;
color: #000;
}
.nbdl-nav-tab-active {
margin-bottom: -1px;
color: #444;
}
.nbdl-store-dashboard-head {
margin-top: 20px;
}
.nbdl-current-balance {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
background-color: #ace7f3;
border-color: #404762;
color: #404762;
}
.nbdl-withdraw-wrap {
margin-top: 20px;
}
.nbdl-toggle {
cursor: pointer;
font-size: 13px;
margin-right: 10px;
}
.nbdl-toggle.active {
color: #404762;
}
.nbdl-toggle-panel {
display: none;
}
.nbdl-toggle-panel.active {
display: block;
margin-top: 15px;
}
.nbdl-notification {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.nbdl-notification-error {
background-color: #f5c1bd;
border-color: #a70139;
color: #a70139;
}
.nbdl-form-group {
margin-bottom: 15px;
}
.nbdl-form-label {
margin-right: 15px;
}
.nbdl-become-designer {
border: solid 1px #ddd;
padding: 15px;
text-align: center;
}
.my_account_orders .nbd-preview {
max-width: 80px;
display: inline;
}
.nbdl-dashboard {
margin-top: 15px;
}
.nbdl-dashboard:after {
clear: both;
content: " ";
display: table;
}
.nbdl-dashboard-column{
float: left;
width: 50%;
box-sizing: border-box;
}
.nbdl-dashboard-column.left {
padding-right: 15px;
}
.nbdl-dashboard-inner {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin-bottom: 15px;
background: #fff;
border: 1px solid #EBEBEB;
padding: 0px 10px;
}
.nbdl-dashboard-head {
font-weight: bold;
border-bottom: 1px solid #EBEBEB;
padding: 6px 0;
margin-bottom: 6px;
}
.nbdl-dashboard-box{
justify-content: space-between;
border-bottom: 1px solid #EBEBEB;
display: flex;
padding-bottom: 5px;
}
.nbdl-search-bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
transform: translateY(-80px);
display: flex;
justify-content: center;
height: 50px;
z-index: 9;
}
.nbdl-search-bar svg path:not([fill="none"]) {
fill: #757575;
}
.nbdl-search-content-wrap {
width: 500px;
position: relative;
height: 50px;
display: block;
}
.nbdl-search-content-wrap svg {
position: absolute;
top: 13px;
right: 10px;
cursor: pointer;
}
.nbdl-search-bar input {
width: 100%;
padding: 0 50px 0 30px;
border: 1px solid #43454b;
box-sizing: border-box;
height: 50px;
background: rgba(255, 255, 255, 0.5);
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.nbdl-search-bar input:active,
.nbdl-search-bar input:focus {
outline: none;
}
.nbdl-search-bar .nbdl-search-type-wrap {
height: 50px;
position: relative;
width: 150px;
padding-right: 30px;
}
.nbdl-search-bar .nbdl-search-type-wrap .nbdl-search-type-selected{
height: 50px;
display: block;
width: calc(100% + 30px);
line-height: 50px;
box-sizing: border-box;
border: 1px solid #43454b;
border-left: none;
background: rgba(255, 255, 255, 0.5);
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
cursor: pointer;
padding: 0 10px;
}
.nbdl-search-bar .nbdl-search-type-wrap svg{
position: absolute;
right: 3px;
top: 15px;
cursor: pointer;
}
.nbdl-search-bar .nbdl-search-type-wrap ul {
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 30px);
list-style: none;
margin: 0;
visibility: hidden;
height: 0;
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
background: #fff;
text-align: left;
}
.nbdl-search-bar .nbdl-search-type-wrap ul.active {
visibility: visible;
height: unset;
}
.nbdl-search-bar .nbdl-search-type-wrap ul li{
height: 30px;
background: #fff;
cursor: pointer;
padding: 0 10px;
line-height: 30px;
}
.nbdl-search-bar .nbdl-search-type-wrap ul li.active{
background: #404762;
color: #fff;
}
.nbdl-search-bar .nbdl-search-type-wrap ul li:hover {
background-color: hsla(0,0%,62%,.2);
color: #404762;
}
.nbdl-author {
font-size: 1.5em !important;
font-weight: normal !important;
color: #888;
}
.nbdl-author a {
font-weight: bold !important;
color: #404762;
}
.nbd-force-hiden {
display: none !important;
}
.nbd-popup-design-by {
font-size: 14px;
}
.nbd-faqs-wrap {
padding: 5px;
}
.nbd-faq-wrap {
margin-bottom: 5px;
border-radius: 2px;
transition: box-shadow .2s;
-webkit-transition: box-shadow .2s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-faq-wrap:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-faq-head{
padding: 10px;
color: #404762;
cursor: pointer;
font-weight: bold;
text-transform: capitalize;
font-size: 16px;
position: relative;
}
.nbd-faq-head:before,
.nbd-faq-head:after {
content: '';
position: absolute;
right: 24px;
top: 50%;
height: 2px;
width: 13px;
background: #404762;
transition: all .4s;
-webkit-transition: all .4s;
}
.nbd-faq-head:before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 32px;
}
.nbd-faq-head:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nbd-faq-wrap.active .nbd-faq-head:before{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nbd-faq-wrap.active .nbd-faq-head:after{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nbd-faq-body {
height: 0;
transition: all .4s;
-webkit-transition: all .4s;
overflow: hidden;
box-sizing: border-box;
}
.nbd-faq-body-inner {
padding: 10px;
}
.nbd-faq-wrap.active .nbd-faq-body {
height: unset;
border-top: 1px solid #ddd;
}
.nbdl-featured-designers {
display: flex;
margin-left: -15px;
margin-right: -15px;
flex-wrap: wrap;
}
.nbdl-featured-designer {
width: 33.33%;
padding-left: 15px;
padding-right: 15px;
margin: 0 0 30px;
}
.nbdl-designer-wrap {
position: relative;
box-shadow: 0 0 25px 0 #ddd;
border-radius: 4px;
}
.nbdl-designer-header {
height: 220px;
}
.nbdl-designer-content {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 100%;
background: rgba(0,0,0,.45);
color: #fff;
padding: 5px 20px;
}
.nbdl-designer-info a{
color: #fff;
text-decoration: none !important;
font-size: 13px;
display: block;
margin-bottom: 5px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.nbdl-designer-info span{
width: 34px;
height: 34px;
display: inline-block;
padding: 5px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
margin-right: 10px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
background: #fff;
border-radius: 50%;
vertical-align: middle;
}
.nbdl-designer-name{
font-size: 30px;
font-weight: bold;
margin: 20px 0;
}
.nbdl-designer-name a {
color: #fff !important;
text-decoration: none !important;
}
.nbdl-designer-footer {
background: #f7fbfc;
position: relative;
padding: 15px 20px;
border-top: 1px solid #eee;
z-index: 99;
}
.nbdl-designer-avatar{
padding: 6px;
background: #fff;
position: absolute;
width: 80px;
height: 80px;
top: -40px;
right: 20px;
border-radius: 40px;
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbdl-designer-avatar img {
width: 100%;
height: 100%;
border-radius: 40px;
}
.nbdl-designer-link {
height: 35px;
padding: 0 15px;
display: inline-block;
text-decoration: none !important;
line-height: 35px;
border-radius: 18px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.nbdl-designer-link:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
@media (max-width: 768px){
.nbdl-search-content-wrap {
width: 300px;
}
.nbdl-dashboard-column{
width: 100%;
padding-right: 0 !important;
}
.nbdl-featured-designer {
width: 100%;
}
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}