.youtube-gallery {
  --youtube-gallery-accent: #ff8b10;
  --youtube-gallery-accent-strong: #ed5203;
  --youtube-gallery-text: #f6f4f2;
  --youtube-gallery-muted: rgba(246, 244, 242, .88);
  --youtube-gallery-background:
    radial-gradient(ellipse at 40% 32%, rgba(73, 42, 26, .13), transparent 52%),
    radial-gradient(ellipse at 93% 70%, rgba(75, 36, 14, .12), transparent 45%),
    transparent;
  --youtube-gallery-border: rgba(186, 156, 130, .4);
  --youtube-gallery-card-border: rgba(240, 228, 207, .7);
  --youtube-gallery-card-background: linear-gradient(145deg, #3a3a39, #131312);
  --youtube-gallery-shadow: rgba(255, 100, 6, .6);
  --youtube-gallery-rule-start: #ff8300;
  --youtube-gallery-rule-end: #ffbb3c;
  --youtube-gallery-rule-glow: rgba(255, 115, 0, .95);
  --youtube-gallery-inner-glow: rgba(255, 120, 29, .07);
  --youtube-gallery-outer-glow: rgba(170, 60, 0, .11);
  --youtube-gallery-bar-start: rgba(96, 41, 16, .4);
  --youtube-gallery-bar-middle: rgba(35, 30, 27, .87);
  --youtube-gallery-bar-end: rgba(25, 24, 23, .94);
  --youtube-gallery-line-start: #ff8c0b;
  --youtube-gallery-line-middle: rgba(255, 113, 9, .4);
  --youtube-gallery-line-end: transparent;
  --youtube-gallery-line-glow: #f4700a;
  width: min(1370px, calc(100% - 74px));
  max-width: 1370px;
}

@media (max-width: 1200px) {
  .youtube-gallery {
    width: min(100% - 48px, 1120px);
  }
}

@media (max-width: 560px) {
  .youtube-gallery {
    width: calc(100% - 32px);
  }
}