.ui-checkbox{align-items:center;color:var(--settings-color);display:flex;height:24px;justify-content:center;position:relative;width:24px}.ui-checkbox input[type=checkbox]{cursor:pointer;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.ui-checkbox input[type=checkbox]:checked~.ui-icon{background:var(--4206f2e0);border-color:var(--4206f2e0)}.ui-checkbox input[type=checkbox]:checked~.ui-icon svg{opacity:1}.ui-checkbox .ui-icon{background:var(--8f48ca26);border:2px solid var(--color-test);border-radius:100%;height:24px;width:24px}.ui-checkbox .ui-icon svg{opacity:0}.modal{align-items:center;cursor:auto;display:flex;height:-webkit-fill-available;justify-content:center;min-height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:visible;width:100%;z-index:135}.modal .modal{z-index:137}.modal .modal .modal{z-index:139}.modal .modal .modal .modal{z-index:141}@media screen and (max-width:430px){.modal{background-color:var(--bg-primary);border-radius:0;display:block;padding:0;width:100%}}.modal__content{border-radius:32px;display:flex;flex-direction:column;max-height:calc(100% - 20px);overflow:hidden;padding:20px;pointer-events:all;position:relative}.modal__content .device-list{display:flex;flex-direction:column;max-width:350px}.modal__content .device-list .device-type-icon{border:1px solid transparent;border-radius:8px;padding:9px}.modal__content .device-list .active{border-color:var(--color-active);box-shadow:0 0 4px 0 var(--color-active);-webkit-box-shadow:0 0 4px 0 var(--color-active)}.modal__content .device-list .device-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background-color .2s ease}.modal__content .device-list .device-item .device-name{font-size:16px;font-weight:500}.modal__content-btn{cursor:pointer;margin-left:auto;right:20px;top:20px;z-index:10}.modal__content-wrapper{flex:1}.modal__content-wrapper .type-change-text{font-weight:700;margin-bottom:20px;text-align:center;width:100%}.modal__content-header{display:flex;margin-bottom:8px}.modal__content.--border{border:1px solid var(--color-border)}@media screen and (max-width:430px){.modal__content.--border{border:transparent}}@media screen and (max-width:400px){.modal__content{align-items:unset;border-radius:0;height:100%;max-height:none;width:100%}}