.chadgpt-meo-slider-wrapper {
display: block;
position: relative;
width: 100%;
padding: 0px 0px 0px 0;
} .chadgpt-meo-slider {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
gap: 0;
padding: 0px;
scroll-behavior: smooth;
}
.chadgpt-meo-slider::-webkit-scrollbar {
display: none;
}
.chadgpt-meo-slider {
cursor: grab;
}
.chadgpt-meo-slider.dragging {
cursor: grabbing;
scroll-snap-type: none;
}
.chadgpt-meo-slider.dragging * {
pointer-events: none;
}
.chadgpt-meo-slider {
cursor: grab;
}
.chadgpt-meo-slider.dragging {
cursor: grabbing;
scroll-snap-type: none;
} .chadgpt-meo-slide {
flex: 0 0 calc(100% - 100px);
scroll-snap-align: start;
padding-right: 11px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.chadgpt-meo-slide-content {
width: 100%;
max-width: 800px;
height: auto;
}
.chadgpt-meo-slide-content figure {
margin: 0;
max-width: 100%;
}
.chadgpt-meo-slide-content video {
width: 100%;
height: auto;
border-radius: 20px;
max-height: 500px;
object-fit: cover;
} .chadgpt-meo-video-heading {
font-size: 1rem;
font-weight: 600;
font-style: normal;
color: #ffffff;
text-align: left;
margin: 15px 0 0 0;
} @media (max-width: 1024px) {
.chadgpt-meo-slide {
flex: 0 0 calc(100% - 80px);
} .chadgpt-meo-apple-nav-play {
display: none !important;
} .chadgpt-meo-apple-nav-prev,
.chadgpt-meo-apple-nav-next {
display: none !important;
} .chadgpt-meo-apple-nav-dots {
display: flex !important;
}
} @media (max-width: 768px) {
.chadgpt-meo-slider-wrapper {
padding: 0 0 0 0;
}
.chadgpt-meo-slider {
padding: 0 15px 0 0;
}
.chadgpt-meo-slide {
flex: 0 0 calc(100% - 50px);
padding: 0 8px;
}
.chadgpt-meo-slide-content {
height: auto;
}
.chadgpt-meo-slide-content video {
max-height: 388px;
border-radius: 15px;
}
.chadgpt-meo-apple-nav-wrapper {
padding: 0 15px;
} .chadgpt-meo-apple-nav-play {
display: none !important;
} .chadgpt-meo-apple-nav-prev,
.chadgpt-meo-apple-nav-next {
display: none !important;
} .chadgpt-meo-apple-nav-dots {
display: flex !important;
}
} @media (max-width: 480px) {
.chadgpt-meo-slider-wrapper {
padding: 0 0 0 0px;
}
.chadgpt-meo-slider {
padding: 0 10px 0 0;
}
.chadgpt-meo-slide {
flex: 0 0 calc(100% - 20px);
padding: 0 5px;
}
.chadgpt-meo-slide-content video { border-radius: 12px;
}
.chadgpt-meo-apple-nav-wrapper {
margin-top: 15px !important;
margin-bottom: 15px !important;
} .chadgpt-meo-apple-nav-play {
display: none !important;
} .chadgpt-meo-apple-nav-prev,
.chadgpt-meo-apple-nav-next {
display: none !important;
} .chadgpt-meo-apple-nav-dots {
display: flex !important;
}
} .chadgpt-meo-apple-nav-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 20px;
padding: 0 20px;
margin-right: 30px;
} .chadgpt-meo-apple-nav-play {
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #303032;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
padding: 0;
flex-shrink: 0;
position: relative;
}
.chadgpt-meo-apple-nav-play .icon-play,
.chadgpt-meo-apple-nav-play .icon-pause {
font-size: 14px;
color: #D6D6D6;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.chadgpt-meo-apple-nav-play .icon-play {
display: block;
}
.chadgpt-meo-apple-nav-play .icon-play img {
display: block;
width: 11px;
height: 13px;
object-fit: contain;
}
.chadgpt-meo-apple-nav-play .icon-pause {
display: none;
}
.chadgpt-meo-apple-nav-play .icon-pause img {
display: block;
width: 9px;
height: 11px;
object-fit: contain;
}
.chadgpt-meo-apple-nav-play.playing .icon-play {
display: none;
}
.chadgpt-meo-apple-nav-play.playing .icon-pause {
display: block;
} .chadgpt-meo-apple-nav-prev,
.chadgpt-meo-apple-nav-next {
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #303032;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
padding: 6px;
flex-shrink: 0;
fill: #fff;
}
.chadgpt-meo-apple-nav-prev:hover,
.chadgpt-meo-apple-nav-next:hover,
.chadgpt-meo-apple-nav-play:hover {
opacity: 0.8 !important;
background-color: #303032;
}
.chadgpt-meo-apple-nav-prev:focus,
.chadgpt-meo-apple-nav-next:focus,
.chadgpt-meo-apple-nav-play:focus {
background-color: #303032;
}
.chadgpt-meo-apple-nav-prev.disabled,
.chadgpt-meo-apple-nav-next.disabled {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
}
.chadgpt-meo-apple-nav-prev img,
.chadgpt-meo-apple-nav-next img {
width: 36px;
height: 36px;
}
.chadgpt-meo-apple-nav-prev img {
transform: rotate(180deg) !important;
} .chadgpt-meo-apple-nav-prev img {
transform: rotate(180deg);
} .chadgpt-meo-apple-nav-dots {
display: none; align-items: center;
gap: 10px;
}
.chadgpt-meo-apple-nav-dot {
width: 10px;
height: 9px;
border-radius: 21px;
background-color: #D1D1D6;
border: none;
padding: 0;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.chadgpt-meo-apple-nav-dot::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: var(--progress, 0%);
background-color: #1D1D1F;
transition: width 0.1s linear;
}
.chadgpt-meo-apple-nav-dot.active {
background-color: #D1D1D6;
}
.chadgpt-meo-apple-nav-dot:hover:not(.active) {
background-color: #86868B;
} @media (max-width: 1024px) {
.chadgpt-meo-slide-content video { pointer-events: auto;
}
} @media (max-width: 768px) {
.chadgpt-meo-slide-content video[data-video-ratio-mobile="16:9"] {
aspect-ratio: 16 / 9 !important;
height: auto !important;
max-height: none !important;
object-fit: cover;
}
.chadgpt-meo-slide-content video[data-video-ratio-mobile="16:10"] {
aspect-ratio: 16 / 10 !important;
height: auto !important;
max-height: none !important;
object-fit: cover;
}
.chadgpt-meo-slide-content video[data-video-ratio-mobile="4:3"] {
aspect-ratio: 4 / 3 !important;
height: auto !important;
max-height: none !important;
object-fit: cover;
}
.chadgpt-meo-slide-content video[data-video-ratio-mobile="3:4"] {
aspect-ratio: 3 / 4 !important;
height: auto !important;
max-height: none !important;
object-fit: cover;
}
.chadgpt-meo-slide-content video[data-video-ratio-mobile="1:1"] {
aspect-ratio: 1 / 1 !important;
height: auto !important;
max-height: none !important;
object-fit: cover;
}
.chadgpt-meo-slide-content video[data-video-alignment-mobile="center"]       { object-position: center; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="top"]          { object-position: top; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="bottom"]       { object-position: bottom; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="left"]         { object-position: left; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="right"]        { object-position: right; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="top left"]     { object-position: top left; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="top right"]    { object-position: top right; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="bottom left"]  { object-position: bottom left; }
.chadgpt-meo-slide-content video[data-video-alignment-mobile="bottom right"] { object-position: bottom right; }
}