diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-17 07:56:49 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-17 07:56:49 +0000 |
commit | a415c29efee45520ae252d2aa28f1083a521cd7b (patch) | |
tree | f4ade4b6668ecc0765de7e1424f7c1427ad433ff /wp-includes/css/dist/components/style.css | |
parent | Initial commit. (diff) | |
download | wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.tar.xz wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.zip |
Adding upstream version 6.4.3+dfsg1.upstream/6.4.3+dfsg1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'wp-includes/css/dist/components/style.css')
-rw-r--r-- | wp-includes/css/dist/components/style.css | 3027 |
1 files changed, 3027 insertions, 0 deletions
diff --git a/wp-includes/css/dist/components/style.css b/wp-includes/css/dist/components/style.css new file mode 100644 index 0000000..e1c0c18 --- /dev/null +++ b/wp-includes/css/dist/components/style.css @@ -0,0 +1,3027 @@ +@charset "UTF-8"; +:root{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.components-animate__appear{ + animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s; + animation-fill-mode:forwards; +} +@media (prefers-reduced-motion:reduce){ + .components-animate__appear{ + animation-delay:0s; + animation-duration:1ms; + } +} +.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{ + transform-origin:top left; +} +.components-animate__appear.is-from-top.is-from-right{ + transform-origin:top right; +} +.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{ + transform-origin:bottom left; +} +.components-animate__appear.is-from-bottom.is-from-right{ + transform-origin:bottom right; +} + +@keyframes components-animate__appear-animation{ + 0%{ + transform:translateY(-2em) scaleY(0) scaleX(0); + } + to{ + transform:translateY(0) scaleY(1) scaleX(1); + } +} +.components-animate__slide-in{ + animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1); + animation-fill-mode:forwards; +} +@media (prefers-reduced-motion:reduce){ + .components-animate__slide-in{ + animation-delay:0s; + animation-duration:1ms; + } +} +.components-animate__slide-in.is-from-left{ + transform:translateX(100%); +} +.components-animate__slide-in.is-from-right{ + transform:translateX(-100%); +} + +@keyframes components-animate__slide-in-animation{ + to{ + transform:translateX(0); + } +} +.components-animate__loading{ + animation:components-animate__loading 1.6s ease-in-out infinite; +} + +@keyframes components-animate__loading{ + 0%{ + opacity:.5; + } + 50%{ + opacity:1; + } + to{ + opacity:.5; + } +} +.components-autocomplete__popover .components-popover__content{ + min-width:220px; + padding:16px; +} + +.components-autocomplete__result.components-button{ + display:flex; + height:auto; + min-height:36px; + text-align:left; + width:100%; +} +.components-autocomplete__result.components-button.is-selected{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} + +.components-button-group{ + display:inline-block; +} +.components-button-group .components-button{ + border-radius:0; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + display:inline-flex; +} +.components-button-group .components-button+.components-button{ + margin-left:-1px; +} +.components-button-group .components-button:first-child{ + border-radius:2px 0 0 2px; +} +.components-button-group .components-button:last-child{ + border-radius:0 2px 2px 0; +} +.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{ + position:relative; + z-index:1; +} +.components-button-group .components-button.is-primary{ + box-shadow:inset 0 0 0 1px #1e1e1e; +} + +.components-button{ + align-items:center; + -webkit-appearance:none; + background:none; + border:0; + border-radius:2px; + box-sizing:border-box; + color:var(--wp-components-color-foreground, #1e1e1e); + cursor:pointer; + display:inline-flex; + font-family:inherit; + font-size:13px; + font-weight:400; + height:36px; + margin:0; + padding:6px 12px; + text-decoration:none; + transition:box-shadow .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-button{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.is-next-40px-default-size{ + height:40px; +} +.components-button:hover,.components-button[aria-expanded=true]{ + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-button:disabled:hover,.components-button[aria-disabled=true]:hover{ + color:initial; +} +.components-button:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline:3px solid transparent; +} +.components-button.is-primary{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color:var(--wp-components-color-accent-inverted, #fff); + outline:1px solid transparent; + text-decoration:none; + text-shadow:none; + white-space:nowrap; +} +.components-button.is-primary:hover:not(:disabled){ + background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); + color:var(--wp-components-color-accent-inverted, #fff); +} +.components-button.is-primary:active:not(:disabled){ + background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); + border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); + color:var(--wp-components-color-accent-inverted, #fff); +} +.components-button.is-primary:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color:hsla(0,0%,100%,.4); + opacity:1; + outline:none; +} +.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{ + box-shadow:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{ + background-image:linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%); + background-size:100px 100%; + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color:var(--wp-components-color-accent-inverted, #fff); +} +.components-button.is-secondary,.components-button.is-tertiary{ + outline:1px solid transparent; +} +.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){ + box-shadow:none; +} +.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{ + background:transparent; + box-shadow:none; + color:#949494; + opacity:1; + outline:none; + transform:none; +} +.components-button.is-secondary{ + background:transparent; + box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline:1px solid transparent; + white-space:nowrap; +} +.components-button.is-secondary:hover:not(:disabled){ + box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); +} +.components-button.is-tertiary{ + background:transparent; + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + white-space:nowrap; +} +.components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true]){ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){ + background:rgba(var(--wp-admin-theme-color--rgb), .08); +} +p+.components-button.is-tertiary{ + margin-left:-6px; +} +.components-button.is-destructive{ + --wp-components-color-accent:#cc1818; + --wp-components-color-accent-darker-10:#9e1313; + --wp-components-color-accent-darker-20:#710d0d; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){ + color:#cc1818; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){ + color:#710d0d; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){ + background:#ccc; +} +.components-button.is-link{ + background:none; + border:0; + border-radius:0; + box-shadow:none; + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + height:auto; + margin:0; + outline:none; + padding:0; + text-align:left; + text-decoration:underline; + transition-duration:.05s; + transition-property:border, background, color; + transition-timing-function:ease-in-out; +} +@media (prefers-reduced-motion:reduce){ + .components-button.is-link{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.is-link:focus{ + border-radius:2px; +} +.components-button:not(:disabled,[aria-disabled=true]):active{ + color:var(--wp-components-color-foreground, #1e1e1e); +} +.components-button:disabled,.components-button[aria-disabled=true]{ + cursor:default; + opacity:.3; +} +.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{ + animation:components-button__busy-animation 2.5s linear infinite; + background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0); + background-size:100px 100%; + opacity:1; +} +.components-button.is-compact{ + height:32px; +} +.components-button.is-compact.has-icon:not(.has-text){ + min-width:32px; + padding:0; + width:32px; +} +.components-button.is-small{ + font-size:11px; + height:24px; + line-height:22px; + padding:0 8px; +} +.components-button.is-small.has-icon:not(.has-text){ + min-width:24px; + padding:0; + width:24px; +} +.components-button.has-icon{ + justify-content:center; + min-width:36px; + padding:6px; +} +.components-button.has-icon.is-next-40px-default-size{ + min-width:40px; +} +.components-button.has-icon .dashicon{ + align-items:center; + box-sizing:content-box; + display:inline-flex; + justify-content:center; + padding:2px; +} +.components-button.has-icon.has-text{ + gap:4px; + justify-content:start; + padding-left:8px; + padding-right:12px; +} +.components-button.is-pressed{ + background:var(--wp-components-color-foreground, #1e1e1e); + color:var(--wp-components-color-foreground-inverted, #fff); +} +.components-button.is-pressed:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline:2px solid transparent; +} +.components-button.is-pressed:hover:not(:disabled){ + background:var(--wp-components-color-foreground, #1e1e1e); + color:var(--wp-components-color-foreground-inverted, #fff); +} +.components-button svg{ + fill:currentColor; + outline:none; +} +@media (forced-colors:active){ + .components-button svg{ + fill:CanvasText; + } +} +.components-button .components-visually-hidden{ + height:auto; +} + +@keyframes components-button__busy-animation{ + 0%{ + background-position:200px 0; + } +} +.components-checkbox-control__input[type=checkbox]{ + -webkit-appearance:none; + appearance:none; + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + box-shadow:0 0 0 transparent; + clear:none; + color:#1e1e1e; + cursor:pointer; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + line-height:0; + margin:0 4px 0 0; + outline:0; + padding:6px 8px; + padding:0 !important; + text-align:center; + transition:box-shadow .1s linear; + transition:none; + transition:border-color .1s ease-in-out; + vertical-align:top; + width:24px; +} +@media (min-width:600px){ + .components-checkbox-control__input[type=checkbox]{ + font-size:13px; + line-height:normal; + } +} +.components-checkbox-control__input[type=checkbox]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-checkbox-control__input[type=checkbox]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-checkbox-control__input[type=checkbox]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check{ + opacity:0; +} +.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + color:#fff; + margin:-3px -5px; +} +@media (min-width:782px){ + .components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + margin:-4px 0 0 -5px; + } +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + speak:none; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:""; + display:inline-block; + float:left; + font:normal 30px/1 dashicons; + vertical-align:middle; + width:16px; +} +@media (min-width:782px){ + .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + float:none; + font-size:21px; + } +} +@media (min-width:600px){ + .components-checkbox-control__input[type=checkbox]{ + height:20px; + width:20px; + } +} +@media (prefers-reduced-motion:reduce){ + .components-checkbox-control__input[type=checkbox]{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-checkbox-control__input[type=checkbox]:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:2px; +} +.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{ + opacity:0; +} +.components-checkbox-control__input[type=checkbox]:checked:before{ + content:none; +} + +.components-checkbox-control__input-container{ + display:inline-block; + height:24px; + margin-right:12px; + position:relative; + vertical-align:middle; + width:24px; +} +@media (min-width:600px){ + .components-checkbox-control__input-container{ + height:20px; + width:20px; + } +} + +svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{ + fill:#fff; + cursor:pointer; + height:24px; + left:0; + pointer-events:none; + position:absolute; + top:0; + -webkit-user-select:none; + user-select:none; + width:24px; +} +@media (min-width:600px){ + svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{ + left:-2px; + top:-2px; + } +} + +.components-circular-option-picker{ + display:inline-block; + min-width:188px; + width:100%; +} +.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{ + display:flex; + justify-content:flex-end; + margin-top:12px; +} +.components-circular-option-picker .components-circular-option-picker__swatches{ + display:flex; + flex-wrap:wrap; + gap:12px; + position:relative; + z-index:1; +} +.components-circular-option-picker>:not(.components-circular-option-picker__swatches){ + position:relative; + z-index:0; +} + +.components-circular-option-picker__option-wrapper{ + display:inline-block; + height:28px; + transform:scale(1); + transition:transform .1s ease; + vertical-align:top; + width:28px; + will-change:transform; +} +@media (prefers-reduced-motion:reduce){ + .components-circular-option-picker__option-wrapper{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-circular-option-picker__option-wrapper:hover{ + transform:scale(1.2); +} +.components-circular-option-picker__option-wrapper>div{ + height:100%; + width:100%; +} + +.components-circular-option-picker__option-wrapper:before{ + background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555D65' d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' d='M18 18v2h-2v-2h2z'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555D65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' clip-rule='evenodd'/%3E%3C/svg%3E"); + border-radius:50%; + bottom:1px; + content:""; + left:1px; + position:absolute; + right:1px; + top:1px; + z-index:-1; +} + +.components-circular-option-picker__option{ + background:transparent; + border:none; + border-radius:50%; + box-shadow:inset 0 0 0 14px; + cursor:pointer; + display:inline-block; + height:100%; + transition:box-shadow .1s ease; + vertical-align:top; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .components-circular-option-picker__option{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-circular-option-picker__option:hover{ + box-shadow:inset 0 0 0 14px !important; +} +.components-circular-option-picker__option.is-pressed{ + box-shadow:inset 0 0 0 4px; + overflow:visible; + position:relative; + z-index:1; +} +.components-circular-option-picker__option.is-pressed+svg{ + border-radius:50%; + left:2px; + pointer-events:none; + position:absolute; + top:2px; + z-index:2; +} +.components-circular-option-picker__option:after{ + border:1px solid transparent; + border-radius:50%; + bottom:-1px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + box-sizing:inherit; + content:""; + left:-1px; + position:absolute; + right:-1px; + top:-1px; +} +.components-circular-option-picker__option:focus:after{ + border:2px solid #757575; + border-radius:50%; + box-shadow:inset 0 0 0 2px #fff; + content:""; + height:calc(100% + 4px); + left:50%; + position:absolute; + top:50%; + transform:translate(-50%, -50%); + width:calc(100% + 4px); +} +.components-circular-option-picker__option.components-button:focus{ + background-color:transparent; + box-shadow:inset 0 0 0 14px; + outline:none; +} + +.components-circular-option-picker__button-action .components-circular-option-picker__option{ + background:#fff; + color:#fff; +} + +.components-circular-option-picker__dropdown-link-action{ + margin-right:16px; +} +.components-circular-option-picker__dropdown-link-action .components-button{ + line-height:22px; +} + +.components-palette-edit__popover-gradient-picker{ + padding:8px; + width:280px; +} + +.components-dropdown-menu__menu .components-palette-edit__menu-button{ + width:100%; +} + +.component-color-indicator{ + background:#fff linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + border-radius:50%; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + display:inline-block; + height:20px; + padding:0; + width:20px; +} + +.components-combobox-control{ + width:100%; +} + +input.components-combobox-control__input[type=text]{ + border:none; + box-shadow:none; + font-family:inherit; + font-size:16px; + line-height:inherit; + margin:0; + min-height:auto; + padding:2px; + width:100%; +} +@media (min-width:600px){ + input.components-combobox-control__input[type=text]{ + font-size:13px; + } +} +input.components-combobox-control__input[type=text]:focus{ + box-shadow:none; + outline:none; +} + +.components-combobox-control__suggestions-container{ + align-items:flex-start; + border:1px solid #949494; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:flex; + flex-wrap:wrap; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:0; + transition:box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .components-combobox-control__suggestions-container{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .components-combobox-control__suggestions-container{ + font-size:13px; + line-height:normal; + } +} +.components-combobox-control__suggestions-container:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.components-combobox-control__suggestions-container::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-combobox-control__suggestions-container::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-combobox-control__suggestions-container:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-combobox-control__suggestions-container:focus-within{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid transparent; +} + +.components-combobox-control__reset.components-button{ + display:flex; + height:16px; + min-width:16px; + padding:0; +} + +.components-color-palette__custom-color-wrapper{ + position:relative; + z-index:0; +} + +.components-color-palette__custom-color-button{ + background:none; + border:none; + border-radius:2px 2px 0 0; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + box-sizing:border-box; + cursor:pointer; + height:64px; + outline:1px solid transparent; + position:relative; + width:100%; +} +.components-color-palette__custom-color-button:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline-width:2px; +} +.components-color-palette__custom-color-button:after{ + background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); + background-position:0 0, 24px 24px; + background-size:48px 48px; + content:""; + height:100%; + left:0; + position:absolute; + top:0; + width:100%; + z-index:-1; +} + +.components-color-palette__custom-color-text-wrapper{ + border-radius:0 0 2px 2px; + box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2),inset 1px 0 0 0 rgba(0,0,0,.2),inset -1px 0 0 0 rgba(0,0,0,.2); + font-size:13px; + padding:12px 16px; + position:relative; +} + +.components-color-palette__custom-color-name{ + color:var(--wp-components-color-foreground, #1e1e1e); + margin:0 1px; +} + +.components-color-palette__custom-color-value{ + color:#757575; +} +.components-color-palette__custom-color-value--is-hex{ + text-transform:uppercase; +} +.components-color-palette__custom-color-value:empty:after{ + content:""; + visibility:hidden; +} + +.components-custom-gradient-picker:not(.is-next-has-no-margin){ + margin-bottom:24px; + margin-top:12px; +} + +.components-custom-gradient-picker__gradient-bar{ + border-radius:2px; + height:48px; + position:relative; + width:100%; + z-index:1; +} +.components-custom-gradient-picker__gradient-bar.has-gradient{ + background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); + background-position:0 0, 12px 12px; + background-size:24px 24px; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background{ + inset:0; + position:absolute; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{ + margin-left:auto; + margin-right:auto; + position:relative; + width:calc(100% - 48px); +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{ + display:flex; + height:16px; + position:absolute; + top:16px; + width:16px; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{ + background:#fff; + border-radius:50%; + color:#1e1e1e; + height:inherit; + min-width:16px; + padding:2px; + position:relative; + width:inherit; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{ + height:100%; + width:100%; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{ + border-radius:50%; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0,0,0,.25); + height:inherit; + outline:2px solid transparent; + padding:0; + width:inherit; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{ + box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 rgba(0,0,0,.25); + outline:1.5px solid transparent; +} + +.components-custom-gradient-picker__remove-control-point-wrapper{ + padding-bottom:8px; +} + +.components-custom-gradient-picker__inserter{ + direction:ltr; +} + +.components-custom-gradient-picker__liner-gradient-indicator{ + display:inline-block; + flex:0 auto; + height:20px; + width:20px; +} + +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{ + border:none; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{ + margin-left:1px; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{ + background:#fff; + border:1px solid #949494; + border-radius:2px; +} + +.components-custom-gradient-picker__ui-line{ + position:relative; + z-index:0; +} + +.components-custom-select-control{ + font-size:13px; + position:relative; +} + +.components-custom-select-control__button{ + outline:0; + position:relative; + text-align:left; +} + +.components-custom-select-control__hint{ + color:#949494; + margin-left:10px; +} + +.components-custom-select-control__menu{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + max-height:400px; + min-width:100%; + outline:none; + overflow:auto; + padding:0; + position:absolute; + transition:none; + z-index:1000000; +} +.components-custom-select-control__menu[aria-hidden=true]{ + display:none; +} + +.components-custom-select-control__item{ + align-items:center; + cursor:default; + display:grid; + grid-template-columns:auto auto; + line-height:28px; + list-style-type:none; + padding:8px 16px; +} +.components-custom-select-control__item:not(.is-next-36px-default-size){ + padding:8px; +} +.components-custom-select-control__item.has-hint{ + grid-template-columns:auto auto 30px; +} +.components-custom-select-control__item.is-highlighted{ + background:#ddd; +} +.components-custom-select-control__item .components-custom-select-control__item-hint{ + color:#949494; + padding-right:4px; + text-align:right; +} +.components-custom-select-control__item .components-custom-select-control__item-icon{ + margin-left:auto; +} +.components-custom-select-control__item:last-child{ + margin-bottom:0; +} + +.block-editor-dimension-control .components-base-control__field{ + align-items:center; + display:flex; +} +.block-editor-dimension-control .components-base-control__label{ + align-items:center; + display:flex; + margin-bottom:0; + margin-right:1em; +} +.block-editor-dimension-control .components-base-control__label .dashicon{ + margin-right:.5em; +} +.block-editor-dimension-control.is-manual .components-base-control__label{ + width:10em; +} + +body.is-dragging-components-draggable{ + cursor:move; + cursor:grabbing !important; +} + +.components-draggable__invisible-drag-image{ + height:50px; + left:-1000px; + position:fixed; + width:50px; +} + +.components-draggable__clone{ + background:transparent; + padding:0; + pointer-events:none; + position:fixed; + z-index:1000000000; +} + +.components-drop-zone{ + border-radius:2px; + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; + visibility:hidden; + z-index:40; +} +.components-drop-zone.is-active{ + opacity:1; + visibility:visible; +} + +.components-drop-zone__content{ + align-items:center; + background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + bottom:0; + color:#fff; + display:flex; + height:100%; + justify-content:center; + left:0; + position:absolute; + right:0; + text-align:center; + top:0; + width:100%; + z-index:50; +} + +.components-drop-zone__content-icon,.components-drop-zone__content-text{ + display:block; +} + +.components-drop-zone__content-icon{ + fill:currentColor; + line-height:0; + margin:0 auto 8px; + pointer-events:none; +} + +.components-drop-zone__content-text{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; +} + +.components-dropdown{ + display:inline-block; +} + +.components-dropdown__content .components-popover__content{ + padding:8px; +} +.components-dropdown__content [role=menuitem]{ + white-space:nowrap; +} + +.components-dropdown-menu__menu{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:1.4; + width:100%; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{ + cursor:pointer; + outline:none; + padding:6px; + white-space:nowrap; + width:100%; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{ + margin-top:6px; + overflow:visible; + position:relative; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{ + background-color:#ddd; + box-sizing:content-box; + content:""; + display:block; + height:1px; + left:0; + position:absolute; + right:0; + top:-3px; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-menu-item.is-active svg{ + background:#1e1e1e; + border-radius:1px; + box-shadow:0 0 0 1px #1e1e1e; + color:#fff; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{ + width:auto; +} +.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{ + height:auto; + min-height:36px; + padding-left:8px; + padding-right:8px; + text-align:left; +} +.components-dropdown-menu__menu .components-menu-group{ + margin:0 -8px; + padding:8px; +} +.components-dropdown-menu__menu .components-menu-group:first-child{ + margin-top:-8px; +} +.components-dropdown-menu__menu .components-menu-group:last-child{ + margin-bottom:-8px; +} +.components-dropdown-menu__menu .components-menu-group+.components-menu-group{ + border-top:1px solid #ccc; + margin-top:0; + padding:8px; +} +.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{ + border-color:#1e1e1e; +} + +.components-duotone-picker__color-indicator:before{ + background:transparent; +} +.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){ + background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + color:transparent; +} +.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{ + color:transparent; +} + +.components-color-list-picker,.components-color-list-picker__swatch-button{ + width:100%; +} + +.components-color-list-picker__color-picker{ + margin:8px 0; +} + +.components-color-list-picker__swatch-button{ + padding:6px; +} + +.components-color-list-picker__swatch-color{ + margin:2px; +} + +.components-form-toggle{ + display:inline-block; + position:relative; +} +.components-form-toggle .components-form-toggle__track{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:9px; + box-sizing:border-box; + content:""; + display:inline-block; + height:18px; + transition:background .2s ease; + vertical-align:top; + width:36px; +} +@media (prefers-reduced-motion:reduce){ + .components-form-toggle .components-form-toggle__track{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-form-toggle .components-form-toggle__thumb{ + background-color:#1e1e1e; + border:5px solid #1e1e1e; + border-radius:50%; + box-sizing:border-box; + display:block; + height:12px; + left:3px; + position:absolute; + top:3px; + transition:transform .1s ease; + width:12px; +} +@media (prefers-reduced-motion:reduce){ + .components-form-toggle .components-form-toggle__thumb{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-form-toggle.is-checked .components-form-toggle__track{ + background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border:9px solid transparent; +} +.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline:2px solid transparent; + outline-offset:2px; +} +.components-form-toggle.is-checked .components-form-toggle__thumb{ + background-color:#fff; + border-width:0; + transform:translateX(18px); +} +.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{ + opacity:.3; +} + +.components-form-toggle input.components-form-toggle__input[type=checkbox]{ + border:none; + height:100%; + left:0; + margin:0; + opacity:0; + padding:0; + position:absolute; + top:0; + width:100%; + z-index:1; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{ + background:none; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{ + content:""; +} + +.components-form-token-field__input-container{ + border:1px solid #949494; + border-radius:2px; + box-shadow:0 0 0 transparent; + cursor:text; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:0; + transition:box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__input-container{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .components-form-token-field__input-container{ + font-size:13px; + line-height:normal; + } +} +.components-form-token-field__input-container:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.components-form-token-field__input-container::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-form-token-field__input-container::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-form-token-field__input-container:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-form-token-field__input-container.is-disabled{ + background:#ddd; + border-color:#ddd; +} +.components-form-token-field__input-container.is-active{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.components-form-token-field__input-container input[type=text].components-form-token-field__input{ + background:inherit; + border:0; + box-shadow:none; + color:#1e1e1e; + display:inline-block; + flex:1; + font-family:inherit; + font-size:16px; + margin-left:4px; + max-width:100%; + min-height:24px; + min-width:50px; + padding:0; + width:100%; +} +@media (min-width:600px){ + .components-form-token-field__input-container input[type=text].components-form-token-field__input{ + font-size:13px; + } +} +.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{ + box-shadow:none; + outline:none; +} +.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{ + width:auto; +} + +.components-form-token-field__token{ + color:#1e1e1e; + display:flex; + font-size:13px; + max-width:100%; +} +.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{ + background:#4ab866; +} +.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{ + background:#cc1818; +} +.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{ + color:#757575; +} +.components-form-token-field__token.is-borderless{ + padding:0 24px 0 0; + position:relative; +} +.components-form-token-field__token.is-borderless .components-form-token-field__token-text{ + background:transparent; + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{ + background:transparent; + color:#757575; + padding:0; + position:absolute; + right:0; + top:1px; +} +.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{ + color:#4ab866; +} +.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{ + border-radius:4px 0 0 4px; + color:#cc1818; + padding:0 4px 0 6px; +} +.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{ + color:#1e1e1e; +} +.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{ + cursor:default; +} + +.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ + background:#ddd; + display:inline-block; + height:auto; + line-height:24px; + min-width:unset; + transition:all .2s cubic-bezier(.4, 1, .4, 1); +} +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ + animation-delay:0s; + animation-duration:1ms; + transition-delay:0s; + transition-duration:0s; + } +} + +.components-form-token-field__token-text{ + border-radius:2px 0 0 2px; + overflow:hidden; + padding:0 0 0 8px; + text-overflow:ellipsis; + white-space:nowrap; +} + +.components-form-token-field__remove-token.components-button{ + border-radius:0 2px 2px 0; + color:#1e1e1e; + cursor:pointer; + line-height:10px; + overflow:initial; + padding:0 2px; +} +.components-form-token-field__remove-token.components-button:hover{ + color:#1e1e1e; +} + +.components-form-token-field__suggestions-list{ + box-shadow:inset 0 1px 0 0 #949494; + flex:1 0 100%; + list-style:none; + margin:0; + max-height:128px; + min-width:100%; + overflow-y:auto; + transition:all .15s ease-in-out; +} +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__suggestions-list{ + transition-delay:0s; + transition-duration:0s; + } +} + +.components-form-token-field__suggestion{ + color:#1e1e1e; + cursor:pointer; + display:block; + font-size:13px; + margin:0; + min-height:32px; + padding:8px 12px; +} +.components-form-token-field__suggestion.is-selected{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color:#fff; +} + +@media (min-width:600px){ + .components-guide{ + width:600px; + } +} +.components-guide .components-modal__content{ + border-radius:2px; + margin-top:0; + padding:0; +} +.components-guide .components-modal__content:before{ + content:none; +} +.components-guide .components-modal__header{ + border-bottom:none; + height:60px; + padding:0; + position:sticky; +} +.components-guide .components-modal__header .components-button{ + align-self:flex-start; + margin:8px 8px 0 0; + position:static; +} +.components-guide .components-modal__header .components-button:hover svg{ + fill:#fff; +} +.components-guide__container{ + display:flex; + flex-direction:column; + justify-content:space-between; + margin-top:-60px; + min-height:100%; +} +.components-guide__page{ + display:flex; + flex-direction:column; + justify-content:center; + position:relative; +} +@media (min-width:600px){ + .components-guide__page{ + min-height:300px; + } +} +.components-guide__footer{ + align-content:center; + display:flex; + height:36px; + justify-content:center; + margin:0 0 24px; + padding:0 32px; + position:relative; + width:100%; +} +.components-guide__page-control{ + margin:0; + text-align:center; +} +.components-guide__page-control li{ + display:inline-block; + margin:0; +} +.components-guide__page-control .components-button{ + color:#e0e0e0; + height:30px; + margin:-6px 0; + min-width:20px; +} +.components-guide__page-control li[aria-current=step] .components-button{ + color:var(--wp-components-color-accent, var(--wp-admin-theme-color)); +} + +.components-modal__frame.components-guide{ + border:none; + max-height:575px; + min-width:312px; +} +@media (max-width:600px){ + .components-modal__frame.components-guide{ + margin:auto; + max-width:calc(100vw - 32px); + } +} + +.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{ + position:absolute; +} +.components-button.components-guide__back-button{ + left:32px; +} +.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{ + right:32px; +} + +[role=region]{ + position:relative; +} + +.is-focusing-regions [role=region]:focus:after{ + bottom:0; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1000000; +} +.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{ + outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline-offset:-4px; +} + +.components-menu-group+.components-menu-group{ + border-top:1px solid #1e1e1e; + margin-top:8px; + padding-top:8px; +} +.components-menu-group+.components-menu-group.has-hidden-separator{ + border-top:none; + margin-top:0; + padding-top:0; +} + +.components-menu-group__label{ + color:#757575; + font-size:11px; + font-weight:500; + margin-bottom:12px; + margin-top:4px; + padding:0 8px; + text-transform:uppercase; + white-space:nowrap; +} + +.components-menu-item__button,.components-menu-item__button.components-button{ + width:100%; +} +.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{ + box-sizing:initial; + padding-right:48px; +} +.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{ + display:inline-block; + flex:0 0 auto; +} +.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{ + margin-left:24px; + margin-right:-2px; +} +.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{ + margin-left:8px; +} +.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{ + margin-left:-2px; + margin-right:8px; +} +.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{ + justify-content:center; +} +.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{ + margin-right:0; +} +.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{ + background:none; + color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); + opacity:.3; +} + +.components-menu-item__info-wrapper{ + display:flex; + flex-direction:column; + margin-right:auto; +} + +.components-menu-item__info{ + color:#757575; + font-size:12px; + margin-top:4px; + white-space:normal; +} + +.components-menu-item__item{ + align-items:center; + display:inline-flex; + margin-right:auto; + min-width:160px; + white-space:nowrap; +} + +.components-menu-item__shortcut{ + align-self:center; + color:currentColor; + display:none; + margin-left:auto; + margin-right:0; + padding-left:24px; +} +@media (min-width:480px){ + .components-menu-item__shortcut{ + display:inline; + } +} + +.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{ + margin-right:12px; +} +.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{ + padding-left:12px; +} + +.components-modal__screen-overlay{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + background-color:rgba(0,0,0,.35); + bottom:0; + display:flex; + left:0; + position:fixed; + right:0; + top:0; + z-index:100000; +} +@media (prefers-reduced-motion:reduce){ + .components-modal__screen-overlay{ + animation-delay:0s; + animation-duration:1ms; + } +} + +.components-modal__frame{ + animation:components-modal__appear-animation .1s ease-out; + animation-fill-mode:forwards; + background:#fff; + border-radius:4px 4px 0 0; + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); + display:flex; + margin:40px 0 0; + overflow:hidden; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .components-modal__frame{ + animation-delay:0s; + animation-duration:1ms; + } +} +@media (min-width:600px){ + .components-modal__frame{ + border-radius:4px; + margin:auto; + max-height:calc(100% - 120px); + max-width:calc(100% - 32px); + min-width:350px; + width:auto; + } +} +@media (min-width:600px) and (min-width:600px){ + .components-modal__frame.is-full-screen{ + height:calc(100% - 32px); + max-height:none; + width:calc(100% - 32px); + } +} +@media (min-width:600px) and (min-width:782px){ + .components-modal__frame.is-full-screen{ + height:calc(100% - 80px); + max-width:none; + width:calc(100% - 80px); + } +} +@media (min-width:960px){ + .components-modal__frame{ + max-height:70%; + } +} + +@keyframes components-modal__appear-animation{ + 0%{ + transform:translateY(32px); + } + to{ + transform:translateY(0); + } +} +.components-modal__header{ + align-items:center; + border-bottom:1px solid transparent; + box-sizing:border-box; + display:flex; + flex-direction:row; + height:72px; + justify-content:space-between; + left:0; + padding:24px 32px 8px; + position:absolute; + top:0; + width:100%; + z-index:10; +} +.components-modal__header .components-modal__header-heading{ + font-size:1.2rem; + font-weight:600; +} +.components-modal__header h1{ + line-height:1; + margin:0; +} +.components-modal__header .components-button{ + left:8px; + position:relative; +} +.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{ + border-bottom-color:#ddd; +} +.components-modal__header+p{ + margin-top:0; +} + +.components-modal__header-heading-container{ + align-items:center; + display:flex; + flex-direction:row; + flex-grow:1; + justify-content:left; +} + +.components-modal__header-icon-container{ + display:inline-block; +} +.components-modal__header-icon-container svg{ + max-height:36px; + max-width:36px; + padding:8px; +} + +.components-modal__content{ + flex:1; + margin-top:72px; + overflow:auto; + padding:4px 32px 32px; +} +.components-modal__content.hide-header{ + margin-top:0; + padding-top:32px; +} +.components-modal__content.is-scrollable:focus-visible{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:-2px; +} + +.components-notice{ + align-items:center; + background-color:#fff; + border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + margin:5px 15px 2px; + padding:8px 12px; +} +.components-notice.is-dismissible{ + position:relative; +} +.components-notice.is-success{ + background-color:#eff9f1; + border-left-color:#4ab866; +} +.components-notice.is-warning{ + background-color:#fef8ee; + border-left-color:#f0b849; +} +.components-notice.is-error{ + background-color:#f4a2a2; + border-left-color:#cc1818; +} + +.components-notice__content{ + flex-grow:1; + margin:4px 25px 4px 0; +} + +.components-notice__actions{ + display:flex; + flex-wrap:wrap; +} + +.components-notice__action.components-button{ + margin-right:8px; +} +.components-notice__action.components-button,.components-notice__action.components-button.is-link{ + margin-left:12px; +} +.components-notice__action.components-button.is-secondary{ + vertical-align:initial; +} + +.components-notice__dismiss{ + align-self:flex-start; + color:#757575; + flex-shrink:0; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + background-color:transparent; + color:#1e1e1e; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + box-shadow:none; +} + +.components-notice-list{ + box-sizing:border-box; + max-width:100vw; +} +.components-notice-list .components-notice__content{ + line-height:2; + margin-bottom:12px; + margin-top:12px; +} +.components-notice-list .components-notice__action.components-button{ + display:block; + margin-left:0; + margin-top:8px; +} + +.components-panel{ + background:#fff; + border:1px solid #e0e0e0; +} +.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{ + margin-top:-1px; +} +.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{ + border-bottom-width:0; +} + +.components-panel+.components-panel{ + margin-top:-1px; +} + +.components-panel__body{ + border-bottom:1px solid #e0e0e0; + border-top:1px solid #e0e0e0; +} +.components-panel__body h3{ + margin:0 0 .5em; +} +.components-panel__body.is-opened{ + padding:16px; +} + +.components-panel__header{ + align-items:center; + border-bottom:1px solid #ddd; + box-sizing:content-box; + display:flex; + height:47px; + justify-content:space-between; + padding:0 16px; +} +.components-panel__header h2{ + color:inherit; + font-size:inherit; + margin:0; +} + +.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{ + margin-top:-1px; +} + +.components-panel__body>.components-panel__body-title{ + display:block; + font-size:inherit; + margin-bottom:0; + margin-top:0; + padding:0; + transition:background .1s ease-in-out; +} +@media (prefers-reduced-motion:reduce){ + .components-panel__body>.components-panel__body-title{ + transition-delay:0s; + transition-duration:0s; + } +} + +.components-panel__body.is-opened>.components-panel__body-title{ + margin:-16px -16px 5px; +} + +.components-panel__body>.components-panel__body-title:hover{ + background:#f0f0f0; + border:none; +} + +.components-panel__body-toggle.components-button{ + border:none; + box-shadow:none; + color:#1e1e1e; + font-weight:500; + height:auto; + outline:none; + padding:16px 48px 16px 16px; + position:relative; + text-align:left; + transition:background .1s ease-in-out; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .components-panel__body-toggle.components-button{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-panel__body-toggle.components-button:focus{ + border-radius:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-panel__body-toggle.components-button .components-panel__arrow{ + fill:currentColor; + color:#1e1e1e; + position:absolute; + right:16px; + top:50%; + transform:translateY(-50%); + transition:color .1s ease-in-out; +} +@media (prefers-reduced-motion:reduce){ + .components-panel__body-toggle.components-button .components-panel__arrow{ + transition-delay:0s; + transition-duration:0s; + } +} +body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{ + -ms-filter:fliph; + filter:FlipH; + margin-top:-10px; + transform:scaleX(-1); +} + +.components-panel__icon{ + color:#757575; + margin:-2px 0 -2px 6px; +} + +.components-panel__body-toggle-icon{ + margin-right:-5px; +} + +.components-panel__color-title{ + float:left; + height:19px; +} + +.components-panel__row{ + align-items:center; + display:flex; + justify-content:space-between; + margin-top:8px; + min-height:36px; +} +.components-panel__row select{ + min-width:0; +} +.components-panel__row label{ + flex-shrink:0; + margin-right:12px; + max-width:75%; +} +.components-panel__row:empty,.components-panel__row:first-of-type{ + margin-top:0; +} + +.components-panel .circle-picker{ + padding-bottom:20px; +} + +.components-placeholder.components-placeholder{ + -moz-font-smoothing:subpixel-antialiased; + -webkit-font-smoothing:subpixel-antialiased; + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + box-sizing:border-box; + color:#1e1e1e; + margin:0; + outline:1px solid transparent; + padding:1em; + position:relative; + text-align:left; + width:100%; +} +@supports (position:sticky){ + .components-placeholder.components-placeholder{ + align-items:flex-start; + display:flex; + flex-direction:column; + justify-content:top; + } +} + +.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; +} + +.components-placeholder__label{ + align-items:center; + display:flex; + font-weight:600; + margin-bottom:16px; +} +.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ + fill:currentColor; + margin-right:12px; +} +@media (forced-colors:active){ + .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ + fill:CanvasText; + } +} +.components-placeholder__label:empty{ + display:none; +} + +.components-placeholder__fieldset,.components-placeholder__fieldset form{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + width:100%; +} +.components-placeholder__fieldset form p,.components-placeholder__fieldset p{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; +} + +.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{ + flex-direction:column; +} + +.components-placeholder__input[type=url]{ + border:1px solid #949494; + border-radius:2px; + box-shadow:0 0 0 transparent; + flex:1 1 auto; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin:0 8px 0 0; + padding:6px 8px; + transition:box-shadow .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-placeholder__input[type=url]{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .components-placeholder__input[type=url]{ + font-size:13px; + line-height:normal; + } +} +.components-placeholder__input[type=url]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.components-placeholder__input[type=url]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-placeholder__input[type=url]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-placeholder__input[type=url]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.components-placeholder__instructions{ + margin-bottom:1em; +} + +.components-placeholder__error{ + margin-top:1em; + width:100%; +} + +.components-placeholder__fieldset .components-button{ + margin-bottom:12px; + margin-right:12px; +} +.components-placeholder__fieldset .components-button:last-child{ + margin-bottom:0; + margin-right:0; +} + +.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{ + margin-left:10px; + margin-right:10px; +} +.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{ + margin-right:0; +} + +.components-placeholder.is-large .components-placeholder__label{ + font-size:18pt; + font-weight:400; +} +.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{ + display:none; +} +.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{ + flex-direction:column; +} +.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{ + margin-right:auto; +} +.components-placeholder.is-small .components-button{ + padding:0 8px 2px; +} +.components-placeholder .components-placeholder__learn-more .components-external-link{ + color:var(--wp-admin-theme-color); +} +.components-placeholder.has-illustration{ + -webkit-backdrop-filter:blur(100px); + backdrop-filter:blur(100px); + backface-visibility:hidden; + background-color:transparent; + border-radius:2px; + box-shadow:none; + color:inherit; + display:flex; + overflow:auto; +} +.is-dark-theme .components-placeholder.has-illustration{ + background-color:rgba(0,0,0,.1); +} +.components-placeholder.has-illustration .components-placeholder__fieldset{ + margin-left:0; + margin-right:0; + width:auto; +} +.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ + opacity:0; + pointer-events:none; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ + transition-delay:0s; + transition-duration:0s; + } +} +.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{ + opacity:1; + pointer-events:auto; +} +.components-placeholder.has-illustration:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} + +.components-placeholder__preview{ + display:flex; + justify-content:center; +} + +.components-placeholder__illustration{ + stroke:currentColor; + box-sizing:content-box; + height:100%; + left:50%; + opacity:.25; + position:absolute; + top:50%; + transform:translate(-50%, -50%); + width:100%; +} + +.components-popover{ + will-change:transform; + z-index:1000000; +} +.components-popover.is-expanded{ + bottom:0; + left:0; + position:fixed; + right:0; + top:0; + z-index:1000000 !important; +} + +.components-popover__content{ + background:#fff; + border-radius:2px; + box-shadow:0 0 0 1px #ccc,0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); + box-sizing:border-box; + width:min-content; +} +.is-alternate .components-popover__content{ + box-shadow:0 0 0 1px #1e1e1e; +} +.is-unstyled .components-popover__content{ + background:none; + border-radius:0; + box-shadow:none; +} +.components-popover.is-expanded .components-popover__content{ + box-shadow:0 -1px 0 0 #ccc; + height:calc(100% - 48px); + overflow-y:visible; + position:static; + width:auto; +} +.components-popover.is-expanded.is-alternate .components-popover__content{ + box-shadow:0 -1px 0 #1e1e1e; +} + +.components-popover__header{ + align-items:center; + background:#fff; + display:flex; + height:48px; + justify-content:space-between; + padding:0 8px 0 16px; +} + +.components-popover__header-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} + +.components-popover__close.components-button{ + z-index:5; +} + +.components-popover__arrow{ + display:flex; + height:14px; + pointer-events:none; + position:absolute; + width:14px; +} +.components-popover__arrow:before{ + background-color:#fff; + content:""; + height:2px; + left:1px; + position:absolute; + right:1px; + top:-1px; +} +.components-popover__arrow.is-top{ + bottom:-14px !important; + transform:rotate(0); +} +.components-popover__arrow.is-right{ + left:-14px !important; + transform:rotate(90deg); +} +.components-popover__arrow.is-bottom{ + top:-14px !important; + transform:rotate(180deg); +} +.components-popover__arrow.is-left{ + right:-14px !important; + transform:rotate(-90deg); +} + +.components-popover__triangle{ + display:block; + flex:1; +} + +.components-popover__triangle-bg{ + fill:#fff; +} + +.components-popover__triangle-border{ + fill:transparent; + stroke-width:1px; + stroke:#ccc; +} +.is-alternate .components-popover__triangle-border{ + stroke:#1e1e1e; +} + +.components-radio-control__input[type=radio]{ + border:1px solid #1e1e1e; + border-radius:2px; + border-radius:50%; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + margin-right:6px; + margin-top:0; + padding:6px 8px; + transition:box-shadow .1s linear; + transition:none; + width:24px; +} +@media (prefers-reduced-motion:reduce){ + .components-radio-control__input[type=radio]{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .components-radio-control__input[type=radio]{ + font-size:13px; + line-height:normal; + } +} +.components-radio-control__input[type=radio]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); +} +.components-radio-control__input[type=radio]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-radio-control__input[type=radio]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-radio-control__input[type=radio]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +@media (min-width:600px){ + .components-radio-control__input[type=radio]{ + height:20px; + width:20px; + } +} +.components-radio-control__input[type=radio]:checked:before{ + background-color:#fff; + border:4px solid #fff; + box-sizing:inherit; + height:8px; + margin:0; + transform:translate(7px, 7px); + width:8px; +} +@media (min-width:600px){ + .components-radio-control__input[type=radio]:checked:before{ + transform:translate(5px, 5px); + } +} +.components-radio-control__input[type=radio]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.components-radio-control__input[type=radio]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} + +.components-resizable-box__handle{ + display:none; + height:23px; + width:23px; + z-index:2; +} +.components-resizable-box__container.has-show-handle .components-resizable-box__handle{ + display:block; +} + +.components-resizable-box__container>img{ + width:inherit; +} + +.components-resizable-box__handle:after{ + background:#fff; + border-radius:50%; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + content:""; + cursor:inherit; + display:block; + height:15px; + outline:2px solid transparent; + position:absolute; + right:calc(50% - 8px); + top:calc(50% - 8px); + width:15px; +} + +.components-resizable-box__side-handle:before{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-radius:2px; + content:""; + cursor:inherit; + display:block; + height:3px; + opacity:0; + position:absolute; + right:calc(50% - 1px); + top:calc(50% - 1px); + transition:transform .1s ease-in; + width:3px; + will-change:transform; +} +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle:before{ + transition-delay:0s; + transition-duration:0s; + } +} + +.components-resizable-box__corner-handle,.components-resizable-box__side-handle{ + z-index:2; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{ + border-left:0; + border-right:0; + left:0; + width:100%; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{ + border-bottom:0; + border-top:0; + height:100%; + top:0; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation:components-resizable-box__top-bottom-animation .1s ease-out 0s; + animation-fill-mode:forwards; +} +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation-delay:0s; + animation-duration:1ms; + } +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ + animation:components-resizable-box__left-right-animation .1s ease-out 0s; + animation-fill-mode:forwards; +} +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ + animation-delay:0s; + animation-duration:1ms; + } +} +@media not all and (min-resolution:0.001dpcm){ + @supports (-webkit-appearance:none){ + + .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation:none; + } + } +} +@keyframes components-resizable-box__top-bottom-animation{ + 0%{ + opacity:0; + transform:scaleX(0); + } + to{ + opacity:1; + transform:scaleX(1); + } +} +@keyframes components-resizable-box__left-right-animation{ + 0%{ + opacity:0; + transform:scaleY(0); + } + to{ + opacity:1; + transform:scaleY(1); + } +} +.components-resizable-box__handle-right{ + right:-11.5px; +} + +.components-resizable-box__handle-left{ + left:-11.5px; +} + +.components-resizable-box__handle-top{ + top:-11.5px; +} + +.components-resizable-box__handle-bottom{ + bottom:-11.5px; +} +.components-responsive-wrapper{ + align-items:center; + display:flex; + justify-content:center; + max-width:100%; + position:relative; +} + +.components-responsive-wrapper__content{ + display:block; + max-width:100%; + width:100%; +} + +.components-sandbox{ + overflow:hidden; +} + +iframe.components-sandbox{ + width:100%; +} + +body.lockscroll,html.lockscroll{ + overflow:hidden; +} + +.components-search-control{ + position:relative; +} +.components-search-control input[type=search].components-search-control__input{ + background:#f0f0f0; + border:none; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:48px; + line-height:normal; + margin-left:0; + margin-right:0; + padding:0 48px 0 16px; + transition:box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .components-search-control input[type=search].components-search-control__input{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .components-search-control input[type=search].components-search-control__input{ + font-size:13px; + line-height:normal; + } +} +.components-search-control input[type=search].components-search-control__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-search-control input[type=search].components-search-control__input::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +@media (min-width:600px){ + .components-search-control input[type=search].components-search-control__input{ + font-size:13px; + } +} +.components-search-control input[type=search].components-search-control__input:focus{ + background:#fff; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-search-control input[type=search].components-search-control__input::placeholder{ + color:#757575; +} +.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{ + -webkit-appearance:none; +} +.components-search-control.is-next-40px-default-size input[type=search].components-search-control__input{ + height:40px; +} +.components-search-control.is-size-compact input[type=search].components-search-control__input{ + height:32px; +} + +.components-search-control__icon{ + align-items:center; + display:flex; + justify-content:center; + position:absolute; + right:12px; + top:50%; + transform:translateY(-50%); + width:24px; +} + +.components-search-control__input-wrapper{ + position:relative; +} + +.components-select-control__input{ + -webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important; + outline:0; +} + +@media (max-width:782px){ + .components-base-control .components-base-control__field .components-select-control__input{ + font-size:16px; + } +} +.components-snackbar{ + -webkit-backdrop-filter:blur(16px) saturate(180%); + backdrop-filter:blur(16px) saturate(180%); + background:rgba(0,0,0,.85); + border-radius:2px; + box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); + box-sizing:border-box; + color:#fff; + cursor:pointer; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + max-width:600px; + padding:12px 20px; + pointer-events:auto; + width:100%; +} +@media (min-width:600px){ + .components-snackbar{ + width:-moz-fit-content; + width:fit-content; + } +} +.components-snackbar:focus{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-snackbar.components-snackbar-explicit-dismiss{ + cursor:default; +} +.components-snackbar .components-snackbar__content-with-icon{ + margin-left:24px; +} +.components-snackbar .components-snackbar__icon{ + left:28px; + position:absolute; + top:24px; +} +.components-snackbar .components-snackbar__dismiss-button{ + cursor:pointer; + margin-left:24px; +} + +.components-snackbar__action.components-button{ + color:#fff; + flex-shrink:0; + height:auto; + line-height:1.4; + margin-left:32px; + padding:0; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){ + background-color:transparent; + text-decoration:underline; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{ + box-shadow:none; + color:#fff; + outline:1px dotted #fff; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + color:#fff; + text-decoration:none; +} + +.components-snackbar__content{ + align-items:baseline; + display:flex; + justify-content:space-between; + line-height:1.4; +} + +.components-snackbar-list{ + box-sizing:border-box; + pointer-events:none; + position:absolute; + width:100%; + z-index:100000; +} + +.components-snackbar-list__notice-container{ + padding-top:8px; + position:relative; +} + +.components-tab-panel__tabs{ + align-items:stretch; + display:flex; + flex-direction:row; +} +.components-tab-panel__tabs[aria-orientation=vertical]{ + flex-direction:column; +} + +.components-tab-panel__tabs-item{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + cursor:pointer; + font-weight:500; + height:48px; + margin-left:0; + padding:3px 16px; + position:relative; +} +.components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-tab-panel__tabs-item:after{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-radius:0; + bottom:0; + content:""; + height:calc(var(--wp-admin-border-width-focus)*0); + left:0; + pointer-events:none; + position:absolute; + right:0; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-tab-panel__tabs-item:after{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-tab-panel__tabs-item.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-tab-panel__tabs-item:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-tab-panel__tabs-item:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-tab-panel__tabs-item:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline:2px solid transparent; +} + +.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + border:1px solid #949494; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + font-size:13px; + line-height:normal; + } +} +.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.components-tip{ + color:#757575; + display:flex; +} +.components-tip svg{ + fill:#f0b849; + align-self:center; + flex-shrink:0; + margin-right:16px; +} +.components-tip p{ + margin:0; +} + +.components-accessible-toolbar{ + border:1px solid #1e1e1e; + border-radius:2px; + display:inline-flex; + flex-shrink:0; +} +.components-accessible-toolbar>.components-toolbar-group:last-child{ + border-right:none; +} + +.components-accessible-toolbar .components-button,.components-toolbar .components-button{ + height:48px; + padding-left:16px; + padding-right:16px; + position:relative; + z-index:1; +} +.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){ + box-shadow:none; + outline:none; +} +.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:32px; + left:8px; + position:absolute; + right:8px; + z-index:-1; +} +@media (prefers-reduced-motion:reduce){ + .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ + animation-delay:0s; + animation-duration:1ms; + } +} +.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{ + margin-left:auto; + margin-right:auto; + position:relative; +} +.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{ + background:transparent; +} +.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{ + background:#1e1e1e; +} +.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; +} +.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{ + min-width:48px; + padding-left:12px; + padding-right:12px; +} +.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{ + font-weight:500; +} +.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{ + display:inline-block; + padding-left:0; + padding-right:0; + position:relative; +} + +@keyframes components-button__appear-animation{ + 0%{ + transform:scaleY(0); + } + to{ + transform:scaleY(1); + } +} +.components-toolbar__control.components-button{ + position:relative; +} +.components-toolbar__control.components-button[data-subscript] svg{ + padding:5px 10px 5px 0; +} +.components-toolbar__control.components-button[data-subscript]:after{ + bottom:10px; + content:attr(data-subscript); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + line-height:12px; + position:absolute; + right:8px; +} +.components-toolbar__control.components-button:active:before{ + display:none; +} +.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{ + color:#fff; +} + +.components-toolbar-group{ + background-color:#fff; + border-right:1px solid #1e1e1e; + display:inline-flex; + flex-shrink:0; + flex-wrap:wrap; + line-height:0; + min-height:48px; + padding-left:6px; + padding-right:6px; +} +.components-toolbar-group .components-toolbar-group.components-toolbar-group{ + border-width:0; + margin:0; +} +.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{ + min-width:36px; + padding-left:6px; + padding-right:6px; +} +.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{ + min-width:24px; +} +.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{ + left:2px; + right:2px; +} + +.components-toolbar{ + background-color:#fff; + border:1px solid #1e1e1e; + display:inline-flex; + flex-shrink:0; + flex-wrap:wrap; + margin:0; + min-height:48px; +} +.components-toolbar .components-toolbar.components-toolbar{ + border-width:0; + margin:0; +} + +div.components-toolbar>div{ + display:block; + margin:0; +} +@supports (position:sticky){ + div.components-toolbar>div{ + display:flex; + } +} +div.components-toolbar>div+div.has-left-divider{ + margin-left:6px; + overflow:visible; + position:relative; +} +div.components-toolbar>div+div.has-left-divider:before{ + background-color:#ddd; + box-sizing:content-box; + content:""; + display:inline-block; + height:20px; + left:-3px; + position:absolute; + top:8px; + width:1px; +} + +.components-tooltip{ + background:#000; + border-radius:2px; + color:#f0f0f0; + font-size:12px; + line-height:1.4; + padding:4px 8px; + text-align:center; + z-index:1000002; +} + +.components-tooltip__shortcut{ + margin-left:8px; +}
\ No newline at end of file |