.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}}.snt-tab {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 999999;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
display: flex;
align-items: stretch;
} .snt-tab-trigger {
position: relative;
background: var(--snt-tab-bg, #e74c3c);
padding: 60px 15px;
border-radius: 8px 0 0 8px;
cursor: pointer;
box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2);
writing-mode: vertical-rl;
text-orientation: mixed;
transition: background-color 0.4s ease, border-radius 0.4s ease, box-shadow 0.3s ease;
z-index: 2;
flex-shrink: 0;
}
.snt-tab:hover .snt-tab-trigger {
background-color: var(--snt-panel-bg, #3498db);
border-radius: 0;
box-shadow: none;
}
.snt-tab-trigger-text {
color: #ffffff;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} .snt-tab-panel {
position: relative;
width: 0;
overflow: hidden;
background: var(--snt-panel-bg, #3498db);
padding: 30px 0;
opacity: 0;
transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
opacity 0.3s ease,
padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);
order: -1;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.snt-tab:hover .snt-tab-panel {
width: 300px;
opacity: 1;
padding: 30px 25px;
} .snt-tab-mobile-bar {
display: none;
} .snt-tab-panel-heading {
margin: 0 0 10px 0;
font-size: 18px;
font-weight: bold;
line-height: 1.3;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
}
.snt-tab:hover .snt-tab-panel-heading {
white-space: normal;
}
.snt-tab-subtitle {
margin: 0 0 20px 0;
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.95);
font-weight: 400;
white-space: nowrap;
overflow: hidden;
}
.snt-tab:hover .snt-tab-subtitle {
white-space: normal;
} .snt-tab-button {
display: inline-block;
width: 100%;
padding: 12px 25px;
background-color: #ffffff;
color: #e74c3c;
text-decoration: none;
border-radius: 0;
font-weight: bold;
font-size: 14px;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
border: none;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
}
.snt-tab-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
text-decoration: none;
}
.snt-tab-button:active {
transform: translateY(0);
} @keyframes sntWiggle {
0%, 100% {
transform: translateY(-50%) rotate(0deg);
}
25% {
transform: translateY(-50%) rotate(2deg);
}
75% {
transform: translateY(-50%) rotate(-2deg);
}
}
.snt-tab-wiggle {
animation: sntWiggle 0.5s ease-in-out;
} @keyframes sntSlideIn {
0% {
right: -100px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
.snt-tab.snt-tab-animate {
animation: sntSlideIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s forwards;
} @media (max-width: 768px) { .snt-tab {
top: auto;
bottom: 0;
left: 0;
right: 0;
transform: none;
width: 100%;
z-index: 99999999 !important;
display: block;
} .snt-tab-trigger,
.snt-tab-panel {
display: none;
} .snt-tab-mobile-bar {
display: flex;
position: relative;
width: 100%;
align-items: center;
justify-content: center;
padding: 18px 20px;
background-color: #e74c3c;
box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.3);
text-decoration: none;
color: inherit;
border-radius: 0 !important;
} a.snt-tab-mobile-bar:hover,
a.snt-tab-mobile-bar:active,
a.snt-tab-mobile-bar:focus {
text-decoration: none;
color: inherit;
} .snt-tab-mobile-title {
color: #ffffff;
font-size: 16px;
font-weight: bold;
margin: 0;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
flex: 1;
} @keyframes sntSlideUp {
0% {
bottom: -100px;
opacity: 0;
}
100% {
bottom: 0;
opacity: 1;
}
}
.snt-tab.snt-tab-animate {
animation: sntSlideUp 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s forwards;
} .snt-tab.snt-tab-hidden {
bottom: -100px;
opacity: 0;
}
} @media (max-width: 480px) {
.snt-tab-mobile-bar {
padding: 15px;
}
.snt-tab-mobile-title {
font-size: 14px;
}
}