:root{--black-24:hsl(0, 0%, 24%);--black-20:hsl(0, 0%, 20%);--black-47:hsl(0, 0%, 47%);--black-57:hsl(0, 0%, 57%);--blue-56:hsl(219, 79%, 56%)}.post__header__hero{margin-bottom:2.5rem}.post__header__hero .B{--hero-fill:var(--white);fill:var(--hero-fill)}.post__header__hero svg{max-width:29rem}:root[data-theme=dark] .post__header__hero .B{--hero-fill:var(--black-16)}.post__header__hero .C{--hero-stroke:var(--blue-56);stroke:var(--hero-stroke)}:root[data-theme=dark] .post__header__hero .C{--hero-stroke:hsl(0, 0%, 87%)}.post__header__hero g[clip-path]{opacity:.5}.btm-demo{display:flex;justify-content:center;position:relative;margin:0 0 calc(var(--ru) * .8rem);padding:2.5rem 1.25rem 1.25rem;border-radius:5px;background-color:#222;transition:background-color .1s ease-in-out}#demo1{padding:0;background-color:var(--black);min-height:auto}@media(-webkit-device-pixel-ratio:1){#demo1>canvas{image-rendering:pixelated}}:root[data-theme=dark] .btm-demo{--color-periphery-text:var(--white-90)}.btm-canvas{border-radius:5px;width:100%;max-width:100%;max-height:514px}.btm-canvas--panel{position:relative;top:-1.25rem;padding-bottom:.625rem}@media screen and (min-width:464px){.btm-canvas{width:auto;padding-bottom:0}}.overlay-list{padding:0}.overlay-item{position:absolute;padding:0 .3125rem;list-style:none;width:max-content;font-family:shadows into light two;background:#ff0;color:#333;font-size:.625rem}@media screen and (min-width:464px){.overlay-item{font-size:.875rem}}.overlay-item--0-0{display:flex;flex-direction:row-reverse;top:40%;right:21%}.overlay-item--0-0 .icon{right:-.1875rem}.overlay-item--1-0{top:17%;right:1%}.overlay-item--1-1{top:47%;right:8%}.overlay-item--1-2{top:68%;right:1%}@media screen and (min-width:375px){.overlay-item{font-size:.75rem}.overlay-item--1-2{top:70%}}@media screen and (min-width:475px){.overlay-item{font-size:.875rem}}@media screen and (min-width:600px){.overlay-item{font-size:1rem}}@media screen and (min-width:768px){.overlay-item{font-size:1.1875rem}}.overlay-list--2{position:absolute;bottom:1.25rem;width:100%;display:flex;justify-content:center}.overlay-item--2-0{position:static}.overlay-item .icon{position:relative;top:.125rem}.overlay-item .icon svg{width:.75rem;height:.75rem}@media screen and (min-width:768px){.overlay-item .icon svg{width:1.0625rem;height:1.0625rem}}.btm-replay-btn{display:flex;position:absolute;bottom:.625rem;left:.625rem;padding:.375rem;border-radius:5px;border:0;background:#333;cursor:pointer}.btm-replay-btn:hover{background:#555}.btm-replay-btn>svg{width:.9375rem;height:.9375rem;fill:#ddd;stroke-width:1}@media screen and (min-width:475px){.btm-replay-btn>svg{width:1.25rem;height:1.25rem}}@media screen and (min-width:768px){.btm-replay-btn>svg{width:1.5rem;height:1.5rem}}.jump-list{display:flex;justify-content:center;margin-bottom:0;padding-left:0}.jump-item{display:flex;cursor:pointer;padding:.625rem 0}.jump-bar{--color-jump-bar-active:var(--accent-color);--color-jump-bar:hwb(0 80% 20%);border-radius:5px;background-color:var(--color-jump-bar);height:.1875rem;width:2.5rem;margin:0 .3125rem;display:inline-block;transition:background-color .15s ease-in-out;-webkit-transition:background-color .15s ease-in-out}:root[data-theme=dark] .jump-bar{--color-jump-bar-active:var(--dark-orange);--color-jump-bar:var(--black-47)}.jump-item:hover .jump-bar{background-color:var(--color-jump-bar-active)}.jump-item.selected .jump-bar{background-color:var(--color-jump-bar-active)}.slide-caption{text-align:center;font-size:.875rem;color:var(--caption-color);letter-spacing:-.025rem;padding-top:.625rem}@media screen and (min-width:768px){.slide-caption{font-size:.875rem}}.placeholder{font-family:shadows into light two}.btm-next,.btm-prev{position:absolute;display:flex;align-items:center;right:.625rem;top:42%;padding:.3125rem .4375rem;font-size:1.0625rem;background:#333;border:0;fill:#ddd;border-radius:5px;cursor:pointer}.btm-loader{position:absolute;top:45%;width:.875rem;height:.875rem;border-radius:50%;background-color:#333;box-shadow:32px 0 #ddd,-32px 0 #ddd;animation:flash .5s ease-out infinite alternate;z-index:1}@keyframes flash{0%{background-color:var(--black-47);box-shadow:32px 0 var(--black-47),-32px 0 var(--black-57)}50%{background-color:var(--black-57);box-shadow:32px 0 var(--black-47),-32px 0 var(--black-47)}100%{background-color:var(--black-47);box-shadow:32px 0 var(--black-57),-32px 0 var(--black-47)}}@media screen and (min-width:475px){.btm-next,.btm-prev{padding:.625rem;font-size:1.25rem}}@media screen and (min-width:768px){.btm-next,.btm-prev{padding:1.25rem .75rem;font-size:1.5rem}}.btm-prev{left:.625rem;right:auto}.btm-next:not([disabled]):hover,.btm-prev:not([disabled]):hover{background-color:#555}.btm-next:not([disabled]):active,.btm-prev:not([disabled]):active,.btm-replay-btn:active{transform:scale(.95)}.btm-next:disabled,.btm-prev:disabled{cursor:default;opacity:.6}.play-icon{position:relative;top:.125rem}figure{margin:0;text-align:center}figure img{width:100%;border-radius:.3125rem;border:1px solid #dedede}@media screen and (min-width:768px){figure img{width:80%}}h4,h3,h2{color:var(--accent-color)}figcaption{padding-top:.625rem}figure{padding:1.25rem}