@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{background:var(--backgroundDark);border:1px solid #b1b1b1;border-radius:8px;width:80%;max-width:1400px;margin:1rem 0;padding:2rem;box-shadow:0 4px 8px #0003,0 6px 20px #00000026}@media (max-width:480px){.user-management-form{width:100%;box-shadow:none;background-color:#0000;border:none;padding:5px}}.user-management-form .mobile-roles{gap:16px;display:flex}.user-management-form .mobile-roles .mobile-roles-column{flex:1}.user-management-form .mobile-roles .mobile-roles-column .mobile-roles-label{margin-bottom:8px;font-weight:600}.user-management-form .mobile-roles .mobile-roles-column .mobile-role-chip{cursor:pointer;border-radius:5px;justify-content:space-between;margin-bottom:6px;padding:8px 12px;display:flex}.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{border-bottom:1px solid #b1b1b1;justify-content:space-between;align-items:flex-start;width:100%;padding-bottom:10px;display:flex}@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{width:100%;height:60px}}.user-management-form .user-management-toolbar .controls{align-items:center;gap:10px;display:flex}@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{width:25px!important;height: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{border:1px solid var(--primary);border-radius:5px;flex-direction:column;gap:5px;height:125px;padding:8px 10px;display:flex;overflow-y:auto;box-shadow:0 2px 6px #0000001a,0 4px 8px #0000000d}.user-management-form .groups-container .groups-list .group-chip{font-weight:600}