.wpzoom-preferred-source {
--wpzoom-ps-bg: #ffffff;
--wpzoom-ps-bg-hover: #f6f8fc;
--wpzoom-ps-text: #1f1f1f;
--wpzoom-ps-border: #c4c7c5;
--wpzoom-ps-border-hover: #a8abaa;
--wpzoom-ps-focus: #0b57d0;
--wpzoom-ps-font-size: 15px;
margin-top: 1em;
margin-bottom: 1em;
line-height: 1;
}
.wpzoom-preferred-source.is-theme-dark {
--wpzoom-ps-bg: #1f1f1f;
--wpzoom-ps-bg-hover: #2b2b2b;
--wpzoom-ps-text: #e3e3e3;
--wpzoom-ps-border: #8e918f;
--wpzoom-ps-border-hover: #c4c7c5;
--wpzoom-ps-focus: #a8c7fa;
}
@media (prefers-color-scheme: dark) {
.wpzoom-preferred-source.is-theme-auto {
--wpzoom-ps-bg: #1f1f1f;
--wpzoom-ps-bg-hover: #2b2b2b;
--wpzoom-ps-text: #e3e3e3;
--wpzoom-ps-border: #8e918f;
--wpzoom-ps-border-hover: #c4c7c5;
--wpzoom-ps-focus: #a8c7fa;
}
}
.wpzoom-preferred-source.is-size-small {
--wpzoom-ps-font-size: 13px;
}
.wpzoom-preferred-source.is-size-large {
--wpzoom-ps-font-size: 18px;
}
.wpzoom-preferred-source.has-text-align-left {
text-align: left;
}
.wpzoom-preferred-source.has-text-align-center {
text-align: center;
}
.wpzoom-preferred-source.has-text-align-right {
text-align: right;
}
.wpzoom-preferred-source .wpzoom-preferred-source__button {
display: inline-flex;
align-items: center;
gap: 0.67em;
box-sizing: border-box;
max-width: 100%;
margin: 0;
padding: 0.67em 1.33em 0.67em 1em;
border: 1px solid var(--wpzoom-ps-border);
border-radius: 999px;
background: var(--wpzoom-ps-bg);
box-shadow: none;
color: var(--wpzoom-ps-text);
font-family: "Google Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: var(--wpzoom-ps-font-size);
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1.25;
text-align: left;
text-decoration: none;
text-transform: none;
white-space: normal;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.wpzoom-preferred-source .wpzoom-preferred-source__button:hover {
border-color: var(--wpzoom-ps-border-hover);
background: var(--wpzoom-ps-bg-hover);
color: var(--wpzoom-ps-text);
text-decoration: none;
}
.wpzoom-preferred-source .wpzoom-preferred-source__button:focus {
color: var(--wpzoom-ps-text);
text-decoration: none;
}
.wpzoom-preferred-source .wpzoom-preferred-source__button:focus-visible {
outline: 2px solid var(--wpzoom-ps-focus);
outline-offset: 2px;
}
.wpzoom-preferred-source .wpzoom-preferred-source__logo {
display: block;
flex: none;
width: 1.33em;
height: 1.33em;
}
.wpzoom-preferred-source .wpzoom-preferred-source__label {
display: block;
}