.video-contents{height:500px;background-color:red}.videos{display:flex;gap:20px}.videos .video{flex:1 1;background-color:hsl(220,35%,97%);border:1px solid hsla(220,20%,80%,.4);border-radius:8px}.videos .video iframe{width:100%;aspect-ratio:16/9;border-radius:8px}.videos .video .video-info{padding:20px;display:flex;flex-direction:column;gap:15px}.videos .video .video-info .video-publisher{display:flex;align-items:center;gap:10px;text-decoration:none;width:-moz-fit-content;width:fit-content}.videos .video .video-info .video-publisher img{width:auto;height:40px;border-radius:50%}.videos .video .video-info .video-publisher h3{margin:0;font-weight:400;font-size:1rem;color:#000}.videos .video .video-info h5{margin:0;font-size:1.1rem;font-weight:600;color:#000}.videos .video .video-info h4{margin:0;font-size:.8rem;font-weight:600;color:hsl(0,0%,21%)}.videos .video .video-info hr{width:100%}.videos .video .video-info .presenters{display:flex;flex-direction:column;gap:5px}.videos .video .video-info .presenters .presenter{display:flex;align-items:center;gap:10px}.videos .video .video-info .presenters .presenter div,.videos .video .video-info .presenters .presenter img{width:40px;height:40px;border-radius:50%}.videos .video .video-info .presenters .presenter p{font-size:.8rem}.videos .video .video-info .video-tags{display:flex;gap:10px;flex-wrap:wrap}.videos .video .video-info .video-tags .video-tag{background-color:rgba(43,98,217,.0509803922);border:1px solid #2b63d9;border-radius:100px;padding:5px 10px;font-size:.7rem;font-weight:600;color:#2b63d9}