@view-transition{navigation:auto}::view-transition{background-color:var(--bg-color);background-image:radial-gradient(circle closest-side,var(--text-muted) 97%,transparent 100%),linear-gradient(var(--text-muted),var(--text-muted)),radial-gradient(circle closest-side,var(--text-muted) 97%,transparent 100%),linear-gradient(to right,rgba(var(--grid-line-rgb),.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--grid-line-rgb),.04) 1px,transparent 1px);background-size:6px 6px,calc(100% - 68px) 6px,6px 6px,60px 60px,60px 60px;background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat;background-position:28px calc(100% + 6px),34px calc(100% + 6px),calc(100% - 34px) calc(100% + 6px),0 0,0 0;animation:vtWipeEdge 1.8s both}[data-theme=light]::view-transition{background-image:radial-gradient(circle closest-side,var(--text-muted) 97%,transparent 100%),linear-gradient(var(--text-muted),var(--text-muted)),radial-gradient(circle closest-side,var(--text-muted) 97%,transparent 100%),linear-gradient(to right,rgba(var(--grid-line-rgb),.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--grid-line-rgb),.06) 1px,transparent 1px)}::view-transition-old(root){animation:vtCoverWipe 1.8s both}::view-transition-new(root){animation:vtRollUp 1.8s both}@keyframes vtCoverWipe{0%{clip-path:inset(0 0 0 0 round 0 0 0 0);animation-timing-function:cubic-bezier(.45,0,.55,1)}39%{clip-path:inset(0 0 100% 0 round 0 0 32px 32px)}to{clip-path:inset(0 0 100% 0 round 0 0 32px 32px)}}@keyframes vtRollUp{0%{transform:translateY(100%);border-radius:32px 32px 0 0}50%{transform:translateY(100%);border-radius:32px 32px 0 0;animation-timing-function:cubic-bezier(.23,1,.32,1)}to{transform:translateY(0);border-radius:0}}@keyframes vtWipeEdge{0%{background-position:28px calc(100% + 6px),34px calc(100% + 6px),calc(100% - 34px) calc(100% + 6px),0 0,0 0;animation-timing-function:cubic-bezier(.45,0,.55,1)}39%{background-position:28px 0%,34px 0%,calc(100% - 34px) 0%,0 0,0 0;animation-timing-function:linear}42%{background-position:28px calc(0% - 6px),34px calc(0% - 6px),calc(100% - 34px) calc(0% - 6px),0 0,0 0}to{background-position:28px calc(0% - 6px),34px calc(0% - 6px),calc(100% - 34px) calc(0% - 6px),0 0,0 0}}::view-transition-group(pf-rail){backdrop-filter:none;-webkit-backdrop-filter:none}::view-transition-old(pf-rail){animation:none;opacity:0}::view-transition-new(pf-rail){animation:none;opacity:1;mix-blend-mode:normal}::view-transition-new(pf-rail):only-child{animation:vtRailSlideIn 2.4s both}::view-transition-old(pf-rail):only-child{animation:vtRailSlideOut .45s cubic-bezier(.45,0,.55,1) both;opacity:1;mix-blend-mode:normal}@keyframes vtRailSlideIn{0%,75%{transform:translate(-100%);animation-timing-function:cubic-bezier(.23,1,.32,1)}to{transform:translate(0)}}@keyframes vtRailSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){::view-transition,::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
