/* Horizontal blinds shared by the portfolio and its bundled demos. */
.journey-curtain{position:fixed;inset:0;z-index:10000;display:none;flex-direction:column;pointer-events:none;contain:layout style}
.journey-curtain>span{display:block;flex:1;margin-bottom:-1px;background:var(--journey-color,#304ee6);transform:scaleY(0);transform-origin:50% 0;will-change:transform}
.journey-leaving .journey-curtain,.journey-arriving .journey-curtain{display:flex;pointer-events:auto;touch-action:none}
.journey-arriving:before{content:'';position:fixed;inset:0;z-index:9999;background:var(--journey-color,#304ee6)}
.journey-arriving .journey-curtain>span{transform:scaleY(1)}
.journey-leaving .journey-curtain>span{animation:journey-close .3s cubic-bezier(.65,0,.35,1) calc(var(--blind)*22ms) both}
.journey-opening:before{display:none}
.journey-opening .journey-curtain>span{transform-origin:50% 100%;animation:journey-open .42s cubic-bezier(.65,0,.35,1) calc(var(--blind)*18ms) both}
@keyframes journey-close{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes journey-open{from{transform:scaleY(1)}to{transform:scaleY(0)}}
.no-motion .journey-curtain,.no-motion.journey-arriving:before{display:none!important}
@media(prefers-reduced-motion:reduce){.journey-curtain,.journey-arriving:before{display:none!important}}