.gif-player{width:fit-content;max-width:100%;margin-inline:auto;display:block;position:relative}.gif-player__toggle{border:2px solid var(--color-light);border-radius:var(--br-circle);background:var(--color-dark);width:2.75rem;height:2.75rem;color:var(--color-light);cursor:pointer;transition:color var(--transition-duration--general) ease, border-color var(--transition-duration--general) ease;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.gif-player__toggle:hover:not(:disabled),.gif-player__toggle:focus-visible{color:var(--yeeso-primary-tint);border-color:var(--yeeso-primary-tint);background-color:var(--color-dark)}.gif-player__toggle:focus-visible{outline:2px solid var(--yeeso-primary-tint);outline-offset:2px}
.article-page__content{max-width:calc(var(--article-max-width) + 6rem);margin:3rem 2rem;padding:1rem}.article-page__content p{margin-block:2em;line-height:1.7}.article-page__content p:has(img){flex-direction:column;justify-content:center;display:flex}.article-page__content p code{margin:0}.article-page__content .alert p{margin-block:0}.article-page__content img,.article-page__content video{max-width:100%;margin:auto;display:block}.article-page__content figure{margin:2rem 0}.article-page__content figcaption{text-align:center;margin-top:.5rem;font-size:.8rem;font-weight:400}.article-page__content .css-playground figcaption{text-align:left;margin:.5rem 0;font-size:1.2rem}@media screen and (min-width:576px){.article-page__content{padding:1rem 2rem}}@media screen and (min-width:992px){.article-page__content{margin:3rem auto;padding:1.5rem 3rem}}