Untitled
unknown
plain_text
a year ago
3.3 kB
6
Indexable
.FB047 .eg-customerVideos-container {
margin-top: 18px;
position: relative;
}
.FB047 .eg-customerVideos-container .eg-customer-title {
font-size: 24px;
font-weight: 600;
line-height: 33.6px;
letter-spacing: 0.382999986410141px;
text-align: left;
margin-bottom: 18px;
}
.FB047 .eg-videos-container {
margin-right: -70px;
padding-right: 15px;
}
.FB047 .eg-videos-container .eg-slides {
height: 266px;
}
.FB047 .eg-videos-container .eg-video-card {
cursor: pointer;
border-radius: 10px;
overflow: hidden;
}
.FB047 .eg-videos-container .eg-card_video_wrapper {
border-radius: 10px;
overflow: hidden;
display: flex;
}
.FB047 .eg-videos-container .eg-stacked_wrapper {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
z-index: 98;
background: linear-gradient(0deg, #00000094, transparent);
}
.FB047 .eg-videos-container .eg-card_video {
z-index: 96;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.FB047 .eg-videos-container .eg-video-card video {
width: 100%;
height: 100%;
object-fit: cover;
display: flex;
}
.FB047 .eg-videos-container .eg-video_credit {
opacity: 1;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
line-height: 1.4;
font-weight: 400;
color: #fff;
}
.FB047 .eg-videos-container .eg-video_credit_link {
color: #fff;
text-decoration: underline;
}
.FB047 .eg-videos-container .eg-reel_title {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #fff;
margin: 5px 0 0;
padding: 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: left;
}
.FB047 .eg-videos-container .eg-next,
.FB047 .eg-videos-container .eg-prev {
background: transparent;
z-index: 2;
}
/* .FB047 .eg-videos-container .eg-next {
right: 60px;
} */
.FB047 .eg-videos-container .eg-prev {
transform: rotate(180deg);
}
.FB047 .eg-videos-container .swiper-button-next.swiper-button-disabled,
.FB047 .eg-videos-container .swiper-button-prev.swiper-button-disabled {
opacity: 0;
}
.FB047 .eg-customerVideos-container .swiper-wrapper::after {
content: '';
background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 100%);
position: absolute;
right: -16px;
top: 0;
bottom: 0;
display: block;
z-index: 1;
width: 111px;
height: 100%;
}
.FB047 .eg-play-icon {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.FB047 .eg-customerVideos-container {
margin-top: 0;
}
.FB047 .eg-videos-container {
margin-right: -24px;
padding-right: 20px;
}
.FB047 .eg-customerVideos-container .swiper-wrapper::after {
right: -78px;
}
.FB047 .eg-videos-container .eg-next {
right: -10px;
}
}Editor is loading...
Leave a Comment