.op-block__switcher>:focus{outline:unset}.switcher-layout_1{width:100%}.switcher-layout_1 .switch-indicator,.switcher-layout_1 label{border-radius:100px;display:block}.switcher-layout_1 .switch-indicator.active-switcher,.switcher-layout_1 label.active-switcher{transform:translate(100%)}.switcher-layout_1 label{width:100%;background-color:rgba(0,0,0,.1);border-radius:100px;position:relative;cursor:pointer;display:flex;align-items:center;padding:20px 0}.switcher-layout_1 .switch-indicator{position:absolute;width:50%;height:100%;transform:translate(0);box-shadow:0 2px 15px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.switcher-layout_1 .switch-label-wrapper{font-size:90%;font-weight:bolder;width:100%;margin-top:.5%;position:absolute;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switcher-layout_1 .switch-label-wrapper>*{flex-grow:1;text-align:center}.switcher-layout_1 .dark{opacity:.5}.switcher-layout_2 .op-block__switcher--layout-two{display:flex;align-items:center;gap:20px}.switcher-layout_2 .op-block__content-switcher-contents{width:100%}.switcher-layout_2 input.switch{position:relative;height:1.5rem;width:3rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:9999px;transition:all .3s ease}.switcher-layout_2 .switch:active{border:unset;outline:unset}.switcher-layout_2 input.switch::before{position:absolute;content:"";left:-.1rem;top:-.1rem;display:block;height:1.6rem;width:1.6rem;cursor:pointer;border:1px solid rgba(100,116,139,.527);border-radius:9999px;box-shadow:0 3px 10px rgba(100,116,139,.327);transition:all .3s ease}.switcher-layout_2 .switch:hover::before{box-shadow:0 0 0 8px rgba(0,0,0,.15)}.switcher-layout_2 .switch:checked:hover::before{box-shadow:0 0 0 8px rgba(236,72,153,.15)}.switcher-layout_2 .switch:checked::before{transform:translateX(100%);border-color:currentcolor}.switcher-layout_3 .op-switch-wrapper{display:flex;align-items:center;gap:12px}.switcher-layout_3 .switch-track{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}.switcher-layout_3 .switch-track input{opacity:0;width:0;height:0}.switcher-layout_3 .switch-indicator{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;border-radius:10px}.switcher-layout_3 .switch-indicator::before{position:absolute;content:"";height:1.4em;width:1.4em;border-radius:8px;left:.3em;bottom:.3em;transform:rotate(270deg);transition:.4s}.switcher-layout_3 .switch-track:active .switch-indicator{box-shadow:0 0 1px #2196f3}.switcher-layout_3 .switch-track .active.switch-indicator::before{transform:translateX(1.5em)}.switcher-layout_4 .switch-track{position:relative;display:inline-block;width:5em;height:1em}.switcher-layout_4 .switch-indicator{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:30px}.switcher-layout_4 .switch-indicator::before{position:absolute;content:"";height:3.4em;width:1.4em;border-radius:20px;left:.3em;bottom:-1.3em;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.6);transition:1s cubic-bezier(.49,-1.3,.45,2.44);z-index:999}.switcher-layout_4 .switch-indicator.active{background-color:#2196f3}.switcher-layout_4 .switch-indicator.active::before{transform:translateX(2.5em) rotateZ(-180deg)!important}.op-block__content-switcher-contents [class*=switch-]{display:none}.op-block__content-switcher{width:100%}.switch-wrapper{display:flex;align-items:center;gap:12px}