diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index b8031715..5ab965a3 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -88,6 +88,17 @@ - [ ] Multi tenant testing - [ ] Create one tenant (tenant1), and add 3 users to them. In the dashboard, when you switch to that tenant, it should list those users. - [ ] Create a user in tenant1 and using backend sdk's(Go, Python, Node) associate the user to a different tenant and select that tenant on the dashboard from the tenants dropdown, it should show that user in the list +- [ ] User Roles and Permissions testing + - [ ] UserRoles page testing + - [ ] Test the empty state when there are no roles created on the roles page. + - [ ] Test creation, delete and updating functionality of the roles are working properly. + - [ ] Test pagination of the roles list with more than 2 or 3 pages of data atleast. + - [ ] Test that the permissions per role are rendering properly without overflowing the parent table. + - [ ] Check for the `feature_not_enabled` state on both userDetails page and user roles page. + - [ ] userDetails page testing with respect to roles and permissions. + - [ ] Test adding and deleting roles to a user. + - [ ] Test the roles search feature and make sure that the list does not include any assigned roles in it. + - [ ] Test by associating the user with multiple tenants and assigning roles to the user in each tenant separately. ## Documentation changes diff --git a/CHANGELOG.md b/CHANGELOG.md index 9de79d2c..c4a5e26d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [unreleased] +## [0.9.0] - 2023-11-17 + +- Adds user roles and permissions feature to dashboard. + ## [0.8.6] - 2023-11-15 - Adds click action to the entire user row. diff --git a/api_spec.yaml b/api_spec.yaml index 93f5ba2d..8515bba8 100644 --- a/api_spec.yaml +++ b/api_spec.yaml @@ -3,8 +3,10 @@ openapi: 3.0.0 info: version: 0.0.0 title: Dashboard Interface - description: Interface for dashboard and backend SDK to communicate with each other. All APIs must be prefixed by `{apiDomain}/{apiBasePath}` - note: "All the POST api's would give 403 status code back when user permissions are enabled." + description: | + Interface for dashboard and backend SDK to communicate with each other. All APIs must be prefixed by `{apiDomain}/{apiBasePath}` + + `Note:` All the POST api's would give 403 status code back when user permissions are enabled. tags: - name: "User Authentication" @@ -19,9 +21,11 @@ tags: description: APIs related to recording telemetry from the dashboard - name: "Multitenancy" description: APIs related to multitenancy + - name: "User Roles and Permissions" + description: APIs related to user roles and permisssions paths: - /signin: + /dashboard/api/signin: post: tags: - User Authentication @@ -90,7 +94,7 @@ paths: type: string enum: - Not Found - /signout: + /dashboard/api/signout: post: tags: - User Authentication @@ -125,7 +129,7 @@ paths: type: string enum: - Not Found - /users: + //dashboard/api/users: get: tags: - User Management @@ -271,7 +275,7 @@ paths: type: string enum: - Not Found - /users/count: + //dashboard/api/users/count: get: tags: - User Management @@ -320,7 +324,7 @@ paths: type: string enum: - Not Found - /user: + /dashboard/api/user: get: tags: - User Details @@ -610,7 +614,7 @@ paths: type: string enum: - Not Found - /user/unlink: + /dashboard/api/user/unlink: get: tags: - User Details @@ -661,12 +665,12 @@ paths: type: string enum: - Not Found - /user/email/verify: - get: + //dashboard/api/user/email/verify: + put: tags: - User Details - summary: Check if a user's email is verified - operationId: getUserEmailVerified + summary: Set a user's email as verified + operationId: userEmailVerifyPut parameters: - name: authorization in: header @@ -674,31 +678,27 @@ paths: schema: type: string example: "Bearer API_KEY" - - name: userId - in: query - required: true - schema: - type: string + requestBody: + content: + application/json: + schema: + type: object + properties: + userId: + type: string + verified: + type: boolean responses: 200: description: Success content: application/json: schema: - oneOf: - - type: object - properties: - status: - type: string - default: "OK" - isVerified: - type: boolean - default: true - - type: object - properties: - status: - type: string - default: "FEATURE_NOT_ENABLED_ERROR" + type: object + properties: + status: + type: string + default: "OK" 400: description: error code 400 content: @@ -721,11 +721,12 @@ paths: type: string enum: - Not Found - put: + /dashboard/api/user/email/verify: + get: tags: - User Details - summary: Set a user's email as verified - operationId: userEmailVerifyPut + summary: Check if a user's email is verified + operationId: getUserEmailVerified parameters: - name: authorization in: header @@ -733,27 +734,31 @@ paths: schema: type: string example: "Bearer API_KEY" - requestBody: - content: - application/json: - schema: - type: object - properties: - userId: - type: string - verified: - type: boolean + - name: userId + in: query + required: true + schema: + type: string responses: 200: description: Success content: application/json: schema: - type: object - properties: - status: - type: string - default: "OK" + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + isVerified: + type: boolean + default: true + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" 400: description: error code 400 content: @@ -776,7 +781,7 @@ paths: type: string enum: - Not Found - /user/email/verify/token: + //dashboard/api/user/email/verify/token: post: tags: - User Details @@ -836,7 +841,7 @@ paths: type: string enum: - Not Found - /user/metadata: + /dashboard/api/user/metadata: get: tags: - User Details @@ -958,7 +963,7 @@ paths: type: string enum: - Not Found - /user/password: + //dashboard/api/user/password: put: tags: - User Details @@ -1022,7 +1027,7 @@ paths: type: string enum: - Not Found - /user/sessions: + /dashboard/api/user/sessions: get: tags: - User Details @@ -1151,7 +1156,7 @@ paths: type: string enum: - Not Found - /api/analytics: + /dashboard/api/analytics: post: tags: - Telemetry @@ -1209,7 +1214,7 @@ paths: type: string enum: - Not Found - /search/tags: + /dashboard/api/search/tags: get: tags: - Search @@ -1226,8 +1231,7 @@ paths: type: array items: type: string - - /tenants/list: + /dashboard/api/tenants/list: get: tags: - Multitenancy @@ -1267,6 +1271,398 @@ paths: properties: enabled: type: boolean + /dashboard/api/userroles/roles: + get: + tags: + - User Roles and Permissions + summary: Get all created roles + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + roles: + type: array + items: + type: string + example: + - "admin" + - "user" + + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + /dashboard/api/userroles/role: + put: + tags: + - User Roles and Permissions + summary: Creates a role with permissions or Adds permissions to a existing role if already exits + requestBody: + content: + application/json: + schema: + type: object + properties: + role: + type: string + example: "admin" + permissions: + type: array + items: + type: string + example: + - "read" + - "write" + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + createdNewRole: + type: boolean + default: true + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + 401: + description: Unauthorised access + content: + text/plain: + schema: + type: string + enum: + - Unauthorised access + 400: + description: error code 400 + content: + text/plain: + schema: + type: string + enum: + - Method not supported + delete: + tags: + - User Roles and Permissions + summary: Deletes a role. + parameters: + - name: role + in: query + required: true + schema: + type: string + example: admin + + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + didRoleExists: + type: boolean + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + 401: + description: Unauthorised access + content: + text/plain: + schema: + type: string + enum: + - Unauthorised access + 400: + description: error code 400 + content: + text/plain: + schema: + type: string + enum: + - Method not supported + /dashboard/api/userroles/role/permissions: + get: + tags: + - User Roles and Permissions + summary: Get permissions associated with a role + parameters: + - name: role + in: query + required: true + schema: + type: string + example: "admin" + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + permissions: + type: array + items: + type: string + + - type: object + properties: + status: + type: string + default: "UNKNOWN_ROLE_ERROR" + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + /dashboard/api/userroles/role/permissions/remove: + put: + tags: + - User Roles and Permissions + summary: Remove permissions associated with a role + requestBody: + content: + application/json: + schema: + type: object + properties: + role: + type: string + example: "admin" + permissions: + type: array + items: + type: string + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + + - type: object + properties: + status: + type: string + default: "UNKNOWN_ROLE_ERROR" + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + 401: + description: Unauthorised access + content: + text/plain: + schema: + type: string + enum: + - Unauthorised access + 400: + description: error code 400 + content: + text/plain: + schema: + type: string + enum: + - Method not supported + //dashboard/api/userroles/user/roles: + get: + tags: + - User Roles and Permissions + summary: Get all roles that are assigned to a user + parameters: + - name: userId + in: query + required: true + schema: + type: string + example: "fa7a0841-b533-4478-95533-0fde890c3483" + - name: tenantId + in: query + required: false + schema: + type: string + example: "public" + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + roles: + type: array + items: + type: string + example: + - "admin" + - "user" + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + put: + tags: + - User Roles and Permissions + summary: Add a new role to a user + requestBody: + content: + application/json: + schema: + type: object + required: ["userId", "role"] + properties: + userId: + type: string + example: "fa7a0841-b533-4478-95533-0fde890c3483" + role: + type: string + example: "admin" + tenantId: + type: string + example: "public" + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + didUserAlreadyHaveRole: + type: string + default: "false" + - type: object + properties: + status: + type: string + default: "UNKNOWN_ROLE_ERROR" + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + 401: + description: Unauthorised access + content: + text/plain: + schema: + type: string + enum: + - Unauthorised access + 400: + description: error code 400 + content: + text/plain: + schema: + type: string + enum: + - Method not supported + delete: + tags: + - User Roles and Permissions + summary: Remove a role assigned to a user + parameters: + - name: userId + in: query + required: true + schema: + type: string + example: "fa7a0841-b533-4478-95533-0fde890c3483" + - name: role + in: query + required: true + schema: + type: string + example: "admin" + responses: + 200: + description: Success + content: + application/json: + schema: + oneOf: + - type: object + properties: + status: + type: string + default: "OK" + didUserHaveRole: + type: boolean + default: false + - type: object + properties: + status: + type: string + default: "UNKNOWN_ROLE_ERROR" + - type: object + properties: + status: + type: string + default: "FEATURE_NOT_ENABLED_ERROR" + + 401: + description: Unauthorised access + content: + text/plain: + schema: + type: string + enum: + - Unauthorised access + 400: + description: error code 400 + content: + text/plain: + schema: + type: string + enum: + - Method not supported servers: # Added by API Auto Mocking Plugin diff --git a/build/asset-manifest.json b/build/asset-manifest.json index 36e4d0dc..fd1989cb 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -8,13 +8,21 @@ "static/media/favicon.ico": "/static/media/favicon.ico", "static/media/ST_icon_light_theme.svg": "/static/media/ST_icon_light_theme.svg", "static/media/ST_full_logo_dark_theme.svg": "/static/media/ST_full_logo_dark_theme.svg", + "static/media/secuity-key.svg": "/static/media/secuity-key.svg", + "static/media/refresh.svg": "/static/media/refresh.svg", "static/media/ST_full_logo_light_theme.svg": "/static/media/ST_full_logo_light_theme.svg", "static/media/ST_icon_dark_theme.svg": "/static/media/ST_icon_dark_theme.svg", "static/media/auth-method.svg": "/static/media/auth-method.svg", "static/media/logo.svg": "/static/media/logo.svg", + "static/media/plus-square.svg": "/static/media/plus-square.svg", + "static/media/roles-and-permissions.svg": "/static/media/roles-and-permissions.svg", + "static/media/no-results.svg": "/static/media/no-results.svg", "static/media/email.svg": "/static/media/email.svg", + "static/media/user-managment.svg": "/static/media/user-managment.svg", "static/media/lock.svg": "/static/media/lock.svg", "static/media/checkmark-green.svg": "/static/media/checkmark-green.svg", + "static/media/plus.svg": "/static/media/plus.svg", + "static/media/green-check.svg": "/static/media/green-check.svg", "static/media/clear.svg": "/static/media/clear.svg", "static/media/provider-apple.svg": "/static/media/provider-apple.svg", "static/media/search.png": "/static/media/search.png", @@ -37,6 +45,7 @@ "static/media/trash-opened.svg": "/static/media/trash-opened.svg", "static/media/checkmark.svg": "/static/media/checkmark.svg", "index.html": "/index.html", + "static/media/loader.svg": "/static/media/loader.svg", "static/media/star_sparkle.svg": "/static/media/star_sparkle.svg", "static/media/close.svg": "/static/media/close.svg", "static/media/copy.svg": "/static/media/copy.svg", @@ -53,10 +62,14 @@ "static/media/chevron-up-selected.svg": "/static/media/chevron-up-selected.svg", "static/media/chevron-right.svg": "/static/media/chevron-right.svg", "static/media/people.svg": "/static/media/people.svg", + "static/media/arrow-down.svg": "/static/media/arrow-down.svg", + "static/media/hamburger-menu.svg": "/static/media/hamburger-menu.svg", "static/media/provider-facebook.svg": "/static/media/provider-facebook.svg", "static/media/Union-yellow.png": "/static/media/Union-yellow.png", "static/media/Union.png": "/static/media/Union.png", "static/media/checkmark-yellow.svg": "/static/media/checkmark-yellow.svg", + "static/media/spinner.svg": "/static/media/spinner.svg", + "static/media/cross.svg": "/static/media/cross.svg", "static/media/triangle-down.svg": "/static/media/triangle-down.svg", "main.css.map": "/static/css/main.css.map", "bundle.js.map": "/static/js/bundle.js.map", diff --git a/build/static/css/main.css b/build/static/css/main.css index bd34f098..a1dcc11d 100644 --- a/build/static/css/main.css +++ b/build/static/css/main.css @@ -1,4 +1,4 @@ -@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500&display=swap);.phone-display{align-items:flex-start;display:flex}.phone-display>:not(:last-child){margin-right:5px}.phone-input{align-items:center;border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden;width:100%}.phone-input__country-select{display:inline-flex;flex-direction:column;font-weight:400}.phone-input__country-select__current-value{align-items:center;cursor:pointer;display:inline-flex;padding-left:12px}.phone-input__country-select__current-value>:not(:last-child){margin-right:8px}.phone-input__country-select__current-value .PhoneInputCountryIcon img{box-shadow:0 0 3px var(--color-shadow);height:14px}.phone-input__country-select__current-value .country-calling-code{color:var(--color-black)}.phone-input__country-select__popup{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 4px var(--color-shadow);display:none;overflow-y:auto;position:relative;position:fixed}.phone-input__country-select__popup__option{align-items:center;cursor:pointer;display:flex;font-weight:400;padding:10px 12px}.phone-input__country-select__popup__option>:not(:last-child){margin-right:12px}.phone-input__country-select__popup__option .PhoneInputCountryIcon{font-size:14px}.phone-input__country-select__popup__option .PhoneInputCountryIcon img{box-shadow:0 0 4px var(--color-shadow);height:1em}.phone-input__country-select__popup__option .country-calling-code{color:var(--color-secondary-text)}.phone-input__country-select__popup__option.selected{background-color:var(--color-window-bg);color:var(--color-link);pointer-events:none}.phone-input__country-select__popup__option.selected .country-calling-code{color:var(--color-secondary-text)}.phone-input__country-select__popup.popup-active{display:block;z-index:var(--z-index-inline-popup)}.phone-input input.PhoneInputInput{border:none;display:block;flex:1 1 auto;font-family:inherit;outline:none;overflow-x:hidden;padding:8px 12px}.phone-input.PhoneInput--focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-opacity-40)}.phone-input.phone-input-error{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-shadow)}.users-list-table-container{display:block;max-width:100%;overflow-x:auto;padding:24px 0;width:100%}.users-list-table{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}.users-list-table thead{color:var(--color-secondary-text);font-size:12px;line-height:14px;text-transform:uppercase}.users-list-table thead tr{border-bottom:1px solid var(--color-border)}.users-list-table thead tr th{font-weight:500;padding:0 1em 24px 34px;text-align:left;width:33%}.users-list-table tbody tr{border-bottom:1px solid var(--color-border)}.users-list-table tbody tr td{max-width:50%;padding:24px 1em 24px 34px;width:33%}.users-list-table tbody tr.empty-row td{padding:12px 0}.user-row:hover{background:#f2f7fd;cursor:pointer}.user-row .user-info{color:var(--color-secondary-text);display:flex;flex-direction:column;padding-right:16px}.user-row .user-info div{max-width:25ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row .user-info div:not(:last-child){margin-bottom:4px}.user-row .user-info .main{color:var(--color-black);cursor:pointer;font-weight:500}.user-row .user-date{min-width:110px;white-space:nowrap}.user-row.placeholder td div{-webkit-animation:blinker 2s linear infinite;animation:blinker 2s linear infinite;background-color:var(--color-loader-placeholder-bg);min-height:1em;opacity:.4;width:100%}@-webkit-keyframes blinker{50%{opacity:.1}}@keyframes blinker{50%{opacity:.1}}.user-row .user-row-select-button{align-items:center;background-color:#fff;border:1px solid var(--color-border);border-radius:4px;display:inline-flex;height:25px;justify-content:center;transition:.3s;width:25px}.user-row .user-row-select-button img{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:12px}.user-row .user-row-select-button .img-hover{display:none}.user-row .user-row-select-menu{cursor:pointer}.user-row .user-row-select-menu .user-row-select-popup{display:none;padding:20px 0 0;position:absolute;right:0;top:50%;z-index:var(--z-index-inline-popup)}.user-row .user-row-select-menu .user-row-select-popup .panel{min-width:180px;padding:8px}.user-row .user-row-select-menu .user-row-select-popup-item{align-items:center;border-radius:4px;display:inline-flex;font-weight:400;height:28px;padding:8px;transition:.3s;width:100%}.user-row .user-row-select-menu .user-row-select-popup-item span{white-space:nowrap}.user-row .user-row-select-menu .user-row-select-popup-item img{width:1em}.user-row .user-row-select-menu .user-row-select-popup-item .img-hover{display:none}.user-row .user-row-select-menu .user-row-select-popup-item.delete{color:var(--color-button-error-border)}.user-row .user-row-select-menu .user-row-select-popup-item:hover{background-color:var(--color-popup-item-hover)}.user-row .user-row-select-menu .user-row-select-popup-item:hover .img-hover{display:initial}.user-row .user-row-select-menu .user-row-select-popup-item:hover .img-normal{display:none}.user-row .user-row-select-menu .user-row-select-popup-item:hover.delete{background-color:var(--color-popup-item-delete-hover)}.user-row .user-row-select-menu:hover .user-row-select-popup{display:block}.user-row .user-row-select-menu:hover .user-row-select-button{border:1px solid var(--color-primary);box-shadow:0 0 5px var(--color-primary)}.user-row .user-row-select-menu:hover .user-row-select-button img{display:none}.user-row .user-row-select-menu:hover .user-row-select-button .img-hover{display:initial;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.user-row:last-of-type .user-row-select-popup{padding:0 40px;top:-50%}.user-list-footer{display:flex;justify-content:flex-end;left:0;padding-right:34px;padding-top:24px;position:-webkit-sticky;position:sticky}.users-list-pagination{display:flex}.users-list-pagination>:not(:last-child){margin-right:1em}.users-list-pagination .users-list-pagination-count{font-weight:500}.users-list-pagination .users-list-pagination-navigation{display:flex}.users-list-pagination .users-list-pagination-navigation>:not(:last-child){margin-right:.5em}.users-list-pagination .users-list-pagination-button{background:none;border:none}.pill{align-items:center;border-radius:20px;display:flex;padding:4px 8px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pill>:not(:last-child){margin-right:4px}.pill.passwordless{background-color:var(--color-passwordless-bg);color:var(--color-passwordless-text)}.pill.emailpassword{background-color:var(--color-emailpassword-bg);color:var(--color-emailpassword-text)}.pill.multiple{background-color:var(--color-multiple-login-bg);color:var(--color-multiple-login-text)}.pill.thirdparty{background-color:var(--color-custom-provider-bg);color:var(--color-custom-provider-text);max-width:25ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.thirdparty .thirdparty-name{max-width:10ch;overflow:inherit;text-overflow:inherit}.pill.thirdparty.google{background-color:var(--color-google-bg);color:var(--color-google-text)}.pill.thirdparty.google span{text-transform:capitalize}.pill.thirdparty.apple{background-color:var(--color-apple-bg);color:var(--color-apple-text)}.pill.thirdparty.apple span{text-transform:capitalize}.pill.thirdparty.github{background-color:var(--color-github-bg);color:var(--color-github-text)}.pill.thirdparty.github span{text-transform:capitalize}.pill.thirdparty.facebook{background-color:var(--color-facebook-bg);color:var(--color-facebook-text)}.pill.thirdparty.facebook span{text-transform:capitalize}.footer{bottom:0;display:flex;min-height:62px;padding:20px 32px;width:100%}.footer .logo{height:23px;width:151px}.footer.alignment-right{justify-content:flex-end}.footer.alignment-center{justify-content:center}.footer.vertical-center{align-items:center}.footer.vertical-bottom{align-self:flex-end}.footer.color-dark{background-color:var(--color-black)}.footer.color-dark .logo{width:148px}.footer.size-large{padding:40px 32px}.no-users{align-items:center;display:flex;flex-flow:column;padding:60px 24px}.no-users-image{height:43px;margin-bottom:24px;width:63px}.no-users-title{color:var(--color-black);font-size:18px;font-weight:500;letter-spacing:.18px;line-height:22px;margin-bottom:8px;text-align:center}.no-users .no-users-subtitle{color:var(--color-secondary-text);line-height:1.5em;max-width:54ch;padding:4px 0;text-align:center}@media only screen and (min-width:992px){.no-users{padding:60px}}.search{margin-bottom:20px}.search #search-btn{background:var(--color-white);border:1px solid var(--color-black);border-radius:6px;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:35px;line-height:17px;margin-left:10px;padding:6px 8px;z-index:1}@media screen and (max-width:768px){.search #search-btn{margin-left:0;margin-top:10px;width:100%}}.search__input_wrapper{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;display:inline-flex;height:40px;padding:9px 16px;width:340px}@media screen and (max-width:768px){.search__input_wrapper{width:100%}}.search__input_wrapper img{aspect-ratio:1;height:14px}.search__input_wrapper img:first-child{margin-bottom:3px;margin-right:10px}.search__input_wrapper img:last-child{cursor:pointer;height:22px}.search__input_wrapper.active{border:1px solid #f93;outline:2px solid rgba(255,153,51,.4)}.search__input_wrapper input{border:none;flex-grow:1;height:20px}.search__input_wrapper input:active,.search__input_wrapper input:focus,.search__input_wrapper input:focus-visible,.search__input_wrapper input:focus-within{outline:none}.search__input_wrapper input::-webkit-input-placeholder{color:rgba(34,34,34,.7);font-size:16px;font-weight:400;line-height:171%;padding-bottom:0}.search__input_wrapper input::placeholder{color:rgba(34,34,34,.7);font-size:16px;font-weight:400;line-height:171%;padding-bottom:0}.searchTag{align-items:center;display:inline-flex;margin:12px 8px 12px 0}.searchTag__value{background:#fafafa;border:1px solid #ddd;border-radius:4px;color:#000;font-size:14px;font-weight:400;margin-left:4px;padding:6px}.searchTag__value img{cursor:pointer;height:8px;margin-left:10px}.tag_dropdown{position:relative}.tag_dropdown__selector{align-items:center;background:#eee;border:1px solid #e2e2e2;border-radius:4px;color:#000;display:flex;font-size:14px;font-weight:500;padding:6px}.tag_dropdown__selector img{margin-left:10px}.tag_dropdown__selector.active{background:#fff2e1;border:1px solid #ebdfcf;border-radius:4px}.tag_dropdown__menu{background:#fff;border-radius:6px;box-shadow:0 0 8px rgba(0,0,0,.16);min-width:180px;position:absolute;top:calc(2em + 8px);z-index:999}.tag_dropdown__menu ul{list-style-type:none}.tag_dropdown__menu ul li{color:#6e6a65;display:flex;font-size:14px;font-weight:400;justify-content:space-between;margin:7px;padding:10px}.tag_dropdown__menu ul li:hover{background:#f0f0f0}.tag_dropdown__menu ul li span{align-items:baseline;display:flex}.tag_dropdown__menu ul li span img{height:15px;margin-right:11px}.copy-text{align-items:center;display:inline-flex;max-width:100%}.copy-text .copy-text-text{flex:1 1;max-width:100%;overflow-x:hidden;padding-right:4px;text-overflow:ellipsis;white-space:nowrap}.copy-text .copy-text-action{border-radius:50%;cursor:pointer;transition:.3s}.copy-text .copy-text-action:hover{background-color:var(--color-copy-box-shadow);box-shadow:0 0 0 4px var(--color-copy-box-shadow)}.copy-text .copy-text-notification{font-size:12px;position:fixed;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.copy-text .copy-text-notification span{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);margin:0 12px;white-space:nowrap}.input-field-container{display:flex;flex-flow:column;margin-bottom:24px}.input-label{color:var(--color-secondary-text);font-weight:500;margin-bottom:12px}.input-label-required{color:var(--color-error);margin:0 4px}.input-field-inset{align-items:center;border:1px solid #e0e0e0;border-radius:6px;display:flex;outline:none}.input-field{background-color:#fafafa;border:none;border-radius:6px;display:block;flex:1 1;font-family:inherit;outline:none;padding:8px 12px}.input-field:focus,.input-field:hover{background-color:#fff}.input-field-inset-focused,.input-field-inset:active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-opacity-40)}.input-field-inset-error-state,.input-field-inset-error-state:active,.input-field-inset-error-state:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-shadow)}.input-field-suffix .icon{cursor:pointer;padding:8px 12px 8px 0}.input-field-error{align-items:center;display:flex;margin-top:8pt}.input-field-error-icon{height:16px;margin-bottom:2px;margin-right:8px;width:16px}.input-field-error-text{line-height:normal!important}.user-detail-form .input-field-container:not(:last-of-type){margin-bottom:24px}.user-detail-form__header{font-size:24px}.user-detail-form__actions{display:flex;justify-content:flex-end;margin-top:24px}.user-detail-form__actions>:not(:last-child){margin-right:24px}.user-detail-form__actions button{font-weight:400;justify-content:center;padding:10px 16px}.user-detail-form p{font-size:14px;line-height:24px}.user-detail-form p span{color:#ed344e;font-weight:700}.phone-input{margin-bottom:8px;margin-top:12px}.user-delete-input-container{margin-top:8px}.dropdown{cursor:pointer;position:relative}.dropdown .trigger{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px}.dropdown .trigger.open,.dropdown .trigger:hover{background:#fff;border:1px solid #f93}.dropdown .trigger.open{outline:1px solid rgba(255,153,51,.4)}.dropdown .menu{background:#fff;border-radius:6px;box-shadow:0 0 8px 0 rgba(0,0,0,.16);display:none;padding:6px;position:absolute;right:10%;top:30px;z-index:10}.dropdown .menu div{align-items:baseline;display:flex;justify-content:flex-start;padding:6px 8px;width:160px}.dropdown .menu div img{height:14px;margin-right:10px;width:18px}.dropdown .menu div:last-child{align-items:center}.dropdown .menu div:last-child img{height:20px}.dropdown .menu div:hover{background:#f0f0f0;border-radius:4px}.dropdown .menu div:hover:last-child{background:rgba(222,35,61,.12);color:#9e2526}.dropdown .menu.open{display:block}.input{align-items:baseline;display:flex;justify-content:flex-start}.input-field-container{margin-bottom:0!important}.method{border:1px solid #ddd;border-radius:6px;margin-bottom:16px}@media screen and (max-width:900px){.method{font-size:12px}}.method .method-header{align-items:baseline;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;padding:16px 25px}.method .method-header .left{align-items:baseline;display:flex;font-size:14px;justify-content:flex-start}.method .method-header .left .user-id-span{color:#6e6a65;margin-left:15px}.method .method-header .left .user-id-span .copy-text-wrapper{border:1px solid #d9d9d9;border-radius:3px;color:#d65078;font-size:13px;margin-left:10px;padding:5px}.method .method-header .left .resp{display:none}@media screen and (max-width:900px){.method .method-header .left{gap:14px}.method .method-header .left .user-id-span{margin-left:0}.method .method-header .left .user-id-span .copy-text-wrapper{display:none}.method .method-header .left .user-id-span .copy-text-wrapper.resp{display:inline-block;margin-left:0}}.method .method-body{grid-gap:10px;align-items:center;color:#6e6a65;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:18px 27px}@media screen and (max-width:900px){.method .method-body{grid-template-columns:1fr}}.method .method-body>div{align-items:center;display:flex;font-size:14px;height:50px}@media screen and (max-width:900px){.method .method-body>div{height:37px}}.method .method-body b{color:#222;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-left:1ch}@media screen and (max-width:900px){.method .method-body b{font-size:12px}}.method .method-body .pill-container{align-items:center;display:flex;gap:8px;margin-left:12px}.send-mail-icon{cursor:pointer}.send-mail-icon>:first-child{fill:#ececec}.send-mail-icon>path{fill:#5f5f5f}.send-mail-icon>:last-child{stroke:#d2d2d2}.send-mail-icon:hover>:first-child{fill:#f93;fill-opacity:.15}.send-mail-icon:hover>path{fill:#f93}.send-mail-icon:hover>:last-child{stroke:#f93}.not-verified{background:#ececec;border:1px solid #d2d2d2;border-radius:22px;color:#252728;font-size:12px;padding:4px 10px;text-align:center}.verified{background:#c8f9d8;border:1px solid #c2ebd0;border-radius:16px;color:#125525;font-size:12px;padding:5px}.password-link{color:#007aff;cursor:pointer;font-weight:400;margin-left:6px}.password-link:hover{font-weight:500;text-decoration:underline}.save-button{background:#007aff;border:1px solid #007aff;border-radius:6px;box-shadow:0 3px 6px 0 rgba(0,122,255,.16);color:#fff;font-weight:500;padding:8px}.provider-pill{background:#f0f4f7;border-radius:4px;display:inline-flex;font-family:monospace;max-width:250px;padding:10px}@media screen and (max-width:900px){.provider-pill{display:block}}.provider-pill img{height:15px;width:15px}.cancel{font-weight:500;margin:.25rem!important;padding:6px 12px!important}.tenant-pill{background:rgba(147,53,228,.1);border:1px solid #9335e4;border-radius:30px;color:#9335e4;font-size:14px;margin-left:10px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:5px 13px}.tenant-list-container{-webkit-column-gap:16px;column-gap:16px;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:16px}.user-detail-page-loader{min-height:80vh}.full-screen-loading-overlay,.user-detail-page-loader{align-items:center;display:flex;justify-content:center}.full-screen-loading-overlay{background-color:rgba(0,0,0,.4);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.loader-container{background-color:var(--color-window-bg);border-radius:50%;display:flex;padding:2px}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#f93;height:60px;width:60px}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.user-detail{--badge-bg-color:#c5e0fd;--copy-text-color:#d65078;max-width:100vw;padding:72px 40px 48px}.user-detail.center-children{align-items:center;display:flex;flex-direction:column;justify-content:center}.user-detail.center-children .subtitle{font-size:16px;line-height:26px}.user-detail.center-children .back-button{color:var(--color-link);cursor:pointer;margin-top:16px}.user-detail__header{align-items:center;display:flex;margin-top:40px;overflow:hidden}.user-detail__header>:not(:last-child){margin-right:16px}.user-detail__header__badge{align-items:center;background-color:var(--badge-bg-color);border-radius:50%;color:var(--color-link);display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:60px;justify-content:center;text-align:center;text-transform:uppercase;width:60px}.user-detail__header__info{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.user-detail__header__info>:not(:last-child){margin-bottom:6px}.user-detail__header__title{align-items:center;display:flex;font-size:18px;font-weight:600;line-height:28px}.user-detail__header__title span{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.user-detail__header__user-id{align-items:center;display:flex;font-size:14px}.user-detail__header__user-id>:not(:last-child){margin-right:8px}.user-detail__header__user-id span{white-space:nowrap}.user-detail__header__user-id__text{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--copy-text-color);display:inline-flex;font-family:Source Code Pro;font-size:14px;font-weight:500;max-width:290px;overflow:hidden}.user-detail__header__action{align-items:center;display:flex}.user-detail .panel{margin-top:40px}.user-detail__info-grid__grid{grid-gap:40px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.user-detail__info-grid__item{display:flex;flex-wrap:wrap;font-size:14px}.user-detail__info-grid__item__label{align-items:center;color:var(--color-secondary-text);display:inline-flex;margin-bottom:12px;width:100%}.user-detail__info-grid__item__body{max-width:100%;overflow-x:hidden;overflow:visible;text-overflow:ellipsis;white-space:nowrap;white-space:normal;width:100%}.user-detail__info-grid__item__guide{align-items:center;border:1px solid var(--color-black);border-radius:50%;cursor:pointer;display:inline-flex;height:1em;justify-content:center;margin-left:6px;width:1em}.user-detail__info-grid__item__guide img{height:1em}.user-detail__info-grid__item .input-field-container{margin:0}.user-detail__info-grid__item .email-verified-button{font-weight:400;margin-left:12px}.user-detail__info-grid .phone-input,.user-detail__info-grid input{background-color:var(--color-window-bg)}.user-detail__info-grid .input-field-error{font-weight:400}.user-detail__provider-box{align-items:center;background-color:var(--color-copy-box-bg);color:var(--color-copy-box);display:inline-flex;font-size:13px;width:100%}.user-detail__provider-box>:not(:last-child){margin-right:6px}.user-detail__provider-box.block-snippet{border:none;padding-right:4px}.user-detail__provider-box>span>img{height:1em}.user-detail__provider-box__user-id{flex:1 1;overflow-x:hidden;padding:4px 4px 4px 0}.user-detail__provider-box__user-id .copy-text{width:100%}@media only screen and (min-width:909px){.user-detail{margin:0 auto;padding-left:0;padding-right:0;width:829px}}.user-detail-title{color:var(--color-black);font-size:28px;font-weight:500;line-height:34px;margin-bottom:16px}.user-detail-subtitle{color:var(--color-secondary-text);margin-bottom:48px}.user-detail-paper{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;max-width:100%;width:100%}.user-detail .block-info-connection{margin-bottom:24px}.pill{margin-top:4px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! +@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500&display=swap);.phone-display{align-items:flex-start;display:flex}.phone-display>:not(:last-child){margin-right:5px}.phone-input{align-items:center;border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden;width:100%}.phone-input__country-select{display:inline-flex;flex-direction:column;font-weight:400}.phone-input__country-select__current-value{align-items:center;cursor:pointer;display:inline-flex;padding-left:12px}.phone-input__country-select__current-value>:not(:last-child){margin-right:8px}.phone-input__country-select__current-value .PhoneInputCountryIcon img{box-shadow:0 0 3px var(--color-shadow);height:14px}.phone-input__country-select__current-value .country-calling-code{color:var(--color-black)}.phone-input__country-select__popup{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 4px var(--color-shadow);display:none;overflow-y:auto;position:relative;position:fixed}.phone-input__country-select__popup__option{align-items:center;cursor:pointer;display:flex;font-weight:400;padding:10px 12px}.phone-input__country-select__popup__option>:not(:last-child){margin-right:12px}.phone-input__country-select__popup__option .PhoneInputCountryIcon{font-size:14px}.phone-input__country-select__popup__option .PhoneInputCountryIcon img{box-shadow:0 0 4px var(--color-shadow);height:1em}.phone-input__country-select__popup__option .country-calling-code{color:var(--color-secondary-text)}.phone-input__country-select__popup__option.selected{background-color:var(--color-window-bg);color:var(--color-link);pointer-events:none}.phone-input__country-select__popup__option.selected .country-calling-code{color:var(--color-secondary-text)}.phone-input__country-select__popup.popup-active{display:block;z-index:var(--z-index-inline-popup)}.phone-input input.PhoneInputInput{border:none;display:block;flex:1 1 auto;font-family:inherit;outline:none;overflow-x:hidden;padding:8px 12px}.phone-input.PhoneInput--focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-opacity-40)}.phone-input.phone-input-error{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-shadow)}.users-list-table-container{display:block;max-width:100%;overflow-x:auto;padding:24px 0;width:100%}.users-list-table{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}.users-list-table thead{color:var(--color-secondary-text);font-size:12px;line-height:14px;text-transform:uppercase}.users-list-table thead tr{border-bottom:1px solid var(--color-border)}.users-list-table thead tr th{font-weight:500;padding:0 1em 24px 34px;text-align:left;width:33%}.users-list-table tbody tr{border-bottom:1px solid var(--color-border)}.users-list-table tbody tr td{max-width:50%;padding:24px 1em 24px 34px;width:33%}.users-list-table tbody tr.empty-row td{padding:12px 0}.user-row:hover{background:#f2f7fd;cursor:pointer}.user-row .user-info{color:var(--color-secondary-text);display:flex;flex-direction:column;padding-right:16px}.user-row .user-info div{max-width:25ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row .user-info div:not(:last-child){margin-bottom:4px}.user-row .user-info .main{color:var(--color-black);cursor:pointer;font-weight:500}.user-row .user-date{min-width:110px;white-space:nowrap}.user-row.placeholder td div{-webkit-animation:blinker 2s linear infinite;animation:blinker 2s linear infinite;background-color:var(--color-loader-placeholder-bg);min-height:1em;opacity:.4;width:100%}.user-row .user-row-select-button{align-items:center;background-color:#fff;border:1px solid var(--color-border);border-radius:4px;display:inline-flex;height:25px;justify-content:center;transition:.3s;width:25px}.user-row .user-row-select-button img{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:12px}.user-row .user-row-select-button .img-hover{display:none}.user-row .user-row-select-menu{cursor:pointer}.user-row .user-row-select-menu .user-row-select-popup{display:none;padding:20px 0 0;position:absolute;right:0;top:50%;z-index:var(--z-index-inline-popup)}.user-row .user-row-select-menu .user-row-select-popup .panel{min-width:180px;padding:8px}.user-row .user-row-select-menu .user-row-select-popup-item{align-items:center;border-radius:4px;display:inline-flex;font-weight:400;height:28px;padding:8px;transition:.3s;width:100%}.user-row .user-row-select-menu .user-row-select-popup-item span{white-space:nowrap}.user-row .user-row-select-menu .user-row-select-popup-item img{width:1em}.user-row .user-row-select-menu .user-row-select-popup-item .img-hover{display:none}.user-row .user-row-select-menu .user-row-select-popup-item.delete{color:var(--color-button-error-border)}.user-row .user-row-select-menu .user-row-select-popup-item:hover{background-color:var(--color-popup-item-hover)}.user-row .user-row-select-menu .user-row-select-popup-item:hover .img-hover{display:initial}.user-row .user-row-select-menu .user-row-select-popup-item:hover .img-normal{display:none}.user-row .user-row-select-menu .user-row-select-popup-item:hover.delete{background-color:var(--color-popup-item-delete-hover)}.user-row .user-row-select-menu:hover .user-row-select-popup{display:block}.user-row .user-row-select-menu:hover .user-row-select-button{border:1px solid var(--color-primary);box-shadow:0 0 5px var(--color-primary)}.user-row .user-row-select-menu:hover .user-row-select-button img{display:none}.user-row .user-row-select-menu:hover .user-row-select-button .img-hover{display:initial;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.user-row:last-of-type .user-row-select-popup{padding:0 40px;top:-50%}.user-list-footer{display:flex;justify-content:flex-end;left:0;padding-right:34px;padding-top:24px;position:-webkit-sticky;position:sticky}.users-list-pagination{display:flex}.users-list-pagination>:not(:last-child){margin-right:1em}.users-list-pagination .users-list-pagination-count{font-weight:500}.users-list-pagination .users-list-pagination-navigation{display:flex}.users-list-pagination .users-list-pagination-navigation>:not(:last-child){margin-right:.5em}.users-list-pagination .users-list-pagination-button{background:none;border:none}.pill{align-items:center;border-radius:20px;display:flex;padding:4px 8px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pill>:not(:last-child){margin-right:4px}.pill.passwordless{background-color:var(--color-passwordless-bg);color:var(--color-passwordless-text)}.pill.emailpassword{background-color:var(--color-emailpassword-bg);color:var(--color-emailpassword-text)}.pill.multiple{background-color:var(--color-multiple-login-bg);color:var(--color-multiple-login-text)}.pill.thirdparty{background-color:var(--color-custom-provider-bg);color:var(--color-custom-provider-text);max-width:25ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.thirdparty .thirdparty-name{max-width:10ch;overflow:inherit;text-overflow:inherit}.pill.thirdparty.google{background-color:var(--color-google-bg);color:var(--color-google-text)}.pill.thirdparty.google span{text-transform:capitalize}.pill.thirdparty.apple{background-color:var(--color-apple-bg);color:var(--color-apple-text)}.pill.thirdparty.apple span{text-transform:capitalize}.pill.thirdparty.github{background-color:var(--color-github-bg);color:var(--color-github-text)}.pill.thirdparty.github span{text-transform:capitalize}.pill.thirdparty.facebook{background-color:var(--color-facebook-bg);color:var(--color-facebook-text)}.pill.thirdparty.facebook span{text-transform:capitalize}.no-users{align-items:center;display:flex;flex-flow:column;padding:60px 24px}.no-users-image{height:43px;margin-bottom:24px;width:63px}.no-users-title{color:var(--color-black);font-size:18px;font-weight:500;letter-spacing:.18px;line-height:22px;margin-bottom:8px;text-align:center}.no-users .no-users-subtitle{color:var(--color-secondary-text);line-height:1.5em;max-width:54ch;padding:4px 0;text-align:center}@media only screen and (min-width:992px){.no-users{padding:60px}}.search{margin-bottom:20px}.search #search-btn{background:var(--color-white);border:1px solid var(--color-black);border-radius:6px;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:500;height:35px;line-height:17px;margin-left:10px;padding:6px 8px;z-index:1}@media screen and (max-width:768px){.search #search-btn{margin-left:0;margin-top:10px;width:100%}}.search__input_wrapper{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;display:inline-flex;height:40px;padding:9px 16px;width:340px}@media screen and (max-width:768px){.search__input_wrapper{width:100%}}.search__input_wrapper img{aspect-ratio:1;height:14px}.search__input_wrapper img:first-child{margin-bottom:3px;margin-right:10px}.search__input_wrapper img:last-child{cursor:pointer;height:22px}.search__input_wrapper.active{border:1px solid #f93;outline:2px solid rgba(255,153,51,.4)}.search__input_wrapper input{border:none;flex-grow:1;height:20px}.search__input_wrapper input:active,.search__input_wrapper input:focus,.search__input_wrapper input:focus-visible,.search__input_wrapper input:focus-within{outline:none}.search__input_wrapper input::-webkit-input-placeholder{color:rgba(34,34,34,.7);font-size:16px;font-weight:400;line-height:171%;padding-bottom:0}.search__input_wrapper input::placeholder{color:rgba(34,34,34,.7);font-size:16px;font-weight:400;line-height:171%;padding-bottom:0}.searchTag{align-items:center;display:inline-flex;margin:12px 8px 12px 0}.searchTag__value{background:#fafafa;border:1px solid #ddd;border-radius:4px;color:#000;font-size:14px;font-weight:400;margin-left:4px;padding:6px}.searchTag__value img{cursor:pointer;height:8px;margin-left:10px}.tag_dropdown{position:relative}.tag_dropdown__selector{align-items:center;background:#eee;border:1px solid #e2e2e2;border-radius:4px;color:#000;display:flex;font-size:14px;font-weight:500;padding:6px}.tag_dropdown__selector img{margin-left:10px}.tag_dropdown__selector.active{background:#fff2e1;border:1px solid #ebdfcf;border-radius:4px}.tag_dropdown__menu{background:#fff;border-radius:6px;box-shadow:0 0 8px rgba(0,0,0,.16);min-width:180px;position:absolute;top:calc(2em + 8px);z-index:999}.tag_dropdown__menu ul{list-style-type:none}.tag_dropdown__menu ul li{color:#6e6a65;display:flex;font-size:14px;font-weight:400;justify-content:space-between;margin:7px;padding:10px}.tag_dropdown__menu ul li:hover{background:#f0f0f0}.tag_dropdown__menu ul li span{align-items:baseline;display:flex}.tag_dropdown__menu ul li span img{height:15px;margin-right:11px}.copy-text{align-items:center;display:inline-flex;max-width:100%}.copy-text .copy-text-text{flex:1 1;max-width:100%;overflow-x:hidden;padding-right:4px;text-overflow:ellipsis;white-space:nowrap}.copy-text .copy-text-action{border-radius:50%;cursor:pointer;transition:.3s}.copy-text .copy-text-action:hover{background-color:var(--color-copy-box-shadow);box-shadow:0 0 0 4px var(--color-copy-box-shadow)}.copy-text .copy-text-notification{font-size:12px;position:fixed;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.copy-text .copy-text-notification span{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);margin:0 12px;white-space:nowrap}.input-field-container{display:flex;flex-flow:column;margin-bottom:24px}.input-label{color:var(--color-secondary-text);font-weight:500;margin-bottom:12px}.input-label-required{color:var(--color-error);margin:0 4px}.input-field-inset{align-items:center;border:1px solid #e0e0e0;border-radius:6px;display:flex;outline:none}.input-field{background-color:#fafafa;border:none;border-radius:6px;display:block;flex:1 1;font-family:inherit;outline:none;padding:8px 12px}.input-field:focus,.input-field:hover{background-color:#fff}.input-field-inset-focused,.input-field-inset:active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-opacity-40)}.input-field-inset-error-state,.input-field-inset-error-state:active,.input-field-inset-error-state:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-shadow)}.input-field-suffix .icon{cursor:pointer;padding:8px 12px 8px 0}.input-field-error{align-items:center;display:flex;margin-top:8pt}.input-field-error-icon{height:16px;margin-bottom:2px;margin-right:8px;width:16px}.input-field-error-text{line-height:normal!important}.user-detail-form .input-field-container:not(:last-of-type){margin-bottom:24px}.user-detail-form__header{font-size:24px}.user-detail-form__actions{display:flex;justify-content:flex-end;margin-top:24px}.user-detail-form__actions>:not(:last-child){margin-right:24px}.user-detail-form__actions button{font-weight:400;justify-content:center;padding:10px 16px}.user-detail-form p{font-size:14px;line-height:24px}.user-detail-form p span{color:#ed344e;font-weight:700}.phone-input{margin-bottom:8px;margin-top:12px}.user-delete-input-container{margin-top:8px}.dropdown{cursor:pointer;position:relative}.dropdown .trigger{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px}.dropdown .trigger.open,.dropdown .trigger:hover{background:#fff;border:1px solid #f93}.dropdown .trigger.open{outline:1px solid rgba(255,153,51,.4)}.dropdown .menu{background:#fff;border-radius:6px;box-shadow:0 0 8px 0 rgba(0,0,0,.16);display:none;padding:6px;position:absolute;right:10%;top:30px;z-index:10}.dropdown .menu div{align-items:baseline;display:flex;justify-content:flex-start;padding:6px 8px;width:160px}.dropdown .menu div img{height:14px;margin-right:10px;width:18px}.dropdown .menu div:last-child{align-items:center}.dropdown .menu div:last-child img{height:20px}.dropdown .menu div:hover{background:#f0f0f0;border-radius:4px}.dropdown .menu div:hover:last-child{background:rgba(222,35,61,.12);color:#9e2526}.dropdown .menu.open{display:block}.input{align-items:baseline;display:flex;justify-content:flex-start}.input-field-container{margin-bottom:0!important}.method{border:1px solid #ddd;border-radius:6px;margin-bottom:16px}@media screen and (max-width:900px){.method{font-size:12px}}.method .method-header{align-items:baseline;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;padding:16px 25px}.method .method-header .left{align-items:baseline;display:flex;font-size:14px;justify-content:flex-start}.method .method-header .left .user-id-span{color:#6e6a65;margin-left:15px}.method .method-header .left .user-id-span .copy-text-wrapper{border:1px solid #d9d9d9;border-radius:3px;color:#d65078;font-size:13px;margin-left:10px;padding:5px}.method .method-header .left .resp{display:none}@media screen and (max-width:900px){.method .method-header .left{gap:14px}.method .method-header .left .user-id-span{margin-left:0}.method .method-header .left .user-id-span .copy-text-wrapper{display:none}.method .method-header .left .user-id-span .copy-text-wrapper.resp{display:inline-block;margin-left:0}}.method .method-body{grid-gap:10px;align-items:center;color:#6e6a65;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:18px 27px}@media screen and (max-width:900px){.method .method-body{grid-template-columns:1fr}}.method .method-body>div{align-items:center;display:flex;font-size:14px;height:50px}@media screen and (max-width:900px){.method .method-body>div{height:37px}}.method .method-body b{color:#222;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-left:1ch}@media screen and (max-width:900px){.method .method-body b{font-size:12px}}.method .method-body .pill-container{align-items:center;display:flex;gap:8px;margin-left:12px}@media(max-width:480px){.method .method-header{padding:16px 8px}.method .method-body{padding:18px 8px}.method .left{flex-direction:column}}.send-mail-icon{cursor:pointer}.send-mail-icon>:first-child{fill:#ececec}.send-mail-icon>path{fill:#5f5f5f}.send-mail-icon>:last-child{stroke:#d2d2d2}.send-mail-icon:hover>:first-child{fill:#f93;fill-opacity:.15}.send-mail-icon:hover>path{fill:#f93}.send-mail-icon:hover>:last-child{stroke:#f93}.not-verified{background:#ececec;border:1px solid #d2d2d2;border-radius:22px;color:#252728;font-size:12px;padding:4px 10px;text-align:center}.verified{background:#c8f9d8;border:1px solid #c2ebd0;border-radius:16px;color:#125525;font-size:12px;padding:5px}.password-link{color:#007aff;cursor:pointer;font-weight:400;margin-left:6px}.password-link:hover{font-weight:500;text-decoration:underline}.save-button{background:#007aff;border:1px solid #007aff;border-radius:6px;box-shadow:0 3px 6px 0 rgba(0,122,255,.16);color:#fff;font-weight:500;padding:8px}.provider-pill{background:#f0f4f7;border-radius:4px;display:inline-flex;font-family:monospace;max-width:250px;padding:10px}@media screen and (max-width:900px){.provider-pill{display:block}}.provider-pill img{height:15px;width:15px}.cancel{font-weight:500;margin:.25rem!important;padding:6px 12px!important}.tenant-pill{background:rgba(147,53,228,.1);border:1px solid #9335e4;border-radius:30px;color:#9335e4;font-size:14px;margin-left:10px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:5px 13px}.tenant-list-container{-webkit-column-gap:16px;column-gap:16px;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:16px}.user-detail-page-loader{min-height:80vh}.full-screen-loading-overlay,.user-detail-page-loader{align-items:center;display:flex;justify-content:center}.full-screen-loading-overlay{background-color:rgba(0,0,0,.4);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.loader-container{background-color:var(--color-window-bg);border-radius:50%;display:flex;padding:2px}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#f93;height:60px;width:60px}.user-detail{--badge-bg-color:#c5e0fd;--copy-text-color:#d65078;margin:auto;max-width:var(--container-width);padding:72px 40px 48px}.user-detail.center-children{align-items:center;display:flex;flex-direction:column;justify-content:center}.user-detail.center-children .subtitle{font-size:16px;line-height:26px}.user-detail.center-children .back-button{color:var(--color-link);cursor:pointer;margin-top:16px}.user-detail__header{align-items:center;display:flex;margin-top:40px;overflow:hidden}.user-detail__header>:not(:last-child){margin-right:16px}.user-detail__header__badge{align-items:center;background-color:var(--badge-bg-color);border-radius:50%;color:var(--color-link);display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:60px;justify-content:center;text-align:center;text-transform:uppercase;width:60px}.user-detail__header__info{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.user-detail__header__info>:not(:last-child){margin-bottom:6px}.user-detail__header__title{align-items:center;display:flex;font-size:18px;font-weight:600;line-height:28px}.user-detail__header__title span{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.user-detail__header__user-id{align-items:center;display:flex;font-size:14px}.user-detail__header__user-id>:not(:last-child){margin-right:8px}.user-detail__header__user-id span{white-space:nowrap}.user-detail__header__user-id__text{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--copy-text-color);display:inline-flex;font-family:Source Code Pro;font-size:14px;font-weight:500;max-width:290px;overflow:hidden}.user-detail__header__action{align-items:center;display:flex}.user-detail .panel{margin-top:40px}.user-detail__info-grid__grid{grid-gap:40px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.user-detail__info-grid__item{display:flex;flex-wrap:wrap;font-size:14px}.user-detail__info-grid__item__label{align-items:center;color:var(--color-secondary-text);display:inline-flex;margin-bottom:12px;width:100%}.user-detail__info-grid__item__body{max-width:100%;overflow-x:hidden;overflow:visible;text-overflow:ellipsis;white-space:nowrap;white-space:normal;width:100%}.user-detail__info-grid__item__guide{align-items:center;border:1px solid var(--color-black);border-radius:50%;cursor:pointer;display:inline-flex;height:1em;justify-content:center;margin-left:6px;width:1em}.user-detail__info-grid__item__guide img{height:1em}.user-detail__info-grid__item .input-field-container{margin:0}.user-detail__info-grid__item .email-verified-button{font-weight:400;margin-left:12px}.user-detail__info-grid .phone-input,.user-detail__info-grid input{background-color:var(--color-window-bg)}.user-detail__info-grid .input-field-error{font-weight:400}.user-detail__provider-box{align-items:center;background-color:var(--color-copy-box-bg);color:var(--color-copy-box);display:inline-flex;font-size:13px;width:100%}.user-detail__provider-box>:not(:last-child){margin-right:6px}.user-detail__provider-box.block-snippet{border:none;padding-right:4px}.user-detail__provider-box>span>img{height:1em}.user-detail__provider-box__user-id{flex:1 1;overflow-x:hidden;padding:4px 4px 4px 0}.user-detail__provider-box__user-id .copy-text{width:100%}.user-detail-title{color:var(--color-black);font-size:28px;font-weight:500;line-height:34px;margin-bottom:16px}.user-detail-subtitle{color:var(--color-secondary-text);margin-bottom:48px}.user-detail-paper{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;max-width:100%;width:100%}.user-detail .block-info-connection{margin-bottom:24px}.pill{margin-top:4px}@media(max-width:425px){.user-detail{padding:72px 12px 48px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! Theme: An Old Hope – Star Wars Syntax Author: (c) Gustavo Costa Maintainer: @gusbemacbe @@ -6,5 +6,5 @@ Original theme - Ocean Dark Theme – by https://github.com/gavsiu Based on Jesse Leite's Atom syntax theme 'An Old Hope' https://github.com/JesseLeite/an-old-hope-syntax-atom -*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.button-root{cursor:pointer}.padding-vertical-24{padding-bottom:24px!important;padding-top:24px!important}.metadata-header{border-bottom:1px solid var(--color-border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:24px;width:100%}.metadata-header .title{color:var(--color-secondary-text);font-weight:500}.metadata-header .metadata-actions{display:flex;flex-direction:row}.metadata-header .metadata-actions>:not(:last-child){margin-right:16px}.metadata-content-container{background:#0d2e4e;border-radius:6px;margin-top:22px;overflow-x:auto;padding:15px 28px;white-space:pre}.metadata-content-container .hljs{background:#0d2e4e;font-size:13px;font-weight:400;line-height:21px;padding:0!important}.metadata-edit-box{background-color:var(--color-window-bg);border:1px solid #e0e0e0;border-radius:6px;margin-top:24px;max-width:100%;min-height:200px;min-width:100%;padding:4px}.panel.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.content-container{padding-bottom:24px;padding-top:24px;width:100%}.content-container .header{align-items:center;color:var(--color-secondary-text);display:flex;flex-direction:row;justify-content:space-between;padding-left:34px;padding-right:34px}@media only screen and (max-width:600px){.content-container .header{align-items:flex-start;flex-direction:column}}.content-container .header .header-primary{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:500}@media only screen and (max-width:600px){.content-container .header .header-primary{align-items:flex-start;flex-direction:column}}.content-container .header .header-secondary{font-size:12px;font-weight:400;margin-left:4px}@media only screen and (max-width:600px){.content-container .header .header-secondary{margin-left:0;margin-top:2px}}.content-container .header .button-error{font-weight:500}@media only screen and (max-width:600px){.content-container .header .button-error{margin-top:12px}}.content-container .table-container{display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:18px;max-width:100%;overflow-x:scroll;width:100%}.content-container .table{border-collapse:collapse;border-spacing:0;display:table;max-width:100%;width:100%}.content-container .table .thead{color:var(--color-black);font-size:12px;line-height:14px;text-transform:uppercase}.content-container .table .thead .head-row{background:#fafafa;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:15px 34px}.content-container .table .thead .head-row th{font-weight:500;padding:15px 35px;text-align:center;white-space:nowrap}.content-container .table .thead .head-row th:last-child{padding-right:34px}.content-container .table .thead .head-row .w30{padding-left:34px;text-align:left}.content-container .table tbody{padding-left:34px;padding-right:34px}.content-container .table tbody .placeholder{display:flex}.content-container .table tbody .session-info{display:flex;margin-left:34px;margin-right:34px;width:100%}.content-container .table tbody .session-row{margin-left:34px;margin-right:34px;margin-top:29px}.content-container .table tbody .session-row.empty-row{display:flex}.content-container .table tbody .session-row.with-data td{color:var(--color-secondary-text);font-size:14px;font-weight:400;height:1px;min-height:28px;padding-left:35px;padding-right:35px;padding-top:29px;text-align:center;white-space:nowrap;width:23.3333333333%}.content-container .table tbody .session-row.with-data td span{background-color:var(--color-copy-box-bg);border-radius:4px;display:flex;padding:7px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-container .table tbody .session-row.with-data td .button-error-outline{display:block}.content-container .table tbody .session-row.with-data td.session-id{font-family:Source Code Pro;font-weight:500}.content-container .table tbody .session-row.with-data td:last-child{padding-right:34px}.content-container .table tbody .session-row.with-data .w30{padding-left:34px;text-align:left}.users-list{max-width:100vw;padding:72px 40px 48px}.users-list-title{color:var(--color-black);font-size:28px;font-weight:500;line-height:34px;margin-bottom:16px}.users-list-title .pill.paid-feature-badge{background-color:var(--color-badge-bg);border-radius:6px;color:var(--color-badge);display:inline-block;font-size:14px;line-height:1.1;margin-top:0;vertical-align:middle}.users-list-subtitle{color:var(--color-secondary-text);margin-bottom:48px}.users-list-paper{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;max-width:100%;width:100%}.users-list .block-info-connection{margin-bottom:24px}.tenant-list-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#222;font-size:14px;min-width:200px;padding:9px 13px}.tenant-id-container{align-items:center;display:flex;margin-bottom:16px}.tenant-id-title{font-size:16px;font-weight:500;margin-right:8px}@media only screen and (min-width:909px){.users-list{margin:0 auto;padding-left:0;padding-right:0;width:829px}}button#sign-out-btn{background:var(--color-white);border:1px solid var(--color-black);border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;line-height:17px;padding:6px 8px;position:absolute;right:60px;top:24px;z-index:1}.auth-container{align-items:center;background-image:var(--auth-background-portrait);background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column;height:100vh;justify-content:center;width:100vw}@media only screen and (min-width:600px){.auth-container{background-image:var(--auth-background)}}.auth-container .block-container{margin:32px auto;max-width:320px}.auth-container .block-container.forgot-password,.auth-container .block-container.sign-up{max-width:460px}@media only screen and (min-width:600px){.auth-container .block-container{max-width:450px}.auth-container .block-container.forgot-password,.auth-container .block-container.sign-up{max-width:760px;width:max(600px,41vw)}}.auth-container .text-title{margin-bottom:8px}.auth-container .text-label{margin-bottom:16px}.auth-container label{-webkit-margin-after:7px;display:inline-block;font-size:14px;font-weight:500;margin-block-end:7px}.block-container hr{border-bottom:none;border-top:1px solid #ddd;margin-block:24px}.block-container .link{color:var(--color-link);cursor:pointer}.block-container .link:hover{text-decoration:underline}form .input-field-inset:not(.input-field-inset-focused) input{background-color:var(--color-input-unfocused)}.error-response-container{font-size:14px}.cta-container{align-items:center;display:flex;justify-content:space-between}.cta-container .secondary-cta-btn{font-family:inherit;font-size:14px}.cta-container .secondary-cta-btn.forgot-btn{text-decoration:underline}.cta-container img.back-chevron{-webkit-margin-end:6px;margin-inline-end:6px}.margin-top-16{margin-top:16px}.command-container{border:1px solid var(--color-border-command);border-radius:6px;display:flex;margin-block:24px 18px;padding-block:6px;padding-inline:8px 4px;white-space:break-spaces}.command-container>:not(:last-child){margin-right:12px}.command-container .clipboard-btn-container{border-radius:50%;cursor:pointer;height:24px;min-width:24px;transition:all .1s ease-in-out}.command-container .clipboard-btn-container:hover{background:hsla(0,0%,85%,.6)}.command-container .clipboard-btn-container .clipboard-icon{height:14px;width:12px}.command-container code.command{color:var(--color-command);flex:1 1;font-size:13px;line-height:1.6;max-height:160px;overflow-y:scroll;word-break:break-word}.command-container code.command .hljs-string{color:inherit}.command-container .tooltip-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.command-container .tooltip-container .tooltip-container__popup{padding:3px 8px}.error-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.error-container .block-container{margin:32px auto;max-width:560px;text-align:center}.error-container .block-container .text-title{font-size:24px;line-height:normal;margin-top:8px}.error-container .block-container .title-image{margin-left:auto;margin-right:auto}.error-container .block-container p{letter-spacing:.14px;margin-top:12px}.notification{-webkit-animation:notificationScale .3s;animation:notificationScale .3s;background-color:var(--color-window-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 0 6px var(--color-shadow);display:flex;font-size:14px;line-height:24px;padding:16px;transition:.3s}.notification>:not(:last-child){margin-right:8px}.notification__icon{align-items:center;display:flex}.notification__icon img{height:16px}.notification__info{flex:1 1;font-weight:500;max-width:300px;padding-right:24px;white-space:wrap}.notification__close{align-items:center;display:flex}.notification__close svg{cursor:pointer;width:8px}.notification.notification-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);box-shadow:0 0 6px var(--color-info-shadow);color:var(--color-info)}.notification.notification-info svg{stroke:var(--color-info)}.notification.notification-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);box-shadow:0 0 6px var(--color-error-shadow);color:var(--color-error)}.notification.notification-error svg{stroke:var(--color-error)}.notification.notification-success{background-color:var(--color-success-bg);border-color:var(--color-border-success);box-shadow:0 0 6px var(--color-success-shadow);color:var(--color-success)}.notification.notification-success svg{stroke:var(--color-success)}.notification-container{display:flex;flex-direction:column;justify-content:flex-end;max-height:100vh;padding:0 20px;position:fixed;right:0;top:78px;transition:.3s;width:-webkit-max-content;width:max-content}.notification-container>:not(:last-child){margin-bottom:16px}@-webkit-keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-black);font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Menlo,Source Code Pro,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;position:relative}#root{background-color:var(--color-window-bg);display:flex;flex-direction:column;min-height:100vh;min-width:100%}#root>*{flex:1 1}#root>.footer{flex:0 1}a[href],button:not(:disabled){cursor:pointer}button:disabled{opacity:.5;pointer-events:none}body{--color-primary:#f93;--color-primary-opacity-40:rgba(255,153,51,.4);--color-primary-darker:#ff8000;--color-white:#fff;--color-black:#222;--color-window-bg:#f8f8f8;--color-loader-placeholder-bg:hsla(33,4%,41%,.4);--color-shadow:rgba(0,0,0,.16);--color-container-shadow:rgba(0,0,0,.16);--color-error-shadow:rgba(158,37,38,.16);--color-error-bg:#fdf0f1;--color-info-shadow:rgba(158,37,38,.16);--color-info-bg:#ebf5ff;--color-success-bg:#f1faf7;--color-success-shadow:rgba(4,84,62,.16);--color-link:#007aff;--color-input-unfocused:#fafafa;--color-badge-bg:#fff2ca;--color-border:#e5e5e5;--color-border-error:#ef7977;--color-border-info:#97bdfa;--color-border-success:#49c899;--color-border-command:#ddd;--color-secondary-text:#6e6a65;--color-error:#9e2526;--color-info:#1f5adb;--color-success:#04543e;--color-command:#d65078;--color-badge:#dc8d0d;--color-emailpassword-bg:#ddfcf7;--color-emailpassword-text:#006a5b;--color-passwordless-bg:#ffeaf7;--color-passwordless-text:#a8115a;--color-multiple-login-text:#9f7013;--color-multiple-login-bg:#fff6c5;--color-google-bg:#f1deff;--color-google-text:#5c3f79;--color-github-bg:#deffee;--color-github-text:#096c38;--color-facebook-bg:#e3ebff;--color-facebook-text:#154bdd;--color-apple-bg:#e5edff;--color-apple-text:#0b1c45;--color-custom-provider-bg:#e4e0ff;--color-custom-provider-text:#5425b0;--color-copy-box:#536579;--color-copy-box-bg:#f0f4f7;--color-copy-box-shadow:rgba(83,101,121,.2);--color-button-error:#ed344e;--color-button-error-border:#de233d;--color-button-error-disabled:#ddd;--color-button-error-hover:#de233d;--z-index-inline-popup:1;--z-index-modal-popup:10;--color-popup-item-hover:#f0f0f0;--color-popup-item-delete-hover:rgba(222,35,61,.12);--color-button-outline-hover:#fafafa}@supports (color:rgb(0 0 0/0)){body{--color-link:#0076ff}}[data-theme=dark]{--color-black:#fff;--color-white:#222;--color-window-bg:#4a4a4a;--color-secondary-text:#ddd}.full-width,.panel{width:100%}.panel{background-color:var(--color-white);border-radius:12px;box-shadow:0 0 6px var(--color-shadow);display:block;max-width:100%;padding:0 40px}@media screen and (max-width:900px){.panel{padding:0 20px}}.panel__header{align-items:center;display:flex;font-size:14px;justify-content:space-between;min-height:64px;padding:16px 0}.panel__header .title{color:var(--color-secondary-text);flex:1 1;font-size:14px;font-weight:600;text-transform:uppercase}.panel__header .actions{display:inline-flex}.panel__header .actions>:not(:last-child){margin-right:16px}.panel__header.with-border{border-bottom:1px solid var(--color-border)}.panel__body{padding:24px 0 18px}.layout-modal{background:none;display:block;height:100vw;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:var(--z-index-modal-popup)}.layout-modal__backdrop{background-color:var(--color-black);display:block;height:100%;opacity:.4;pointer-events:all;width:100%}.layout-modal__container{display:flex;height:100%;position:relative;width:100%}.layout-modal__close{align-items:flex-start;display:flex;height:32px;justify-content:flex-end}.layout-modal__close>div{align-items:center;background-color:var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:1em;justify-content:center;padding:6px;width:1em}.layout-modal__close>div>img{width:8px}.layout-modal .panel{left:50vw;margin:0 auto;max-height:calc(100vh - 32px);max-width:calc(100vh - 32px);padding-bottom:16px;padding-top:16px;pointer-events:all;position:absolute;top:50vh;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:470px;z-index:1}.layout-modal .panel__header{align-items:flex-end}.layout-modal-trigger{cursor:pointer;display:inline-block}.block-container{background-color:var(--color-white);border-radius:18pt;box-shadow:1px 1px 6px var(--color-container-shadow);display:flex;flex-flow:column;padding:32px 18px;width:calc(100% - 32px)}@media only screen and (min-width:992px){.block-container{padding:32px 48px}}.block-snippet-small{border:1px solid var(--color-border);border-radius:2px;padding:2px 4px}.block-snippet{padding:3px 8px}.block-snippet,.block-snippet-large{border:1px solid var(--color-border);border-radius:4px}.block-snippet-large{padding:6px 8px}.block-small{border-radius:6px;padding:8px 12px}.block-medium{border-radius:6pt;border-style:solid;border-width:1px;box-shadow:0 0 6px var(--color-shadow);margin:4px 0;padding:20px 16px}.block-medium p{line-height:23px}.block-medium p:not(:last-child){margin-bottom:16px}@media only screen and (min-width:600px){.block-medium p:not(:last-child){margin-bottom:6px}}.block-large{border-radius:24px;box-shadow:1px 1px 60px var(--color-container-shadow);padding:32px}.block-large p{letter-spacing:.14px;line-height:21px}@media only screen and (min-width:768px){.block-large{padding:32px 48px}}.block-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);color:var(--color-error)}.block-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);color:var(--color-info)}.button:not(.flat){align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary-darker);border-radius:6px;box-shadow:0 0 5px 0 rgba(0,0,0,.15);color:var(--color-white);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;line-height:16px;padding:8px 16px}.button:not(.flat)>:not(:last-child){margin-right:.75em}.button:not(.flat).small{font-weight:400;padding:6px 8px}.button.flat,button.flat{background:none;border:none;color:var(--color-secondary-text);display:inline;font-size:inherit;font-weight:600;margin:0;padding:0}.button.flat>:not(:last-child),button.flat>:not(:last-child){margin-right:8px}.button.button-error,button.button-error{background:var(--color-button-error);border:none;color:var(--color-white);display:inline;font-size:inherit;margin:0;transition:background-color .3s}.button.button-error>:not(:last-child),button.button-error>:not(:last-child){margin-right:8px}.button.button-error:disabled,button.button-error:disabled{background-color:var(--color-button-error-disabled)}.button.button-error:hover,button.button-error:hover{background-color:var(--color-button-error-hover)}.button.button-error-outline,button.button-error-outline{background-color:transparent;border-color:var(--color-button-error);border-style:solid;border-width:1;box-shadow:none;color:var(--color-button-error);display:inline;font-size:inherit;margin:0;transition:background-color .3s}.button.button-error-outline>:not(:last-child),button.button-error-outline>:not(:last-child){margin-right:8px}.button.button-error-outline:disabled,button.button-error-outline:disabled{border-color:var(--color-button-error-disabled)}.button.button-error-outline:hover,button.button-error-outline:hover{background-color:var(--color-button-outline-hover)}.button.outline,button.outline{background:none;border-color:var(--color-secondary-text);box-shadow:none;color:var(--color-secondary-text);font-weight:500!important;transition:background-color .3s}.button.outline:hover,button.outline:hover{background-color:var(--color-button-outline-hover);box-shadow:inherit}.button.link,a,button.link{color:var(--color-link)}.button.link:not(.flat),a:not(.flat),button.link:not(.flat){border-color:var(--color-link)}.button.link:not(.flat):hover,a:not(.flat):hover,button.link:not(.flat):hover{background-color:var(--color-button-outline-hover)}.footer a:hover{background-color:transparent}.text-title{font-size:24px;font-weight:600;letter-spacing:.24px;line-height:40px}.text-small{font-size:14px;line-height:16px}.text-medium{font-size:16px;line-height:16px}.text-large{font-size:18px;line-height:16px}.text-bold{font-weight:600}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-black{color:var(--color-black)}.text-label{color:var(--color-secondary-text)}.title-image{height:32px;margin-bottom:16px;width:35px}.title-image-smaller{height:29px;margin-bottom:16px;width:32px}.with-footer{margin-bottom:100px}.tooltip-container{cursor:default;display:inline-flex}.tooltip-container__popup{background-color:var(--color-white);border-radius:6px;color:var(--color-black);font-size:14px;line-height:23px;padding:14px;position:fixed;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--z-index-inline-popup)}.tooltip-container__popup:before{border:6px solid transparent;content:"";display:block;height:0;position:absolute;width:0}.tooltip-container__popup p:not(:last-child){margin-bottom:6px}.tooltip-container__popup .block-snippet-small{background-color:var(--color-window-bg);color:var(--color-secondary-text)}.tooltip-container__popup.popup_left:before{border-left-color:var(--color-white);border-right:none;left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-container__popup.popup_right:before{border-left:none;border-right-color:var(--color-white);left:0;top:50%;-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}.tooltip-container__popup.popup_top:before{border-bottom:none;border-top-color:var(--color-white);left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-container__popup.popup_bottom:before{border-bottom-color:var(--color-white);border-top:none;left:50%;top:0;-webkit-transform:translateY(-100%) translateX(-50%);transform:translateY(-100%) translateX(-50%)}.center{text-align:center}.flex-center-x{display:flex;justify-content:center}.flex-center-y{align-items:center;display:flex}.with-thin-scrollbar::-webkit-scrollbar{height:5px;width:5px}.with-thin-scrollbar::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--color-loader-placeholder-bg)}.bold-400{font-weight:400!important}.bold-500{font-weight:500!important}.bold-600{font-weight:600!important}.bold-700{font-weight:700!important} +*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.button-root{cursor:pointer}.padding-vertical-24{padding-bottom:24px!important;padding-top:24px!important}.metadata-header{border-bottom:1px solid var(--color-border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:24px;width:100%}.metadata-header .title{color:var(--color-secondary-text);font-weight:500}.metadata-header .metadata-actions{display:flex;flex-direction:row}.metadata-header .metadata-actions>:not(:last-child){margin-right:16px}.metadata-content-container{background:#0d2e4e;border-radius:6px;margin-top:22px;overflow-x:auto;padding:15px 28px;white-space:pre}.metadata-content-container .hljs{background:#0d2e4e;font-size:13px;font-weight:400;line-height:21px;padding:0!important}.metadata-edit-box{background-color:var(--color-window-bg);border:1px solid #e0e0e0;border-radius:6px;margin-top:24px;max-width:100%;min-height:200px;min-width:100%;padding:4px}.panel.no-padding-horizontal{padding-left:0!important;padding-right:0!important}.content-container{padding-bottom:24px;padding-top:24px;width:100%}.content-container .header{align-items:center;color:var(--color-secondary-text);display:flex;flex-direction:row;justify-content:space-between;padding-left:34px;padding-right:34px}@media only screen and (max-width:600px){.content-container .header{align-items:flex-start;flex-direction:column}}.content-container .header .header-primary{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:500}@media only screen and (max-width:600px){.content-container .header .header-primary{align-items:flex-start;flex-direction:column}}.content-container .header .header-secondary{font-size:12px;font-weight:400;margin-left:4px}@media only screen and (max-width:600px){.content-container .header .header-secondary{margin-left:0;margin-top:2px}}.content-container .header .button-error{font-weight:500}@media only screen and (max-width:600px){.content-container .header .button-error{margin-top:12px}}.content-container .table-container{display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:18px;max-width:100%;overflow-x:scroll;width:100%}.content-container .table{border-collapse:collapse;border-spacing:0;display:table;max-width:100%;width:100%}.content-container .table .thead{color:var(--color-black);font-size:12px;line-height:14px;text-transform:uppercase}.content-container .table .thead .head-row{background:#fafafa;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:15px 34px}.content-container .table .thead .head-row th{font-weight:500;padding:15px 35px;text-align:center;white-space:nowrap}.content-container .table .thead .head-row th:last-child{padding-right:34px}.content-container .table .thead .head-row .w30{padding-left:34px;text-align:left}.content-container .table tbody{padding-left:34px;padding-right:34px}.content-container .table tbody .placeholder{display:flex}.content-container .table tbody .session-info{display:flex;margin-left:34px;margin-right:34px;width:100%}.content-container .table tbody .session-row{margin-left:34px;margin-right:34px;margin-top:29px}.content-container .table tbody .session-row.empty-row{display:flex}.content-container .table tbody .session-row.with-data td{color:var(--color-secondary-text);font-size:14px;font-weight:400;height:1px;min-height:28px;padding-left:35px;padding-right:35px;padding-top:29px;text-align:center;white-space:nowrap;width:23.3333333333%}.content-container .table tbody .session-row.with-data td span{background-color:var(--color-copy-box-bg);border-radius:4px;display:flex;padding:7px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-container .table tbody .session-row.with-data td .button-error-outline{display:block}.content-container .table tbody .session-row.with-data td.session-id{font-family:Source Code Pro;font-weight:500}.content-container .table tbody .session-row.with-data td:last-child{padding-right:34px}.content-container .table tbody .session-row.with-data .w30{padding-left:34px;text-align:left}.badge{align-items:center;border-radius:6px;display:flex;font-size:13px;font-style:normal;font-weight:400;justify-content:center;line-height:20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.badge .content{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge.xs{font-size:10px;padding:0 4px}.badge.sm{font-size:12px;padding:0 4px}.badge.md{padding:3px 8px}.badge.lg{padding:4px 10px}.badge.secondary{background:#dbeafe;background:var(--light-tags-tag-blue-bg,#dbeafe);border:1px solid #bfdbfe;border:1px solid var(--light-tags-tag-blue-border,#bfdbfe);color:#1d4ed8;color:var(--light-tags-tag-blue-text,#1d4ed8)}.badge.success{background:#d1fae5;background:var(--light-tags-tag-green-bg,#d1fae5);border:1px solid #a7f3d0;border:1px solid var(--light-tags-tag-green-border,#a7f3d0);color:#047857;color:var(--light-tags-tag-green-text,#047857)}.badge.success>svg{stroke:#059669;cursor:pointer}.badge.success:hover{background:#a7f3d0;background:var(--light-tags-tag-green-bg-hover,#a7f3d0)}.btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;font-weight:500;gap:6px;line-height:21px}.btn.gray{background:#ddd;border:1px solid #ddd;color:var(--color-white)}.btn.gray-outline{background-color:var(--color-white);border:1px solid var(--color-gray)}.btn.gray-outline,.btn.info{color:var(--color-secondary-text)}.btn.info{background:#f9f9f9;border:1px solid #d9d9d9}.btn.primary{background-color:var(--color-primary);border:1px solid var(--color-primary-darker);box-shadow:0 0 5px 0 rgba(0,0,0,.15);color:var(--color-white)}.btn.danger{background:var(--color-button-error);box-shadow:0 3px 6px 0 var(--color-button-error-shadow);color:var(--color-white)}.btn.danger,.btn.danger-outline{border:1px solid var(--color-button-error-border)}.btn.danger-outline{background:var(--color-white);color:var(--color-button-error)}.btn.secondary{background:var(--color-secondary);border:1px solid var(--color-secondary);box-shadow:0 3px 6px 0 var(--color-secondary-shadow);color:var(--color-white)}.btn.outline{background:var(--color-white);border:1px solid var(--color-black);color:var(--color-black)}.btn.xs{padding:0 8px}.btn.sm{font-size:14px;line-height:normal;padding:6px 8px}.btn.md{font-size:14px;line-height:16px}.btn.lg,.btn.md{padding:10px 16px}.btn.lg{font-size:16px;line-height:20px}.btn:hover:not(:disabled):not(.gray){opacity:.9}.btn.loading{cursor:not-allowed;opacity:.8}.btn .spinner{stroke:var(--color-white);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;height:16px;width:16px}.alert{flex-direction:column;gap:12px;padding:24px;width:100%}.alert,.alert>span{align-items:flex-start;display:flex}.alert>span{border-radius:8px;font-size:12px;font-style:normal;font-weight:500;gap:10px;line-height:15px;padding:1px 8px;text-transform:uppercase}.alert>div{font-size:14px;font-style:normal;font-weight:400;line-height:23px}.alert.primary{background:rgba(227,122,63,.1);border:1px solid #e37a3f;border-radius:6px}.alert.primary>span{background:#e37a3f;color:#fff}.alert.primary>div{color:#a44915}@media(max-width:425px){.alert{padding:24px 14px}}.select-container{cursor:pointer;position:relative}.select-container .select-action{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#222;display:flex;flex-shrink:0;font-size:14px;font-style:normal;font-weight:400;gap:10px;height:36px;justify-content:space-between;line-height:normal;padding:9px 13px;width:210px}.select-container .select-dropdown-wrapper{padding-top:5px;position:absolute;width:100%;z-index:5}.select-container .select-dropdown-wrapper .select-dropdown{background:#fff;border-radius:6px;box-shadow:0 0 3px 0 rgba(0,0,0,.16)}.select-container .select-dropdown-wrapper .select-dropdown .select-item{color:#222;cursor:pointer;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding:12px}.select-container .select-dropdown-wrapper .select-dropdown .select-item:hover{background:#f0f0f0;width:100%}.shimmer{-webkit-animation:blinker 2s linear infinite;animation:blinker 2s linear infinite;background-color:var(--color-loader-placeholder-bg);min-height:1em;opacity:.4;width:100%}@-webkit-keyframes blinker{50%{opacity:.1}}@keyframes blinker{50%{opacity:.1}}.dialog-overlay{background:rgba(0,0,0,.4);height:100vh}.dialog-container,.dialog-overlay{inset:0;position:fixed;z-index:9999}.dialog-container{background:#fff;border-radius:12px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-width:470px;padding:36px 40px;width:100%}.dialog-content{display:flex;flex-direction:column}.dialog-header{align-items:center;border-bottom:1px solid #e5e5e5;color:#222;display:flex;font-size:24px;font-style:normal;font-weight:500;justify-content:space-between;line-height:32px;padding-bottom:16px}.dialog-header>svg{background:#e8e8e8;border-radius:50%;cursor:pointer;height:22px;padding:6px;width:22px}.dialog-footer{display:flex;gap:24px;padding-top:20px}.dialog-footer.border-top{border-top:1px solid var(--color-border)}.dialog-footer.border-none{border:none}.dialog-footer.row{flex-direction:row}.dialog-footer.column{flex-direction:column}.dialog-footer.flex-start{justify-content:flex-start}.dialog-footer.flex-end{justify-content:flex-end}.dialog-footer.center{justify-content:center}.dialog-footer.space-between{justify-content:space-between}.dialog-footer.space-around{justify-content:space-around}.dialog-footer.space-evenly{justify-content:space-evenly}@media(max-width:485px){.dialog-container{padding-left:14px;padding-right:14px;width:95%}}.assign-role-dialog-container p{color:#6e6a65;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding-top:24px}.assign-role-dialog-container .roles-container{align-items:center;border:1px solid #e5e5e5;border-radius:14px;justify-content:center;margin-top:14px;width:100%}.assign-role-dialog-container .roles-container .input-field-container{margin-bottom:0!important}.assign-role-dialog-container .roles-container .input-field{padding:9px 36px 8px!important}.assign-role-dialog-container .roles-container .search-box-container{margin:8px;position:relative}.assign-role-dialog-container .roles-container .search-box-container>img{height:14px;left:10px;position:absolute;top:10px;width:14px;z-index:1}.assign-role-dialog-container .roles-container .roles-header{background:#f5f5f5;color:#9ca3af;color:var(--light-foregrounds-fg-muted,#9ca3af);font-size:12px;font-style:normal;font-weight:500;line-height:20px;padding:2px 14px}.assign-role-dialog-container .roles-container .roles-list-container{display:flex;flex-direction:column;gap:4px;max-height:162px;overflow:scroll;padding:4px 8px}.assign-role-dialog-container .roles-container .roles-list-container .loading-container{align-items:center;display:flex;flex-direction:column;height:204px;justify-content:center}.assign-role-dialog-container .roles-container .roles-list-container .loading-container>svg{-webkit-animation:spin 1.2s linear infinite;animation:spin 1.2s linear infinite;height:30px;margin:auto;width:30px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.assign-role-dialog-container .roles-container .roles-list-container .info-container{align-items:center;display:flex;flex-direction:column;height:204px;justify-content:center}.assign-role-dialog-container .roles-container .roles-list-container .info-container>svg{height:37px;width:30px}.assign-role-dialog-container .roles-container .roles-list-container .info-container .security-icon{color:var(--color-primary)}.assign-role-dialog-container .roles-container .roles-list-container .info-container>h1{color:var(--color-black);font-size:16px;font-style:normal;font-weight:500;line-height:40px;text-align:center}.assign-role-dialog-container .roles-container .roles-list-container .info-container .gray{color:#b4b4b4}.assign-role-dialog-container .roles-container .roles-list-container .info-container>p{color:#6e6a65;font-size:14px;font-style:normal;font-weight:400;line-height:26px;padding-top:0;text-align:center;width:200px}.assign-role-dialog-container .roles-container .roles-list-container .info-container>p>a{color:#007aff;color:var(--button-tertiary-normal-blue-007-aff,#007aff)}.assign-role-dialog-container .roles-container .roles-list-container .role-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:4px 8px}.assign-role-dialog-container .roles-container .roles-list-container .role-item .add-icon{fill:#9b9b9b;cursor:pointer}.assign-role-dialog-container .roles-container .roles-list-container .role-item .add-icon:hover{fill:#007aff;background:rgba(0,122,255,.1)}.assign-role-dialog-container .roles-container .roles-list-container .role-item>span{color:#030712;color:var(--light-foregrounds-fg-base,#030712);font-size:13px;font-style:normal;font-weight:400;line-height:20px}.assign-role-dialog-container .roles-container .roles-list-container .role-item[data-selected=true]{background:#edf6ff}.assign-role-dialog-container .roles-container .roles-list-container .role-item>input[type=checkbox]{margin-right:14px;position:relative}.assign-role-dialog-container .roles-container .roles-list-container .role-item>input[type=checkbox]:hover{border:none}.assign-role-dialog-container .roles-container .roles-list-container .role-item>input[type=checkbox]:hover:after{background:linear-gradient(#a2facf,#64acff);border-radius:4px;content:"";display:block;height:20px;left:-1px;position:absolute;top:-1px;width:20px;z-index:-1}.assign-role-dialog-container .roles-container .roles-list-container .role-item:hover:not([data-selected=true]){background:#f9fafb;background:var(--light-backgrounds-bg-base-hover,#f9fafb)}.you-sure-text{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:23px;padding-top:24px}.you-sure-text .red{color:var(--color-button-error);font-weight:600}.user-roles-list-wrapper .shimmer-container{display:flex;flex-direction:column;gap:10px;margin-top:5px;width:100%}.user-roles-list-wrapper>.roles-list-container{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start;margin-top:20px;padding-top:20px}.user-roles-list-wrapper>.roles-list-container .no-roles-found{color:var(--color-black);font-size:14px;padding:20px 0}.user-roles-list-wrapper>.roles-list-container .add-role-btn{align-items:center;background:#f9f9f9;border:1px solid #d9d9d9;border-radius:6px;color:var(--color-secondary-tex);display:flex;font-size:14px;font-style:normal;font-weight:400;gap:10px;line-height:21px;padding:2px 8px}.user-roles-list-wrapper>.roles-list-container .add-role-btn>svg{fill:#6e6a65}.user-roles-list-wrapper>.roles-list-container .add-role-btn:hover:not([data-disable-hover=true]){border:1px solid rgba(0,122,255,.5);color:var(--color-secondary);font-size:14px}.user-roles-list-wrapper>.roles-list-container .add-role-btn:hover:not([data-disable-hover=true])>svg{fill:var(--color-secondary)}.select-tenantId-container{align-items:center;color:var(--color-secondary-text);display:flex;flex-wrap:wrap;font-size:14px;font-style:normal;font-weight:400;gap:10px;line-height:23px;margin-top:-32px}.select-tenantId-container>span{font-weight:500}@media(max-width:440px){.select-tenantId-container{font-size:12px;line-height:18px}}.feature-not-enabled{color:#6e6a65;font-size:14px;margin-top:-10px}.users-list{max-width:100vw;padding:72px 40px 48px}.users-list-title{color:var(--color-black);font-size:28px;font-weight:500;line-height:34px;margin-bottom:16px}.users-list-title .pill.paid-feature-badge{background-color:var(--color-badge-bg);border-radius:6px;color:var(--color-badge);display:inline-block;font-size:14px;line-height:1.1;margin-top:0;vertical-align:middle}.users-list-subtitle{color:var(--color-secondary-text);margin-bottom:48px}.users-list-paper{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;max-width:100%;width:100%}.users-list .block-info-connection{margin-bottom:24px}.tenant-list-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#222;font-size:14px;min-width:200px;padding:9px 13px}.tenant-id-container{align-items:center;display:flex;margin-bottom:16px}.tenant-id-title{font-size:16px;font-weight:500;margin-right:8px}@media(min-width:1126px){.users-list{margin:0 auto;padding-left:0;padding-right:0;width:var(--container-width)}}@media(max-width:480px){.users-list{padding:72px 18px 48px}}.footer{bottom:0;display:flex;min-height:62px;padding:20px 32px;width:100vw;z-index:20}.footer .logo{height:23px;width:151px}.footer.alignment-right{justify-content:flex-end}.footer.alignment-center{justify-content:center}.footer.vertical-center{align-items:center}.footer.vertical-bottom{align-self:flex-end}.footer.color-dark{background-color:var(--color-black)}.footer.color-dark .logo{width:148px}.footer.size-large{padding:40px 32px}.auth-container{align-items:center;background-image:var(--auth-background-portrait);background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column;height:100vh;justify-content:center;width:100vw}@media only screen and (min-width:600px){.auth-container{background-image:var(--auth-background)}}.auth-container .block-container{margin:32px auto;max-width:320px}.auth-container .block-container.forgot-password,.auth-container .block-container.sign-up{max-width:460px}@media only screen and (min-width:600px){.auth-container .block-container{max-width:450px}.auth-container .block-container.forgot-password,.auth-container .block-container.sign-up{max-width:760px;width:max(600px,41vw)}}.auth-container .text-title{margin-bottom:8px}.auth-container .text-label{margin-bottom:16px}.auth-container label{-webkit-margin-after:7px;display:inline-block;font-size:14px;font-weight:500;margin-block-end:7px}.block-container hr{border-bottom:none;border-top:1px solid #ddd;margin-block:24px}.block-container .link{color:var(--color-link);cursor:pointer}.block-container .link:hover{text-decoration:underline}form .input-field-inset:not(.input-field-inset-focused) input{background-color:var(--color-input-unfocused)}.error-response-container{font-size:14px}.cta-container{align-items:center;display:flex;justify-content:space-between}.cta-container .secondary-cta-btn{font-family:inherit;font-size:14px}.cta-container .secondary-cta-btn.forgot-btn{text-decoration:underline}.cta-container img.back-chevron{-webkit-margin-end:6px;margin-inline-end:6px}.margin-top-16{margin-top:16px}.command-container{border:1px solid var(--color-border-command);border-radius:6px;display:flex;margin-block:24px 18px;padding-block:6px;padding-inline:8px 4px;white-space:break-spaces}.command-container>:not(:last-child){margin-right:12px}.command-container .clipboard-btn-container{border-radius:50%;cursor:pointer;height:24px;min-width:24px;transition:all .1s ease-in-out}.command-container .clipboard-btn-container:hover{background:hsla(0,0%,85%,.6)}.command-container .clipboard-btn-container .clipboard-icon{height:14px;width:12px}.command-container code.command{color:var(--color-command);flex:1 1;font-size:13px;line-height:1.6;max-height:160px;overflow-y:scroll;word-break:break-word}.command-container code.command .hljs-string{color:inherit}.command-container .tooltip-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.command-container .tooltip-container .tooltip-container__popup{padding:3px 8px}.error-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.error-container .block-container{margin:32px auto;max-width:560px;text-align:center}.error-container .block-container .text-title{font-size:24px;line-height:normal;margin-top:8px}.error-container .block-container .title-image{margin-left:auto;margin-right:auto}.error-container .block-container p{letter-spacing:.14px;margin-top:12px}.notification{-webkit-animation:notificationScale .3s;animation:notificationScale .3s;background-color:var(--color-window-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 0 6px var(--color-shadow);display:flex;font-size:14px;line-height:24px;padding:16px;transition:.3s}.notification>:not(:last-child){margin-right:8px}.notification__icon{align-items:center;display:flex}.notification__icon img{height:16px}.notification__info{flex:1 1;font-weight:500;max-width:300px;padding-right:24px;white-space:wrap}.notification__close{align-items:center;display:flex}.notification__close svg{cursor:pointer;width:8px}.notification.notification-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);box-shadow:0 0 6px var(--color-info-shadow);color:var(--color-info)}.notification.notification-info svg{stroke:var(--color-info)}.notification.notification-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);box-shadow:0 0 6px var(--color-error-shadow);color:var(--color-error)}.notification.notification-error svg{stroke:var(--color-error)}.notification.notification-success{background-color:var(--color-success-bg);border-color:var(--color-border-success);box-shadow:0 0 6px var(--color-success-shadow);color:var(--color-success)}.notification.notification-success svg{stroke:var(--color-success)}.notification-container{display:flex;flex-direction:column;justify-content:flex-end;max-height:100vh;padding:0 20px;position:fixed;right:0;top:78px;transition:.3s;width:-webkit-max-content;width:max-content;z-index:9999}.notification-container>:not(:last-child){margin-bottom:16px}@-webkit-keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}button#sign-out-btn{background:var(--color-white);border:1px solid var(--color-black);border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;line-height:17px;padding:6px 8px;position:absolute;right:60px;top:24px;z-index:1}.sidebar{background-color:var(--color-window-bg);border-right:1px solid #e5e7eb;border-right:1px solid var(--light-borders-border-base,#e5e7eb);height:100vh;margin-top:64px;position:fixed;width:var(--sidebar-width);z-index:10}.sidebar-list{list-style-type:none;margin-top:50px}.sidebar-list>li{margin:14px 16px}.sidebar-list>li .active{background:rgba(255,153,51,.1);border:1px solid rgba(255,153,51,.15);border-radius:6px;color:#f93;font-weight:500}.sidebar-list>li .active>svg{stroke:var(--color-primary);stroke-width:.3px}.sidebar-list>li .active:hover{background:rgba(255,153,51,.1)!important}.sidebar-list>li>a{border:1px solid transparent;border-radius:6px;color:#4b5563;color:var(--light-foregrounds-fg-subtle,#4b5563);display:block;display:flex;font-size:13px;font-style:normal;font-weight:400;gap:12px;justify-content:flex-start;line-height:20px;padding:6px 8px;text-decoration:none}.sidebar-list>li>a:hover:not(.active){background:#eee!important}@media(max-width:1024px){.sidebar{display:none}}.st-header-desktop{align-items:center;background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);display:flex;justify-content:space-between;padding:16px 18px;position:fixed;width:100%;z-index:100}.st-header-mobile{display:none}.st-header-mobile .overlay{background:rgba(0,0,0,.4);height:100vh;inset:0;margin-top:70px;position:fixed;z-index:9999}.st-header-mobile svg{cursor:pointer}.st-header-mobile .close-btn{background:rgba(95,95,95,.08);border:none;border-radius:50%;height:40px;width:40px}.st-header-mobile .menu-container{background:#fff;border-radius:12px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:0;margin:80px 16px 16px;padding:36px 40px;position:fixed;width:400px;z-index:9999}.st-header-mobile .menu-container .divider{background:#aaa;height:1px;margin:40px auto;width:100%}.st-header-mobile .menu-container button{justify-content:center;width:100%}.st-header-mobile .menu-content{display:flex;flex-direction:column;width:100%}.st-header-mobile .menu-content .sidebar-list{margin-top:0}.st-header-mobile .menu-content .sidebar-list>li{margin-left:0;margin-right:0}@media(max-width:1024px){.st-header-desktop{display:none}.st-header-mobile{align-items:center;background:var(--color-white);display:flex;gap:14px;justify-content:flex-start;padding:14px 12px;position:fixed;width:100%;z-index:9999}}@media(max-width:532px){.st-header-mobile .menu-container{margin:80px auto auto;width:95%}}.main-layout-container{display:block}.main-layout-container .main-content{margin-left:var(--sidebar-width);margin-top:44px;min-height:100vh}@media(max-width:1024px){.main-layout-container .main-content{margin-left:0}}.pagination{display:flex}.pagination>:not(:last-child){margin-right:1em}.pagination .pagination-count{font-weight:500}.pagination .pagination-navigation{display:flex}.pagination .pagination-navigation>:not(:last-child){margin-right:.5em}.pagination .pagination-button{background:none;border:none}.table-container{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;overflow-x:auto}.table,.table-container{max-width:100%;width:100%}.table{border-collapse:collapse;border-spacing:0}.table thead{color:var(--color-secondary-text);font-size:12px;line-height:14px;text-transform:uppercase}.table thead tr{border-bottom:1px solid var(--color-border)}.table thead tr th{font-weight:500;line-height:24px;padding:18px 8px;text-align:left;width:33%}.table thead tr th:first-child{padding:18px 14px 18px 36px}.table thead tr th:last-child{padding:18px 36px 18px 14px}.table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer}.table tbody tr td{padding:24px 1em 24px 0}.table tbody tr.empty-row td{padding:12px 0}.table.theme-blue tbody tr.disable-row{cursor:none;opacity:.6;pointer-events:none}.table.theme-blue tbody tr:hover,.table.theme-blue tbody tr[data-active=true]{background:var(--color-secondary-light)}.table tr td{font-size:14px}.table tr td:first-child{font-weight:500;max-width:126px;overflow:hidden;padding:18px 14px 18px 36px;text-overflow:ellipsis;white-space:nowrap}.table tr td:last-child{padding:18px 36px 18px 14px}.table tfoot{display:flex;justify-content:flex-end;left:0;padding-top:24px;position:-webkit-sticky;position:sticky}.paper-container{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;max-width:100%;overflow-x:auto;padding:56px 0;width:100%}.paper-container .icon{color:var(--color-primary);height:54px;width:54px}.paper-container>div{align-items:center;display:flex;flex-direction:column}.paper-container>div h1{color:var(--color-black);font-size:18px;font-style:normal;font-weight:500;line-height:40px;text-align:center}.paper-container>div p{color:var(--color-secondary-text);font-size:14px;font-style:normal;font-weight:400;line-height:26px;text-align:center}.delete-btn-container{align-items:center;display:flex;justify-content:space-between}.roles-column{width:20%!important}.permissions-container{align-items:center;display:flex;gap:14px;justify-content:space-between}.permissions-container>.permissions{display:flex;gap:24px;overflow:hidden}.permissions-container>.permissions .badge-width{width:80px!important}.permissions-container>.delete-role{background:#fff;border:1px solid #ddd;border-radius:3px;padding:6px}.permissions-container>.delete-role>svg>path{fill:#8d8d8d!important}.permissions-container>.delete-role:hover{background:rgba(237,52,78,.15);border:1px solid #ed344e}.permissions-container>.delete-role:hover>svg>path{fill:#ed344e!important}.permissions-container>.refresh-btn{background:#fff;border:1px solid #ddd;border-radius:3px;color:#8d8d8d;padding:6px}.permissions-container>.refresh-btn:hover{background:rgba(255,153,51,.06);border:1px solid var(--color-primary);color:var(--color-primary)}.roles-list-pagination{justify-content:flex-end;padding:24px}.margin-bottom-36{margin-bottom:36px}.tags-input-field-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.tags-input-field-container p{color:var(--color-gray);font-family:Rubik;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-top:8px}.tags-container{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:flex-start;margin-top:10px;max-height:16vh;overflow:scroll}.tags-container svg{stroke:#2563eb;cursor:pointer}.delete-permissions-container{border:1px solid #e5e5e5;border-radius:14px;overflow:scroll;width:100%}.delete-permissions-container .container-header{align-items:center;background:#fafafa;border-radius:14px 14px 0 0;color:#9ca3af;color:var(--light-foregrounds-fg-muted,#9ca3af);display:flex;font-family:Rubik;font-size:12px;font-style:normal;font-weight:500;justify-content:space-between;line-height:20px;padding:6px 16px}.delete-permissions-container .container-header>.delete-role{background:#fff;border:1px solid #ddd;border-radius:3px;padding:6px}.delete-permissions-container .container-header>.delete-role>svg>path{fill:#8d8d8d!important}.delete-permissions-container .container-header>.delete-role:disabled{cursor:not-allowed}.delete-permissions-container .container-header>.delete-role:hover:not(:disabled){background:rgba(237,52,78,.15);border:1px solid #ed344e}.delete-permissions-container .container-header>.delete-role:hover:not(:disabled)>svg>path{fill:#ed344e!important}.delete-permissions-container .permissions-list{display:flex;flex-direction:column;gap:4px;max-height:30vh;padding:4px 8px}.delete-permissions-container .permissions-list .info-container{align-items:center;display:flex;flex-direction:column;gap:10px;height:204px;justify-content:center}.delete-permissions-container .permissions-list .info-container>svg{color:var(--color-primary);height:37px;width:30px}.delete-permissions-container .permissions-list .info-container>h1{color:var(--color-black);font-size:16px;font-style:normal;font-weight:500;line-height:21px;text-align:center}.delete-permissions-container .permissions-list .info-container .gray{color:#b4b4b4}.delete-permissions-container .permissions-list .info-container>p{color:#6e6a65;font-size:14px;font-style:normal;font-weight:400;line-height:21px;padding-top:0;text-align:center;width:200px}.delete-permissions-container .permissions-list .info-container>p>a{color:#007aff;color:var(--button-tertiary-normal-blue-007-aff,#007aff)}.delete-permissions-container .permissions-list .permission-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px}.delete-permissions-container .permissions-list .permission-item>input{margin-right:8px}.delete-permissions-container .permissions-list .permission-item:hover:not([data-selected=true]){background:#f9fafb}.delete-permissions-container .permissions-list .permission-item[data-selected=true]{background:#edf6ff}.margin-bottom-5{margin-bottom:5px}.margin-top-20{margin-top:20px}.edit-role-content{gap:24px;padding:32px 0 24px}.edit-role-content,.edit-role-content>div{display:flex;flex-direction:column}.edit-role-content .permissions-list-container{display:flex;flex-wrap:wrap;gap:14px 18px;max-height:14vh;overflow:scroll}.edit-role-content .label{color:var(--color-secondary-text);font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:10px}.edit-role-content .role-name{color:var(--color-black);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.edit-role-content .delete-badge:hover{background:#fecdd3;background:var(--light-tags-tag-red-bg-hover,#fecdd3);border:1px solid #fecdd3;border:1px solid var(--light-tags-tag-red-border,#fecdd3);border-radius:6px;color:#e11d48}.edit-role-content .delete-badge:hover>svg{stroke:#e11d48;cursor:pointer}.create-role-dialog-container{display:flex;flex-direction:column;gap:20px;padding:32px 0 24px}.create-role-dialog-container .margin-bottom-10{margin-bottom:10px}.userroles-container{height:100%;margin:auto;max-width:var(--container-width);padding:72px 0 0}.userroles-container .userroles-title{color:var(--color-black);font-size:28px;font-weight:500;line-height:34px;margin-bottom:16px}.userroles-container .userroles-subtitle{color:var(--color-secondary-text);margin-bottom:48px}.userroles-container .search-add-role-container{align-items:center;display:flex;justify-content:flex-end;margin-bottom:12px}@media(max-width:1024px){.userroles-container{max-width:100%;padding:72px 40px 48px}}@media(max-width:480px){.userroles-container{max-width:100%;padding:72px 18px 48px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-black);font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Menlo,Source Code Pro,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;position:relative}#root{background-color:var(--color-window-bg);display:flex;flex-direction:column;min-height:100vh;min-width:100%}#root>*{flex:1 1}#root>.footer{flex:0 1}a[href],button:not(:disabled){cursor:pointer}button:disabled{opacity:.5;pointer-events:none}body{--color-primary:#f93;--color-primary-opacity-40:rgba(255,153,51,.4);--color-primary-darker:#ff8000;--color-white:#fff;--color-black:#222;--color-window-bg:#f8f8f8;--color-gray:#aaa;--color-secondary:#007aff;--color-secondary-shadow:rgba(0,122,255,.16);--color-secondary-light:#f4f8fd;--color-loader-placeholder-bg:hsla(33,4%,41%,.4);--color-shadow:rgba(0,0,0,.16);--color-container-shadow:rgba(0,0,0,.16);--color-error-shadow:rgba(158,37,38,.16);--color-error-bg:#fdf0f1;--color-info-shadow:rgba(158,37,38,.16);--color-info-bg:#ebf5ff;--color-success-bg:#f1faf7;--color-success-shadow:rgba(4,84,62,.16);--color-link:#007aff;--color-input-unfocused:#fafafa;--color-badge-bg:#fff2ca;--color-border:#e5e5e5;--color-border-error:#ef7977;--color-border-info:#97bdfa;--color-border-success:#49c899;--color-border-command:#ddd;--color-secondary-text:#6e6a65;--color-error:#9e2526;--color-info:#1f5adb;--color-success:#04543e;--color-command:#d65078;--color-badge:#dc8d0d;--color-emailpassword-bg:#ddfcf7;--color-emailpassword-text:#006a5b;--color-passwordless-bg:#ffeaf7;--color-passwordless-text:#a8115a;--color-multiple-login-text:#9f7013;--color-multiple-login-bg:#fff6c5;--color-google-bg:#f1deff;--color-google-text:#5c3f79;--color-github-bg:#deffee;--color-github-text:#096c38;--color-facebook-bg:#e3ebff;--color-facebook-text:#154bdd;--color-apple-bg:#e5edff;--color-apple-text:#0b1c45;--color-custom-provider-bg:#e4e0ff;--color-custom-provider-text:#5425b0;--color-copy-box:#536579;--color-copy-box-bg:#f0f4f7;--color-copy-box-shadow:rgba(83,101,121,.2);--color-button-error:#ed344e;--color-button-error-border:#de233d;--color-button-error-disabled:#ddd;--color-button-error-hover:#de233d;--color-button-error-shadow:rgba(237,52,78,.16);--z-index-inline-popup:1;--z-index-modal-popup:10;--color-popup-item-hover:#f0f0f0;--color-popup-item-delete-hover:rgba(222,35,61,.12);--color-button-outline-hover:#fafafa;--sidebar-width:240px;--container-width:842px;--test:1024px}@supports (color:rgb(0 0 0/0)){body{--color-link:#0076ff}}[data-theme=dark]{--color-black:#fff;--color-white:#222;--color-window-bg:#4a4a4a;--color-secondary-text:#ddd}.full-width,.panel{width:100%}.panel{background-color:var(--color-white);border-radius:12px;box-shadow:0 0 6px var(--color-shadow);display:block;max-width:100%;padding:0 40px}@media screen and (max-width:900px){.panel{padding:0 20px}}.panel__header{align-items:center;display:flex;font-size:14px;justify-content:space-between;min-height:64px;padding:16px 0}.panel__header .title{color:var(--color-secondary-text);flex:1 1;font-size:14px;font-weight:600;text-transform:uppercase}.panel__header .actions{display:inline-flex}.panel__header .actions>:not(:last-child){margin-right:16px}.panel__header.with-border{border-bottom:1px solid var(--color-border)}.panel__body{padding:24px 0 18px}.layout-modal{background:none;display:block;height:100vw;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:var(--z-index-modal-popup)}.layout-modal__backdrop{background-color:var(--color-black);display:block;height:100%;opacity:.4;pointer-events:all;width:100%}.layout-modal__container{display:flex;height:100%;position:relative;width:100%}.layout-modal__close{align-items:flex-start;display:flex;height:32px;justify-content:flex-end}.layout-modal__close>div{align-items:center;background-color:var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:1em;justify-content:center;padding:6px;width:1em}.layout-modal__close>div>img{width:8px}.layout-modal .panel{left:50vw;margin:0 auto;max-height:calc(100vh - 32px);max-width:calc(100vh - 32px);padding-bottom:16px;padding-top:16px;pointer-events:all;position:absolute;top:50vh;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:470px;z-index:1}.layout-modal .panel__header{align-items:flex-end}.layout-modal-trigger{cursor:pointer;display:inline-block}.block-container{background-color:var(--color-white);border-radius:18pt;box-shadow:1px 1px 6px var(--color-container-shadow);display:flex;flex-flow:column;padding:32px 18px;width:calc(100% - 32px)}@media only screen and (min-width:992px){.block-container{padding:32px 48px}}.block-snippet-small{border:1px solid var(--color-border);border-radius:2px;padding:2px 4px}.block-snippet{padding:3px 8px}.block-snippet,.block-snippet-large{border:1px solid var(--color-border);border-radius:4px}.block-snippet-large{padding:6px 8px}.block-small{border-radius:6px;padding:8px 12px}.block-medium{border-radius:6pt;border-style:solid;border-width:1px;box-shadow:0 0 6px var(--color-shadow);margin:4px 0;padding:20px 16px}.block-medium p{line-height:23px}.block-medium p:not(:last-child){margin-bottom:16px}@media only screen and (min-width:600px){.block-medium p:not(:last-child){margin-bottom:6px}}.block-large{border-radius:24px;box-shadow:1px 1px 60px var(--color-container-shadow);padding:32px}.block-large p{letter-spacing:.14px;line-height:21px}@media only screen and (min-width:768px){.block-large{padding:32px 48px}}.block-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);color:var(--color-error)}.block-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);color:var(--color-info)}.button:not(.flat){align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary-darker);border-radius:6px;box-shadow:0 0 5px 0 rgba(0,0,0,.15);color:var(--color-white);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;line-height:16px;padding:8px 16px}.button:not(.flat)>:not(:last-child){margin-right:.75em}.button:not(.flat).small{font-weight:400;padding:6px 8px}.button.flat,button.flat{align-items:center;background:none;border:none;color:var(--color-secondary-text);display:inline-flex;font-size:inherit;font-weight:600;margin:0;padding:0}.button.flat>:not(:last-child),button.flat>:not(:last-child){margin-right:8px}.button.button-error,button.button-error{background:var(--color-button-error);border:none;color:var(--color-white);display:inline;font-size:inherit;margin:0;transition:background-color .3s}.button.button-error>:not(:last-child),button.button-error>:not(:last-child){margin-right:8px}.button.button-error:disabled,button.button-error:disabled{background-color:var(--color-button-error-disabled)}.button.button-error:hover,button.button-error:hover{background-color:var(--color-button-error-hover)}.button.button-error-outline,button.button-error-outline{background-color:transparent;border-color:var(--color-button-error);border-style:solid;border-width:1;box-shadow:none;color:var(--color-button-error);display:inline;font-size:inherit;margin:0;transition:background-color .3s}.button.button-error-outline>:not(:last-child),button.button-error-outline>:not(:last-child){margin-right:8px}.button.button-error-outline:disabled,button.button-error-outline:disabled{border-color:var(--color-button-error-disabled)}.button.button-error-outline:hover,button.button-error-outline:hover{background-color:var(--color-button-outline-hover)}.button.outline,button.outline{background:none;border-color:var(--color-secondary-text);box-shadow:none;color:var(--color-secondary-text);font-weight:500!important;transition:background-color .3s}.button.outline:hover,button.outline:hover{background-color:var(--color-button-outline-hover);box-shadow:inherit}.button.link,a,button.link{color:var(--color-link)}.button.link:not(.flat),a:not(.flat),button.link:not(.flat){border-color:var(--color-link)}.button.link:not(.flat):hover,a:not(.flat):hover,button.link:not(.flat):hover{background-color:var(--color-button-outline-hover)}.footer a:hover{background-color:transparent}.text-title{font-size:24px;font-weight:600;letter-spacing:.24px;line-height:40px}.text-small{font-size:14px;line-height:16px}.text-medium{font-size:16px;line-height:16px}.text-large{font-size:18px;line-height:16px}.text-bold{font-weight:600}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-black{color:var(--color-black)}.text-label{color:var(--color-secondary-text)}.title-image{height:32px;margin-bottom:16px;width:35px}.title-image-smaller{height:29px;margin-bottom:16px;width:32px}.with-footer{margin-bottom:100px}.tooltip-container{cursor:default;display:inline-flex}.tooltip-container__popup{background-color:var(--color-white);border-radius:6px;color:var(--color-black);font-size:14px;line-height:23px;padding:14px;position:fixed;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--z-index-inline-popup)}.tooltip-container__popup:before{border:6px solid transparent;content:"";display:block;height:0;position:absolute;width:0}.tooltip-container__popup p:not(:last-child){margin-bottom:6px}.tooltip-container__popup .block-snippet-small{background-color:var(--color-window-bg);color:var(--color-secondary-text)}.tooltip-container__popup.popup_left:before{border-left-color:var(--color-white);border-right:none;left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-container__popup.popup_right:before{border-left:none;border-right-color:var(--color-white);left:0;top:50%;-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}.tooltip-container__popup.popup_top:before{border-bottom:none;border-top-color:var(--color-white);left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-container__popup.popup_bottom:before{border-bottom-color:var(--color-white);border-top:none;left:50%;top:0;-webkit-transform:translateY(-100%) translateX(-50%);transform:translateY(-100%) translateX(-50%)}.center{text-align:center}.flex-center-x{display:flex;justify-content:center}.flex-center-y{align-items:center;display:flex}.with-thin-scrollbar::-webkit-scrollbar{height:5px;width:5px}.with-thin-scrollbar::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--color-loader-placeholder-bg)}.bold-400{font-weight:400!important}.bold-500{font-weight:500!important}.bold-600{font-weight:600!important}.bold-700{font-weight:700!important} /*# sourceMappingURL=main.css.map*/ \ No newline at end of file diff --git a/build/static/css/main.css.map b/build/static/css/main.css.map index 6ead3bd9..1f9fb56c 100644 --- a/build/static/css/main.css.map +++ b/build/static/css/main.css.map @@ -1 +1 @@ -{"version":3,"file":"static/css/main.css","mappings":"8LAiBA,eAEC,uBADA,YACA,CCHA,iCACC,gBDGuB,CAGzB,aAGC,mBAGA,qCADA,kBAHA,aAEA,gBAHA,UAKA,CACA,6BACC,oBACA,sBACA,gBACA,4CAEC,mBAEA,eAHA,oBAEA,iBACA,CCtBF,8DACC,gBDsByB,CAEvB,uEAEC,uCADA,WACA,CAGF,kEACC,yBAGF,oCAKC,oCADA,kBAEA,uCALA,aAMA,gBALA,kBACA,cAIA,CACA,4CAGC,mBAEA,eAJA,aAGA,gBAFA,iBAGA,CC/CH,8DACC,iBD+C0B,CACxB,mEACC,eACA,uEAEC,uCADA,UACA,CAGF,kEACC,kCAGD,qDACC,wCACA,wBACA,oBACA,2EACC,kCAKH,iDACC,cACA,oCAIH,mCAOC,YAFA,cAJA,cAGA,oBAIA,aALA,kBAGA,gBAEA,CAIF,+BACC,kCACA,qDAGD,+BACC,gCACA,+CE5FD,4BAEC,cAEA,eACA,gBAJA,eAEA,UAEA,CAGD,kBAIC,yBADA,iBADA,eADA,UAGA,CAGD,wBACC,kCAEA,eACA,iBAFA,wBAEA,CAGD,2BACC,4CACA,8BAEC,gBADA,wBAEA,gBACA,UAIF,2BACC,4CACA,8BAEC,cACA,2BAFA,SAEA,CAGA,wCACC,eAMF,gBAEC,mBADA,cACA,CAED,qBAGC,kCAFA,aACA,sBAEA,mBACA,yBACC,eACA,gBACA,uBACA,mBAEA,0CACC,kBAGF,2BACC,yBAEA,eADA,eACA,CAIF,qBACC,gBACA,mBAIA,6BAKC,kFAHA,oDACA,eACA,WAHA,UAIA,CACA,2BACC,IACC,YAFF,mBACC,IACC,YAMJ,kCAGC,mBAFA,sBAOA,qCADA,kBALA,oBAIA,YAFA,uBAKA,eAJA,UAIA,CACA,sCAEC,yGADA,UACA,CAGD,6CACC,aAIF,gCACC,eAEA,uDACC,aAKA,iBAHA,kBAEA,QADA,QAFA,mCAIA,CAEA,8DAEC,gBADA,WACA,CAIF,4DAEC,mBAMA,kBAPA,oBAIA,gBAFA,YACA,YAGA,eADA,UAEA,CAEA,iEACC,mBAGD,gEACC,UAGD,uEACC,aAGD,mEACC,uCAGD,kEACC,+CACA,6EACC,gBAED,8EACC,aAGD,yEACC,sDAMF,6DACC,cAED,8DACC,sCACA,wCACA,kEACC,aAGD,yEACC,gBACA,0DAOH,8CAEC,eADA,QACA,CAKH,kBACC,aACA,yBAIA,OAFA,mBADA,gBA3MqB,CA6MrB,uCACA,CAGD,uBACC,aDnNA,yCACC,gBCmNuB,CAExB,oDACC,gBAED,yDACC,aD1ND,2EACC,iBC0NwB,CAEzB,qDAEC,gBADA,WACA,CAIF,MAIC,mBAFA,mBADA,aAEA,gBAGA,mBADA,kEACA,CDzOA,wBACC,gBCyOuB,CAExB,mBAEC,8CADA,oCACA,CAED,oBAEC,+CADA,qCACA,CAED,eAEC,gDADA,sCACA,CAED,iBAEC,iDADA,wCAEA,eAEA,gBADA,uBAEA,mBACA,kCACC,eAEA,iBADA,qBACA,CAED,wBAEC,wCADA,8BACA,CACA,6BACC,0BAGF,uBAEC,uCADA,6BACA,CACA,4BACC,0BAGF,wBAEC,wCADA,8BACA,CACA,6BACC,0BAGF,0BAEC,0CADA,gCACA,CACA,+BACC,0BC9RJ,QACC,SAGA,aADA,gBAEA,kBAHA,UAGA,CAEA,cACC,YACA,YAGD,wBACC,yBAED,yBACC,uBAGD,wBACC,mBAED,wBACC,oBAGD,mBACC,oCACA,yBACC,YAIF,mBACC,kBClCF,UAIC,kBAAmB,CAFnB,YAAa,CACb,gBAAiB,CAFjB,iBAID,CAEA,gBACC,WAAY,CAEZ,kBAAmB,CADnB,UAED,CAEA,gBAIC,wBAAyB,CAHzB,cAAe,CAEf,eAAgB,CAEhB,oBAAsB,CAHtB,gBAAiB,CAIjB,iBAAkB,CAClB,iBACD,CAEA,6BACC,iCAAkC,CAIlC,iBAAkB,CADlB,cAAe,CAFf,aAAc,CACd,iBAGD,CAEA,yCACC,UACC,YACD,CACD,CClDA,QACC,mBAEA,oBAEC,8BACA,oCACA,kBAMA,eATA,qBAMA,oBADA,eAGA,gBAGA,YAJA,iBAKA,iBARA,gBAMA,SAEA,CAEA,oCACC,oBAEC,cACA,gBAFA,UAEA,EAKH,uBAEC,mBAKA,gBACA,yBACA,kBARA,oBAIA,YACA,iBAFA,WAKA,CAEA,oCACC,uBACC,YAIF,2BAEC,cAAa,CADb,WACA,CAEA,uCAEC,kBADA,iBACA,CAGD,sCACC,eACA,YAIF,8BACC,sBACA,sCAGD,6BACC,YACA,YACA,YAEA,4JAIC,aAGD,wDAKC,wBAHA,eADA,gBAEA,iBAGA,iBAND,0CAKC,wBAHA,eADA,gBAEA,iBAGA,iBAMJ,WAMC,mBALA,oBAGA,sBAEA,CAEA,kBACC,mBACA,sBACA,kBASA,WAJA,eADA,gBAGA,gBALA,WAOA,CAEA,sBAGC,eADA,WADA,gBAEA,CAKH,cACC,kBACA,wBAEC,mBAEA,gBACA,yBACA,kBAOA,WAZA,aAQA,eADA,gBAGA,WAEA,CAEA,4BACC,iBAGD,+BACC,mBACA,yBACA,kBAIF,oBAMC,gBAEA,kBADA,mCAGA,gBATA,kBACA,oBAEA,WAMA,CAEA,uBACC,qBAEA,0BAMC,cAEA,aAJA,eADA,gBAMA,8BARA,WACA,YAOA,CAEA,gCACC,mBAGD,+BAEC,qBADA,YACA,CACA,mCAEC,YADA,iBACA,CCrKN,WAEC,mBADA,oBAEA,eACA,2BAEC,SLMD,cKPwB,CLQxB,kBKNC,kBLOD,uBACA,kBKRC,CAED,6BAEC,kBADA,eAEA,eACA,mCACC,8CACA,kDAGF,mCAEC,eADA,eAEA,8DACA,UAEA,wCAGC,oCACA,gCACA,yBAJA,cACA,kBAGA,CC9BH,uBACC,YAAa,CACb,gBAAiB,CACjB,kBACD,CAEA,aACC,iCAAkC,CAClC,eAAgB,CAChB,kBACD,CAEA,sBACC,wBAAyB,CACzB,YACD,CAEA,mBAEC,kBAAmB,CACnB,wBAAoC,CACpC,iBAAkB,CAHlB,YAAa,CAIb,YACD,CAEA,aAQC,wBAAoC,CAFpC,WAAY,CADZ,iBAAkB,CAFlB,aAAc,CAFd,QAAO,CACP,mBAAoB,CAKpB,YAAa,CAHb,gBAKD,CAEA,sCAEC,qBACD,CAEA,qDAEC,iCAAkC,CAClC,oDACD,CAEA,0GAGC,+BAAgC,CAChC,8CACD,CAEA,0BACC,cAAe,CACf,sBACD,CAEA,mBAEC,kBAAmB,CADnB,YAAa,CAEb,cACD,CAEA,wBACC,WAAY,CAGZ,iBAAkB,CADlB,gBAAiB,CADjB,UAGD,CAEA,wBACC,4BACD,CCxEC,4DACC,mBAED,0BACC,eAED,2BACC,aACA,yBACA,gBPVD,6CACC,iBOUwB,CACxB,kCAEC,gBADA,uBAKA,kBAGF,oBACC,eACA,iBAEA,yBACC,cACA,gBAKH,aAEC,kBADA,eACA,CAGD,6BACC,eCtDD,UAEC,eADA,iBACA,CAEA,mBAGC,mBADA,sBADA,kBAGA,YAOA,iDAJC,gBACA,qBAMA,CAHD,wBAGC,sCAIF,gBAKC,gBADA,kBAEA,qCALA,aAOA,YANA,kBASA,UADA,SAGA,WAEA,oBAKC,qBADA,aAEA,2BAJA,gBADA,WAKA,CAEA,wBACC,YAEA,kBADA,UACA,CAGD,+BACC,mBACA,mCACC,YAIF,0BAEC,mBADA,iBACA,CACA,qCAEC,+BADA,aACA,CAMJ,qBACC,cCtEF,OAGC,qBAFA,aACA,0BACA,CAGD,uBACC,0BCPD,QAEC,sBADA,kBAEA,mBAEA,oCALD,QAME,gBAGD,uBAKC,qBAHA,6BADA,0BAGA,aAEA,8BAHA,iBAGA,CAEA,6BAEC,qBADA,aAGA,eADA,0BACA,CAEA,2CAEC,cADA,gBACA,CAEA,8DAEC,yBADA,kBAEA,cACA,eAEA,iBADA,WACA,CAIF,mCACC,aAGD,oCAxBD,6BAyBE,SACA,2CACC,cAEA,8DACC,aAED,mEACC,qBACA,eAOL,qBAIC,cAOA,mBADA,cARA,aAEA,SADA,8BAFA,iBAUA,CALA,oCAND,qBAOE,2BAMD,yBAGC,mBADA,aADA,eAGA,YAEA,oCAND,yBAOE,aAIF,uBACC,WACA,kBACA,eACA,kBACA,gBACA,mBACA,gBAEA,oCATD,uBAUE,gBAIF,qCAEC,mBADA,aAEA,QACA,iBAKH,gBACC,eACA,6BACC,aAED,qBACC,aAGD,4BACC,eAIA,mCACC,UACA,iBAED,2BACC,UAGD,kCACC,YAKH,cAGC,mBADA,yBADA,mBAKA,cAFA,eACA,iBAEA,kBAGD,UAGC,mBADA,yBADA,mBAGA,cACA,eACA,YAGD,eAGC,cAFA,eAIA,gBADA,eACA,CAEA,qBAEC,gBADA,yBACA,CAIF,aAIC,mBADA,yBADA,kBADA,2CAKA,WACA,gBAFA,WAEA,CAGD,eAEC,mBADA,kBAIA,oBADA,sBAGA,gBAJA,YAIA,CAEA,oCATD,eAUE,eAGD,mBACC,YACA,WAIF,QAGC,gBAFA,wBACA,0BACA,CCrLD,aAIC,+BADA,yBADA,mBAIA,cACA,eACA,iBAHA,+EAJA,gBAOA,CAGD,uBAKC,wCAJA,aACA,mBACA,eACA,YACA,CCdD,yBACC,eAGA,CAGD,sDAHC,mBAFA,aACA,sBAcA,CAVD,6BAMC,gCADA,SAFA,OAFA,eAGA,QAFA,MAKA,SAGA,CAGD,kBACC,wCAGA,kBADA,aADA,WAEA,CAGD,QAMC,4EAJA,0BACA,kBADA,sBAGA,YADA,UAEA,CAGD,gBACC,GACC,sDAED,GACC,yDAIF,wBACC,GACC,+BAED,GACC,iCAaF,aACC,wBAAoC,CACpC,yBAAoC,CAGpC,gBADA,sBACA,CAEA,6BAIC,mBAHA,aACA,sBACA,sBACA,CAEA,uCACC,eACA,iBAGD,0CAEC,wBACA,eAFA,eAEA,CAIF,qBAGC,mBADA,aADA,gBAGA,gBZ9FD,uCACC,iBY8FwB,CACxB,4BAOC,mBAMA,uCAXA,kBAYA,wBARA,aADA,cAIA,eACA,gBANA,WAHO,CAOP,uBAGA,kBACA,yBATA,UAWA,CAED,2BAEC,aADA,SAEA,sBACA,uBACA,gBZ/GF,6CACC,iBY+GuB,CAEvB,4BAKC,mBADA,aAHA,eAEA,gBADA,gBAGA,CACA,iCZlHF,cYmH0B,CZlH1B,kBACA,uBACA,mBYmHC,8BAEC,mBADA,aAEA,eZrIF,gDACC,gBYqIyB,CACxB,mCACC,mBAED,oCACC,oCAEA,qCADA,6BAEA,oBAIA,4BADA,eAEA,gBAHA,gBADA,eAIA,CAGF,6BAEC,mBADA,YACA,CAIF,oBACC,gBAIA,8BAGC,mBAFA,aACA,yDACA,CAED,8BAEC,aACA,eAFA,cAEA,CACA,qCAIC,mBAHA,kCAEA,oBADA,mBAGA,WAED,oCZrKF,cYuK0B,CZtK1B,kBYwKG,iBZvKH,uBACA,mBYqKG,mBAFA,UAGA,CAED,qCAGC,mBAIA,oCACA,kBAPA,eACA,oBAGA,WADA,uBAKA,gBAHA,SAGA,CACA,yCACC,WAIF,qDACC,SAGD,qDAEC,gBADA,gBACA,CAIF,mEAEC,wCAGD,2CACC,gBAIF,2BAGC,mBAEA,0CADA,4BAFA,oBADA,eAKA,WZhOD,6CACC,gBYgOwB,CAExB,yCACC,YACA,kBAIA,oCACC,WAIF,oCACC,SACA,kBACA,sBACA,+CACC,WAKH,yCAvLD,aA2LE,cAFA,eACA,gBAFA,WAGA,EAIF,mBAGC,yBAFA,eAIA,gBAHA,iBAEA,kBACA,CAGD,sBACC,kCACA,mBAGD,mBAGC,oCADA,kBADA,mCAGA,cAEA,eADA,UACA,CAGD,oCACC,mBAGD,MACC,eC3SD,cAAc,aAAa,CAAC,eAAe,CAAC,WAAW,CAAC,UAAU,eAAe,CAAC;;;;;;;;CAAlF,CAQE,MAAM,kBAAkB,CAAC,aAAa,CAAC,0BAA0B,aAAa,CAAC,+HAA+H,aAAa,CAAC,wFAAwF,aAAa,CAAC,gBAAgB,aAAa,CAAC,sDAAsD,aAAa,CAAC,0BAA0B,aAAa,CAAC,iCAAiC,aAAa,CAAC,eAAe,iBAAiB,CAAC,aAAa,eAAe,CCN1jB,aACC,eCeD,qBAEC,8BADA,0BACA,CAGD,iBAMC,4CACA,sBACA,2BACA,8BARA,aACA,mBAEA,8BACA,oBAFA,UAMA,CAEA,wBACC,kCACA,gBAGD,mCACC,aACA,mBfzBD,qDACC,iBeyBwB,CAI1B,4BAOC,mBACA,kBAPA,gBAGA,gBAEA,kBAGA,gBAEA,kCACC,mBAEA,eADA,gBAEA,iBACA,oBAIF,mBAMC,wCAGA,yBAFA,kBANA,gBAEA,eACA,iBAFA,eAGA,WAIA,CCxDA,6BACC,yBACA,0BAIF,mBAGC,oBADA,iBADA,UAEA,CAEA,2BAMC,mBACA,kCAJA,aACA,mBACA,8BAJA,kBACA,kBAKA,CAEA,yCATD,2BAWE,uBADA,qBACA,EAGD,2CAKC,mBAFA,aACA,mBAFA,eADA,eAIA,CAEA,yCAPD,2CASE,uBADA,qBACA,EAIF,6CAEC,eADA,gBAEA,gBAEA,yCALD,6CAME,cACA,gBAIF,yCACC,gBAEA,yCAHD,yCAIE,iBAKH,oCACC,cAKA,sEADA,gBAFA,eACA,kBAFA,UAIA,CAGD,0BAKC,yBADA,iBAHA,cAEA,eADA,UAGA,CAEA,iCACC,yBAEA,eACA,iBAFA,wBAEA,CAEA,2CAOC,mBANA,4CACA,yCAIA,iBACA,CAEA,8CACC,gBAMA,kBALA,kBACA,kBAIA,CAGD,yDACC,mBAGD,gDAEC,kBADA,eACA,CAKH,gCACC,kBACA,mBAEA,6CACC,aAGD,8CACC,aAEA,iBACA,kBAFA,UAEA,CAGD,6CAEC,iBACA,kBAFA,eAEA,CAEA,uDACC,aAIA,0DAKC,kCADA,eAHA,gBAKA,WACA,gBACA,kBACA,mBAEA,iBATA,kBAQA,mBAPA,oBAQA,CAEA,+DAMC,0CAEA,kBAPA,aAIA,gBAEA,kEACA,CAGD,gFACC,cAGD,qEACC,4BACA,gBAIF,qEACC,mBAGD,4DACC,kBACA,gBChLN,YAEC,gBADA,sBACA,CAGD,kBAGC,yBAFA,eAIA,gBAHA,iBAEA,kBACA,CAGD,2CAIC,uCAEA,kBADA,yBAJA,qBAEA,eADA,gBAKA,aACA,sBAGD,qBACC,kCACA,mBAGD,kBAGC,oCADA,kBADA,mCAGA,cAEA,eADA,UACA,CAGD,mCACC,mBAGD,sBAQC,gBADA,yBADA,kBAIA,WADA,eARA,gBAIA,gBAKA,CAGD,qBAEC,mBADA,aAEA,mBAGD,iBACC,eACA,gBACA,iBAGD,yCACC,YAIC,cAFA,eACA,gBAFA,WAGA,EC1FF,oBAIC,8BACA,oCACA,kBAMA,eAHA,oBADA,eAGA,gBADA,iBAHA,gBANA,kBAEA,WADA,SAWA,UCID,gBAMC,mBAIA,iDAHA,wBACA,4BACA,sBANA,aACA,iBAHA,aAIA,uBAHA,WAQA,CAEA,yCAZD,gBAaE,yCAIF,iCAEC,iBADA,eACA,CAEA,0FAEC,gBAGD,yCATD,iCAUE,gBAEA,0FAEC,gBACA,uBAMF,4BACC,kBAGD,4BACC,mBAGD,sBAGC,yBACA,qBAHA,eACA,gBACA,oBACA,CAKD,oBAEC,mBACA,0BAFA,iBAEA,CAGD,uBACC,wBACA,eAEA,6BACC,0BAKH,8DACC,8CAGD,0BACC,eAGD,eAEC,mBADA,aAEA,8BAEA,kCACC,oBACA,eAEA,6CACC,0BAIF,gCACC,6CAIF,eACC,gBAGD,mBAMC,6CACA,kBALA,aADA,uBAEA,kBACA,uBAIA,yBnB/GA,qCACC,iBmB2GuB,CAKxB,4CAGC,kBAEA,eAJA,YACA,eAEA,8BACA,CAEA,kDACC,6BAGD,4DAEC,YADA,UACA,CAIF,gCAIC,2BACA,SAHA,eACA,gBAGA,iBACA,kBANA,qBAMA,CAEA,6CACC,cAIF,sCACC,sEAEA,gEACC,gBCrJH,iBAKC,mBAFA,aADA,YAEA,uBAHA,UAIA,CACA,kCAGC,iBADA,gBADA,iBAEA,CACA,8CACC,eACA,mBACA,eAED,+CACC,iBACA,kBAED,oCAEC,qBADA,eACA,CCnBH,cAUC,wEAHA,wCAFA,qCACA,kBAEA,uCAPA,aAQA,eALA,iBAFA,aASA,erBZA,gCACC,gBqBGuB,CASxB,oBAEC,mBADA,YACA,CACA,wBACC,YAGF,oBACC,SAEA,gBACA,gBAFA,mBAGA,iBAED,qBAEC,mBADA,YACA,CACA,yBAEC,eADA,SACA,CAIF,gCACC,sCAEA,sCACA,4CAFA,uBAEA,CACA,oCACC,yBAGF,iCACC,uCAEA,uCACA,6CAFA,wBAEA,CACA,qCACC,0BAGF,mCACC,yCAEA,yCACA,+CAFA,0BAEA,CACA,uCACC,4BAKH,wBAKC,aACA,sBAIA,yBADA,iBALA,eAHA,eAEA,QADA,SAKA,eAIA,4CrBtEA,0CACC,kBqBkEqB,CAMvB,qCACC,GACC,8CAED,GACC,+CALF,6BACC,GACC,8CAED,GACC,+CClFF,KAGC,kCAAmC,CACnC,iCAAkC,CAClC,wBAAyB,CAJzB,yIAKD,CAEA,KACC,uEACD,CAEA,EACC,qBAAsB,CACtB,QAAS,CACT,SAAU,CACV,iBACD,CAEA,MACC,uCAAwC,CAGxC,YAAa,CACb,qBAAsB,CAHtB,gBAAiB,CACjB,cAGD,CAEA,QACC,QACD,CAEA,cACC,QACD,CAEA,8BAEC,cACD,CAEA,gBACC,UAAY,CACZ,mBACD,CC9CA,KAEC,oBAAkC,CAClC,8CAAmD,CACnD,8BAAwC,CAExC,kBAAiC,CACjC,kBAA8B,CAC9B,yBAAqC,CAGrC,gDAAuD,CACvD,8BAAmC,CACnC,wCAA6C,CAC7C,wCAA6C,CAC7C,wBAAoC,CACpC,uCAA4C,CAC5C,uBAAmC,CACnC,0BAAsC,CACtC,wCAA6C,CAC7C,oBAA8B,CAC9B,+BAA2C,CAC3C,wBAAqC,CAGrC,sBAAkC,CAClC,4BAAwC,CACxC,2BAAuC,CACvC,8BAAyC,CACzC,2BAA0C,CAG1C,8BAA0C,CAC1C,qBAA+B,CAC/B,oBAA8B,CAC9B,uBAA+B,CAE/B,uBAAkC,CAClC,qBAAiC,CAGjC,gCAA4C,CAC5C,kCAA2C,CAC3C,+BAA2C,CAC3C,iCAA2C,CAC3C,mCAA8C,CAC9C,iCAA6C,CAG7C,yBAAqC,CACrC,2BAAqC,CACrC,yBAAqC,CACrC,2BAAoC,CACpC,2BAAuC,CACvC,6BAAuC,CACvC,wBAAoC,CACpC,0BAAmC,CACnC,kCAA8C,CAC9C,oCAA8C,CAG9C,wBAAmC,CACnC,2BAAuC,CACvC,2CAAgD,CAGhD,4BAAsC,CACtC,mCAA6C,CAC7C,kCAAiD,CACjD,kCAA4C,CAG5C,wBAAyB,CACzB,wBAAyB,CAEzB,gCAA4C,CAC5C,mDAAwD,CACxD,oCACD,CA9EA,oCAoCC,oBA0CD,EAEA,kBACC,kBAAiC,CACjC,kBAA8B,CAC9B,yBAAkC,CAClC,2BACD,CC9EA,mBAJC,UAcA,CAVD,OAKC,oCACA,mBACA,uCACA,cACA,eARA,cASA,CARA,oCAFD,OAGE,gBAQD,eAEC,mBADA,aAKA,eAHA,8BAEA,gBADA,cAEA,CACA,sBAGC,kCAEA,SAJA,eAGA,gBAFA,wBAGA,CAED,wBACC,oBxBhCF,0CACC,iBwBgCyB,CAEzB,2BACC,4CAGF,aAEC,oBAKF,cAQC,gBAHA,cAEA,aAJA,OAMA,oBARA,eACA,MAIA,YAFA,kCAKA,CACA,wBAKC,oCAHA,cAEA,YAEA,WALA,mBAEA,UAGA,CAED,yBAEC,aAEA,YAHA,kBAEA,UACA,CAED,qBAGC,uBAFA,aACA,YAEA,yBACA,yBAEC,mBAOA,qCADA,kBAEA,eATA,aAGA,eACA,WAFA,uBAIA,YADA,SAIA,CACA,6BACC,UAIH,qBAQC,UAHA,cAKA,8BACA,6BAPA,oBADA,iBAFA,mBACA,kBAKA,SAEA,gGAGA,YANA,SAMA,CACA,6BACC,qBAKH,sBAEC,eADA,oBACA,CAID,iBAOC,oCAHA,mBACA,qDAJA,aACA,iBACA,kBAGA,uBACA,CACA,yCARD,iBASE,mBAIF,qBACC,qCAEA,kBADA,eACA,CAGD,eAEC,eACA,CAGD,oCALC,qCAEA,iBAMA,CAHD,qBAGC,gBAGD,aACC,kBACA,iBAGD,cAGC,kBAEA,mBADA,iBAEA,uCAJA,aADA,iBAKA,CACA,gBACC,iBACA,iCACC,mBACA,yCAFD,iCAGE,mBAMJ,aAEC,mBACA,sDAFA,YAEA,CACA,eACC,qBACA,iBAED,yCARD,aASE,mBAIF,aACC,uCAEA,uCADA,wBACA,CAGD,YACC,sCAEA,sCADA,uBACA,CAGD,mBAEC,mBAIA,sCACA,6CAGA,kBAIA,qCALA,yBAGA,eAXA,aAUA,oBAPA,eAIA,gBAHA,iBAFA,gBAWA,CxBjNA,qCACC,kBwB+MuB,CAGxB,yBAEC,gBADA,eACA,CAIF,yBAGC,gBAMA,YAHA,kCAJA,eAQA,kBAHA,gBAFA,SADA,SAMA,CxBnOA,6DACC,gBwBgOuB,CAKzB,yCAGC,qCAIA,YAFA,yBAHA,eAMA,kBAJA,SAKA,gCxB/OA,6EACC,gBwB2OuB,CAKxB,2DACC,oDAGD,qDACC,iDAIF,yDAGC,6BACA,uCAEA,mBADA,eAMA,gBAHA,gCANA,eAQA,kBAHA,SAKA,gCxBtQA,6FACC,gBwBkQuB,CAKxB,2EACC,gDAGD,qEACC,mDAIF,+BAEC,gBAGA,yCAFA,gBACA,kCAGA,0BADA,+BACA,CACA,2CACC,mDACA,mBAIF,2BAGC,wBACA,4DACC,+BACA,8EACC,mDAOD,gBACC,6BAMH,YACC,eAGA,gBADA,qBADA,gBAEA,CAGD,YACC,eACA,iBAGD,aACC,eACA,iBAGD,YACC,eACA,iBAGD,WACC,gBAID,YACC,yBAGD,WACC,wBAGD,YACC,yBAGD,YACC,kCAID,aAEC,YACA,mBAFA,UAEA,CAGD,qBAEC,YACA,mBAFA,UAEA,CAID,aACC,oBAID,mBAEC,eADA,mBACA,CACA,0BAMC,oCAEA,kBADA,yBANA,eACA,iBACA,aACA,eACA,8DAIA,oCAEA,iCAOC,6BAJA,WADA,cAIA,SAEA,kBAHA,OAGA,CAED,6CACC,kBAED,+CACC,wCACA,kCAGD,4CACC,qCACA,kBACA,UACA,QACA,8DAED,6CAEC,iBADA,sCAEA,OACA,QACA,kGAED,2CAEC,mBADA,oCAGA,SADA,SAEA,8DAED,8CACC,uCACA,gBAEA,SADA,MAEA,kGAKH,QACC,kBAGD,eACC,aACA,uBAGD,eAEC,mBADA,YACA,CAIA,wCAEC,WADA,SACA,CAED,8CACC,4DAOD,UACC,0BADD,UACC,0BADD,UACC,0BADD,UACC","sources":["ui/components/phoneNumber/PhoneNumber.scss","ui/styles/mixin.scss","ui/components/usersListTable/UsersListTable.scss","ui/components/footer/footer.scss","ui/components/noUsers/NoUsers.css","ui/components/search/search.scss","ui/components/copyText/CopyText.scss","ui/components/inputField/InputField.css","ui/components/userDetail/userDetailForm.scss","ui/components/userDetail/loginMethods/components/dropdown.scss","ui/components/userDetail/loginMethods/components/editableInput.scss","ui/components/userDetail/loginMethods/loginMethods.scss","ui/components/userDetail/tenantList/UserTenantsList.scss","ui/components/userDetail/userDetail.scss","../node_modules/highlight.js/scss/an-old-hope.scss","ui/components/common/iconButton/style.scss","ui/components/userDetail/userMetaDataSection.scss","ui/components/userDetail/userDetailSessionList.scss","ui/pages/usersList/UsersList.scss","ui/components/auth/SignOutBtn.scss","ui/components/auth/Auth.scss","ui/components/errorboundary/error-boundary.scss","ui/components/toast/toastNotification.scss","ui/styles/index.css","ui/styles/variables.css","ui/styles/uikit.scss"],"sourcesContent":["/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.phone-display {\n\tdisplay: flex;\n\talign-items: flex-start;\n\t@include gap-horizontal(5px);\n}\n\n.phone-input {\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\toverflow: hidden;\n\tborder-radius: 6px;\n\tborder: 1px solid var(--color-border);\n\t&__country-select {\n\t\tdisplay: inline-flex;\n\t\tflex-direction: column;\n\t\tfont-weight: normal;\n\t\t&__current-value {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tpadding-left: 12px;\n\t\t\tcursor: pointer;\n\t\t\t@include gap-horizontal(8px);\n\t\t\t.PhoneInputCountryIcon {\n\t\t\t\timg {\n\t\t\t\t\theight: 14px;\n\t\t\t\t\tbox-shadow: 0px 0px 3px var(--color-shadow);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.country-calling-code {\n\t\t\t\tcolor: var(--color-black);\n\t\t\t}\n\t\t}\n\t\t&__popup {\n\t\t\tdisplay: none;\n\t\t\tposition: relative;\n\t\t\tposition: fixed;\n\t\t\tborder-radius: 6px;\n\t\t\tbackground-color: var(--color-white);\n\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\n\t\t\toverflow-y: auto;\n\t\t\t&__option {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 10px 12px;\n\t\t\t\talign-items: center;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tcursor: pointer;\n\t\t\t\t@include gap-horizontal(12px);\n\t\t\t\t.PhoneInputCountryIcon {\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\timg {\n\t\t\t\t\t\theight: 1em;\n\t\t\t\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.country-calling-code {\n\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t}\n\n\t\t\t\t&.selected {\n\t\t\t\t\tbackground-color: var(--color-window-bg);\n\t\t\t\t\tcolor: var(--color-link);\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t.country-calling-code {\n\t\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.popup-active {\n\t\t\t\tdisplay: block;\n\t\t\t\tz-index: var(--z-index-inline-popup);\n\t\t\t}\n\t\t}\n\t}\n\tinput.PhoneInputInput {\n\t\tflex: 1 1 auto;\n\t\tborder-left: none;\n\t\toverflow-x: hidden;\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t\tpadding: 8px 12px 8px;\n\t\tborder: none;\n\t\toutline: none;\n\t}\n}\n\n.phone-input.PhoneInput--focus {\n\tborder-color: var(--color-primary);\n\tbox-shadow: 0px 0px 0px 2px var(--color-primary-opacity-40);\n}\n\n.phone-input.phone-input-error {\n\tborder-color: var(--color-error);\n\tbox-shadow: 0px 0px 0px 2px var(--color-error-shadow);\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@mixin gap-horizontal($gap) {\n\t> :not(:last-child) {\n\t\tmargin-right: $gap;\n\t}\n}\n\n@mixin gap-vertical($gap) {\n\t> :not(:last-child) {\n\t\tmargin-bottom: $gap;\n\t}\n}\n\n@mixin text-ellipsis($max-width) {\n\tmax-width: $max-width;\n\toverflow-x: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n$container-padding-v: 24px;\n\n.users-list-table-container {\n\tpadding: $container-padding-v 0px;\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n\toverflow-x: auto;\n}\n\n.users-list-table {\n\twidth: 100%;\n\tmax-width: 100%;\n\tborder-spacing: 0px;\n\tborder-collapse: collapse;\n}\n\n.users-list-table thead {\n\tcolor: var(--color-secondary-text);\n\ttext-transform: uppercase;\n\tfont-size: 12px;\n\tline-height: 14px;\n}\n\n.users-list-table thead tr {\n\tborder-bottom: 1px solid var(--color-border);\n\tth {\n\t\tpadding: 0 1em 24px 34px;\n\t\tfont-weight: 500;\n\t\ttext-align: left;\n\t\twidth: 33%;\n\t}\n}\n\n.users-list-table tbody tr {\n\tborder-bottom: 1px solid var(--color-border);\n\ttd {\n\t\twidth: 33%;\n\t\tmax-width: 50%;\n\t\tpadding: 24px 1em 24px 34px;\n\t}\n\t&.empty-row {\n\t\ttd {\n\t\t\tpadding: 12px 0;\n\t\t}\n\t}\n}\n\n.user-row {\n\t&:hover {\n\t\tcursor: pointer;\n\t\tbackground: rgb(242, 247, 253);\n\t}\n\t.user-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tcolor: var(--color-secondary-text);\n\t\tpadding-right: 16px;\n\t\tdiv {\n\t\t\tmax-width: 25ch;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t}\n\t\t}\n\t\t.main {\n\t\t\tcolor: var(--color-black);\n\t\t\tfont-weight: 500;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.user-date {\n\t\tmin-width: 110px;\n\t\twhite-space: nowrap;\n\t}\n\n\t&.placeholder td {\n\t\tdiv {\n\t\t\twidth: 100%;\n\t\t\tbackground-color: var(--color-loader-placeholder-bg);\n\t\t\tmin-height: 1em;\n\t\t\topacity: 0.4;\n\t\t\tanimation: blinker 2s linear infinite;\n\t\t\t@keyframes blinker {\n\t\t\t\t50% {\n\t\t\t\t\topacity: 0.1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.user-row-select-button {\n\t\tbackground-color: white;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 25px;\n\t\theight: 25px;\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid var(--color-border);\n\t\ttransition: 0.3s;\n\t\timg {\n\t\t\twidth: 12px;\n\t\t\ttransition: transform 0.3s;\n\t\t}\n\n\t\t.img-hover {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.user-row-select-menu {\n\t\tcursor: pointer;\n\n\t\t.user-row-select-popup {\n\t\t\tdisplay: none;\n\t\t\tz-index: var(--z-index-inline-popup);\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tright: 0px;\n\t\t\tpadding: 20px 0 0px 0;\n\n\t\t\t.panel {\n\t\t\t\tpadding: 8px;\n\t\t\t\tmin-width: 180px;\n\t\t\t}\n\t\t}\n\n\t\t.user-row-select-popup-item {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\theight: 28px;\n\t\t\tpadding: 8px;\n\t\t\tfont-weight: normal;\n\t\t\twidth: 100%;\n\t\t\ttransition: 0.3s;\n\t\t\tborder-radius: 4px;\n\n\t\t\tspan {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\twidth: 1em;\n\t\t\t}\n\n\t\t\t.img-hover {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&.delete {\n\t\t\t\tcolor: var(--color-button-error-border);\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-popup-item-hover);\n\t\t\t\t.img-hover {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\t\t\t\t.img-normal {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&.delete {\n\t\t\t\t\tbackground-color: var(--color-popup-item-delete-hover);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t.user-row-select-popup {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t\t.user-row-select-button {\n\t\t\t\tborder: 1px solid var(--color-primary);\n\t\t\t\tbox-shadow: 0px 0px 5px var(--color-primary);\n\t\t\t\timg {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.img-hover {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t\ttransform: rotateZ(180deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&:last-of-type {\n\t\t// put popup on the left because the popup could be cropped by the paper's bottom\n\t\t.user-row-select-popup {\n\t\t\ttop: -50%;\n\t\t\tpadding: 0px 40px 0px;\n\t\t}\n\t}\n}\n\n.user-list-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tpadding-top: $container-padding-v;\n\tpadding-right: 34px;\n\tposition: sticky;\n\tleft: 0px;\n}\n\n.users-list-pagination {\n\tdisplay: flex;\n\t@include gap-horizontal(1em);\n\n\t.users-list-pagination-count {\n\t\tfont-weight: 500;\n\t}\n\t.users-list-pagination-navigation {\n\t\tdisplay: flex;\n\t\t@include gap-horizontal(0.5em);\n\t}\n\t.users-list-pagination-button {\n\t\tborder: none;\n\t\tbackground: none;\n\t}\n}\n\n.pill {\n\tdisplay: flex;\n\tborder-radius: 20px;\n\tpadding: 4px 8px;\n\talign-items: center;\n\twidth: fit-content;\n\twhite-space: nowrap;\n\t@include gap-horizontal(4px);\n\n\t&.passwordless {\n\t\tcolor: var(--color-passwordless-text);\n\t\tbackground-color: var(--color-passwordless-bg);\n\t}\n\t&.emailpassword {\n\t\tcolor: var(--color-emailpassword-text);\n\t\tbackground-color: var(--color-emailpassword-bg);\n\t}\n\t&.multiple {\n\t\tcolor: var(--color-multiple-login-text);\n\t\tbackground-color: var(--color-multiple-login-bg);\n\t}\n\t&.thirdparty {\n\t\tcolor: var(--color-custom-provider-text);\n\t\tbackground-color: var(--color-custom-provider-bg);\n\t\tmax-width: 25ch;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\t.thirdparty-name {\n\t\t\tmax-width: 10ch;\n\t\t\ttext-overflow: inherit;\n\t\t\toverflow: inherit;\n\t\t}\n\t\t&.google {\n\t\t\tcolor: var(--color-google-text);\n\t\t\tbackground-color: var(--color-google-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.apple {\n\t\t\tcolor: var(--color-apple-text);\n\t\t\tbackground-color: var(--color-apple-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.github {\n\t\t\tcolor: var(--color-github-text);\n\t\t\tbackground-color: var(--color-github-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.facebook {\n\t\t\tcolor: var(--color-facebook-text);\n\t\t\tbackground-color: var(--color-facebook-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\n.footer {\n\tbottom: 0;\n\twidth: 100%;\n\tmin-height: 62px;\n\tdisplay: flex;\n\tpadding: 20px 32px;\n\n\t.logo {\n\t\theight: 23px;\n\t\twidth: 151px;\n\t}\n\n\t&.alignment-right {\n\t\tjustify-content: flex-end;\n\t}\n\t&.alignment-center {\n\t\tjustify-content: center;\n\t}\n\n\t&.vertical-center {\n\t\talign-items: center;\n\t}\n\t&.vertical-bottom {\n\t\talign-self: flex-end;\n\t}\n\n\t&.color-dark {\n\t\tbackground-color: var(--color-black);\n\t\t.logo {\n\t\t\twidth: 148px;\n\t\t}\n\t}\n\n\t&.size-large {\n\t\tpadding: 40px 32px;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.no-users {\n\tpadding: 60px 24px;\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: center;\n}\n\n.no-users-image {\n\theight: 43px;\n\twidth: 63px;\n\tmargin-bottom: 24px;\n}\n\n.no-users-title {\n\tfont-size: 18px;\n\tline-height: 22px;\n\tfont-weight: 500;\n\tcolor: var(--color-black);\n\tletter-spacing: 0.18px;\n\tmargin-bottom: 8px;\n\ttext-align: center;\n}\n\n.no-users .no-users-subtitle {\n\tcolor: var(--color-secondary-text);\n\tpadding: 4px 0;\n\ttext-align: center;\n\tmax-width: 54ch;\n\tline-height: 1.5em;\n}\n\n@media only screen and (min-width: 992px) {\n\t.no-users {\n\t\tpadding: 60px;\n\t}\n}\n",".search {\n\tmargin-bottom: 20px;\n\n\t#search-btn {\n\t\tdisplay: inline-block;\n\t\tbackground: var(--color-white);\n\t\tborder: 1px solid var(--color-black);\n\t\tborder-radius: 6px;\n\t\tpadding: 6px 8px;\n\t\tfont-size: 14px;\n\t\tfont-family: inherit;\n\t\tline-height: 17px;\n\t\tfont-weight: 500;\n\t\tcursor: pointer;\n\t\tz-index: 1;\n\t\theight: 35px;\n\t\tmargin-left: 10px;\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\t& {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__input_wrapper {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\n\t\twidth: 340px;\n\t\theight: 40px;\n\t\tpadding: 9px 16px;\n\t\tbackground: #ffffff;\n\t\tborder: 1px solid #e5e5e5;\n\t\tborder-radius: 6px;\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\t& {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t& img {\n\t\t\theight: 14px;\n\t\t\taspect-ratio: 1;\n\n\t\t\t&:nth-child(1) {\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-bottom: 3px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tcursor: pointer;\n\t\t\t\theight: 22px;\n\t\t\t}\n\t\t}\n\n\t\t&.active {\n\t\t\tborder: 1px solid #ff9933;\n\t\t\toutline: 2px solid rgba(255, 153, 51, 0.4);\n\t\t}\n\n\t\t& input {\n\t\t\tborder: none;\n\t\t\tflex-grow: 1;\n\t\t\theight: 20px;\n\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&:focus-visible,\n\t\t\t&:focus-within {\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&::placeholder {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 171%;\n\n\t\t\t\tcolor: rgba(34, 34, 34, 0.7);\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.searchTag {\n\tdisplay: inline-flex;\n\tmargin: 12px 0;\n\n\tmargin-right: 8px;\n\n\talign-items: center;\n\n\t&__value {\n\t\tbackground: #fafafa;\n\t\tborder: 1px solid #dddddd;\n\t\tborder-radius: 4px;\n\n\t\tpadding: 6px;\n\n\t\tfont-weight: 400;\n\t\tfont-size: 14px;\n\n\t\tmargin-left: 4px;\n\n\t\tcolor: #000000;\n\n\t\t& img {\n\t\t\tmargin-left: 10px;\n\t\t\theight: 8px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n.tag_dropdown {\n\tposition: relative;\n\t&__selector {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\tbackground: #eeeeee;\n\t\tborder: 1px solid #e2e2e2;\n\t\tborder-radius: 4px;\n\n\t\tfont-weight: 500;\n\t\tfont-size: 14px;\n\n\t\tpadding: 6px;\n\n\t\tcolor: #000000;\n\n\t\t& img {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n\t\t&.active {\n\t\t\tbackground: #fff2e1;\n\t\t\tborder: 1px solid #ebdfcf;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n\n\t&__menu {\n\t\tposition: absolute;\n\t\ttop: calc(2em + 8px);\n\n\t\tz-index: 999;\n\n\t\tbackground: #ffffff;\n\t\tbox-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);\n\t\tborder-radius: 6px;\n\n\t\tmin-width: 180px;\n\n\t\t& ul {\n\t\t\tlist-style-type: none;\n\n\t\t\t& li {\n\t\t\t\tmargin: 7px;\n\t\t\t\tpadding: 10px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 14px;\n\n\t\t\t\tcolor: #6e6a65;\n\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: #f0f0f0;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: baseline;\n\t\t\t\t\t& img {\n\t\t\t\t\t\tmargin-right: 11px;\n\t\t\t\t\t\theight: 15px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n\n.copy-text {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tmax-width: 100%;\n\t.copy-text-text {\n\t\t@include text-ellipsis(100%);\n\t\tflex: 1;\n\t\tpadding-right: 4px;\n\t}\n\t.copy-text-action {\n\t\tcursor: pointer;\n\t\tborder-radius: 50%;\n\t\ttransition: 0.3s;\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-copy-box-shadow);\n\t\t\tbox-shadow: 0px 0px 0px 4px var(--color-copy-box-shadow);\n\t\t}\n\t}\n\t.copy-text-notification {\n\t\tposition: fixed;\n\t\tfont-size: 12px;\n\t\ttransform: translateY(-50%);\n\t\tz-index: 1;\n\n\t\tspan {\n\t\t\tmargin: 0px 12px;\n\t\t\twhite-space: nowrap;\n\t\t\tbackground-color: var(--color-black);\n\t\t\tborder-color: var(--color-black);\n\t\t\tcolor: var(--color-white);\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.input-field-container {\n\tdisplay: flex;\n\tflex-flow: column;\n\tmargin-bottom: 24px;\n}\n\n.input-label {\n\tcolor: var(--color-secondary-text);\n\tfont-weight: 500;\n\tmargin-bottom: 12px;\n}\n\n.input-label-required {\n\tcolor: var(--color-error);\n\tmargin: 0px 4px;\n}\n\n.input-field-inset {\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid rgb(224, 224, 224);\n\tborder-radius: 6px;\n\toutline: none;\n}\n\n.input-field {\n\tflex: 1;\n\tfont-family: inherit;\n\tdisplay: block;\n\tpadding: 8px 12px 8px;\n\tborder-radius: 6px;\n\tborder: none;\n\toutline: none;\n\tbackground-color: rgb(250, 250, 250);\n}\n\n.input-field:focus,\n.input-field:hover {\n\tbackground-color: white;\n}\n\n.input-field-inset-focused,\n.input-field-inset:active {\n\tborder-color: var(--color-primary);\n\tbox-shadow: 0px 0px 0px 2px var(--color-primary-opacity-40);\n}\n\n.input-field-inset-error-state,\n.input-field-inset-error-state:focus,\n.input-field-inset-error-state:active {\n\tborder-color: var(--color-error);\n\tbox-shadow: 0px 0px 0px 2px var(--color-error-shadow);\n}\n\n.input-field-suffix .icon {\n\tcursor: pointer;\n\tpadding: 8px 12px 8px 0px;\n}\n\n.input-field-error {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-top: 8pt;\n}\n\n.input-field-error-icon {\n\theight: 16px;\n\twidth: 16px;\n\tmargin-right: 8px;\n\tmargin-bottom: 2px;\n}\n\n.input-field-error-text {\n\tline-height: normal !important;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n\n.user-detail-form {\n\t.input-field-container:not(:last-of-type) {\n\t\tmargin-bottom: 24px;\n\t}\n\t&__header {\n\t\tfont-size: 24px;\n\t}\n\t&__actions {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: 24px;\n\t\t@include gap-horizontal(24px);\n\t\tbutton {\n\t\t\tjustify-content: center;\n\t\t\tfont-weight: normal;\n\t\t\tpadding-top: 10px;\n\t\t\tpadding-bottom: 10px;\n\t\t\tpadding-right: 16px;\n\t\t\tpadding-left: 16px;\n\t\t}\n\t}\n\tp {\n\t\tfont-size: 14px;\n\t\tline-height: 24px;\n\n\t\tspan {\n\t\t\tcolor: #ed344e;\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n}\n\n.phone-input {\n\tmargin-top: 12px;\n\tmargin-bottom: 8px;\n}\n\n.user-delete-input-container {\n\tmargin-top: 8px;\n}\n",".dropdown {\n\tposition: relative;\n\tcursor: pointer;\n\n\t.trigger {\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid #ddd;\n\t\tbackground: #f5f5f5;\n\t\tpadding: 8px;\n\n\t\t&:hover {\n\t\t\tbackground: #fff;\n\t\t\tborder: 1px solid #f93;\n\t\t}\n\n\t\t&.open {\n\t\t\tbackground: #fff;\n\t\t\tborder: 1px solid #f93;\n\t\t\toutline: 1px solid rgba(255, 153, 51, 0.4);\n\t\t}\n\t}\n\n\t.menu {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\n\t\tborder-radius: 6px;\n\t\tbackground: #fff;\n\t\tbox-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);\n\n\t\tpadding: 6px;\n\n\t\ttop: 30px;\n\t\tright: 10%;\n\n\t\tz-index: 10;\n\n\t\tdiv {\n\t\t\twidth: 160px;\n\t\t\tpadding: 6px 8px;\n\n\t\t\tdisplay: flex;\n\t\t\talign-items: baseline;\n\t\t\tjustify-content: flex-start;\n\n\t\t\timg {\n\t\t\t\theight: 14px;\n\t\t\t\twidth: 18px;\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\talign-items: center;\n\t\t\t\timg {\n\t\t\t\t\theight: 20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t\t&:last-child {\n\t\t\t\t\tcolor: #9e2526;\n\t\t\t\t\tbackground: rgba(222, 35, 61, 0.12);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.menu.open {\n\t\tdisplay: block;\n\t}\n}\n",".input {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: baseline;\n}\n\n.input-field-container {\n\tmargin-bottom: 0 !important;\n}\n",".method {\n\tborder-radius: 6px;\n\tborder: 1px solid #ddd;\n\tmargin-bottom: 16px;\n\n\t@media screen and (max-width: 900px) {\n\t\tfont-size: 12px;\n\t}\n\n\t.method-header {\n\t\tborder-radius: 5px 5px 0px 0px;\n\t\tborder-bottom: 1px solid #ddd;\n\t\tpadding: 16px 25px;\n\t\tdisplay: flex;\n\t\talign-items: baseline;\n\t\tjustify-content: space-between;\n\n\t\t.left {\n\t\t\tdisplay: flex;\n\t\t\talign-items: baseline;\n\t\t\tjustify-content: flex-start;\n\t\t\tfont-size: 14px;\n\n\t\t\t.user-id-span {\n\t\t\t\tmargin-left: 15px;\n\t\t\t\tcolor: #6e6a65;\n\n\t\t\t\t.copy-text-wrapper {\n\t\t\t\t\tborder-radius: 3px;\n\t\t\t\t\tborder: 1px solid #d9d9d9;\n\t\t\t\t\tcolor: #d65078;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.resp {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\tgap: 14px;\n\t\t\t\t.user-id-span {\n\t\t\t\t\tmargin-left: 0;\n\n\t\t\t\t\t.copy-text-wrapper {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t\t.copy-text-wrapper.resp {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.method-body {\n\t\tpadding: 18px 27px;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgap: 10px;\n\n\t\t@media screen and (max-width: 900px) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\n\t\tcolor: #6e6a65;\n\t\talign-items: center;\n\n\t\t& > div {\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\theight: 50px;\n\n\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\theight: 37px;\n\t\t\t}\n\t\t}\n\n\t\tb {\n\t\t\tcolor: #222;\n\t\t\tfont-family: Rubik;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: normal;\n\t\t\tmargin-left: 1ch;\n\n\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t}\n\n\t\t.pill-container {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tmargin-left: 12px;\n\t\t}\n\t}\n}\n\n.send-mail-icon {\n\tcursor: pointer;\n\t& > :first-child {\n\t\tfill: #ececec;\n\t}\n\t& > path {\n\t\tfill: #5f5f5f;\n\t}\n\n\t& > :last-child {\n\t\tstroke: #d2d2d2;\n\t}\n\n\t&:hover {\n\t\t& > :first-child {\n\t\t\tfill: #ff9933;\n\t\t\tfill-opacity: 0.15;\n\t\t}\n\t\t& > path {\n\t\t\tfill: #ff9933;\n\t\t}\n\n\t\t& > :last-child {\n\t\t\tstroke: #ff9933;\n\t\t}\n\t}\n}\n\n.not-verified {\n\tborder-radius: 22px;\n\tborder: 1px solid #d2d2d2;\n\tbackground: #ececec;\n\tfont-size: 12px;\n\tpadding: 4px 10px;\n\tcolor: #252728;\n\ttext-align: center;\n}\n\n.verified {\n\tborder-radius: 16px;\n\tborder: 1px solid #c2ebd0;\n\tbackground: #c8f9d8;\n\tcolor: rgba(18, 85, 37, 1);\n\tfont-size: 12px;\n\tpadding: 5px;\n}\n\n.password-link {\n\tcursor: pointer;\n\n\tcolor: rgba(0, 122, 255, 1);\n\tmargin-left: 6px;\n\tfont-weight: 400;\n\n\t&:hover {\n\t\ttext-decoration: underline;\n\t\tfont-weight: 500;\n\t}\n}\n\n.save-button {\n\tbox-shadow: 0px 3px 6px 0px rgba(0, 122, 255, 0.16);\n\tborder-radius: 6px;\n\tborder: 1px solid #007aff;\n\tbackground: #007aff;\n\tpadding: 8px;\n\tcolor: white;\n\tfont-weight: 500;\n}\n\n.provider-pill {\n\tborder-radius: 4px;\n\tbackground: #f0f4f7;\n\tpadding: 10px;\n\tfont-family: monospace;\n\tdisplay: inline-flex;\n\n\tmax-width: 250px;\n\n\t@media screen and (max-width: 900px) {\n\t\tdisplay: block;\n\t}\n\n\timg {\n\t\theight: 15px;\n\t\twidth: 15px;\n\t}\n}\n\n.cancel {\n\tmargin: 0.25rem !important;\n\tpadding: 6px 12px !important;\n\tfont-weight: 500;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../../styles/mixin.scss\";\n\n.tenant-pill {\n\tpadding: 5px 13px;\n\tborder-radius: 30px;\n\tborder: 1px solid #9335e4;\n\tbackground: rgba(147, 53, 228, 0.1);\n\tmax-width: fit-content;\n\tcolor: #9335e4;\n\tfont-size: 14px;\n\tmargin-left: 10px;\n}\n\n.tenant-list-container {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\trow-gap: 16px;\n\tcolumn-gap: 16px;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.user-detail-page-loader {\n\tmin-height: 80vh;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.full-screen-loading-overlay {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tz-index: 1;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.loader-container {\n\tbackground-color: var(--color-window-bg);\n\tpadding: 2px;\n\tdisplay: flex;\n\tborder-radius: 50%;\n}\n\n.loader {\n\tborder: 16px solid #f3f3f3; /* Light grey */\n\tborder-top: 16px solid #ff9933; /* Blue */\n\tborder-radius: 50%;\n\twidth: 60px;\n\theight: 60px;\n\tanimation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@-webkit-keyframes spin {\n\t0% {\n\t\t-webkit-transform: rotate(0deg);\n\t}\n\t100% {\n\t\t-webkit-transform: rotate(360deg);\n\t}\n}\n\n@-moz-keyframes spin {\n\t0% {\n\t\t-moz-transform: rotate(0deg);\n\t}\n\t100% {\n\t\t-moz-transform: rotate(360deg);\n\t}\n}\n\n.user-detail {\n\t--badge-bg-color: rgb(197, 224, 253);\n\t--copy-text-color: rgb(214, 80, 120);\n\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\n\tmax-width: 100vw;\n\n\t&.center-children {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\t.subtitle {\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 26px;\n\t\t}\n\n\t\t.back-button {\n\t\t\tmargin-top: 16px;\n\t\t\tcolor: var(--color-link);\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&__header {\n\t\tmargin-top: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\toverflow: hidden;\n\t\t@include gap-horizontal(16px);\n\t\t&__badge {\n\t\t\t$size: 60px;\n\t\t\tborder-radius: 50%;\n\t\t\twidth: $size;\n\t\t\theight: $size;\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 600;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: uppercase;\n\t\t\tbackground-color: var(--badge-bg-color);\n\t\t\tcolor: var(--color-link);\n\t\t}\n\t\t&__info {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\toverflow: hidden;\n\t\t\t@include gap-vertical(6px);\n\t\t}\n\t\t&__title {\n\t\t\tfont-size: 18px;\n\t\t\tline-height: 28px;\n\t\t\tfont-weight: 600;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tspan {\n\t\t\t\t@include text-ellipsis(100%);\n\t\t\t}\n\t\t}\n\t\t&__user-id {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tfont-size: 14px;\n\t\t\t@include gap-horizontal(8px);\n\t\t\tspan {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t\t&__text {\n\t\t\t\tbackground-color: var(--color-white);\n\t\t\t\tcolor: var(--copy-text-color);\n\t\t\t\tborder: 1px var(--color-border) solid;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-width: 290px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: \"Source Code Pro\";\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t\t&__action {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.panel {\n\t\tmargin-top: 40px;\n\t}\n\n\t&__info-grid {\n\t\t&__grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n\t\t\tgrid-gap: 40px 60px;\n\t\t}\n\t\t&__item {\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\t&__label {\n\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t&__body {\n\t\t\t\twidth: 100%;\n\t\t\t\t@include text-ellipsis(100%);\n\t\t\t\twhite-space: normal;\n\t\t\t\toverflow: visible;\n\t\t\t}\n\t\t\t&__guide {\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 1em;\n\t\t\t\twidth: 1em;\n\t\t\t\tborder: 1px solid var(--color-black);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin-left: 6px;\n\t\t\t\timg {\n\t\t\t\t\theight: 1em;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.input-field-container {\n\t\t\t\tmargin: 0px;\n\t\t\t}\n\n\t\t\t.email-verified-button {\n\t\t\t\tmargin-left: 12px;\n\t\t\t\tfont-weight: normal;\n\t\t\t}\n\t\t}\n\n\t\tinput,\n\t\t.phone-input {\n\t\t\tbackground-color: var(--color-window-bg);\n\t\t}\n\n\t\t.input-field-error {\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n\n\t&__provider-box {\n\t\tfont-size: 13px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tcolor: var(--color-copy-box);\n\t\tbackground-color: var(--color-copy-box-bg);\n\t\twidth: 100%;\n\t\t@include gap-horizontal(6px);\n\n\t\t&.block-snippet {\n\t\t\tborder: none;\n\t\t\tpadding-right: 4px;\n\t\t}\n\n\t\t> span {\n\t\t\t> img {\n\t\t\t\theight: 1em;\n\t\t\t}\n\t\t}\n\n\t\t&__user-id {\n\t\t\tflex: 1;\n\t\t\toverflow-x: hidden;\n\t\t\tpadding: 4px 4px 4px 0px;\n\t\t\t.copy-text {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media only screen and (min-width: #{$container-width + 2 * $container-padding-horizontal}px) {\n\t\twidth: #{$container-width}px;\n\t\tpadding-left: 0px;\n\t\tpadding-right: 0px;\n\t\tmargin: 0 auto;\n\t}\n}\n\n.user-detail-title {\n\tfont-size: 28px;\n\tline-height: 34px;\n\tcolor: var(--color-black);\n\tmargin-bottom: 16px;\n\tfont-weight: 500;\n}\n\n.user-detail-subtitle {\n\tcolor: var(--color-secondary-text);\n\tmargin-bottom: 48px;\n}\n\n.user-detail-paper {\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-white);\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\n.user-detail .block-info-connection {\n\tmargin-bottom: 24px;\n}\n\n.pill {\n\tmargin-top: 4px;\n}\n","pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!\n Theme: An Old Hope – Star Wars Syntax\n Author: (c) Gustavo Costa \n Maintainer: @gusbemacbe\n\n Original theme - Ocean Dark Theme – by https://github.com/gavsiu\n Based on Jesse Leite's Atom syntax theme 'An Old Hope'\n https://github.com/JesseLeite/an-old-hope-syntax-atom\n*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}","@import \"../../../styles/mixin.scss\";\n\n.button-root {\n\tcursor: pointer;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.padding-vertical-24 {\n\tpadding-top: 24px !important;\n\tpadding-bottom: 24px !important;\n}\n\n.metadata-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: 100%;\n\tjustify-content: space-between;\n\tpadding-bottom: 24px;\n\tborder-bottom: 1px solid var(--color-border);\n\tbox-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\t-webkit-box-sizing: border-box;\n\n\t.title {\n\t\tcolor: var(--color-secondary-text);\n\t\tfont-weight: 500;\n\t}\n\n\t.metadata-actions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\t@include gap-horizontal(16px);\n\t}\n}\n\n.metadata-content-container {\n\tmargin-top: 22px;\n\tpadding-left: 28px;\n\tpadding-right: 28px;\n\toverflow-x: auto;\n\tpadding-top: 15px;\n\tpadding-bottom: 15px;\n\tbackground: #0d2e4e;\n\tborder-radius: 6px;\n\twhite-space: pre;\n\n\t.hljs {\n\t\tbackground: #0d2e4e;\n\t\tfont-weight: 400;\n\t\tfont-size: 13px;\n\t\tline-height: 21px;\n\t\tpadding: 0px !important;\n\t}\n}\n\n.metadata-edit-box {\n\tmargin-top: 24px;\n\tmin-width: 100%;\n\tmax-width: 100%;\n\tmin-height: 200px;\n\tpadding: 4px;\n\tbackground-color: var(--color-window-bg);\n\tborder-radius: 6px;\n\tborder: none;\n\tborder: 1px solid rgb(224, 224, 224);\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.panel {\n\t&.no-padding-horizontal {\n\t\tpadding-left: 0px !important;\n\t\tpadding-right: 0px !important;\n\t}\n}\n\n.content-container {\n\twidth: 100%;\n\tpadding-top: 24px;\n\tpadding-bottom: 24px;\n\n\t.header {\n\t\tpadding-left: 34px;\n\t\tpadding-right: 34px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tcolor: var(--color-secondary-text);\n\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t}\n\n\t\t.header-primary {\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t.header-secondary {\n\t\t\tfont-weight: 400;\n\t\t\tfont-size: 12px;\n\t\t\tmargin-left: 4px;\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: 2px;\n\t\t\t}\n\t\t}\n\n\t\t.button-error {\n\t\t\tfont-weight: 500;\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\tmargin-top: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.table-container {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\toverflow-x: scroll;\n\t\tmargin-top: 18px;\n\t\theight: fit-content;\n\t}\n\n\t.table {\n\t\tdisplay: table;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tborder-spacing: 0px;\n\t\tborder-collapse: collapse;\n\n\t\t.thead {\n\t\t\tcolor: var(--color-black);\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 14px;\n\n\t\t\t.head-row {\n\t\t\t\tborder-bottom: 1px solid var(--color-border);\n\t\t\t\tborder-top: 1px solid var(--color-border);\n\t\t\t\tpadding-left: 34px;\n\t\t\t\tpadding-right: 34px;\n\t\t\t\tpadding-top: 15px;\n\t\t\t\tpadding-bottom: 15px;\n\t\t\t\tbackground: #fafafa;\n\n\t\t\t\tth {\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\tpadding-top: 15px;\n\t\t\t\t\tpadding-bottom: 15px;\n\t\t\t\t\tpadding-left: 35px;\n\t\t\t\t\tpadding-right: 35px;\n\t\t\t\t}\n\n\t\t\t\tth:last-child {\n\t\t\t\t\tpadding-right: 34px;\n\t\t\t\t}\n\n\t\t\t\t.w30 {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\tpadding-left: 34px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttbody {\n\t\t\tpadding-left: 34px;\n\t\t\tpadding-right: 34px;\n\n\t\t\t.placeholder {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t.session-info {\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-left: 34px;\n\t\t\t\tmargin-right: 34px;\n\t\t\t}\n\n\t\t\t.session-row {\n\t\t\t\tmargin-top: 29px;\n\t\t\t\tmargin-left: 34px;\n\t\t\t\tmargin-right: 34px;\n\n\t\t\t\t&.empty-row {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\n\t\t\t\t&.with-data {\n\t\t\t\t\ttd {\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\twidth: calc(70% / 3);\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t\t\theight: 1px;\n\t\t\t\t\t\tmin-height: 28px;\n\t\t\t\t\t\tpadding-left: 35px;\n\t\t\t\t\t\tpadding-right: 35px;\n\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\tpadding-top: 29px;\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tpadding-left: 8px;\n\t\t\t\t\t\t\tpadding-right: 8px;\n\t\t\t\t\t\t\tpadding-top: 7px;\n\t\t\t\t\t\t\tpadding-bottom: 7px;\n\t\t\t\t\t\t\tbackground-color: var(--color-copy-box-bg);\n\t\t\t\t\t\t\twidth: fit-content;\n\t\t\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.button-error-outline {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.session-id {\n\t\t\t\t\t\t\tfont-family: \"Source Code Pro\";\n\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\ttd:last-child {\n\t\t\t\t\t\tpadding-right: 34px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.w30 {\n\t\t\t\t\t\tpadding-left: 34px;\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.users-list {\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\n\tmax-width: 100vw;\n}\n\n.users-list-title {\n\tfont-size: 28px;\n\tline-height: 34px;\n\tcolor: var(--color-black);\n\tmargin-bottom: 16px;\n\tfont-weight: 500;\n}\n\n.users-list-title .pill.paid-feature-badge {\n\tdisplay: inline-block;\n\tline-height: 1.1;\n\tfont-size: 14px;\n\tbackground-color: var(--color-badge-bg);\n\tcolor: var(--color-badge);\n\tborder-radius: 6px;\n\tmargin-top: 0;\n\tvertical-align: middle;\n}\n\n.users-list-subtitle {\n\tcolor: var(--color-secondary-text);\n\tmargin-bottom: 48px;\n}\n\n.users-list-paper {\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-white);\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\n.users-list .block-info-connection {\n\tmargin-bottom: 24px;\n}\n\n.tenant-list-dropdown {\n\tmin-width: 200px;\n\tpadding-left: 13px;\n\tpadding-right: 13px;\n\tpadding-top: 9px;\n\tpadding-bottom: 9px;\n\tborder-radius: 6px;\n\tborder: 1px solid #e5e5e5;\n\tbackground: #fff;\n\tfont-size: 14px;\n\tcolor: #222;\n}\n\n.tenant-id-container {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-bottom: 16px;\n}\n\n.tenant-id-title {\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tmargin-right: 8px;\n}\n\n@media only screen and (min-width: #{$container-width + 2 * $container-padding-horizontal}px) {\n\t.users-list {\n\t\twidth: #{$container-width}px;\n\t\tpadding-left: 0px;\n\t\tpadding-right: 0px;\n\t\tmargin: 0 auto;\n\t}\n}\n","button#sign-out-btn {\n\tposition: absolute;\n\ttop: 24px;\n\tright: 60px;\n\tbackground: var(--color-white);\n\tborder: 1px solid var(--color-black);\n\tborder-radius: 6px;\n\tpadding: 6px 8px;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tline-height: 17px;\n\tfont-weight: 500;\n\tcursor: pointer;\n\tz-index: 1;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.auth-container {\n\theight: 100vh;\n\twidth: 100vw;\n\tdisplay: flex;\n\tflex-flow: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-position: top center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tbackground-image: var(--auth-background-portrait);\n\n\t@media only screen and (min-width: 600px) {\n\t\tbackground-image: var(--auth-background);\n\t}\n}\n\n.auth-container .block-container {\n\tmax-width: 320px;\n\tmargin: 32px auto;\n\n\t&.sign-up,\n\t&.forgot-password {\n\t\tmax-width: 460px;\n\t}\n\n\t@media only screen and (min-width: 600px) {\n\t\tmax-width: 450px;\n\n\t\t&.sign-up,\n\t\t&.forgot-password {\n\t\t\tmax-width: 760px;\n\t\t\twidth: max(600px, 41vw);\n\t\t}\n\t}\n}\n\n.auth-container {\n\t.text-title {\n\t\tmargin-bottom: 8px;\n\t}\n\n\t.text-label {\n\t\tmargin-bottom: 16px;\n\t}\n\n\tlabel {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tmargin-block-end: 7px;\n\t\tdisplay: inline-block;\n\t}\n}\n\n.block-container {\n\thr {\n\t\tmargin-block: 24px;\n\t\tborder-bottom: none;\n\t\tborder-top: 1px solid rgb(221, 221, 221);\n\t}\n\n\t.link {\n\t\tcolor: var(--color-link);\n\t\tcursor: pointer;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n}\n\nform .input-field-inset:not(.input-field-inset-focused) input {\n\tbackground-color: var(--color-input-unfocused);\n}\n\n.error-response-container {\n\tfont-size: 14px;\n}\n\n.cta-container {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t.secondary-cta-btn {\n\t\tfont-family: inherit;\n\t\tfont-size: 14px;\n\n\t\t&.forgot-btn {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\timg.back-chevron {\n\t\tmargin-inline-end: 6px;\n\t}\n}\n\n.margin-top-16 {\n\tmargin-top: 16px;\n}\n\n.command-container {\n\tmargin-block: 24px 18px;\n\tdisplay: flex;\n\tpadding-block: 6px;\n\tpadding-inline: 8px 4px;\n\t@include gap-horizontal(12px);\n\tborder: 1px solid var(--color-border-command);\n\tborder-radius: 6px;\n\twhite-space: break-spaces;\n\n\t.clipboard-btn-container {\n\t\theight: 24px;\n\t\tmin-width: 24px;\n\t\tborder-radius: 50%;\n\t\ttransition: 0.1s all ease-in-out;\n\t\tcursor: pointer;\n\n\t\t&:hover {\n\t\t\tbackground: rgba(217, 217, 217, 0.6);\n\t\t}\n\n\t\t.clipboard-icon {\n\t\t\twidth: 12px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\tcode.command {\n\t\tword-break: break-word;\n\t\tfont-size: 13px;\n\t\tline-height: 1.6;\n\t\tcolor: var(--color-command);\n\t\tflex: 1;\n\t\tmax-height: 160px;\n\t\toverflow-y: scroll;\n\n\t\t.hljs-string {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t.tooltip-container {\n\t\theight: fit-content;\n\n\t\t.tooltip-container__popup {\n\t\t\tpadding: 3px 8px;\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\n.error-container {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t.block-container {\n\t\ttext-align: center;\n\t\tmax-width: 560px;\n\t\tmargin: 32px auto;\n\t\t.text-title {\n\t\t\tfont-size: 24px;\n\t\t\tline-height: normal;\n\t\t\tmargin-top: 8px;\n\t\t}\n\t\t.title-image {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\tp {\n\t\t\tmargin-top: 12px;\n\t\t\tletter-spacing: 0.14px;\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.notification {\n\tdisplay: flex;\n\tpadding: 16px;\n\t@include gap-horizontal(8px);\n\tline-height: 24px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-window-bg);\n\tbox-shadow: 0px 0px 6px var(--color-shadow);\n\tfont-size: 14px;\n\tanimation: notificationScale 0.3s;\n\ttransition: 0.3s;\n\t&__icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\timg {\n\t\t\theight: 16px;\n\t\t}\n\t}\n\t&__info {\n\t\tflex: 1;\n\t\tpadding-right: 24px;\n\t\tfont-weight: 500;\n\t\tmax-width: 300px;\n\t\twhite-space: wrap;\n\t}\n\t&__close {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tsvg {\n\t\t\twidth: 8px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&.notification-info {\n\t\tbackground-color: var(--color-info-bg);\n\t\tcolor: var(--color-info);\n\t\tborder-color: var(--color-border-info);\n\t\tbox-shadow: 0px 0px 6px var(--color-info-shadow);\n\t\tsvg {\n\t\t\tstroke: var(--color-info);\n\t\t}\n\t}\n\t&.notification-error {\n\t\tbackground-color: var(--color-error-bg);\n\t\tcolor: var(--color-error);\n\t\tborder-color: var(--color-border-error);\n\t\tbox-shadow: 0px 0px 6px var(--color-error-shadow);\n\t\tsvg {\n\t\t\tstroke: var(--color-error);\n\t\t}\n\t}\n\t&.notification-success {\n\t\tbackground-color: var(--color-success-bg);\n\t\tcolor: var(--color-success);\n\t\tborder-color: var(--color-border-success);\n\t\tbox-shadow: 0px 0px 6px var(--color-success-shadow);\n\t\tsvg {\n\t\t\tstroke: var(--color-success);\n\t\t}\n\t}\n}\n\n.notification-container {\n\tposition: fixed;\n\ttop: 78px;\n\tright: 0px;\n\tpadding: 0px 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\ttransition: 0.3s;\n\t@include gap-vertical(16px);\n\tmax-height: 100vh;\n\tjustify-content: flex-end;\n\twidth: max-content;\n}\n\n@keyframes notificationScale {\n\t0% {\n\t\ttransform: scale(0);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import url(\"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500&display=swap\");\n\nbody {\n\tfont-family: \"Rubik\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\",\n\t\t\"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tcolor: var(--color-black);\n}\n\ncode {\n\tfont-family: Menlo, \"Source Code Pro\", Monaco, Consolas, \"Courier New\", monospace;\n}\n\n* {\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\tposition: relative;\n}\n\n#root {\n\tbackground-color: var(--color-window-bg);\n\tmin-height: 100vh;\n\tmin-width: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n#root > * {\n\tflex: 1;\n}\n\n#root > .footer {\n\tflex: 0;\n}\n\nbutton:not(:disabled),\na[href] {\n\tcursor: pointer;\n}\n\nbutton:disabled {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\nbody {\n\t/* theme colors */\n\t--color-primary: rgb(255, 153, 51);\n\t--color-primary-opacity-40: rgba(255, 153, 51, 0.4);\n\t--color-primary-darker: rgb(255, 128, 0);\n\n\t--color-white: rgb(255, 255, 255);\n\t--color-black: rgb(34, 34, 34);\n\t--color-window-bg: rgb(248, 248, 248);\n\n\t/* Background Colors */\n\t--color-loader-placeholder-bg: rgba(110, 106, 101, 0.4);\n\t--color-shadow: rgba(0, 0, 0, 0.16);\n\t--color-container-shadow: rgba(0, 0, 0, 0.16);\n\t--color-error-shadow: rgba(158, 37, 38, 0.16);\n\t--color-error-bg: rgb(253, 240, 241);\n\t--color-info-shadow: rgba(158, 37, 38, 0.16);\n\t--color-info-bg: rgb(235, 245, 255);\n\t--color-success-bg: rgb(241, 250, 247);\n\t--color-success-shadow: rgba(4, 84, 62, 0.16);\n\t--color-link: rgb(0, 122, 255);\n\t--color-input-unfocused: rgb(250, 250, 250);\n\t--color-badge-bg: rgba(255, 242, 202);\n\n\t/* Border Colors */\n\t--color-border: rgb(229, 229, 229);\n\t--color-border-error: rgb(239, 121, 119);\n\t--color-border-info: rgb(151, 189, 250);\n\t--color-border-success: rgb(73, 200, 153);\n\t--color-border-command: rgb(221, 221, 221);\n\n\t/* Text Colors */\n\t--color-secondary-text: rgb(110, 106, 101); /* Below title, table headers, placeholders etc */\n\t--color-error: rgb(158, 37, 38);\n\t--color-info: rgb(31, 90, 219);\n\t--color-success: rgb(4, 84, 62);\n\t--color-link: rgb(0, 118, 255);\n\t--color-command: rgb(214, 80, 120);\n\t--color-badge: rgba(220, 141, 13);\n\n\t/* Recipe Pill Colors */\n\t--color-emailpassword-bg: rgb(221, 252, 247);\n\t--color-emailpassword-text: rgb(0, 106, 91);\n\t--color-passwordless-bg: rgb(255, 234, 247);\n\t--color-passwordless-text: rgb(168, 17, 90);\n\t--color-multiple-login-text: rgb(159, 112, 19);\n\t--color-multiple-login-bg: rgb(255, 246, 197);\n\n\t/* Social Provider Pill Colors */\n\t--color-google-bg: rgb(241, 222, 255);\n\t--color-google-text: rgb(92, 63, 121);\n\t--color-github-bg: rgb(222, 255, 238);\n\t--color-github-text: rgb(9, 108, 56);\n\t--color-facebook-bg: rgb(227, 235, 255);\n\t--color-facebook-text: rgb(21, 75, 221);\n\t--color-apple-bg: rgb(229, 237, 255);\n\t--color-apple-text: rgb(11, 28, 69);\n\t--color-custom-provider-bg: rgb(228, 224, 255);\n\t--color-custom-provider-text: rgb(84, 37, 176);\n\n\t/* Color for Copy-Box */\n\t--color-copy-box: rgb(83, 101, 121);\n\t--color-copy-box-bg: rgb(240, 244, 247);\n\t--color-copy-box-shadow: rgba(83, 101, 121, 0.2);\n\n\t/* Button color */\n\t--color-button-error: rgb(237, 52, 78);\n\t--color-button-error-border: rgb(222, 35, 61);\n\t--color-button-error-disabled: rgb(221, 221, 221);\n\t--color-button-error-hover: rgb(222, 35, 61);\n\n\t/* Z-index value for different of popup element */\n\t--z-index-inline-popup: 1;\n\t--z-index-modal-popup: 10;\n\n\t--color-popup-item-hover: rgb(240, 240, 240);\n\t--color-popup-item-delete-hover: rgba(222, 35, 61, 0.12);\n\t--color-button-outline-hover: rgb(250, 250, 250);\n}\n\n*[data-theme=\"dark\"] {\n\t--color-black: rgb(255, 255, 255);\n\t--color-white: rgb(34, 34, 34);\n\t--color-window-bg: rgb(74, 74, 74);\n\t--color-secondary-text: rgb(221, 221, 221);\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\n@import \"./mixin.scss\";\n\n.full-width {\n\twidth: 100%;\n}\n\n/* classes for layout panel */\n.panel {\n\tpadding: 0px 40px;\n\t@media screen and (max-width: 900px) {\n\t\tpadding: 0px 20px;\n\t}\n\tbackground-color: var(--color-white);\n\tborder-radius: 12px;\n\tbox-shadow: 0 0 6px var(--color-shadow);\n\tdisplay: block;\n\tmax-width: 100%;\n\twidth: 100%;\n\t&__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 16px 0px;\n\t\tmin-height: 64px;\n\t\tfont-size: 14px;\n\t\t.title {\n\t\t\tfont-size: 14px;\n\t\t\ttext-transform: uppercase;\n\t\t\tcolor: var(--color-secondary-text);\n\t\t\tfont-weight: 600;\n\t\t\tflex: 1;\n\t\t}\n\t\t.actions {\n\t\t\tdisplay: inline-flex;\n\t\t\t@include gap-horizontal(16px);\n\t\t}\n\t\t&.with-border {\n\t\t\tborder-bottom: 1px solid var(--color-border);\n\t\t}\n\t}\n\t&__body {\n\t\tpadding: 24px 0px;\n\t\tpadding-bottom: 18px;\n\t}\n}\n\n/* Classes for layout modal */\n.layout-modal {\n\tposition: fixed;\n\ttop: 0px;\n\tleft: 0px;\n\tz-index: var(--z-index-modal-popup);\n\tdisplay: block;\n\twidth: 100vw;\n\theight: 100vw;\n\tbackground: none;\n\tpointer-events: none;\n\t&__backdrop {\n\t\tpointer-events: all;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-color: var(--color-black);\n\t\topacity: 0.4;\n\t}\n\t&__container {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t&__close {\n\t\tdisplay: flex;\n\t\theight: 32px;\n\t\talign-items: flex-start;\n\t\tjustify-content: flex-end;\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tfont-size: 22px;\n\t\t\theight: 1em;\n\t\t\twidth: 1em;\n\t\t\tpadding: 6px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: var(--color-border);\n\t\t\tcursor: pointer;\n\t\t\t> img {\n\t\t\t\twidth: 8px;\n\t\t\t}\n\t\t}\n\t}\n\t.panel {\n\t\tpointer-events: all;\n\t\tposition: absolute;\n\t\tpadding-top: 16px;\n\t\tpadding-bottom: 16px;\n\t\tmargin: 0 auto;\n\t\tz-index: 1;\n\t\ttop: 50vh;\n\t\tleft: 50vw;\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t\tmax-height: calc(100vh - 32px);\n\t\tmax-width: calc(100vh - 32px);\n\t\twidth: 470px;\n\t\t&__header {\n\t\t\talign-items: flex-end;\n\t\t}\n\t}\n}\n\n.layout-modal-trigger {\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n/* classes for blocks */\n.block-container {\n\tdisplay: flex;\n\tflex-flow: column;\n\tpadding: 32px 18px;\n\tborder-radius: 18pt;\n\tbox-shadow: 1px 1px 6px var(--color-container-shadow);\n\twidth: calc(100% - 32px);\n\tbackground-color: var(--color-white);\n\t@media only screen and (min-width: 992px) {\n\t\tpadding: 32px 48px;\n\t}\n}\n\n.block-snippet-small {\n\tborder: 1px solid var(--color-border);\n\tpadding: 2px 4px;\n\tborder-radius: 2px;\n}\n\n.block-snippet {\n\tborder: 1px solid var(--color-border);\n\tpadding: 3px 8px;\n\tborder-radius: 4px;\n}\n\n.block-snippet-large {\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 4px;\n\tpadding: 6px 8px;\n}\n\n.block-small {\n\tborder-radius: 6px;\n\tpadding: 8px 12px 8px;\n}\n\n.block-medium {\n\tpadding: 20px 16px;\n\tmargin: 4px 0px;\n\tborder-radius: 6pt;\n\tborder-width: 1px;\n\tborder-style: solid;\n\tbox-shadow: 0px 0px 6px var(--color-shadow);\n\tp {\n\t\tline-height: 23px;\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 16px;\n\t\t\t@media only screen and (min-width: 600px) {\n\t\t\t\tmargin-bottom: 6px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.block-large {\n\tpadding: 32px;\n\tborder-radius: 24px;\n\tbox-shadow: 1px 1px 60px var(--color-container-shadow);\n\tp {\n\t\tletter-spacing: 0.14px;\n\t\tline-height: 21px;\n\t}\n\t@media only screen and (min-width: 768px) {\n\t\tpadding: 32px 48px;\n\t}\n}\n\n.block-error {\n\tbackground-color: var(--color-error-bg);\n\tcolor: var(--color-error);\n\tborder-color: var(--color-border-error);\n}\n\n.block-info {\n\tbackground-color: var(--color-info-bg);\n\tcolor: var(--color-info);\n\tborder-color: var(--color-border-info);\n}\n\n.button:not(.flat) {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tfont-size: 14px;\n\tline-height: 16px;\n\tbackground-color: var(--color-primary);\n\tborder: 1px solid var(--color-primary-darker);\n\tfont-weight: 600;\n\tcolor: var(--color-white);\n\tborder-radius: 6px;\n\tfont-family: inherit;\n\tcursor: pointer;\n\t@include gap-horizontal(0.75em);\n\tbox-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);\n\n\t&.small {\n\t\tpadding: 6px 8px;\n\t\tfont-weight: normal;\n\t}\n}\n\n.button.flat,\nbutton.flat {\n\tdisplay: inline;\n\tbackground: none;\n\tpadding: 0px;\n\tmargin: 0px;\n\tcolor: var(--color-secondary-text);\n\tfont-weight: 600;\n\t@include gap-horizontal(8px);\n\tborder: none;\n\tfont-size: inherit;\n}\n\n.button.button-error,\nbutton.button-error {\n\tdisplay: inline;\n\tbackground: var(--color-button-error);\n\tmargin: 0px;\n\tcolor: var(--color-white);\n\t@include gap-horizontal(8px);\n\tborder: none;\n\tfont-size: inherit;\n\ttransition: background-color 0.3s;\n\n\t&:disabled {\n\t\tbackground-color: var(--color-button-error-disabled);\n\t}\n\n\t&:hover {\n\t\tbackground-color: var(--color-button-error-hover);\n\t}\n}\n\n.button.button-error-outline,\nbutton.button-error-outline {\n\tdisplay: inline;\n\tbackground-color: transparent;\n\tborder-color: var(--color-button-error);\n\tborder-width: 1;\n\tborder-style: solid;\n\tmargin: 0px;\n\tcolor: var(--color-button-error);\n\t@include gap-horizontal(8px);\n\tfont-size: inherit;\n\tbox-shadow: none;\n\ttransition: background-color 0.3s;\n\n\t&:disabled {\n\t\tborder-color: var(--color-button-error-disabled);\n\t}\n\n\t&:hover {\n\t\tbackground-color: var(--color-button-outline-hover);\n\t}\n}\n\n.button.outline,\nbutton.outline {\n\tbackground: none;\n\tbox-shadow: none;\n\tcolor: var(--color-secondary-text);\n\tborder-color: var(--color-secondary-text);\n\ttransition: background-color 0.3s;\n\tfont-weight: 500 !important;\n\t&:hover {\n\t\tbackground-color: var(--color-button-outline-hover);\n\t\tbox-shadow: inherit;\n\t}\n}\n\na,\nbutton.link,\n.button.link {\n\tcolor: var(--color-link);\n\t&:not(.flat) {\n\t\tborder-color: var(--color-link);\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-button-outline-hover);\n\t\t}\n\t}\n}\n\n.footer {\n\ta {\n\t\t&:hover {\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n}\n\n/* classes for font sizes */\n.text-title {\n\tfont-size: 24px;\n\tline-height: 40px;\n\tletter-spacing: 0.24px;\n\tfont-weight: 600;\n}\n\n.text-small {\n\tfont-size: 14px;\n\tline-height: 16px;\n}\n\n.text-medium {\n\tfont-size: 16px;\n\tline-height: 16px;\n}\n\n.text-large {\n\tfont-size: 18px;\n\tline-height: 16px;\n}\n\n.text-bold {\n\tfont-weight: 600;\n}\n\n/* classes for text colors */\n.text-error {\n\tcolor: var(--color-error);\n}\n\n.text-info {\n\tcolor: var(--color-info);\n}\n\n.text-black {\n\tcolor: var(--color-black);\n}\n\n.text-label {\n\tcolor: var(--color-secondary-text);\n}\n\n/* classes for images */\n.title-image {\n\twidth: 35px;\n\theight: 32px;\n\tmargin-bottom: 16px;\n}\n\n.title-image-smaller {\n\twidth: 32px;\n\theight: 29px;\n\tmargin-bottom: 16px;\n}\n\n/* classes for pages */\n.with-footer {\n\tmargin-bottom: 100px;\n}\n\n/* classes for tooltip */\n.tooltip-container {\n\tdisplay: inline-flex;\n\tcursor: default;\n\t&__popup {\n\t\tfont-size: 14px;\n\t\tline-height: 23px;\n\t\tpadding: 14px;\n\t\tposition: fixed;\n\t\ttransform: translateY(-50%);\n\t\tbackground-color: var(--color-white);\n\t\tcolor: var(--color-black);\n\t\tborder-radius: 6px;\n\t\tz-index: var(--z-index-inline-popup);\n\n\t\t&::before {\n\t\t\t// arrow/triangle\n\t\t\tdisplay: block;\n\t\t\tcontent: \"\";\n\t\t\t$arrow-width: 6px;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder: $arrow-width solid transparent;\n\t\t\tposition: absolute;\n\t\t}\n\t\tp:not(:last-child) {\n\t\t\tmargin-bottom: 6px;\n\t\t}\n\t\t.block-snippet-small {\n\t\t\tbackground-color: var(--color-window-bg);\n\t\t\tcolor: var(--color-secondary-text);\n\t\t}\n\n\t\t&.popup_left::before {\n\t\t\tborder-left-color: var(--color-white);\n\t\t\tborder-right: none;\n\t\t\tleft: 100%;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\t\t&.popup_right::before {\n\t\t\tborder-right-color: var(--color-white);\n\t\t\tborder-left: none;\n\t\t\tleft: 0;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateX(-100%) translateY(-50%);\n\t\t}\n\t\t&.popup_top::before {\n\t\t\tborder-top-color: var(--color-white);\n\t\t\tborder-bottom: none;\n\t\t\ttop: 100%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t\t&.popup_bottom::before {\n\t\t\tborder-bottom-color: var(--color-white);\n\t\t\tborder-top: none;\n\t\t\ttop: 0;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateY(-100%) translateX(-50%);\n\t\t}\n\t}\n}\n\n.center {\n\ttext-align: center;\n}\n\n.flex-center-x {\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.flex-center-y {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.with-thin-scrollbar {\n\t&::-webkit-scrollbar {\n\t\twidth: 5px;\n\t\theight: 5px;\n\t}\n\t&::-webkit-scrollbar-thumb {\n\t\tbox-shadow: inset 0 0 6px var(--color-loader-placeholder-bg);\n\t}\n}\n\n$fontWeights: 400, 500, 600, 700;\n\n@each $weight in $fontWeights {\n\t.bold-#{$weight} {\n\t\tfont-weight: $weight !important;\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"static/css/main.css","mappings":"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","sources":["ui/components/phoneNumber/PhoneNumber.scss","ui/styles/mixin.scss","ui/components/usersListTable/UsersListTable.scss","ui/components/noUsers/NoUsers.css","ui/components/search/search.scss","ui/components/copyText/CopyText.scss","ui/components/inputField/InputField.css","ui/components/userDetail/userDetailForm.scss","ui/components/userDetail/loginMethods/components/dropdown.scss","ui/components/userDetail/loginMethods/components/editableInput.scss","ui/components/userDetail/loginMethods/loginMethods.scss","ui/components/userDetail/tenantList/UserTenantsList.scss","ui/components/userDetail/userDetail.scss","../node_modules/highlight.js/scss/an-old-hope.scss","ui/components/common/iconButton/style.scss","ui/components/userDetail/userMetaDataSection.scss","ui/components/userDetail/userDetailSessionList.scss","ui/components/badge/badge.scss","ui/components/button/button.scss","ui/components/alert/alert.scss","ui/components/select/select.scss","ui/components/shimmer/shimmer.scss","ui/components/dialog/dialog.scss","ui/components/userroles/components/dialogs/assignRoles.scss","ui/components/userroles/components/dialogs/deleteRole.scss","ui/components/userDetail/userRoles/userRolesList.scss","ui/pages/usersList/UsersList.scss","ui/components/footer/footer.scss","ui/components/auth/Auth.scss","ui/components/errorboundary/error-boundary.scss","ui/components/toast/toastNotification.scss","ui/components/auth/SignOutBtn.scss","ui/components/sidebar/sidebar.scss","ui/components/header/header.scss","ui/layouts/mainLayout.scss","ui/components/pagination/pagination.scss","ui/components/table/table.scss","ui/components/userroles/components/noRolesFound.scss","ui/components/userroles/components/rolesTable.scss","ui/components/inputField/tagsInputField.scss","ui/components/userroles/components/deletePermissions.scss","ui/components/userroles/components/dialogs/editRole.scss","ui/components/userroles/components/dialogs/createNewRole.scss","ui/pages/userroles/index.scss","ui/styles/index.css","ui/styles/variables.css","ui/styles/uikit.scss"],"sourcesContent":["/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.phone-display {\n\tdisplay: flex;\n\talign-items: flex-start;\n\t@include gap-horizontal(5px);\n}\n\n.phone-input {\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\toverflow: hidden;\n\tborder-radius: 6px;\n\tborder: 1px solid var(--color-border);\n\t&__country-select {\n\t\tdisplay: inline-flex;\n\t\tflex-direction: column;\n\t\tfont-weight: normal;\n\t\t&__current-value {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tpadding-left: 12px;\n\t\t\tcursor: pointer;\n\t\t\t@include gap-horizontal(8px);\n\t\t\t.PhoneInputCountryIcon {\n\t\t\t\timg {\n\t\t\t\t\theight: 14px;\n\t\t\t\t\tbox-shadow: 0px 0px 3px var(--color-shadow);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.country-calling-code {\n\t\t\t\tcolor: var(--color-black);\n\t\t\t}\n\t\t}\n\t\t&__popup {\n\t\t\tdisplay: none;\n\t\t\tposition: relative;\n\t\t\tposition: fixed;\n\t\t\tborder-radius: 6px;\n\t\t\tbackground-color: var(--color-white);\n\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\n\t\t\toverflow-y: auto;\n\t\t\t&__option {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 10px 12px;\n\t\t\t\talign-items: center;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tcursor: pointer;\n\t\t\t\t@include gap-horizontal(12px);\n\t\t\t\t.PhoneInputCountryIcon {\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\timg {\n\t\t\t\t\t\theight: 1em;\n\t\t\t\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.country-calling-code {\n\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t}\n\n\t\t\t\t&.selected {\n\t\t\t\t\tbackground-color: var(--color-window-bg);\n\t\t\t\t\tcolor: var(--color-link);\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t.country-calling-code {\n\t\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.popup-active {\n\t\t\t\tdisplay: block;\n\t\t\t\tz-index: var(--z-index-inline-popup);\n\t\t\t}\n\t\t}\n\t}\n\tinput.PhoneInputInput {\n\t\tflex: 1 1 auto;\n\t\tborder-left: none;\n\t\toverflow-x: hidden;\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t\tpadding: 8px 12px 8px;\n\t\tborder: none;\n\t\toutline: none;\n\t}\n}\n\n.phone-input.PhoneInput--focus {\n\tborder-color: var(--color-primary);\n\tbox-shadow: 0px 0px 0px 2px var(--color-primary-opacity-40);\n}\n\n.phone-input.phone-input-error {\n\tborder-color: var(--color-error);\n\tbox-shadow: 0px 0px 0px 2px var(--color-error-shadow);\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@mixin gap-horizontal($gap) {\n\t> :not(:last-child) {\n\t\tmargin-right: $gap;\n\t}\n}\n\n@mixin gap-vertical($gap) {\n\t> :not(:last-child) {\n\t\tmargin-bottom: $gap;\n\t}\n}\n\n@mixin text-ellipsis($max-width) {\n\tmax-width: $max-width;\n\toverflow-x: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n$container-padding-v: 24px;\n\n.users-list-table-container {\n\tpadding: $container-padding-v 0px;\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n\toverflow-x: auto;\n}\n\n.users-list-table {\n\twidth: 100%;\n\tmax-width: 100%;\n\tborder-spacing: 0px;\n\tborder-collapse: collapse;\n}\n\n.users-list-table thead {\n\tcolor: var(--color-secondary-text);\n\ttext-transform: uppercase;\n\tfont-size: 12px;\n\tline-height: 14px;\n}\n\n.users-list-table thead tr {\n\tborder-bottom: 1px solid var(--color-border);\n\tth {\n\t\tpadding: 0 1em 24px 34px;\n\t\tfont-weight: 500;\n\t\ttext-align: left;\n\t\twidth: 33%;\n\t}\n}\n\n.users-list-table tbody tr {\n\tborder-bottom: 1px solid var(--color-border);\n\ttd {\n\t\twidth: 33%;\n\t\tmax-width: 50%;\n\t\tpadding: 24px 1em 24px 34px;\n\t}\n\t&.empty-row {\n\t\ttd {\n\t\t\tpadding: 12px 0;\n\t\t}\n\t}\n}\n\n.user-row {\n\t&:hover {\n\t\tcursor: pointer;\n\t\tbackground: rgb(242, 247, 253);\n\t}\n\t.user-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tcolor: var(--color-secondary-text);\n\t\tpadding-right: 16px;\n\t\tdiv {\n\t\t\tmax-width: 25ch;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t}\n\t\t}\n\t\t.main {\n\t\t\tcolor: var(--color-black);\n\t\t\tfont-weight: 500;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.user-date {\n\t\tmin-width: 110px;\n\t\twhite-space: nowrap;\n\t}\n\n\t&.placeholder td {\n\t\tdiv {\n\t\t\twidth: 100%;\n\t\t\tbackground-color: var(--color-loader-placeholder-bg);\n\t\t\tmin-height: 1em;\n\t\t\topacity: 0.4;\n\t\t\tanimation: blinker 2s linear infinite;\n\t\t\t@keyframes blinker {\n\t\t\t\t50% {\n\t\t\t\t\topacity: 0.1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.user-row-select-button {\n\t\tbackground-color: white;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 25px;\n\t\theight: 25px;\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid var(--color-border);\n\t\ttransition: 0.3s;\n\t\timg {\n\t\t\twidth: 12px;\n\t\t\ttransition: transform 0.3s;\n\t\t}\n\n\t\t.img-hover {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.user-row-select-menu {\n\t\tcursor: pointer;\n\n\t\t.user-row-select-popup {\n\t\t\tdisplay: none;\n\t\t\tz-index: var(--z-index-inline-popup);\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tright: 0px;\n\t\t\tpadding: 20px 0 0px 0;\n\n\t\t\t.panel {\n\t\t\t\tpadding: 8px;\n\t\t\t\tmin-width: 180px;\n\t\t\t}\n\t\t}\n\n\t\t.user-row-select-popup-item {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\theight: 28px;\n\t\t\tpadding: 8px;\n\t\t\tfont-weight: normal;\n\t\t\twidth: 100%;\n\t\t\ttransition: 0.3s;\n\t\t\tborder-radius: 4px;\n\n\t\t\tspan {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\twidth: 1em;\n\t\t\t}\n\n\t\t\t.img-hover {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&.delete {\n\t\t\t\tcolor: var(--color-button-error-border);\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-popup-item-hover);\n\t\t\t\t.img-hover {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t}\n\t\t\t\t.img-normal {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t&.delete {\n\t\t\t\t\tbackground-color: var(--color-popup-item-delete-hover);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t.user-row-select-popup {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t\t.user-row-select-button {\n\t\t\t\tborder: 1px solid var(--color-primary);\n\t\t\t\tbox-shadow: 0px 0px 5px var(--color-primary);\n\t\t\t\timg {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.img-hover {\n\t\t\t\t\tdisplay: initial;\n\t\t\t\t\ttransform: rotateZ(180deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&:last-of-type {\n\t\t// put popup on the left because the popup could be cropped by the paper's bottom\n\t\t.user-row-select-popup {\n\t\t\ttop: -50%;\n\t\t\tpadding: 0px 40px 0px;\n\t\t}\n\t}\n}\n\n.user-list-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tpadding-top: $container-padding-v;\n\tpadding-right: 34px;\n\tposition: sticky;\n\tleft: 0px;\n}\n\n.users-list-pagination {\n\tdisplay: flex;\n\t@include gap-horizontal(1em);\n\n\t.users-list-pagination-count {\n\t\tfont-weight: 500;\n\t}\n\t.users-list-pagination-navigation {\n\t\tdisplay: flex;\n\t\t@include gap-horizontal(0.5em);\n\t}\n\t.users-list-pagination-button {\n\t\tborder: none;\n\t\tbackground: none;\n\t}\n}\n\n.pill {\n\tdisplay: flex;\n\tborder-radius: 20px;\n\tpadding: 4px 8px;\n\talign-items: center;\n\twidth: fit-content;\n\twhite-space: nowrap;\n\t@include gap-horizontal(4px);\n\n\t&.passwordless {\n\t\tcolor: var(--color-passwordless-text);\n\t\tbackground-color: var(--color-passwordless-bg);\n\t}\n\t&.emailpassword {\n\t\tcolor: var(--color-emailpassword-text);\n\t\tbackground-color: var(--color-emailpassword-bg);\n\t}\n\t&.multiple {\n\t\tcolor: var(--color-multiple-login-text);\n\t\tbackground-color: var(--color-multiple-login-bg);\n\t}\n\t&.thirdparty {\n\t\tcolor: var(--color-custom-provider-text);\n\t\tbackground-color: var(--color-custom-provider-bg);\n\t\tmax-width: 25ch;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\t.thirdparty-name {\n\t\t\tmax-width: 10ch;\n\t\t\ttext-overflow: inherit;\n\t\t\toverflow: inherit;\n\t\t}\n\t\t&.google {\n\t\t\tcolor: var(--color-google-text);\n\t\t\tbackground-color: var(--color-google-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.apple {\n\t\t\tcolor: var(--color-apple-text);\n\t\t\tbackground-color: var(--color-apple-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.github {\n\t\t\tcolor: var(--color-github-text);\n\t\t\tbackground-color: var(--color-github-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.facebook {\n\t\t\tcolor: var(--color-facebook-text);\n\t\t\tbackground-color: var(--color-facebook-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.no-users {\n\tpadding: 60px 24px;\n\tdisplay: flex;\n\tflex-flow: column;\n\talign-items: center;\n}\n\n.no-users-image {\n\theight: 43px;\n\twidth: 63px;\n\tmargin-bottom: 24px;\n}\n\n.no-users-title {\n\tfont-size: 18px;\n\tline-height: 22px;\n\tfont-weight: 500;\n\tcolor: var(--color-black);\n\tletter-spacing: 0.18px;\n\tmargin-bottom: 8px;\n\ttext-align: center;\n}\n\n.no-users .no-users-subtitle {\n\tcolor: var(--color-secondary-text);\n\tpadding: 4px 0;\n\ttext-align: center;\n\tmax-width: 54ch;\n\tline-height: 1.5em;\n}\n\n@media only screen and (min-width: 992px) {\n\t.no-users {\n\t\tpadding: 60px;\n\t}\n}\n",".search {\n\tmargin-bottom: 20px;\n\n\t#search-btn {\n\t\tdisplay: inline-block;\n\t\tbackground: var(--color-white);\n\t\tborder: 1px solid var(--color-black);\n\t\tborder-radius: 6px;\n\t\tpadding: 6px 8px;\n\t\tfont-size: 14px;\n\t\tfont-family: inherit;\n\t\tline-height: 17px;\n\t\tfont-weight: 500;\n\t\tcursor: pointer;\n\t\tz-index: 1;\n\t\theight: 35px;\n\t\tmargin-left: 10px;\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\t& {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__input_wrapper {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\n\t\twidth: 340px;\n\t\theight: 40px;\n\t\tpadding: 9px 16px;\n\t\tbackground: #ffffff;\n\t\tborder: 1px solid #e5e5e5;\n\t\tborder-radius: 6px;\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\t& {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t& img {\n\t\t\theight: 14px;\n\t\t\taspect-ratio: 1;\n\n\t\t\t&:nth-child(1) {\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-bottom: 3px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tcursor: pointer;\n\t\t\t\theight: 22px;\n\t\t\t}\n\t\t}\n\n\t\t&.active {\n\t\t\tborder: 1px solid #ff9933;\n\t\t\toutline: 2px solid rgba(255, 153, 51, 0.4);\n\t\t}\n\n\t\t& input {\n\t\t\tborder: none;\n\t\t\tflex-grow: 1;\n\t\t\theight: 20px;\n\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&:focus-visible,\n\t\t\t&:focus-within {\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&::placeholder {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 171%;\n\n\t\t\t\tcolor: rgba(34, 34, 34, 0.7);\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.searchTag {\n\tdisplay: inline-flex;\n\tmargin: 12px 0;\n\n\tmargin-right: 8px;\n\n\talign-items: center;\n\n\t&__value {\n\t\tbackground: #fafafa;\n\t\tborder: 1px solid #dddddd;\n\t\tborder-radius: 4px;\n\n\t\tpadding: 6px;\n\n\t\tfont-weight: 400;\n\t\tfont-size: 14px;\n\n\t\tmargin-left: 4px;\n\n\t\tcolor: #000000;\n\n\t\t& img {\n\t\t\tmargin-left: 10px;\n\t\t\theight: 8px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n.tag_dropdown {\n\tposition: relative;\n\t&__selector {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\tbackground: #eeeeee;\n\t\tborder: 1px solid #e2e2e2;\n\t\tborder-radius: 4px;\n\n\t\tfont-weight: 500;\n\t\tfont-size: 14px;\n\n\t\tpadding: 6px;\n\n\t\tcolor: #000000;\n\n\t\t& img {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n\t\t&.active {\n\t\t\tbackground: #fff2e1;\n\t\t\tborder: 1px solid #ebdfcf;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n\n\t&__menu {\n\t\tposition: absolute;\n\t\ttop: calc(2em + 8px);\n\n\t\tz-index: 999;\n\n\t\tbackground: #ffffff;\n\t\tbox-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);\n\t\tborder-radius: 6px;\n\n\t\tmin-width: 180px;\n\n\t\t& ul {\n\t\t\tlist-style-type: none;\n\n\t\t\t& li {\n\t\t\t\tmargin: 7px;\n\t\t\t\tpadding: 10px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 14px;\n\n\t\t\t\tcolor: #6e6a65;\n\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: #f0f0f0;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: baseline;\n\t\t\t\t\t& img {\n\t\t\t\t\t\tmargin-right: 11px;\n\t\t\t\t\t\theight: 15px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n\n.copy-text {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tmax-width: 100%;\n\t.copy-text-text {\n\t\t@include text-ellipsis(100%);\n\t\tflex: 1;\n\t\tpadding-right: 4px;\n\t}\n\t.copy-text-action {\n\t\tcursor: pointer;\n\t\tborder-radius: 50%;\n\t\ttransition: 0.3s;\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-copy-box-shadow);\n\t\t\tbox-shadow: 0px 0px 0px 4px var(--color-copy-box-shadow);\n\t\t}\n\t}\n\t.copy-text-notification {\n\t\tposition: fixed;\n\t\tfont-size: 12px;\n\t\ttransform: translateY(-50%);\n\t\tz-index: 1;\n\n\t\tspan {\n\t\t\tmargin: 0px 12px;\n\t\t\twhite-space: nowrap;\n\t\t\tbackground-color: var(--color-black);\n\t\t\tborder-color: var(--color-black);\n\t\t\tcolor: var(--color-white);\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.input-field-container {\n\tdisplay: flex;\n\tflex-flow: column;\n\tmargin-bottom: 24px;\n}\n\n.input-label {\n\tcolor: var(--color-secondary-text);\n\tfont-weight: 500;\n\tmargin-bottom: 12px;\n}\n\n.input-label-required {\n\tcolor: var(--color-error);\n\tmargin: 0px 4px;\n}\n\n.input-field-inset {\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 1px solid rgb(224, 224, 224);\n\tborder-radius: 6px;\n\toutline: none;\n}\n\n.input-field {\n\tflex: 1;\n\tfont-family: inherit;\n\tdisplay: block;\n\tpadding: 8px 12px 8px;\n\tborder-radius: 6px;\n\tborder: none;\n\toutline: none;\n\tbackground-color: rgb(250, 250, 250);\n}\n\n.input-field:focus,\n.input-field:hover {\n\tbackground-color: white;\n}\n\n.input-field-inset-focused,\n.input-field-inset:active {\n\tborder-color: var(--color-primary);\n\tbox-shadow: 0px 0px 0px 2px var(--color-primary-opacity-40);\n}\n\n.input-field-inset-error-state,\n.input-field-inset-error-state:focus,\n.input-field-inset-error-state:active {\n\tborder-color: var(--color-error);\n\tbox-shadow: 0px 0px 0px 2px var(--color-error-shadow);\n}\n\n.input-field-suffix .icon {\n\tcursor: pointer;\n\tpadding: 8px 12px 8px 0px;\n}\n\n.input-field-error {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-top: 8pt;\n}\n\n.input-field-error-icon {\n\theight: 16px;\n\twidth: 16px;\n\tmargin-right: 8px;\n\tmargin-bottom: 2px;\n}\n\n.input-field-error-text {\n\tline-height: normal !important;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n\n.user-detail-form {\n\t.input-field-container:not(:last-of-type) {\n\t\tmargin-bottom: 24px;\n\t}\n\t&__header {\n\t\tfont-size: 24px;\n\t}\n\t&__actions {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: 24px;\n\t\t@include gap-horizontal(24px);\n\t\tbutton {\n\t\t\tjustify-content: center;\n\t\t\tfont-weight: normal;\n\t\t\tpadding-top: 10px;\n\t\t\tpadding-bottom: 10px;\n\t\t\tpadding-right: 16px;\n\t\t\tpadding-left: 16px;\n\t\t}\n\t}\n\tp {\n\t\tfont-size: 14px;\n\t\tline-height: 24px;\n\n\t\tspan {\n\t\t\tcolor: #ed344e;\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n}\n\n.phone-input {\n\tmargin-top: 12px;\n\tmargin-bottom: 8px;\n}\n\n.user-delete-input-container {\n\tmargin-top: 8px;\n}\n",".dropdown {\n\tposition: relative;\n\tcursor: pointer;\n\n\t.trigger {\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid #ddd;\n\t\tbackground: #f5f5f5;\n\t\tpadding: 8px;\n\n\t\t&:hover {\n\t\t\tbackground: #fff;\n\t\t\tborder: 1px solid #f93;\n\t\t}\n\n\t\t&.open {\n\t\t\tbackground: #fff;\n\t\t\tborder: 1px solid #f93;\n\t\t\toutline: 1px solid rgba(255, 153, 51, 0.4);\n\t\t}\n\t}\n\n\t.menu {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\n\t\tborder-radius: 6px;\n\t\tbackground: #fff;\n\t\tbox-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);\n\n\t\tpadding: 6px;\n\n\t\ttop: 30px;\n\t\tright: 10%;\n\n\t\tz-index: 10;\n\n\t\tdiv {\n\t\t\twidth: 160px;\n\t\t\tpadding: 6px 8px;\n\n\t\t\tdisplay: flex;\n\t\t\talign-items: baseline;\n\t\t\tjustify-content: flex-start;\n\n\t\t\timg {\n\t\t\t\theight: 14px;\n\t\t\t\twidth: 18px;\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\talign-items: center;\n\t\t\t\timg {\n\t\t\t\t\theight: 20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t\t&:last-child {\n\t\t\t\t\tcolor: #9e2526;\n\t\t\t\t\tbackground: rgba(222, 35, 61, 0.12);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.menu.open {\n\t\tdisplay: block;\n\t}\n}\n",".input {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: baseline;\n}\n\n.input-field-container {\n\tmargin-bottom: 0 !important;\n}\n",".method {\n\tborder-radius: 6px;\n\tborder: 1px solid #ddd;\n\tmargin-bottom: 16px;\n\n\t@media screen and (max-width: 900px) {\n\t\tfont-size: 12px;\n\t}\n\n\t.method-header {\n\t\tborder-radius: 5px 5px 0px 0px;\n\t\tborder-bottom: 1px solid #ddd;\n\t\tpadding: 16px 25px;\n\t\tdisplay: flex;\n\t\talign-items: baseline;\n\t\tjustify-content: space-between;\n\n\t\t.left {\n\t\t\tdisplay: flex;\n\t\t\talign-items: baseline;\n\t\t\tjustify-content: flex-start;\n\t\t\tfont-size: 14px;\n\n\t\t\t.user-id-span {\n\t\t\t\tmargin-left: 15px;\n\t\t\t\tcolor: #6e6a65;\n\n\t\t\t\t.copy-text-wrapper {\n\t\t\t\t\tborder-radius: 3px;\n\t\t\t\t\tborder: 1px solid #d9d9d9;\n\t\t\t\t\tcolor: #d65078;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.resp {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\tgap: 14px;\n\t\t\t\t.user-id-span {\n\t\t\t\t\tmargin-left: 0;\n\n\t\t\t\t\t.copy-text-wrapper {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t\t.copy-text-wrapper.resp {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.method-body {\n\t\tpadding: 18px 27px;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgap: 10px;\n\n\t\t@media screen and (max-width: 900px) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t}\n\n\t\tcolor: #6e6a65;\n\t\talign-items: center;\n\n\t\t& > div {\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\theight: 50px;\n\n\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\theight: 37px;\n\t\t\t}\n\t\t}\n\n\t\tb {\n\t\t\tcolor: #222;\n\t\t\tfont-family: Rubik;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: normal;\n\t\t\tmargin-left: 1ch;\n\n\t\t\t@media screen and (max-width: 900px) {\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t}\n\n\t\t.pill-container {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tmargin-left: 12px;\n\t\t}\n\t}\n}\n\n@media (max-width: 480px) {\n\t.method {\n\t\t.method-header {\n\t\t\tpadding: 16px 8px;\n\t\t}\n\t\t.method-body {\n\t\t\tpadding: 18px 8px;\n\t\t}\n\n\t\t.left {\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n}\n\n.send-mail-icon {\n\tcursor: pointer;\n\t& > :first-child {\n\t\tfill: #ececec;\n\t}\n\t& > path {\n\t\tfill: #5f5f5f;\n\t}\n\n\t& > :last-child {\n\t\tstroke: #d2d2d2;\n\t}\n\n\t&:hover {\n\t\t& > :first-child {\n\t\t\tfill: #ff9933;\n\t\t\tfill-opacity: 0.15;\n\t\t}\n\t\t& > path {\n\t\t\tfill: #ff9933;\n\t\t}\n\n\t\t& > :last-child {\n\t\t\tstroke: #ff9933;\n\t\t}\n\t}\n}\n\n.not-verified {\n\tborder-radius: 22px;\n\tborder: 1px solid #d2d2d2;\n\tbackground: #ececec;\n\tfont-size: 12px;\n\tpadding: 4px 10px;\n\tcolor: #252728;\n\ttext-align: center;\n}\n\n.verified {\n\tborder-radius: 16px;\n\tborder: 1px solid #c2ebd0;\n\tbackground: #c8f9d8;\n\tcolor: rgba(18, 85, 37, 1);\n\tfont-size: 12px;\n\tpadding: 5px;\n}\n\n.password-link {\n\tcursor: pointer;\n\n\tcolor: rgba(0, 122, 255, 1);\n\tmargin-left: 6px;\n\tfont-weight: 400;\n\n\t&:hover {\n\t\ttext-decoration: underline;\n\t\tfont-weight: 500;\n\t}\n}\n\n.save-button {\n\tbox-shadow: 0px 3px 6px 0px rgba(0, 122, 255, 0.16);\n\tborder-radius: 6px;\n\tborder: 1px solid #007aff;\n\tbackground: #007aff;\n\tpadding: 8px;\n\tcolor: white;\n\tfont-weight: 500;\n}\n\n.provider-pill {\n\tborder-radius: 4px;\n\tbackground: #f0f4f7;\n\tpadding: 10px;\n\tfont-family: monospace;\n\tdisplay: inline-flex;\n\n\tmax-width: 250px;\n\n\t@media screen and (max-width: 900px) {\n\t\tdisplay: block;\n\t}\n\n\timg {\n\t\theight: 15px;\n\t\twidth: 15px;\n\t}\n}\n\n.cancel {\n\tmargin: 0.25rem !important;\n\tpadding: 6px 12px !important;\n\tfont-weight: 500;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../../styles/mixin.scss\";\n\n.tenant-pill {\n\tpadding: 5px 13px;\n\tborder-radius: 30px;\n\tborder: 1px solid #9335e4;\n\tbackground: rgba(147, 53, 228, 0.1);\n\tmax-width: fit-content;\n\tcolor: #9335e4;\n\tfont-size: 14px;\n\tmargin-left: 10px;\n}\n\n.tenant-list-container {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\trow-gap: 16px;\n\tcolumn-gap: 16px;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.user-detail-page-loader {\n\tmin-height: 80vh;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.full-screen-loading-overlay {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tz-index: 1;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.loader-container {\n\tbackground-color: var(--color-window-bg);\n\tpadding: 2px;\n\tdisplay: flex;\n\tborder-radius: 50%;\n}\n\n.loader {\n\tborder: 16px solid #f3f3f3; /* Light grey */\n\tborder-top: 16px solid #ff9933; /* Blue */\n\tborder-radius: 50%;\n\twidth: 60px;\n\theight: 60px;\n\tanimation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@-webkit-keyframes spin {\n\t0% {\n\t\t-webkit-transform: rotate(0deg);\n\t}\n\t100% {\n\t\t-webkit-transform: rotate(360deg);\n\t}\n}\n\n@-moz-keyframes spin {\n\t0% {\n\t\t-moz-transform: rotate(0deg);\n\t}\n\t100% {\n\t\t-moz-transform: rotate(360deg);\n\t}\n}\n\n.user-detail {\n\t--badge-bg-color: rgb(197, 224, 253);\n\t--copy-text-color: rgb(214, 80, 120);\n\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\n\tmax-width: var(--container-width);\n\tmargin: auto;\n\n\t&.center-children {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\t.subtitle {\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 26px;\n\t\t}\n\n\t\t.back-button {\n\t\t\tmargin-top: 16px;\n\t\t\tcolor: var(--color-link);\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&__header {\n\t\tmargin-top: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\toverflow: hidden;\n\t\t@include gap-horizontal(16px);\n\t\t&__badge {\n\t\t\t$size: 60px;\n\t\t\tborder-radius: 50%;\n\t\t\twidth: $size;\n\t\t\theight: $size;\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 600;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: uppercase;\n\t\t\tbackground-color: var(--badge-bg-color);\n\t\t\tcolor: var(--color-link);\n\t\t}\n\t\t&__info {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\toverflow: hidden;\n\t\t\t@include gap-vertical(6px);\n\t\t}\n\t\t&__title {\n\t\t\tfont-size: 18px;\n\t\t\tline-height: 28px;\n\t\t\tfont-weight: 600;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tspan {\n\t\t\t\t@include text-ellipsis(100%);\n\t\t\t}\n\t\t}\n\t\t&__user-id {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tfont-size: 14px;\n\t\t\t@include gap-horizontal(8px);\n\t\t\tspan {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t\t&__text {\n\t\t\t\tbackground-color: var(--color-white);\n\t\t\t\tcolor: var(--copy-text-color);\n\t\t\t\tborder: 1px var(--color-border) solid;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-width: 290px;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: \"Source Code Pro\";\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t\t&__action {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t.panel {\n\t\tmargin-top: 40px;\n\t}\n\n\t&__info-grid {\n\t\t&__grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n\t\t\tgrid-gap: 40px 60px;\n\t\t}\n\t\t&__item {\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\t&__label {\n\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\tmargin-bottom: 12px;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t&__body {\n\t\t\t\twidth: 100%;\n\t\t\t\t@include text-ellipsis(100%);\n\t\t\t\twhite-space: normal;\n\t\t\t\toverflow: visible;\n\t\t\t}\n\t\t\t&__guide {\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 1em;\n\t\t\t\twidth: 1em;\n\t\t\t\tborder: 1px solid var(--color-black);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin-left: 6px;\n\t\t\t\timg {\n\t\t\t\t\theight: 1em;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.input-field-container {\n\t\t\t\tmargin: 0px;\n\t\t\t}\n\n\t\t\t.email-verified-button {\n\t\t\t\tmargin-left: 12px;\n\t\t\t\tfont-weight: normal;\n\t\t\t}\n\t\t}\n\n\t\tinput,\n\t\t.phone-input {\n\t\t\tbackground-color: var(--color-window-bg);\n\t\t}\n\n\t\t.input-field-error {\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n\n\t&__provider-box {\n\t\tfont-size: 13px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tcolor: var(--color-copy-box);\n\t\tbackground-color: var(--color-copy-box-bg);\n\t\twidth: 100%;\n\t\t@include gap-horizontal(6px);\n\n\t\t&.block-snippet {\n\t\t\tborder: none;\n\t\t\tpadding-right: 4px;\n\t\t}\n\n\t\t> span {\n\t\t\t> img {\n\t\t\t\theight: 1em;\n\t\t\t}\n\t\t}\n\n\t\t&__user-id {\n\t\t\tflex: 1;\n\t\t\toverflow-x: hidden;\n\t\t\tpadding: 4px 4px 4px 0px;\n\t\t\t.copy-text {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.user-detail-title {\n\tfont-size: 28px;\n\tline-height: 34px;\n\tcolor: var(--color-black);\n\tmargin-bottom: 16px;\n\tfont-weight: 500;\n}\n\n.user-detail-subtitle {\n\tcolor: var(--color-secondary-text);\n\tmargin-bottom: 48px;\n}\n\n.user-detail-paper {\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-white);\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\n.user-detail .block-info-connection {\n\tmargin-bottom: 24px;\n}\n\n.pill {\n\tmargin-top: 4px;\n}\n\n@media (max-width: 425px) {\n\t.user-detail {\n\t\tpadding: 72px 12px 48px;\n\t}\n}\n","pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!\n Theme: An Old Hope – Star Wars Syntax\n Author: (c) Gustavo Costa \n Maintainer: @gusbemacbe\n\n Original theme - Ocean Dark Theme – by https://github.com/gavsiu\n Based on Jesse Leite's Atom syntax theme 'An Old Hope'\n https://github.com/JesseLeite/an-old-hope-syntax-atom\n*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}","@import \"../../../styles/mixin.scss\";\n\n.button-root {\n\tcursor: pointer;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.padding-vertical-24 {\n\tpadding-top: 24px !important;\n\tpadding-bottom: 24px !important;\n}\n\n.metadata-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: 100%;\n\tjustify-content: space-between;\n\tpadding-bottom: 24px;\n\tborder-bottom: 1px solid var(--color-border);\n\tbox-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\t-webkit-box-sizing: border-box;\n\n\t.title {\n\t\tcolor: var(--color-secondary-text);\n\t\tfont-weight: 500;\n\t}\n\n\t.metadata-actions {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\t@include gap-horizontal(16px);\n\t}\n}\n\n.metadata-content-container {\n\tmargin-top: 22px;\n\tpadding-left: 28px;\n\tpadding-right: 28px;\n\toverflow-x: auto;\n\tpadding-top: 15px;\n\tpadding-bottom: 15px;\n\tbackground: #0d2e4e;\n\tborder-radius: 6px;\n\twhite-space: pre;\n\n\t.hljs {\n\t\tbackground: #0d2e4e;\n\t\tfont-weight: 400;\n\t\tfont-size: 13px;\n\t\tline-height: 21px;\n\t\tpadding: 0px !important;\n\t}\n}\n\n.metadata-edit-box {\n\tmargin-top: 24px;\n\tmin-width: 100%;\n\tmax-width: 100%;\n\tmin-height: 200px;\n\tpadding: 4px;\n\tbackground-color: var(--color-window-bg);\n\tborder-radius: 6px;\n\tborder: none;\n\tborder: 1px solid rgb(224, 224, 224);\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n@import \"../../styles/mixin.scss\";\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.panel {\n\t&.no-padding-horizontal {\n\t\tpadding-left: 0px !important;\n\t\tpadding-right: 0px !important;\n\t}\n}\n\n.content-container {\n\twidth: 100%;\n\tpadding-top: 24px;\n\tpadding-bottom: 24px;\n\n\t.header {\n\t\tpadding-left: 34px;\n\t\tpadding-right: 34px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tcolor: var(--color-secondary-text);\n\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t}\n\n\t\t.header-primary {\n\t\t\tfont-weight: 500;\n\t\t\tfont-size: 14px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t.header-secondary {\n\t\t\tfont-weight: 400;\n\t\t\tfont-size: 12px;\n\t\t\tmargin-left: 4px;\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\tmargin-left: 0px;\n\t\t\t\tmargin-top: 2px;\n\t\t\t}\n\t\t}\n\n\t\t.button-error {\n\t\t\tfont-weight: 500;\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\tmargin-top: 12px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.table-container {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\toverflow-x: scroll;\n\t\tmargin-top: 18px;\n\t\theight: fit-content;\n\t}\n\n\t.table {\n\t\tdisplay: table;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tborder-spacing: 0px;\n\t\tborder-collapse: collapse;\n\n\t\t.thead {\n\t\t\tcolor: var(--color-black);\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 14px;\n\n\t\t\t.head-row {\n\t\t\t\tborder-bottom: 1px solid var(--color-border);\n\t\t\t\tborder-top: 1px solid var(--color-border);\n\t\t\t\tpadding-left: 34px;\n\t\t\t\tpadding-right: 34px;\n\t\t\t\tpadding-top: 15px;\n\t\t\t\tpadding-bottom: 15px;\n\t\t\t\tbackground: #fafafa;\n\n\t\t\t\tth {\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\tpadding-top: 15px;\n\t\t\t\t\tpadding-bottom: 15px;\n\t\t\t\t\tpadding-left: 35px;\n\t\t\t\t\tpadding-right: 35px;\n\t\t\t\t}\n\n\t\t\t\tth:last-child {\n\t\t\t\t\tpadding-right: 34px;\n\t\t\t\t}\n\n\t\t\t\t.w30 {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\tpadding-left: 34px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttbody {\n\t\t\tpadding-left: 34px;\n\t\t\tpadding-right: 34px;\n\n\t\t\t.placeholder {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t.session-info {\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-left: 34px;\n\t\t\t\tmargin-right: 34px;\n\t\t\t}\n\n\t\t\t.session-row {\n\t\t\t\tmargin-top: 29px;\n\t\t\t\tmargin-left: 34px;\n\t\t\t\tmargin-right: 34px;\n\n\t\t\t\t&.empty-row {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\n\t\t\t\t&.with-data {\n\t\t\t\t\ttd {\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\twidth: calc(70% / 3);\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t\t\theight: 1px;\n\t\t\t\t\t\tmin-height: 28px;\n\t\t\t\t\t\tpadding-left: 35px;\n\t\t\t\t\t\tpadding-right: 35px;\n\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\tpadding-top: 29px;\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tpadding-left: 8px;\n\t\t\t\t\t\t\tpadding-right: 8px;\n\t\t\t\t\t\t\tpadding-top: 7px;\n\t\t\t\t\t\t\tpadding-bottom: 7px;\n\t\t\t\t\t\t\tbackground-color: var(--color-copy-box-bg);\n\t\t\t\t\t\t\twidth: fit-content;\n\t\t\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.button-error-outline {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.session-id {\n\t\t\t\t\t\t\tfont-family: \"Source Code Pro\";\n\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\ttd:last-child {\n\t\t\t\t\t\tpadding-right: 34px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.w30 {\n\t\t\t\t\t\tpadding-left: 34px;\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.badge {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 6px;\n\n\twidth: fit-content;\n\n\ttext-align: center;\n\tfont-size: 13px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 20px;\n\n\t.content {\n\t\tmax-width: 110px;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t&.xs {\n\t\tfont-size: 10px;\n\t\tpadding: 0px 4px;\n\t}\n\t&.sm {\n\t\tfont-size: 12px;\n\t\tpadding: 0px 4px;\n\t}\n\n\t&.md {\n\t\tpadding: 3px 8px;\n\t}\n\n\t&.lg {\n\t\tpadding: 4px 10px;\n\t}\n\n\t&.secondary {\n\t\tcolor: var(--light-tags-tag-blue-text, #1d4ed8);\n\t\tborder: 1px solid var(--light-tags-tag-blue-border, #bfdbfe);\n\t\tbackground: var(--light-tags-tag-blue-bg, #dbeafe);\n\t}\n\n\t&.success {\n\t\tcolor: var(--light-tags-tag-green-text, #047857);\n\t\tborder: 1px solid var(--light-tags-tag-green-border, #a7f3d0);\n\t\tbackground: var(--light-tags-tag-green-bg, #d1fae5);\n\n\t\t& > svg {\n\t\t\tstroke: rgba(5, 150, 105, 1);\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: var(--light-tags-tag-green-bg-hover, #a7f3d0);\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.btn {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n\tfont-weight: 500;\n\tborder-radius: 6px;\n\tfont-family: inherit;\n\tline-height: 21px;\n\n\tcursor: pointer;\n\n\t&.gray {\n\t\tbackground: #ddd;\n\t\tcolor: var(--color-white);\n\t\tborder: 1px solid #ddd;\n\t}\n\n\t&.gray-outline {\n\t\tbackground-color: var(--color-white);\n\t\tborder: 1px solid var(--color-gray);\n\t\tcolor: var(--color-secondary-text);\n\t}\n\n\t&.info {\n\t\tborder: 1px solid rgb(217, 217, 217);\n\t\tbackground: rgb(249, 249, 249);\n\t\tcolor: var(--color-secondary-text);\n\t}\n\n\t&.primary {\n\t\tbackground-color: var(--color-primary);\n\t\tborder: 1px solid var(--color-primary-darker);\n\t\tcolor: var(--color-white);\n\t\tbox-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);\n\t}\n\n\t&.danger {\n\t\tborder: 1px solid var(--color-button-error-border);\n\t\tbackground: var(--color-button-error);\n\t\tcolor: var(--color-white);\n\t\tbox-shadow: 0px 3px 6px 0px var(--color-button-error-shadow);\n\t}\n\n\t&.danger-outline {\n\t\tborder: 1px solid var(--color-button-error-border);\n\t\tbackground: var(--color-white);\n\t\tcolor: var(--color-button-error);\n\t}\n\n\t&.secondary {\n\t\tborder: 1px solid var(--color-secondary);\n\t\tbackground: var(--color-secondary);\n\t\tcolor: var(--color-white);\n\t\tbox-shadow: 0px 3px 6px 0px var(--color-secondary-shadow);\n\t}\n\n\t&.outline {\n\t\tborder: 1px solid var(--color-black);\n\t\tbackground: var(--color-white);\n\t\tcolor: var(--color-black);\n\t}\n\n\t&.xs {\n\t\tpadding: 0px 8px;\n\t}\n\n\t&.sm {\n\t\tpadding: 6px 8px;\n\t\tfont-size: 14px;\n\t\tline-height: normal;\n\t}\n\n\t&.md {\n\t\tpadding: 10px 16px;\n\t\tfont-size: 14px;\n\t\tline-height: 16px;\n\t}\n\n\t&.lg {\n\t\tpadding: 10px 16px;\n\t\tfont-size: 16px;\n\t\tline-height: 20px;\n\t}\n\n\t&:hover:not(:disabled):not(.gray) {\n\t\topacity: 0.9;\n\t}\n\n\t&.loading {\n\t\topacity: 0.8;\n\t\tcursor: not-allowed;\n\t}\n\n\t.spinner {\n\t\tstroke: var(--color-white);\n\t\tanimation: spin 1s linear infinite;\n\t\theight: 16px;\n\t\twidth: 16px;\n\t}\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.alert {\n\twidth: 100%;\n\tpadding: 24px;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 12px;\n\n\t& > span {\n\t\tdisplay: flex;\n\t\tpadding: 1px 8px;\n\t\talign-items: flex-start;\n\t\tgap: 10px;\n\n\t\tborder-radius: 8px;\n\t\tfont-size: 12px;\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tline-height: 15px;\n\t\ttext-transform: uppercase;\n\t}\n\n\t& > div {\n\t\tfont-size: 14px;\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tline-height: 23px;\n\t}\n\n\t&.primary {\n\t\tborder-radius: 6px;\n\t\tborder: 1px solid #e37a3f;\n\t\tbackground: rgba(227, 122, 63, 0.1);\n\n\t\t& > span {\n\t\t\tbackground: #e37a3f;\n\t\t\tcolor: #fff;\n\t\t}\n\n\t\t& > div {\n\t\t\tcolor: #a44915;\n\t\t}\n\t}\n}\n\n@media (max-width: 425px) {\n\t.alert {\n\t\tpadding: 24px 14px;\n\t}\n}\n",".select-container {\n\tposition: relative;\n\tcursor: pointer;\n\n\t.select-action {\n\t\tdisplay: flex;\n\t\twidth: 210px;\n\t\theight: 36px;\n\t\tpadding: 9px 13px;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t\tflex-shrink: 0;\n\n\t\tborder-radius: 6px;\n\t\tborder: 1px solid #e5e5e5;\n\t\tbackground: #fff;\n\n\t\tcolor: #222;\n\t\tfont-size: 14px;\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tline-height: normal;\n\t}\n\t.select-dropdown-wrapper {\n\t\tpadding-top: 5px;\n\t\tz-index: 5;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\n\t\t.select-dropdown {\n\t\t\tbackground: #fff;\n\t\t\tborder-radius: 6px;\n\t\t\tbackground: #fff;\n\t\t\tbox-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);\n\n\t\t\t.select-item {\n\t\t\t\tcursor: pointer;\n\t\t\t\tpadding: 12px;\n\t\t\t\tcolor: #222;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tline-height: normal;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: #f0f0f0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".shimmer {\n\twidth: 100%;\n\tbackground-color: var(--color-loader-placeholder-bg);\n\tmin-height: 1em;\n\topacity: 0.4;\n\tanimation: blinker 2s linear infinite;\n\t@keyframes blinker {\n\t\t50% {\n\t\t\topacity: 0.1;\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.dialog-overlay {\n\tbackground: rgba(0, 0, 0, 0.4);\n\tposition: fixed;\n\tinset: 0;\n\theight: 100vh;\n\n\tz-index: 9999;\n}\n\n.dialog-container {\n\tmax-width: 470px;\n\twidth: 100%;\n\n\theight: fit-content;\n\n\tborder-radius: 12px;\n\tbackground: #fff;\n\tbox-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);\n\n\tposition: fixed;\n\tinset: 0;\n\tmargin: auto;\n\tz-index: 9999;\n\n\tpadding: 36px 40px;\n}\n\n.dialog-content {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.dialog-header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\tcolor: #222;\n\n\tfont-size: 24px;\n\tfont-style: normal;\n\tfont-weight: 500;\n\tline-height: 32px;\n\n\tborder-bottom: 1px solid #e5e5e5;\n\tpadding-bottom: 16px;\n\n\t& > svg {\n\t\tbackground: rgba(232, 232, 232, 1);\n\t\theight: 22px;\n\t\twidth: 22px;\n\t\tpadding: 6px;\n\t\tborder-radius: 50%;\n\n\t\tcursor: pointer;\n\t}\n}\n\n.dialog-footer {\n\tdisplay: flex;\n\tgap: 24px;\n\tpadding-top: 20px;\n\n\t&.border-top {\n\t\tborder-top: 1px solid var(--color-border);\n\t}\n\n\t&.border-none {\n\t\tborder: none;\n\t}\n\n\t&.row {\n\t\tflex-direction: row;\n\t}\n\n\t&.column {\n\t\tflex-direction: column;\n\t}\n\n\t&.flex-start {\n\t\tjustify-content: flex-start;\n\t}\n\n\t&.flex-end {\n\t\tjustify-content: flex-end;\n\t}\n\n\t&.center {\n\t\tjustify-content: center;\n\t}\n\n\t&.space-between {\n\t\tjustify-content: space-between;\n\t}\n\n\t&.space-around {\n\t\tjustify-content: space-around;\n\t}\n\n\t&.space-evenly {\n\t\tjustify-content: space-evenly;\n\t}\n}\n\n@media (max-width: 485px) {\n\t.dialog-container {\n\t\twidth: 95%;\n\t\tpadding-left: 14px;\n\t\tpadding-right: 14px;\n\t}\n}\n",".assign-role-dialog-container {\n\tp {\n\t\tcolor: #6e6a65;\n\t\tfont-size: 14px;\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tline-height: normal;\n\n\t\tpadding-top: 24px;\n\t}\n\n\t.roles-container {\n\t\tmargin-top: 14px;\n\n\t\twidth: 100%;\n\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder-radius: 14px;\n\t\tborder: 1px solid #e5e5e5;\n\n\t\t.input-field-container {\n\t\t\tmargin-bottom: 0px !important;\n\t\t}\n\n\t\t.input-field {\n\t\t\tpadding: 9px 36px 8px !important;\n\t\t}\n\n\t\t.search-box-container {\n\t\t\tmargin: 8px;\n\t\t\tposition: relative;\n\n\t\t\t& > img {\n\t\t\t\theight: 14px;\n\t\t\t\twidth: 14px;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 1;\n\t\t\t\ttop: 10px;\n\t\t\t\tleft: 10px;\n\t\t\t}\n\t\t}\n\n\t\t.roles-header {\n\t\t\tcolor: var(--light-foregrounds-fg-muted, #9ca3af);\n\t\t\tfont-size: 12px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: 20px;\n\t\t\tbackground: #f5f5f5;\n\t\t\tpadding: 2px 14px;\n\t\t}\n\n\t\t.roles-list-container {\n\t\t\tpadding: 4px 8px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 4px;\n\n\t\t\tmax-height: 162px;\n\t\t\toverflow: scroll;\n\n\t\t\t.loading-container {\n\t\t\t\theight: 204px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\n\t\t\t\t& > svg {\n\t\t\t\t\theight: 30px;\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\tanimation: spin 1.2s linear infinite;\n\t\t\t\t}\n\n\t\t\t\t@keyframes spin {\n\t\t\t\t\t0% {\n\t\t\t\t\t\ttransform: rotate(0deg);\n\t\t\t\t\t}\n\t\t\t\t\t100% {\n\t\t\t\t\t\ttransform: rotate(360deg);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.info-container {\n\t\t\t\theight: 204px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\n\t\t\t\t& > svg {\n\t\t\t\t\theight: 37px;\n\t\t\t\t\twidth: 30px;\n\t\t\t\t}\n\n\t\t\t\t.security-icon {\n\t\t\t\t\tcolor: var(--color-primary);\n\t\t\t\t}\n\n\t\t\t\t& > h1 {\n\t\t\t\t\tcolor: var(--color-black);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tline-height: 40px; /* 250% */\n\t\t\t\t}\n\t\t\t\t.gray {\n\t\t\t\t\tcolor: #b4b4b4;\n\t\t\t\t}\n\n\t\t\t\t& > p {\n\t\t\t\t\tcolor: #6e6a65;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tline-height: 26px;\n\n\t\t\t\t\tpadding-top: 0px;\n\n\t\t\t\t\twidth: 200px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t& > a {\n\t\t\t\t\t\tcolor: var(--button-tertiary-normal-blue-007-aff, #007aff);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.role-item {\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tpadding: 4px 8px;\n\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\n\t\t\t\t.add-icon {\n\t\t\t\t\tfill: #9b9b9b;\n\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tfill: #007aff;\n\t\t\t\t\t\tbackground: rgba(0, 122, 255, 0.1);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t& > span {\n\t\t\t\t\tcolor: var(--light-foregrounds-fg-base, #030712);\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tline-height: 20px; /* 153.846% */\n\t\t\t\t}\n\n\t\t\t\t&[data-selected=\"true\"] {\n\t\t\t\t\tbackground: #edf6ff;\n\t\t\t\t}\n\n\t\t\t\t& > input[type=\"checkbox\"] {\n\t\t\t\t\tmargin-right: 14px;\n\t\t\t\t\tposition: relative;\n\t\t\t\t}\n\n\t\t\t\t& > input[type=\"checkbox\"]:hover {\n\t\t\t\t\tborder: none;\n\t\t\t\t}\n\n\t\t\t\t& > input[type=\"checkbox\"]:hover::after {\n\t\t\t\t\tz-index: -1;\n\t\t\t\t\ttop: -1px;\n\t\t\t\t\tleft: -1px;\n\t\t\t\t\twidth: 20px;\n\t\t\t\t\theight: 20px;\n\t\t\t\t\tbackground: linear-gradient(#a2facf, #64acff);\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t}\n\n\t\t\t\t&:hover:not([data-selected=\"true\"]) {\n\t\t\t\t\tbackground: var(--light-backgrounds-bg-base-hover, #f9fafb);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".you-sure-text {\n\tcolor: #000;\n\tfont-size: 14px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 23px;\n\tpadding-top: 24px;\n\n\t.red {\n\t\tcolor: var(--color-button-error);\n\t\tfont-weight: 600;\n\t}\n}\n",".user-roles-list-wrapper {\n\t.shimmer-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 10px;\n\t\twidth: 100%;\n\t\tmargin-top: 5px;\n\t}\n\n\t& > .roles-list-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\tgap: 14px;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tborder-top: 1px solid var(--color-border);\n\t\tpadding-top: 20px;\n\t\tmargin-top: 20px;\n\n\t\t.no-roles-found {\n\t\t\tpadding: 20px 0px;\n\t\t\tfont-size: 14px;\n\t\t\tcolor: var(--color-black);\n\t\t}\n\n\t\t.add-role-btn {\n\t\t\tdisplay: flex;\n\t\t\tpadding: 2px 8px;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t\tborder-radius: 6px;\n\t\t\tborder: 1px solid rgb(217, 217, 217);\n\t\t\tbackground: rgb(249, 249, 249);\n\n\t\t\tcolor: var(--color-secondary-tex);\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 21px;\n\n\t\t\t& > svg {\n\t\t\t\tfill: #6e6a65;\n\t\t\t}\n\n\t\t\t&:hover:not([data-disable-hover=\"true\"]) {\n\t\t\t\tborder: 1px solid rgba(0, 122, 255, 0.5);\n\n\t\t\t\tcolor: var(--color-secondary);\n\t\t\t\tfont-size: 14px;\n\n\t\t\t\t& > svg {\n\t\t\t\t\tfill: var(--color-secondary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.select-tenantId-container {\n\tcolor: var(--color-secondary-text);\n\tfont-size: 14px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 23px;\n\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\tflex-wrap: wrap;\n\tmargin-top: -32px;\n\n\t& > span {\n\t\tfont-weight: 500;\n\t}\n\n\t@media (max-width: 440px) {\n\t\tfont-size: 12px;\n\t\tline-height: 18px;\n\t}\n}\n\n.feature-not-enabled {\n\tmargin-top: -10px;\n\tcolor: #6e6a65;\n\tfont-size: 14px;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n$container-padding-horizontal: 40;\n\n.users-list {\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\n\tmax-width: 100vw;\n}\n\n.users-list-title {\n\tfont-size: 28px;\n\tline-height: 34px;\n\tcolor: var(--color-black);\n\tmargin-bottom: 16px;\n\tfont-weight: 500;\n}\n\n.users-list-title .pill.paid-feature-badge {\n\tdisplay: inline-block;\n\tline-height: 1.1;\n\tfont-size: 14px;\n\tbackground-color: var(--color-badge-bg);\n\tcolor: var(--color-badge);\n\tborder-radius: 6px;\n\tmargin-top: 0;\n\tvertical-align: middle;\n}\n\n.users-list-subtitle {\n\tcolor: var(--color-secondary-text);\n\tmargin-bottom: 48px;\n}\n\n.users-list-paper {\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-white);\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\n.users-list .block-info-connection {\n\tmargin-bottom: 24px;\n}\n\n.tenant-list-dropdown {\n\tmin-width: 200px;\n\tpadding-left: 13px;\n\tpadding-right: 13px;\n\tpadding-top: 9px;\n\tpadding-bottom: 9px;\n\tborder-radius: 6px;\n\tborder: 1px solid #e5e5e5;\n\tbackground: #fff;\n\tfont-size: 14px;\n\tcolor: #222;\n}\n\n.tenant-id-container {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-bottom: 16px;\n}\n\n.tenant-id-title {\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tmargin-right: 8px;\n}\n\n@media (min-width: 1126px) {\n\t.users-list {\n\t\twidth: var(--container-width);\n\t\tpadding-left: 0px;\n\t\tpadding-right: 0px;\n\t\tmargin: 0 auto;\n\t}\n}\n\n@media (max-width: 480px) {\n\t.users-list {\n\t\tpadding: 72px 18px 48px;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\n.footer {\n\tbottom: 0;\n\twidth: 100vw;\n\tmin-height: 62px;\n\tdisplay: flex;\n\tpadding: 20px 32px;\n\tz-index: 20;\n\n\t.logo {\n\t\theight: 23px;\n\t\twidth: 151px;\n\t}\n\n\t&.alignment-right {\n\t\tjustify-content: flex-end;\n\t}\n\t&.alignment-center {\n\t\tjustify-content: center;\n\t}\n\n\t&.vertical-center {\n\t\talign-items: center;\n\t}\n\t&.vertical-bottom {\n\t\talign-self: flex-end;\n\t}\n\n\t&.color-dark {\n\t\tbackground-color: var(--color-black);\n\t\t.logo {\n\t\t\twidth: 148px;\n\t\t}\n\t}\n\n\t&.size-large {\n\t\tpadding: 40px 32px;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.auth-container {\n\theight: 100vh;\n\twidth: 100vw;\n\tdisplay: flex;\n\tflex-flow: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-position: top center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tbackground-image: var(--auth-background-portrait);\n\n\t@media only screen and (min-width: 600px) {\n\t\tbackground-image: var(--auth-background);\n\t}\n}\n\n.auth-container .block-container {\n\tmax-width: 320px;\n\tmargin: 32px auto;\n\n\t&.sign-up,\n\t&.forgot-password {\n\t\tmax-width: 460px;\n\t}\n\n\t@media only screen and (min-width: 600px) {\n\t\tmax-width: 450px;\n\n\t\t&.sign-up,\n\t\t&.forgot-password {\n\t\t\tmax-width: 760px;\n\t\t\twidth: max(600px, 41vw);\n\t\t}\n\t}\n}\n\n.auth-container {\n\t.text-title {\n\t\tmargin-bottom: 8px;\n\t}\n\n\t.text-label {\n\t\tmargin-bottom: 16px;\n\t}\n\n\tlabel {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tmargin-block-end: 7px;\n\t\tdisplay: inline-block;\n\t}\n}\n\n.block-container {\n\thr {\n\t\tmargin-block: 24px;\n\t\tborder-bottom: none;\n\t\tborder-top: 1px solid rgb(221, 221, 221);\n\t}\n\n\t.link {\n\t\tcolor: var(--color-link);\n\t\tcursor: pointer;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n}\n\nform .input-field-inset:not(.input-field-inset-focused) input {\n\tbackground-color: var(--color-input-unfocused);\n}\n\n.error-response-container {\n\tfont-size: 14px;\n}\n\n.cta-container {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t.secondary-cta-btn {\n\t\tfont-family: inherit;\n\t\tfont-size: 14px;\n\n\t\t&.forgot-btn {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\timg.back-chevron {\n\t\tmargin-inline-end: 6px;\n\t}\n}\n\n.margin-top-16 {\n\tmargin-top: 16px;\n}\n\n.command-container {\n\tmargin-block: 24px 18px;\n\tdisplay: flex;\n\tpadding-block: 6px;\n\tpadding-inline: 8px 4px;\n\t@include gap-horizontal(12px);\n\tborder: 1px solid var(--color-border-command);\n\tborder-radius: 6px;\n\twhite-space: break-spaces;\n\n\t.clipboard-btn-container {\n\t\theight: 24px;\n\t\tmin-width: 24px;\n\t\tborder-radius: 50%;\n\t\ttransition: 0.1s all ease-in-out;\n\t\tcursor: pointer;\n\n\t\t&:hover {\n\t\t\tbackground: rgba(217, 217, 217, 0.6);\n\t\t}\n\n\t\t.clipboard-icon {\n\t\t\twidth: 12px;\n\t\t\theight: 14px;\n\t\t}\n\t}\n\n\tcode.command {\n\t\tword-break: break-word;\n\t\tfont-size: 13px;\n\t\tline-height: 1.6;\n\t\tcolor: var(--color-command);\n\t\tflex: 1;\n\t\tmax-height: 160px;\n\t\toverflow-y: scroll;\n\n\t\t.hljs-string {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t.tooltip-container {\n\t\theight: fit-content;\n\n\t\t.tooltip-container__popup {\n\t\t\tpadding: 3px 8px;\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\n.error-container {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t.block-container {\n\t\ttext-align: center;\n\t\tmax-width: 560px;\n\t\tmargin: 32px auto;\n\t\t.text-title {\n\t\t\tfont-size: 24px;\n\t\t\tline-height: normal;\n\t\t\tmargin-top: 8px;\n\t\t}\n\t\t.title-image {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t\tp {\n\t\t\tmargin-top: 12px;\n\t\t\tletter-spacing: 0.14px;\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.notification {\n\tdisplay: flex;\n\tpadding: 16px;\n\t@include gap-horizontal(8px);\n\tline-height: 24px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-window-bg);\n\tbox-shadow: 0px 0px 6px var(--color-shadow);\n\tfont-size: 14px;\n\tanimation: notificationScale 0.3s;\n\ttransition: 0.3s;\n\t&__icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\timg {\n\t\t\theight: 16px;\n\t\t}\n\t}\n\t&__info {\n\t\tflex: 1;\n\t\tpadding-right: 24px;\n\t\tfont-weight: 500;\n\t\tmax-width: 300px;\n\t\twhite-space: wrap;\n\t}\n\t&__close {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tsvg {\n\t\t\twidth: 8px;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&.notification-info {\n\t\tbackground-color: var(--color-info-bg);\n\t\tcolor: var(--color-info);\n\t\tborder-color: var(--color-border-info);\n\t\tbox-shadow: 0px 0px 6px var(--color-info-shadow);\n\t\tsvg {\n\t\t\tstroke: var(--color-info);\n\t\t}\n\t}\n\t&.notification-error {\n\t\tbackground-color: var(--color-error-bg);\n\t\tcolor: var(--color-error);\n\t\tborder-color: var(--color-border-error);\n\t\tbox-shadow: 0px 0px 6px var(--color-error-shadow);\n\t\tsvg {\n\t\t\tstroke: var(--color-error);\n\t\t}\n\t}\n\t&.notification-success {\n\t\tbackground-color: var(--color-success-bg);\n\t\tcolor: var(--color-success);\n\t\tborder-color: var(--color-border-success);\n\t\tbox-shadow: 0px 0px 6px var(--color-success-shadow);\n\t\tsvg {\n\t\t\tstroke: var(--color-success);\n\t\t}\n\t}\n}\n\n.notification-container {\n\tposition: fixed;\n\ttop: 78px;\n\tright: 0px;\n\tpadding: 0px 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\ttransition: 0.3s;\n\t@include gap-vertical(16px);\n\tmax-height: 100vh;\n\tjustify-content: flex-end;\n\twidth: max-content;\n\tz-index: 9999;\n}\n\n@keyframes notificationScale {\n\t0% {\n\t\ttransform: scale(0);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n","button#sign-out-btn {\n\tposition: absolute;\n\ttop: 24px;\n\tright: 60px;\n\tbackground: var(--color-white);\n\tborder: 1px solid var(--color-black);\n\tborder-radius: 6px;\n\tpadding: 6px 8px;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tline-height: 17px;\n\tfont-weight: 500;\n\tcursor: pointer;\n\tz-index: 1;\n}\n",".sidebar {\n\tposition: fixed;\n\theight: 100vh;\n\twidth: var(--sidebar-width);\n\tmargin-top: 64px;\n\tborder-right: 1px solid var(--light-borders-border-base, #e5e7eb);\n\tbackground-color: var(--color-window-bg);\n\tz-index: 10;\n}\n\n.sidebar-list {\n\tmargin-top: 50px;\n\tlist-style-type: none;\n}\n\n.sidebar-list > li {\n\tmargin: 14px 16px;\n\n\t& .active {\n\t\tborder-radius: 6px;\n\t\tborder: 1px solid rgba(255, 153, 51, 0.15);\n\t\tbackground: rgba(255, 153, 51, 0.1);\n\n\t\tcolor: #f93;\n\t\tfont-weight: 500;\n\n\t\t& > svg {\n\t\t\tstroke: var(--color-primary);\n\t\t\tstroke-width: 0.3px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: rgba(255, 153, 51, 0.1) !important;\n\t\t}\n\t}\n}\n\n.sidebar-list > li > a {\n\tdisplay: block;\n\tpadding: 6px 8px;\n\tborder-radius: 6px;\n\n\tcolor: var(--light-foregrounds-fg-subtle, #4b5563);\n\tfont-size: 13px;\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 20px;\n\n\tborder: 1px solid transparent;\n\n\ttext-decoration: none;\n\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\tgap: 12px;\n\n\t&:hover:not(.active) {\n\t\tbackground: #eee !important;\n\t}\n}\n\n@media (max-width: 1024px) {\n\t.sidebar {\n\t\tdisplay: none;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.st-header-desktop {\n\tposition: fixed;\n\twidth: 100%;\n\tz-index: 100;\n\n\tdisplay: flex;\n\tpadding: 16px 18px;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\tbackground: #fff;\n\tbox-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);\n}\n\n.st-header-mobile {\n\tdisplay: none;\n\n\t.overlay {\n\t\tbackground: rgba(0, 0, 0, 0.4);\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\theight: 100vh;\n\n\t\tz-index: 9999;\n\n\t\tmargin-top: 70px;\n\t}\n\n\tsvg {\n\t\tcursor: pointer;\n\t}\n\n\t.close-btn {\n\t\tbackground: rgba(95, 95, 95, 0.08);\n\t\tborder-radius: 50%;\n\t\tborder: none;\n\n\t\theight: 40px;\n\t\twidth: 40px;\n\t}\n\n\t.menu-container {\n\t\twidth: 400px;\n\n\t\theight: fit-content;\n\n\t\tborder-radius: 12px;\n\t\tbackground: #fff;\n\t\tbox-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);\n\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tmargin: 16px;\n\t\tmargin-top: 80px;\n\t\tz-index: 9999;\n\n\t\tpadding: 36px 40px;\n\n\t\t.divider {\n\t\t\tbackground: #aaa;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tmargin: 40px auto;\n\t\t}\n\n\t\tbutton {\n\t\t\twidth: 100%;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t.menu-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\n\t\t.sidebar-list {\n\t\t\tmargin-top: 0;\n\n\t\t\t& > li {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media (max-width: 1024px) {\n\t.st-header-desktop {\n\t\tdisplay: none;\n\t}\n\n\t.st-header-mobile {\n\t\tposition: fixed;\n\t\twidth: 100%;\n\t\tz-index: 9999;\n\t\tbackground: var(--color-white);\n\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t\tgap: 14px;\n\n\t\tpadding: 14px 12px;\n\t}\n}\n\n@media (max-width: 532px) {\n\t.st-header-mobile {\n\t\t.menu-container {\n\t\t\twidth: 95%;\n\t\t\tmargin: auto;\n\t\t\tmargin-top: 80px;\n\t\t}\n\t}\n}\n",".main-layout-container {\n\tdisplay: block;\n\n\t.main-content {\n\t\tmargin-top: 44px;\n\t\tmargin-left: var(--sidebar-width);\n\t\tmin-height: 100vh;\n\t}\n}\n\n@media (max-width: 1024px) {\n\t.main-layout-container {\n\t\t.main-content {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.pagination {\n\tdisplay: flex;\n\t@include gap-horizontal(1em);\n\n\t.pagination-count {\n\t\tfont-weight: 500;\n\t}\n\t.pagination-navigation {\n\t\tdisplay: flex;\n\t\t@include gap-horizontal(0.5em);\n\t}\n\t.pagination-button {\n\t\tborder: none;\n\t\tbackground: none;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.table-container {\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n\toverflow-x: auto;\n\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-white);\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\n.table {\n\twidth: 100%;\n\tmax-width: 100%;\n\tborder-spacing: 0px;\n\tborder-collapse: collapse;\n}\n\n.table thead {\n\tcolor: var(--color-secondary-text);\n\ttext-transform: uppercase;\n\tfont-size: 12px;\n\tline-height: 14px;\n}\n\n.table thead tr {\n\tborder-bottom: 1px solid var(--color-border);\n\tth {\n\t\tfont-weight: 500;\n\t\ttext-align: left;\n\t\twidth: 33%;\n\t\tline-height: 24px;\n\n\t\tpadding: 18px 8px;\n\n\t\t&:first-child {\n\t\t\tpadding: 18px 14px 18px 36px;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tpadding: 18px 36px 18px 14px;\n\t\t}\n\t}\n}\n\n.table tbody tr {\n\tborder-bottom: 1px solid var(--color-border);\n\ttd {\n\t\tpadding: 24px 1em 24px 0;\n\t}\n\t&.empty-row {\n\t\ttd {\n\t\t\tpadding: 12px 0;\n\t\t}\n\t}\n\tcursor: pointer;\n}\n\n.table.theme-blue tbody tr {\n\t&.disable-row {\n\t\tcursor: none;\n\t\tpointer-events: none;\n\t\topacity: 0.6;\n\t}\n\n\t&:hover {\n\t\tbackground: var(--color-secondary-light);\n\t}\n}\n\n.table.theme-blue tbody tr[data-active=\"true\"] {\n\tbackground: var(--color-secondary-light);\n}\n\n.table tr td {\n\tfont-size: 14px;\n\n\t&:first-child {\n\t\tfont-weight: 500;\n\t\tpadding: 18px 14px 18px 36px;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmax-width: 126px;\n\t}\n\n\t&:last-child {\n\t\tpadding: 18px 36px 18px 14px;\n\t}\n}\n\n.table tfoot {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tpadding-top: 24px;\n\tposition: sticky;\n\tleft: 0px;\n}\n",".paper-container {\n\tdisplay: block;\n\toverflow-x: auto;\n\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-white);\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n\tpadding: 56px 0px;\n\n\t.icon {\n\t\theight: 54px;\n\t\twidth: 54px;\n\t\tcolor: var(--color-primary);\n\t}\n\n\t& > div {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\n\t\th1 {\n\t\t\tcolor: var(--color-black);\n\t\t\ttext-align: center;\n\t\t\tfont-size: 18px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: 40px;\n\t\t}\n\n\t\tp {\n\t\t\tcolor: var(--color-secondary-text);\n\t\t\ttext-align: center;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 26px;\n\t\t}\n\t}\n}\n",".delete-btn-container {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.roles-column {\n\twidth: 20% !important;\n}\n\n.permissions-container {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 14px;\n\n\t& > .permissions {\n\t\tdisplay: flex;\n\t\tgap: 24px;\n\t\toverflow: hidden;\n\n\t\t.badge-width {\n\t\t\twidth: 80px !important;\n\t\t}\n\t}\n\n\t& > .delete-role {\n\t\tpadding: 6px;\n\t\tborder-radius: 3px;\n\t\tborder: 1px solid #ddd;\n\t\tbackground: #fff;\n\n\t\t& > svg > path {\n\t\t\tfill: rgba(141, 141, 141, 1) !important;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder: 1px solid #ed344e;\n\t\t\tbackground: rgba(237, 52, 78, 0.15);\n\n\t\t\t& > svg > path {\n\t\t\t\tfill: rgba(237, 52, 78, 1) !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > .refresh-btn {\n\t\tpadding: 6px;\n\t\tborder-radius: 3px;\n\n\t\tborder: 1px solid #ddd;\n\t\tcolor: rgba(141, 141, 141, 1);\n\t\tbackground: #fff;\n\n\t\t&:hover {\n\t\t\tborder: 1px solid var(--color-primary);\n\t\t\tcolor: var(--color-primary);\n\t\t\tbackground: rgba(255, 153, 51, 0.06);\n\t\t}\n\t}\n}\n\n.roles-list-pagination {\n\tjustify-content: flex-end;\n\tpadding: 24px;\n}\n\n.margin-bottom-36 {\n\tmargin-bottom: 36px;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.tags-input-field-container {\n\twidth: 100%;\n\theight: fit-content;\n\n\tp {\n\t\tcolor: var(--color-gray);\n\t\tfont-family: Rubik;\n\t\tfont-size: 14px;\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tline-height: normal;\n\n\t\tmargin-top: 8px;\n\t}\n}\n\n.tags-container {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\tflex-wrap: wrap;\n\tgap: 10px 16px;\n\n\tmax-height: 16vh;\n\toverflow: scroll;\n\n\tmargin-top: 10px;\n\n\tsvg {\n\t\tstroke: #2563eb;\n\t\tcursor: pointer;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.delete-permissions-container {\n\tborder-radius: 14px;\n\tborder: 1px solid #e5e5e5;\n\n\twidth: 100%;\n\toverflow: scroll;\n\n\t.container-header {\n\t\tbackground: #fafafa;\n\t\tborder-radius: 14px 14px 0px 0px;\n\n\t\tcolor: var(--light-foregrounds-fg-muted, #9ca3af);\n\t\tfont-family: Rubik;\n\t\tfont-size: 12px;\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tline-height: 20px; /* 166.667% */\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\tpadding: 6px 16px;\n\n\t\t& > .delete-role {\n\t\t\tpadding: 6px;\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid #ddd;\n\t\t\tbackground: #fff;\n\n\t\t\t& > svg > path {\n\t\t\t\tfill: rgba(141, 141, 141, 1) !important;\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\n\t\t\t&:hover:not(:disabled) {\n\t\t\t\tborder: 1px solid #ed344e;\n\t\t\t\tbackground: rgba(237, 52, 78, 0.15);\n\n\t\t\t\t& > svg > path {\n\t\t\t\t\tfill: rgba(237, 52, 78, 1) !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.permissions-list {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 4px;\n\n\t\tmax-height: 30vh;\n\n\t\tpadding: 4px 8px;\n\n\t\t.info-container {\n\t\t\theight: 204px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\n\t\t\t& > svg {\n\t\t\t\theight: 37px;\n\t\t\t\twidth: 30px;\n\t\t\t\tcolor: var(--color-primary);\n\t\t\t}\n\n\t\t\t& > h1 {\n\t\t\t\tcolor: var(--color-black);\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tline-height: 21px; /* 250% */\n\t\t\t}\n\t\t\t.gray {\n\t\t\t\tcolor: #b4b4b4;\n\t\t\t}\n\n\t\t\t& > p {\n\t\t\t\tcolor: #6e6a65;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tline-height: 21px;\n\n\t\t\t\tpadding-top: 0px;\n\n\t\t\t\twidth: 200px;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t& > a {\n\t\t\t\t\tcolor: var(--button-tertiary-normal-blue-007-aff, #007aff);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.permission-item {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: center;\n\t\t\tpadding: 8px 8px;\n\n\t\t\tcursor: pointer;\n\n\t\t\tborder-radius: 6px;\n\n\t\t\t& > input {\n\t\t\t\tmargin-right: 8px;\n\t\t\t}\n\n\t\t\t&:hover:not([data-selected=\"true\"]) {\n\t\t\t\tbackground: #f9fafb;\n\t\t\t}\n\n\t\t\t&[data-selected=\"true\"] {\n\t\t\t\tbackground: #edf6ff;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.margin-bottom-5 {\n\tmargin-bottom: 5px;\n}\n\n.margin-top-20 {\n\tmargin-top: 20px;\n}\n",".edit-role-content {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\n\tpadding: 32px 0 24px 0;\n\n\t& > div {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.permissions-list-container {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\n\t\tgap: 14px 18px;\n\t\toverflow: scroll;\n\t\tmax-height: 14vh;\n\t}\n\n\t.label {\n\t\tcolor: var(--color-secondary-text);\n\t\tfont-size: 14px;\n\t\tfont-style: normal;\n\t\tfont-weight: 500;\n\t\tline-height: normal;\n\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.role-name {\n\t\tcolor: var(--color-black);\n\t\tfont-size: 14px;\n\t\tfont-style: normal;\n\t\tfont-weight: 600;\n\t\tline-height: normal;\n\t}\n\n\t.delete-badge {\n\t\t&:hover {\n\t\t\tborder-radius: 6px;\n\t\t\tborder: 1px solid var(--light-tags-tag-red-border, #fecdd3);\n\t\t\tbackground: var(--light-tags-tag-red-bg-hover, #fecdd3);\n\t\t\tcolor: rgba(225, 29, 72, 1);\n\n\t\t\t& > svg {\n\t\t\t\tstroke: rgba(225, 29, 72, 1);\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.create-role-dialog-container {\n\tdisplay: flex;\n\tflex-direction: column;\n\n\tpadding: 32px 0 24px 0;\n\tgap: 20px;\n\n\t.margin-bottom-10 {\n\t\tmargin-bottom: 10px;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.userroles-container {\n\tmax-width: var(--container-width);\n\theight: 100%;\n\tpadding: 72px 0px 0px;\n\tmargin: auto;\n\n\t.userroles-title {\n\t\tfont-size: 28px;\n\t\tline-height: 34px;\n\t\tcolor: var(--color-black);\n\t\tmargin-bottom: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t.userroles-subtitle {\n\t\tcolor: var(--color-secondary-text);\n\t\tmargin-bottom: 48px;\n\t}\n\n\t.search-add-role-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\talign-items: center;\n\t\tmargin-bottom: 12px;\n\t}\n}\n\n@media (max-width: 1024px) {\n\t.userroles-container {\n\t\tpadding: 72px 40px 48px;\n\t\tmax-width: 100%;\n\t}\n}\n\n@media (max-width: 480px) {\n\t.userroles-container {\n\t\tpadding: 72px 18px 48px;\n\t\tmax-width: 100%;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import url(\"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500&display=swap\");\n\nbody {\n\tfont-family: \"Rubik\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\",\n\t\t\"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tcolor: var(--color-black);\n}\n\ncode {\n\tfont-family: Menlo, \"Source Code Pro\", Monaco, Consolas, \"Courier New\", monospace;\n}\n\n* {\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\tposition: relative;\n}\n\n#root {\n\tbackground-color: var(--color-window-bg);\n\tmin-height: 100vh;\n\tmin-width: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n#root > * {\n\tflex: 1;\n}\n\n#root > .footer {\n\tflex: 0;\n}\n\nbutton:not(:disabled),\na[href] {\n\tcursor: pointer;\n}\n\nbutton:disabled {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\nbody {\n\t/* theme colors */\n\t--color-primary: rgb(255, 153, 51);\n\t--color-primary-opacity-40: rgba(255, 153, 51, 0.4);\n\t--color-primary-darker: rgb(255, 128, 0);\n\n\t--color-white: rgb(255, 255, 255);\n\t--color-black: rgb(34, 34, 34);\n\t--color-window-bg: rgb(248, 248, 248);\n\t--color-gray: rgba(170, 170, 170, 1);\n\n\t--color-secondary: rgb(0, 122, 255);\n\t--color-secondary-shadow: rgba(0, 122, 255, 0.16);\n\t--color-secondary-light: rgba(244, 248, 253, 1);\n\n\t/* Background Colors */\n\t--color-loader-placeholder-bg: rgba(110, 106, 101, 0.4);\n\t--color-shadow: rgba(0, 0, 0, 0.16);\n\t--color-container-shadow: rgba(0, 0, 0, 0.16);\n\t--color-error-shadow: rgba(158, 37, 38, 0.16);\n\t--color-error-bg: rgb(253, 240, 241);\n\t--color-info-shadow: rgba(158, 37, 38, 0.16);\n\t--color-info-bg: rgb(235, 245, 255);\n\t--color-success-bg: rgb(241, 250, 247);\n\t--color-success-shadow: rgba(4, 84, 62, 0.16);\n\t--color-link: rgb(0, 122, 255);\n\t--color-input-unfocused: rgb(250, 250, 250);\n\t--color-badge-bg: rgba(255, 242, 202);\n\n\t/* Border Colors */\n\t--color-border: rgb(229, 229, 229);\n\t--color-border-error: rgb(239, 121, 119);\n\t--color-border-info: rgb(151, 189, 250);\n\t--color-border-success: rgb(73, 200, 153);\n\t--color-border-command: rgb(221, 221, 221);\n\n\t/* Text Colors */\n\t--color-secondary-text: rgb(110, 106, 101); /* Below title, table headers, placeholders etc */\n\t--color-error: rgb(158, 37, 38);\n\t--color-info: rgb(31, 90, 219);\n\t--color-success: rgb(4, 84, 62);\n\t--color-link: rgb(0, 118, 255);\n\t--color-command: rgb(214, 80, 120);\n\t--color-badge: rgba(220, 141, 13);\n\n\t/* Recipe Pill Colors */\n\t--color-emailpassword-bg: rgb(221, 252, 247);\n\t--color-emailpassword-text: rgb(0, 106, 91);\n\t--color-passwordless-bg: rgb(255, 234, 247);\n\t--color-passwordless-text: rgb(168, 17, 90);\n\t--color-multiple-login-text: rgb(159, 112, 19);\n\t--color-multiple-login-bg: rgb(255, 246, 197);\n\n\t/* Social Provider Pill Colors */\n\t--color-google-bg: rgb(241, 222, 255);\n\t--color-google-text: rgb(92, 63, 121);\n\t--color-github-bg: rgb(222, 255, 238);\n\t--color-github-text: rgb(9, 108, 56);\n\t--color-facebook-bg: rgb(227, 235, 255);\n\t--color-facebook-text: rgb(21, 75, 221);\n\t--color-apple-bg: rgb(229, 237, 255);\n\t--color-apple-text: rgb(11, 28, 69);\n\t--color-custom-provider-bg: rgb(228, 224, 255);\n\t--color-custom-provider-text: rgb(84, 37, 176);\n\n\t/* Color for Copy-Box */\n\t--color-copy-box: rgb(83, 101, 121);\n\t--color-copy-box-bg: rgb(240, 244, 247);\n\t--color-copy-box-shadow: rgba(83, 101, 121, 0.2);\n\n\t/* Button color */\n\t--color-button-error: rgb(237, 52, 78);\n\t--color-button-error-border: rgb(222, 35, 61);\n\t--color-button-error-disabled: rgb(221, 221, 221);\n\t--color-button-error-hover: rgb(222, 35, 61);\n\t--color-button-error-shadow: rgba(237, 52, 78, 0.16);\n\n\t/* Z-index value for different of popup element */\n\t--z-index-inline-popup: 1;\n\t--z-index-modal-popup: 10;\n\n\t--color-popup-item-hover: rgb(240, 240, 240);\n\t--color-popup-item-delete-hover: rgba(222, 35, 61, 0.12);\n\t--color-button-outline-hover: rgb(250, 250, 250);\n\n\t/* Sizes */\n\t--sidebar-width: 240px;\n\n\t--container-width: 842px;\n\n\t--test: 1024px;\n}\n\n*[data-theme=\"dark\"] {\n\t--color-black: rgb(255, 255, 255);\n\t--color-white: rgb(34, 34, 34);\n\t--color-window-bg: rgb(74, 74, 74);\n\t--color-secondary-text: rgb(221, 221, 221);\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\n@import \"./mixin.scss\";\n\n.full-width {\n\twidth: 100%;\n}\n\n/* classes for layout panel */\n.panel {\n\tpadding: 0px 40px;\n\t@media screen and (max-width: 900px) {\n\t\tpadding: 0px 20px;\n\t}\n\tbackground-color: var(--color-white);\n\tborder-radius: 12px;\n\tbox-shadow: 0 0 6px var(--color-shadow);\n\tdisplay: block;\n\tmax-width: 100%;\n\twidth: 100%;\n\t&__header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 16px 0px;\n\t\tmin-height: 64px;\n\t\tfont-size: 14px;\n\t\t.title {\n\t\t\tfont-size: 14px;\n\t\t\ttext-transform: uppercase;\n\t\t\tcolor: var(--color-secondary-text);\n\t\t\tfont-weight: 600;\n\t\t\tflex: 1;\n\t\t}\n\t\t.actions {\n\t\t\tdisplay: inline-flex;\n\t\t\t@include gap-horizontal(16px);\n\t\t}\n\t\t&.with-border {\n\t\t\tborder-bottom: 1px solid var(--color-border);\n\t\t}\n\t}\n\t&__body {\n\t\tpadding: 24px 0px;\n\t\tpadding-bottom: 18px;\n\t}\n}\n\n/* Classes for layout modal */\n.layout-modal {\n\tposition: fixed;\n\ttop: 0px;\n\tleft: 0px;\n\tz-index: var(--z-index-modal-popup);\n\tdisplay: block;\n\twidth: 100vw;\n\theight: 100vw;\n\tbackground: none;\n\tpointer-events: none;\n\t&__backdrop {\n\t\tpointer-events: all;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-color: var(--color-black);\n\t\topacity: 0.4;\n\t}\n\t&__container {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t&__close {\n\t\tdisplay: flex;\n\t\theight: 32px;\n\t\talign-items: flex-start;\n\t\tjustify-content: flex-end;\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tfont-size: 22px;\n\t\t\theight: 1em;\n\t\t\twidth: 1em;\n\t\t\tpadding: 6px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: var(--color-border);\n\t\t\tcursor: pointer;\n\t\t\t> img {\n\t\t\t\twidth: 8px;\n\t\t\t}\n\t\t}\n\t}\n\t.panel {\n\t\tpointer-events: all;\n\t\tposition: absolute;\n\t\tpadding-top: 16px;\n\t\tpadding-bottom: 16px;\n\t\tmargin: 0 auto;\n\t\tz-index: 1;\n\t\ttop: 50vh;\n\t\tleft: 50vw;\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t\tmax-height: calc(100vh - 32px);\n\t\tmax-width: calc(100vh - 32px);\n\t\twidth: 470px;\n\t\t&__header {\n\t\t\talign-items: flex-end;\n\t\t}\n\t}\n}\n\n.layout-modal-trigger {\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n/* classes for blocks */\n.block-container {\n\tdisplay: flex;\n\tflex-flow: column;\n\tpadding: 32px 18px;\n\tborder-radius: 18pt;\n\tbox-shadow: 1px 1px 6px var(--color-container-shadow);\n\twidth: calc(100% - 32px);\n\tbackground-color: var(--color-white);\n\t@media only screen and (min-width: 992px) {\n\t\tpadding: 32px 48px;\n\t}\n}\n\n.block-snippet-small {\n\tborder: 1px solid var(--color-border);\n\tpadding: 2px 4px;\n\tborder-radius: 2px;\n}\n\n.block-snippet {\n\tborder: 1px solid var(--color-border);\n\tpadding: 3px 8px;\n\tborder-radius: 4px;\n}\n\n.block-snippet-large {\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 4px;\n\tpadding: 6px 8px;\n}\n\n.block-small {\n\tborder-radius: 6px;\n\tpadding: 8px 12px 8px;\n}\n\n.block-medium {\n\tpadding: 20px 16px;\n\tmargin: 4px 0px;\n\tborder-radius: 6pt;\n\tborder-width: 1px;\n\tborder-style: solid;\n\tbox-shadow: 0px 0px 6px var(--color-shadow);\n\tp {\n\t\tline-height: 23px;\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 16px;\n\t\t\t@media only screen and (min-width: 600px) {\n\t\t\t\tmargin-bottom: 6px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.block-large {\n\tpadding: 32px;\n\tborder-radius: 24px;\n\tbox-shadow: 1px 1px 60px var(--color-container-shadow);\n\tp {\n\t\tletter-spacing: 0.14px;\n\t\tline-height: 21px;\n\t}\n\t@media only screen and (min-width: 768px) {\n\t\tpadding: 32px 48px;\n\t}\n}\n\n.block-error {\n\tbackground-color: var(--color-error-bg);\n\tcolor: var(--color-error);\n\tborder-color: var(--color-border-error);\n}\n\n.block-info {\n\tbackground-color: var(--color-info-bg);\n\tcolor: var(--color-info);\n\tborder-color: var(--color-border-info);\n}\n\n.button:not(.flat) {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tfont-size: 14px;\n\tline-height: 16px;\n\tbackground-color: var(--color-primary);\n\tborder: 1px solid var(--color-primary-darker);\n\tfont-weight: 600;\n\tcolor: var(--color-white);\n\tborder-radius: 6px;\n\tfont-family: inherit;\n\tcursor: pointer;\n\t@include gap-horizontal(0.75em);\n\tbox-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);\n\n\t&.small {\n\t\tpadding: 6px 8px;\n\t\tfont-weight: normal;\n\t}\n}\n\n.button.flat,\nbutton.flat {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tbackground: none;\n\tpadding: 0px;\n\tmargin: 0px;\n\tcolor: var(--color-secondary-text);\n\tfont-weight: 600;\n\t@include gap-horizontal(8px);\n\tborder: none;\n\tfont-size: inherit;\n}\n\n.button.button-error,\nbutton.button-error {\n\tdisplay: inline;\n\tbackground: var(--color-button-error);\n\tmargin: 0px;\n\tcolor: var(--color-white);\n\t@include gap-horizontal(8px);\n\tborder: none;\n\tfont-size: inherit;\n\ttransition: background-color 0.3s;\n\n\t&:disabled {\n\t\tbackground-color: var(--color-button-error-disabled);\n\t}\n\n\t&:hover {\n\t\tbackground-color: var(--color-button-error-hover);\n\t}\n}\n\n.button.button-error-outline,\nbutton.button-error-outline {\n\tdisplay: inline;\n\tbackground-color: transparent;\n\tborder-color: var(--color-button-error);\n\tborder-width: 1;\n\tborder-style: solid;\n\tmargin: 0px;\n\tcolor: var(--color-button-error);\n\t@include gap-horizontal(8px);\n\tfont-size: inherit;\n\tbox-shadow: none;\n\ttransition: background-color 0.3s;\n\n\t&:disabled {\n\t\tborder-color: var(--color-button-error-disabled);\n\t}\n\n\t&:hover {\n\t\tbackground-color: var(--color-button-outline-hover);\n\t}\n}\n\n.button.outline,\nbutton.outline {\n\tbackground: none;\n\tbox-shadow: none;\n\tcolor: var(--color-secondary-text);\n\tborder-color: var(--color-secondary-text);\n\ttransition: background-color 0.3s;\n\tfont-weight: 500 !important;\n\t&:hover {\n\t\tbackground-color: var(--color-button-outline-hover);\n\t\tbox-shadow: inherit;\n\t}\n}\n\na,\nbutton.link,\n.button.link {\n\tcolor: var(--color-link);\n\t&:not(.flat) {\n\t\tborder-color: var(--color-link);\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-button-outline-hover);\n\t\t}\n\t}\n}\n\n.footer {\n\ta {\n\t\t&:hover {\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n}\n\n/* classes for font sizes */\n.text-title {\n\tfont-size: 24px;\n\tline-height: 40px;\n\tletter-spacing: 0.24px;\n\tfont-weight: 600;\n}\n\n.text-small {\n\tfont-size: 14px;\n\tline-height: 16px;\n}\n\n.text-medium {\n\tfont-size: 16px;\n\tline-height: 16px;\n}\n\n.text-large {\n\tfont-size: 18px;\n\tline-height: 16px;\n}\n\n.text-bold {\n\tfont-weight: 600;\n}\n\n/* classes for text colors */\n.text-error {\n\tcolor: var(--color-error);\n}\n\n.text-info {\n\tcolor: var(--color-info);\n}\n\n.text-black {\n\tcolor: var(--color-black);\n}\n\n.text-label {\n\tcolor: var(--color-secondary-text);\n}\n\n/* classes for images */\n.title-image {\n\twidth: 35px;\n\theight: 32px;\n\tmargin-bottom: 16px;\n}\n\n.title-image-smaller {\n\twidth: 32px;\n\theight: 29px;\n\tmargin-bottom: 16px;\n}\n\n/* classes for pages */\n.with-footer {\n\tmargin-bottom: 100px;\n}\n\n/* classes for tooltip */\n.tooltip-container {\n\tdisplay: inline-flex;\n\tcursor: default;\n\t&__popup {\n\t\tfont-size: 14px;\n\t\tline-height: 23px;\n\t\tpadding: 14px;\n\t\tposition: fixed;\n\t\ttransform: translateY(-50%);\n\t\tbackground-color: var(--color-white);\n\t\tcolor: var(--color-black);\n\t\tborder-radius: 6px;\n\t\tz-index: var(--z-index-inline-popup);\n\n\t\t&::before {\n\t\t\t// arrow/triangle\n\t\t\tdisplay: block;\n\t\t\tcontent: \"\";\n\t\t\t$arrow-width: 6px;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder: $arrow-width solid transparent;\n\t\t\tposition: absolute;\n\t\t}\n\t\tp:not(:last-child) {\n\t\t\tmargin-bottom: 6px;\n\t\t}\n\t\t.block-snippet-small {\n\t\t\tbackground-color: var(--color-window-bg);\n\t\t\tcolor: var(--color-secondary-text);\n\t\t}\n\n\t\t&.popup_left::before {\n\t\t\tborder-left-color: var(--color-white);\n\t\t\tborder-right: none;\n\t\t\tleft: 100%;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\t\t&.popup_right::before {\n\t\t\tborder-right-color: var(--color-white);\n\t\t\tborder-left: none;\n\t\t\tleft: 0;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateX(-100%) translateY(-50%);\n\t\t}\n\t\t&.popup_top::before {\n\t\t\tborder-top-color: var(--color-white);\n\t\t\tborder-bottom: none;\n\t\t\ttop: 100%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t\t&.popup_bottom::before {\n\t\t\tborder-bottom-color: var(--color-white);\n\t\t\tborder-top: none;\n\t\t\ttop: 0;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateY(-100%) translateX(-50%);\n\t\t}\n\t}\n}\n\n.center {\n\ttext-align: center;\n}\n\n.flex-center-x {\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.flex-center-y {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.with-thin-scrollbar {\n\t&::-webkit-scrollbar {\n\t\twidth: 5px;\n\t\theight: 5px;\n\t}\n\t&::-webkit-scrollbar-thumb {\n\t\tbox-shadow: inset 0 0 6px var(--color-loader-placeholder-bg);\n\t}\n}\n\n$fontWeights: 400, 500, 600, 700;\n\n@each $weight in $fontWeights {\n\t.bold-#{$weight} {\n\t\tfont-weight: $weight !important;\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/static/js/bundle.js b/build/static/js/bundle.js index df3e42c4..c963d0ab 100644 --- a/build/static/js/bundle.js +++ b/build/static/js/bundle.js @@ -1,3 +1,3 @@ /*! For license information please see bundle.js.LICENSE.txt */ -!function(){var e={1694:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t