#app{background-color:#1a1a1a;height:100vh;margin:0}::-webkit-scrollbar{width:10px;position:absolute;right:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:round{border-radius:20px}*{padding:0;margin:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-ms-touch-action:manipulation;touch-action:manipulation}.w-full{width:100%}.h-full{height:100%}.ft-20{font-size:20px}.color-white{color:#fff}.h-30{height:30px}.relative{position:relative}.absolute{position:absolute}.bg-black{background-color:#1a1a1a}.bg-grey{background-color:#282828}.bg-blue{background-color:#286efa}.btn-border{border:0}.btn .px-10{padding-left:10px;padding-right:10px}.text-base{font-size:16px;line-height:20px}.h-80{height:80px}.w-80{width:80px}.w-40{width:40px}.mb-10{margin-bottom:10px}.mb-30{margin-bottom:30px}.ml-5{margin-left:5px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mt-10{margin-top:10px}.ml-10{margin-left:10px}.p-10{padding:10px}.pbt-5{padding-bottom:5px;padding-top:5px}.plr-5{padding-left:5px;padding-right:5px}.pl-50{padding-left:50px}.pd-10{padding:10px}.cursor{cursor:pointer}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.justify-center{justify-content:center}.justify-between{justify-content:space-around}.align-center{align-items:center}.direction{flex-direction:column}.rounded{border-radius:5px}.box-sizing{box-sizing:border-box}.border-2{border:2px solid transparent}.border-active{border:2px solid rgba(250,100,0,1)}.hover-bg-change{transition:background-color .3s ease}.hover-bg-change:hover{background-color:#343434}