@charset "utf-8";

._carouselContainer_qomn1_1 { display: flex; flex-direction: column; width: 90%; justify-content: center; margin: 16px auto; direction: ltr; }

._carouselVideosContainer_qomn1_10 { display: flex; user-select: none; }

._controlsContainer_qomn1_15 { position: absolute; display: flex; gap: 8px; bottom: 16px; right: 16px; }

._variantContainer_qomn1_23 { position: absolute; inset: auto auto 16px 16px; }

._variantContentContainer_qomn1_28 { max-width: 170px; max-height: 38px; padding: 4px 12px 4px 6px; display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.3); overflow: hidden; pointer-events: none; }

@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  ._variantContentContainer_qomn1_28 { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(40px); }
}

._variantColor_qomn1_48 { width: 30px; height: 30px; min-width: 30px; border-radius: 1000px; cursor: pointer; border: 2px solid white; }

._squareVariantColor_qomn1_57 { border-radius: 4px; }

._variantTitle_qomn1_61 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 700; line-height: 16px; color: rgb(255, 255, 255); }

._controlButton_qomn1_74 { display: none; padding: 8px; width: 40px; height: 40px; min-width: 40px; min-height: 40px; justify-content: center; align-items: center; border-radius: 50%; background: rgba(0, 0, 0, 0.3); transition: 0.3s; cursor: pointer; }

@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)) {
  ._controlButton_qomn1_74 { backdrop-filter: blur(2px); }
}

._controlButton_qomn1_74::before { display: none; }

._controlButton_qomn1_74 svg { width: 16px; height: 16px; }

._playIcon_qomn1_106 { display: flex; }

._pauseIcon_qomn1_110 { display: none; }

._videoContainer_qomn1_114._isPlaying_qomn1_114 {
  & ._playIcon_qomn1_106 { display: none; }
  & ._pauseIcon_qomn1_110 { display: flex; }
}

._handleContainer_qomn1_124 { position: absolute; left: 16px; height: 25px; display: flex; justify-content: center; align-items: center; z-index: 1; }

._handleLink_qomn1_134 { color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; line-height: 15px; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; }

._centerTile_qomn1_143 ._controlButton_qomn1_74 { display: flex; }

._video_qomn1_114 track[kind="captions"] { display: none; }

._controlButton_qomn1_74:hover { transform: scale(1.05); }

._arrow_qomn1_155 { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; cursor: pointer; }

._arrow_qomn1_155::before { display: none; }

._arrow_qomn1_155:hover { transform: scale(1.05); }

._watermark_qomn1_172 { display: none; position: absolute; justify-content: center; bottom: 0px; left: 0px; padding-left: 16px; padding-bottom: 16px; z-index: 100; }

._centerTile_qomn1_143 ._watermark_qomn1_172 { display: flex; }

@media (max-width: 450px) or (max-height: 450px) {
  ._carouselContainer_qomn1_1 { width: 95%; }
}

._progressBarContainer_qomn1_193 { width: 100%; display: flex; align-items: center; }

._progressBarTrack_qomn1_199 { width: 100%; height: 3px; background: rgb(209, 211, 206); border-radius: 2px; overflow: hidden; }

._progressBar_qomn1_193 { display: block; height: 3px; background: rgb(68, 68, 63); border-radius: 2px; transition: width 0.3s; }

._dotsContainer_qomn1_215 { display: flex; justify-content: center; gap: 6px; margin-top: 0px; }

._dot_qomn1_215 { width: 10px; height: 10px; border-radius: 100%; background: transparent; box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset; opacity: 0.6; cursor: pointer; transition: 0.3s; pointer-events: auto; display: flex !important; }

._dot_qomn1_215:hover { opacity: 0.9; }