.dr-youtube-feed{
  --dr-gap:28px;
  --dr-side-width:390px;
  --dr-item-thumb-width:122px;
  --dr-item-gap:18px;
  --dr-item-padding-y:18px;
  --dr-item-padding-x:0px;
  --dr-item-border:#d7d7d7;
  --dr-title-size:22px;
  --dr-list-title-size:17px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,var(--dr-side-width));
  gap:var(--dr-gap);
  align-items:start;
}
.dr-youtube-feed *{box-sizing:border-box}
.dr-youtube-feed__main{min-width:0}
.dr-youtube-feed__embed-wrap{position:relative;padding-top:56.25%;background:#000;overflow:hidden;min-height:220px}
.dr-youtube-feed__iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dr-youtube-feed__meta{padding-top:14px}
.dr-youtube-feed__title{margin:0;font-size:var(--dr-title-size);line-height:1.35;font-weight:700;color:#111}
.dr-youtube-feed__date{margin-top:6px;font-size:13px;color:#777}
.dr-youtube-feed__list{display:flex;flex-direction:column;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;background:transparent}
.dr-youtube-feed__item{display:grid;grid-template-columns:var(--dr-item-thumb-width) minmax(0,1fr);gap:var(--dr-item-gap);width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--dr-item-border);padding:var(--dr-item-padding-y) var(--dr-item-padding-x);cursor:pointer;transition:opacity .2s ease;align-items:start;border-radius:0}
.dr-youtube-feed__item:first-child{padding-top:0}
.dr-youtube-feed__item:last-child{border-bottom:0}
.dr-youtube-feed__item:hover{opacity:.96}
.dr-youtube-feed__item:hover .dr-youtube-feed__item-title{color:var(--dr-list-title-hover-color,var(--dr-list-title-color,#333))}
.dr-youtube-feed__thumb-wrap{display:block;position:relative;aspect-ratio:16/9;background:#ececec;overflow:hidden;border:4px solid transparent}
.dr-youtube-feed__item.is-active .dr-youtube-feed__thumb-wrap{border-color:var(--dr-accent,#ff1e1e)}
.dr-youtube-feed__thumb{display:block;width:100%;height:100%;object-fit:cover}
.dr-youtube-feed__text{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding-top:2px}
.dr-youtube-feed__item-title{font-size:var(--dr-list-title-size);font-weight:500;line-height:1.45;color:var(--dr-list-title-color,#333);display:block;white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:anywhere;text-wrap:pretty}
.dr-youtube-feed__item.is-active .dr-youtube-feed__item-title{color:#111}
.dr-youtube-feed__item-date{margin-top:8px;font-size:12px;color:#777}
.dr-youtube-feed-error{padding:12px 14px;border:1px solid #e3b3b3;background:#fff4f4;color:#7d1d1d;border-radius:6px}
@media (max-width: 1180px){.dr-youtube-feed{grid-template-columns:1fr;gap:22px}.dr-youtube-feed__list{max-height:none}}
@media (max-width: 767px){.dr-youtube-feed{gap:18px}.dr-youtube-feed__item{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px 0}.dr-youtube-feed__item-title{font-size:15px;line-height:1.4}.dr-youtube-feed__title{font-size:19px}}