wp/wp-includes/css/dist/components/style.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
equal deleted inserted replaced
21:48c4eec2b7e6 22:8c2e4d02f4ef
    12   :root{
    12   :root{
    13     --wp-admin-border-width-focus:1.5px;
    13     --wp-admin-border-width-focus:1.5px;
    14   }
    14   }
    15 }
    15 }
    16 
    16 
    17 .components-animate__appear{
    17 @media not (prefers-reduced-motion){
    18   animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
       
    19   animation-fill-mode:forwards;
       
    20 }
       
    21 @media (prefers-reduced-motion:reduce){
       
    22   .components-animate__appear{
    18   .components-animate__appear{
    23     animation-delay:0s;
    19     animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
    24     animation-duration:1ms;
    20     animation-fill-mode:forwards;
    25   }
    21   }
    26 }
    22 }
    27 .components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{
    23 .components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{
    28   transform-origin:top left;
    24   transform-origin:top left;
    29 }
    25 }
    43   }
    39   }
    44   to{
    40   to{
    45     transform:translateY(0) scaleY(1) scaleX(1);
    41     transform:translateY(0) scaleY(1) scaleX(1);
    46   }
    42   }
    47 }
    43 }
    48 .components-animate__slide-in{
    44 @media not (prefers-reduced-motion){
    49   animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
       
    50   animation-fill-mode:forwards;
       
    51 }
       
    52 @media (prefers-reduced-motion:reduce){
       
    53   .components-animate__slide-in{
    45   .components-animate__slide-in{
    54     animation-delay:0s;
    46     animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
    55     animation-duration:1ms;
    47     animation-fill-mode:forwards;
    56   }
    48   }
    57 }
    49   .components-animate__slide-in.is-from-left{
    58 .components-animate__slide-in.is-from-left{
    50     transform:translateX(100%);
    59   transform:translateX(100%);
    51   }
    60 }
    52   .components-animate__slide-in.is-from-right{
    61 .components-animate__slide-in.is-from-right{
    53     transform:translateX(-100%);
    62   transform:translateX(-100%);
    54   }
    63 }
    55 }
    64 
    56 
    65 @keyframes components-animate__slide-in-animation{
    57 @keyframes components-animate__slide-in-animation{
    66   to{
    58   to{
    67     transform:translateX(0);
    59     transform:translateX(0);
    68   }
    60   }
    69 }
    61 }
    70 .components-animate__loading{
    62 @media not (prefers-reduced-motion){
    71   animation:components-animate__loading 1.6s ease-in-out infinite;
    63   .components-animate__loading{
       
    64     animation:components-animate__loading 1.6s ease-in-out infinite;
       
    65   }
    72 }
    66 }
    73 
    67 
    74 @keyframes components-animate__loading{
    68 @keyframes components-animate__loading{
    75   0%{
    69   0%{
    76     opacity:.5;
    70     opacity:.5;
    96 }
    90 }
    97 .components-autocomplete__result.components-button:focus:not(:disabled){
    91 .components-autocomplete__result.components-button:focus:not(:disabled){
    98   box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
    92   box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
    99   outline:2px solid #0000;
    93   outline:2px solid #0000;
   100 }
    94 }
   101 .components-autocomplete__result.components-button.is-selected,.components-autocomplete__result.components-button:not(:disabled,[aria-disabled=true]):active{
    95 
   102   background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
    96 .components-badge{
   103   color:#fff;
    97   align-items:center;
       
    98   background-color:color-mix(in srgb, #fff 90%, var(--base-color));
       
    99   border-radius:2px;
       
   100   box-sizing:border-box;
       
   101   color:color-mix(in srgb, #000 50%, var(--base-color));
       
   102   display:inline-flex;
       
   103   font-size:12px;
       
   104   font-weight:400;
       
   105   gap:2px;
       
   106   line-height:20px;
       
   107   max-width:100%;
       
   108   min-height:24px;
       
   109   padding:0 8px;
       
   110 }
       
   111 .components-badge *,.components-badge :after,.components-badge :before{
       
   112   box-sizing:inherit;
       
   113 }
       
   114 .components-badge:where(.is-default){
       
   115   background-color:#f0f0f0;
       
   116   color:#2f2f2f;
       
   117 }
       
   118 .components-badge.has-icon{
       
   119   padding-inline-start:4px;
       
   120 }
       
   121 .components-badge.is-info{
       
   122   --base-color:#3858e9;
       
   123 }
       
   124 .components-badge.is-warning{
       
   125   --base-color:#f0b849;
       
   126 }
       
   127 .components-badge.is-error{
       
   128   --base-color:#cc1818;
       
   129 }
       
   130 .components-badge.is-success{
       
   131   --base-color:#4ab866;
       
   132 }
       
   133 
       
   134 .components-badge__icon{
       
   135   flex-shrink:0;
       
   136 }
       
   137 
       
   138 .components-badge__content{
       
   139   overflow:hidden;
       
   140   text-overflow:ellipsis;
       
   141   white-space:nowrap;
   104 }
   142 }
   105 
   143 
   106 .components-button-group{
   144 .components-button-group{
   107   display:inline-block;
   145   display:inline-block;
   108 }
   146 }
   126   z-index:1;
   164   z-index:1;
   127 }
   165 }
   128 .components-button-group .components-button.is-primary{
   166 .components-button-group .components-button.is-primary{
   129   box-shadow:inset 0 0 0 1px #1e1e1e;
   167   box-shadow:inset 0 0 0 1px #1e1e1e;
   130 }
   168 }
   131 
       
   132 .components-button{
   169 .components-button{
   133   align-items:center;
   170   align-items:center;
   134   -webkit-appearance:none;
   171   -webkit-appearance:none;
   135   background:none;
   172   background:none;
   136   border:0;
   173   border:0;
   139   color:var(--wp-components-color-foreground, #1e1e1e);
   176   color:var(--wp-components-color-foreground, #1e1e1e);
   140   cursor:pointer;
   177   cursor:pointer;
   141   display:inline-flex;
   178   display:inline-flex;
   142   font-family:inherit;
   179   font-family:inherit;
   143   font-size:13px;
   180   font-size:13px;
   144   font-weight:400;
       
   145   height:36px;
   181   height:36px;
   146   margin:0;
   182   margin:0;
   147   padding:6px 12px;
   183   padding:6px 12px;
   148   text-decoration:none;
   184   text-decoration:none;
   149   transition:box-shadow .1s linear;
   185 }
   150 }
   186 @media not (prefers-reduced-motion){
   151 @media (prefers-reduced-motion:reduce){
       
   152   .components-button{
   187   .components-button{
   153     transition-delay:0s;
   188     transition:box-shadow .1s linear;
   154     transition-duration:0s;
       
   155   }
   189   }
   156 }
   190 }
   157 .components-button.is-next-40px-default-size{
   191 .components-button.is-next-40px-default-size{
   158   height:40px;
   192   height:40px;
   159 }
   193 }
   160 .components-button:hover,.components-button[aria-expanded=true]{
   194 .components-button:hover:not(:disabled,[aria-disabled=true]),.components-button[aria-expanded=true]{
   161   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   195   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   162 }
       
   163 .components-button:disabled:hover,.components-button[aria-disabled=true]:hover{
       
   164   color:initial;
       
   165 }
   196 }
   166 .components-button:focus:not(:disabled){
   197 .components-button:focus:not(:disabled){
   167   box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   198   box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   168   outline:3px solid #0000;
   199   outline:3px solid #0000;
   169 }
   200 }
   189 }
   220 }
   190 .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{
   221 .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{
   191   background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   222   background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   192   border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   223   border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   193   color:#fff6;
   224   color:#fff6;
   194   opacity:1;
       
   195   outline:none;
   225   outline:none;
   196 }
   226 }
   197 .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{
   227 .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{
   198   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));
   228   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));
   199 }
   229 }
   210   box-shadow:none;
   240   box-shadow:none;
   211 }
   241 }
   212 .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{
   242 .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{
   213   background:#0000;
   243   background:#0000;
   214   color:#949494;
   244   color:#949494;
   215   opacity:1;
       
   216   transform:none;
   245   transform:none;
   217 }
   246 }
   218 .components-button.is-secondary{
   247 .components-button.is-secondary{
   219   background:#0000;
   248   background:#0000;
   220   box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   249   box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor;
   221   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   250   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   222   outline:1px solid #0000;
   251   outline:1px solid #0000;
   223   white-space:nowrap;
   252   white-space:nowrap;
   224 }
   253 }
   225 .components-button.is-secondary:hover:not(:disabled,[aria-disabled=true]){
   254 .components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
   226   box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
   255   background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
       
   256   box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
       
   257   color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
   227 }
   258 }
   228 .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){
   259 .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){
   229   box-shadow:inset 0 0 0 1px #ddd;
   260   box-shadow:inset 0 0 0 1px #ddd;
       
   261 }
       
   262 .components-button.is-secondary:focus:not(:disabled){
       
   263   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));
   230 }
   264 }
   231 .components-button.is-tertiary{
   265 .components-button.is-tertiary{
   232   background:#0000;
   266   background:#0000;
   233   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   267   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   234   white-space:nowrap;
   268   white-space:nowrap;
   235 }
   269 }
   236 .components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true]){
   270 .components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
   237   background:rgba(var(--wp-admin-theme-color--rgb), .04);
   271   background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
       
   272   color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
   238 }
   273 }
   239 .components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
   274 .components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
   240   background:rgba(var(--wp-admin-theme-color--rgb), .08);
   275   background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, #0000);
   241 }
   276 }
   242 p+.components-button.is-tertiary{
   277 p+.components-button.is-tertiary{
   243   margin-left:-6px;
   278   margin-left:-6px;
   244 }
   279 }
   245 .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){
   280 .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){
   252   --wp-components-color-accent-darker-20:#710d0d;
   287   --wp-components-color-accent-darker-20:#710d0d;
   253 }
   288 }
   254 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){
   289 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){
   255   color:#cc1818;
   290   color:#cc1818;
   256 }
   291 }
   257 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){
   292 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled,[aria-disabled=true]){
   258   color:#710d0d;
   293   color:#710d0d;
   259 }
   294 }
   260 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){
   295 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus{
   261   box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818;
   296   box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818;
   262 }
   297 }
   263 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){
   298 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled,[aria-disabled=true]){
   264   background:#ccc;
   299   background:#ccc;
       
   300 }
       
   301 .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]{
       
   302   color:#949494;
       
   303 }
       
   304 .components-button.is-destructive.is-secondary:hover:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:hover:not(:disabled,[aria-disabled=true]){
       
   305   background:#cc18180a;
       
   306 }
       
   307 .components-button.is-destructive.is-secondary:active:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:active:not(:disabled,[aria-disabled=true]){
       
   308   background:#cc181814;
   265 }
   309 }
   266 .components-button.is-link{
   310 .components-button.is-link{
   267   background:none;
   311   background:none;
   268   border:0;
   312   border:0;
   269   border-radius:0;
   313   border-radius:0;
   273   margin:0;
   317   margin:0;
   274   outline:none;
   318   outline:none;
   275   padding:0;
   319   padding:0;
   276   text-align:left;
   320   text-align:left;
   277   text-decoration:underline;
   321   text-decoration:underline;
   278   transition-duration:.05s;
   322 }
   279   transition-property:border, background, color;
   323 @media not (prefers-reduced-motion){
   280   transition-timing-function:ease-in-out;
       
   281 }
       
   282 @media (prefers-reduced-motion:reduce){
       
   283   .components-button.is-link{
   324   .components-button.is-link{
   284     transition-delay:0s;
   325     transition-duration:.05s;
   285     transition-duration:0s;
   326     transition-property:border, background, color;
       
   327     transition-timing-function:ease-in-out;
   286   }
   328   }
   287 }
   329 }
   288 .components-button.is-link:focus{
   330 .components-button.is-link:focus{
   289   border-radius:2px;
   331   border-radius:2px;
   290 }
   332 }
       
   333 .components-button.is-link:disabled,.components-button.is-link[aria-disabled=true]{
       
   334   color:#949494;
       
   335 }
   291 .components-button:not(:disabled,[aria-disabled=true]):active{
   336 .components-button:not(:disabled,[aria-disabled=true]):active{
   292   color:var(--wp-components-color-foreground, #1e1e1e);
   337   color:var(--wp-components-color-foreground, #1e1e1e);
   293 }
   338 }
   294 .components-button:disabled,.components-button[aria-disabled=true]{
   339 .components-button:disabled,.components-button[aria-disabled=true]{
       
   340   color:#949494;
   295   cursor:default;
   341   cursor:default;
   296   opacity:.3;
       
   297 }
   342 }
   298 .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]{
   343 .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]{
   299   animation:components-button__busy-animation 2.5s linear infinite;
       
   300   background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
   344   background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
   301   background-size:100px 100%;
   345   background-size:100px 100%;
   302   opacity:1;
   346 }
   303 }
   347 @media not (prefers-reduced-motion){
   304 @media (prefers-reduced-motion:reduce){
       
   305   .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]{
   348   .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]{
   306     animation-duration:0s;
   349     animation:components-button__busy-animation 2.5s linear infinite;
   307   }
   350   }
   308 }
   351 }
   309 .components-button.is-compact{
   352 .components-button.is-compact{
   310   height:32px;
   353   height:32px;
   311 }
   354 }
   344   gap:4px;
   387   gap:4px;
   345   justify-content:start;
   388   justify-content:start;
   346   padding-left:8px;
   389   padding-left:8px;
   347   padding-right:12px;
   390   padding-right:12px;
   348 }
   391 }
   349 .components-button.is-pressed{
   392 .components-button.is-pressed,.components-button.is-pressed:hover{
       
   393   color:var(--wp-components-color-foreground-inverted, #fff);
       
   394 }
       
   395 .components-button.is-pressed:hover:not(:disabled,[aria-disabled=true]),.components-button.is-pressed:not(:disabled,[aria-disabled=true]){
   350   background:var(--wp-components-color-foreground, #1e1e1e);
   396   background:var(--wp-components-color-foreground, #1e1e1e);
       
   397 }
       
   398 .components-button.is-pressed:disabled,.components-button.is-pressed[aria-disabled=true]{
       
   399   color:#949494;
       
   400 }
       
   401 .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){
       
   402   background:#949494;
   351   color:var(--wp-components-color-foreground-inverted, #fff);
   403   color:var(--wp-components-color-foreground-inverted, #fff);
   352 }
   404 }
   353 .components-button.is-pressed:focus:not(:disabled){
   405 .components-button.is-pressed:focus:not(:disabled){
   354   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));
   406   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));
   355   outline:2px solid #0000;
   407   outline:2px solid #0000;
   356 }
   408 }
   357 .components-button.is-pressed:hover:not(:disabled){
       
   358   background:var(--wp-components-color-foreground, #1e1e1e);
       
   359   color:var(--wp-components-color-foreground-inverted, #fff);
       
   360 }
       
   361 .components-button svg{
   409 .components-button svg{
   362   fill:currentColor;
   410   fill:currentColor;
   363   outline:none;
   411   outline:none;
   364 }
   412 }
   365 @media (forced-colors:active){
   413 @media (forced-colors:active){
   376     background-position:200px 0;
   424     background-position:200px 0;
   377   }
   425   }
   378 }
   426 }
   379 .components-checkbox-control{
   427 .components-checkbox-control{
   380   --checkbox-input-size:24px;
   428   --checkbox-input-size:24px;
       
   429   --checkbox-input-margin:8px;
   381 }
   430 }
   382 @media (min-width:600px){
   431 @media (min-width:600px){
   383   .components-checkbox-control{
   432   .components-checkbox-control{
   384     --checkbox-input-size:20px;
   433     --checkbox-input-size:16px;
   385   }
   434   }
   386 }
   435 }
   387 
   436 
   388 .components-checkbox-control__label{
   437 .components-checkbox-control__label{
       
   438   cursor:pointer;
   389   line-height:var(--checkbox-input-size);
   439   line-height:var(--checkbox-input-size);
   390 }
   440 }
   391 
   441 
   392 .components-checkbox-control__input[type=checkbox]{
   442 .components-checkbox-control__input[type=checkbox]{
   393   appearance:none;
   443   appearance:none;
   407   margin:0 4px 0 0;
   457   margin:0 4px 0 0;
   408   outline:0;
   458   outline:0;
   409   padding:6px 8px;
   459   padding:6px 8px;
   410   padding:0 !important;
   460   padding:0 !important;
   411   text-align:center;
   461   text-align:center;
   412   transition:box-shadow .1s linear;
       
   413   transition:none;
   462   transition:none;
   414   transition:border-color .1s ease-in-out;
       
   415   vertical-align:top;
   463   vertical-align:top;
   416   width:var(--checkbox-input-size);
   464   width:var(--checkbox-input-size);
       
   465 }
       
   466 @media not (prefers-reduced-motion){
       
   467   .components-checkbox-control__input[type=checkbox]{
       
   468     transition:box-shadow .1s linear;
       
   469   }
   417 }
   470 }
   418 @media (min-width:600px){
   471 @media (min-width:600px){
   419   .components-checkbox-control__input[type=checkbox]{
   472   .components-checkbox-control__input[type=checkbox]{
   420     font-size:13px;
   473     font-size:13px;
   421     line-height:normal;
   474     line-height:normal;
   428 .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{
   481 .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{
   429   color:#1e1e1e9e;
   482   color:#1e1e1e9e;
   430 }
   483 }
   431 .components-checkbox-control__input[type=checkbox]::-moz-placeholder{
   484 .components-checkbox-control__input[type=checkbox]::-moz-placeholder{
   432   color:#1e1e1e9e;
   485   color:#1e1e1e9e;
   433   opacity:1;
       
   434 }
   486 }
   435 .components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{
   487 .components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{
   436   color:#1e1e1e9e;
   488   color:#1e1e1e9e;
   437 }
   489 }
   438 .components-checkbox-control__input[type=checkbox]:focus{
   490 .components-checkbox-control__input[type=checkbox]:focus{
   457 .components-checkbox-control__input[type=checkbox][aria-checked=mixed]{
   509 .components-checkbox-control__input[type=checkbox][aria-checked=mixed]{
   458   background:var(--wp-admin-theme-color);
   510   background:var(--wp-admin-theme-color);
   459   border-color:var(--wp-admin-theme-color);
   511   border-color:var(--wp-admin-theme-color);
   460 }
   512 }
   461 .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
   513 .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
   462   content:"ï‘ ";
   514   content:"\f460";
   463   display:inline-block;
   515   display:inline-block;
   464   float:left;
   516   float:left;
   465   font:normal 30px/1 dashicons;
   517   font:normal 30px/1 dashicons;
   466   vertical-align:middle;
   518   vertical-align:middle;
   467   width:16px;
   519   width:16px;
   479   background:#f0f0f0;
   531   background:#f0f0f0;
   480   border-color:#ddd;
   532   border-color:#ddd;
   481   cursor:default;
   533   cursor:default;
   482   opacity:1;
   534   opacity:1;
   483 }
   535 }
   484 @media (prefers-reduced-motion:reduce){
   536 @media not (prefers-reduced-motion){
   485   .components-checkbox-control__input[type=checkbox]{
   537   .components-checkbox-control__input[type=checkbox]{
   486     transition-delay:0s;
   538     transition:border-color .1s ease-in-out;
   487     transition-duration:0s;
       
   488   }
   539   }
   489 }
   540 }
   490 .components-checkbox-control__input[type=checkbox]:focus{
   541 .components-checkbox-control__input[type=checkbox]:focus{
   491   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);
   542   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);
   492   outline:2px solid #0000;
   543   outline:2px solid #0000;
   505 
   556 
   506 .components-checkbox-control__input-container{
   557 .components-checkbox-control__input-container{
   507   aspect-ratio:1;
   558   aspect-ratio:1;
   508   display:inline-block;
   559   display:inline-block;
   509   flex-shrink:0;
   560   flex-shrink:0;
   510   margin-right:12px;
   561   line-height:1;
       
   562   margin-right:var(--checkbox-input-margin);
   511   position:relative;
   563   position:relative;
   512   vertical-align:middle;
   564   vertical-align:middle;
   513   width:var(--checkbox-input-size);
   565   width:var(--checkbox-input-size);
   514 }
   566 }
   515 
   567 
   533   }
   585   }
   534 }
   586 }
   535 
   587 
   536 .components-checkbox-control__help{
   588 .components-checkbox-control__help{
   537   display:inline-block;
   589   display:inline-block;
   538   margin-inline-start:calc(var(--checkbox-input-size) + 12px);
   590   margin-inline-start:calc(var(--checkbox-input-size) + var(--checkbox-input-margin));
   539 }
   591 }
   540 
   592 
   541 .components-circular-option-picker{
   593 .components-circular-option-picker{
   542   display:inline-block;
   594   display:inline-block;
   543   min-width:188px;
   595   min-width:188px;
   562 
   614 
   563 .components-circular-option-picker__option-wrapper{
   615 .components-circular-option-picker__option-wrapper{
   564   display:inline-block;
   616   display:inline-block;
   565   height:28px;
   617   height:28px;
   566   transform:scale(1);
   618   transform:scale(1);
   567   transition:transform .1s ease;
       
   568   vertical-align:top;
   619   vertical-align:top;
   569   width:28px;
   620   width:28px;
   570   will-change:transform;
   621 }
   571 }
   622 @media not (prefers-reduced-motion){
   572 @media (prefers-reduced-motion:reduce){
       
   573   .components-circular-option-picker__option-wrapper{
   623   .components-circular-option-picker__option-wrapper{
   574     transition-delay:0s;
   624     transition:transform .1s ease;
   575     transition-duration:0s;
   625     will-change:transform;
   576   }
   626   }
   577 }
   627 }
   578 .components-circular-option-picker__option-wrapper:hover{
   628 .components-circular-option-picker__option-wrapper:hover{
   579   transform:scale(1.2);
   629   transform:scale(1.2);
   580 }
   630 }
   594   top:1px;
   644   top:1px;
   595   z-index:-1;
   645   z-index:-1;
   596 }
   646 }
   597 
   647 
   598 .components-circular-option-picker__option{
   648 .components-circular-option-picker__option{
       
   649   aspect-ratio:1;
   599   background:#0000;
   650   background:#0000;
   600   border:none;
   651   border:none;
   601   border-radius:50%;
   652   border-radius:50%;
   602   box-shadow:inset 0 0 0 14px;
   653   box-shadow:inset 0 0 0 14px;
   603   cursor:pointer;
   654   cursor:pointer;
   604   display:inline-block;
   655   display:inline-block;
   605   height:100%;
   656   height:100% !important;
   606   transition:box-shadow .1s ease;
       
   607   vertical-align:top;
   657   vertical-align:top;
   608   width:100%;
   658 }
   609 }
   659 @media not (prefers-reduced-motion){
   610 @media (prefers-reduced-motion:reduce){
       
   611   .components-circular-option-picker__option{
   660   .components-circular-option-picker__option{
   612     transition-delay:0s;
   661     transition:box-shadow .1s ease;
   613     transition-duration:0s;
       
   614   }
   662   }
   615 }
   663 }
   616 .components-circular-option-picker__option:hover{
   664 .components-circular-option-picker__option:hover{
   617   box-shadow:inset 0 0 0 14px !important;
   665   box-shadow:inset 0 0 0 14px !important;
   618 }
   666 }
   725   flex-wrap:wrap;
   773   flex-wrap:wrap;
   726   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
   774   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
   727   font-size:16px;
   775   font-size:16px;
   728   line-height:normal;
   776   line-height:normal;
   729   padding:0;
   777   padding:0;
   730   transition:box-shadow .1s linear;
   778   width:100%;
   731   width:100%;
   779 }
   732 }
   780 @media not (prefers-reduced-motion){
   733 @media (prefers-reduced-motion:reduce){
       
   734   .components-combobox-control__suggestions-container{
   781   .components-combobox-control__suggestions-container{
   735     transition-delay:0s;
   782     transition:box-shadow .1s linear;
   736     transition-duration:0s;
       
   737   }
   783   }
   738 }
   784 }
   739 @media (min-width:600px){
   785 @media (min-width:600px){
   740   .components-combobox-control__suggestions-container{
   786   .components-combobox-control__suggestions-container{
   741     font-size:13px;
   787     font-size:13px;
   750 .components-combobox-control__suggestions-container::-webkit-input-placeholder{
   796 .components-combobox-control__suggestions-container::-webkit-input-placeholder{
   751   color:#1e1e1e9e;
   797   color:#1e1e1e9e;
   752 }
   798 }
   753 .components-combobox-control__suggestions-container::-moz-placeholder{
   799 .components-combobox-control__suggestions-container::-moz-placeholder{
   754   color:#1e1e1e9e;
   800   color:#1e1e1e9e;
   755   opacity:1;
       
   756 }
   801 }
   757 .components-combobox-control__suggestions-container:-ms-input-placeholder{
   802 .components-combobox-control__suggestions-container:-ms-input-placeholder{
   758   color:#1e1e1e9e;
   803   color:#1e1e1e9e;
   759 }
   804 }
   760 .components-combobox-control__suggestions-container:focus-within{
   805 .components-combobox-control__suggestions-container:focus-within{
   761   border-color:var(--wp-admin-theme-color);
   806   border-color:var(--wp-admin-theme-color);
   762   box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
   807   box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
   763   outline:2px solid #0000;
   808   outline:2px solid #0000;
   764 }
   809 }
   765 
   810 .components-combobox-control__suggestions-container .components-spinner{
   766 .components-combobox-control__reset.components-button{
   811   margin:0;
   767   display:flex;
       
   768   height:16px;
       
   769   min-width:16px;
       
   770   padding:0;
       
   771 }
   812 }
   772 
   813 
   773 .components-color-palette__custom-color-wrapper{
   814 .components-color-palette__custom-color-wrapper{
   774   position:relative;
   815   position:relative;
   775   z-index:0;
   816   z-index:0;
   776 }
   817 }
   777 
   818 
   778 .components-color-palette__custom-color-button{
   819 .components-color-palette__custom-color-button{
   779   background:none;
   820   background:none;
   780   border:none;
   821   border:none;
   781   border-radius:2px 2px 0 0;
   822   border-radius:4px 4px 0 0;
   782   box-shadow:inset 0 0 0 1px #0003;
   823   box-shadow:inset 0 0 0 1px #0003;
   783   box-sizing:border-box;
   824   box-sizing:border-box;
   784   cursor:pointer;
   825   cursor:pointer;
   785   height:64px;
   826   height:64px;
   786   outline:1px solid #0000;
   827   outline:1px solid #0000;
   793 }
   834 }
   794 .components-color-palette__custom-color-button:after{
   835 .components-color-palette__custom-color-button:after{
   795   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);
   836   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);
   796   background-position:0 0, 24px 24px;
   837   background-position:0 0, 24px 24px;
   797   background-size:48px 48px;
   838   background-size:48px 48px;
       
   839   border-radius:3px 3px 0 0;
   798   content:"";
   840   content:"";
   799   height:100%;
   841   inset:1px;
   800   left:0;
   842   position:absolute;
   801   position:absolute;
       
   802   top:0;
       
   803   width:100%;
       
   804   z-index:-1;
   843   z-index:-1;
   805 }
   844 }
   806 
   845 
   807 .components-color-palette__custom-color-text-wrapper{
   846 .components-color-palette__custom-color-text-wrapper{
   808   border-radius:0 0 2px 2px;
   847   border-radius:0 0 4px 4px;
   809   box-shadow:inset 0 -1px 0 0 #0003,inset 1px 0 0 0 #0003,inset -1px 0 0 0 #0003;
   848   box-shadow:inset 0 -1px 0 0 #0003,inset 1px 0 0 0 #0003,inset -1px 0 0 0 #0003;
   810   font-size:13px;
   849   font-size:13px;
   811   padding:12px 16px;
   850   padding:12px 16px;
   812   position:relative;
   851   position:relative;
   813 }
   852 }
   860 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{
   899 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{
   861   background:#fff;
   900   background:#fff;
   862   border-radius:50%;
   901   border-radius:50%;
   863   color:#1e1e1e;
   902   color:#1e1e1e;
   864   height:inherit;
   903   height:inherit;
   865   min-width:16px;
   904   min-width:16px !important;
   866   padding:2px;
   905   padding:2px;
   867   position:relative;
   906   position:relative;
   868   width:inherit;
   907   width:inherit;
   869 }
   908 }
   870 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{
   909 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{
   897   flex:0 auto;
   936   flex:0 auto;
   898   height:20px;
   937   height:20px;
   899   width:20px;
   938   width:20px;
   900 }
   939 }
   901 
   940 
   902 .components-custom-gradient-picker .components-custom-gradient-picker__toolbar{
       
   903   border:none;
       
   904 }
       
   905 .components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{
       
   906   margin-left:1px;
       
   907 }
       
   908 .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{
       
   909   background:#fff;
       
   910   border:1px solid #949494;
       
   911   border-radius:2px;
       
   912 }
       
   913 
       
   914 .components-custom-gradient-picker__ui-line{
   941 .components-custom-gradient-picker__ui-line{
   915   position:relative;
   942   position:relative;
   916   z-index:0;
   943   z-index:0;
   917 }
       
   918 
       
   919 .components-custom-select-control{
       
   920   font-size:13px;
       
   921   position:relative;
       
   922 }
       
   923 
       
   924 .components-custom-select-control__button{
       
   925   outline:0;
       
   926   position:relative;
       
   927   text-align:left;
       
   928 }
       
   929 
       
   930 .components-custom-select-control__hint{
       
   931   color:#949494;
       
   932   margin-left:10px;
       
   933 }
       
   934 
       
   935 .components-custom-select-control__menu-wrapper{
       
   936   bottom:0;
       
   937   min-width:100%;
       
   938   position:absolute;
       
   939 }
       
   940 
       
   941 .components-custom-select-control__menu{
       
   942   background-color:#fff;
       
   943   border:1px solid #1e1e1e;
       
   944   border-radius:2px;
       
   945   max-height:400px;
       
   946   min-width:100%;
       
   947   outline:none;
       
   948   overflow:auto;
       
   949   padding:0;
       
   950   position:absolute;
       
   951   transition:none;
       
   952   z-index:1000000;
       
   953 }
       
   954 .components-custom-select-control__menu[aria-hidden=true]{
       
   955   display:none;
       
   956 }
       
   957 
       
   958 .components-custom-select-control__item{
       
   959   align-items:center;
       
   960   cursor:default;
       
   961   display:grid;
       
   962   grid-template-columns:auto auto;
       
   963   line-height:28px;
       
   964   list-style-type:none;
       
   965   padding:8px 16px;
       
   966 }
       
   967 .components-custom-select-control__item:not(.is-next-40px-default-size){
       
   968   padding:8px;
       
   969 }
       
   970 .components-custom-select-control__item.has-hint{
       
   971   grid-template-columns:auto auto 30px;
       
   972 }
       
   973 .components-custom-select-control__item.is-highlighted{
       
   974   background:#ddd;
       
   975 }
       
   976 .components-custom-select-control__item .components-custom-select-control__item-hint{
       
   977   color:#949494;
       
   978   padding-right:4px;
       
   979   text-align:right;
       
   980 }
       
   981 .components-custom-select-control__item .components-custom-select-control__item-icon{
       
   982   margin-left:auto;
       
   983 }
       
   984 .components-custom-select-control__item:last-child{
       
   985   margin-bottom:0;
       
   986 }
   944 }
   987 
   945 
   988 .block-editor-dimension-control .components-base-control__field{
   946 .block-editor-dimension-control .components-base-control__field{
   989   align-items:center;
   947   align-items:center;
   990   display:flex;
   948   display:flex;
  1035 }
   993 }
  1036 .components-drop-zone.is-active{
   994 .components-drop-zone.is-active{
  1037   opacity:1;
   995   opacity:1;
  1038   visibility:visible;
   996   visibility:visible;
  1039 }
   997 }
  1040 
   998 .components-drop-zone .components-drop-zone__content{
  1041 .components-drop-zone__content{
       
  1042   align-items:center;
   999   align-items:center;
  1043   background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1000   background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1044   bottom:0;
  1001   bottom:0;
  1045   color:#fff;
  1002   color:#fff;
  1046   display:flex;
  1003   display:flex;
  1047   height:100%;
  1004   height:100%;
  1048   justify-content:center;
  1005   justify-content:center;
  1049   left:0;
  1006   left:0;
       
  1007   opacity:0;
       
  1008   pointer-events:none;
  1050   position:absolute;
  1009   position:absolute;
  1051   right:0;
  1010   right:0;
  1052   text-align:center;
  1011   text-align:center;
  1053   top:0;
  1012   top:0;
  1054   width:100%;
  1013   width:100%;
  1055   z-index:50;
  1014   z-index:50;
       
  1015 }
       
  1016 .components-drop-zone .components-drop-zone__content-inner{
       
  1017   opacity:0;
       
  1018   transform:scale(.9);
       
  1019 }
       
  1020 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
       
  1021   opacity:1;
       
  1022 }
       
  1023 @media not (prefers-reduced-motion){
       
  1024   .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
       
  1025     transition:opacity .2s ease-in-out;
       
  1026   }
       
  1027 }
       
  1028 .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
       
  1029   opacity:1;
       
  1030   transform:scale(1);
       
  1031 }
       
  1032 @media not (prefers-reduced-motion){
       
  1033   .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
       
  1034     transition:opacity .1s ease-in-out .1s,transform .1s ease-in-out .1s;
       
  1035   }
  1056 }
  1036 }
  1057 
  1037 
  1058 .components-drop-zone__content-icon,.components-drop-zone__content-text{
  1038 .components-drop-zone__content-icon,.components-drop-zone__content-text{
  1059   display:block;
  1039   display:block;
  1060 }
  1040 }
  1076 }
  1056 }
  1077 
  1057 
  1078 .components-dropdown__content .components-popover__content{
  1058 .components-dropdown__content .components-popover__content{
  1079   padding:8px;
  1059   padding:8px;
  1080 }
  1060 }
       
  1061 .components-dropdown__content .components-popover__content:has(.components-menu-group){
       
  1062   padding:0;
       
  1063 }
       
  1064 .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{
       
  1065   margin:8px;
       
  1066   width:auto;
       
  1067 }
  1081 .components-dropdown__content [role=menuitem]{
  1068 .components-dropdown__content [role=menuitem]{
  1082   white-space:nowrap;
  1069   white-space:nowrap;
  1083 }
  1070 }
  1084 .components-dropdown__content .components-menu-group{
  1071 .components-dropdown__content .components-menu-group{
  1085   margin:0 -8px;
       
  1086   padding:8px;
  1072   padding:8px;
  1087 }
       
  1088 .components-dropdown__content .components-menu-group:first-child{
       
  1089   margin-top:-8px;
       
  1090 }
       
  1091 .components-dropdown__content .components-menu-group:last-child{
       
  1092   margin-bottom:-8px;
       
  1093 }
  1073 }
  1094 .components-dropdown__content .components-menu-group+.components-menu-group{
  1074 .components-dropdown__content .components-menu-group+.components-menu-group{
  1095   border-top:1px solid #ccc;
  1075   border-top:1px solid #ccc;
  1096   margin-top:0;
       
  1097   padding:8px;
  1076   padding:8px;
  1098 }
  1077 }
  1099 .components-dropdown__content.is-alternate .components-menu-group+.components-menu-group{
  1078 .components-dropdown__content.is-alternate .components-menu-group+.components-menu-group{
  1100   border-color:#1e1e1e;
  1079   border-color:#1e1e1e;
  1101 }
  1080 }
  1142 .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{
  1121 .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{
  1143   width:auto;
  1122   width:auto;
  1144 }
  1123 }
  1145 .components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{
  1124 .components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{
  1146   height:auto;
  1125   height:auto;
  1147   min-height:36px;
  1126   min-height:40px;
  1148   padding-left:8px;
  1127   padding-left:8px;
  1149   padding-right:8px;
  1128   padding-right:8px;
  1150   text-align:left;
  1129   text-align:left;
  1151 }
  1130 }
  1152 
  1131 
  1167 
  1146 
  1168 .components-color-list-picker__color-picker{
  1147 .components-color-list-picker__color-picker{
  1169   margin:8px 0;
  1148   margin:8px 0;
  1170 }
  1149 }
  1171 
  1150 
  1172 .components-color-list-picker__swatch-button{
       
  1173   padding:6px;
       
  1174 }
       
  1175 
       
  1176 .components-color-list-picker__swatch-color{
  1151 .components-color-list-picker__swatch-color{
  1177   margin:2px;
  1152   margin:2px;
  1178 }
  1153 }
  1179 
  1154 
  1180 .components-external-link{
  1155 .components-external-link{
  1187 
  1162 
  1188 .components-external-link__icon{
  1163 .components-external-link__icon{
  1189   font-weight:400;
  1164   font-weight:400;
  1190   margin-left:.5ch;
  1165   margin-left:.5ch;
  1191 }
  1166 }
  1192 
  1167 .components-form-toggle,.components-form-toggle .components-form-toggle__track{
  1193 .components-form-toggle{
       
  1194   display:inline-block;
  1168   display:inline-block;
       
  1169   height:16px;
  1195   position:relative;
  1170   position:relative;
  1196 }
  1171 }
  1197 .components-form-toggle .components-form-toggle__track{
  1172 .components-form-toggle .components-form-toggle__track{
  1198   background-color:#fff;
  1173   background-color:#fff;
  1199   border:1px solid #1e1e1e;
  1174   border:1px solid #949494;
  1200   border-radius:9px;
  1175   border-radius:8px;
  1201   box-sizing:border-box;
  1176   box-sizing:border-box;
  1202   content:"";
  1177   content:"";
  1203   display:inline-block;
       
  1204   height:18px;
       
  1205   overflow:hidden;
  1178   overflow:hidden;
  1206   position:relative;
       
  1207   transition:background-color .2s ease,border-color .2s ease;
       
  1208   vertical-align:top;
  1179   vertical-align:top;
  1209   width:36px;
  1180   width:32px;
  1210 }
  1181 }
  1211 @media (prefers-reduced-motion:reduce){
  1182 @media not (prefers-reduced-motion){
  1212   .components-form-toggle .components-form-toggle__track{
  1183   .components-form-toggle .components-form-toggle__track{
  1213     transition-delay:0s;
  1184     transition:background-color .2s ease,border-color .2s ease;
  1214     transition-duration:0s;
       
  1215   }
  1185   }
  1216 }
  1186 }
  1217 .components-form-toggle .components-form-toggle__track:after{
  1187 .components-form-toggle .components-form-toggle__track:after{
  1218   border-top:18px solid #0000;
  1188   border-top:16px solid #0000;
  1219   box-sizing:border-box;
  1189   box-sizing:border-box;
  1220   content:"";
  1190   content:"";
  1221   inset:0;
  1191   inset:0;
  1222   opacity:0;
  1192   opacity:0;
  1223   position:absolute;
  1193   position:absolute;
  1224   transition:opacity .2s ease;
  1194 }
  1225 }
  1195 @media not (prefers-reduced-motion){
  1226 @media (prefers-reduced-motion:reduce){
       
  1227   .components-form-toggle .components-form-toggle__track:after{
  1196   .components-form-toggle .components-form-toggle__track:after{
  1228     transition-delay:0s;
  1197     transition:opacity .2s ease;
  1229     transition-duration:0s;
       
  1230   }
  1198   }
  1231 }
  1199 }
  1232 .components-form-toggle .components-form-toggle__thumb{
  1200 .components-form-toggle .components-form-toggle__thumb{
  1233   background-color:#1e1e1e;
  1201   background-color:#1e1e1e;
  1234   border:6px solid #0000;
  1202   border:6px solid #0000;
  1235   border-radius:50%;
  1203   border-radius:50%;
       
  1204   box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;
  1236   box-sizing:border-box;
  1205   box-sizing:border-box;
  1237   display:block;
  1206   display:block;
  1238   height:12px;
  1207   height:12px;
  1239   left:3px;
  1208   left:2px;
  1240   position:absolute;
  1209   position:absolute;
  1241   top:3px;
  1210   top:2px;
  1242   transition:transform .2s ease,background-color .2s ease-out;
       
  1243   width:12px;
  1211   width:12px;
  1244 }
  1212 }
  1245 @media (prefers-reduced-motion:reduce){
  1213 @media not (prefers-reduced-motion){
  1246   .components-form-toggle .components-form-toggle__thumb{
  1214   .components-form-toggle .components-form-toggle__thumb{
  1247     transition-delay:0s;
  1215     transition:transform .2s ease,background-color .2s ease-out;
  1248     transition-duration:0s;
       
  1249   }
  1216   }
  1250 }
  1217 }
  1251 .components-form-toggle.is-checked .components-form-toggle__track{
  1218 .components-form-toggle.is-checked .components-form-toggle__track{
  1252   background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1219   background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1253   border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1220   border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1261   outline-offset:2px;
  1228   outline-offset:2px;
  1262 }
  1229 }
  1263 .components-form-toggle.is-checked .components-form-toggle__thumb{
  1230 .components-form-toggle.is-checked .components-form-toggle__thumb{
  1264   background-color:#fff;
  1231   background-color:#fff;
  1265   border-width:0;
  1232   border-width:0;
  1266   transform:translateX(18px);
  1233   transform:translateX(16px);
  1267 }
  1234 }
  1268 .components-disabled .components-form-toggle,.components-form-toggle.is-disabled{
  1235 .components-disabled .components-form-toggle,.components-form-toggle.is-disabled{
  1269   opacity:.3;
  1236   opacity:.3;
  1270 }
  1237 }
  1271 
  1238 
  1284 .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{
  1251 .components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{
  1285   background:none;
  1252   background:none;
  1286 }
  1253 }
  1287 .components-form-toggle input.components-form-toggle__input[type=checkbox]:before{
  1254 .components-form-toggle input.components-form-toggle__input[type=checkbox]:before{
  1288   content:"";
  1255   content:"";
       
  1256 }
       
  1257 .components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled,[aria-disabled=true]){
       
  1258   cursor:pointer;
  1289 }
  1259 }
  1290 
  1260 
  1291 .components-form-token-field__input-container{
  1261 .components-form-token-field__input-container{
  1292   border:1px solid #949494;
  1262   border:1px solid #949494;
  1293   border-radius:2px;
  1263   border-radius:2px;
  1295   cursor:text;
  1265   cursor:text;
  1296   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  1266   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  1297   font-size:16px;
  1267   font-size:16px;
  1298   line-height:normal;
  1268   line-height:normal;
  1299   padding:0;
  1269   padding:0;
  1300   transition:box-shadow .1s linear;
  1270   width:100%;
  1301   width:100%;
  1271 }
  1302 }
  1272 @media not (prefers-reduced-motion){
  1303 @media (prefers-reduced-motion:reduce){
       
  1304   .components-form-token-field__input-container{
  1273   .components-form-token-field__input-container{
  1305     transition-delay:0s;
  1274     transition:box-shadow .1s linear;
  1306     transition-duration:0s;
       
  1307   }
  1275   }
  1308 }
  1276 }
  1309 @media (min-width:600px){
  1277 @media (min-width:600px){
  1310   .components-form-token-field__input-container{
  1278   .components-form-token-field__input-container{
  1311     font-size:13px;
  1279     font-size:13px;
  1320 .components-form-token-field__input-container::-webkit-input-placeholder{
  1288 .components-form-token-field__input-container::-webkit-input-placeholder{
  1321   color:#1e1e1e9e;
  1289   color:#1e1e1e9e;
  1322 }
  1290 }
  1323 .components-form-token-field__input-container::-moz-placeholder{
  1291 .components-form-token-field__input-container::-moz-placeholder{
  1324   color:#1e1e1e9e;
  1292   color:#1e1e1e9e;
  1325   opacity:1;
       
  1326 }
  1293 }
  1327 .components-form-token-field__input-container:-ms-input-placeholder{
  1294 .components-form-token-field__input-container:-ms-input-placeholder{
  1328   color:#1e1e1e9e;
  1295   color:#1e1e1e9e;
  1329 }
  1296 }
  1330 .components-form-token-field__input-container.is-disabled{
  1297 .components-form-token-field__input-container.is-disabled{
  1384   padding:0 24px 0 0;
  1351   padding:0 24px 0 0;
  1385   position:relative;
  1352   position:relative;
  1386 }
  1353 }
  1387 .components-form-token-field__token.is-borderless .components-form-token-field__token-text{
  1354 .components-form-token-field__token.is-borderless .components-form-token-field__token-text{
  1388   background:#0000;
  1355   background:#0000;
       
  1356 }
       
  1357 .components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text{
  1389   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1358   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1390 }
  1359 }
  1391 .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{
  1360 .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{
  1392   background:#0000;
  1361   background:#0000;
  1393   color:#757575;
  1362   color:#757575;
  1394   padding:0;
       
  1395   position:absolute;
  1363   position:absolute;
  1396   right:0;
  1364   right:0;
  1397   top:1px;
  1365   top:1px;
  1398 }
  1366 }
  1399 .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{
  1367 .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{
  1400   color:#4ab866;
  1368   color:#4ab866;
  1401 }
  1369 }
  1402 .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{
  1370 .components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{
  1403   border-radius:4px 0 0 4px;
       
  1404   color:#cc1818;
  1371   color:#cc1818;
  1405   padding:0 4px 0 6px;
  1372   padding:0 4px 0 6px;
  1406 }
  1373 }
  1407 .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{
  1374 .components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{
  1408   color:#1e1e1e;
  1375   color:#1e1e1e;
  1409 }
       
  1410 .components-form-token-field__token.is-disabled .components-form-token-field__remove-token{
       
  1411   cursor:default;
       
  1412 }
  1376 }
  1413 
  1377 
  1414 .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
  1378 .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
  1415   background:#ddd;
  1379   background:#ddd;
  1416   display:inline-block;
  1380   display:inline-block;
  1417   height:auto;
  1381   height:auto;
       
  1382   min-width:unset;
       
  1383 }
       
  1384 @media not (prefers-reduced-motion){
       
  1385   .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
       
  1386     transition:all .2s cubic-bezier(.4, 1, .4, 1);
       
  1387   }
       
  1388 }
       
  1389 
       
  1390 .components-form-token-field__token-text{
       
  1391   border-radius:1px 0 0 1px;
  1418   line-height:24px;
  1392   line-height:24px;
  1419   min-width:unset;
       
  1420   transition:all .2s cubic-bezier(.4, 1, .4, 1);
       
  1421 }
       
  1422 @media (prefers-reduced-motion:reduce){
       
  1423   .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{
       
  1424     animation-delay:0s;
       
  1425     animation-duration:1ms;
       
  1426     transition-delay:0s;
       
  1427     transition-duration:0s;
       
  1428   }
       
  1429 }
       
  1430 
       
  1431 .components-form-token-field__token-text{
       
  1432   border-radius:2px 0 0 2px;
       
  1433   overflow:hidden;
  1393   overflow:hidden;
  1434   padding:0 0 0 8px;
  1394   padding:0 0 0 8px;
  1435   text-overflow:ellipsis;
  1395   text-overflow:ellipsis;
  1436   white-space:nowrap;
  1396   white-space:nowrap;
  1437 }
  1397 }
  1438 
  1398 
  1439 .components-form-token-field__remove-token.components-button{
  1399 .components-form-token-field__remove-token.components-button{
  1440   border-radius:0 2px 2px 0;
  1400   border-radius:0 1px 1px 0;
  1441   color:#1e1e1e;
  1401   color:#1e1e1e;
  1442   cursor:pointer;
       
  1443   line-height:10px;
  1402   line-height:10px;
  1444   overflow:initial;
  1403   overflow:initial;
  1445   padding:0 2px;
  1404 }
  1446 }
  1405 .components-form-token-field__remove-token.components-button:hover:not(:disabled){
  1447 .components-form-token-field__remove-token.components-button:hover{
       
  1448   color:#1e1e1e;
  1406   color:#1e1e1e;
  1449 }
  1407 }
  1450 
  1408 
  1451 .components-form-token-field__suggestions-list{
  1409 .components-form-token-field__suggestions-list{
  1452   box-shadow:inset 0 1px 0 0 #949494;
  1410   box-shadow:inset 0 1px 0 0 #949494;
  1455   margin:0;
  1413   margin:0;
  1456   max-height:128px;
  1414   max-height:128px;
  1457   min-width:100%;
  1415   min-width:100%;
  1458   overflow-y:auto;
  1416   overflow-y:auto;
  1459   padding:0;
  1417   padding:0;
  1460   transition:all .15s ease-in-out;
  1418 }
  1461 }
  1419 @media not (prefers-reduced-motion){
  1462 @media (prefers-reduced-motion:reduce){
       
  1463   .components-form-token-field__suggestions-list{
  1420   .components-form-token-field__suggestions-list{
  1464     transition-delay:0s;
  1421     transition:all .15s ease-in-out;
  1465     transition-duration:0s;
       
  1466   }
  1422   }
  1467 }
  1423 }
  1468 
  1424 
  1469 .components-form-token-field__suggestion{
  1425 .components-form-token-field__suggestion{
  1470   box-sizing:border-box;
  1426   box-sizing:border-box;
  1471   color:#1e1e1e;
  1427   color:#1e1e1e;
  1472   cursor:pointer;
       
  1473   display:block;
  1428   display:block;
  1474   font-size:13px;
  1429   font-size:13px;
  1475   margin:0;
  1430   margin:0;
  1476   min-height:32px;
  1431   min-height:32px;
  1477   padding:8px 12px;
  1432   padding:8px 12px;
  1485   pointer-events:none;
  1440   pointer-events:none;
  1486 }
  1441 }
  1487 .components-form-token-field__suggestion[aria-disabled=true].is-selected{
  1442 .components-form-token-field__suggestion[aria-disabled=true].is-selected{
  1488   background-color:rgba(var(--wp-components-color-accent--rgb, var(--wp-admin-theme-color--rgb)), .04);
  1443   background-color:rgba(var(--wp-components-color-accent--rgb, var(--wp-admin-theme-color--rgb)), .04);
  1489 }
  1444 }
       
  1445 .components-form-token-field__suggestion:not(.is-empty){
       
  1446   cursor:pointer;
       
  1447 }
  1490 
  1448 
  1491 @media (min-width:600px){
  1449 @media (min-width:600px){
  1492   .components-guide{
  1450   .components-guide{
  1493     width:600px;
  1451     width:600px;
  1494   }
  1452   }
  1495 }
  1453 }
  1496 .components-guide .components-modal__content{
  1454 .components-guide .components-modal__content{
  1497   border-radius:2px;
       
  1498   margin-top:0;
  1455   margin-top:0;
  1499   padding:0;
  1456   padding:0;
  1500 }
  1457 }
  1501 .components-guide .components-modal__content:before{
  1458 .components-guide .components-modal__content:before{
  1502   content:none;
  1459   content:none;
  1513   position:static;
  1470   position:static;
  1514 }
  1471 }
  1515 .components-guide .components-modal__header .components-button:hover svg{
  1472 .components-guide .components-modal__header .components-button:hover svg{
  1516   fill:#fff;
  1473   fill:#fff;
  1517 }
  1474 }
  1518 .components-guide__container{
  1475 .components-guide .components-guide__container{
  1519   display:flex;
  1476   display:flex;
  1520   flex-direction:column;
  1477   flex-direction:column;
  1521   justify-content:space-between;
  1478   justify-content:space-between;
  1522   margin-top:-60px;
  1479   margin-top:-60px;
  1523   min-height:100%;
  1480   min-height:100%;
  1524 }
  1481 }
  1525 .components-guide__page{
  1482 .components-guide .components-guide__page{
  1526   display:flex;
  1483   display:flex;
  1527   flex-direction:column;
  1484   flex-direction:column;
  1528   justify-content:center;
  1485   justify-content:center;
  1529   position:relative;
  1486   position:relative;
  1530 }
  1487 }
  1531 @media (min-width:600px){
  1488 @media (min-width:600px){
  1532   .components-guide__page{
  1489   .components-guide .components-guide__page{
  1533     min-height:300px;
  1490     min-height:300px;
  1534   }
  1491   }
  1535 }
  1492 }
  1536 .components-guide__footer{
  1493 .components-guide .components-guide__footer{
  1537   align-content:center;
  1494   align-content:center;
  1538   display:flex;
  1495   display:flex;
  1539   height:36px;
  1496   height:36px;
  1540   justify-content:center;
  1497   justify-content:center;
  1541   margin:0 0 24px;
  1498   margin:0 0 24px;
  1542   padding:0 32px;
  1499   padding:0 32px;
  1543   position:relative;
  1500   position:relative;
  1544   width:100%;
  1501   width:100%;
  1545 }
  1502 }
  1546 .components-guide__page-control{
  1503 .components-guide .components-guide__page-control{
  1547   margin:0;
  1504   margin:0;
  1548   text-align:center;
  1505   text-align:center;
  1549 }
  1506 }
  1550 .components-guide__page-control li{
  1507 .components-guide .components-guide__page-control li{
  1551   display:inline-block;
  1508   display:inline-block;
  1552   margin:0;
  1509   margin:0;
  1553 }
  1510 }
  1554 .components-guide__page-control .components-button{
  1511 .components-guide .components-guide__page-control .components-button{
  1555   color:#e0e0e0;
  1512   color:#e0e0e0;
  1556   height:30px;
       
  1557   margin:-6px 0;
  1513   margin:-6px 0;
  1558   min-width:20px;
  1514 }
  1559 }
  1515 .components-guide .components-guide__page-control li[aria-current=step] .components-button{
  1560 .components-guide__page-control li[aria-current=step] .components-button{
       
  1561   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1516   color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1562 }
  1517 }
  1563 
  1518 
  1564 .components-modal__frame.components-guide{
  1519 .components-modal__frame.components-guide{
  1565   border:none;
  1520   border:none;
  1585 
  1540 
  1586 [role=region]{
  1541 [role=region]{
  1587   position:relative;
  1542   position:relative;
  1588 }
  1543 }
  1589 
  1544 
  1590 .is-focusing-regions [role=region]:focus:after{
  1545 .is-focusing-regions [role=region]:focus:after,[role=region].interface-interface-skeleton__content:focus-visible:after{
  1591   bottom:0;
  1546   bottom:0;
  1592   content:"";
  1547   content:"";
  1593   left:0;
  1548   left:0;
  1594   pointer-events:none;
  1549   pointer-events:none;
  1595   position:absolute;
  1550   position:absolute;
  1596   right:0;
  1551   right:0;
  1597   top:0;
  1552   top:0;
  1598   z-index:1000000;
  1553   z-index:1000000;
  1599 }
  1554 }
  1600 .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{
  1555 .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{
  1601   outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1556   outline-color:var(--wp-admin-theme-color);
  1602   outline-offset:-4px;
  1557   outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*2);
       
  1558   outline-style:solid;
       
  1559   outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*2);
  1603 }
  1560 }
  1604 
  1561 
  1605 .components-menu-group+.components-menu-group{
  1562 .components-menu-group+.components-menu-group{
  1606   border-top:1px solid #1e1e1e;
  1563   border-top:1px solid #1e1e1e;
  1607   margin-top:8px;
       
  1608   padding-top:8px;
  1564   padding-top:8px;
  1609 }
  1565 }
  1610 .components-menu-group+.components-menu-group.has-hidden-separator{
  1566 .components-menu-group+.components-menu-group.has-hidden-separator{
  1611   border-top:none;
  1567   border-top:none;
  1612   margin-top:0;
  1568   margin-top:0;
  1613   padding-top:0;
  1569   padding-top:0;
       
  1570 }
       
  1571 
       
  1572 .components-menu-group:has(>div:empty){
       
  1573   display:none;
  1614 }
  1574 }
  1615 
  1575 
  1616 .components-menu-group__label{
  1576 .components-menu-group__label{
  1617   color:#757575;
  1577   color:#757575;
  1618   font-size:11px;
  1578   font-size:11px;
  1691   .components-menu-item__shortcut{
  1651   .components-menu-item__shortcut{
  1692     display:inline;
  1652     display:inline;
  1693   }
  1653   }
  1694 }
  1654 }
  1695 
  1655 
       
  1656 .components-menu-items-choice,.components-menu-items-choice.components-button{
       
  1657   height:auto;
       
  1658   min-height:40px;
       
  1659 }
  1696 .components-menu-items-choice svg,.components-menu-items-choice.components-button svg{
  1660 .components-menu-items-choice svg,.components-menu-items-choice.components-button svg{
  1697   margin-right:12px;
  1661   margin-right:12px;
  1698 }
  1662 }
  1699 .components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{
  1663 .components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{
  1700   padding-left:12px;
  1664   padding-left:12px;
  1701 }
  1665 }
  1702 
  1666 
  1703 .components-modal__screen-overlay{
  1667 .components-modal__screen-overlay{
  1704   animation:edit-post__fade-in-animation .2s ease-out 0s;
       
  1705   animation-fill-mode:forwards;
       
  1706   background-color:#00000059;
  1668   background-color:#00000059;
  1707   bottom:0;
  1669   bottom:0;
  1708   display:flex;
  1670   display:flex;
  1709   left:0;
  1671   left:0;
  1710   position:fixed;
  1672   position:fixed;
  1711   right:0;
  1673   right:0;
  1712   top:0;
  1674   top:0;
  1713   z-index:100000;
  1675   z-index:100000;
  1714 }
  1676 }
  1715 @media (prefers-reduced-motion:reduce){
  1677 @keyframes __wp-base-styles-fade-in{
       
  1678   0%{
       
  1679     opacity:0;
       
  1680   }
       
  1681   to{
       
  1682     opacity:1;
       
  1683   }
       
  1684 }
       
  1685 @media not (prefers-reduced-motion){
  1716   .components-modal__screen-overlay{
  1686   .components-modal__screen-overlay{
  1717     animation-delay:0s;
  1687     animation:__wp-base-styles-fade-in .08s linear 0s;
  1718     animation-duration:1ms;
  1688     animation-fill-mode:forwards;
       
  1689   }
       
  1690 }
       
  1691 @keyframes __wp-base-styles-fade-out{
       
  1692   0%{
       
  1693     opacity:1;
       
  1694   }
       
  1695   to{
       
  1696     opacity:0;
       
  1697   }
       
  1698 }
       
  1699 @media not (prefers-reduced-motion){
       
  1700   .components-modal__screen-overlay.is-animating-out{
       
  1701     animation:__wp-base-styles-fade-out .08s linear 80ms;
       
  1702     animation-fill-mode:forwards;
  1719   }
  1703   }
  1720 }
  1704 }
  1721 
  1705 
  1722 .components-modal__frame{
  1706 .components-modal__frame{
  1723   animation:components-modal__appear-animation .1s ease-out;
       
  1724   animation-fill-mode:forwards;
  1707   animation-fill-mode:forwards;
       
  1708   animation-name:components-modal__appear-animation;
       
  1709   animation-timing-function:cubic-bezier(.29, 0, 0, 1);
  1725   background:#fff;
  1710   background:#fff;
  1726   border-radius:4px 4px 0 0;
  1711   border-radius:8px 8px 0 0;
  1727   box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,.1px 11.5px 16.4px -.5px #00000026;
  1712   box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
  1728   box-sizing:border-box;
  1713   box-sizing:border-box;
  1729   display:flex;
  1714   display:flex;
  1730   margin:40px 0 0;
  1715   margin:40px 0 0;
  1731   overflow:hidden;
  1716   overflow:hidden;
  1732   width:100%;
  1717   width:100%;
  1733 }
  1718 }
  1734 .components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{
  1719 .components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{
  1735   box-sizing:inherit;
  1720   box-sizing:inherit;
  1736 }
  1721 }
  1737 @media (prefers-reduced-motion:reduce){
  1722 @media not (prefers-reduced-motion){
  1738   .components-modal__frame{
  1723   .components-modal__frame{
  1739     animation-delay:0s;
  1724     animation-duration:var(--modal-frame-animation-duration);
  1740     animation-duration:1ms;
  1725   }
  1741   }
  1726 }
       
  1727 .components-modal__screen-overlay.is-animating-out .components-modal__frame{
       
  1728   animation-name:components-modal__disappear-animation;
       
  1729   animation-timing-function:cubic-bezier(1, 0, .2, 1);
  1742 }
  1730 }
  1743 @media (min-width:600px){
  1731 @media (min-width:600px){
  1744   .components-modal__frame{
  1732   .components-modal__frame{
  1745     border-radius:4px;
  1733     border-radius:8px;
  1746     margin:auto;
  1734     margin:auto;
  1747     max-height:calc(100% - 120px);
  1735     max-height:calc(100% - 120px);
  1748     max-width:calc(100% - 32px);
  1736     max-width:calc(100% - 32px);
  1749     min-width:350px;
  1737     min-width:350px;
  1750     width:auto;
  1738     width:auto;
  1784   }
  1772   }
  1785 }
  1773 }
  1786 
  1774 
  1787 @keyframes components-modal__appear-animation{
  1775 @keyframes components-modal__appear-animation{
  1788   0%{
  1776   0%{
  1789     transform:translateY(32px);
  1777     opacity:0;
       
  1778     transform:scale(.9);
  1790   }
  1779   }
  1791   to{
  1780   to{
  1792     transform:translateY(0);
  1781     opacity:1;
       
  1782     transform:scale(1);
       
  1783   }
       
  1784 }
       
  1785 @keyframes components-modal__disappear-animation{
       
  1786   0%{
       
  1787     opacity:1;
       
  1788     transform:scale(1);
       
  1789   }
       
  1790   to{
       
  1791     opacity:0;
       
  1792     transform:scale(.9);
  1793   }
  1793   }
  1794 }
  1794 }
  1795 .components-modal__header{
  1795 .components-modal__header{
  1796   align-items:center;
  1796   align-items:center;
  1797   border-bottom:1px solid #0000;
  1797   border-bottom:1px solid #0000;
  1813 }
  1813 }
  1814 .components-modal__header h1{
  1814 .components-modal__header h1{
  1815   line-height:1;
  1815   line-height:1;
  1816   margin:0;
  1816   margin:0;
  1817 }
  1817 }
  1818 .components-modal__header .components-button{
       
  1819   left:8px;
       
  1820   position:relative;
       
  1821 }
       
  1822 .components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{
  1818 .components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{
  1823   border-bottom-color:#ddd;
  1819   border-bottom-color:#ddd;
  1824 }
  1820 }
  1825 .components-modal__header+p{
  1821 .components-modal__header+p{
  1826   margin-top:0;
  1822   margin-top:0;
  1861 
  1857 
  1862 .components-notice{
  1858 .components-notice{
  1863   align-items:center;
  1859   align-items:center;
  1864   background-color:#fff;
  1860   background-color:#fff;
  1865   border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  1861   border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
       
  1862   color:#1e1e1e;
  1866   display:flex;
  1863   display:flex;
  1867   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  1864   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  1868   font-size:13px;
  1865   font-size:13px;
  1869   padding:8px 12px;
  1866   padding:8px 12px;
  1870 }
  1867 }
  1982   display:block;
  1979   display:block;
  1983   font-size:inherit;
  1980   font-size:inherit;
  1984   margin-bottom:0;
  1981   margin-bottom:0;
  1985   margin-top:0;
  1982   margin-top:0;
  1986   padding:0;
  1983   padding:0;
  1987   transition:background .1s ease-in-out;
  1984 }
  1988 }
  1985 @media not (prefers-reduced-motion){
  1989 @media (prefers-reduced-motion:reduce){
       
  1990   .components-panel__body>.components-panel__body-title{
  1986   .components-panel__body>.components-panel__body-title{
  1991     transition-delay:0s;
  1987     transition:background .1s ease-in-out;
  1992     transition-duration:0s;
       
  1993   }
  1988   }
  1994 }
  1989 }
  1995 
  1990 
  1996 .components-panel__body.is-opened>.components-panel__body-title{
  1991 .components-panel__body.is-opened>.components-panel__body-title{
  1997   margin:-16px -16px 5px;
  1992   margin:-16px -16px 5px;
  2010   height:auto;
  2005   height:auto;
  2011   outline:none;
  2006   outline:none;
  2012   padding:16px 48px 16px 16px;
  2007   padding:16px 48px 16px 16px;
  2013   position:relative;
  2008   position:relative;
  2014   text-align:left;
  2009   text-align:left;
  2015   transition:background .1s ease-in-out;
  2010   width:100%;
  2016   width:100%;
  2011 }
  2017 }
  2012 @media not (prefers-reduced-motion){
  2018 @media (prefers-reduced-motion:reduce){
       
  2019   .components-panel__body-toggle.components-button{
  2013   .components-panel__body-toggle.components-button{
  2020     transition-delay:0s;
  2014     transition:background .1s ease-in-out;
  2021     transition-duration:0s;
       
  2022   }
  2015   }
  2023 }
  2016 }
  2024 .components-panel__body-toggle.components-button:focus{
  2017 .components-panel__body-toggle.components-button:focus{
  2025   border-radius:0;
  2018   border-radius:0;
  2026   box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2019   box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2030   position:absolute;
  2023   position:absolute;
  2031   right:16px;
  2024   right:16px;
  2032   top:50%;
  2025   top:50%;
  2033   transform:translateY(-50%);
  2026   transform:translateY(-50%);
  2034   fill:currentColor;
  2027   fill:currentColor;
  2035   transition:color .1s ease-in-out;
  2028 }
  2036 }
  2029 @media not (prefers-reduced-motion){
  2037 @media (prefers-reduced-motion:reduce){
       
  2038   .components-panel__body-toggle.components-button .components-panel__arrow{
  2030   .components-panel__body-toggle.components-button .components-panel__arrow{
  2039     transition-delay:0s;
  2031     transition:color .1s ease-in-out;
  2040     transition-duration:0s;
       
  2041   }
  2032   }
  2042 }
  2033 }
  2043 body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{
  2034 body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{
  2044   -ms-filter:fliph;
  2035   -ms-filter:fliph;
  2045   filter:FlipH;
  2036   filter:FlipH;
  2156   flex:1 1 auto;
  2147   flex:1 1 auto;
  2157   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  2148   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  2158   font-size:16px;
  2149   font-size:16px;
  2159   line-height:normal;
  2150   line-height:normal;
  2160   padding:6px 8px;
  2151   padding:6px 8px;
  2161   transition:box-shadow .1s linear;
  2152 }
  2162 }
  2153 @media not (prefers-reduced-motion){
  2163 @media (prefers-reduced-motion:reduce){
       
  2164   .components-placeholder__input[type=url]{
  2154   .components-placeholder__input[type=url]{
  2165     transition-delay:0s;
  2155     transition:box-shadow .1s linear;
  2166     transition-duration:0s;
       
  2167   }
  2156   }
  2168 }
  2157 }
  2169 @media (min-width:600px){
  2158 @media (min-width:600px){
  2170   .components-placeholder__input[type=url]{
  2159   .components-placeholder__input[type=url]{
  2171     font-size:13px;
  2160     font-size:13px;
  2180 .components-placeholder__input[type=url]::-webkit-input-placeholder{
  2169 .components-placeholder__input[type=url]::-webkit-input-placeholder{
  2181   color:#1e1e1e9e;
  2170   color:#1e1e1e9e;
  2182 }
  2171 }
  2183 .components-placeholder__input[type=url]::-moz-placeholder{
  2172 .components-placeholder__input[type=url]::-moz-placeholder{
  2184   color:#1e1e1e9e;
  2173   color:#1e1e1e9e;
  2185   opacity:1;
       
  2186 }
  2174 }
  2187 .components-placeholder__input[type=url]:-ms-input-placeholder{
  2175 .components-placeholder__input[type=url]:-ms-input-placeholder{
  2188   color:#1e1e1e9e;
  2176   color:#1e1e1e9e;
  2189 }
  2177 }
  2190 
  2178 
  2217 .components-placeholder.has-illustration{
  2205 .components-placeholder.has-illustration{
  2218   -webkit-backdrop-filter:blur(100px);
  2206   -webkit-backdrop-filter:blur(100px);
  2219           backdrop-filter:blur(100px);
  2207           backdrop-filter:blur(100px);
  2220   backface-visibility:hidden;
  2208   backface-visibility:hidden;
  2221   background-color:initial;
  2209   background-color:initial;
  2222   border-radius:2px;
  2210   border-radius:0;
  2223   box-shadow:none;
  2211   box-shadow:none;
  2224   color:inherit;
  2212   color:inherit;
  2225   display:flex;
  2213   display:flex;
  2226   overflow:hidden;
  2214   overflow:hidden;
  2227 }
  2215 }
  2233   margin-right:0;
  2221   margin-right:0;
  2234 }
  2222 }
  2235 .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
  2223 .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
  2236   opacity:0;
  2224   opacity:0;
  2237   pointer-events:none;
  2225   pointer-events:none;
  2238   transition:opacity .1s linear;
  2226 }
  2239 }
  2227 @media not (prefers-reduced-motion){
  2240 @media (prefers-reduced-motion:reduce){
       
  2241   .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
  2228   .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{
  2242     transition-delay:0s;
  2229     transition:opacity .1s linear;
  2243     transition-duration:0s;
       
  2244   }
  2230   }
  2245 }
  2231 }
  2246 .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{
  2232 .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{
  2247   opacity:1;
  2233   opacity:1;
  2248   pointer-events:auto;
  2234   pointer-events:auto;
  2296   z-index:1000000 !important;
  2282   z-index:1000000 !important;
  2297 }
  2283 }
  2298 
  2284 
  2299 .components-popover__content{
  2285 .components-popover__content{
  2300   background:#fff;
  2286   background:#fff;
  2301   border-radius:2px;
  2287   border-radius:4px;
  2302   box-shadow:0 0 0 1px #ccc,0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a;
  2288   box-shadow:0 0 0 1px #ccc,0 2px 3px #0000000d,0 4px 5px #0000000a,0 12px 12px #00000008,0 16px 16px #00000005;
  2303   box-sizing:border-box;
  2289   box-sizing:border-box;
  2304   width:min-content;
  2290   width:min-content;
  2305 }
  2291 }
  2306 .is-alternate .components-popover__content{
  2292 .is-alternate .components-popover__content{
       
  2293   border-radius:2px;
  2307   box-shadow:0 0 0 1px #1e1e1e;
  2294   box-shadow:0 0 0 1px #1e1e1e;
  2308 }
  2295 }
  2309 .is-unstyled .components-popover__content{
  2296 .is-unstyled .components-popover__content{
  2310   background:none;
  2297   background:none;
  2311   border-radius:0;
  2298   border-radius:0;
  2391 }
  2378 }
  2392 .is-alternate .components-popover__triangle-border{
  2379 .is-alternate .components-popover__triangle-border{
  2393   stroke:#1e1e1e;
  2380   stroke:#1e1e1e;
  2394 }
  2381 }
  2395 
  2382 
       
  2383 .components-radio-control{
       
  2384   border:0;
       
  2385   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
       
  2386   font-size:13px;
       
  2387   margin:0;
       
  2388   padding:0;
       
  2389 }
       
  2390 
       
  2391 .components-radio-control__group-wrapper.has-help{
       
  2392   margin-block-end:12px;
       
  2393 }
       
  2394 
  2396 .components-radio-control__option{
  2395 .components-radio-control__option{
  2397   align-items:center;
  2396   align-items:center;
  2398   display:flex;
  2397   column-gap:8px;
       
  2398   display:grid;
       
  2399   grid-template-columns:auto 1fr;
       
  2400   grid-template-rows:auto minmax(0, max-content);
  2399 }
  2401 }
  2400 
  2402 
  2401 .components-radio-control__input[type=radio]{
  2403 .components-radio-control__input[type=radio]{
  2402   appearance:none;
  2404   appearance:none;
  2403   border:1px solid #1e1e1e;
  2405   border:1px solid #1e1e1e;
  2406   box-shadow:0 0 0 #0000;
  2408   box-shadow:0 0 0 #0000;
  2407   cursor:pointer;
  2409   cursor:pointer;
  2408   display:inline-flex;
  2410   display:inline-flex;
  2409   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  2411   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  2410   font-size:16px;
  2412   font-size:16px;
       
  2413   grid-column:1;
       
  2414   grid-row:1;
  2411   height:24px;
  2415   height:24px;
  2412   line-height:normal;
  2416   line-height:normal;
  2413   margin:0 6px 0 0;
  2417   margin:0;
  2414   max-width:24px;
  2418   max-width:24px;
  2415   min-width:24px;
  2419   min-width:24px;
  2416   padding:0;
  2420   padding:0;
  2417   transition:box-shadow .1s linear;
  2421   position:relative;
  2418   transition:none;
  2422   transition:none;
  2419   width:24px;
  2423   width:24px;
  2420 }
  2424 }
  2421 @media (prefers-reduced-motion:reduce){
  2425 @media not (prefers-reduced-motion){
  2422   .components-radio-control__input[type=radio]{
  2426   .components-radio-control__input[type=radio]{
  2423     transition-delay:0s;
  2427     transition:box-shadow .1s linear;
  2424     transition-duration:0s;
       
  2425   }
  2428   }
  2426 }
  2429 }
  2427 @media (min-width:600px){
  2430 @media (min-width:600px){
  2428   .components-radio-control__input[type=radio]{
  2431   .components-radio-control__input[type=radio]{
  2429     font-size:13px;
  2432     font-size:13px;
  2437 .components-radio-control__input[type=radio]::-webkit-input-placeholder{
  2440 .components-radio-control__input[type=radio]::-webkit-input-placeholder{
  2438   color:#1e1e1e9e;
  2441   color:#1e1e1e9e;
  2439 }
  2442 }
  2440 .components-radio-control__input[type=radio]::-moz-placeholder{
  2443 .components-radio-control__input[type=radio]::-moz-placeholder{
  2441   color:#1e1e1e9e;
  2444   color:#1e1e1e9e;
  2442   opacity:1;
       
  2443 }
  2445 }
  2444 .components-radio-control__input[type=radio]:-ms-input-placeholder{
  2446 .components-radio-control__input[type=radio]:-ms-input-placeholder{
  2445   color:#1e1e1e9e;
  2447   color:#1e1e1e9e;
  2446 }
  2448 }
  2447 @media (min-width:600px){
  2449 @media (min-width:600px){
  2448   .components-radio-control__input[type=radio]{
  2450   .components-radio-control__input[type=radio]{
  2449     height:20px;
  2451     height:16px;
  2450     max-width:20px;
  2452     max-width:16px;
  2451     min-width:20px;
  2453     min-width:16px;
  2452     width:20px;
  2454     width:16px;
  2453   }
  2455   }
  2454 }
  2456 }
  2455 .components-radio-control__input[type=radio]:checked:before{
  2457 .components-radio-control__input[type=radio]:checked:before{
  2456   background-color:#fff;
  2458   background-color:#fff;
  2457   border:4px solid #fff;
  2459   border:4px solid #fff;
  2458   box-sizing:inherit;
  2460   box-sizing:inherit;
  2459   height:8px;
  2461   height:12px;
       
  2462   left:50%;
  2460   margin:0;
  2463   margin:0;
  2461   transform:translate(7px, 7px);
  2464   position:absolute;
  2462   width:8px;
  2465   top:50%;
       
  2466   transform:translate(-50%, -50%);
       
  2467   width:12px;
  2463 }
  2468 }
  2464 @media (min-width:600px){
  2469 @media (min-width:600px){
  2465   .components-radio-control__input[type=radio]:checked:before{
  2470   .components-radio-control__input[type=radio]:checked:before{
  2466     transform:translate(5px, 5px);
  2471     height:8px;
       
  2472     width:8px;
  2467   }
  2473   }
  2468 }
  2474 }
  2469 .components-radio-control__input[type=radio]:focus{
  2475 .components-radio-control__input[type=radio]:focus{
  2470   box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
  2476   box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
  2471   outline:2px solid #0000;
       
  2472 }
  2477 }
  2473 .components-radio-control__input[type=radio]:checked{
  2478 .components-radio-control__input[type=radio]:checked{
  2474   background:var(--wp-admin-theme-color);
  2479   background:var(--wp-admin-theme-color);
  2475   border-color:var(--wp-admin-theme-color);
  2480   border:none;
  2476 }
  2481 }
  2477 .components-radio-control__input[type=radio]:focus{
  2482 .components-radio-control__input[type=radio]:focus{
  2478   box-shadow:0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2483   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);
       
  2484   outline:2px solid #0000;
       
  2485   outline-offset:2px;
  2479 }
  2486 }
  2480 .components-radio-control__input[type=radio]:checked{
  2487 .components-radio-control__input[type=radio]:checked{
  2481   background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2488   background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2482   border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2489   border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2483 }
  2490 }
  2486   content:"";
  2493   content:"";
  2487 }
  2494 }
  2488 
  2495 
  2489 .components-radio-control__label{
  2496 .components-radio-control__label{
  2490   cursor:pointer;
  2497   cursor:pointer;
       
  2498   grid-column:2;
       
  2499   grid-row:1;
       
  2500   line-height:24px;
       
  2501 }
       
  2502 @media (min-width:600px){
       
  2503   .components-radio-control__label{
       
  2504     line-height:16px;
       
  2505   }
       
  2506 }
       
  2507 
       
  2508 .components-radio-control__option-description{
       
  2509   grid-column:2;
       
  2510   grid-row:2;
       
  2511   padding-block-start:4px;
       
  2512 }
       
  2513 .components-radio-control__option-description.components-radio-control__option-description{
       
  2514   margin-top:0;
  2491 }
  2515 }
  2492 
  2516 
  2493 .components-resizable-box__handle{
  2517 .components-resizable-box__handle{
  2494   display:none;
  2518   display:none;
  2495   height:23px;
  2519   height:23px;
  2497   z-index:2;
  2521   z-index:2;
  2498 }
  2522 }
  2499 .components-resizable-box__container.has-show-handle .components-resizable-box__handle{
  2523 .components-resizable-box__container.has-show-handle .components-resizable-box__handle{
  2500   display:block;
  2524   display:block;
  2501 }
  2525 }
       
  2526 .components-resizable-box__handle>div{
       
  2527   height:100%;
       
  2528   outline:none;
       
  2529   position:relative;
       
  2530   width:100%;
       
  2531   z-index:2;
       
  2532 }
  2502 
  2533 
  2503 .components-resizable-box__container>img{
  2534 .components-resizable-box__container>img{
  2504   width:inherit;
  2535   width:inherit;
  2505 }
  2536 }
  2506 
  2537 
  2507 .components-resizable-box__handle:after{
  2538 .components-resizable-box__handle:after{
  2508   background:#fff;
  2539   background:#fff;
  2509   border-radius:50%;
  2540   border-radius:50%;
  2510   box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2541   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;
  2511   content:"";
  2542   content:"";
  2512   cursor:inherit;
  2543   cursor:inherit;
  2513   display:block;
  2544   display:block;
  2514   height:15px;
  2545   height:15px;
  2515   outline:2px solid #0000;
  2546   outline:2px solid #0000;
  2519   width:15px;
  2550   width:15px;
  2520 }
  2551 }
  2521 
  2552 
  2522 .components-resizable-box__side-handle:before{
  2553 .components-resizable-box__side-handle:before{
  2523   background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2554   background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2524   border-radius:2px;
  2555   border-radius:9999px;
  2525   content:"";
  2556   content:"";
  2526   cursor:inherit;
  2557   cursor:inherit;
  2527   display:block;
  2558   display:block;
  2528   height:3px;
  2559   height:3px;
  2529   opacity:0;
  2560   opacity:0;
  2530   position:absolute;
  2561   position:absolute;
  2531   right:calc(50% - 1px);
  2562   right:calc(50% - 1px);
  2532   top:calc(50% - 1px);
  2563   top:calc(50% - 1px);
  2533   transition:transform .1s ease-in;
       
  2534   width:3px;
  2564   width:3px;
  2535   will-change:transform;
  2565 }
  2536 }
  2566 @media not (prefers-reduced-motion){
  2537 @media (prefers-reduced-motion:reduce){
       
  2538   .components-resizable-box__side-handle:before{
  2567   .components-resizable-box__side-handle:before{
  2539     transition-delay:0s;
  2568     transition:transform .1s ease-in;
  2540     transition-duration:0s;
  2569     will-change:transform;
  2541   }
  2570   }
  2542 }
  2571 }
  2543 
  2572 
  2544 .components-resizable-box__corner-handle,.components-resizable-box__side-handle{
  2573 .components-resizable-box__corner-handle,.components-resizable-box__side-handle{
  2545   z-index:2;
  2574   z-index:2;
  2557   border-top:0;
  2586   border-top:0;
  2558   height:100%;
  2587   height:100%;
  2559   top:0;
  2588   top:0;
  2560 }
  2589 }
  2561 
  2590 
  2562 .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{
  2591 @media not (prefers-reduced-motion){
  2563   animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;
       
  2564   animation-fill-mode:forwards;
       
  2565 }
       
  2566 @media (prefers-reduced-motion:reduce){
       
  2567   .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{
  2592   .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{
  2568     animation-delay:0s;
  2593     animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;
  2569     animation-duration:1ms;
  2594     animation-fill-mode:forwards;
  2570   }
  2595   }
  2571 }
       
  2572 
       
  2573 .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{
       
  2574   animation:components-resizable-box__left-right-animation .1s ease-out 0s;
       
  2575   animation-fill-mode:forwards;
       
  2576 }
       
  2577 @media (prefers-reduced-motion:reduce){
       
  2578   .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{
  2596   .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{
  2579     animation-delay:0s;
  2597     animation:components-resizable-box__left-right-animation .1s ease-out 0s;
  2580     animation-duration:1ms;
  2598     animation-fill-mode:forwards;
  2581   }
  2599   }
  2582 }
  2600 }
  2583 @media not all and (min-resolution:0.001dpcm){
  2601 @media not all and (min-resolution:0.001dpcm){
  2584   @supports (-webkit-appearance:none){
  2602   @supports (-webkit-appearance:none){
  2585 
       
  2586     .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{
  2603     .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{
  2587       animation:none;
  2604       animation:none;
  2588     }
  2605     }
  2589   }
  2606   }
  2590 }
  2607 }
  2661 }
  2678 }
  2662 .components-snackbar{
  2679 .components-snackbar{
  2663   -webkit-backdrop-filter:blur(16px) saturate(180%);
  2680   -webkit-backdrop-filter:blur(16px) saturate(180%);
  2664           backdrop-filter:blur(16px) saturate(180%);
  2681           backdrop-filter:blur(16px) saturate(180%);
  2665   background:#000000d9;
  2682   background:#000000d9;
  2666   border-radius:2px;
  2683   border-radius:4px;
  2667   box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a;
  2684   box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
  2668   box-sizing:border-box;
  2685   box-sizing:border-box;
  2669   color:#fff;
  2686   color:#fff;
  2670   cursor:pointer;
  2687   cursor:pointer;
  2671   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  2688   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  2672   font-size:13px;
  2689   font-size:13px;
  2675   pointer-events:auto;
  2692   pointer-events:auto;
  2676   width:100%;
  2693   width:100%;
  2677 }
  2694 }
  2678 @media (min-width:600px){
  2695 @media (min-width:600px){
  2679   .components-snackbar{
  2696   .components-snackbar{
  2680     width:-moz-fit-content;
       
  2681     width:fit-content;
  2697     width:fit-content;
  2682   }
  2698   }
  2683 }
  2699 }
  2684 .components-snackbar:focus{
  2700 .components-snackbar:focus{
  2685   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));
  2701   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));
  2702 }
  2718 }
  2703 
  2719 
  2704 .components-snackbar__action.components-button{
  2720 .components-snackbar__action.components-button{
  2705   color:#fff;
  2721   color:#fff;
  2706   flex-shrink:0;
  2722   flex-shrink:0;
  2707   height:auto;
       
  2708   line-height:1.4;
       
  2709   margin-left:32px;
  2723   margin-left:32px;
  2710   padding:0;
  2724 }
  2711 }
  2725 .components-snackbar__action.components-button:focus{
  2712 .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){
       
  2713   background-color:initial;
       
  2714   text-decoration:underline;
       
  2715 }
       
  2716 .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{
       
  2717   box-shadow:none;
  2726   box-shadow:none;
  2718   color:#fff;
       
  2719   outline:1px dotted #fff;
  2727   outline:1px dotted #fff;
  2720 }
  2728 }
  2721 .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{
  2729 .components-snackbar__action.components-button:hover{
  2722   color:#fff;
  2730   color:currentColor;
  2723   text-decoration:none;
  2731   text-decoration:none;
  2724 }
  2732 }
  2725 
  2733 
  2726 .components-snackbar__content{
  2734 .components-snackbar__content{
  2727   align-items:baseline;
  2735   align-items:baseline;
  2757   border:none;
  2765   border:none;
  2758   border-radius:0;
  2766   border-radius:0;
  2759   box-shadow:none;
  2767   box-shadow:none;
  2760   cursor:pointer;
  2768   cursor:pointer;
  2761   font-weight:500;
  2769   font-weight:500;
  2762   height:48px;
  2770   height:48px !important;
  2763   margin-left:0;
  2771   margin-left:0;
  2764   padding:3px 16px;
  2772   padding:3px 16px;
  2765   position:relative;
  2773   position:relative;
  2766 }
  2774 }
  2767 .components-tab-panel__tabs-item:focus:not(:disabled){
  2775 .components-tab-panel__tabs-item:focus:not(:disabled){
  2777   height:calc(var(--wp-admin-border-width-focus)*0);
  2785   height:calc(var(--wp-admin-border-width-focus)*0);
  2778   left:0;
  2786   left:0;
  2779   pointer-events:none;
  2787   pointer-events:none;
  2780   position:absolute;
  2788   position:absolute;
  2781   right:0;
  2789   right:0;
  2782   transition:all .1s linear;
  2790 }
  2783 }
  2791 @media not (prefers-reduced-motion){
  2784 @media (prefers-reduced-motion:reduce){
       
  2785   .components-tab-panel__tabs-item:after{
  2792   .components-tab-panel__tabs-item:after{
  2786     transition-delay:0s;
  2793     transition:all .1s linear;
  2787     transition-duration:0s;
       
  2788   }
  2794   }
  2789 }
  2795 }
  2790 .components-tab-panel__tabs-item.is-active:after{
  2796 .components-tab-panel__tabs-item.is-active:after{
  2791   height:calc(var(--wp-admin-border-width-focus)*1);
  2797   height:calc(var(--wp-admin-border-width-focus)*1);
  2792   outline:2px solid #0000;
  2798   outline:2px solid #0000;
  2800   left:12px;
  2806   left:12px;
  2801   pointer-events:none;
  2807   pointer-events:none;
  2802   position:absolute;
  2808   position:absolute;
  2803   right:12px;
  2809   right:12px;
  2804   top:12px;
  2810   top:12px;
  2805   transition:all .1s linear;
  2811 }
  2806 }
  2812 @media not (prefers-reduced-motion){
  2807 @media (prefers-reduced-motion:reduce){
       
  2808   .components-tab-panel__tabs-item:before{
  2813   .components-tab-panel__tabs-item:before{
  2809     transition-delay:0s;
  2814     transition:all .1s linear;
  2810     transition-duration:0s;
       
  2811   }
  2815   }
  2812 }
  2816 }
  2813 .components-tab-panel__tabs-item:focus-visible:before{
  2817 .components-tab-panel__tabs-item:focus-visible:before{
  2814   box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2818   box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2815   outline:2px solid #0000;
  2819   outline:2px solid #0000;
  2818 .components-tab-panel__tab-content:focus{
  2822 .components-tab-panel__tab-content:focus{
  2819   box-shadow:none;
  2823   box-shadow:none;
  2820   outline:none;
  2824   outline:none;
  2821 }
  2825 }
  2822 .components-tab-panel__tab-content:focus-visible{
  2826 .components-tab-panel__tab-content:focus-visible{
  2823   border-radius:2px;
       
  2824   box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2827   box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
  2825   outline:2px solid #0000;
  2828   outline:2px solid #0000;
  2826   outline-offset:0;
  2829   outline-offset:0;
  2827 }
  2830 }
  2828 
  2831 
  2834   font-size:16px;
  2837   font-size:16px;
  2835   height:32px;
  2838   height:32px;
  2836   line-height:normal;
  2839   line-height:normal;
  2837   margin:0;
  2840   margin:0;
  2838   padding:6px 8px;
  2841   padding:6px 8px;
  2839   transition:box-shadow .1s linear;
  2842   width:100%;
  2840   width:100%;
  2843 }
  2841 }
  2844 @media not (prefers-reduced-motion){
  2842 @media (prefers-reduced-motion:reduce){
       
  2843   .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]{
  2845   .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]{
  2844     transition-delay:0s;
  2846     transition:box-shadow .1s linear;
  2845     transition-duration:0s;
       
  2846   }
  2847   }
  2847 }
  2848 }
  2848 @media (min-width:600px){
  2849 @media (min-width:600px){
  2849   .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]{
  2850   .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]{
  2850     font-size:13px;
  2851     font-size:13px;
  2859 .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{
  2860 .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{
  2860   color:#1e1e1e9e;
  2861   color:#1e1e1e9e;
  2861 }
  2862 }
  2862 .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{
  2863 .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{
  2863   color:#1e1e1e9e;
  2864   color:#1e1e1e9e;
  2864   opacity:1;
       
  2865 }
  2865 }
  2866 .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{
  2866 .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{
  2867   color:#1e1e1e9e;
  2867   color:#1e1e1e9e;
  2868 }
  2868 }
  2869 .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{
  2869 .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{
  2870   height:40px;
  2870   height:40px;
       
  2871   padding-left:12px;
       
  2872   padding-right:12px;
       
  2873 }
       
  2874 
       
  2875 .components-text-control__input[type=email],.components-text-control__input[type=url]{
       
  2876   direction:ltr;
  2871 }
  2877 }
  2872 
  2878 
  2873 .components-tip{
  2879 .components-tip{
  2874   color:#757575;
  2880   color:#757575;
  2875   display:flex;
  2881   display:flex;
  2882 }
  2888 }
  2883 .components-tip p{
  2889 .components-tip p{
  2884   margin:0;
  2890   margin:0;
  2885 }
  2891 }
  2886 
  2892 
       
  2893 .components-toggle-control__label{
       
  2894   line-height:16px;
       
  2895 }
       
  2896 .components-toggle-control__label:not(.is-disabled){
       
  2897   cursor:pointer;
       
  2898 }
       
  2899 
       
  2900 .components-toggle-control__help{
       
  2901   display:inline-block;
       
  2902   margin-inline-start:40px;
       
  2903 }
       
  2904 
  2887 .components-accessible-toolbar{
  2905 .components-accessible-toolbar{
  2888   border:1px solid #1e1e1e;
  2906   border:1px solid #1e1e1e;
  2889   border-radius:2px;
  2907   border-radius:2px;
  2890   display:inline-flex;
  2908   display:inline-flex;
  2891   flex-shrink:0;
  2909   flex-shrink:0;
  2898 }
  2916 }
  2899 .components-accessible-toolbar.is-unstyled>.components-toolbar-group{
  2917 .components-accessible-toolbar.is-unstyled>.components-toolbar-group{
  2900   border-right:none;
  2918   border-right:none;
  2901 }
  2919 }
  2902 
  2920 
       
  2921 .components-accessible-toolbar[aria-orientation=vertical],.components-toolbar[aria-orientation=vertical]{
       
  2922   align-items:center;
       
  2923   display:flex;
       
  2924   flex-direction:column;
       
  2925 }
  2903 .components-accessible-toolbar .components-button,.components-toolbar .components-button{
  2926 .components-accessible-toolbar .components-button,.components-toolbar .components-button{
  2904   height:48px;
  2927   height:48px;
  2905   padding-left:16px;
  2928   padding-left:16px;
  2906   padding-right:16px;
  2929   padding-right:16px;
  2907   position:relative;
  2930   position:relative;
  2910 .components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){
  2933 .components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){
  2911   box-shadow:none;
  2934   box-shadow:none;
  2912   outline:none;
  2935   outline:none;
  2913 }
  2936 }
  2914 .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
  2937 .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
  2915   animation:components-button__appear-animation .1s ease;
       
  2916   animation-fill-mode:forwards;
       
  2917   border-radius:2px;
  2938   border-radius:2px;
  2918   content:"";
  2939   content:"";
  2919   display:block;
  2940   display:block;
  2920   height:32px;
  2941   height:32px;
  2921   left:8px;
  2942   left:8px;
  2922   position:absolute;
  2943   position:absolute;
  2923   right:8px;
  2944   right:8px;
  2924   z-index:-1;
  2945   z-index:-1;
  2925 }
  2946 }
  2926 @media (prefers-reduced-motion:reduce){
  2947 @media not (prefers-reduced-motion){
  2927   .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
  2948   .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{
  2928     animation-delay:0s;
  2949     animation:components-button__appear-animation .1s ease;
  2929     animation-duration:1ms;
  2950     animation-fill-mode:forwards;
  2930   }
  2951   }
  2931 }
  2952 }
  2932 .components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{
  2953 .components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{
  2933   margin-left:auto;
  2954   margin-left:auto;
  2934   margin-right:auto;
  2955   margin-right:auto;
  3043 }
  3064 }
  3044 
  3065 
  3045 .components-tooltip{
  3066 .components-tooltip{
  3046   background:#000;
  3067   background:#000;
  3047   border-radius:2px;
  3068   border-radius:2px;
       
  3069   box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;
  3048   color:#f0f0f0;
  3070   color:#f0f0f0;
  3049   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  3071   font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  3050   font-size:12px;
  3072   font-size:12px;
  3051   line-height:1.4;
  3073   line-height:1.4;
  3052   padding:4px 8px;
  3074   padding:4px 8px;