@font-face{font-family:Roboto;font-style:normal;font-weight:400 500;font-stretch:100%;font-display:swap;src:url(/assets/fonts/Roboto-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400 500;font-stretch:100%;font-display:swap;src:url(/assets/fonts/Roboto-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}.markdown-content .blog-notify{--notify-glass:#151619d1;--notify-rim:#1e1e28;--notify-ink:#fff;--notify-sub:#6b6b80;background:radial-gradient(120% 140% at 84% 6%,#1b1436 0%,#0e0b1c 56%,#08070f 100%);border:1px solid #ece5f614;border-radius:8px;max-width:460px;height:222px;margin:1.75em 0;font-family:Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.markdown-content .blog-notify-stack{max-width:calc(100% - 64px);position:absolute;bottom:28px;right:32px}.markdown-content .blog-notify-slot{will-change:transform;animation-duration:16.7s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;bottom:0;right:0}.markdown-content .blog-notify-card{background:var(--notify-glass);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);width:max-content;min-width:172px;max-width:296px;height:50px;box-shadow:inset 0 0 0 1px rgb(var(--notify-rgb)/37.6%),inset 0 0 0 1px var(--notify-rim);opacity:0;will-change:transform,opacity;border-radius:10px;margin-left:auto;padding:0 10px;animation-duration:16.7s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;display:flex;position:relative}.markdown-content .blog-notify-card--midboss{--notify-rgb:158 94 255;animation-name:blog-notify-card-midboss}.markdown-content .blog-notify-card--runes{--notify-rgb:158 94 255;animation-name:blog-notify-card-runes}.markdown-content .blog-notify-card--speed{--notify-rgb:78 121 248;animation-name:blog-notify-card-speed}.markdown-content .blog-notify-card--vitality{--notify-rgb:0 255 0;animation-name:blog-notify-card-vitality}.markdown-content .blog-notify-card--gun{--notify-rgb:255 128 0;animation-name:blog-notify-card-gun}.markdown-content .blog-notify-card--octarine{--notify-rgb:158 94 255;animation-name:blog-notify-card-octarine}.markdown-content .blog-notify-slot--midboss{animation-name:blog-notify-slot-midboss}.markdown-content .blog-notify-slot--runes{animation-name:blog-notify-slot-runes}.markdown-content .blog-notify-slot--speed{animation-name:blog-notify-slot-speed}.markdown-content .blog-notify-slot--vitality{animation-name:blog-notify-slot-vitality}.markdown-content .blog-notify-slot--gun{animation-name:blog-notify-slot-gun}.markdown-content .blog-notify-fill--midboss{animation-name:blog-notify-fill-midboss}.markdown-content .blog-notify-fill--runes{animation-name:blog-notify-fill-runes}.markdown-content .blog-notify-fill--speed{animation-name:blog-notify-fill-speed}.markdown-content .blog-notify-fill--vitality{animation-name:blog-notify-fill-vitality}.markdown-content .blog-notify-fill--gun{animation-name:blog-notify-fill-gun}.markdown-content .blog-notify-fill--octarine{animation-name:blog-notify-fill-octarine}.markdown-content .blog-notify-chip{background-color:rgb(var(--notify-rgb)/13.3%);width:30px;height:30px;box-shadow:inset 0 0 0 1px rgb(var(--notify-rgb)/47.1%);background-position:50%;background-repeat:no-repeat;background-size:30px 30px;border-radius:50%;flex:none;margin:7px 9px 0 0;position:relative}.markdown-content .blog-notify-chip--wraith{background-image:url(/assets/images/blog/big-update/notifications/hero-wraith.webp)}.markdown-content .blog-notify-chip--haze{background-image:url(/assets/images/blog/big-update/notifications/hero-haze.webp)}.markdown-content .blog-notify-chip--infernus{background-image:url(/assets/images/blog/big-update/notifications/hero-infernus.webp)}.markdown-content .blog-notify-chip--midboss:before{content:"";background-color:#fff;position:absolute;inset:0;-webkit-mask:url(/assets/images/blog/big-update/notifications/icon-midboss.svg) 50%/30px 30px no-repeat;mask:url(/assets/images/blog/big-update/notifications/icon-midboss.svg) 50%/30px 30px no-repeat}.markdown-content .blog-notify-chip--octarine{background-image:url(/assets/images/blog/big-update/notifications/logo-mark.svg);background-size:13px 17px}.markdown-content .blog-notify-lines{min-width:0;padding-top:4.9px;display:block}.markdown-content .blog-notify-title{color:var(--notify-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:1.4;display:block;overflow:hidden}.markdown-content .blog-notify-row{align-items:center;min-width:0;display:flex}.markdown-content .blog-notify-icon{flex:none;width:13px;height:13px;margin-right:6px}.markdown-content .blog-notify-icon--speed,.markdown-content .blog-notify-icon--vitality,.markdown-content .blog-notify-icon--gun,.markdown-content .blog-notify-icon--timer{background-color:rgb(var(--notify-rgb));-webkit-mask:none 50%/13px 13px no-repeat;mask:none 50%/13px 13px no-repeat}.markdown-content .blog-notify-icon--speed{-webkit-mask-image:url(/assets/images/blog/big-update/notifications/rune-speed.png);mask-image:url(/assets/images/blog/big-update/notifications/rune-speed.png)}.markdown-content .blog-notify-icon--vitality{-webkit-mask-image:url(/assets/images/blog/big-update/notifications/rune-vitality.png);mask-image:url(/assets/images/blog/big-update/notifications/rune-vitality.png)}.markdown-content .blog-notify-icon--gun{-webkit-mask-image:url(/assets/images/blog/big-update/notifications/rune-gun.png);mask-image:url(/assets/images/blog/big-update/notifications/rune-gun.png)}.markdown-content .blog-notify-icon--timer{-webkit-mask-image:url(/assets/images/blog/big-update/notifications/icon-timer.svg);mask-image:url(/assets/images/blog/big-update/notifications/icon-timer.svg)}.markdown-content .blog-notify-text{color:var(--notify-sub);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.4;overflow:hidden}.markdown-content .blog-notify-timer{background:rgb(var(--notify-rgb)/13.3%);border-radius:1.5px;height:3px;position:absolute;bottom:4.5px;left:10px;right:10px}.markdown-content .blog-notify-fill{border-radius:inherit;background:rgb(var(--notify-rgb));width:100%;height:100%;animation-duration:16.7s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;display:block}@keyframes blog-notify-card-midboss{0%{opacity:0;filter:blur(6px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(26px)}1.5569%{opacity:1;filter:none;transform:translate(0)}23.9521%{opacity:1;filter:none;animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translate(0)}24.6108%{opacity:.5;filter:blur(3px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(6.5px)}25.2695%{opacity:0;filter:blur(6px);animation-timing-function:step-end;transform:translate(13px)}25.3293%,to{opacity:0;filter:blur(6px);transform:translate(26px)}}@keyframes blog-notify-slot-midboss{0%,4.1916%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}5.7485%{transform:translateY(-58px)}31.7365%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-58px)}33.2934%{transform:translateY(-116px)}34.1317%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-116px)}34.7904%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-87px)}35.4491%{transform:translateY(-58px)}35.9281%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-58px)}37.485%{transform:translateY(-116px)}39.521%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-116px)}41.0778%{transform:translateY(-174px)}51.497%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-174px)}52.1557%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-145px)}52.8144%{transform:translateY(-116px)}59.2814%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-116px)}59.9401%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-87px)}60.5988%{transform:translateY(-58px)}62.8743%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}63.5329%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}64.1916%{transform:translateY(0)}67.6647%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}69.2216%{transform:translateY(-58px)}91.6168%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}92.2754%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}92.9341%,to{transform:translateY(0)}}@keyframes blog-notify-fill-midboss{0%{width:100%}23.9521%{width:0%;animation-timing-function:step-end}25.3293%,to{width:100%}}@keyframes blog-notify-card-runes{0%,4.1916%{opacity:0;filter:blur(6px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(26px)}5.7485%{opacity:1;filter:none;transform:translate(0)}34.1317%{opacity:1;filter:none;animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translate(0)}34.7904%{opacity:.5;filter:blur(3px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(6.5px)}35.4491%{opacity:0;filter:blur(6px);animation-timing-function:step-end;transform:translate(13px)}35.509%,to{opacity:0;filter:blur(6px);transform:translate(26px)}}@keyframes blog-notify-slot-runes{0%,31.7365%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}33.2934%{transform:translateY(-58px)}35.9281%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-58px)}37.485%{transform:translateY(-116px)}39.521%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-116px)}41.0778%{transform:translateY(-174px)}51.497%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-174px)}52.1557%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-145px)}52.8144%{transform:translateY(-116px)}59.2814%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-116px)}59.9401%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-87px)}60.5988%{transform:translateY(-58px)}62.8743%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}63.5329%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}64.1916%{transform:translateY(0)}67.6647%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}69.2216%{transform:translateY(-58px)}91.6168%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}92.2754%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}92.9341%,to{transform:translateY(0)}}@keyframes blog-notify-fill-runes{0%,4.1916%{width:100%}34.1317%{width:0%;animation-timing-function:step-end}35.509%,to{width:100%}}@keyframes blog-notify-card-speed{0%,31.7365%{opacity:0;filter:blur(6px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(26px)}33.2934%{opacity:1;filter:none;transform:translate(0)}59.2814%{opacity:1;filter:none;animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translate(0)}59.9401%{opacity:.5;filter:blur(3px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(6.5px)}60.5988%{opacity:0;filter:blur(6px);animation-timing-function:step-end;transform:translate(13px)}60.6587%,to{opacity:0;filter:blur(6px);transform:translate(26px)}}@keyframes blog-notify-slot-speed{0%,35.9281%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}37.485%{transform:translateY(-58px)}39.521%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-58px)}41.0778%{transform:translateY(-116px)}51.497%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-116px)}52.1557%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-87px)}52.8144%{transform:translateY(-58px)}62.8743%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}63.5329%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}64.1916%{transform:translateY(0)}67.6647%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}69.2216%{transform:translateY(-58px)}91.6168%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}92.2754%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}92.9341%,to{transform:translateY(0)}}@keyframes blog-notify-fill-speed{0%,31.7365%{width:100%}59.2814%{width:0%;animation-timing-function:step-end}60.6587%,to{width:100%}}@keyframes blog-notify-card-vitality{0%,35.9281%{opacity:0;filter:blur(6px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(26px)}37.485%{opacity:1;filter:none;transform:translate(0)}51.497%{opacity:1;filter:none;animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translate(0)}52.1557%{opacity:.5;filter:blur(3px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(6.5px)}52.8144%{opacity:0;filter:blur(6px);animation-timing-function:step-end;transform:translate(13px)}52.8743%,to{opacity:0;filter:blur(6px);transform:translate(26px)}}@keyframes blog-notify-slot-vitality{0%,39.521%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}41.0778%{transform:translateY(-58px)}62.8743%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}63.5329%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}64.1916%{transform:translateY(0)}67.6647%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}69.2216%{transform:translateY(-58px)}91.6168%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}92.2754%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}92.9341%,to{transform:translateY(0)}}@keyframes blog-notify-fill-vitality{0%,35.9281%{width:100%}51.497%{width:0%;animation-timing-function:step-end}52.8743%,to{width:100%}}@keyframes blog-notify-card-gun{0%,39.521%{opacity:0;filter:blur(6px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(26px)}41.0778%{opacity:1;filter:none;transform:translate(0)}62.8743%{opacity:1;filter:none;animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translate(0)}63.5329%{opacity:.5;filter:blur(3px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(6.5px)}64.1916%{opacity:0;filter:blur(6px);animation-timing-function:step-end;transform:translate(13px)}64.2515%,to{opacity:0;filter:blur(6px);transform:translate(26px)}}@keyframes blog-notify-slot-gun{0%,67.6647%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(0)}69.2216%{transform:translateY(-58px)}91.6168%{animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translateY(-58px)}92.2754%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translateY(-29px)}92.9341%,to{transform:translateY(0)}}@keyframes blog-notify-fill-gun{0%,39.521%{width:100%}62.8743%{width:0%;animation-timing-function:step-end}64.2515%,to{width:100%}}@keyframes blog-notify-card-octarine{0%,67.6647%{opacity:0;filter:blur(6px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(26px)}69.2216%{opacity:1;filter:none;transform:translate(0)}91.6168%{opacity:1;filter:none;animation-timing-function:cubic-bezier(.333,0,.667,0);transform:translate(0)}92.2754%{opacity:.5;filter:blur(3px);animation-timing-function:cubic-bezier(.333,1,.667,1);transform:translate(6.5px)}92.9341%{opacity:0;filter:blur(6px);animation-timing-function:step-end;transform:translate(13px)}92.994%,to{opacity:0;filter:blur(6px);transform:translate(26px)}}@keyframes blog-notify-fill-octarine{0%,67.6647%{width:100%}91.6168%{width:0%;animation-timing-function:step-end}92.994%,to{width:100%}}@media (prefers-reduced-motion:reduce){.markdown-content .blog-notify-slot,.markdown-content .blog-notify-card,.markdown-content .blog-notify-fill{animation:none}.markdown-content .blog-notify-card--midboss{opacity:0}.markdown-content .blog-notify-slot--midboss{transform:translateY(-174px)}.markdown-content .blog-notify-fill--midboss{width:100%}.markdown-content .blog-notify-card--runes{opacity:0}.markdown-content .blog-notify-slot--runes{transform:translateY(-174px)}.markdown-content .blog-notify-fill--runes{width:100%}.markdown-content .blog-notify-card--speed{opacity:1}.markdown-content .blog-notify-slot--speed{transform:translateY(-116px)}.markdown-content .blog-notify-fill--speed{width:58.6957%}.markdown-content .blog-notify-card--vitality{opacity:1}.markdown-content .blog-notify-slot--vitality{transform:translateY(-58px)}.markdown-content .blog-notify-fill--vitality{width:53.8462%}.markdown-content .blog-notify-card--gun{opacity:1}.markdown-content .blog-notify-slot--gun{transform:translateY(0)}.markdown-content .blog-notify-fill--gun{width:84.6154%}.markdown-content .blog-notify-card--octarine{opacity:0}.markdown-content .blog-notify-slot--octarine{transform:translateY(0)}.markdown-content .blog-notify-fill--octarine{width:100%}}
@property --dp{syntax:"<length>";inherits:true;initial-value:0}.markdown-content .blog-snap{aspect-ratio:420/240;background:radial-gradient(120% 140% at 84% 6%,#1b1436 0%,#0e0b1c 56%,#08070f 100%);border:1px solid #ece5f614;border-radius:8px;max-width:460px;margin:1.75em 0;font-family:Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;container-type:inline-size}.markdown-content .blog-snap-stage{--dp:.238095cqw;--snap-accent:#9854ff;--snap-glass:#151619d1;--snap-rim:#1e1e28;--snap-good:63 185 80;width:100%;height:100%;position:relative}.markdown-content .blog-snap-slot{width:calc(158*var(--dp));height:calc(62*var(--dp));transform:translate3d(calc(122*var(--dp)),calc(74*var(--dp)),0);position:absolute;top:0;left:0}.markdown-content .blog-snap-drag{width:calc(116*var(--dp));height:calc(40*var(--dp));will-change:transform;animation:8s linear infinite both blog-snap-drag-x;position:absolute;top:0;left:0}.markdown-content .blog-snap-lift{will-change:transform;animation:8s linear infinite both blog-snap-drag-y;position:absolute;inset:0}.markdown-content .blog-snap-panel{border-radius:calc(10*var(--dp));background:var(--snap-glass);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:inset 0 0 0 1px var(--snap-rim);position:absolute;inset:0;overflow:hidden}.markdown-content .blog-snap-panel--drag{padding:calc(9*var(--dp))calc(10*var(--dp));animation:8s linear infinite both blog-snap-hold}.markdown-content .blog-snap-head{height:calc(28*var(--dp));padding:0 calc(8*var(--dp));border-bottom:1px solid var(--snap-rim);align-items:center;display:flex}.markdown-content .blog-snap-mark{width:calc(3*var(--dp));height:calc(12*var(--dp));margin-right:calc(7*var(--dp));border-radius:calc(2*var(--dp));background:var(--snap-accent);flex:none}.markdown-content .blog-snap-title{color:#fff;min-width:0;font-size:calc(12*var(--dp));white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;line-height:1.4;overflow:hidden}.markdown-content .blog-snap-badge{margin-left:calc(8*var(--dp));padding:calc(1*var(--dp))calc(5*var(--dp));border:1px solid rgb(var(--snap-good)/43.1%);border-radius:calc(7*var(--dp));background:rgb(var(--snap-good)/18%);color:rgb(var(--snap-good));font-size:calc(10*var(--dp));white-space:nowrap;flex:none;font-weight:500;line-height:1.4}.markdown-content .blog-snap-row{height:calc(22*var(--dp));padding:0 calc(8*var(--dp));justify-content:space-between;align-items:center;display:flex}.markdown-content .blog-snap-label{color:#6b6b80;font-size:calc(10*var(--dp));white-space:nowrap;line-height:1.4}.markdown-content .blog-snap-value{color:rgb(var(--snap-good));font-size:calc(10*var(--dp));font-weight:600;line-height:1.4}.markdown-content .blog-snap-bar{height:calc(4*var(--dp));margin:0 calc(8*var(--dp));border-radius:calc(2*var(--dp));background:#2a2a36;display:block;position:relative}.markdown-content .blog-snap-bar-fill{border-radius:inherit;background:rgb(var(--snap-good));width:34%;height:100%;display:block}.markdown-content .blog-snap-bar-mark{top:calc(-1*var(--dp));width:calc(1*var(--dp));height:calc(6*var(--dp));background:#fff;position:absolute;left:45%}.markdown-content .blog-snap-name{color:#fff;font-size:calc(11*var(--dp));white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.2;display:block;overflow:hidden}.markdown-content .blog-snap-hp{height:calc(3*var(--dp));margin-top:calc(5.8*var(--dp));border-radius:calc(1.5*var(--dp));background:#2a2a36;display:block;overflow:hidden}.markdown-content .blog-snap-hp span{border-radius:inherit;background:#d08a3c;width:62%;height:100%;display:block}.markdown-content .blog-snap-guide{z-index:2;background:var(--snap-accent);pointer-events:none;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute}.markdown-content .blog-snap-guide--x{top:calc(74*var(--dp));left:calc(200.5*var(--dp));width:calc(1*var(--dp));height:calc(124*var(--dp));transform-origin:top;will-change:transform,opacity;animation-name:blog-snap-x-on,blog-snap-x-span}.markdown-content .blog-snap-guide--y{top:calc(135.5*var(--dp));left:calc(122*var(--dp));width:calc(158*var(--dp));height:calc(1*var(--dp));animation-name:blog-snap-y-on}.markdown-content .blog-snap-tick{z-index:2;background:var(--snap-accent);pointer-events:none;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;transform:translate(-50%,-50%)}.markdown-content .blog-snap-tick--x{width:calc(5*var(--dp));height:calc(1*var(--dp));animation-name:blog-snap-x-on;left:50%}.markdown-content .blog-snap-tick--y{width:calc(1*var(--dp));height:calc(5*var(--dp));animation-name:blog-snap-y-on}.markdown-content .blog-snap-tick--top{top:0}.markdown-content .blog-snap-tick--bottom{top:100%}.markdown-content .blog-snap-tick--left{left:0}.markdown-content .blog-snap-tick--right{left:100%}.markdown-content .blog-snap-slot .blog-snap-tick--y{top:100%}.markdown-content .blog-snap-lift .blog-snap-tick--y{top:0}.markdown-content .blog-snap-cursor{z-index:3;width:calc(12*var(--dp));height:calc(20*var(--dp));pointer-events:none;clip-path:polygon(0 0,0 84%,31.5% 64.5%,56% 100%,78% 94.5%,54% 59.5%,100% 59.5%);filter:drop-shadow(0 calc(1*var(--dp))calc(2*var(--dp))#000000a6);will-change:transform,opacity;background:#fff;animation:8s linear infinite both blog-snap-cursor,8s linear infinite both blog-snap-hold;position:absolute;top:0;left:0}@keyframes blog-snap-drag-x{0%,3%{transform:translate3d(calc(118*var(--dp)),0,0);animation-timing-function:cubic-bezier(.4,0,.3,1)}26%{transform:translate3d(calc(137*var(--dp)),0,0);animation-timing-function:cubic-bezier(.333,1,.667,1)}27.4%,94%{transform:translate3d(calc(143*var(--dp)),0,0);animation-timing-function:step-end}94.01%,to{transform:translate3d(calc(118*var(--dp)),0,0)}}@keyframes blog-snap-drag-y{0%,3%{transform:translate3d(0,calc(190*var(--dp)),0);animation-timing-function:cubic-bezier(.4,0,.3,1)}26%{transform:translate3d(0,calc(158*var(--dp)),0)}50%{transform:translate3d(0,calc(142*var(--dp)),0);animation-timing-function:cubic-bezier(.333,1,.667,1)}51.4%,94%{transform:translate3d(0,calc(136*var(--dp)),0);animation-timing-function:step-end}94.01%,to{transform:translate3d(0,calc(190*var(--dp)),0)}}@keyframes blog-snap-cursor{0%,3%{transform:translate3d(calc(152*var(--dp)),calc(205*var(--dp)),0);animation-timing-function:cubic-bezier(.4,0,.3,1)}26%{transform:translate3d(calc(171*var(--dp)),calc(173*var(--dp)),0)}50%{transform:translate3d(calc(179*var(--dp)),calc(157*var(--dp)),0);animation-timing-function:cubic-bezier(.2,0,.2,1)}60%,94%{transform:translate3d(calc(181*var(--dp)),calc(153*var(--dp)),0);animation-timing-function:step-end}94.01%,to{transform:translate3d(calc(152*var(--dp)),calc(205*var(--dp)),0)}}.markdown-content .blog-snap-panel--drag,.markdown-content .blog-snap-cursor{opacity:0}@keyframes blog-snap-hold{0%{opacity:0}3%,88%{opacity:1}94%,to{opacity:0}}@keyframes blog-snap-x-on{0%,26%{opacity:0}27.4%,88%{opacity:1}94%,to{opacity:0}}@keyframes blog-snap-y-on{0%,50%{opacity:0}51.4%,88%{opacity:1}94%,to{opacity:0}}@keyframes blog-snap-x-span{0%,27.4%{transform:scaleY(1)}50%{animation-timing-function:cubic-bezier(.333,1,.667,1);transform:scaleY(.871)}51.4%,94%{animation-timing-function:step-end;transform:scaleY(.8226)}94.01%,to{transform:scaleY(1)}}.markdown-content .blog-snap-stage[data-snap-ready] .blog-snap-panel{cursor:grab}.markdown-content .blog-snap-stage[data-snap-ready] .blog-snap-slot,.markdown-content .blog-snap-stage[data-snap-ready] .blog-snap-drag{touch-action:none}.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-panel:active{cursor:grabbing}.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-drag,.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-lift,.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-panel--drag,.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-guide,.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-tick,.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-cursor{animation:none}.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-panel--drag{opacity:1}.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-guide,.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-tick{opacity:0}.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-lift{transform:none}.markdown-content .blog-snap-stage[data-snap-live] .blog-snap-cursor{display:none}.markdown-content .blog-snap-hint{right:calc(12*var(--dp));bottom:calc(10*var(--dp));z-index:4;color:#ece5f661;font-size:calc(9*var(--dp));white-space:nowrap;pointer-events:none;line-height:1.3;position:absolute}@media (prefers-reduced-motion:reduce){.markdown-content .blog-snap-drag,.markdown-content .blog-snap-lift,.markdown-content .blog-snap-panel--drag,.markdown-content .blog-snap-cursor,.markdown-content .blog-snap-guide,.markdown-content .blog-snap-tick{animation:none}.markdown-content .blog-snap-panel--drag,.markdown-content .blog-snap-cursor{opacity:1}.markdown-content .blog-snap-drag{transform:translate3d(calc(143*var(--dp)),0,0)}.markdown-content .blog-snap-lift{transform:translate3d(0,calc(136*var(--dp)),0)}.markdown-content .blog-snap-guide--x{transform:scaleY(.8226)}.markdown-content .blog-snap-cursor{transform:translate3d(calc(181*var(--dp)),calc(153*var(--dp)),0)}}
.markdown-content .blog-chams{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;margin:1.75em 0;display:grid}@media (min-width:640px){.markdown-content .blog-chams{grid-template-columns:208px minmax(0,1fr);place-items:center stretch;gap:18px}}.markdown-content .blog-chams-stage{aspect-ratio:208/380;background:radial-gradient(120% 90% at 50% 0,#191233 0%,#0e0b1c 62%,#08070f 100%);border-radius:8px;width:100%;max-width:208px;position:relative;overflow:hidden}.markdown-content .blog-chams-stage:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;border:1px solid #ece5f614;position:absolute;inset:0}.markdown-content .blog-chams-video{object-fit:contain;opacity:0;background:0 0;border-radius:0;width:100%;height:100%;margin:0;transition:opacity .18s;position:absolute;inset:0}.markdown-content .blog-chams-video.is-active{z-index:1;opacity:1}.markdown-content .blog-chams-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.markdown-content .blog-chams-tabs>:first-child{grid-column:1/-1}@media (min-width:640px){.markdown-content .blog-chams-tabs{grid-template-columns:minmax(0,1fr)}}.markdown-content .blog-chams-tab{text-align:left;cursor:pointer;background:#14102699;border:1px solid #ece5f614;border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;transition:border-color .25s,background-color .25s,box-shadow .25s;display:flex;position:relative}.markdown-content .blog-chams-tab-name{color:#ece5f6;font-size:13px;font-weight:600;line-height:1.3}.markdown-content .blog-chams-tab-note{color:#9c95c9;font-size:11px;line-height:1.35}@media (min-width:640px){.markdown-content .blog-chams-tab{flex-direction:row;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 14px}.markdown-content .blog-chams-tab-note{text-align:right}}@media (hover:hover){.markdown-content .blog-chams-tab:hover{background:#6804ff1a;border-color:#ac4bff59}}.markdown-content .blog-chams-tab:focus-visible{outline-offset:2px;outline:2px solid #ac4bffcc}.markdown-content .blog-chams-tab.is-active{background:#6804ff29;border-color:#ac4bff8c;box-shadow:0 10px 26px -18px #6804ffe6}.markdown-content .blog-chams-tab.is-active:before{content:"";background:#ac4bff;border-radius:2px;width:2px;position:absolute;top:9px;bottom:9px;left:-1px}@media (prefers-reduced-motion:reduce){.markdown-content .blog-chams-video,.markdown-content .blog-chams-tab{transition:none}}
.markdown-content .blog-bind,.markdown-content .blog-logic{background:radial-gradient(120% 150% at 82% 0,#1b1436 0%,#0e0b1c 58%,#08070f 100%);border:1px solid #ece5f614;border-radius:8px;max-width:560px;margin:1.75em 0;font-family:Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;container-type:inline-size}.markdown-content .blog-bind-stage,.markdown-content .blog-logic-stage{--dp:.19305cqw;--bind-accent:#9854ff;--bind-card:#1a1b1e;--bind-card-rim:#212224;--bind-panel-rim:#1e1e28;--bind-glass-menu:#1516199e;--bind-glass-panel:#151619eb;--bind-input:#151619;--bind-text:#fff;--bind-body:#e4e4ec;--bind-section:#b0b0c0;--bind-card-title:#8b8b9b;--bind-control:#878793;--bind-muted:#6b6b80;--bind-switch-off:#3a3a4a;--bind-track:#2a2a36;--bind-danger:#e05a5a;grid-template-columns:calc(244*var(--dp))calc(230*var(--dp));gap:calc(12*var(--dp));padding:calc(16*var(--dp));align-items:start;display:grid}@container (max-width:470px){.markdown-content .blog-bind-stage,.markdown-content .blog-logic-stage{--dp:.362319cqw;grid-template-columns:minmax(0,1fr)}}.markdown-content .blog-bind-col{gap:calc(12*var(--dp));grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.markdown-content .blog-bind-card-title{padding-left:calc(8*var(--dp));padding-bottom:calc(8*var(--dp));color:var(--bind-card-title);font-size:calc(13*var(--dp));letter-spacing:calc(.13*var(--dp));font-weight:500;line-height:1.4}.markdown-content .blog-bind-card-frame{padding:calc(7*var(--dp))calc(1*var(--dp));border-radius:calc(12*var(--dp));background:var(--bind-card);box-shadow:inset 0 0 0 1px var(--bind-card-rim)}.markdown-content .blog-bind-row{min-height:calc(36*var(--dp));padding:0 calc(16*var(--dp));align-items:center;display:flex}.markdown-content .blog-bind-row-icon{width:calc(16*var(--dp));height:calc(16*var(--dp));margin-right:calc(10*var(--dp));color:var(--bind-section);flex:none}.markdown-content .blog-bind-row-label{min-width:0;color:var(--bind-body);font-size:calc(13*var(--dp));white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;line-height:1.4;overflow:hidden}.markdown-content .blog-bind-switch{width:calc(28*var(--dp));height:calc(18*var(--dp));margin-left:calc(16*var(--dp));border-radius:calc(9*var(--dp));background:var(--bind-switch-off);flex:none;transition:background-color .2s cubic-bezier(.4,0,.2,1);position:relative}.markdown-content .blog-bind-knob{top:calc(2*var(--dp));left:calc(2*var(--dp));width:calc(14*var(--dp));height:calc(14*var(--dp));border-radius:calc(7*var(--dp));background:#fff;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute}.markdown-content .blog-bind-switch.is-on{background:var(--bind-accent)}.markdown-content .blog-bind-switch.is-on .blog-bind-knob{transform:translateX(calc(10*var(--dp)))}.markdown-content .blog-bind-switch--mini{width:calc(28*var(--dp));margin-left:0}.markdown-content .blog-bind-flyout{padding:calc(4*var(--dp));border-radius:calc(11*var(--dp));background:var(--bind-glass-menu);box-shadow:inset 0 0 0 1px var(--bind-panel-rim);-webkit-backdrop-filter:blur(calc(40*var(--dp)));backdrop-filter:blur(calc(40*var(--dp)))}.markdown-content .blog-bind-frow{height:calc(30*var(--dp));padding:0 calc(8*var(--dp));border-radius:calc(7*var(--dp));color:var(--bind-body);align-items:center;display:flex}.markdown-content .blog-bind-frow+.blog-bind-frow{margin-top:calc(1*var(--dp))}.markdown-content .blog-bind-frow-icon{width:calc(14*var(--dp));height:calc(14*var(--dp));margin-right:calc(8*var(--dp));opacity:.7;flex:none}.markdown-content .blog-bind-frow-label{min-width:0;font-size:calc(13*var(--dp));white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:400;line-height:1.4;overflow:hidden}.markdown-content .blog-bind-frow--danger{color:var(--bind-danger)}.markdown-content .blog-bind-frow-key{color:var(--bind-text);font-size:calc(13*var(--dp));flex:none;font-weight:500;line-height:1.4}.markdown-content .blog-bind-picker{color:var(--bind-text);font-size:calc(13*var(--dp));flex:none;align-items:center;font-weight:500;line-height:1.4;display:flex}.markdown-content .blog-bind-picker svg{width:calc(12*var(--dp));height:calc(12*var(--dp));margin-left:calc(6*var(--dp));opacity:.7}.markdown-content .blog-bind-field{width:calc(46*var(--dp));height:calc(22*var(--dp));margin-left:calc(8*var(--dp));border-radius:calc(5*var(--dp));background:var(--bind-input);color:var(--bind-control);font-size:calc(12*var(--dp));font-variant-numeric:tabular-nums;font-weight:500;line-height:calc(22*var(--dp));text-align:center;flex:none}.markdown-content button.blog-bind-frow{text-align:left;background:0 0;border:0;width:100%;font-family:inherit}.markdown-content .blog-bind-frow--live{cursor:pointer;transition:background-color .15s cubic-bezier(0,0,.2,1)}@media (hover:hover){.markdown-content .blog-bind-frow--live:hover{background:#ffffff12}}.markdown-content .blog-bind-frow--live:focus-visible{outline-offset:calc(-2*var(--dp));outline:2px solid #9854ffcc}.markdown-content .blog-bind-mode{flex:none;align-items:center;display:flex}.markdown-content .blog-bind-mode-icon{width:calc(13*var(--dp));height:calc(13*var(--dp));color:var(--bind-muted);opacity:.55;flex:none;transition:color .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1)}.markdown-content .blog-bind-mode.is-toggle .blog-bind-mode-icon--toggle,.markdown-content .blog-bind-mode:not(.is-toggle) .blog-bind-mode-icon--hold{color:var(--bind-accent);opacity:1}.markdown-content .blog-bind-swap{width:calc(92*var(--dp));height:calc(18*var(--dp));margin:0 calc(6*var(--dp));flex:none;position:relative;overflow:hidden}.markdown-content .blog-bind-swap span{width:100%;height:100%;color:var(--bind-text);font-size:calc(13*var(--dp));justify-content:center;align-items:center;font-weight:500;line-height:1;transition:top .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:0}.markdown-content .blog-bind-swap-off{opacity:1;top:0}.markdown-content .blog-bind-swap-on{top:calc(14*var(--dp));opacity:0}.markdown-content .blog-bind-mode.is-toggle .blog-bind-swap-off{top:calc(-14*var(--dp));opacity:0}.markdown-content .blog-bind-mode.is-toggle .blog-bind-swap-on{opacity:1;top:0}.markdown-content .blog-bind-foot{align-items:center;gap:calc(16*var(--dp));grid-column:1/-1;display:flex}.markdown-content .blog-bind-hud{width:calc(150*var(--dp));border-radius:calc(10*var(--dp));background:var(--bind-glass-panel);box-shadow:inset 0 0 0 1px var(--bind-panel-rim);flex:none;overflow:hidden}.markdown-content .blog-bind-hud-head{height:calc(32*var(--dp));padding:0 calc(10*var(--dp));border-bottom:1px solid var(--bind-panel-rim);align-items:center;display:flex}.markdown-content .blog-bind-hud-mark{width:calc(3*var(--dp));height:calc(12*var(--dp));margin-right:calc(8*var(--dp));border-radius:calc(2*var(--dp));background:var(--bind-accent);flex:none}.markdown-content .blog-bind-hud-title{color:var(--bind-text);font-size:calc(13*var(--dp));font-weight:500;line-height:1.4}.markdown-content .blog-bind-hud-body{padding:calc(4*var(--dp))}.markdown-content .blog-bind-hud-row{height:calc(26*var(--dp));padding:0 calc(4*var(--dp));align-items:center;display:flex}.markdown-content .blog-bind-hud-name{min-width:0;color:var(--bind-body);font-size:calc(12*var(--dp));white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;line-height:1.4;overflow:hidden}.markdown-content .blog-bind-chip{height:calc(18*var(--dp));padding:0 calc(6*var(--dp));margin-left:calc(10*var(--dp));border-radius:calc(5*var(--dp));color:var(--bind-muted);font-size:calc(11*var(--dp));background:#ffffff0f;flex:none;justify-content:center;align-items:center;font-weight:500;line-height:1;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);display:flex}.markdown-content .blog-bind-chip.is-on{color:var(--bind-text);background:#9854ff4d}.markdown-content .blog-bind-key{width:calc(44*var(--dp));height:calc(44*var(--dp));border-radius:calc(9*var(--dp));box-shadow:inset 0 0 0 1px #ffffff17,inset 0 calc(1*var(--dp))0 0 #ffffff24,0 calc(3*var(--dp))0 0 #0f0f18,0 calc(4*var(--dp))calc(6*var(--dp))0 #00000080;color:var(--bind-body);font-family:inherit;font-size:calc(15*var(--dp));cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#26263a 0%,#191926 100%);border:0;flex:none;justify-content:center;align-items:center;padding:0;font-weight:500;line-height:1;transition:transform 70ms cubic-bezier(.4,0,.2,1),box-shadow 70ms cubic-bezier(.4,0,.2,1),color 70ms cubic-bezier(.4,0,.2,1);display:flex;position:relative}.markdown-content .blog-bind-key.is-down{transform:translateY(calc(3*var(--dp)));box-shadow:inset 0 0 0 1px #9854ff8c,0 0 0 0 #0f0f18,0 calc(1*var(--dp))calc(3*var(--dp))0 #00000080,0 0 calc(14*var(--dp))0 #9854ff59;color:var(--bind-text)}.markdown-content .blog-bind-key:focus-visible{outline-offset:2px;outline:2px solid #9854ffcc}.markdown-content .blog-bind-hint{color:#ece5f66b;min-width:0;font-size:calc(11*var(--dp));flex:1;line-height:1.35}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-key{animation:7.2s linear infinite both blog-bind-key}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-switch--driven{animation:7.2s linear infinite both blog-bind-track}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-switch--driven .blog-bind-knob{animation:7.2s linear infinite both blog-bind-knob}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-chip{animation:7.2s linear infinite both blog-bind-chip}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-mode-icon--hold{animation:7.2s linear infinite both blog-bind-icon-hold}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-mode-icon--toggle{animation:7.2s linear infinite both blog-bind-icon-toggle}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-swap-off{animation:7.2s linear infinite both blog-bind-swap-off}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-swap-on{animation:7.2s linear infinite both blog-bind-swap-on}@keyframes blog-bind-key{0%,9.72%{box-shadow:inset 0 0 0 1px #ffffff17,inset 0 calc(1*var(--dp))0 0 #ffffff24,0 calc(3*var(--dp))0 0 #0f0f18,0 calc(4*var(--dp))calc(6*var(--dp))0 #00000080;color:var(--bind-body);transform:translateY(0)}10.69%,30.56%{transform:translateY(calc(3*var(--dp)));box-shadow:inset 0 0 0 1px #9854ff8c,0 0 0 0 #0f0f18,0 calc(1*var(--dp))calc(3*var(--dp))0 #00000080,0 0 calc(14*var(--dp))0 #9854ff59;color:var(--bind-text)}31.53%,52.78%{box-shadow:inset 0 0 0 1px #ffffff17,inset 0 calc(1*var(--dp))0 0 #ffffff24,0 calc(3*var(--dp))0 0 #0f0f18,0 calc(4*var(--dp))calc(6*var(--dp))0 #00000080;color:var(--bind-body);transform:translateY(0)}53.75%,56.25%{transform:translateY(calc(3*var(--dp)));box-shadow:inset 0 0 0 1px #9854ff8c,0 0 0 0 #0f0f18,0 calc(1*var(--dp))calc(3*var(--dp))0 #00000080,0 0 calc(14*var(--dp))0 #9854ff59;color:var(--bind-text)}57.22%,69.44%{box-shadow:inset 0 0 0 1px #ffffff17,inset 0 calc(1*var(--dp))0 0 #ffffff24,0 calc(3*var(--dp))0 0 #0f0f18,0 calc(4*var(--dp))calc(6*var(--dp))0 #00000080;color:var(--bind-body);transform:translateY(0)}70.42%,72.92%{transform:translateY(calc(3*var(--dp)));box-shadow:inset 0 0 0 1px #9854ff8c,0 0 0 0 #0f0f18,0 calc(1*var(--dp))calc(3*var(--dp))0 #00000080,0 0 calc(14*var(--dp))0 #9854ff59;color:var(--bind-text)}73.89%,to{box-shadow:inset 0 0 0 1px #ffffff17,inset 0 calc(1*var(--dp))0 0 #ffffff24,0 calc(3*var(--dp))0 0 #0f0f18,0 calc(4*var(--dp))calc(6*var(--dp))0 #00000080;color:var(--bind-body);transform:translateY(0)}}@keyframes blog-bind-track{0%,9.72%{background-color:var(--bind-switch-off);animation-timing-function:cubic-bezier(.4,0,.2,1)}12.5%,30.56%{background-color:var(--bind-accent);animation-timing-function:cubic-bezier(.4,0,.2,1)}33.34%,52.78%{background-color:var(--bind-switch-off);animation-timing-function:cubic-bezier(.4,0,.2,1)}55.56%,69.44%{background-color:var(--bind-accent);animation-timing-function:cubic-bezier(.4,0,.2,1)}72.22%,to{background-color:var(--bind-switch-off)}}@keyframes blog-bind-knob{0%,9.72%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0)}12.5%,30.56%{transform:translateX(calc(10*var(--dp)));animation-timing-function:cubic-bezier(.4,0,.2,1)}33.34%,52.78%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0)}55.56%,69.44%{transform:translateX(calc(10*var(--dp)));animation-timing-function:cubic-bezier(.4,0,.2,1)}72.22%,to{transform:translate(0)}}@keyframes blog-bind-chip{0%,9.72%{color:var(--bind-muted);background-color:#ffffff0f;animation-timing-function:cubic-bezier(.4,0,.2,1)}12.5%,30.56%{color:var(--bind-text);background-color:#9854ff4d;animation-timing-function:cubic-bezier(.4,0,.2,1)}33.34%,52.78%{color:var(--bind-muted);background-color:#ffffff0f;animation-timing-function:cubic-bezier(.4,0,.2,1)}55.56%,69.44%{color:var(--bind-text);background-color:#9854ff4d;animation-timing-function:cubic-bezier(.4,0,.2,1)}72.22%,to{color:var(--bind-muted);background-color:#ffffff0f}}@keyframes blog-bind-icon-hold{0%,41.67%{color:var(--bind-accent);opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}44.17%,87.5%{color:var(--bind-muted);opacity:.55;animation-timing-function:cubic-bezier(.4,0,.2,1)}90%,to{color:var(--bind-accent);opacity:1}}@keyframes blog-bind-icon-toggle{0%,41.67%{color:var(--bind-muted);opacity:.55;animation-timing-function:cubic-bezier(.4,0,.2,1)}44.17%,87.5%{color:var(--bind-accent);opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}90%,to{color:var(--bind-muted);opacity:.55}}@keyframes blog-bind-swap-off{0%,41.67%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1);top:0}44.17%,87.5%{top:calc(-14*var(--dp));opacity:0;animation-timing-function:cubic-bezier(.4,0,.2,1)}90%,to{opacity:1;top:0}}@keyframes blog-bind-swap-on{0%,41.67%{top:calc(14*var(--dp));opacity:0;animation-timing-function:cubic-bezier(.4,0,.2,1)}44.17%,87.5%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1);top:0}90%,to{top:calc(14*var(--dp));opacity:0}}.markdown-content .blog-logic-clock{padding:calc(12*var(--dp))calc(14*var(--dp))calc(10*var(--dp));border-radius:calc(10*var(--dp));background:var(--bind-glass-panel);box-shadow:inset 0 0 0 1px var(--bind-panel-rim);grid-column:1/-1}.markdown-content .blog-logic-clock-head{margin-bottom:calc(12*var(--dp));align-items:center;display:flex}.markdown-content .blog-logic-clock-label{color:var(--bind-card-title);font-size:calc(12*var(--dp));font-weight:500;line-height:1.4}.markdown-content .blog-logic-clock-now{height:calc(20*var(--dp));color:var(--bind-text);font-size:calc(14*var(--dp));font-variant-numeric:tabular-nums;font-weight:500;overflow:hidden}.markdown-content .blog-logic-clock-reel{will-change:transform;display:block}.markdown-content .blog-logic-clock-reel span{height:calc(20*var(--dp));line-height:calc(20*var(--dp));text-align:right;display:block}.markdown-content .blog-logic-rail{height:calc(6*var(--dp));border-radius:calc(3*var(--dp));background:var(--bind-track);position:relative}.markdown-content .blog-logic-hold{border-radius:inherit;background:#9854ff52;position:absolute;inset:0 0 0 50%}.markdown-content .blog-logic-at,.markdown-content .blog-logic-play{width:100%;height:100%;position:absolute;top:0;left:0}.markdown-content .blog-logic-at{transform:translate(50%)}.markdown-content .blog-logic-mark{top:calc(-6*var(--dp));left:calc(-1*var(--dp));height:calc(18*var(--dp));width:calc(2*var(--dp));border-radius:calc(1*var(--dp));background:#fff;position:absolute}.markdown-content .blog-logic-mark:before{content:"";top:calc(-9*var(--dp));bottom:calc(-9*var(--dp));left:calc(-14*var(--dp));right:calc(-14*var(--dp));position:absolute}.markdown-content .blog-logic-mark-time{top:calc(15*var(--dp));color:var(--bind-text);font-size:calc(11*var(--dp));font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-weight:500;line-height:1;position:absolute;left:0;transform:translate(-50%)}.markdown-content .blog-logic-head{top:calc(-3*var(--dp));left:calc(-6*var(--dp));width:calc(12*var(--dp));height:calc(12*var(--dp));background:var(--bind-accent);box-shadow:0 0 0 calc(3*var(--dp))#9854ff38;border-radius:50%;position:absolute}.markdown-content .blog-logic-hint{color:#ece5f66b;font-variant-numeric:normal}.markdown-content .blog-logic-ends{margin-top:calc(26*var(--dp));color:var(--bind-muted);font-size:calc(10*var(--dp));font-variant-numeric:tabular-nums;justify-content:space-between;line-height:1;display:flex}.markdown-content .blog-logic-rail[data-logic-ready] .blog-logic-mark{cursor:grab;touch-action:none}.markdown-content .blog-logic-rail[data-logic-ready] .blog-logic-mark:active{cursor:grabbing}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-logic-play{animation:11s linear infinite both blog-logic-play}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-logic-clock-reel{animation:11s steps(12,end) infinite both blog-logic-reel}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-bind-switch--driven{animation:11s linear infinite both blog-logic-track}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-bind-switch--driven .blog-bind-knob{animation:11s linear infinite both blog-logic-knob}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-logic-rule{animation:11s linear infinite both blog-logic-rule}@keyframes blog-logic-play{0%{opacity:1;transform:translate(0)}89.09%{opacity:1;animation-timing-function:step-end;transform:translate(100%)}89.1%,to{opacity:0;transform:translate(100%)}}@keyframes blog-logic-reel{0%{transform:translateY(0)}89.09%,to{transform:translateY(-92.3077%)}}@keyframes blog-logic-track{0%,44.55%{background-color:var(--bind-accent);animation-timing-function:cubic-bezier(.4,0,.2,1)}46.36%,89.09%{background-color:var(--bind-switch-off);animation-timing-function:cubic-bezier(.4,0,.2,1)}90.91%,to{background-color:var(--bind-accent)}}@keyframes blog-logic-knob{0%,44.55%{transform:translateX(calc(10*var(--dp)));animation-timing-function:cubic-bezier(.4,0,.2,1)}46.36%,89.09%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0)}90.91%,to{transform:translateX(calc(10*var(--dp)))}}.markdown-content .blog-logic-rule{margin-left:calc(8*var(--dp));padding:calc(1*var(--dp))calc(6*var(--dp));border-radius:calc(7*var(--dp));color:#c9a6ff;font-size:calc(10*var(--dp));white-space:nowrap;opacity:0;background:#9854ff2e;border:1px solid #9854ff6e;flex:none;margin-right:auto;font-weight:500;line-height:1.4;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.markdown-content .blog-logic-rule.is-on{opacity:1}@keyframes blog-logic-rule{0%,44.55%{opacity:0;animation-timing-function:cubic-bezier(.4,0,.2,1)}46.36%,89.09%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}90.91%,to{opacity:0}}.markdown-content .blog-bind-stage[data-bind-live] *,.markdown-content .blog-logic-stage[data-bind-live] *{animation:none!important}@media (prefers-reduced-motion:reduce){.markdown-content .blog-bind-stage *,.markdown-content .blog-logic-stage *{animation:none!important}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-key{transform:translateY(calc(3*var(--dp)));box-shadow:inset 0 0 0 1px #9854ff8c,0 0 0 0 #0f0f18,0 calc(1*var(--dp))calc(3*var(--dp))0 #00000080,0 0 calc(14*var(--dp))0 #9854ff59;color:var(--bind-text)}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-switch--driven{background:var(--bind-accent)}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-switch--driven .blog-bind-knob{transform:translateX(calc(10*var(--dp)))}.markdown-content .blog-bind-stage:not([data-bind-live]) .blog-bind-chip{color:var(--bind-text);background:#9854ff4d}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-logic-play{transform:translate(62%)}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-logic-clock-reel{transform:translateY(-53.8462%)}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-bind-switch--driven{background:var(--bind-switch-off)}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-bind-switch--driven .blog-bind-knob{transform:translate(0)}.markdown-content .blog-logic-stage:not([data-bind-live]) .blog-logic-rule{opacity:1}}
@property --np-swing{syntax:"<number>";inherits:false;initial-value:0}@property --np-beat{syntax:"<number>";inherits:true;initial-value:0}@property --np-reveal{syntax:"<number>";inherits:true;initial-value:0}@property --np-progress{syntax:"<number>";inherits:true;initial-value:0}@property --np-scale{syntax:"<number>";inherits:true;initial-value:1}@property --np-width{syntax:"<number>";inherits:true;initial-value:1}.markdown-content .blog-np{aspect-ratio:300/148;background:radial-gradient(120% 140% at 84% 6%,#1b1436 0%,#0e0b1c 56%,#08070f 100%);border:1px solid #ece5f614;border-radius:8px;max-width:460px;margin:1.75em 0;font-family:Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;container-type:inline-size}.markdown-content .blog-np-stage{--dp:.333333cqw;--np-accent:#9854ff;--np-glass:#151619eb;--np-title:255 255 255;--np-body:#e4e4ec;--np-sub:#878793;--np-faint:#55555f;--np-rim:255 255 255;width:100%;height:100%;position:relative}.markdown-content .blog-np-card{--np-dp:calc(var(--dp)*var(--np-scale));--np-w:calc(200*var(--np-width));--np-h:54.0625;top:calc(47*var(--dp));left:calc(50*var(--dp));width:calc(var(--np-w)*var(--np-dp));height:calc(var(--np-h)*var(--np-dp));border-radius:calc(10*var(--np-dp));background:var(--np-glass);-webkit-backdrop-filter:blur(calc(9*var(--np-dp)));box-shadow:inset 0 0 0 1px #ffffff0f,0 calc(6*var(--np-dp))calc(20*var(--np-dp))#04030a73;-webkit-user-select:none;user-select:none;transition:--np-reveal .15s cubic-bezier(.333,0,.667,1),--np-beat .26s cubic-bezier(.333,0,.667,1);position:absolute}.markdown-content .blog-np-card.is-awake,.markdown-content .blog-np-card.is-resizing,.markdown-content .blog-np-card.is-pending{--np-reveal:1}.markdown-content .blog-np-card.is-playing{--np-beat:1}.markdown-content .blog-np-rim{border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgb(var(--np-title)/.176);opacity:var(--np-reveal);position:absolute;inset:0}.markdown-content .blog-np-cover{top:calc(5*var(--np-dp));left:calc(5*var(--np-dp));width:calc(44.0625*var(--np-dp));height:calc(44.0625*var(--np-dp));border-radius:calc(12*var(--np-dp));background:#14121c;position:absolute;overflow:hidden}.markdown-content .blog-np-card[data-np-track="0"] .blog-np-cover{background:radial-gradient(78% 78% at 24% 78%,#b892ff 0%,#0000 64%),radial-gradient(72% 72% at 80% 16%,#7b46e0 0%,#0000 62%),linear-gradient(150deg,#462c8c 0%,#251747 58%,#150d2c 100%)}.markdown-content .blog-np-card[data-np-track="1"] .blog-np-cover{background:radial-gradient(70% 70% at 74% 30%,#ffbe7a 0%,#0000 60%),radial-gradient(62% 62% at 18% 84%,#d4715c 0%,#0000 66%),linear-gradient(140deg,#7a3a3f 0%,#3a1d28 60%,#1d1018 100%)}.markdown-content .blog-np-card[data-np-track="2"] .blog-np-cover{background:radial-gradient(72% 72% at 26% 74%,#6ef0d6 0%,#0000 62%),radial-gradient(66% 66% at 82% 22%,#2e8fb4 0%,#0000 62%),linear-gradient(160deg,#1a6272 0%,#123241 56%,#0a1a24 100%)}.markdown-content .blog-np-eq{left:calc(2.64375*var(--np-dp));bottom:calc(2.64375*var(--np-dp));height:calc(17.4488*var(--np-dp));padding:calc(3.8775*var(--np-dp))calc(4.6026*var(--np-dp));align-items:flex-end;gap:calc(1.45019*var(--np-dp));border-radius:calc(5.93258*var(--np-dp));opacity:var(--np-beat);background:#1516198a;display:flex;position:absolute}.markdown-content .blog-np-eq-bar{width:calc(1.84569*var(--np-dp));height:calc((.26 + .74*var(--np-swing)*var(--np-beat))*100%);border-radius:calc(.92285*var(--np-dp));background:var(--np-accent);animation:.62s linear infinite blog-np-swing}.markdown-content .blog-np-eq-bar:nth-child(2){animation-duration:.88s;animation-delay:-369.6ms}.markdown-content .blog-np-eq-bar:nth-child(3){animation-duration:.73s;animation-delay:-124.1ms}.markdown-content .blog-np-eq-bar:nth-child(4){animation-duration:.97s;animation-delay:-659.6ms}@keyframes blog-np-swing{0%,to{--np-swing:0}12.5%,87.5%{--np-swing:.14645}25%,75%{--np-swing:.5}37.5%,62.5%{--np-swing:.85355}50%{--np-swing:1}}.markdown-content .blog-np-title,.markdown-content .blog-np-artist,.markdown-content .blog-np-controls,.markdown-content .blog-np-bar{left:calc(56.0625*var(--np-dp));width:calc((var(--np-w) - 61.0625)*var(--np-dp));position:absolute}.markdown-content .blog-np-title,.markdown-content .blog-np-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.markdown-content .blog-np-title{top:calc(5*var(--np-dp));height:calc(14.0625*var(--np-dp));line-height:calc(14.0625*var(--np-dp));font-size:calc(12*var(--np-dp));color:var(--np-body);font-weight:500}.markdown-content .blog-np-artist,.markdown-content .blog-np-controls{top:calc(23.0625*var(--np-dp));height:calc(18*var(--np-dp))}.markdown-content .blog-np-artist{line-height:calc(18*var(--np-dp));font-size:calc(11*var(--np-dp));color:var(--np-faint);font-weight:400;transition:opacity 0s linear .15s}.markdown-content .blog-np-card.is-awake .blog-np-artist,.markdown-content .blog-np-card.is-resizing .blog-np-artist,.markdown-content .blog-np-card.is-pending .blog-np-artist{opacity:0;transition-delay:0s}.markdown-content .blog-np-controls{justify-content:center;align-items:center;gap:calc((24 - 13)*var(--np-dp));opacity:var(--np-reveal);pointer-events:none;display:flex}.markdown-content .blog-np-card.is-awake .blog-np-controls,.markdown-content .blog-np-card.is-resizing .blog-np-controls,.markdown-content .blog-np-card.is-pending .blog-np-controls{pointer-events:auto}.markdown-content .blog-np-btn{color:var(--np-sub);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color 90ms linear,opacity 90ms linear;display:grid;position:relative}.markdown-content .blog-np-btn--side{width:calc(11*var(--np-dp));height:calc(11*var(--np-dp))}.markdown-content .blog-np-btn--main{width:calc(15*var(--np-dp));height:calc(15*var(--np-dp));color:var(--np-accent)}.markdown-content .blog-np-btn--main .blog-np-play,.markdown-content .blog-np-btn--main.is-paused .blog-np-pause{display:none}.markdown-content .blog-np-btn--main.is-paused .blog-np-play{display:block}.markdown-content .blog-np-btn svg{width:100%;height:100%;display:block}.markdown-content .blog-np-btn:after{content:"";position:absolute;inset:-50%}.markdown-content .blog-np-btn:before{content:"";aspect-ratio:1;background:rgb(var(--np-title)/.102);opacity:0;border-radius:50%;width:136%;transition:opacity 90ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.markdown-content .blog-np-btn:hover:before{opacity:1}.markdown-content .blog-np-btn--side:hover{color:rgb(var(--np-title))}.markdown-content .blog-np-card.is-pending .blog-np-btn{opacity:.353;pointer-events:none}.markdown-content .blog-np-card.is-pending .blog-np-btn:before{opacity:0}.markdown-content .blog-np-spin{inset:calc(-1*var(--np-dp));background:conic-gradient(var(--np-accent)0deg 126deg,rgb(var(--np-rim)/.38)126deg 360deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2*var(--np-dp)),#000 calc(100% - 2*var(--np-dp)));mask:radial-gradient(closest-side,transparent calc(100% - 2*var(--np-dp)),#000 calc(100% - 2*var(--np-dp)));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2*var(--np-dp)),#000 calc(100% - 2*var(--np-dp)));border-radius:50%;animation:.9s linear infinite blog-np-spin;display:none;position:absolute}.markdown-content .blog-np-btn.is-busy{opacity:1}.markdown-content .blog-np-btn.is-busy svg{visibility:hidden}.markdown-content .blog-np-btn.is-busy .blog-np-spin{display:block}@keyframes blog-np-spin{to{transform:rotate(360deg)}}.markdown-content .blog-np-bar{top:calc(46.0625*var(--np-dp));width:calc((var(--np-w) - 70.0625)*var(--np-dp));height:calc(3*var(--np-dp));border-radius:calc(1.5*var(--np-dp));background:rgb(var(--np-rim)/.105);overflow:hidden}.markdown-content .blog-np-bar-fill{width:calc(var(--np-progress)*100%);border-radius:inherit;background:var(--np-accent);height:100%;display:block}.markdown-content .blog-np-grip{width:calc(14*var(--np-dp));height:calc(14*var(--np-dp));cursor:nwse-resize;touch-action:none;position:absolute;bottom:0;right:0}.markdown-content .blog-np-grip span{height:calc(2*var(--np-dp));border-radius:calc(1*var(--np-dp));background:var(--np-sub);opacity:calc(var(--np-reveal)*.353);transform-origin:50%;position:absolute;transform:translate(50%,50%)rotate(-45deg)}.markdown-content .blog-np-grip span:first-child{right:calc(6.5*var(--np-dp));bottom:calc(6.5*var(--np-dp));width:calc(5*var(--np-dp))}.markdown-content .blog-np-grip span:nth-child(2){right:calc(9.5*var(--np-dp));bottom:calc(9.5*var(--np-dp));width:calc(9*var(--np-dp))}.markdown-content .blog-np-grip:hover i,.markdown-content .blog-np-card.is-resizing .blog-np-grip span{opacity:var(--np-reveal)}.markdown-content .blog-np-card.is-resizing .blog-np-grip span{background:var(--np-accent)}.markdown-content .blog-np-hint{right:calc(10*var(--dp));bottom:calc(8*var(--dp));font-size:calc(9*var(--dp));letter-spacing:.04em;color:#ece5f657;transition:opacity .2s linear;position:absolute}.markdown-content .blog-np.is-touched .blog-np-hint{opacity:0}@container (max-width:420px){.markdown-content .blog-np-stage{--dp:.434783cqw}.markdown-content .blog-np-card{top:calc(29.7*var(--dp));left:calc(15*var(--dp))}}@media (prefers-reduced-motion:reduce){.markdown-content .blog-np-eq-bar,.markdown-content .blog-np-spin{animation:none}}