.state-legend[data-v-6d30c390]{margin-bottom:10px}.input-container[data-v-6d30c390]{margin-bottom:16px}.grid-container[data-v-6d30c390]{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;margin-top:10px;padding-bottom:80px}.grid-item[data-v-6d30c390]{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-weight:700;position:relative;border:1px solid #e8e8e8}.has[data-v-6d30c390]{background:#1890ff;color:#fff}.lose[data-v-6d30c390]{background:#f43f2a;color:#fff}.bad[data-v-6d30c390]{background:#f76a02;color:#fff}.pause[data-v-6d30c390]{background:#c180ff;color:#fff}.selected[data-v-6d30c390]{border:2px solid #1890ff;position:relative}.checkmark[data-v-6d30c390]{position:absolute;top:0;right:0;width:16px;height:16px}.state-buttons[data-v-6d30c390]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.botton-btns[data-v-6d30c390]{position:fixed;bottom:0;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:64px;background:#fff;border-top:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header[data-v-6d30c390]{background-color:#fff}.fixed[data-v-6d30c390]{position:fixed;top:56px;left:0;z-index:999999999999;-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}