*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth}body{margin:0}.cd-transition-layer{position:fixed;top:0;left:0;z-index:9999;height:100%;width:100%;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none}.cd-transition-layer .bg-layer{position:absolute;left:50%;top:50%;transform:translateY(-50%) translate(-2%);height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0}.cd-transition-layer.visible{opacity:1;visibility:visible}.cd-transition-layer.visible .bg-layer{transform:translateY(-50%) translate(-98%)}.cd-transition-layer.opening .bg-layer,.cd-transition-layer.closing .bg-layer{animation-duration:.8s;animation-fill-mode:forwards}.scrub-transition-layer .bg-layer{background-color:#b8731f;background-image:none;mask-image:url(/scrub.png);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:0 0;-webkit-mask-image:url(/scrub.png);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 0}.scrub-transition-layer.opening .bg-layer{animation:cd-sequence .8s steps(24) forwards}.scrub-transition-layer.closing .bg-layer{animation:cd-sequence .8s steps(24) forwards reverse}@keyframes cd-sequence{0%{transform:translateY(-50%) translate(-2%)}to{transform:translateY(-50%) translate(-98%)}}