@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap);*{box-sizing:border-box;font-family:Rubik,sans-serif;margin:0;padding:0}.container{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:16px}.title{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.flavor-list{list-style-type:none;margin:0;max-width:600px;padding:0;width:100%}.flavor-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px;transition:background-color .2s}.flavor-item:hover{background-color:#f0f0f0}.flavor-id{color:#000;font-size:14px;margin-right:8px}.flavor-name{cursor:pointer;font-size:16px}input[type=text],select,textarea{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px;transition:border-color .2s;width:100%}input[type=text]:focus,select:focus,textarea:focus{border-color:#007bff;outline:none}input[type=range]{margin:10px 0;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:5px;padding:10px 15px;transition:background-color .2s}button:hover{background-color:#0056b3}button:focus{outline:none}label{color:#555;font-size:14px;margin-bottom:6px}label,small{display:block}small{color:#888;font-size:12px;margin-bottom:12px;margin-top:-8px;text-align:left;width:100%}@media (max-width:600px){.container{padding:10px}.title{font-size:20px}button,input[type=text],label,select,textarea{font-size:12px}small{font-size:10px}}.flavor-editor{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:20px;width:100%}.input-group{margin-bottom:12px;width:100%}.flavor-editor input[type=text],.flavor-editor select,.flavor-editor textarea{border:1px solid #ddd;border-radius:8px;padding:10px;transition:border-color .2s;width:100%}.flavor-editor button{background-color:#333;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;width:100%}@media (max-width:600px){.flavor-editor{padding:15px}.input-group{margin-bottom:10px}.flavor-editor input[type=text],.flavor-editor select,.flavor-editor textarea{font-size:14px}.flavor-editor button{font-size:14px;padding:10px}}
/*# sourceMappingURL=main.24f3880a.css.map*/