@keyframes marquee{to{transform:translateX(-50%)}}@keyframes grain{0%,100%{transform:translate(0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(2%,2%)}80%{transform:translate(-1%,-1%)}}.loader{position:fixed;inset:0;z-index:var(--z-loader);background:var(--bg);display:grid;place-items:center;transition:opacity .5s,visibility .5s}.loader.is-hidden{opacity:0;visibility:hidden}.loader-mark{width:90px;height:90px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;animation:spin 1.1s linear infinite}.loader-mark:before{content:'';width:16px;height:16px;background:var(--accent);border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.page-transition{position:fixed;inset:0;z-index:140;background:var(--accent);transform:scaleY(0);transform-origin:bottom;pointer-events:none}.page-transition.is-entering{animation:wipe .55s var(--ease)}@keyframes wipe{0%{transform:scaleY(0);transform-origin:bottom}45%{transform:scaleY(1);transform-origin:bottom}55%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:top}}.grain:after{content:'';position:absolute;inset:-50%;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:grain .3s steps(2) infinite}