.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root {
--wwl-primary-color: #25D366;
--wwl-primary-hover: #1EBE5D;
--wwl-primary-dark: #128C7E;
--wwl-text-dark: #1f2937;
--wwl-text-muted: #6b7280;
--wwl-border: #e5e7eb;
--wwl-bg-light: #f9fafb;
--wwl-radius-lg: 18px;
--wwl-radius-md: 12px;
--wwl-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
--wwl-shadow-lg: 0 20px 35px -5px rgba(0, 0, 0, 0.25);
--wwl-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
} .wwl-container {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 999998;
display: flex;
flex-direction: column;
align-items: flex-end;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.wwl-tooltip {
background: #ffffff;
color: var(--wwl-text-dark);
font-size: 13px;
font-weight: 600;
padding: 9px 14px;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 8px;
position: relative;
white-space: nowrap;
animation: wwlFadeInUp 0.3s ease-out;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.wwl-tooltip::after {
content: '';
position: absolute;
bottom: -6px;
right: 22px;
width: 12px;
height: 12px;
background: #ffffff;
transform: rotate(45deg);
border-right: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.wwl-tooltip-close {
background: transparent;
border: none;
color: var(--wwl-text-muted);
font-size: 16px;
line-height: 1;
cursor: pointer;
padding: 0;
margin-left: 2px;
}
.wwl-tooltip-close:hover {
color: var(--wwl-text-dark);
}
.wwl-float-btn {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--wwl-primary-color);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
position: relative;
transition: var(--wwl-transition);
outline: none;
}
.wwl-float-btn:hover {
transform: scale(1.08);
background-color: var(--wwl-primary-hover);
box-shadow: 0 10px 28px rgba(37, 211, 102, 0.55);
}
.wwl-float-btn:active {
transform: scale(0.96);
}
.wwl-icon-wa {
width: 34px;
height: 34px;
z-index: 2;
transition: transform 0.2s ease;
}
.wwl-pulse-ring {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--wwl-primary-color);
opacity: 0.7;
animation: wwlPulse 2.4s infinite;
z-index: 1;
}
@keyframes wwlPulse {
0% {
transform: scale(0.95);
opacity: 0.7;
}
50% {
transform: scale(1.35);
opacity: 0;
}
100% {
transform: scale(1.35);
opacity: 0;
}
}
@keyframes wwlFadeInUp {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .wwl-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(15, 23, 42, 0.55);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
box-sizing: border-box;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0.25s ease;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.wwl-modal-overlay.wwl-active {
opacity: 1;
visibility: visible;
}
.wwl-modal-dialog {
background: #ffffff;
width: 100%;
max-width: 440px;
border-radius: var(--wwl-radius-lg);
box-shadow: var(--wwl-shadow-lg);
position: relative;
overflow: hidden;
transform: scale(0.92) translateY(12px);
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.wwl-modal-overlay.wwl-active .wwl-modal-dialog {
transform: scale(1) translateY(0);
}
.wwl-modal-close {
position: absolute;
top: 14px;
right: 14px;
width: 32px;
height: 32px;
background: rgba(255, 255, 255, 0.2);
border: none;
border-radius: 50%;
color: #ffffff;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: var(--wwl-transition);
z-index: 10;
}
.wwl-modal-close:hover {
background: rgba(255, 255, 255, 0.35);
transform: rotate(90deg);
}
.wwl-modal-header {
background: linear-gradient(135deg, var(--wwl-primary-color), var(--wwl-primary-dark));
padding: 24px 22px 20px;
color: #ffffff;
display: flex;
align-items: center;
gap: 16px;
}
.wwl-modal-header-icon {
width: 46px;
height: 46px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.wwl-modal-header-icon svg {
width: 26px;
height: 26px;
}
.wwl-modal-header-text {
flex-grow: 1;
padding-right: 20px;
}
.wwl-modal-title {
margin: 0;
font-size: 19px;
font-weight: 700;
line-height: 1.25;
color: #ffffff;
}
.wwl-modal-subtitle {
margin: 4px 0 0;
font-size: 13px;
opacity: 0.92;
line-height: 1.35;
color: #e5fbee;
}
.wwl-modal-body {
padding: 24px 22px;
} .wwl-form-group {
margin-bottom: 16px;
text-align: left;
}
.wwl-label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--wwl-text-dark);
margin-bottom: 6px;
}
.wwl-required {
color: #e11d48;
}
.wwl-input-wrapper {
position: relative;
}
.wwl-input {
width: 100%;
box-sizing: border-box;
padding: 12px 14px;
font-size: 14px;
border: 1.5px solid var(--wwl-border);
border-radius: var(--wwl-radius-md);
background-color: #ffffff;
color: var(--wwl-text-dark);
outline: none;
transition: var(--wwl-transition);
}
.wwl-input:focus {
border-color: var(--wwl-primary-color);
box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.18);
}
.wwl-input::placeholder {
color: #9ca3af;
}
.wwl-submit-btn {
width: 100%;
padding: 14px 18px;
font-size: 15px;
font-weight: 700;
color: #ffffff;
background-color: var(--wwl-primary-color);
border: none;
border-radius: var(--wwl-radius-md);
cursor: pointer;
box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: var(--wwl-transition);
margin-top: 18px;
}
.wwl-submit-btn:hover {
background-color: var(--wwl-primary-hover);
box-shadow: 0 6px 18px rgba(37, 211, 102, 0.45);
transform: translateY(-1px);
}
.wwl-submit-btn:active {
transform: translateY(0);
}
.wwl-submit-btn:disabled {
opacity: 0.75;
cursor: not-allowed;
transform: none;
}
.wwl-privacy-text {
font-size: 11.5px;
color: var(--wwl-text-muted);
text-align: center;
margin: 14px 0 0;
} .wwl-alert {
padding: 10px 14px;
border-radius: 8px;
font-size: 13.5px;
margin-bottom: 16px;
line-height: 1.4;
text-align: left;
}
.wwl-alert-error {
background-color: #fef2f2;
border: 1px solid #fecaca;
color: #991b1b;
}
.wwl-alert-success {
background-color: #f0fdf4;
border: 1px solid #bbf7d0;
color: #166534;
}
.wwl-spinner {
width: 18px;
height: 18px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-top-color: #ffffff;
border-radius: 50%;
animation: wwlSpin 0.7s linear infinite;
display: inline-block;
}
@keyframes wwlSpin {
to {
transform: rotate(360deg);
}
} @media (max-width: 480px) {
.wwl-container {
bottom: 18px;
right: 18px;
}
.wwl-float-btn {
width: 54px;
height: 54px;
}
.wwl-icon-wa {
width: 30px;
height: 30px;
}
.wwl-modal-dialog {
max-width: 100%;
border-radius: 16px;
}
.wwl-modal-header {
padding: 20px 16px 16px;
}
.wwl-modal-body {
padding: 18px 16px;
}
}