.mobile-role-settings-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#eef4fb;overflow-y:auto}.mobile-role-settings{width:100%;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#eef4fb}.mobile-role-settings *{font-family:Satoshi!important;letter-spacing:-.02em!important}.mobile-role-settings .main-mobile{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0 var(--24) var(--150)}.mobile-role-settings .roles-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--8)}.mobile-role-settings .roles-list .role-item{background:#fff;border-radius:var(--21);padding:var(--24) var(--35) var(--24) var(--18);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.mobile-role-settings .roles-list .role-item,.mobile-role-settings .roles-list .role-item .role-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-role-settings .roles-list .role-item .role-info{gap:var(--13)}.mobile-role-settings .roles-list .role-item .role-info .role-color{width:var(--24);height:var(--24);border-radius:50%}.mobile-role-settings .roles-list .role-item .role-info .role-name{font-size:var(--14);font-weight:700;color:#14121f}.mobile-role-settings .bottom-actions{position:fixed;bottom:0;left:0;width:100%;background:transparent;padding:var(--24);z-index:10}.mobile-role-settings .bottom-actions button{width:100%;padding:var(--14) var(--16) var(--15);border-radius:var(--99);font-size:var(--19);font-weight:700;cursor:pointer;background:#0071e2;border:none;color:#fff}.role-detail-content{padding:var(--32) var(--23) var(--150) var(--23);overflow-y:auto;max-height:80vh;background:#fff;border-radius:var(--30) var(--30) 0 0}.role-detail-content *{font-family:Satoshi!important;letter-spacing:-.02em!important}.role-detail-content .sheet-header{font-size:var(--28);line-height:var(--33);font-weight:700;margin-bottom:var(--24);color:#14121f;width:100%;text-align:left}.role-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--32)}.role-detail .role-name-input input{width:100%;background:#eef4fb;border-radius:var(--31);padding:var(--15) var(--17) var(--16);font-size:var(--17);line-height:var(--21);font-weight:500;border:none;outline:none;color:#14121f}.role-detail .role-name-input input::-webkit-input-placeholder{color:#86868b}.role-detail .role-name-input input::-moz-placeholder{color:#86868b}.role-detail .role-name-input input:-ms-input-placeholder{color:#86868b}.role-detail .role-name-input input::-ms-input-placeholder{color:#86868b}.role-detail .role-name-input input::placeholder{color:#86868b}.role-detail .permissions-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--24)}.role-detail .permissions-list .permission-group .group-title{font-size:var(--14);color:#a4a4a4;margin-bottom:var(--8);font-weight:700}.role-detail .permissions-list .permission-group .toggles-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--8);overflow-x:auto}.role-detail .permissions-list .permission-group .toggles-row .toggle-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#eef4fb;border-radius:var(--13);padding:var(--15) var(--17);font-size:var(--17);line-height:var(--21);font-weight:700;color:#1f1f20;text-align:center;cursor:pointer;border:1px solid transparent;white-space:nowrap}.role-detail .permissions-list .permission-group .toggles-row .toggle-btn.active{background:#eef4fb;border-color:#0071e2;color:#0071e2}.role-detail .permissions-list .permission-group .toggles-row .toggle-btn.disabled{opacity:.5;pointer-events:none}.bottom-actions-sheet{position:absolute;bottom:0;left:0;width:100%;background:#fff;padding:var(--24);z-index:10}.bottom-actions-sheet button{width:100%;padding:var(--14) var(--16) var(--15);border-radius:var(--99);font-size:var(--19);font-weight:700;cursor:pointer;background:#0071e2;border:none;color:#fff}