.mgs-gs { --mgs-per-view: 3;
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
border-radius: 14px;
background: #0b0b0b;
}
@media (max-width: 980px) {
.mgs-gs { --mgs-per-view: 2; }
}
@media (max-width: 640px) {
.mgs-gs { --mgs-per-view: 1; }
}
.mgs-gs-viewport {
overflow: hidden;
touch-action: pan-y;
}
.mgs-gs-track {
display: flex;
width: 100%;
transform: translateX(0%);
transition: transform 240ms ease;
will-change: transform;
}
.mgs-gs-track.is-dragging {
transition: none;
}
.mgs-gs-slide {
flex: 0 0 calc(100% / var(--mgs-per-view));
margin: 0;
position: relative;
border-right: 1px solid rgba(255,255,255,.06);
}
.mgs-gs-slide:last-child {
border-right: 0;
}
.mgs-gs-img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
@media (max-width: 640px) {
.mgs-gs-img {
aspect-ratio: 4 / 3;
}
}
.mgs-gs-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 12px;
font-size: 14px;
line-height: 1.3;
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,.68), rgba(0,0,0,0));
}
.mgs-gs-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
border: 0;
width: 44px;
height: 44px;
border-radius: 999px;
cursor: pointer;
background: rgba(255,255,255,.88);
color: #111;
font-size: 28px;
line-height: 44px;
display: grid;
place-items: center;
box-shadow: 0 8px 26px rgba(0,0,0,.25);
}
.mgs-gs-btn:disabled {
opacity: .45;
cursor: not-allowed;
}
.mgs-gs-prev { left: 12px; }
.mgs-gs-next { right: 12px; }
@media (max-width: 640px) {
.mgs-gs-btn {
width: 40px;
height: 40px;
font-size: 26px;
}
.mgs-gs-prev { left: 8px; }
.mgs-gs-next { right: 8px; }
}
.mgs-gs-dots {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
display: flex;
gap: 8px;
justify-content: center;
z-index: 2;
padding: 0 10px;
}
.mgs-gs-dot {
width: 10px;
height: 10px;
border-radius: 999px;
border: 0;
background: rgba(255,255,255,.55);
cursor: pointer;
}
.mgs-gs-dot.is-active {
background: rgba(255,255,255,.95);
}
.mgs-gs-empty {
padding: 12px 14px;
border-radius: 10px;
background: #f6f6f6;
color: #333;
}.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}}