*{font-family:Archivo,sans-serif;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background-color:#555}html{font-size:16px;height:100%}body,h3,h4,p{margin:0}body{min-height:100%;height:100%}#app,body{width:100%}#app{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}.p-0{padding:0}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-24{padding:24px}.px-16{padding-left:16px;padding-right:16px}.py-16{padding-top:16px;padding-bottom:16px}.m-0{margin:0}.m-8{margin:8px}.m-16{margin:16px}.m-auto{margin:auto}.ml-auto{margin:0 0 0 auto!important}.mr-auto{margin:0 auto 0 0!important}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.w-full{width:100%}.h-full{height:100%}.max-w-screen{max-width:1200px;margin:0 auto}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-black{color:#000}.text-white{color:#fff}.text-main{color:#eeb07c}.bg-white{background-color:#fff}.bg-gray{background-color:#f3f4f6}.bg-primary{background-color:var(--color-primary)}.border{border:1px solid #e5e7eb}.border-none{border:none}.rounded{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.shadow{box-shadow:0 4px 12px rgba(0,0,0,.1)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.transition{transition:all .2s ease}.hover-opacity:hover{opacity:.8}.relative{position:relative}