:root{--background-color: #e0e8ed;--orange: rgba(255, 149, 0, .9);--blue: rgba(0, 122, 255, .9);--green: rgba(40, 205, 65, .9);--red: rgba(255, 59, 48, .9);--gray: rgba(92, 92, 94, .9);--container-color: rgba(255, 255, 255, .8);--max-width: 800px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;border:none}html{background-color:var(--background-color);scrollbar-width:none;-ms-overflow-style:none;font-size:clamp(12px,calc(1vw * 40 / 9 + 16px - 3.9px * 40 / 9),16px)}html::-webkit-scrollbar{display:none}.flex{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}#root{width:100%;min-width:300px;min-height:100vh;height:100%;background-color:var(--background-color);overflow-x:clip}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:0}.loading-icon{top:calc(50% - 1.75rem);left:calc(50% - 1.75rem);transform:translate(-50%,-50%);position:absolute;z-index:1000;animation:loading-spin 1s steps(12) infinite;pointer-events:none}.loading-circle{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);position:absolute;z-index:1000;pointer-events:none;width:4rem;height:4rem}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{margin-top:4.8rem;margin-bottom:auto;width:95%;flex-direction:column;gap:.5rem;max-width:var(--max-width);padding-bottom:2rem}.temp-box-container{width:100%;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.border-radius{border-radius:1.55rem}.border-radius-small{border-radius:.9rem}.translucent-white{background-color:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.container-color{background-color:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.red{background-color:#ff3b30e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.blue{background-color:#007affe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.orange{background-color:#ff9500e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.green{background-color:#28cd41e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gray{background-color:#5c5c5ee6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.shadow{box-shadow:0 .5rem 1rem #0000001a,0 .2rem .5rem #0000001a}.shadow-small{box-shadow:0 .2rem .5rem #0000001a}span{font-size:1rem;line-height:1rem;font-weight:400;color:#000000e6}h1{font-size:1.7rem;line-height:1.7rem;font-weight:600;color:#000}h2{font-size:1.125rem;line-height:1.25rem;font-weight:500;color:#000}.v-line{height:100%;width:1px;background-color:#0003}.icon{-webkit-user-select:none;user-select:none}input:focus{outline:none;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}