@import url(https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,0,0);:root{--white:#fff;--green:#4caf50;--primary-disabled:#79c3ff;--primary:#2196f3;--primary-darker:#1a87e0;--red:#e9361f;--red-disabled:#e97b6c;--red-darker:#ad2c04;--light-blue:#e3f2fd;--orange:#f77a00}body,html{margin:0}*{font-family:Maven Pro,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}#app{max-width:450px;margin:0 auto}.brand{position:sticky;top:0;background:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;z-index:9;border-bottom:1px solid #ccc}.brand h1{margin:0;font-size:20px}.brand .icon{display:flex;gap:15px}.brand .search{position:relative;transition:all .3s ease}.brand .search:active{transform:scale(.7)}.brand .search img{height:20px}input{background:#f8f8f8;border:1px solid #ccc;padding:10px 10px 10px 40px;outline:none;border-radius:6px;width:100%;transition:all .3s ease}input:focus{background:#fff;border:1px solid #000}.btn{background:#eee;border:1px solid #eee;border-radius:10px;outline:none;padding:12px 15px;transition:all .3s ease;cursor:pointer}.btn.btn-black{background-color:#000;border-color:#000;color:#fff}.btn.btn-black:disabled{background-color:#777;border-color:#444}.btn:active{transform:scale(.9)}.btn.btn-outline{background-color:#fff;border-color:#000;color:#000}.btn.btn-block{width:100%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:4px;font-size:14px}.form-group input{padding:12px;width:calc(100% - 26px)}.modal,.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6)}.modal .modal-body,.overlay .modal-body{background-color:#fff;padding:20px;border-radius:10px;height:-moz-fit-content;height:fit-content;max-height:60vh;overflow-y:auto}.fade-up{opacity:0;animation:fadeUp .2s ease-in-out forwards}.fade-in{opacity:0;animation:fadeIn .2s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.custom-loader{width:50px;height:50px;--c:radial-gradient(farthest-side,#000 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s7 1s infinite}@keyframes s7{to{transform:rotate(.5turn)}}