Edit File by line
/home/zeestwma/richards.../wp-inclu.../css/dist/componen...
File: style.css
@charset "UTF-8";
[0] Fix | Delete
:root{
[1] Fix | Delete
--wp-admin-theme-color:#3858e9;
[2] Fix | Delete
--wp-admin-theme-color--rgb:56, 88, 233;
[3] Fix | Delete
--wp-admin-theme-color-darker-10:#2145e6;
[4] Fix | Delete
--wp-admin-theme-color-darker-10--rgb:33, 69, 230;
[5] Fix | Delete
--wp-admin-theme-color-darker-20:#183ad6;
[6] Fix | Delete
--wp-admin-theme-color-darker-20--rgb:24, 58, 214;
[7] Fix | Delete
--wp-admin-border-width-focus:2px;
[8] Fix | Delete
}
[9] Fix | Delete
@media (min-resolution:192dpi){
[10] Fix | Delete
:root{
[11] Fix | Delete
--wp-admin-border-width-focus:1.5px;
[12] Fix | Delete
}
[13] Fix | Delete
}
[14] Fix | Delete
[15] Fix | Delete
@media not (prefers-reduced-motion){
[16] Fix | Delete
.components-animate__appear{
[17] Fix | Delete
animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
[18] Fix | Delete
animation-fill-mode:forwards;
[19] Fix | Delete
}
[20] Fix | Delete
}
[21] Fix | Delete
.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{
[22] Fix | Delete
transform-origin:top left;
[23] Fix | Delete
}
[24] Fix | Delete
.components-animate__appear.is-from-top.is-from-right{
[25] Fix | Delete
transform-origin:top right;
[26] Fix | Delete
}
[27] Fix | Delete
.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{
[28] Fix | Delete
transform-origin:bottom left;
[29] Fix | Delete
}
[30] Fix | Delete
.components-animate__appear.is-from-bottom.is-from-right{
[31] Fix | Delete
transform-origin:bottom right;
[32] Fix | Delete
}
[33] Fix | Delete
[34] Fix | Delete
@keyframes components-animate__appear-animation{
[35] Fix | Delete
0%{
[36] Fix | Delete
transform:translateY(-2em) scaleY(0) scaleX(0);
[37] Fix | Delete
}
[38] Fix | Delete
to{
[39] Fix | Delete
transform:translateY(0) scaleY(1) scaleX(1);
[40] Fix | Delete
}
[41] Fix | Delete
}
[42] Fix | Delete
@media not (prefers-reduced-motion){
[43] Fix | Delete
.components-animate__slide-in{
[44] Fix | Delete
animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
[45] Fix | Delete
animation-fill-mode:forwards;
[46] Fix | Delete
}
[47] Fix | Delete
.components-animate__slide-in.is-from-left{
[48] Fix | Delete
transform:translateX(100%);
[49] Fix | Delete
}
[50] Fix | Delete
.components-animate__slide-in.is-from-right{
[51] Fix | Delete
transform:translateX(-100%);
[52] Fix | Delete
}
[53] Fix | Delete
}
[54] Fix | Delete
[55] Fix | Delete
@keyframes components-animate__slide-in-animation{
[56] Fix | Delete
to{
[57] Fix | Delete
transform:translateX(0);
[58] Fix | Delete
}
[59] Fix | Delete
}
[60] Fix | Delete
@media not (prefers-reduced-motion){
[61] Fix | Delete
.components-animate__loading{
[62] Fix | Delete
animation:components-animate__loading 1.6s ease-in-out infinite;
[63] Fix | Delete
}
[64] Fix | Delete
}
[65] Fix | Delete
[66] Fix | Delete
@keyframes components-animate__loading{
[67] Fix | Delete
0%{
[68] Fix | Delete
opacity:.5;
[69] Fix | Delete
}
[70] Fix | Delete
50%{
[71] Fix | Delete
opacity:1;
[72] Fix | Delete
}
[73] Fix | Delete
to{
[74] Fix | Delete
opacity:.5;
[75] Fix | Delete
}
[76] Fix | Delete
}
[77] Fix | Delete
.components-autocomplete__popover .components-popover__content{
[78] Fix | Delete
min-width:200px;
[79] Fix | Delete
padding:8px;
[80] Fix | Delete
}
[81] Fix | Delete
[82] Fix | Delete
.components-autocomplete__result.components-button{
[83] Fix | Delete
display:flex;
[84] Fix | Delete
height:auto;
[85] Fix | Delete
min-height:36px;
[86] Fix | Delete
text-align:left;
[87] Fix | Delete
width:100%;
[88] Fix | Delete
}
[89] Fix | Delete
.components-autocomplete__result.components-button:focus:not(:disabled){
[90] Fix | Delete
box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
[91] Fix | Delete
outline:2px solid #0000;
[92] Fix | Delete
}
[93] Fix | Delete
[94] Fix | Delete
.components-badge{
[95] Fix | Delete
align-items:center;
[96] Fix | Delete
background-color:color-mix(in srgb, #fff 90%, var(--base-color));
[97] Fix | Delete
border-radius:2px;
[98] Fix | Delete
box-sizing:border-box;
[99] Fix | Delete
color:color-mix(in srgb, #000 50%, var(--base-color));
[100] Fix | Delete
display:inline-flex;
[101] Fix | Delete
font-size:12px;
[102] Fix | Delete
font-weight:400;
[103] Fix | Delete
gap:2px;
[104] Fix | Delete
line-height:20px;
[105] Fix | Delete
max-width:100%;
[106] Fix | Delete
min-height:24px;
[107] Fix | Delete
padding:0 8px;
[108] Fix | Delete
}
[109] Fix | Delete
.components-badge *,.components-badge :after,.components-badge :before{
[110] Fix | Delete
box-sizing:inherit;
[111] Fix | Delete
}
[112] Fix | Delete
.components-badge:where(.is-default){
[113] Fix | Delete
background-color:#f0f0f0;
[114] Fix | Delete
color:#2f2f2f;
[115] Fix | Delete
}
[116] Fix | Delete
.components-badge.has-icon{
[117] Fix | Delete
padding-inline-start:4px;
[118] Fix | Delete
}
[119] Fix | Delete
.components-badge.is-info{
[120] Fix | Delete
--base-color:#3858e9;
[121] Fix | Delete
}
[122] Fix | Delete
.components-badge.is-warning{
[123] Fix | Delete
--base-color:#f0b849;
[124] Fix | Delete
}
[125] Fix | Delete
.components-badge.is-error{
[126] Fix | Delete
--base-color:#cc1818;
[127] Fix | Delete
}
[128] Fix | Delete
.components-badge.is-success{
[129] Fix | Delete
--base-color:#4ab866;
[130] Fix | Delete
}
[131] Fix | Delete
[132] Fix | Delete
.components-badge__icon{
[133] Fix | Delete
flex-shrink:0;
[134] Fix | Delete
}
[135] Fix | Delete
[136] Fix | Delete
.components-badge__content{
[137] Fix | Delete
overflow:hidden;
[138] Fix | Delete
text-overflow:ellipsis;
[139] Fix | Delete
white-space:nowrap;
[140] Fix | Delete
}
[141] Fix | Delete
[142] Fix | Delete
.components-button-group{
[143] Fix | Delete
display:inline-block;
[144] Fix | Delete
}
[145] Fix | Delete
.components-button-group .components-button{
[146] Fix | Delete
border-radius:0;
[147] Fix | Delete
box-shadow:inset 0 0 0 1px #1e1e1e;
[148] Fix | Delete
color:#1e1e1e;
[149] Fix | Delete
display:inline-flex;
[150] Fix | Delete
}
[151] Fix | Delete
.components-button-group .components-button+.components-button{
[152] Fix | Delete
margin-left:-1px;
[153] Fix | Delete
}
[154] Fix | Delete
.components-button-group .components-button:first-child{
[155] Fix | Delete
border-radius:2px 0 0 2px;
[156] Fix | Delete
}
[157] Fix | Delete
.components-button-group .components-button:last-child{
[158] Fix | Delete
border-radius:0 2px 2px 0;
[159] Fix | Delete
}
[160] Fix | Delete
.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{
[161] Fix | Delete
position:relative;
[162] Fix | Delete
z-index:1;
[163] Fix | Delete
}
[164] Fix | Delete
.components-button-group .components-button.is-primary{
[165] Fix | Delete
box-shadow:inset 0 0 0 1px #1e1e1e;
[166] Fix | Delete
}
[167] Fix | Delete
.components-button{
[168] Fix | Delete
align-items:center;
[169] Fix | Delete
-webkit-appearance:none;
[170] Fix | Delete
background:none;
[171] Fix | Delete
border:0;
[172] Fix | Delete
border-radius:2px;
[173] Fix | Delete
box-sizing:border-box;
[174] Fix | Delete
color:var(--wp-components-color-foreground, #1e1e1e);
[175] Fix | Delete
cursor:pointer;
[176] Fix | Delete
display:inline-flex;
[177] Fix | Delete
font-family:inherit;
[178] Fix | Delete
font-size:13px;
[179] Fix | Delete
height:36px;
[180] Fix | Delete
margin:0;
[181] Fix | Delete
padding:6px 12px;
[182] Fix | Delete
text-decoration:none;
[183] Fix | Delete
}
[184] Fix | Delete
@media not (prefers-reduced-motion){
[185] Fix | Delete
.components-button{
[186] Fix | Delete
transition:box-shadow .1s linear;
[187] Fix | Delete
}
[188] Fix | Delete
}
[189] Fix | Delete
.components-button.is-next-40px-default-size{
[190] Fix | Delete
height:40px;
[191] Fix | Delete
}
[192] Fix | Delete
.components-button:hover:not(:disabled,[aria-disabled=true]),.components-button[aria-expanded=true]{
[193] Fix | Delete
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[194] Fix | Delete
}
[195] Fix | Delete
.components-button:focus:not(:disabled){
[196] Fix | Delete
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[197] Fix | Delete
outline:3px solid #0000;
[198] Fix | Delete
}
[199] Fix | Delete
.components-button.is-primary{
[200] Fix | Delete
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[201] Fix | Delete
color:var(--wp-components-color-accent-inverted, #fff);
[202] Fix | Delete
outline:1px solid #0000;
[203] Fix | Delete
text-decoration:none;
[204] Fix | Delete
text-shadow:none;
[205] Fix | Delete
white-space:nowrap;
[206] Fix | Delete
}
[207] Fix | Delete
.components-button.is-primary:hover:not(:disabled){
[208] Fix | Delete
background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
[209] Fix | Delete
color:var(--wp-components-color-accent-inverted, #fff);
[210] Fix | Delete
}
[211] Fix | Delete
.components-button.is-primary:active:not(:disabled){
[212] Fix | Delete
background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
[213] Fix | Delete
border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
[214] Fix | Delete
color:var(--wp-components-color-accent-inverted, #fff);
[215] Fix | Delete
}
[216] Fix | Delete
.components-button.is-primary:focus:not(:disabled){
[217] Fix | Delete
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));
[218] Fix | Delete
}
[219] Fix | Delete
.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{
[220] Fix | Delete
background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[221] Fix | Delete
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[222] Fix | Delete
color:#fff6;
[223] Fix | Delete
outline:none;
[224] Fix | Delete
}
[225] Fix | Delete
.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{
[226] Fix | Delete
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));
[227] Fix | Delete
}
[228] Fix | Delete
.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{
[229] Fix | Delete
background-image:linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
[230] Fix | Delete
background-size:100px 100%;
[231] Fix | Delete
border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[232] Fix | Delete
color:var(--wp-components-color-accent-inverted, #fff);
[233] Fix | Delete
}
[234] Fix | Delete
.components-button.is-secondary,.components-button.is-tertiary{
[235] Fix | Delete
outline:1px solid #0000;
[236] Fix | Delete
}
[237] Fix | Delete
.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){
[238] Fix | Delete
box-shadow:none;
[239] Fix | Delete
}
[240] Fix | Delete
.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{
[241] Fix | Delete
background:#0000;
[242] Fix | Delete
color:#949494;
[243] Fix | Delete
transform:none;
[244] Fix | Delete
}
[245] Fix | Delete
.components-button.is-secondary{
[246] Fix | Delete
background:#0000;
[247] Fix | Delete
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor;
[248] Fix | Delete
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[249] Fix | Delete
outline:1px solid #0000;
[250] Fix | Delete
white-space:nowrap;
[251] Fix | Delete
}
[252] Fix | Delete
.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
[253] Fix | Delete
background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
[254] Fix | Delete
box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
[255] Fix | Delete
color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
[256] Fix | Delete
}
[257] Fix | Delete
.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){
[258] Fix | Delete
box-shadow:inset 0 0 0 1px #ddd;
[259] Fix | Delete
}
[260] Fix | Delete
.components-button.is-secondary:focus:not(:disabled){
[261] Fix | Delete
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));
[262] Fix | Delete
}
[263] Fix | Delete
.components-button.is-tertiary{
[264] Fix | Delete
background:#0000;
[265] Fix | Delete
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[266] Fix | Delete
white-space:nowrap;
[267] Fix | Delete
}
[268] Fix | Delete
.components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true],.is-pressed){
[269] Fix | Delete
background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, #0000);
[270] Fix | Delete
color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
[271] Fix | Delete
}
[272] Fix | Delete
.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){
[273] Fix | Delete
background:color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, #0000);
[274] Fix | Delete
}
[275] Fix | Delete
p+.components-button.is-tertiary{
[276] Fix | Delete
margin-left:-6px;
[277] Fix | Delete
}
[278] Fix | Delete
.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){
[279] Fix | Delete
box-shadow:none;
[280] Fix | Delete
outline:none;
[281] Fix | Delete
}
[282] Fix | Delete
.components-button.is-destructive{
[283] Fix | Delete
--wp-components-color-accent:#cc1818;
[284] Fix | Delete
--wp-components-color-accent-darker-10:#9e1313;
[285] Fix | Delete
--wp-components-color-accent-darker-20:#710d0d;
[286] Fix | Delete
}
[287] Fix | Delete
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){
[288] Fix | Delete
color:#cc1818;
[289] Fix | Delete
}
[290] Fix | Delete
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled,[aria-disabled=true]){
[291] Fix | Delete
color:#710d0d;
[292] Fix | Delete
}
[293] Fix | Delete
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus{
[294] Fix | Delete
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818;
[295] Fix | Delete
}
[296] Fix | Delete
.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled,[aria-disabled=true]){
[297] Fix | Delete
background:#ccc;
[298] Fix | Delete
}
[299] Fix | Delete
.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]{
[300] Fix | Delete
color:#949494;
[301] Fix | Delete
}
[302] Fix | Delete
.components-button.is-destructive.is-secondary:hover:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:hover:not(:disabled,[aria-disabled=true]){
[303] Fix | Delete
background:#cc18180a;
[304] Fix | Delete
}
[305] Fix | Delete
.components-button.is-destructive.is-secondary:active:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:active:not(:disabled,[aria-disabled=true]){
[306] Fix | Delete
background:#cc181814;
[307] Fix | Delete
}
[308] Fix | Delete
.components-button.is-link{
[309] Fix | Delete
background:none;
[310] Fix | Delete
border:0;
[311] Fix | Delete
border-radius:0;
[312] Fix | Delete
box-shadow:none;
[313] Fix | Delete
color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
[314] Fix | Delete
height:auto;
[315] Fix | Delete
margin:0;
[316] Fix | Delete
outline:none;
[317] Fix | Delete
padding:0;
[318] Fix | Delete
text-align:left;
[319] Fix | Delete
text-decoration:underline;
[320] Fix | Delete
}
[321] Fix | Delete
@media not (prefers-reduced-motion){
[322] Fix | Delete
.components-button.is-link{
[323] Fix | Delete
transition-duration:.05s;
[324] Fix | Delete
transition-property:border, background, color;
[325] Fix | Delete
transition-timing-function:ease-in-out;
[326] Fix | Delete
}
[327] Fix | Delete
}
[328] Fix | Delete
.components-button.is-link:focus{
[329] Fix | Delete
border-radius:2px;
[330] Fix | Delete
}
[331] Fix | Delete
.components-button.is-link:disabled,.components-button.is-link[aria-disabled=true]{
[332] Fix | Delete
color:#949494;
[333] Fix | Delete
}
[334] Fix | Delete
.components-button:not(:disabled,[aria-disabled=true]):active{
[335] Fix | Delete
color:var(--wp-components-color-foreground, #1e1e1e);
[336] Fix | Delete
}
[337] Fix | Delete
.components-button:disabled,.components-button[aria-disabled=true]{
[338] Fix | Delete
color:#949494;
[339] Fix | Delete
cursor:default;
[340] Fix | Delete
}
[341] Fix | Delete
.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]{
[342] Fix | Delete
background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
[343] Fix | Delete
background-size:100px 100%;
[344] Fix | Delete
}
[345] Fix | Delete
@media not (prefers-reduced-motion){
[346] Fix | Delete
.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]{
[347] Fix | Delete
animation:components-button__busy-animation 2.5s linear infinite;
[348] Fix | Delete
}
[349] Fix | Delete
}
[350] Fix | Delete
.components-button.is-compact{
[351] Fix | Delete
height:32px;
[352] Fix | Delete
}
[353] Fix | Delete
.components-button.is-compact.has-icon:not(.has-text){
[354] Fix | Delete
min-width:32px;
[355] Fix | Delete
padding:0;
[356] Fix | Delete
width:32px;
[357] Fix | Delete
}
[358] Fix | Delete
.components-button.is-small{
[359] Fix | Delete
font-size:11px;
[360] Fix | Delete
height:24px;
[361] Fix | Delete
line-height:22px;
[362] Fix | Delete
padding:0 8px;
[363] Fix | Delete
}
[364] Fix | Delete
.components-button.is-small.has-icon:not(.has-text){
[365] Fix | Delete
min-width:24px;
[366] Fix | Delete
padding:0;
[367] Fix | Delete
width:24px;
[368] Fix | Delete
}
[369] Fix | Delete
.components-button.has-icon{
[370] Fix | Delete
justify-content:center;
[371] Fix | Delete
min-width:36px;
[372] Fix | Delete
padding:6px;
[373] Fix | Delete
}
[374] Fix | Delete
.components-button.has-icon.is-next-40px-default-size{
[375] Fix | Delete
min-width:40px;
[376] Fix | Delete
}
[377] Fix | Delete
.components-button.has-icon .dashicon{
[378] Fix | Delete
align-items:center;
[379] Fix | Delete
box-sizing:initial;
[380] Fix | Delete
display:inline-flex;
[381] Fix | Delete
justify-content:center;
[382] Fix | Delete
padding:2px;
[383] Fix | Delete
}
[384] Fix | Delete
.components-button.has-icon.has-text{
[385] Fix | Delete
gap:4px;
[386] Fix | Delete
justify-content:start;
[387] Fix | Delete
padding-left:8px;
[388] Fix | Delete
padding-right:12px;
[389] Fix | Delete
}
[390] Fix | Delete
.components-button.is-pressed,.components-button.is-pressed:hover{
[391] Fix | Delete
color:var(--wp-components-color-foreground-inverted, #fff);
[392] Fix | Delete
}
[393] Fix | Delete
.components-button.is-pressed:hover:not(:disabled,[aria-disabled=true]),.components-button.is-pressed:not(:disabled,[aria-disabled=true]){
[394] Fix | Delete
background:var(--wp-components-color-foreground, #1e1e1e);
[395] Fix | Delete
}
[396] Fix | Delete
.components-button.is-pressed:disabled,.components-button.is-pressed[aria-disabled=true]{
[397] Fix | Delete
color:#949494;
[398] Fix | Delete
}
[399] Fix | Delete
.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){
[400] Fix | Delete
background:#949494;
[401] Fix | Delete
color:var(--wp-components-color-foreground-inverted, #fff);
[402] Fix | Delete
}
[403] Fix | Delete
.components-button.is-pressed:focus:not(:disabled){
[404] Fix | Delete
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));
[405] Fix | Delete
outline:2px solid #0000;
[406] Fix | Delete
}
[407] Fix | Delete
.components-button svg{
[408] Fix | Delete
fill:currentColor;
[409] Fix | Delete
outline:none;
[410] Fix | Delete
}
[411] Fix | Delete
@media (forced-colors:active){
[412] Fix | Delete
.components-button svg{
[413] Fix | Delete
fill:CanvasText;
[414] Fix | Delete
}
[415] Fix | Delete
}
[416] Fix | Delete
.components-button .components-visually-hidden{
[417] Fix | Delete
height:auto;
[418] Fix | Delete
}
[419] Fix | Delete
[420] Fix | Delete
@keyframes components-button__busy-animation{
[421] Fix | Delete
0%{
[422] Fix | Delete
background-position:200px 0;
[423] Fix | Delete
}
[424] Fix | Delete
}
[425] Fix | Delete
.components-checkbox-control{
[426] Fix | Delete
--checkbox-input-size:24px;
[427] Fix | Delete
--checkbox-input-margin:8px;
[428] Fix | Delete
}
[429] Fix | Delete
@media (min-width:600px){
[430] Fix | Delete
.components-checkbox-control{
[431] Fix | Delete
--checkbox-input-size:16px;
[432] Fix | Delete
}
[433] Fix | Delete
}
[434] Fix | Delete
[435] Fix | Delete
.components-checkbox-control__label{
[436] Fix | Delete
cursor:pointer;
[437] Fix | Delete
line-height:var(--checkbox-input-size);
[438] Fix | Delete
}
[439] Fix | Delete
[440] Fix | Delete
.components-checkbox-control__input[type=checkbox]{
[441] Fix | Delete
appearance:none;
[442] Fix | Delete
background:#fff;
[443] Fix | Delete
border:1px solid #1e1e1e;
[444] Fix | Delete
border-radius:2px;
[445] Fix | Delete
box-shadow:0 0 0 #0000;
[446] Fix | Delete
clear:none;
[447] Fix | Delete
color:#1e1e1e;
[448] Fix | Delete
cursor:pointer;
[449] Fix | Delete
display:inline-block;
[450] Fix | Delete
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
[451] Fix | Delete
font-size:16px;
[452] Fix | Delete
height:var(--checkbox-input-size);
[453] Fix | Delete
line-height:normal;
[454] Fix | Delete
line-height:0;
[455] Fix | Delete
margin:0 4px 0 0;
[456] Fix | Delete
outline:0;
[457] Fix | Delete
padding:6px 8px;
[458] Fix | Delete
padding:0 !important;
[459] Fix | Delete
text-align:center;
[460] Fix | Delete
transition:none;
[461] Fix | Delete
vertical-align:top;
[462] Fix | Delete
width:var(--checkbox-input-size);
[463] Fix | Delete
}
[464] Fix | Delete
@media not (prefers-reduced-motion){
[465] Fix | Delete
.components-checkbox-control__input[type=checkbox]{
[466] Fix | Delete
transition:box-shadow .1s linear;
[467] Fix | Delete
}
[468] Fix | Delete
}
[469] Fix | Delete
@media (min-width:600px){
[470] Fix | Delete
.components-checkbox-control__input[type=checkbox]{
[471] Fix | Delete
font-size:13px;
[472] Fix | Delete
line-height:normal;
[473] Fix | Delete
}
[474] Fix | Delete
}
[475] Fix | Delete
.components-checkbox-control__input[type=checkbox]:focus{
[476] Fix | Delete
border-color:var(--wp-admin-theme-color);
[477] Fix | Delete
box-shadow:0 0 0 .5px var(--wp-admin-theme-color);
[478] Fix | Delete
}
[479] Fix | Delete
.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{
[480] Fix | Delete
color:#1e1e1e9e;
[481] Fix | Delete
}
[482] Fix | Delete
.components-checkbox-control__input[type=checkbox]::-moz-placeholder{
[483] Fix | Delete
color:#1e1e1e9e;
[484] Fix | Delete
}
[485] Fix | Delete
.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{
[486] Fix | Delete
color:#1e1e1e9e;
[487] Fix | Delete
}
[488] Fix | Delete
.components-checkbox-control__input[type=checkbox]:focus{
[489] Fix | Delete
box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
[490] Fix | Delete
}
[491] Fix | Delete
.components-checkbox-control__input[type=checkbox]:checked{
[492] Fix | Delete
background:var(--wp-admin-theme-color);
[493] Fix | Delete
border-color:var(--wp-admin-theme-color);
[494] Fix | Delete
}
[495] Fix | Delete
.components-checkbox-control__input[type=checkbox]:checked::-ms-check{
[496] Fix | Delete
opacity:0;
[497] Fix | Delete
}
[498] Fix | Delete
.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{
[499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function