.post-banners{position:relative;width:100%;max-width:300px;margin:0}.pb-stage{position:relative;aspect-ratio:3 / 5;overflow:hidden;border-radius:var(--radius-stat);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface))}.pb-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity var(--pb-speed, .6s) var(--ease-entrance),transform var(--pb-speed, .6s) var(--ease-entrance),visibility 0s linear var(--pb-speed, .6s);will-change:opacity,transform}.pb-slide.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}.pb-slide.is-leaving{z-index:0}.pb-link,.pb-media{display:block;width:100%;height:100%}.pb-link{color:inherit;text-decoration:none}.pb-img{display:block;width:100%;height:100%;object-fit:cover}.pb-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;border-radius:var(--radius-stat)}.post-banners--fade .pb-slide.is-active{transition-delay:var(--pb-speed, .6s),0s,0s}.post-banners--slide-h .pb-slide,.post-banners--slide-v .pb-slide{opacity:1;visibility:visible;transition:transform var(--pb-speed, .6s) var(--ease-entrance)}.post-banners--slide-h .pb-slide:not(.is-active):not(.is-leaving),.post-banners--slide-v .pb-slide:not(.is-active):not(.is-leaving){visibility:hidden}.post-banners--slide-h .pb-slide{transform:translate(100%)}.post-banners--slide-h .pb-slide.is-active{transform:translate(0)}.post-banners--slide-h .pb-slide.is-leaving{transform:translate(-100%)}.post-banners--slide-h .pb-slide.is-leaving.is-reverse{transform:translate(100%)}.post-banners--slide-h .pb-slide.is-enter-reverse{transform:translate(-100%)}.post-banners--slide-v .pb-slide{transform:translateY(100%)}.post-banners--slide-v .pb-slide.is-active{transform:translateY(0)}.post-banners--slide-v .pb-slide.is-leaving{transform:translateY(-100%)}.post-banners--slide-v .pb-slide.is-leaving.is-reverse{transform:translateY(100%)}.post-banners--slide-v .pb-slide.is-enter-reverse{transform:translateY(-100%)}.post-banners--none .pb-slide,.post-banners.is-static .pb-slide{transition:none}.pb-button{position:absolute;inset-inline:var(--space-5);bottom:var(--space-5);z-index:2;text-align:center;text-decoration:none;font-size:var(--text-ui);padding-block:12px;border-radius:var(--radius-button)}.pb-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);min-height:28px}.pb-ctl{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.pb-ctl:hover{color:var(--color-accent);border-color:var(--color-accent)}.pb-ctl:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pb-ctl__play,.pb-ctl--toggle[aria-pressed=true] .pb-ctl__pause{display:none}.pb-ctl--toggle[aria-pressed=true] .pb-ctl__play{display:block}.pb-dots{display:inline-flex;gap:6px}.pb-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--color-border);cursor:pointer}.pb-dot.is-active{background:var(--color-accent)}.pb-dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.post-banners.is-single .pb-controls{display:none}.pb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.post-banners-inline{display:flex;justify-content:center;margin:var(--space-8) 0}.post-banners-inline .post-banners{max-width:var(--pb-mobile-max, 360px)}.post-banners-inline--toc{margin:0 auto var(--space-6);max-width:var(--article-reading-width)}.post-banners-inline--end{margin-top:var(--space-9)}.post-banners--sticky-m{position:sticky;top:calc(var(--header-h-mobile) + var(--pb-top-m, 16px))}@media(min-width:768px){.post-banners--sticky-m:not(.post-banners--sticky-t){position:static}.post-banners--sticky-t{position:sticky;top:calc(var(--header-h-tablet) + var(--pb-top-t, 16px))}}@media(min-width:1200px){.post-banners--sticky-t{top:calc(var(--header-h-desktop) + var(--pb-top-t, 16px))}}@media(min-width:1440px){.post-banners-inline{display:none}.article-banner-slot .post-banners{position:static;max-width:none}}@media(prefers-reduced-motion:reduce){.pb-slide{transition:none}}