.ModeSwitcher-module__Crp6NW__switch{--main:#323232;--blue-grad:linear-gradient(135deg,#2d8cf0,#1762b3);--manga-grad:linear-gradient(135deg,#f59e0b,#d97706);outline:none;justify-content:center;align-items:center;width:160px;height:40px;display:flex;position:relative}.ModeSwitcher-module__Crp6NW__switch:focus-visible .ModeSwitcher-module__Crp6NW__slider{box-shadow:0 0 0 3px #2d8cf04d,4px 4px var(--main)}.ModeSwitcher-module__Crp6NW__toggle{opacity:0;width:0;height:0;position:absolute}.ModeSwitcher-module__Crp6NW__slider{box-sizing:border-box;border:2px solid var(--main);cursor:pointer;z-index:10;border-radius:999px;justify-content:center;align-items:center;width:104px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.ModeSwitcher-module__Crp6NW__sliderLabel{text-align:center;-webkit-user-select:none;user-select:none;width:48px;font-size:14px;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.ModeSwitcher-module__Crp6NW__modeTechnical{background:var(--blue-grad);box-shadow:none;border-width:1px;transform:translate(-32px)}.ModeSwitcher-module__Crp6NW__modeTechnical .ModeSwitcher-module__Crp6NW__sliderLabel{color:#fff;letter-spacing:.025em;text-transform:none;font-weight:700;left:8px}.ModeSwitcher-module__Crp6NW__modeManga{box-shadow:4px 4px var(--main);background:#fff;border-width:2px;transform:translate(32px)}.ModeSwitcher-module__Crp6NW__modeManga .ModeSwitcher-module__Crp6NW__sliderLabel{color:var(--main);letter-spacing:.025em;text-transform:none;font-weight:900;right:12px}.ModeSwitcher-module__Crp6NW__knob{box-sizing:border-box;border:2px solid var(--main);width:30px;height:30px;color:var(--main);cursor:pointer;z-index:20;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ModeSwitcher-module__Crp6NW__knob:hover{transform:translate(-50%,-50%)scale(1.03)}.ModeSwitcher-module__Crp6NW__knobIcon{font-size:16px;line-height:1}.ModeSwitcher-module__Crp6NW__modeManga~.ModeSwitcher-module__Crp6NW__knob{background-image:url(/images/icons/Paint-Palette.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#000}.ModeSwitcher-module__Crp6NW__modeManga~.ModeSwitcher-module__Crp6NW__knob .ModeSwitcher-module__Crp6NW__knobIcon{opacity:0}
