File "style-20250304161604.css"

Full Path: /home2/sdektunc/cepali.edu.mx/wp-includes/css/dist/components/style-20250304161604.css
File size: 36 KB
MIME-type: text/plain
Charset: utf-8

@charset "UTF-8";
: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, 69, 230;
  --wp-admin-theme-color-darker-20:#183ad6;
  --wp-admin-theme-color-darker-20--rgb:24, 58, 214;
  --wp-admin-border-width-focus:2px;
}
@media (min-resolution:192dpi){
  :root{
    --wp-admin-border-width-focus:1.5px;
  }
}

.components-animate__appear{
  animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
  animation-fill-mode:forwards;
}
@media (prefers-reduced-motion:reduce){
  .components-animate__appear{
    animation-delay:0s;
    animation-duration:1ms;
  }
}
.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);
  }
}
.components-animate__slide-in{
  animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
  animation-fill-mode:forwards;
}
@media (prefers-reduced-motion:reduce){
  .components-animate__slide-in{
    animation-delay:0s;
    animation-duration:1ms;
  }
}
.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);
  }
}
.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:220px;
  padding:16px;
}

.components-autocomplete__result.components-button{
  display:flex;
  height:auto;
  min-height:36px;
  text-align:left;
  width:100%;
}
.components-autocomplete__result.components-button.is-selected{
  box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}

