@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:979px}.user-management-form{border:1px solid #b1b1b1;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.15);padding:2rem;margin:1rem 0;background:var(--backgroundDark);width:80%;max-width:1400px}@media(max-width:480px){.user-management-form{padding:5px;width:100%;background-color:rgba(0,0,0,0);border:none;box-shadow:none}}.user-management-form .mobile-roles{display:flex;gap:16px}.user-management-form .mobile-roles .mobile-roles-column{flex:1 1}.user-management-form .mobile-roles .mobile-roles-column .mobile-roles-label{font-weight:600;margin-bottom:8px}.user-management-form .mobile-roles .mobile-roles-column .mobile-role-chip{padding:8px 12px;border-radius:5px;margin-bottom:6px;cursor:pointer;display:flex;justify-content:space-between}.user-management-form .mobile-roles .mobile-roles-column .mobile-role-chip.current{background:var(--color-primary-light);border:1px solid var(--primary)}.user-management-form .mobile-roles .mobile-roles-column .mobile-role-chip.available{background:var(--background);border:1px solid #b1b1b1}.user-management-form .user-management-toolbar{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #b1b1b1;width:100%}@media(max-width:480px){.user-management-form .user-management-toolbar{flex-direction:column;align-items:center}}.user-management-form .user-management-toolbar .dropdown-container{height:40px}@media(max-width:480px){.user-management-form .user-management-toolbar .dropdown-container{height:60px;width:100%}}.user-management-form .user-management-toolbar .controls{display:flex;align-items:center;gap:10px}@media(max-width:480px){.user-management-form .user-management-toolbar .controls{flex-direction:column;width:100%}}.user-management-form .user-management-toolbar .controls .basic-button,.user-management-form .user-management-toolbar .controls .button-container{margin:0}@media(max-width:480px){.user-management-form .user-management-toolbar .controls .basic-button,.user-management-form .user-management-toolbar .controls .button-container{width:300px!important}}.user-management-form .user-management-toolbar .controls .basic-button{width:200px}@media(max-width:480px){.user-management-form .user-management-toolbar .controls .basic-button{width:300px!important}}.user-management-form .user-management-toolbar .controls .button-container{margin-top:-4px}@media(max-width:480px){.user-management-form .user-management-toolbar .controls .button-container{margin-top:0}}.user-management-form .groups-container{margin-top:-5px}.user-management-form .groups-container .icon-only-button,.user-management-form .groups-container .icon-only-container{height:25px!important;width:25px!important}.user-management-form .groups-container .icon-only-button svg{font-size:15px}.user-management-form .groups-container .input-label{font-weight:600}.user-management-form .groups-container .groups-list{display:flex;flex-direction:column;gap:5px;border:1px solid var(--primary);border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);height:125px;overflow-y:auto;padding:8px 10px}.user-management-form .groups-container .groups-list .group-chip{font-weight:600}