.components-custom-select-control {
position:relative
}
.components-custom-select-control__label {
display:block;
margin-bottom:8px
}
.components-custom-select-control__button {
border:1px solid #757575;
border-radius:2px;
min-height:30px;
min-width:130px;
position:relative;
text-align:left
}
.components-custom-select-control__button.components-custom-select-control__button {
padding-right:24px
}
.components-custom-select-control__button:focus:not(:disabled) {
border-color:var(--wp-admin-theme-color);
box-shadow:0 0 0 1px var(--wp-admin-theme-color)
}
.components-custom-select-control__button .components-custom-select-control__button-icon {
height:100%;
padding:0;
position:absolute;
right:0;
top:0
}
.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:flex;
line-height:28px;
list-style-type:none;
padding:8px
}
.components-custom-select-control__item.is-highlighted {
background:#ddd
}
.components-custom-select-control__item .components-custom-select-control__item-icon {
margin-left:auto;
margin-right:0
}
.components-custom-select-control__item:last-child {
margin-bottom:0
}
.components-snackbar {
background-color:#1e1e1e;
border-radius:2px;
box-shadow:0 2px 4px rgba(0,0,0,.3);
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:16px 24px;
pointer-events:auto;
width:100%
}
@media(min-width:600px) {
.components-snackbar {
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content
}
}
.components-snackbar:focus {
box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)
}
.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:32px
}
.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:var(--wp-admin-theme-color)
}
.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-combobox-control {
width:100%
}
input.components-combobox-control__input[type=text] {
border:none;
box-shadow:none;
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 #757575;
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;
margin:0 0 8px;
padding:4px;
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 1px 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 1px var(--wp-admin-theme-color);
outline:2px solid transparent
}
.components-combobox-control__reset.components-button {
display:flex;
height:24px;
min-width:24px;
padding:0
}
.components-form-token-field__input-container {
align-items:center;
border:1px solid #757575;
border-radius:2px;
box-shadow:0 0 0 transparent;
cursor:text;
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;
margin:0 0 8px;
padding:2px 4px;
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 1px 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 1px 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-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__label {
display:inline-block;
margin-bottom:4px
}
.components-form-token-field__help {
color:#757575;
font-size:12px;
font-style:normal
}
.components-form-token-field__token {
color:#1e1e1e;
display:flex;
font-size:13px;
margin:2px 4px 2px 0;
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 16px 0 0;
position:relative
}
.components-form-token-field__token.is-borderless .components-form-token-field__token-text {
background:transparent;
color:var(--wp-admin-theme-color)
}
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
background:transparent;
color:#757575;
position:absolute;
right:0;
top:1px
}
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
color:#4ab866
}
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
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 {
-webkit-animation-delay:0s;
animation-delay:0s;
-webkit-animation-duration:1ms;
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 {
border-top:1px solid #757575;
flex:1 0 100%;
list-style:none;
margin:4px -4px -4px;
max-height:9em;
min-width:100%;
overflow-y:auto;
padding:0;
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:#757575;
cursor:pointer;
display:block;
font-size:13px;
margin:0;
padding:4px 8px
}
.components-form-token-field__suggestion.is-selected {
background:var(--wp-admin-theme-color);
color:#fff
}
.components-form-token-field__suggestion-match {
text-decoration:underline
}