:root{--white: #FDFBF9;--light-black: #1B1B1B;--black: #141414;--blue: #6577B3;--red: #B33F40;--light-red: rgb(247, 91, 74);--pink: #c75988;--green: #48A14D;--yellow: #EDD94C;--border-radius: 5px}html,body{padding:0;margin:0;height:100dvh;width:100dvw;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}*,*:before,*:after{box-sizing:border-box}#app{width:100%;height:100%;background-color:var(--white);overflow-x:hidden;position:relative}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-none{overflow-y:none}.overflow-x-none{overflow-x:none}.user-select-none{-webkit-user-select:none;user-select:none}.flex{display:flex}.block{display:block}.none{display:none}.text-bold{font-weight:700}.text-normal{font-weight:400}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.pointer:hover{cursor:pointer}.float-left{float:left}.float-right{float:right}.p-0{padding:0}.p-1{padding:5px}.p-2{padding:10px}.p-3{padding:15px}.p-4{padding:20px}.p-5{padding:25px}.m-0{margin:0}.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:15px}.m-4{margin:20px}.m-5{margin:25px}.pt-0{padding-top:0}.pt-1{padding-top:5px}.pt-2{padding-top:10px}.pt-3{padding-top:15px}.pt-4{padding-top:20px}.pt-5{padding-top:25px}.ml-auto{margin-left:auto}.ml-right{margin-right:auto}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.grow-1{flex-grow:1}.grow-2{flex-grow:2}.grow-3{flex-grow:3}.grow-4{flex-grow:4}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.radius-auto{border-radius:var(--border-radius)}.h-0{height:0}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.w-0{width:0}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.direction-column{flex-direction:column}.direction-row{flex-direction:row}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.gap-1{gap:5px}.gap-2{gap:10px}.gap-3{gap:15px}.gap-4{gap:20px}.gap-5{gap:25px}.animate-spin{transform:rotate(0);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-white{color:var(--white)}.text-gray{color:gray}