.progress-setting {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  min-height:44px;
  color:inherit;
  font:14px/1.35 Arial,sans-serif;
  text-align:left;
  cursor:pointer;
}
.progress-setting input {
  appearance:none;
  flex:none;
  width:42px;
  height:24px;
  margin:0;
  padding:2px;
  border:1px solid #777b69;
  border-radius:16px;
  background:#e0dbc8;
  cursor:inherit;
}
.progress-setting input::before {
  content:'';
  display:block;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#777b69;
}
.progress-setting input:checked {
  border-color:#3c5941;
  background:#3c5941;
}
.progress-setting input:checked::before {
  transform:translateX(18px);
  background:#fff9e7;
}
.progress-setting input:focus-visible {
  outline:2px solid #314c87;
  outline-offset:3px;
}