/* Переход между страницами: две створки и короткая полоса прогресса. */
.transition-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;visibility:hidden;pointer-events:none;overflow:hidden}
.transition-screen::before,.transition-screen::after{content:'';position:absolute;left:0;right:0;height:calc(50% + 1px);background-color:#101819;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;transition:transform 420ms cubic-bezier(.76,0,.24,1);will-change:transform}
.transition-screen::before{top:0;transform:translateY(-101%);border-bottom:1px solid #324345}
.transition-screen::after{bottom:0;transform:translateY(101%)}
.transition-content{position:relative;z-index:1;width:min(350px,calc(100vw - 64px));text-align:center;opacity:0;transform:translateY(12px);transition:opacity 180ms ease,transform 300ms ease}
.transition-brand{font-size:clamp(27px,5vw,38px);font-weight:800;letter-spacing:-.5px;line-height:1.25;color:#edf3ee;white-space:nowrap}
.transition-brand span{display:inline-block;color:#b6f15c;margin-left:3px}
.transition-track{height:2px;background:#324345;margin:27px 0 19px;overflow:hidden}
.transition-progress{display:block;width:100%;height:100%;background:#b6f15c;transform:scaleX(0);transform-origin:left center}
.transition-caption{margin:0;color:#afbec0;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;line-height:1.65;overflow-wrap:anywhere}
html[data-page-transition] .transition-screen{visibility:visible}
html[data-page-transition="leave"] .transition-screen,html[data-page-transition="enter"] .transition-screen{pointer-events:auto}
html[data-page-transition="leave"] .transition-screen::before,html[data-page-transition="leave"] .transition-screen::after,html[data-page-transition="enter"] .transition-screen::before,html[data-page-transition="enter"] .transition-screen::after{transform:translateY(0)}
html[data-page-transition="leave"] .transition-content,html[data-page-transition="enter"] .transition-content{opacity:1;transform:translateY(0)}
html[data-page-transition="leave"] .transition-screen::before,html[data-page-transition="leave"] .transition-screen::after{transition-duration:300ms}
html[data-page-transition="leave"] .transition-progress{animation:transition-progress 620ms cubic-bezier(.2,.7,.2,1) forwards}
html[data-page-transition="enter"] .transition-progress{transform:scaleX(1)}
html[data-page-transition="enter"] .transition-screen::before,html[data-page-transition="enter"] .transition-screen::after,html[data-page-transition="enter"] .transition-content{transition:none}
html[data-page-transition="reveal"] .transition-progress{transform:scaleX(1)}
html[data-page-transition="leave"] body{cursor:progress}
@keyframes transition-progress{0%{transform:scaleX(0)}60%{transform:scaleX(.75)}100%{transform:scaleX(.92)}}
@media(prefers-reduced-motion:reduce){.transition-screen{display:none!important}.transition-screen::before,.transition-screen::after,.transition-content{transition:none!important}.transition-progress{animation:none!important}}
@media print{.transition-screen{display:none!important}}
