/* Keep the canvas the same colour while the next document is being painted. */
html{background:#f8f6f0}
html[data-theme=dark]{background:#121319}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out 180ms ease both}
::view-transition-new(root){animation:page-in 240ms ease both}
body>header{view-transition-name:site-header}
::view-transition-group(site-header){animation-duration:240ms}
::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
::view-transition-old(site-header){display:none}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}to{opacity:1}}
.page-loading{position:fixed;z-index:1000;inset:0 0 auto;height:3px;pointer-events:none;color:#514268}
.page-loading:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#a38ad5,transparent);width:45%;animation:page-progress 1.25s ease-in-out infinite}
.page-loading span{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:24px;border:1px solid #d8cde5;background:#f8f6f0f5;box-shadow:0 6px 24px #17112118;font-size:12px;white-space:nowrap}
[data-theme=dark] .page-loading{color:#e2d5f3}
[data-theme=dark] .page-loading span{background:#24222ff5;border-color:#484056}
.duration-card[aria-current=page]{border-color:#9780b7;box-shadow:inset 0 0 0 1px #9780b755}
.duration-card[data-page-loading]{border-color:#ab8cda;background:#ece5f5}
[data-theme=dark] .duration-card[data-page-loading]{background:#32283f}
@keyframes page-progress{from{transform:translateX(-100%)}to{transform:translateX(325%)}}
.duration-picker{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.duration-picker>.duration-card,.duration-picker>.duration-custom{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:72px;padding:11px 16px;border:1px solid #d8d0e1;border-radius:24px;background:#f0edf4;color:#514665;font:500 14px var(--font-ui,Arial,sans-serif);box-shadow:none;white-space:nowrap}
.duration-picker>.duration-card>span{display:inline;font:inherit;color:inherit;opacity:1}
.duration-picker>.duration-custom{min-width:100px;background:transparent}
.duration-picker>.duration-card:hover,.duration-picker>.duration-custom:hover{background:#e9e1f1;border-color:#b09acb}
.duration-picker>.duration-card[aria-current=page]{background:#46365b;border-color:#46365b;color:#fff}
.duration-picker>.duration-card[aria-current=page]>span{color:inherit;opacity:1}
[data-theme=dark] .duration-picker>.duration-card,[data-theme=dark] .duration-picker>.duration-custom{background:#22212d;border-color:#40394e;color:#d9cfe6}
[data-theme=dark] .duration-picker>.duration-custom{background:transparent}
[data-theme=dark] .duration-picker>:is(.duration-card,.duration-custom):hover{background:#332b40;border-color:#9b80bb}
[data-theme=dark] .duration-picker>.duration-card[aria-current=page]{background:#cfb9ee;border-color:#cfb9ee;color:#282034}
@media(max-width:480px){.duration-picker{gap:7px}.duration-picker>.duration-card{flex:1 0 calc((100% - 14px)/3);min-width:0}.duration-picker>.duration-custom{flex:1 0 100%}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .page-loading:before{animation:none;width:100%;background:#a38ad5}
}