.video-list.page-width{display:flex;justify-content:flex-start;flex-wrap:wrap;max-width:120rem}.video-list.page-width .video-element{width:calc(33.33% - 20px);margin:10px;background-color:#fff;position:relative;overflow:hidden;border-radius:var(--border-radius);background-color:var(--seashell);font-size:1.6rem}@media only screen and (max-width:1200px){.video-list.page-width .video-element{width:calc(50% - 20px)}}@media only screen and (max-width:750px){.video-list.page-width .video-element{width:100%;margin:10px 0;font-size:1.4rem}}.video-list.page-width .video-element>a{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}.video-list.page-width .video-element>a:hover~.video-image img{transform:scale(1.05)}.video-list.page-width .video-element .video-image{width:100%;aspect-ratio:16/9;overflow:hidden;z-index:2;position:relative}.video-list.page-width .video-element .video-image img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s}.video-list.page-width .video-element p{margin:0;padding:20px}.video-list.page-width .video-dialog{background-color:var(--background-color);padding:30px;z-index:999999;border:0;border-radius:40px;width:80vw;width:80dvw}@media only screen and (max-width:750px){.video-list.page-width .video-dialog{width:98vw;width:98dvw;padding:15px}}.video-list.page-width .video-dialog button[data-dialog-close]{top:20px;right:20px}.video-list.page-width .video-dialog::backdrop{background-color:rgba(255,119,87,.7)}.video-list.page-width .video-dialog::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.video-list.page-width .video-dialog [data-dialog-content]{width:100%}.video-list.page-width .video-dialog iframe{max-width:100%;height:auto!important;aspect-ratio:16/9}
/*# sourceMappingURL=video-list.css.map */