#video-layout{width:100%;height:100%;margin:auto;position:relative}@media (min-width:1024px){#video-layout{width:970px!important}}#wrap-video-page{width:100%;height:auto;display:inline-block;position:relative}#video-page{width:100%;height:auto;display:inline-block}#video-page-container{flex-direction:column;max-width:1100px;height:auto;margin:auto;display:flex;position:relative}#video-page-container>p{text-align:center;color:#7d7d7d;opacity:.5;width:100%;margin-top:15px;margin-bottom:20px;font-weight:700}.public-videos-section{margin-top:8px}.section-title{margin-bottom:7px;padding-left:6px;font-size:1em;font-weight:700}
.item-video{cursor:pointer;background-color:#898989d5;border-radius:5px;position:relative;overflow:hidden}.item-video div{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.item-video img{object-fit:cover;width:100%;height:100%}.item-video span{z-index:1;background-color:var(--fadeground);border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-size:.8em;display:flex;position:absolute;top:10px;left:10px}.item-video span svg{width:15px;height:15px;margin-right:5px}.item-video span svg path{fill:var(--colortext);stroke:var(--colortext)}@media (max-width:479px){.item-video{height:145px}}@media (max-width:580px){.item-video span{font-size:.7em;top:5px;left:5px}}@media (min-width:480px) and (max-width:767px){.item-video{height:180px}}@media (min-width:768px) and (max-width:1023px){.item-video{height:190px}}@media (min-width:1024px) and (max-width:1279px){.item-video{height:230px}}@media (min-width:1280px){.item-video{height:290px}}