.scrollbar{z-index:10000;mix-blend-mode:difference;width:1vw;position:fixed;inset:0 0 0 auto}@media (hover:hover){.scrollbar:hover .scrollbar__bar{width:.6vw}}@media (hover:none){.scrollbar{display:none!important}}.scrollbar__bar{background-color:#fff;width:.2vw;height:10%;transition:width .4s cubic-bezier(0,.55,.45,1);position:absolute;right:0;transform:translateY(-100%)}.scrollbar__range{transform-origin:0;opacity:0;cursor:grab;width:100vh;height:2vw;position:absolute;inset:0 auto 0 0;transform:rotate(90deg)translateY(-.5vw)}.scrollbar__range:active{cursor:grabbing}
@keyframes page-out{to{opacity:0;filter:blur(calc(10 / var(--size-unit) * 1em))}}@keyframes page-in{0%{opacity:0;filter:blur(calc(10 / var(--size-unit) * 1em))}}@keyframes page-curtain-in{0%{background-color:rgb(var(--c-bg-rgb) / 0);-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{background-color:var(--c-bg);-webkit-backdrop-filter:blur(calc(10 / var(--size-unit) * 1em));backdrop-filter:blur(calc(10 / var(--size-unit) * 1em))}}.page-progress{z-index:10001;height:calc(2/var(--size-unit)*1em);pointer-events:none;view-transition-name:page-progress;position:fixed;top:0;left:0;right:0}.page-progress__bar{background:var(--c-fg);transform-origin:0;height:100%}.page-curtain{z-index:99;animation:.5s cubic-bezier(.37,0,.63,1) both page-curtain-in;position:fixed;inset:0}.page-curtain--over{z-index:1000}::view-transition{background:var(--c-bg)}::view-transition-old(root){mix-blend-mode:normal}::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:.5s cubic-bezier(.37,0,.63,1) both page-out}::view-transition-old(site-header-search):only-child{animation:.5s cubic-bezier(.37,0,.63,1) both page-out}::view-transition-old(site-header-action):only-child{animation:.5s cubic-bezier(.37,0,.63,1) both page-out}::view-transition-new(root){animation:.5s cubic-bezier(.25,1,.5,1) .5s both page-in}::view-transition-new(site-header-search):only-child{animation:.5s cubic-bezier(.25,1,.5,1) .5s both page-in}::view-transition-new(site-header-action):only-child{animation:.5s cubic-bezier(.25,1,.5,1) .5s both page-in}html[data-page-transition-header=covered]::view-transition-new(site-header-search){animation:.5s cubic-bezier(.25,1,.5,1) .5s both page-in}html[data-page-transition-header=covered]::view-transition-new(site-header-action){animation:.5s cubic-bezier(.25,1,.5,1) .5s both page-in}html[data-page-transition=forced]::view-transition-new(root){animation-delay:0s}html[data-page-transition=forced]::view-transition-new(site-header-search){animation-delay:0s}html[data-page-transition=forced]::view-transition-new(site-header-action){animation-delay:0s}::view-transition-group(page-progress){animation:none}::view-transition-group(site-header-search){animation:none}::view-transition-group(site-header-action){animation:none}::view-transition-image-pair(site-header-search){isolation:auto}::view-transition-image-pair(site-header-action){isolation:auto}::view-transition-old(page-progress){display:none}::view-transition-old(site-header-search){display:none}::view-transition-old(site-header-action){display:none}::view-transition-new(page-progress){mix-blend-mode:normal;animation:none}::view-transition-new(site-header-search){mix-blend-mode:normal;animation:none}::view-transition-new(site-header-action){mix-blend-mode:normal;animation:none}::view-transition-new(site-header-search){border-radius:calc(11/var(--size-unit)*1em);-webkit-backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));display:block}::view-transition-new(site-header-action){border-radius:calc(11/var(--size-unit)*1em);-webkit-backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));display:block}::view-transition-old(site-header-search):only-child{border-radius:calc(11/var(--size-unit)*1em);-webkit-backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));display:block}::view-transition-old(site-header-action):only-child{border-radius:calc(11/var(--size-unit)*1em);-webkit-backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));display:block}@media (prefers-reduced-motion:reduce){@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0}}@keyframes page-curtain-in{0%{background-color:rgb(var(--c-bg-rgb) / 0)}to{background-color:var(--c-bg)}}}
.draft-banner{left:0;bottom:calc(24/var(--size-unit)*1em);z-index:10001;padding:calc(9/var(--size-unit)*1em);border:calc(1/var(--size-unit)*1em) solid rgb(var(--c-fg-rgb) / .2);border-radius:0 calc(20/var(--size-unit)*1em) calc(20/var(--size-unit)*1em) calc(0/var(--size-unit)*1em);background:rgb(var(--c-bg-rgb) / .8);-webkit-backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));backdrop-filter:blur(calc(30 / var(--size-unit) * 1em));color:var(--c-fg);cursor:pointer;align-items:center;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:fixed}.draft-banner__icon{width:calc(16/var(--size-unit)*1em);height:calc(16/var(--size-unit)*1em);flex-shrink:0}.draft-banner__body{align-items:center;gap:calc(12/var(--size-unit)*1em);max-width:calc(260/var(--size-unit)*1em);padding-left:calc(10/var(--size-unit)*1em);white-space:nowrap;transition:max-width .7s cubic-bezier(.16,1,.3,1),padding-left .7s cubic-bezier(.16,1,.3,1),opacity .3s .15s;display:flex;overflow:hidden}.draft-banner__exit{text-decoration:underline;transition:opacity .25s}@media (hover:hover){.draft-banner__exit:hover{opacity:.6}}.draft-banner--collapsed .draft-banner__body{opacity:0;max-width:0;padding-left:0;transition:max-width .7s cubic-bezier(.16,1,.3,1),padding-left .7s cubic-bezier(.16,1,.3,1),opacity .2s}@media (hover:hover){.draft-banner--collapsed:hover .draft-banner__body{max-width:calc(260/var(--size-unit)*1em);padding:0 calc(4/var(--size-unit)*1em) 0 calc(10/var(--size-unit)*1em);opacity:1;transition:max-width .7s cubic-bezier(.16,1,.3,1),padding .7s cubic-bezier(.16,1,.3,1),opacity .3s .15s}}
