.b-header[data-v-cb7b4100]{position:sticky;top:0;z-index:99;padding:10px;margin:2px;border-radius:8px;background:linear-gradient(90deg,rgba(81,91,122,.3),rgba(225,204,112,.2),rgba(220,80,192,.1));box-shadow:10px 10px 20px rgba(0,0,0,.05);border-top:1px solid hsla(0,0%,88.2%,.2);border-left:1px solid hsla(0,0%,88.2%,.2);transition:all .3s ease-in-out}.b-header[data-v-cb7b4100]:hover,.b-header[isScroll=true][data-v-cb7b4100]{transition:all .3s ease-in-out;background:linear-gradient(90deg,rgba(2,58,241,.6),rgba(225,204,112,.4),rgba(220,80,192,.2));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:10px 10px 20px rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,88.2%,.8);border-left:1px solid hsla(0,0%,88.2%,.8)}body{height:100vh;background:linear-gradient(90deg,#4158d0,#ffcc70,#c850c0)}#app,body{width:100vw}#app{min-height:100vh}.foot{display:flex;flex-direction:column;align-items:center;justify-content:center}::-webkit-scrollbar{width:11px;height:11px;background-color:#f6f7f8}::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:10px}::-webkit-scrollbar-track{background-color:#f6f7f8;border-radius:10px}.fade-enter-active,.fade-leave-active{transition:all .3s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.shadow,.shadow:hover{transition:all .2s ease-in-out}.shadow:hover{box-shadow:0 0 10px #b0bec5}.mx-1{margin:0 10px}