.check-control{display:inline-flex;position:relative;cursor:pointer;vertical-align:text-top}.check-control:hover .check-control__toggle-action{background-color:#d4d4d4}html.dark .check-control:hover .check-control__toggle-action{background-color:#475569}.check-control__toggle{flex-shrink:0;width:2rem;height:2rem}.check-control__toggle-field{position:absolute;visibility:hidden}.check-control__toggle-field:checked~.check-control__toggle-action:before{opacity:1}.check-control__toggle-field:focus~.check-control__toggle-action{--tw-ring-opacity: 1;--tw-ring-color: rgb(87 202 86 / var(--tw-ring-opacity))}.check-control__toggle-action{position:relative;width:100%;height:100%;background-color:#e5e5e5;border-radius:.4rem;transition:background-color .15s ease}html.dark .check-control__toggle-action{background-color:#64748b}.check-control__toggle-action:before{position:absolute;top:.3rem;left:.7rem;transform:rotate(45deg);height:1.2rem;width:.6rem;border-bottom:.2rem solid #57CA56;border-right:.2rem solid #57CA56;opacity:0;transition:opacity .15s ease;content:""}html.dark .check-control__toggle-action:before{border-bottom:.2rem solid #e2e8f0;border-right:.2rem solid #e2e8f0}.check-control__label{margin-left:1rem;font-size:1.4rem}.check-control--is-switch .check-control__toggle{position:relative;width:auto;height:auto}.check-control--is-switch .check-control__toggle-field:checked~.check-control__toggle-action{background-color:#57ca5633}.check-control--is-switch .check-control__toggle-field:checked~.check-control__toggle-action:after{background-color:#57ca56;transform:translate(100%)}.check-control--is-switch .check-control__toggle-field:checked:hover~.check-control__toggle-action{background-color:#57ca564d}.check-control--is-switch .check-control__toggle-field:disabled~.check-control__toggle-action{opacity:.6}.check-control--is-switch .check-control__toggle-action{position:relative;display:block;background-color:#e5e5e5;width:3.4rem;height:2rem;border-radius:99rem;transition:background-color .15s ease}.check-control--is-switch .check-control__toggle-action:before{top:.6rem;left:.8rem;height:.7rem;width:.4rem;border-bottom:.2rem solid #94DE94;border-right:.2rem solid #94DE94}.check-control--is-switch .check-control__toggle-action:after{content:"";position:absolute;top:.3rem;left:.3rem;width:1.4rem;height:1.4rem;background-color:#fff;border-radius:99rem;box-shadow:0 .1rem .2rem #00000059;transition:width .15s ease,background-color .15s ease,transform .15s ease}