2 lines
5.4 KiB
CSS
2 lines
5.4 KiB
CSS
.onb-viewport[data-v-67f94dcc]{height:100vh;height:100dvh;width:100%;position:fixed;inset:0}.perspective-container-wrapper[data-v-67f94dcc]{position:relative;overflow:hidden;height:100%}.perspective-container[data-v-67f94dcc]{perspective:1200px;perspective-origin:50% 50%;position:relative;height:100%;overflow:hidden}.view-wrapper[data-v-67f94dcc]{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;overflow:hidden}.view-container[data-v-67f94dcc]{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.depth-forward-enter-active.view-wrapper[data-v-67f94dcc],.depth-forward-leave-active.view-wrapper[data-v-67f94dcc]{transition:all .9s cubic-bezier(.25,.46,.45,.94)}.depth-forward-enter-from.view-wrapper[data-v-67f94dcc]{opacity:0;transform:translateZ(-1200px) scale(.6);filter:blur(10px)}.depth-forward-enter-to.view-wrapper[data-v-67f94dcc],.depth-forward-leave-from.view-wrapper[data-v-67f94dcc]{opacity:1;transform:translateZ(0) scale(1);filter:blur(0px)}.depth-forward-leave-to.view-wrapper[data-v-67f94dcc]{opacity:0;transform:translateZ(500px) scale(1.25);filter:blur(10px)}.slide-left-enter-active.view-wrapper[data-v-67f94dcc],.slide-left-leave-active.view-wrapper[data-v-67f94dcc],.slide-right-enter-active.view-wrapper[data-v-67f94dcc],.slide-right-leave-active.view-wrapper[data-v-67f94dcc]{transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s ease}.slide-left-enter-from.view-wrapper[data-v-67f94dcc]{opacity:0;transform:translate(60px)}.slide-left-leave-to.view-wrapper[data-v-67f94dcc],.slide-right-enter-from.view-wrapper[data-v-67f94dcc]{opacity:0;transform:translate(-60px)}.slide-right-leave-to.view-wrapper[data-v-67f94dcc]{opacity:0;transform:translate(60px)}.bg-zoom[data-v-67f94dcc]{transition:transform 1.8s cubic-bezier(.25,.46,.45,.94);transform:scale(1)}.bg-zoom-in[data-v-67f94dcc]{transform:scale(1.15)}@media(min-width:768px){.depth-forward-enter-from.view-wrapper[data-v-67f94dcc]{transform:translateZ(-1200px) scale(.6) rotateX(6deg)}.depth-forward-leave-to.view-wrapper[data-v-67f94dcc]{transform:translateZ(500px) scale(1.25) rotateX(-4deg)}}.bg-perspective-container[data-v-67f94dcc]{position:fixed;inset:0;perspective:1000px;perspective-origin:50% 50%;z-index:-10;overflow:hidden;min-width:100vw;width:100vw}.bg-fullwidth[data-v-67f94dcc]{min-width:100vw;width:100vw;background-size:cover;background-position:center center}.bg-layer[data-v-67f94dcc]{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform-style:preserve-3d;backface-visibility:hidden}.bg-layer video[data-v-67f94dcc],video.bg-layer[data-v-67f94dcc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;inset:0}.bg-static[data-v-67f94dcc]{opacity:1;transform:translateZ(0) scale(1)}.bg-login-static[data-v-67f94dcc]{opacity:1;transform:none}.login-glitch-layer[data-v-67f94dcc]{position:absolute;inset:0;pointer-events:none;z-index:5;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0}.login-glitch-1[data-v-67f94dcc]{mix-blend-mode:screen;filter:hue-rotate(22deg) saturate(1.35);animation:login-glitch-shift-67f94dcc 5s steps(10,end) infinite}.login-glitch-2[data-v-67f94dcc]{mix-blend-mode:screen;filter:hue-rotate(-30deg) saturate(1.45);animation:login-glitch-shift-2-67f94dcc 5s steps(9,end) infinite}.login-glitch-scan[data-v-67f94dcc]{position:absolute;inset:0;pointer-events:none;z-index:6;background:linear-gradient(180deg,#ffffff29,#0000 60%),repeating-linear-gradient(180deg,#ffffff0d 0 2px,#0000 2px 4px),radial-gradient(ellipse at center,#0000 40%,#00000059);opacity:0;animation:login-glitch-scan-67f94dcc 5s ease-out infinite}@keyframes login-glitch-shift-67f94dcc{0%,82%{transform:translate(0);clip-path:inset(0% 0 0 0);opacity:0}82.1%{opacity:.22}84%{transform:translate(6px,-2px);clip-path:inset(8% 0 70% 0)}86%{transform:translate(-5px,2px);clip-path:inset(42% 0 40% 0)}88%{transform:translate(3px);clip-path:inset(68% 0 10% 0)}91%{transform:translate(-4px,3px);clip-path:inset(18% 0 60% 0)}93%{transform:translate(5px,-3px);clip-path:inset(55% 0 20% 0)}95%{transform:translate(-3px,1px);clip-path:inset(10% 0 80% 0)}to{transform:translate(0);clip-path:inset(0% 0 0 0);opacity:0}}@keyframes login-glitch-shift-2-67f94dcc{0%,82%{transform:translate(0);clip-path:inset(0% 0 0 0);opacity:0}82.1%{opacity:.18}84%{transform:translate(-6px,2px);clip-path:inset(12% 0 65% 0)}86%{transform:translate(5px,-1px) skew(.6deg);clip-path:inset(36% 0 42% 0)}89%{transform:translate(-3px,2px);clip-path:inset(72% 0 8% 0)}92%{transform:translate(4px,-3px);clip-path:inset(22% 0 58% 0)}95%{transform:translate(-4px,1px);clip-path:inset(50% 0 26% 0)}to{transform:translate(0);clip-path:inset(0% 0 0 0);opacity:0}}@keyframes login-glitch-scan-67f94dcc{0%,82%{opacity:0;transform:translateY(-20%)}84%{opacity:.4}90%{opacity:.28}to{opacity:0;transform:translateY(115%)}}.bg-glitch-layer[data-v-67f94dcc]{position:absolute;inset:0;pointer-events:none;z-index:10;background:#ffffff1a;mix-blend-mode:overlay;opacity:0;animation:bg-glitch-flash-67f94dcc .5s ease-in-out}@keyframes bg-glitch-flash-67f94dcc{0%,to{opacity:0;transform:translate(0)}10%{opacity:.3;transform:translate(-3px)}20%{opacity:0;transform:translate(3px)}30%{opacity:.4;transform:translate(-2px)}40%{opacity:0;transform:translate(2px)}50%{opacity:.2;transform:translate(-1px)}60%{opacity:0;transform:translate(1px)}}
|