.c-switch{background-color:var(--c-border-color);border-radius:4px;cursor:pointer;height:34px;justify-content:space-between;padding:4px;position:relative;transition:background-color .4s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:72px}.c-switch,.c-switch__icons{align-items:center;display:flex}.c-switch__icons{gap:2px;justify-content:center;width:100%}.c-switch__icon{height:24px;padding:6px;transition:all .4s linear;width:24px}.c-switch__icon.selected{background:#fff;border-radius:4px;opacity:1;--icon-size:24px}.c-switch__icon:not(.selected){opacity:.4}.c-switch__icon.rotate{transform:rotate(90deg)}