.fadeInBar{animation:fadeInBar .3s ease-in}.fadeOutBar{animation:fadeOutBar .3s ease-in-out}@keyframes fadeInBar{0%{transform:translate(20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOutBar{0%{transform:translate(20%);opacity:0}to{transform:translate(0);opacity:1}}.PageBar{width:100%;height:45px;display:flex}.PageBar_fake{position:fixed;left:0;width:100%;height:45px;display:flex;z-index:90;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#fffc;border:1px solid var(--border-color)}.PageBar_fake_box{margin:0 auto;width:984px;display:flex}.PageBar_fake_box_title{margin:auto auto auto 0;display:flex;flex-direction:row}.PageBar_fake_box_arrow{width:30px;margin:auto 0;display:flex;color:var(--text-color-black);cursor:pointer}.PageBar_fake_box_arrow svg{width:18px;height:18px}.PageBar_fake_box_menu{margin:auto 0 auto 10px}.PageBar_fake_box_profile{margin:auto auto auto 0;display:flex;flex-direction:row;gap:10px}.PageBar_fake_box_icon{margin:auto 0 auto auto;display:flex}.PageBar_fake_box_icon svg{cursor:pointer;width:20px;height:20px;margin:auto;color:var(--text-color-black)}.dark .PageBar_fake{background-color:#1e2336cc;border-color:var(--border-color-dark)}.dark .PageBar_fake_box_arrow{color:var(--text-color-white)}.dark .PageBar_fake_box_icon svg{color:var(--text-color-white)}