@layer components{.yt{gap:.75rem;min-width:0;display:grid;position:relative}.yt-sprite{width:0;height:0;position:absolute;overflow:hidden}.yt-title{color:var(--wb-ink);font-size:var(--text-h2);line-height:var(--text-h2--line-height)}h3.yt-title{font-size:var(--text-h3);line-height:var(--text-h3--line-height)}.prose .yt-title{margin-top:0}.yt-body{border-radius:var(--radius-md);color:#fff;box-shadow:0 0 0 1px var(--wb-line);background:#111;overflow:hidden}.yt-stage{background:#000;position:relative}.yt-stage:focus:not(:focus-visible){outline:0}.yt-screen{aspect-ratio:16/9;position:relative}.yt-screen iframe,.yt-screen>div{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-screen iframe{pointer-events:none}.yt.is-started .yt-screen{cursor:pointer}.yt.is-idle .yt-stage,.yt.is-idle .yt-screen{cursor:none}.yt.is-fs .yt-stage{z-index:100;flex-direction:column;display:flex;position:fixed;inset:0}.yt.is-fs .yt-screen{aspect-ratio:auto;flex:1}.yt-poster{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.yt-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.yt-play{background:var(--wb-primary);width:4.5rem;height:4.5rem;color:var(--wb-on-primary);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background-color .15s;display:flex;position:relative;box-shadow:0 .25rem 1.5rem #00000073}.yt-poster:hover .yt-play,.yt-poster:focus-visible .yt-play,.yt-big:hover,.yt-big:focus-visible{background:var(--wb-primary-hover);transform:scale(1.06)}.yt-play svg{fill:currentColor;width:2rem;height:2rem;margin-left:.25rem}.yt.is-loading .yt-poster .yt-play{animation:1s ease-in-out infinite yt-pulse}.yt-big,.yt-spin{z-index:1;cursor:pointer;display:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.yt.is-paused:not(.is-loading) .yt-big,.yt.is-ended .yt-big{display:flex}.yt-spin{border:3px solid #ffffff4d;border-top-color:var(--wb-primary);pointer-events:none;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite yt-spin}.yt.is-started.is-loading .yt-spin{display:block}@keyframes yt-pulse{50%{opacity:.55}}@keyframes yt-spin{to{rotate:1turn}}.yt-controls{background:linear-gradient(#000,#161616);gap:.125rem;padding:.125rem .375rem .25rem;transition:opacity .3s;display:grid}.yt.is-idle .yt-controls{opacity:0;pointer-events:none}.yt-row,.yt-now{align-items:center;gap:.125rem;min-width:0;display:flex}.yt-seek{padding:0 .375rem;position:relative}.yt-range{--v:0%;--b:0%;cursor:pointer;appearance:none;background:0 0;width:100%;height:1.25rem;margin:0;display:block}.yt-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--wb-primary) var(--v), #ffffff80 var(--v) var(--b), #ffffff38 var(--b));border-radius:1rem;height:.3125rem}.yt-range::-moz-range-track{background:linear-gradient(90deg, #ffffff80 var(--b), #ffffff38 var(--b));border-radius:1rem;height:.3125rem}.yt-range::-moz-range-progress{background:var(--wb-primary);border-radius:1rem;height:.3125rem}.yt-range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:.8125rem;height:.8125rem;margin-top:-.25rem;transition:scale .15s;box-shadow:0 1px 2px #00000073}.yt-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:.8125rem;height:.8125rem;box-shadow:0 1px 2px #00000073}.yt-range:hover::-webkit-slider-thumb{scale:1.25}.yt-range:focus-visible::-webkit-slider-thumb{scale:1.25}.yt-tip{color:#111;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#ffffffeb;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;position:absolute;bottom:100%;translate:-50%}.yt-time{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 .375rem;font-size:.8125rem;overflow:hidden}.yt-push{margin-left:auto}.yt-vol{flex:none;width:4.5rem;margin-right:.25rem}@media (pointer:coarse){.yt-vol{display:none}}.yt-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .15s,color .15s;display:inline-flex}.yt-btn:hover,.yt-btn[aria-expanded=true]{background:var(--wb-primary);color:var(--wb-on-primary)}.yt-btn svg{fill:currentColor;width:1.25rem;height:1.25rem}.yt-btn .yt-i2,.yt.is-playing [data-yt-toggle] .yt-i1,.yt.is-muted [data-yt-mute] .yt-i1,.yt.is-fs [data-yt-fs] .yt-i1{display:none}.yt.is-playing [data-yt-toggle] .yt-i2,.yt.is-muted [data-yt-mute] .yt-i2,.yt.is-fs [data-yt-fs] .yt-i2{display:block}.yt-body :focus-visible{outline:2px solid var(--wb-primary);outline-offset:-2px}.yt-rate{position:relative}.yt-rate-btn{width:auto;min-width:2.25rem;padding:0 .375rem;font-size:.8125rem;font-weight:600}.yt-menu{border-radius:var(--radius-sm);color:#111;background:#fffffff2;min-width:4.5rem;padding:.25rem;font-size:.875rem;display:grid;position:absolute;bottom:calc(100% + .375rem);right:0;box-shadow:0 .25rem 1rem #00000059}.yt-menu button{text-align:left;cursor:pointer;border-radius:.25rem;padding:.3125rem .625rem}.yt-menu button:hover{background:#00000014}.yt-menu [aria-pressed=true]{background:var(--wb-primary);color:var(--wb-on-primary);font-weight:600}.yt-menu button:focus-visible{outline-color:var(--wb-on-primary)}@media (width<30rem){.yt-row .yt-btn{width:2rem;min-width:2rem;height:2rem}.yt-row .yt-rate-btn{width:auto}.yt-time{padding:0 .25rem;font-size:.75rem}}.yt-bar{background:#161616;padding:.25rem .375rem .25rem .75rem;display:grid}.yt-now{gap:.5rem;min-height:2.25rem;font-size:.875rem}.yt-count{color:#17c699;font-variant-numeric:tabular-nums;flex:none}.yt-now-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.yt-auto{color:#cfcfcf;cursor:pointer;flex:none;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.yt-auto input{accent-color:var(--wb-primary)}.yt-note{color:#b5b5b5;padding-bottom:.375rem;font-size:.75rem}.yt-list{border:1px solid var(--wb-line);border-radius:var(--radius-md);background:var(--wb-surface);font-size:.875rem;display:grid;overflow:hidden}.yt-item{border-bottom:1px solid var(--wb-line);height:100%;color:var(--wb-text);grid-template-columns:1.25rem 5.5rem minmax(0,1fr);align-items:start;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:grid;position:relative}.yt-list li:last-child .yt-item{border-bottom:0}.yt-item:hover,.yt-item[aria-current=true]{background:var(--wb-surface-2);color:var(--wb-ink)}.yt-item[aria-current=true]{box-shadow:inset 3px 0 0 var(--wb-primary)}.yt-item:focus-visible{outline:2px solid var(--wb-focus);outline-offset:-2px}.yt-num{color:var(--wb-muted);text-align:right;font-variant-numeric:tabular-nums;padding-top:.125rem;font-size:.75rem}.yt-item[aria-current=true] .yt-num{color:var(--wb-primary-ink);font-weight:600}.yt-thumb{aspect-ratio:16/9;background:var(--wb-surface-2);object-fit:cover;border-radius:.25rem;width:100%;height:auto}.yt-item-text{gap:.125rem;min-width:0;display:grid}.yt-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.yt-item-meta{color:var(--wb-muted);flex-wrap:wrap;gap:0 .5rem;font-size:.75rem;display:flex}.yt-duration{font-variant-numeric:tabular-nums}.yt-duration:empty{display:none}.yt-item.is-unavailable{opacity:.55}.yt-item.is-unavailable .yt-duration{color:var(--wb-danger)}.yt-more{border:1px solid var(--wb-line-strong);border-radius:var(--radius-sm);color:var(--wb-ink);cursor:pointer;justify-self:start;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:none}.yt-more:hover{background:var(--wb-surface-2)}.yt-all:focus-visible~.yt-more{outline:2px solid var(--wb-focus);outline-offset:2px}.yt-all:checked~.yt-more span:first-child,.yt-all:not(:checked)~.yt-more span:last-child{display:none}@media (width<48rem){.yt-more{display:block}.yt-all:not(:checked)~.yt-list li:nth-child(n+6){display:none}}@media (width>=48rem){.yt-all{display:none}.yt-list{background:0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem;overflow:visible}.yt-item,.yt-list li:last-child .yt-item{border:1px solid var(--wb-line);border-radius:var(--radius-md);background:var(--wb-surface);grid-template-columns:minmax(0,1fr);gap:.375rem;padding:.375rem .375rem .5rem}.yt-item:hover{background:var(--wb-surface-2)}.yt-item[aria-current=true]{border-color:var(--wb-primary);box-shadow:inset 0 0 0 1px var(--wb-primary)}.yt-num{color:#fff;text-align:center;background:#000000c7;border-radius:.25rem;min-width:1.5rem;padding:.0625rem .375rem;position:absolute;top:.75rem;left:.75rem}.yt-item[aria-current=true] .yt-num{background:var(--wb-primary);color:var(--wb-on-primary)}.yt-item-text{padding:0 .125rem}}@media (prefers-reduced-motion:reduce){.yt *,.yt-controls{transition:none}.yt.is-loading .yt-poster .yt-play{animation:none}.yt-spin{animation-duration:2s}}.video-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.video-card-count{border-radius:var(--radius-sm);color:#fff;background:#000000c7;padding:.125rem .5rem;font-size:.75rem;font-weight:500;position:absolute;bottom:.5rem;right:.5rem}.video-card-media{height:100%;position:relative}.video-card-media img{object-fit:cover;width:100%;height:100%;display:block}.video-source{color:var(--wb-muted);font-size:.8125rem}.prose .yt{font-size:1rem;line-height:1.5}.prose .yt-list{margin:0;padding-left:0;list-style:none}.prose .yt-list li{margin:0;padding:0}.prose .yt a{color:inherit;text-decoration:none}}