From e0e894d8a5acf5ddd24c8e241818c9ce54c32630 Mon Sep 17 00:00:00 2001 From: Chakravarthi Medicharla Date: Tue, 14 Nov 2023 14:10:06 +0530 Subject: [PATCH] refactor code --- build/static/css/main.css.map | 2 +- build/static/js/bundle.js | 2 +- build/static/js/bundle.js.map | 2 +- src/ui/components/alert/alert.scss | 15 +++++ src/ui/components/alert/index.tsx | 15 +++++ src/ui/components/auth/SignOutBtn.tsx | 15 +++++ src/ui/components/badge/badge.scss | 15 +++++ src/ui/components/badge/index.tsx | 15 +++++ src/ui/components/dialog/dialog.scss | 15 +++++ src/ui/components/dialog/index.tsx | 64 ++++++++----------- .../components/inputField/TagsInputField.tsx | 4 +- src/ui/components/pagination/index.tsx | 27 ++++++-- src/ui/components/pagination/pagination.scss | 15 +++++ src/ui/components/sidebar/index.tsx | 15 +++++ src/ui/components/table/index.tsx | 15 +++++ .../userDetail/userRoles/UserRolesList.tsx | 4 +- .../userroles/components/RolesTable.tsx | 61 ++++++++++-------- .../components/SelectPermissions.tsx | 18 ++++-- .../components/dialogs/AssignRoles.tsx | 59 ++++++++--------- .../components/dialogs/CreateNewRole.tsx | 17 ++--- .../components/dialogs/DeletePermission.tsx | 49 ++++++++------ .../components/dialogs/DeleteRoles.tsx | 22 +++---- .../components/dialogs/DeleteUserRole.tsx | 15 +++-- .../userroles/components/dialogs/EditRole.tsx | 47 ++++++++++---- .../userroles/context/UserRolesContext.tsx | 48 -------------- src/ui/pages/userroles/index.tsx | 33 +++++----- 26 files changed, 368 insertions(+), 241 deletions(-) delete mode 100644 src/ui/components/userroles/context/UserRolesContext.tsx diff --git a/build/static/css/main.css.map b/build/static/css/main.css.map index 128c5870..b654563b 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":"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AMA,gBAHA,gCANA,eAQA,kBAHA,SAKA,gC3CvQA,6FACC,gB2CmQuB,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/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/dialog/dialog.scss","ui/components/userroles/components/dialogs/assignRoles.scss","ui/components/userroles/components/dialogs/deleteRoles.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/inputField/tagsInputField.scss","ui/components/userroles/components/dialogs/createNewRole.scss","ui/components/userroles/components/selectPermissions.scss","ui/components/userroles/components/dialogs/editRole.scss","ui/components/userroles/components/rolesTable.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 34px;\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 0;\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 0;\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.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\t&:hover {\n\t\t\t\tcolor: var(--color-link);\n\t\t\t}\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\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",".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",".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",".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\theight: 100%;\n\twidth: 100%;\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& > 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& > 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& > ul {\n\t\tpadding: 0px 24px 24px 24px;\n\t\tborder-bottom: 1px solid var(--color-border);\n\n\t\tli {\n\t\t\tcolor: var(--color-secondary-text);\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 23px;\n\n\t\t\t& > span {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\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\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.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}\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\theight: 100%;\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","@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&: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\ttext-transform: uppercase;\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& > 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","/* 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: 5px;\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: 40vh;\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.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.select-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}\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-5 {\n\tmargin-top: 5px;\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: 45vh;\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",".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\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\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.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 +{"version":3,"file":"static/css/main.css","mappings":"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AMA,gBAHA,gCANA,eAQA,kBAHA,SAKA,gC3CvQA,6FACC,gB2CmQuB,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/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/dialog/dialog.scss","ui/components/userroles/components/dialogs/assignRoles.scss","ui/components/userroles/components/dialogs/deleteRoles.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/inputField/tagsInputField.scss","ui/components/userroles/components/dialogs/createNewRole.scss","ui/components/userroles/components/selectPermissions.scss","ui/components/userroles/components/dialogs/editRole.scss","ui/components/userroles/components/rolesTable.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 34px;\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 0;\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 0;\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.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\t&:hover {\n\t\t\t\tcolor: var(--color-link);\n\t\t\t}\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\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","/* 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\theight: 100%;\n\twidth: 100%;\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& > 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& > 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& > ul {\n\t\tpadding: 0px 24px 24px 24px;\n\t\tborder-bottom: 1px solid var(--color-border);\n\n\t\tli {\n\t\t\tcolor: var(--color-secondary-text);\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 23px;\n\n\t\t\t& > span {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\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\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.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}\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\theight: 100%;\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&: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\ttext-transform: uppercase;\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& > 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","/* 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: 5px;\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: 40vh;\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.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.select-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}\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-5 {\n\tmargin-top: 5px;\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: 45vh;\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",".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\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\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.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 7ca77947..edbe6171 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