.stgb-youtube-feed{--stgb-font-interface:var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);--stgb-font-display:var(--wp--preset--font-family--outfit, "Outfit", sans-serif);--stgb-surface:var(--wp--preset--color--darker-grey, #202020);--stgb-ink:var(--wp--preset--color--darkest-grey, #050505);--stgb-paper:var(--wp--preset--color--secondary, #fff8e2);--stgb-orange:var(--wp--preset--color--primary, #e67d53);--stgb-orange-light:var(--wp--preset--color--primary-light, #f2946e);--stgb-orange-dark:var(--wp--preset--color--primary-dark, #a94b28);--youtube-rule:color-mix(in srgb, var(--stgb-paper) 18%, transparent);container-type:inline-size;container-name:stgb-youtube-feed;font-family:var(--stgb-font-interface)}.stgb-youtube-feed__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--youtube-gap,20px)}.stgb-youtube-feed__card{min-width:0;align-self:start;margin:0;border:1px solid var(--youtube-rule);background:var(--stgb-surface);color:var(--stgb-paper);transition:border-color 180ms ease}.stgb-youtube-feed__card:focus-within{border-color:var(--stgb-orange)}@media(hover:hover)and (pointer:fine){.stgb-youtube-feed__card:hover{border-color:var(--stgb-orange)}}.stgb-youtube-feed__media{position:relative;aspect-ratio:16/9;background:var(--stgb-ink)}.stgb-youtube-feed__media img,.stgb-youtube-feed__media iframe{display:block;width:100%;height:100%;max-width:none;border:0}.stgb-youtube-feed__media img{object-fit:cover}.stgb-youtube-feed__media iframe{position:absolute;inset:0}.stgb-youtube-feed__media iframe:focus-visible{outline:2px solid var(--stgb-orange);outline-offset:3px}.stgb-youtube-feed__play{position:absolute;inset:0;display:block;color:var(--stgb-ink);text-decoration:none}.stgb-youtube-feed__play:focus-visible{outline:2px solid var(--stgb-orange);outline-offset:3px}.stgb-youtube-feed__play:focus-visible .stgb-youtube-feed__play-icon{background:var(--stgb-orange-light)}@media(hover:hover)and (pointer:fine){.stgb-youtube-feed__play:hover .stgb-youtube-feed__play-icon{background:var(--stgb-orange-light)}}.stgb-youtube-feed__play-icon{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:clamp(36px,8cqw,56px);height:clamp(36px,8cqw,56px);transform:translate(-50%,-50%);color:var(--stgb-ink);background:var(--stgb-orange);box-shadow:0 2px 12px rgb(0 0 0 / .3);pointer-events:none;transition:background 180ms ease}.stgb-youtube-feed__play-icon svg{display:block;width:22px;height:22px;fill:currentColor}.stgb-youtube-feed__duration{position:absolute;right:6px;bottom:6px;padding:3px 5px;color:var(--stgb-paper);background:rgb(5 5 5 / .9);font-size:.6875rem;font-weight:700;line-height:1.2;pointer-events:none}.stgb-youtube-feed__title{margin:0;padding:clamp(10px,2.5cqw,20px);border-top:1px solid var(--youtube-rule);color:inherit;font-family:var(--stgb-font-interface);font-size:clamp(.9375rem,2.5cqw,1.375rem);font-weight:600;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}.stgb-youtube-feed__title a{color:inherit;text-decoration:none;text-underline-offset:.18em}.stgb-youtube-feed__title a:hover{color:var(--stgb-orange);text-decoration:underline}.stgb-youtube-feed__title a:focus-visible{outline:2px solid var(--stgb-orange);outline-offset:3px}.stgb-youtube-feed__empty{margin:0;padding:20px;border:1px solid var(--youtube-rule);background:var(--stgb-surface);color:var(--stgb-paper);font-size:1rem;line-height:1.6}.stgb-youtube-feed__empty a{color:var(--stgb-orange);text-underline-offset:.18em}.stgb-youtube-feed__empty a:focus-visible{outline:2px solid var(--stgb-orange);outline-offset:3px}@container stgb-youtube-feed (width < 300px){.stgb-youtube-feed__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.stgb-youtube-feed__card,.stgb-youtube-feed__play-icon{transition:none}}