.modal-overlay[data-v-e456177d]{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:start;align-items:start;z-index:1000;width:50%;height:100%}.modal-overlay2[data-v-e456177d]{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:start;align-items:start;z-index:1000;width:50%;height:10%}.modal-content[data-v-e456177d]{background:rgba(255,255,255,.816);border-radius:8px;padding:20px;width:90%;max-width:600px;box-shadow:0 4px 8px #0003;max-height:90%;display:flex;flex-direction:column;position:relative;overflow-y:auto}.modal-content h3[data-v-e456177d]{margin-top:0;font-size:1.5em;color:#333;font-weight:600}.modal-content label[data-v-e456177d]{display:block;font-weight:700;margin-top:10px;margin-bottom:5px;color:#000}.modal-content select[data-v-e456177d]{width:100%;padding:8px;margin-top:5px;border-radius:4px;border:1px solid #ccc;font-size:1em}.modal-content div[data-v-e456177d]{margin-bottom:15px}.modal-content button[data-v-e456177d]{padding:8px 16px;margin-top:15px;margin-right:10px;border:none;border-radius:4px;font-size:1em;cursor:pointer}.modal-content button[data-v-e456177d]:first-child{background-color:#4caf50;color:#fff}.modal-content button[data-v-e456177d]:last-child{background-color:#f44336;color:#fff}.areaSel[data-v-e456177d]{display:flex;flex-direction:row;margin-bottom:20px;gap:10px}.color-block[data-v-e456177d]{width:30px;height:30px;border:2px solid transparent;border-radius:4px;cursor:pointer;display:inline-block}.color-block.blue[data-v-e456177d]{background-color:#00f;border-color:#00f}.color-block.green[data-v-e456177d]{background-color:green;border-color:green}.color-block.red[data-v-e456177d]{background-color:red;border-color:red}.color-block.yellow[data-v-e456177d]{background-color:#ff0;border-color:#ff0}.color-block.selected[data-v-e456177d]{border-width:3px;box-shadow:0 4px 8px #0003}button[data-v-e456177d]{padding:5px 10px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-e456177d]:hover{background-color:#1976d2}.modal-content div label[data-v-e456177d]{font-weight:700;margin-top:10px;color:#000}.modal-content div input[type=checkbox][data-v-e456177d]{margin-right:8px;transform:scale(1.2)}.modal-content div input[type=checkbox]:checked+label[data-v-e456177d]{color:#000}.reorder-buttons[data-v-e456177d]{display:flex;justify-content:space-between;max-height:60px;margin-top:10px}.reorder-buttons button[data-v-e456177d]{padding:8px 12px;background-color:#ffc107;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.1em}.reorder-buttons button[data-v-e456177d]:disabled{background-color:#9e9e9e}.reorder-buttons button[data-v-e456177d]:hover{background-color:#ff9800}.modalTog[data-v-e456177d]{background:transparent;border:none;cursor:pointer;height:60px;width:60px;padding:10px;display:inline-flex;align-items:center;justify-content:center;outline:none}.modalTog[data-v-e456177d]:focus{outline:2px solid #282828;outline-offset:2px}.modalTog svg[data-v-e456177d]{width:37px;height:20px;transition:fill .3s ease}