.switch{display:inline-block;height:20px;position:relative;width:40px}@media only screen and (min-width:550px){.switch{height:24px;width:48px}}.switch input{height:0;opacity:0;width:0}.switch .slider{background-color:#ccc;cursor:pointer;inset:0}.switch .slider,.switch .slider:before{position:absolute;transition:.4s;-webkit-transition:.4s}.switch .slider:before{background-color:#fff;bottom:2px;content:"";height:16px;left:2px;width:16px}@media only screen and (min-width:550px){.switch .slider:before{height:20px;width:20px}}.switch .slider.round{border-radius:20px}.switch .slider.round:before{border-radius:50%}.switch input:checked+.slider{background-color:#35a328}.switch input:checked+.slider:before{transform:translate(20px)}@media only screen and (min-width:550px){.switch input:checked+.slider:before{transform:translate(24px)}}.switch input:focus+.slider{box-shadow:0 0 1px #35a328}.layout-item{align-items:center;display:flex;gap:16px;justify-content:space-between}.layout-item .wrap{display:flex;flex-direction:column;flex-grow:1;gap:4px}.layout-item .input{align-items:center;display:flex;justify-content:center;width:auto}.layout-item .input svg{height:24px;width:24px}@media only screen and (min-width:550px){.layout-item .input svg{height:28px;width:28px}}