:root{--plyr-color-main:#e66400}.video-wrapper{border-radius:1rem;margin:auto;max-width:928px}.video-placeholder{align-items:center;border-radius:8px;color:#555;display:flex;height:100%;justify-content:center;width:100%}.video-wrapper .video_size{height:521px;width:928px}@media (max-width:667px){.video-wrapper .video_size{width:335px}}@media (min-width:768px) and (max-width:1279px){.video-wrapper .video_size{height:351px;width:628px}}@media (max-width:767px){.video-wrapper .video_size{height:188px;width:335px}}.video-wrapper .plyr .plyr__controls{opacity:0}.video-wrapper .plyr .plyr__control--overlaid{align-items:center;background:linear-gradient(218deg,#e76f0052,#8a6eed52)!important;border-radius:50%!important;display:flex!important;height:80px!important;justify-content:center!important;width:80px!important}.video-wrapper .plyr .plyr__control--overlaid:after{background:#fff;background:#fff url(../images/icon/custom-play-icons.svg) 50% no-repeat!important;background-size:18px 18px!important;border-radius:50%;content:"";height:48px;left:50%;position:absolute;top:50%;width:48px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wrapper .plyr .plyr__control--overlaid svg{display:none}.video-wrapper .plyr:hover .plyr__control--overlaid{background-color:#73859f80!important}.preview-video-wrapper{margin:0;width:100%}.preview-video-wrapper .video_size{aspect-ratio:auto;height:auto;width:100%}.preview-video-wrapper .plyr .plyr__controls{opacity:0}.preview-video-wrapper .plyr .plyr__control--overlaid{align-items:center;background:transparent!important;border-radius:50%!important;display:flex!important;height:100px!important;justify-content:center!important;width:100px!important}.preview-video-wrapper .plyr .plyr__control--overlaid:after{background:transparent;background:transparent url(../images/icon/preview-play-icon.svg) 50% no-repeat!important;background-size:100% 100%!important;border-radius:50%;content:"";height:80px;left:50%;position:absolute;top:50%;width:80px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.preview-video-wrapper .plyr .plyr__control--overlaid svg{display:none}
