body{background-color:#fff;justify-content:center;align-items:center;min-height:100vh;font-family:Helvetica,sans-serif;display:flex}.progress{border:1px dashed #005dff;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.progress__ring{--s:200px;--w:17px;--a:calc(((var(--p) * 360) / 100) * 1deg);width:var(--s);height:var(--s);background:conic-gradient(#005dff, #005dff var(--a), #eef3f6 var(--a), #eef3f6);border-radius:50%}.progress-bar__circle{width:calc(var(--s) - 2 * var(--w));height:calc(var(--s) - 2 * var(--w));background:#fff;border-radius:50%}.progress__ring,.progress-value{justify-content:center;align-items:center;display:flex}.progress__controls{flex-direction:column;gap:3px;margin:40px;padding:10px;display:flex}.progress__view{margin:40px}.progress__view_hidden{display:none}.switch{align-items:center;gap:10px;display:flex}.switch__toggle{width:60px;height:34px;display:inline-block;position:relative}.switch__toggle input{opacity:0;width:0;height:0}.switch__label{box-sizing:border-box;border:1px solid #000;border-radius:34px;width:60px;height:34px;display:inline-block;position:relative}.switch__input{cursor:pointer;text-align:center;caret-color:#0000;background-color:#fff;border:none;border-radius:35px;font-size:20px;position:absolute;inset:0}.switch__input:focus-visible{outline:none}.switch__label:has(.switch__input:disabled){background-color:#f9fbfc;border-color:#eef3f6}.switch__label:has(.switch__input:invalid){background-color:#f9fbfc;border-color:#ff2c00}.switch__input:disabled{cursor:not-allowed}input[type=number]::-webkit-outer-spin-button{display:none}input[type=number]::-webkit-inner-spin-button{display:none}.switch__slider{cursor:pointer;background-color:#eef3f6;border-radius:34px;transition:all .4s;position:absolute;inset:0}.switch__slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.switch__slider{background-color:#005dff}input:focus+.switch__slider{box-shadow:0 0 1px #005dff}input:checked+.switch__slider:before{transform:translate(26px)}