._c_toggleflg{display:none}._toggle_area{user-select:none;position:relative;width:32px;height:20px;cursor:pointer}._toggle_track{position:absolute;top:50%;left:0;margin:auto 0;width:32px;height:14px;border-radius:7px;background-color:#000;transform:translateY(-50%);opacity:.38}._toggle_thumb{position:absolute;top:50%;left:0;width:20px;height:20px;background:transparent;transform:translateY(-50%);transition:left .22s}._toggle_thumb:before{content:"";width:20px;height:20px;position:absolute;border-radius:50%;background:#000;opacity:.12;transform:scale(0);transition:transform .22s cubic-bezier(0,0,.2,1);box-sizing:border-box}._toggle_thumb:after{content:"";position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:all .22s cubic-bezier(0,0,.2,1);transform:translateY(-50%)}._c_toggleflg:checked~._toggle_track{background-color:var(--q-primary);opacity:.54}._c_toggleflg:checked~._toggle_thumb{left:12px}._c_toggleflg:checked~._toggle_thumb:before,._c_toggleflg:checked~._toggle_thumb:after{background-color:var(--q-primary)}._toggle_thumb_shadow{background:#000;border-radius:50%}._toggle_area:hover ._toggle_thumb:before{transform:scale(1.5)}