.pblur{--pblur-direction: to bottom;position:absolute;inset:0;border-radius:inherit;pointer-events:none}.pblur--framed{border:3px solid rgb(0 0 0 / 10%);border-radius:64px}.pblur[data-direction=top]{--pblur-direction: to top}.pblur[data-direction=right]{--pblur-direction: to right}.pblur[data-direction=left]{--pblur-direction: to left}.pblur[data-preset=topbar]{background:linear-gradient(to bottom,hsl(var(--background) / .5),hsl(var(--background) / 0) 72%)}.pblur__layer{position:absolute;inset:0;border-radius:inherit;background:#fff0;-webkit-backdrop-filter:var(--pblur-filter);backdrop-filter:var(--pblur-filter);-webkit-mask-image:var(--pblur-mask);mask-image:var(--pblur-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.ua-webkit .pblur[data-preset=topbar] .pblur__layer[data-webkit=false]{display:none}.ua-webkit .pblur[data-preset=topbar] .pblur__layer[data-webkit=true]{-webkit-backdrop-filter:var(--pblur-webkit-filter);backdrop-filter:var(--pblur-webkit-filter);-webkit-mask-image:var(--pblur-mask-webkit);mask-image:var(--pblur-mask-webkit)}@media(max-width:768px){.pblur[data-preset=continuous] .pblur__layer[data-compact=false]{display:none}.pblur[data-preset=continuous] .pblur__layer[data-compact=true]{-webkit-mask-image:var(--pblur-mask-compact);mask-image:var(--pblur-mask-compact)}}@media(prefers-reduced-transparency:reduce){.pblur{background:linear-gradient(var(--pblur-direction),hsl(var(--background) / 0),hsl(var(--background) / .94))}.pblur[data-preset=topbar]{background:linear-gradient(to bottom,hsl(var(--background) / .94),hsl(var(--background) / 0) 82%)}.pblur__layer{display:none}}.yt{--yt-radius: 12px;--yt-disc: 48px;position:relative;width:100%;min-width:0;margin-block:32px}.yt__stage{position:relative;display:block}.yt__frame{position:relative;display:block;width:100%;min-height:200px;padding:0;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--blog-line, hsl(var(--foreground) / .12));border-radius:var(--yt-radius);background:hsl(var(--foreground) / .04);color:inherit;cursor:pointer;isolation:isolate;text-align:left;transition:border-color .18s ease;-webkit-tap-highlight-color:transparent}.yt__frame:hover{border-color:hsl(var(--foreground) / .2)}.yt__frame:focus-visible{outline:2px solid var(--blog-accent, hsl(var(--foreground)));outline-offset:3px}.yt.is-playing .yt__frame{cursor:default}.yt__poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:var(--blog-img-edge, inset 0 0 0 1px hsl(0 0% 0% / .1));transition:filter .22s ease}.yt.is-loading .yt__poster{filter:saturate(.72) brightness(.86)}.yt.is-playing .yt__poster{filter:brightness(.5)}.yt.is-unreachable .yt__poster{filter:saturate(.5) brightness(.52)}.yt__veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 21% 33% at 50% 50%,hsl(0 0% 0% / .46),transparent 70%);opacity:.82;transition:opacity .16s ease}.yt__frame:hover .yt__veil{opacity:1}.yt__disc{position:absolute;top:50%;left:50%;width:var(--yt-disc);height:var(--yt-disc);display:grid;place-items:center;border-radius:999px;background:#121212d1;box-shadow:0 4px 16px -8px #0009;transform:translate(-50%,-50%);transition:transform .12s ease,background .16s ease,opacity .22s ease}.yt:not(.is-loading) .yt__frame:focus-visible .yt__disc{background:#fff}@media(hover:hover)and (pointer:fine){.yt:not(.is-loading) .yt__frame:hover .yt__disc{background:#fff}}.yt__frame:active .yt__disc{transform:translate(-50%,-50%) scale(.94)}.yt__glyph{width:28px;height:28px;fill:#fff;transition:fill .16s ease}.yt:not(.is-loading) .yt__frame:focus-visible .yt__glyph--play{fill:#121212}@media(hover:hover)and (pointer:fine){.yt:not(.is-loading) .yt__frame:hover .yt__glyph--play{fill:#121212}}.yt__glyph--wait{display:none;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.yt.is-loading .yt__glyph--play{display:none}.yt.is-loading .yt__glyph--wait{display:block;animation:yt-spin 1s linear infinite}@keyframes yt-spin{to{transform:rotate(1turn)}}.yt__down{position:absolute;inset:1px;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:20px;border-radius:calc(var(--yt-radius) - 1px);background:#0a0a0a57;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.yt.is-unreachable .yt__down{display:flex}.yt__down-title,.yt__down-body{margin:0;color:#fff;text-shadow:0 1px 6px hsl(0 0% 0% / .6)}.yt__down-title{font-size:15px;font-weight:600;line-height:1.35}.yt__down-body{max-width:30ch;font-size:13px;line-height:1.5;color:#fffc}.yt__down-cta{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:9px 16px;border:1px solid hsl(0 0% 100% / .3);border-radius:999px;background:#ffffff21;color:#fff;font-size:13.5px;line-height:1;text-decoration:none;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}.yt__down-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.yt__down-cta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.yt.is-unreachable .yt__disc,.yt.is-unreachable .yt__veil,.yt.is-playing .yt__disc,.yt.is-playing .yt__veil{opacity:0;pointer-events:none}.yt__caption{position:absolute;right:1px;bottom:1px;left:1px;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:5px 11px;margin:0;padding:76px 15px 14px;border-radius:0 0 calc(var(--yt-radius) - 1px) calc(var(--yt-radius) - 1px);pointer-events:none;text-align:left;transition:opacity .22s ease,transform .22s ease}.yt__blur{z-index:-1;border-radius:inherit}.yt__scrim{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(to top,hsl(0 0% 0% / .64) 0%,hsl(0 0% 0% / .6) 62%,hsl(0 0% 0% / .37) 78%,hsl(0 0% 0% / .15) 89%,transparent 100%)}@media(prefers-reduced-transparency:reduce){.yt__blur{background:none}.yt__scrim{background:linear-gradient(to top,hsl(0 0% 0% / .94) 0%,hsl(0 0% 0% / .88) 62%,hsl(0 0% 0% / .54) 78%,hsl(0 0% 0% / .22) 89%,transparent 100%)}}.yt__avatar{position:relative;grid-row:1 / span 2;align-self:center;width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:999px;background:#0006;color:#fffc;font-family:var(--font-mono);font-size:14px;text-transform:uppercase}.yt__avatar:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff47;content:""}.yt__avatar-fallback{grid-area:1 / 1}.yt__avatar-image{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.yt__avatar-image[hidden]{display:none}.yt__title{grid-column:2;display:-webkit-box;overflow:hidden;color:#fff;font-size:15px;font-weight:550;line-height:1.4;letter-spacing:-.005em;text-shadow:0 1px 3px hsl(0 0% 0% / .55);-webkit-box-orient:vertical;-webkit-line-clamp:2}.yt__meta{grid-column:2;display:flex;align-items:center;gap:4px 14px;color:#fffc;font-size:12.5px;line-height:1.4;text-shadow:0 1px 3px hsl(0 0% 0% / .5)}.yt__channel,.yt__out{color:inherit;text-decoration:none}a.yt__channel,.yt__out{pointer-events:auto}.yt__out{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.yt__out-mark{width:17px;height:12px;fill:currentColor}.yt__out-arrow{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.yt.is-playing .yt__caption{opacity:0;transform:translateY(6px)}.yt.is-unreachable .yt__caption{opacity:0}.yt__player{position:absolute;inset:1px;z-index:3;width:calc(100% - 2px);height:calc(100% - 2px);overflow:hidden;border:0;border-radius:calc(var(--yt-radius) - 1px);opacity:0;pointer-events:none;transition:opacity .22s ease}.yt.is-playing .yt__player{opacity:1;pointer-events:auto}@media(max-width:600px){.yt{--yt-disc: 44px;margin-block:26px}.yt__glyph{width:24px;height:24px}.yt__caption{gap:3px 9px;padding:34px 12px 10px}.yt__title{font-size:14px;-webkit-line-clamp:1}.yt__meta{font-size:12px}.yt__avatar{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.yt__caption,.yt__disc,.yt__player{transition:none}.yt__frame:active .yt__disc{transform:translate(-50%,-50%)}.yt.is-loading .yt__glyph--wait{animation:yt-spin 1.6s steps(8) infinite}}
