.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}.wpe-sticker,
.wpe-mascot,
.wpe-bubble,
.wpe-sticker-image,
.wpe-image,
a.wpe-sticker,
a.wpe-mascot,
a.wpe-bubble,
a.wpe-sticker-image,
a.wpe-image {
box-sizing: border-box;
} .wpe-sticker,
.wpe-sticker-image,
.wpe-mascot,
.wpe-bubble,
.wpe-image,
a.wpe-sticker,
a.wpe-sticker-image,
a.wpe-mascot,
a.wpe-bubble,
a.wpe-image {
z-index: 999999;
text-decoration: none;
color: inherit;
}
.wpe-placement-fixed {
position: fixed;
}
a.wpe-sticker,
a.wpe-sticker-image,
a.wpe-mascot,
a.wpe-bubble,
a.wpe-image,
.wpe-has-link,
.wpe-track-click {
text-decoration: none !important;
color: inherit !important;
cursor: pointer;
}
a.wpe-sticker:hover,
a.wpe-sticker-image:hover,
a.wpe-mascot:hover,
a.wpe-bubble:hover,
a.wpe-image:hover,
.wpe-has-link:hover,
.wpe-track-click:hover {
text-decoration: none !important;
color: inherit !important;
}
.wpe-has-link:focus,
.wpe-track-click:focus,
a.wpe-sticker:focus,
a.wpe-sticker-image:focus,
a.wpe-mascot:focus,
a.wpe-bubble:focus,
a.wpe-image:focus {
outline: none;
} .wpe-sticker,
a.wpe-sticker {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 18px;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
max-width: 220px;
min-width: 80px;
text-align: center;
word-break: break-word;
white-space: normal;
overflow: visible;
}
.wpe-sticker:hover,
a.wpe-sticker:hover {
text-decoration: none;
}
.wpe-sticker-text {
display: block;
width: 100%;
font-size: var(--wpe-font-size, 14px);
font-weight: var(--wpe-font-weight, 700);
text-align: var(--wpe-text-align, center);
line-height: 1.3;
word-break: break-word;
margin: 0;
color: var(--wpe-text-color, inherit);
} .wpe-shape-rectangle {
border-radius: 10px;
}
.wpe-shape-rounded {
border-radius: 18px;
}
.wpe-shape-pill {
border-radius: 999px;
min-width: 150px;
min-height: 50px;
padding: 14px 22px;
}
.wpe-shape-circle {
border-radius: 50%;
width: 118px;
min-width: 118px;
height: 118px;
min-height: 118px;
padding: 18px;
}
.wpe-shape-badge {
border-radius: 16px;
min-width: 150px;
min-height: 56px;
padding: 14px 22px;
box-shadow:
0 10px 25px rgba(0, 0, 0, 0.18),
0 0 0 5px rgba(255, 255, 255, 0.22),
inset 0 -2px 0 rgba(0, 0, 0, 0.08);
}
.wpe-shape-star {
clip-path: polygon(
50% 0%,
61% 35%,
98% 35%,
68% 57%,
79% 91%,
50% 70%,
21% 91%,
32% 57%,
2% 35%,
39% 35%
);
min-width: 160px;
min-height: 160px;
padding: 34px 28px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wpe-shape-burst {
clip-path: polygon(
50% 0%,
60% 12%,
75% 5%,
78% 20%,
95% 18%,
88% 34%,
100% 50%,
88% 66%,
95% 82%,
78% 80%,
75% 95%,
60% 88%,
50% 100%,
40% 88%,
25% 95%,
22% 80%,
5% 82%,
12% 66%,
0% 50%,
12% 34%,
5% 18%,
22% 20%,
25% 5%,
40% 12%
);
min-width: 160px;
min-height: 160px;
padding: 30px 26px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wpe-shape-ribbon {
clip-path: polygon(
0 0,
100% 0,
100% 75%,
75% 100%,
50% 82%,
25% 100%,
0 75%
);
min-width: 155px;
min-height: 72px;
padding: 16px 18px 26px;
}
.wpe-shape-diamant {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
min-width: 145px;
min-height: 145px;
padding: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wpe-shape-hexagon {
clip-path: polygon(
25% 0%,
75% 0%,
100% 50%,
75% 100%,
25% 100%,
0% 50%
);
min-width: 155px;
min-height: 126px;
padding: 22px 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wpe-shape-lesezeichen {
clip-path: polygon(
0 0,
100% 0,
100% 100%,
50% 80%,
0 100%
);
min-width: 125px;
min-height: 155px;
padding: 18px 16px 30px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wpe-shape-star .wpe-sticker-text,
.wpe-shape-burst .wpe-sticker-text,
.wpe-shape-diamant .wpe-sticker-text,
.wpe-shape-hexagon .wpe-sticker-text,
.wpe-shape-circle .wpe-sticker-text,
.wpe-shape-lesezeichen .wpe-sticker-text {
max-width: 78%;
margin: 0 auto;
} .wpe-sticker,
a.wpe-sticker {
position: relative;
isolation: isolate;
}
.wpe-sticker::before,
a.wpe-sticker::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 0;
opacity: 0.22;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.55) 0%,
rgba(255, 255, 255, 0.18) 32%,
rgba(255, 255, 255, 0) 60%
);
}
.wpe-sticker::after,
a.wpe-sticker::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 0;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.10);
opacity: 0.9;
}
.wpe-sticker-text {
position: relative;
z-index: 1;
} .wpe-shape-pill {
border-radius: 999px;
min-width: 150px;
min-height: 50px;
padding: 14px 22px;
box-shadow:
0 12px 30px rgba(0, 0, 0, 0.18),
inset 0 -2px 0 rgba(0, 0, 0, 0.10);
}
.wpe-shape-badge {
border-radius: 16px;
min-width: 150px;
min-height: 56px;
padding: 14px 22px;
box-shadow:
0 12px 30px rgba(0, 0, 0, 0.20),
0 0 0 5px rgba(255, 255, 255, 0.22),
inset 0 -2px 0 rgba(0, 0, 0, 0.10);
}
.wpe-shape-star,
.wpe-shape-burst,
.wpe-shape-diamant,
.wpe-shape-hexagon,
.wpe-shape-lesezeichen,
.wpe-shape-ribbon {
box-shadow:
0 12px 30px rgba(0, 0, 0, 0.18),
inset 0 -2px 0 rgba(0, 0, 0, 0.10);
}
.wpe-shape-circle {
border-radius: 50%;
width: 118px;
min-width: 118px;
height: 118px;
min-height: 118px;
padding: 18px;
box-shadow:
0 12px 30px rgba(0, 0, 0, 0.18),
inset 0 -2px 0 rgba(0, 0, 0, 0.10);
} .wpe-sticker:hover,
a.wpe-sticker:hover,
.wpe-sticker-image:hover,
a.wpe-sticker-image:hover,
.wpe-mascot:hover,
a.wpe-mascot:hover,
.wpe-bubble:hover,
a.wpe-bubble:hover,
.wpe-image:hover,
a.wpe-image:hover,
.wpe-has-link:hover,
.wpe-track-click:hover {
transform: translateY(-2px);
}
.wpe-sticker:hover,
a.wpe-sticker:hover {
box-shadow:
0 16px 34px rgba(0, 0, 0, 0.22),
inset 0 -2px 0 rgba(0, 0, 0, 0.10);
}
.wpe-animate-pulse:hover,
.wpe-animate-bounce:hover,
.wpe-animate-shake:hover {
transform-origin: center;
} .wpe-sticker-image,
.wpe-image,
a.wpe-sticker-image,
a.wpe-image,
.wpe-mascot,
a.wpe-mascot,
.wpe-bubble,
a.wpe-bubble {
max-width: 260px;
}
.wpe-sticker-image-inner,
.wpe-mascot,
.wpe-bubble-inner {
background: transparent !important;
box-shadow: none !important;
} .wpe-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 9999999;
opacity: 0;
transition: opacity 0.28s ease;
}
.wpe-overlay.is-visible {
display: block !important;
opacity: 1;
}
.wpe-overlay-backdrop {
position: absolute;
inset: 0;
background:
radial-gradient(circle at top, rgba(37, 99, 235, 0.12), transparent 38%),
rgba(15, 23, 42, 0.62);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.wpe-overlay-box {
position: relative;
z-index: 2;
width: min(92%, 560px);
margin: 9vh auto 0;
padding: 34px 30px 28px;
border-radius: 24px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
color: #0f172a;
box-shadow:
0 30px 80px rgba(15, 23, 42, 0.28),
0 10px 30px rgba(15, 23, 42, 0.12);
border: 1px solid rgba(255, 255, 255, 0.7);
transform: translateY(24px) scale(0.98);
opacity: 0;
transition:
transform 0.34s ease,
opacity 0.34s ease;
overflow: hidden;
}
.wpe-overlay-box::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 6px;
background: linear-gradient(90deg, #2563eb, #7c3aed, #ec4899);
}
.wpe-overlay-box::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 26%),
radial-gradient(circle at bottom left, rgba(124, 58, 237, 0.08), transparent 26%);
}
.wpe-overlay.is-visible .wpe-overlay-box {
transform: translateY(0) scale(1);
opacity: 1;
}
.wpe-overlay-box-banner {
width: min(94%, 760px);
min-height: 300px;
padding: 40px 34px 30px;
background-repeat: no-repeat;
background-origin: border-box;
background-clip: padding-box;
}
.wpe-overlay-box-banner::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(180deg, rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0.34)),
radial-gradient(circle at top right, rgba(255, 255, 255, 0.10), transparent 30%);
}
.wpe-overlay-box-banner .wpe-overlay-title,
.wpe-overlay-box-banner .wpe-overlay-text,
.wpe-overlay-box-banner .wpe-overlay-button-wrap,
.wpe-overlay-box-banner .wpe-overlay-button,
.wpe-overlay-box-banner .wpe-overlay-close {
position: relative;
z-index: 2;
}
.wpe-overlay-title {
margin: 0 38px 14px 0;
font-size: 32px;
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.02em;
color: #0f172a;
position: relative;
z-index: 1;
}
.wpe-overlay-text {
margin: 0 0 24px;
line-height: 1.7;
font-size: 16px;
color: #334155;
position: relative;
z-index: 1;
}
.wpe-overlay-text p:last-child {
margin-bottom: 0;
}
.wpe-overlay-button-wrap {
display: flex;
width: 100%;
margin-top: 6px;
position: relative;
z-index: 1;
}
.wpe-overlay-button-align-left {
justify-content: flex-start;
}
.wpe-overlay-button-align-center {
justify-content: center;
}
.wpe-overlay-button-align-right {
justify-content: flex-end;
}
.wpe-overlay-button-align-full {
justify-content: stretch;
}
.wpe-overlay-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 13px 22px;
border-radius: 14px;
background: linear-gradient(135deg, #111827, #1f2937);
color: #fff !important;
text-decoration: none !important;
border: none;
cursor: pointer;
font-weight: 700;
font-size: 15px;
box-shadow:
0 12px 26px rgba(17, 24, 39, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.12);
transition:
transform 0.18s ease,
box-shadow 0.18s ease,
opacity 0.18s ease;
position: relative;
z-index: 1;
}
.wpe-overlay-button-full {
width: 100%;
}
.wpe-overlay-button::after {
content: "→";
font-size: 16px;
line-height: 1;
}
.wpe-overlay-button:hover {
color: #fff !important;
text-decoration: none !important;
transform: translateY(-2px);
box-shadow:
0 18px 34px rgba(17, 24, 39, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.wpe-overlay-button:active {
transform: translateY(0);
}
.wpe-overlay-close {
position: absolute;
top: 16px;
right: 16px;
width: 38px;
height: 38px;
border: 0;
border-radius: 999px;
background: rgba(15, 23, 42, 0.06);
color: #334155;
font-size: 24px;
cursor: pointer;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
transition:
background 0.18s ease,
transform 0.18s ease,
color 0.18s ease;
z-index: 3;
}
.wpe-overlay-close:hover {
background: rgba(15, 23, 42, 0.12);
color: #0f172a;
transform: rotate(90deg);
} @media (max-width: 768px) {
.wpe-shape-star,
.wpe-shape-burst {
min-width: 120px;
min-height: 120px;
padding: 22px 18px;
}
.wpe-shape-circle,
.wpe-shape-diamant {
min-width: 100px;
min-height: 100px;
}
.wpe-shape-hexagon {
min-width: 120px;
min-height: 100px;
}
.wpe-shape-lesezeichen {
min-width: 100px;
min-height: 130px;
}
.wpe-sticker,
a.wpe-sticker {
font-size: 13px;
padding: 12px 14px;
max-width: 170px;
}
.wpe-shape-pill {
min-width: 120px;
min-height: 42px;
padding: 12px 16px;
}
.wpe-sticker-image,
.wpe-image,
.wpe-mascot,
.wpe-bubble,
a.wpe-sticker-image,
a.wpe-image,
a.wpe-mascot,
a.wpe-bubble {
max-width: 180px;
}
.wpe-overlay-box {
width: min(94%, 560px);
margin-top: 10vh;
padding: 28px 20px 22px;
border-radius: 20px;
}
.wpe-overlay-box-banner {
width: min(94%, 560px);
min-height: 240px;
padding: 28px 20px 22px;
background-position: center center !important;
}
.wpe-overlay-title {
font-size: 24px;
margin-right: 32px;
}
.wpe-overlay-text {
font-size: 15px;
line-height: 1.6;
}
.wpe-overlay-button-wrap,
.wpe-overlay-button-align-left,
.wpe-overlay-button-align-center,
.wpe-overlay-button-align-right,
.wpe-overlay-button-align-full {
justify-content: stretch;
}
.wpe-overlay-button,
.wpe-overlay-button-full {
width: 100%;
}
.wpe-overlay-close {
top: 12px;
right: 12px;
width: 34px;
height: 34px;
font-size: 22px;
}
}.wp-block-image.spectra-mask img{mask-image:var(--spectra-mask-image);-webkit-mask-image:var(--spectra-mask-image);mask-position:var(--spectra-mask-position,center center);-webkit-mask-position:var(--spectra-mask-position,center center);mask-repeat:var(--spectra-mask-repeat,no-repeat);-webkit-mask-repeat:var(--spectra-mask-repeat,no-repeat);mask-size:var(--spectra-mask-size,contain);-webkit-mask-size:var(--spectra-mask-size,contain)}.spectra-responsive-hidden{background:repeating-linear-gradient(125deg,#0000000d,#0000000d 1px,#0000 2px,#0000 9px);opacity:.4}.spectra-responsive-icons{align-items:last baseline;display:inline-flex;gap:.4rem;margin:0 0 0 .4rem;padding:0}.spectra-responsive-icons button.spectra-responsive-icon{backface-visibility:hidden;background:none;border:none;cursor:pointer;height:.825rem;line-height:1;margin:0;padding:0;transition:opacity .15s ease,transform .15s ease;width:.825rem}.spectra-responsive-icons button.spectra-responsive-icon svg{height:100%;width:100%;fill:none;shape-rendering:geometricPrecision;display:block;will-change:transform}.spectra-responsive-icons button.spectra-responsive-icon.is-active svg,.spectra-responsive-icons button.spectra-responsive-icon:hover svg{stroke:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.spectra-responsive-icons button.spectra-responsive-icon:focus{box-shadow:none;outline:none}.components-tools-panel.spectra-enhanced-panel .components-tools-panel-header h2{display:inline-flex;width:100%}.components-tools-panel.spectra-enhanced-panel .spectra-responsive-help-notice{grid-column:span 2;position:relative;z-index:1}.components-tools-panel.spectra-enhanced-panel .spectra-responsive-help-notice.components-notice.is-info{display:block!important}.components-tools-panel.spectra-enhanced-panel .spectra-responsive-help-notice+.components-tools-panel__item:first-of-type{margin-top:0}.components-panel__body.spectra-enhanced-panel .components-base-control__label,.components-panel__body.spectra-enhanced-panel .components-input-control__label,.components-panel__body.spectra-enhanced-panel .components-toggle-control__label,.components-panel__body.spectra-enhanced-panel .spacing-sizes-control__label,.components-panel__body.spectra-enhanced-panel label,.spectra-enhanced-panel .spectra-enhanced-control .components-base-control__label,.spectra-enhanced-panel .spectra-enhanced-control .components-input-control__label,.spectra-enhanced-panel .spectra-enhanced-control .components-toggle-control__label,.spectra-enhanced-panel .spectra-enhanced-control .spacing-sizes-control__label,.spectra-enhanced-panel .spectra-enhanced-control label,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .components-base-control__label,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .components-input-control__label,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .components-toggle-control__label,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .spacing-sizes-control__label,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item label{align-items:center;display:inline-flex;position:relative}.components-panel__body.spectra-enhanced-panel .components-base-control__label:after,.components-panel__body.spectra-enhanced-panel .components-input-control__label:after,.components-panel__body.spectra-enhanced-panel .components-toggle-control__label:after,.components-panel__body.spectra-enhanced-panel .spacing-sizes-control__label:after,.components-panel__body.spectra-enhanced-panel label:after,.spectra-enhanced-panel .spectra-enhanced-control .components-base-control__label:after,.spectra-enhanced-panel .spectra-enhanced-control .components-input-control__label:after,.spectra-enhanced-panel .spectra-enhanced-control .components-toggle-control__label:after,.spectra-enhanced-panel .spectra-enhanced-control .spacing-sizes-control__label:after,.spectra-enhanced-panel .spectra-enhanced-control label:after,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .components-base-control__label:after,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .components-input-control__label:after,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .components-toggle-control__label:after,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item .spacing-sizes-control__label:after,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item label:after{backface-visibility:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone\"><path d=\"M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8\"/><path d=\"M10 19v-3.96 3.15\"/><path d=\"M7 19h5\"/><rect width=\"6\" height=\"10\" x=\"16\" y=\"12\" rx=\"2\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:.825rem;image-rendering:crisp-edges;margin-left:.4rem;transform:translateZ(0);transition:background-image .1s ease-out;vertical-align:middle;width:.825rem;will-change:transform}.spectra-enhanced-control[aria-label="Slider Settings"] .components-flex .components-base-control:not(:first-child):not(:nth-child(2)) .components-toggle-control__label:after,.spectra-enhanced-control[aria-label="Slider Settings"] .components-flex .components-base-control:not(:first-child):not(:nth-child(2)) label:after,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item[aria-label="Drop cap"] .components-toggle-control__label:after,.typography-block-support-panel.spectra-enhanced-panel .components-tools-panel-item[aria-label="Drop cap"] label:after{display:none}.spectra-updating{transition:none!important;visibility:hidden!important}.spectra-responsive-icons.spectra-injecting{opacity:0;transition:none}.has-z-index.has-z-index{position:relative;z-index:var(--spectra-z-index,auto)!important}a.wpe-item.wpe-pro-rendered,
a.wpe-item.wpe-pro-rendered:hover,
a.wpe-item.wpe-pro-rendered:focus,
a.wpe-item.wpe-pro-rendered:active,
a.wpe-sticker-image,
a.wpe-mascot-motion,
a.wpe-bubble,
a.wpe-type-image,
a.wpe-type-sticker-image,
a.wpe-image,
.wpe-track-click.wpe-pro-rendered,
.wpe-track-click.wpe-pro-rendered:hover,
.wpe-track-click.wpe-pro-rendered:focus,
.wpe-track-click.wpe-pro-rendered:active {
text-decoration: none !important;
color: inherit !important;
}
a.wpe-item.wpe-pro-rendered,
a.wpe-sticker-image,
a.wpe-mascot-motion,
a.wpe-bubble,
a.wpe-image,
.wpe-track-click.wpe-pro-rendered {
cursor: pointer;
} .wpe-sticker-image,
.wpe-image,
a.wpe-sticker-image,
a.wpe-image {
background: transparent !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
min-height: 0 !important;
}
.wpe-sticker-image-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
text-align: var(--wpe-text-align, center);
background: transparent !important;
box-shadow: none !important;
transition: opacity 0.2s ease, filter 0.2s ease;
}
.wpe-sticker-image img,
.wpe-image img {
display: block;
width: var(--wpe-image-width, 220px);
max-width: 100%;
height: auto;
background: transparent !important;
}
.wpe-sticker-image .wpe-sticker-text,
.wpe-image .wpe-sticker-text,
a.wpe-sticker-image .wpe-sticker-text,
a.wpe-image .wpe-sticker-text {
margin-top: 8px;
text-align: var(--wpe-text-align, center);
font-size: var(--wpe-font-size, 16px);
font-weight: var(--wpe-font-weight, 700);
line-height: 1.3;
word-break: break-word;
max-width: 220px;
color: var(--wpe-text-color, #111111);
} .wpe-placement-anchor,
.wpe-placement-shortcode {
max-width: none !important;
}
.wpe-placement-anchor {
position: absolute;
z-index: 999999;
margin: 0 !important;
}
.wpe-placement-shortcode {
position: relative;
z-index: 1;
display: inline-flex;
vertical-align: middle;
margin: 0;
} .wpe-mascot-motion,
a.wpe-mascot-motion {
background: transparent !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
min-height: 0 !important;
will-change: transform;
pointer-events: auto;
overflow: visible !important;
transform: translate3d(0, 0, 0);
opacity: 1 !important;
visibility: visible !important;
}
.wpe-mascot-motion.wpe-placement-fixed,
a.wpe-mascot-motion.wpe-placement-fixed {
position: fixed !important;
z-index: 999999 !important;
}
.wpe-mascot-motion.wpe-placement-anchor,
a.wpe-mascot-motion.wpe-placement-anchor {
position: absolute !important;
z-index: 999999 !important;
}
.wpe-mascot-motion.wpe-placement-shortcode,
a.wpe-mascot-motion.wpe-placement-shortcode {
position: relative !important;
z-index: 1 !important;
display: inline-flex !important;
transform: none !important;
vertical-align: middle;
} .wpe-mascot-motion .wpe-mascot,
a.wpe-mascot-motion .wpe-mascot {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
z-index: auto !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
background: transparent !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
min-height: 0 !important;
overflow: visible !important;
cursor: inherit;
text-decoration: none;
opacity: 1 !important;
visibility: visible !important;
transition: opacity 0.2s ease, filter 0.2s ease;
}
.wpe-mascot-motion .wpe-mascot-image {
background: transparent !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
}
.wpe-mascot-motion .wpe-mascot-image img {
display: block !important;
width: var(--wpe-image-width, 220px) !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
}
.wpe-mascot-motion .wpe-mascot-text {
margin-top: 8px;
text-align: var(--wpe-text-align, center);
font-size: var(--wpe-font-size, 16px);
font-weight: var(--wpe-font-weight, 700);
line-height: 1.3;
word-break: break-word;
max-width: 220px;
color: var(--wpe-text-color, #111111);
opacity: 1 !important;
visibility: visible !important;
} .wpe-is-bubble,
.wpe-bubble,
a.wpe-bubble {
background: transparent !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
color: inherit !important;
}
.wpe-bubble,
a.wpe-bubble {
position: relative;
display: inline-block;
width: var(--wpe-image-width, 220px) !important;
max-width: 100%;
line-height: 1;
overflow: visible !important;
vertical-align: top;
}
.wpe-bubble-box {
position: relative;
display: block;
width: 100%;
min-width: 120px;
margin: 0 auto;
padding: 14px 16px;
color: var(--wpe-bubble-text, #111111);
text-align: var(--wpe-text-align, center);
font-size: var(--wpe-font-size, 16px);
font-weight: var(--wpe-font-weight, 700);
line-height: 1.3;
word-break: break-word;
overflow-wrap: anywhere;
box-sizing: border-box;
border-radius: 18px;
background:
linear-gradient(180deg, var(--wpe-bubble-highlight) 0%, rgba(255,255,255,0) 34%),
linear-gradient(180deg, var(--wpe-bubble-fill-1) 0%, var(--wpe-bubble-fill-2) 62%, var(--wpe-bubble-fill-3) 100%);
box-shadow:
0 18px 32px var(--wpe-bubble-shadow),
0 6px 10px rgba(15, 23, 42, 0.08),
inset 0 2px 0 rgba(255,255,255,0.34),
inset 0 -3px 0 rgba(0,0,0,0.08);
transition: opacity 0.2s ease, filter 0.2s ease;
}
.wpe-bubble-box::before {
content: "";
position: absolute;
top: 8px;
left: 12px;
right: 12px;
height: 34%;
border-radius: 999px;
background: linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0));
pointer-events: none;
}
.wpe-bubble-box::after {
content: "";
position: absolute;
bottom: -10px;
left: 18px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: var(--wpe-bubble-tail) transparent transparent transparent;
filter: drop-shadow(0 4px 5px rgba(0,0,0,0.10));
}
.wpe-bubble-content,
.wpe-bubble-content p {
margin: 0;
}
.wpe-bubble-content {
position: relative;
z-index: 3;
text-shadow: 0 1px 0 rgba(255,255,255,0.10);
}
.wpe-bubble-content * {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-align: inherit;
margin-top: 0;
margin-bottom: 0;
} .wpe-bubble-rounded .wpe-bubble-box {
border-radius: 22px;
}
.wpe-bubble-rounded_left .wpe-bubble-box {
border-radius: 22px;
}
.wpe-bubble-rounded_left .wpe-bubble-box::after {
left: 16px;
right: auto;
}
.wpe-bubble-rounded_right .wpe-bubble-box {
border-radius: 22px;
}
.wpe-bubble-rounded_right .wpe-bubble-box::after {
left: auto;
right: 16px;
}
.wpe-bubble-square .wpe-bubble-box {
border-radius: 6px;
}
.wpe-bubble-square_left .wpe-bubble-box {
border-radius: 6px;
}
.wpe-bubble-square_left .wpe-bubble-box::after {
left: 16px;
right: auto;
}
.wpe-bubble-square_right .wpe-bubble-box {
border-radius: 6px;
}
.wpe-bubble-square_right .wpe-bubble-box::after {
left: auto;
right: 16px;
}
.wpe-bubble-soft .wpe-bubble-box {
border-radius: 30px;
padding: 16px 18px;
}
.wpe-bubble-badge .wpe-bubble-box {
border-radius: 999px;
padding: 15px 18px;
}
.wpe-bubble-ribbon .wpe-bubble-box {
border-radius: 8px;
}
.wpe-bubble-ribbon .wpe-bubble-box::after {
left: auto;
right: 16px;
}
.wpe-bubble-thought .wpe-bubble-box {
border-radius: 999px;
padding: 16px 18px;
}
.wpe-bubble-thought .wpe-bubble-box::after {
width: 10px;
height: 10px;
border: none;
border-radius: 50%;
background: var(--wpe-bubble-tail);
bottom: -14px;
left: 22px;
box-shadow:
-12px 12px 0 0 var(--wpe-bubble-tail),
-24px 24px 0 -1px var(--wpe-bubble-tail);
filter: drop-shadow(0 4px 5px rgba(0,0,0,0.10));
}
.wpe-bubble-cloud .wpe-bubble-box {
min-height: 90px;
padding: 24px 24px 18px;
border-radius: 999px;
box-shadow:
0 20px 34px var(--wpe-bubble-shadow),
0 8px 14px rgba(15, 23, 42, 0.10),
inset 0 2px 0 rgba(255,255,255,0.34),
inset 0 -3px 0 rgba(0,0,0,0.08);
}
.wpe-bubble-cloud .wpe-bubble-box::before {
content: "";
position: absolute;
top: -24px;
left: 26px;
width: 46px;
height: 46px;
border-radius: 50%;
background:
linear-gradient(180deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.00) 36%),
var(--wpe-bubble-fill-1);
box-shadow:
34px -8px 0 10px var(--wpe-bubble-fill-1),
78px 2px 0 -2px var(--wpe-bubble-cloud-shade),
10px 10px 0 rgba(255,255,255,0.10);
filter: drop-shadow(0 8px 12px rgba(0,0,0,0.08));
pointer-events: none;
}
.wpe-bubble-cloud .wpe-bubble-box::after {
width: 16px;
height: 16px;
border: none;
border-radius: 50%;
background: var(--wpe-bubble-tail);
bottom: -12px;
left: 28px;
box-shadow:
-18px 16px 0 0 var(--wpe-bubble-tail),
-34px 30px 0 -2px var(--wpe-bubble-tail);
filter: drop-shadow(0 4px 5px rgba(0,0,0,0.10));
}
.wpe-bubble-burst .wpe-bubble-box {
clip-path: polygon(
50% 0%,
61% 15%,
78% 6%,
82% 24%,
100% 26%,
89% 42%,
100% 58%,
82% 60%,
78% 78%,
61% 69%,
50% 100%,
39% 69%,
22% 78%,
18% 60%,
0% 58%,
11% 42%,
0% 26%,
18% 24%,
22% 6%,
39% 15%
);
padding: 20px 22px;
}
.wpe-bubble-burst .wpe-bubble-box::after {
display: none;
}
.wpe-bubble-heart {
padding-top: 34px;
}
.wpe-bubble-heart .wpe-bubble-box {
width: 140px;
min-width: 140px;
height: 126px;
min-height: 126px;
padding: 0 18px 8px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 0;
background:
linear-gradient(180deg, var(--wpe-bubble-highlight) 0%, rgba(255,255,255,0) 32%),
linear-gradient(180deg, var(--wpe-bubble-fill-1) 0%, var(--wpe-bubble-fill-2) 62%, var(--wpe-bubble-fill-3) 100%);
transform: rotate(-45deg);
box-shadow:
0 18px 32px var(--wpe-bubble-shadow),
0 8px 14px rgba(15, 23, 42, 0.10),
inset 0 2px 0 rgba(255,255,255,0.20),
inset 0 -3px 0 rgba(0,0,0,0.08);
}
.wpe-bubble-heart .wpe-bubble-box::before,
.wpe-bubble-heart .wpe-bubble-box::after {
content: "";
position: absolute;
background:
linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.00) 34%),
linear-gradient(180deg, var(--wpe-bubble-fill-1) 0%, var(--wpe-bubble-fill-2) 62%, var(--wpe-bubble-fill-3) 100%);
}
.wpe-bubble-heart .wpe-bubble-box::before {
width: 140px;
height: 126px;
border-radius: 50%;
top: -68px;
left: 0;
}
.wpe-bubble-heart .wpe-bubble-box::after {
width: 126px;
height: 126px;
border-radius: 50%;
top: 0;
left: 68px;
}
.wpe-bubble-heart .wpe-bubble-content {
transform: rotate(45deg);
max-width: 82px;
line-height: 1.15;
color: var(--wpe-bubble-text, #7f1d1d);
text-shadow: 0 1px 0 rgba(255,255,255,0.18);
}
.wpe-bubble-heart .wpe-bubble-content * {
transform: none;
} .wpe-item.wpe-pro-rendered,
.wpe-item.wpe-pro-rendered .wpe-sticker-image-inner,
.wpe-item.wpe-pro-rendered .wpe-mascot,
.wpe-item.wpe-pro-rendered .wpe-mascot-image {
background-color: transparent !important;
background-image: none !important;
}
.wpe-item.wpe-type-sticker-image.wpe-sticker-image,
.wpe-item.wpe-type-image.wpe-sticker-image,
.wpe-item.wpe-type-image.wpe-image,
a.wpe-item.wpe-type-image.wpe-image {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
box-shadow: none !important;
} a.wpe-item.wpe-pro-rendered:hover .wpe-sticker-image-inner,
a.wpe-sticker-image:hover .wpe-sticker-image-inner,
a.wpe-image:hover .wpe-sticker-image-inner,
a.wpe-bubble:hover .wpe-bubble-box,
a.wpe-mascot-motion:hover .wpe-mascot,
.wpe-track-click.wpe-pro-rendered:hover .wpe-sticker-image-inner,
.wpe-track-click.wpe-pro-rendered:hover .wpe-bubble-box,
.wpe-track-click.wpe-pro-rendered:hover .wpe-mascot {
opacity: 0.96;
filter: brightness(1.02);
}
.wpe-render-context-shortcode a.wpe-item.wpe-pro-rendered:hover .wpe-sticker-image-inner,
.wpe-render-context-shortcode a.wpe-sticker-image:hover .wpe-sticker-image-inner,
.wpe-render-context-shortcode a.wpe-image:hover .wpe-sticker-image-inner,
.wpe-render-context-shortcode a.wpe-bubble:hover .wpe-bubble-box,
.wpe-render-context-shortcode a.wpe-mascot-motion:hover .wpe-mascot,
.wpe-render-context-shortcode .wpe-track-click.wpe-pro-rendered:hover .wpe-sticker-image-inner,
.wpe-render-context-shortcode .wpe-track-click.wpe-pro-rendered:hover .wpe-bubble-box,
.wpe-render-context-shortcode .wpe-track-click.wpe-pro-rendered:hover .wpe-mascot {
opacity: 1;
filter: none;
} .wpe-render-context-shortcode {
position: relative !important;
}
.wpe-render-context-shortcode.wpe-sticker-image,
.wpe-render-context-shortcode.wpe-image,
.wpe-render-context-shortcode.wpe-bubble,
.wpe-render-context-shortcode.wpe-item.wpe-pro-rendered,
a.wpe-render-context-shortcode.wpe-sticker-image,
a.wpe-render-context-shortcode.wpe-image,
a.wpe-render-context-shortcode.wpe-bubble,
a.wpe-render-context-shortcode.wpe-item.wpe-pro-rendered {
display: inline-flex;
vertical-align: middle;
}
.wpe-render-context-shortcode .wpe-sticker-text,
.wpe-render-context-shortcode .wpe-mascot-text {
max-width: min(220px, 40vw);
}
.wpe-render-context-shortcode.wpe-bubble,
a.wpe-render-context-shortcode.wpe-bubble {
width: var(--wpe-image-width, 220px) !important;
max-width: 100%;
} .wpe-render-context-footer.wpe-placement-anchor,
.wpe-render-context-shortcode.wpe-placement-anchor {
position: absolute !important;
z-index: 999999 !important;
} .wpe-animate-pulse {
animation: wpeProPulse 1.8s ease-in-out infinite;
transform-origin: center center;
}
.wpe-animate-bounce {
animation: wpeProBounce 1.2s ease-in-out infinite;
transform-origin: center bottom;
}
.wpe-animate-shake {
animation: wpeProShake 0.9s ease-in-out infinite;
transform-origin: center center;
}
@keyframes wpeProPulse {
0% { transform: scale(1); }
50% { transform: scale(1.06); }
100% { transform: scale(1); }
}
@keyframes wpeProBounce {
0% { transform: translateY(0); }
25% { transform: translateY(-8px); }
50% { transform: translateY(0); }
75% { transform: translateY(-4px); }
100% { transform: translateY(0); }
}
@keyframes wpeProShake {
0% { transform: translateX(0); }
15% { transform: translateX(-3px) rotate(-1deg); }
30% { transform: translateX(3px) rotate(1deg); }
45% { transform: translateX(-3px) rotate(-1deg); }
60% { transform: translateX(3px) rotate(1deg); }
75% { transform: translateX(-2px) rotate(-0.5deg); }
100% { transform: translateX(0); }
} .wpe-bubble,
a.wpe-bubble {
isolation: isolate;
}
.wpe-bubble .wpe-bubble-box,
a.wpe-bubble .wpe-bubble-box {
position: relative;
z-index: 1;
background-color: var(--wpe-bubble-fill-2, #f6d94c) !important;
background-image:
linear-gradient(180deg, var(--wpe-bubble-highlight, rgba(255,255,255,0.25)) 0%, rgba(255,255,255,0) 34%),
linear-gradient(180deg, var(--wpe-bubble-fill-1, #ffe96b) 0%, var(--wpe-bubble-fill-2, #f6d94c) 62%, var(--wpe-bubble-fill-3, #d9b72f) 100%) !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
}
.wpe-bubble .wpe-bubble-content,
a.wpe-bubble .wpe-bubble-content {
position: relative;
z-index: 3;
}
.wpe-bubble .wpe-bubble-box::before,
.wpe-bubble .wpe-bubble-box::after,
a.wpe-bubble .wpe-bubble-box::before,
a.wpe-bubble .wpe-bubble-box::after {
z-index: 2;
} .wpe-bubble-cloud .wpe-bubble-box,
a.wpe-bubble-cloud .wpe-bubble-box {
background-color: var(--wpe-bubble-fill-2, #f6d94c) !important;
background-image:
linear-gradient(180deg, var(--wpe-bubble-highlight, rgba(255,255,255,0.25)) 0%, rgba(255,255,255,0) 34%),
linear-gradient(180deg, var(--wpe-bubble-fill-1, #ffe96b) 0%, var(--wpe-bubble-fill-2, #f6d94c) 62%, var(--wpe-bubble-fill-3, #d9b72f) 100%) !important;
} .wpe-bubble-thought .wpe-bubble-box,
a.wpe-bubble-thought .wpe-bubble-box {
background-color: var(--wpe-bubble-fill-2, #f6d94c) !important;
background-image:
linear-gradient(180deg, var(--wpe-bubble-highlight, rgba(255,255,255,0.25)) 0%, rgba(255,255,255,0) 34%),
linear-gradient(180deg, var(--wpe-bubble-fill-1, #ffe96b) 0%, var(--wpe-bubble-fill-2, #f6d94c) 62%, var(--wpe-bubble-fill-3, #d9b72f) 100%) !important;
} @media (max-width: 768px) {
.wpe-sticker-image img,
.wpe-image img,
.wpe-mascot-motion .wpe-mascot-image img,
.wpe-type-mascot img {
width: var(--wpe-image-width-mobile, var(--wpe-image-width, 220px)) !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
}
.wpe-sticker-image .wpe-sticker-text,
.wpe-image .wpe-sticker-text,
.wpe-mascot-motion .wpe-mascot-text,
.wpe-render-context-shortcode .wpe-sticker-text,
.wpe-render-context-shortcode .wpe-mascot-text {
max-width: var(--wpe-image-width-mobile, var(--wpe-image-width, 220px));
}
.wpe-bubble,
a.wpe-bubble {
width: min(var(--wpe-image-width, 220px), 180px) !important;
max-width: 100%;
}
.wpe-bubble-box {
min-width: 100px;
}
.wpe-bubble-content {
font-size: min(var(--wpe-font-size, 16px), 15px);
}
.wpe-bubble-heart {
padding-top: 24px;
}
.wpe-bubble-heart .wpe-bubble-box {
width: 116px;
min-width: 116px;
height: 104px;
min-height: 104px;
}
.wpe-bubble-heart .wpe-bubble-box::before {
width: 116px;
height: 104px;
top: -56px;
}
.wpe-bubble-heart .wpe-bubble-box::after {
width: 104px;
height: 104px;
left: 56px;
}
.wpe-bubble-heart .wpe-bubble-content {
max-width: 68px;
}
}