.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{
  align-items:center;
  -webkit-appearance:none;
  background:none;
  border:0;
  border-radius:2px;
  box-sizing:border-box;
  color:var(--wp-components-color-foreground, #1e1e1e);
  cursor:pointer;
  display:inline-flex;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  height:36px;
  margin:0;
  padding:6px 12px;
  text-decoration:none;
  transition:box-shadow .1s linear;
}
@media (prefers-reduced-motion:reduce){
  .components-button{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.components-button.is-next-40px-default-size{
  height:40px;
}
.components-button:hover,.components-button[aria-expanded=true]{
  color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-button:disabled:hover,.components-button[aria-disabled=true]:hover{
  color:initial;
}
.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;
  opacity:1;
  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:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px 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;
  opacity:1;
  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));
  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]){
  box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
}
.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-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]){
  background:rgba(var(--wp-admin-theme-color--rgb), .04);
}
.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
  background:rgba(var(--wp-admin-theme-color--rgb), .08);
}
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){
  color:#710d0d;
}
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){
  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){
  background:#ccc;
}
.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));
  height:auto;
  margin:0;
  outline:none;
  padding:0;
  text-align:left;
  text-decoration:underline;
  transition-duration:.05s;
  transition-property:border, background, color;
  transition-timing-function:ease-in-out;
}
@media (prefers-reduced-motion:reduce){
  .components-button.is-link{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.components-button.is-link:focus{
  border-radius:2px;
}
.components-button:not(:disabled,[aria-disabled=true]):active{
  color:var(--wp-components-color-foreground, #1e1e1e);
}
.components-button:disabled,.components-button[aria-disabled=true]{
  cursor:default;
  opacity:.3;
}
.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;
  background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
  background-size:100px 100%;
  opacity:1;
}
@media (prefers-reduced-motion:reduce){
  .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-duration:0s;
  }
}
.components-button.is-compact{
  height:32px;
}
.components-button.is-compact.has-icon:not(.has-text){
  min-width:32px;
  padding:0;
  width:32px;
}
.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;
  width:24px;
}
.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.is-pressed{
  background:var(--wp-components-color-foreground, #1e1e1e);
  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.is-pressed:hover:not(:disabled){
  background:var(--wp-components-color-foreground, #1e1e1e);
  color:var(--wp-components-color-foreground-inverted, #fff);
}
.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-checkbox-control__input[type=checkbox]{
  -webkit-appearance:none;
          appearance:none;
  background:#fff;
  border:1px solid #1e1e1e;
  border-radius:2px;
  box-shadow:0 0 0 #0000;
  clear:none;
  color:#1e1e1e;
  cursor:pointer;
  display:inline-block;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size:16px;
  height:24px;
  line-height:normal;
  line-height:0;
  margin:0 4px 0 0;
  outline:0;
  padding:6px 8px;
  padding:0 !important;
  text-align:center;
  transition:box-shadow .1s linear;
  transition:none;
  transition:border-color .1s ease-in-out;
  vertical-align:top;
  width:24px;
}
@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;
  opacity:1;
}
.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:"";
  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;
}
@media (min-width:600px){
  .components-checkbox-control__input[type=checkbox]{
    height:20px;
    width:20px;
  }
}
@media (prefers-reduced-motion:reduce){
  .components-checkbox-control__input[type=checkbox]{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.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{
  display:inline-block;
  height:24px;
  margin-right:12px;
  position:relative;
  vertical-align:middle;
  width:24px;
}
@media (min-width:600px){
  .components-checkbox-control__input-container{
    height:20px;
    width:20px;
  }
}

svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
  fill:#fff;
  cursor:pointer;
  height:24px;
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  -webkit-user-select:none;
          user-select:none;
  width:24px;
}
@media (min-width:600px){
  svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{
    left:-2px;
    top:-2px;
  }
}

.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);
  transition:transform .1s ease;
  vertical-align:top;
  width:28px;
  will-change:transform;
}
@media (prefers-reduced-motion:reduce){
  .components-circular-option-picker__option-wrapper{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.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{
  background:#0000;
  border:none;
  border-radius:50%;
  box-shadow:inset 0 0 0 14px;
  cursor:pointer;
  display:inline-block;
  height:100%;
  transition:box-shadow .1s ease;
  vertical-align:top;
  width:100%;
}
@media (prefers-reduced-motion:reduce){
  .components-circular-option-picker__option{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.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]{
  border:none;
  box-shadow:none;
  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{
  align-items:flex-start;
  border:1px solid #949494;
  border-radius:2px;
  box-shadow:0 0 0 #0000;
  display:flex;
  flex-wrap:wrap;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size:16px;
  line-height:normal;
  padding:0;
  transition:box-shadow .1s linear;
  width:100%;
}
@media (prefers-reduced-motion:reduce){
  .components-combobox-control__suggestions-container{
    transition-delay:0s;
    transition-duration:0s;
  }
}
@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-admin-theme-color);
  box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
  outline:2px solid #0000;
}
.components-combobox-control__suggestions-container::-webkit-input-placeholder{
  color:#1e1e1e9e;
}
.components-combobox-control__suggestions-container::-moz-placeholder{
  color:#1e1e1e9e;
  opacity:1;
}
.components-combobox-control__suggestions-container:-ms-input-placeholder{
  color:#1e1e1e9e;
}
.components-combobox-control__suggestions-container:focus-within{
  border-color:var(--wp-admin-theme-color);
  box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
  outline:2px solid #0000;
}

.components-combobox-control__reset.components-button{
  display:flex;
  height:16px;
  min-width:16px;
  padding:0;
}

.components-color-palette__custom-color-wrapper{
  position:relative;
  z-index:0;
}

.components-color-palette__custom-color-button{
  background:none;
  border:none;
  border-radius:2px 2px 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;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1;
}

.components-color-palette__custom-color-text-wrapper{
  border-radius:0 0 2px 2px;
  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;
  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 .components-custom-gradient-picker__toolbar{
  border:none;
}
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{
  margin-left:1px;
}
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{
  background:#fff;
  border:1px solid #949494;
  border-radius:2px;
}

.components-custom-gradient-picker__ui-line{
  position:relative;
  z-index:0;
}

.components-custom-select-control{
  font-size:13px;
  position:relative;
}

.components-custom-select-control__button{
  outline:0;
  position:relative;
  text-align:left;
}

.components-custom-select-control__hint{
  color:#949494;
  margin-left:10px;
}

.components-custom-select-control__menu{
  background-color:#fff;
  border:1px solid #1e1e1e;
  border-radius:2px;
  max-height:400px;
  min-width:100%;
  outline:none;
  overflow:auto;
  padding:0;
  position:absolute;
  transition:none;
  z-index:1000000;
}
.components-custom-select-control__menu[aria-hidden=true]{
  display:none;
}

.components-custom-select-control__item{
  align-items:center;
  cursor:default;
  display:grid;
  grid-template-columns:auto auto;
  line-height:28px;
  list-style-type:none;
  padding:8px 16px;
}
.components-custom-select-control__item:not(.is-next-40px-default-size){
  padding:8px;
}
.components-custom-select-control__item.has-hint{
  grid-template-columns:auto auto 30px;
}
.components-custom-select-control__item.is-highlighted{
  background:#ddd;
}
.components-custom-select-control__item .components-custom-select-control__item-hint{
  color:#949494;
  padding-right:4px;
  text-align:right;
}
.components-custom-select-control__item .components-custom-select-control__item-icon{
  margin-left:auto;
}
.components-custom-select-control__item:last-child{
  margin-bottom:0;
}

.block-editor-dimension-control .components-base-control__field{
  align-items:center;
  display:flex;
}
.block-editor-dimension-control .components-base-control__label{
  align-items:center;
  display:flex;
  margin-bottom:0;
  margin-right:1em;
}
.block-editor-dimension-control .components-base-control__label .dashicon{
  margin-right:.5em;
}
.block-editor-dimension-control.is-manual .components-base-control__label{
  width:10em;
}

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__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;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:100%;
  z-index:50;
}

.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 [role=menuitem]{
  white-space:nowrap;
}

.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:36px;
  padding-left:8px;
  padding-right:8px;
  text-align:left;
}
.components-dropdown-menu__menu .components-menu-group{
  margin:0 -8px;
  padding:8px;
}
.components-dropdown-menu__menu .components-menu-group:first-child{
  margin-top:-8px;
}
.components-dropdown-menu__menu .components-menu-group:last-child{
  margin-bottom:-8px;
}
.components-dropdown-menu__menu .components-menu-group+.components-menu-group{
  border-top:1px solid #ccc;
  margin-top:0;
  padding:8px;
}
.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{
  border-color:#1e1e1e;
}

.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: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-button{
  padding:6px;
}

.components-color-list-picker__swatch-color{
  margin:2px;
}

.components-form-toggle{
  display:inline-block;
  position:relative;
}
.components-form-toggle .components-form-toggle__track{
  background-color:#fff;
  border:1px solid #1e1e1e;
  border-radius:9px;
  box-sizing:border-box;
  content:"";
  display:inline-block;
  height:18px;
  overflow:hidden;
  position:relative;
  transition:background-color .2s ease,border-color .2s ease;
  vertical-align:top;
  width:36px;
}
@media (prefers-reduced-motion:reduce){
  .components-form-toggle .components-form-toggle__track{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.components-form-toggle .components-form-toggle__track:after{
  border-top:18px solid #0000;
  box-sizing:border-box;
  content:"";
  inset:0;
  opacity:0;
  position:absolute;
  transition:opacity .2s ease;
}
@media (prefers-reduced-motion:reduce){
  .components-form-toggle .components-form-toggle__track:after{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.components-form-toggle .components-form-toggle__thumb{
  background-color:#1e1e1e;
  border:6px solid #0000;
  border-radius:50%;
  box-sizing:border-box;
  display:block;
  height:12px;
  left:3px;
  position:absolute;
  top:3px;
  transition:transform .2s ease,background-color .2s ease-out;
  width:12px;
}
@media (prefers-reduced-motion:reduce){
  .components-form-toggle .components-form-toggle__thumb{
    transition-delay:0s;
    transition-duration:0s;
  }
}
.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));