From 653bf9d2853ac085aa744b215cbecf521f9c6dcb Mon Sep 17 00:00:00 2001 From: Areeb Khan Date: Wed, 4 Jan 2023 12:52:34 +0530 Subject: [PATCH 1/6] Added paid feature badge --- build/asset-manifest.json | 4 ++-- build/static/css/main.css | 2 +- build/static/css/main.css.map | 2 +- build/static/js/bundle.js | 2 +- build/static/js/bundle.js.map | 2 +- package-lock.json | 2 +- src/ui/pages/usersList/UsersList.scss | 12 ++++++++++++ src/ui/pages/usersList/UsersList.tsx | 4 +++- src/ui/styles/variables.css | 2 ++ 9 files changed, 24 insertions(+), 8 deletions(-) diff --git a/build/asset-manifest.json b/build/asset-manifest.json index c9a7a83a..c160e1c8 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -8,13 +8,13 @@ "static/media/favicon.ico": "/static/media/favicon.ico", "static/media/logo.svg": "/static/media/logo.svg", "static/media/lock.svg": "/static/media/lock.svg", - "static/media/checkmark-green.svg": "/static/media/checkmark-green.svg", "static/media/provider-apple.svg": "/static/media/provider-apple.svg", + "static/media/checkmark-green.svg": "/static/media/checkmark-green.svg", "static/media/provider-google.svg": "/static/media/provider-google.svg", "static/media/no-users-graphic.svg": "/static/media/no-users-graphic.svg", "static/media/eye-stroke.svg": "/static/media/eye-stroke.svg", - "static/media/people-restricted.svg": "/static/media/people-restricted.svg", "static/media/mail-opened.svg": "/static/media/mail-opened.svg", + "static/media/people-restricted.svg": "/static/media/people-restricted.svg", "static/media/form-field-error-icon.svg": "/static/media/form-field-error-icon.svg", "static/media/provider-github.svg": "/static/media/provider-github.svg", "static/media/mail.svg": "/static/media/mail.svg", diff --git a/build/static/css/main.css b/build/static/css/main.css index 09317c04..f06fabbe 100644 --- a/build/static/css/main.css +++ b/build/static/css/main.css @@ -6,5 +6,5 @@ Original theme - Ocean Dark Theme – by https://github.com/gavsiu Based on Jesse Leite's Atom syntax theme 'An Old Hope' https://github.com/JesseLeite/an-old-hope-syntax-atom -*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.button-root{cursor:pointer}.padding-vertical-24{padding-bottom:24px!important;padding-top:24px!important}.metadata-header{border-bottom:1px solid var(--color-border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:24px;width:100%}.metadata-header .title{color:var(--color-secondary-text);font-weight:500}.metadata-header .metadata-actions{display:flex;flex-direction:row}.metadata-header .metadata-actions>:not(:last-child){margin-right:16px}.metadata-content-container{background:#0d2e4e;border-radius:6px;margin-top:22px;overflow-x:auto;padding:15px 28px;white-space:pre}.metadata-content-container .hljs{background:#0d2e4e;font-size:13px;font-weight:400;line-height:21px;padding:0!important}.metadata-edit-box{background-color:var(--color-window-bg);border:1px solid #e0e0e0;border-radius:6px;margin-top:24px;max-width:100%;min-height:200px;min-width:100%;padding:4px}.users-list{max-width:100vw;padding:72px 40px 48px}.users-list-title{color:var(--color-black);font-size:28px;font-weight:500;line-height:34px;margin-bottom:16px}.users-list-subtitle{color:var(--color-secondary-text);margin-bottom:48px}.users-list-paper{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;max-width:100%;width:100%}.users-list .block-info-connection{margin-bottom:24px}@media only screen and (min-width:909px){.users-list{margin:0 auto;padding-left:0;padding-right:0;width:829px}}.error-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.error-container .block-container{margin:32px auto;max-width:560px;text-align:center}.error-container .block-container .text-title{font-size:24px;line-height:normal;margin-top:8px}.error-container .block-container .title-image{margin-left:auto;margin-right:auto}.error-container .block-container p{letter-spacing:.14px;margin-top:12px}.notification{-webkit-animation:notificationScale .3s;animation:notificationScale .3s;background-color:var(--color-window-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 0 6px var(--color-shadow);display:flex;font-size:14px;line-height:24px;padding:16px;transition:.3s}.notification>:not(:last-child){margin-right:8px}.notification__icon{align-items:center;display:flex}.notification__icon img{height:16px}.notification__info{flex:1 1;font-weight:500;max-width:300px;padding-right:24px;white-space:wrap}.notification__close{align-items:center;display:flex}.notification__close svg{cursor:pointer;width:8px}.notification.notification-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);box-shadow:0 0 6px var(--color-info-shadow);color:var(--color-info)}.notification.notification-info svg{stroke:var(--color-info)}.notification.notification-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);box-shadow:0 0 6px var(--color-error-shadow);color:var(--color-error)}.notification.notification-error svg{stroke:var(--color-error)}.notification.notification-success{background-color:var(--color-success-bg);border-color:var(--color-border-success);box-shadow:0 0 6px var(--color-success-shadow);color:var(--color-success)}.notification.notification-success svg{stroke:var(--color-success)}.notification-container{display:flex;flex-direction:column;justify-content:flex-end;max-height:100vh;padding:24px 20px;position:fixed;right:0;top:0;transition:.3s;width:-webkit-max-content;width:max-content}.notification-container>:not(:last-child){margin-bottom:16px}@-webkit-keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-black);font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;position:relative}#root{background-color:var(--color-window-bg);display:flex;flex-direction:column;min-height:100vh;min-width:100%}#root>*{flex:1 1}#root>.footer{flex:0 1}a[href],button:not(:disabled){cursor:pointer}button:disabled{opacity:.5;pointer-events:none}body{--color-primary:#f93;--color-primary-opacity-40:rgba(255,153,51,.4);--color-primary-darker:#ff8000;--color-white:#fff;--color-black:#222;--color-window-bg:#f8f8f8;--color-loader-placeholder-bg:hsla(33,4%,41%,.4);--color-shadow:rgba(158,37,38,.16);--color-container-shadow:rgba(0,0,0,.16);--color-error-shadow:rgba(158,37,38,.16);--color-error-bg:#fdf0f1;--color-info-shadow:rgba(158,37,38,.16);--color-info-bg:#ebf5ff;--color-success-bg:#f1faf7;--color-success-shadow:rgba(4,84,62,.16);--color-link:#007aff;--color-border:#e5e5e5;--color-border-error:#ef7977;--color-border-info:#97bdfa;--color-border-success:#49c899;--color-secondary-text:#6e6a65;--color-error:#9e2526;--color-info:#1f5adb;--color-success:#04543e;--color-emailpassword-bg:#ddfcf7;--color-emailpassword-text:#006a5b;--color-passwordless-bg:#ffeaf7;--color-passwordless-text:#a8115a;--color-google-bg:#f1deff;--color-google-text:#5c3f79;--color-github-bg:#deffee;--color-github-text:#096c38;--color-facebook-bg:#e3ebff;--color-facebook-text:#154bdd;--color-apple-bg:#e5edff;--color-apple-text:#0b1c45;--color-custom-provider-bg:#e4e0ff;--color-custom-provider-text:#5425b0;--color-copy-box:#536579;--color-copy-box-bg:#f0f4f7;--color-copy-box-shadow:rgba(83,101,121,.2);--color-button-error:#ed344e;--color-button-error-border:#de233d;--z-index-inline-popup:1;--z-index-modal-popup:10}[data-theme=dark]{--color-black:#fff;--color-white:#222;--color-window-bg:#4a4a4a;--color-secondary-text:#ddd}.full-width,.panel{width:100%}.panel{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px var(--color-shadow);display:block;max-width:100%;padding:0 34px}.panel__header{align-items:center;display:flex;font-size:14px;justify-content:space-between;min-height:64px;padding:16px 0}.panel__header .title{color:var(--color-secondary-text);flex:1 1;font-size:14px;font-weight:600;text-transform:uppercase}.panel__header .actions{display:inline-flex}.panel__header .actions>:not(:last-child){margin-right:16px}.panel__header.with-border{border-bottom:1px solid var(--color-border)}.panel__body{padding:24px 0}.layout-modal{background:none;display:block;height:100vw;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:var(--z-index-modal-popup)}.layout-modal__backdrop{background-color:var(--color-black);display:block;height:100%;opacity:.4;pointer-events:all;width:100%}.layout-modal__container{display:flex;height:100%;position:relative;width:100%}.layout-modal__close{align-items:flex-start;display:flex;height:32px;justify-content:flex-end}.layout-modal__close>div{align-items:center;background-color:var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:1em;justify-content:center;padding:6px;width:1em}.layout-modal__close>div>img{width:8px}.layout-modal .panel{left:50vw;margin:0 auto;max-height:calc(100vh - 32px);max-width:calc(100vh - 32px);padding-bottom:16px;padding-top:16px;pointer-events:all;position:absolute;top:50vh;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:470px;z-index:1}.layout-modal .panel__header{align-items:flex-end}.layout-modal-trigger{cursor:pointer;display:inline-block}.block-container{background-color:var(--color-white);border-radius:18pt;box-shadow:1px 1px 6px var(--color-container-shadow);display:flex;flex-flow:column;padding:32px 18px;width:calc(100% - 32px)}@media only screen and (min-width:992px){.block-container{padding:32px 48px}}.block-snippet-small{border:1px solid var(--color-border);border-radius:2px;padding:2px 4px}.block-snippet{padding:3px 8px}.block-snippet,.block-snippet-large{border:1px solid var(--color-border);border-radius:4px}.block-snippet-large{padding:6px 8px}.block-small{border-radius:6px;padding:8px 12px}.block-medium{border-radius:6pt;border-style:solid;border-width:1px;box-shadow:0 0 6px var(--color-shadow);margin:4px 0;padding:20px 16px}.block-medium p{line-height:23px}.block-medium p:not(:last-child){margin-bottom:16px}@media only screen and (min-width:600px){.block-medium p:not(:last-child){margin-bottom:6px}}.block-large{border-radius:24px;box-shadow:1px 1px 60px var(--color-container-shadow);padding:32px}.block-large p{letter-spacing:.14px;line-height:21px}@media only screen and (min-width:768px){.block-large{padding:32px 48px}}.block-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);color:var(--color-error)}.block-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);color:var(--color-info)}.button:not(.flat){align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary-darker);border-radius:6px;box-shadow:0 0 5px 0 rgba(0,0,0,.15);color:var(--color-white);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;line-height:16px;padding:8px 16px}.button:not(.flat)>:not(:last-child){margin-right:.75em}.button:not(.flat).small{font-weight:400;padding:6px 8px}.button.flat,button.flat{background:none;border:none;color:var(--color-secondary-text);display:inline;font-size:inherit;font-weight:600;margin:0;padding:0}.button.flat>:not(:last-child),button.flat>:not(:last-child){margin-right:8px}.button.button-error,button.button-error{background:var(--color-button-error);border:none;color:var(--color-white);display:inline;font-size:inherit;margin:0}.button.button-error>:not(:last-child),button.button-error>:not(:last-child){margin-right:8px}.button.button-error-outline,button.button-error-outline{background-color:transparent;border-color:var(--color-button-error);border-style:solid;border-width:1;box-shadow:none;color:var(--color-button-error);display:inline;font-size:inherit;margin:0}.button.button-error-outline>:not(:last-child),button.button-error-outline>:not(:last-child){margin-right:8px}.button.outline,button.outline{background:none;border-color:var(--color-secondary-text);box-shadow:none;color:var(--color-secondary-text)}.button.outline:hover,button.outline:hover{background-color:var(--color-secondary-text);box-shadow:inherit;color:var(--color-white)}.button.link,a,button.link{color:var(--color-link)}.button.link:not(.flat),a:not(.flat),button.link:not(.flat){border-color:var(--color-link)}.button.link:not(.flat):hover,a:not(.flat):hover,button.link:not(.flat):hover{background-color:var(--color-link)}.text-title{font-size:24px;font-weight:600;letter-spacing:.24px;line-height:40px}.text-small{font-size:14px;line-height:16px}.text-medium{font-size:16px;line-height:16px}.text-large{font-size:18px;line-height:16px}.text-bold{font-weight:600}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-black{color:var(--color-black)}.text-label{color:var(--color-secondary-text)}.title-image{height:32px;margin-bottom:16px;width:35px}.title-image-smaller{height:29px;margin-bottom:16px;width:32px}.with-footer{margin-bottom:100px}.tooltip-container{cursor:default;display:inline-flex}.tooltip-container__popup{background-color:var(--color-white);border-radius:6px;color:var(--color-black);font-size:14px;line-height:23px;padding:14px;position:fixed;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--z-index-inline-popup)}.tooltip-container__popup:before{border:6px solid transparent;content:"";display:block;height:0;position:absolute;width:0}.tooltip-container__popup p:not(:last-child){margin-bottom:6px}.tooltip-container__popup .block-snippet-small{background-color:var(--color-window-bg);color:var(--color-secondary-text)}.tooltip-container__popup.popup_left:before{border-left-color:var(--color-white);border-right:none;left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-container__popup.popup_right:before{border-left:none;border-right-color:var(--color-white);left:0;top:50%;-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}.tooltip-container__popup.popup_top:before{border-bottom:none;border-top-color:var(--color-white);left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-container__popup.popup_bottom:before{border-bottom-color:var(--color-white);border-top:none;left:50%;top:0;-webkit-transform:translateY(-100%) translateX(-50%);transform:translateY(-100%) translateX(-50%)}.center{text-align:center} +*/.hljs{background:#1c1d21;color:#c0c5ce}.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#e7ce56}.hljs-attribute{color:#ee7c2b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#4fb4d7}.hljs-section,.hljs-title{color:#78bb65}.hljs-keyword,.hljs-selector-tag{color:#b45ea4}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.button-root{cursor:pointer}.padding-vertical-24{padding-bottom:24px!important;padding-top:24px!important}.metadata-header{border-bottom:1px solid var(--color-border);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:24px;width:100%}.metadata-header .title{color:var(--color-secondary-text);font-weight:500}.metadata-header .metadata-actions{display:flex;flex-direction:row}.metadata-header .metadata-actions>:not(:last-child){margin-right:16px}.metadata-content-container{background:#0d2e4e;border-radius:6px;margin-top:22px;overflow-x:auto;padding:15px 28px;white-space:pre}.metadata-content-container .hljs{background:#0d2e4e;font-size:13px;font-weight:400;line-height:21px;padding:0!important}.metadata-edit-box{background-color:var(--color-window-bg);border:1px solid #e0e0e0;border-radius:6px;margin-top:24px;max-width:100%;min-height:200px;min-width:100%;padding:4px}.users-list{max-width:100vw;padding:72px 40px 48px}.users-list-title{color:var(--color-black);font-size:28px;font-weight:500;line-height:34px;margin-bottom:16px}.users-list-title .pill.paid-feature-badge{background-color:var(--color-badge-bg);border-radius:5px;color:var(--color-badge);display:inline-block;font-size:14px;line-height:1.1;margin-top:0;padding-inline:7px;vertical-align:middle}.users-list-subtitle{color:var(--color-secondary-text);margin-bottom:48px}.users-list-paper{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.16);display:block;max-width:100%;width:100%}.users-list .block-info-connection{margin-bottom:24px}@media only screen and (min-width:909px){.users-list{margin:0 auto;padding-left:0;padding-right:0;width:829px}}.error-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.error-container .block-container{margin:32px auto;max-width:560px;text-align:center}.error-container .block-container .text-title{font-size:24px;line-height:normal;margin-top:8px}.error-container .block-container .title-image{margin-left:auto;margin-right:auto}.error-container .block-container p{letter-spacing:.14px;margin-top:12px}.notification{-webkit-animation:notificationScale .3s;animation:notificationScale .3s;background-color:var(--color-window-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 0 6px var(--color-shadow);display:flex;font-size:14px;line-height:24px;padding:16px;transition:.3s}.notification>:not(:last-child){margin-right:8px}.notification__icon{align-items:center;display:flex}.notification__icon img{height:16px}.notification__info{flex:1 1;font-weight:500;max-width:300px;padding-right:24px;white-space:wrap}.notification__close{align-items:center;display:flex}.notification__close svg{cursor:pointer;width:8px}.notification.notification-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);box-shadow:0 0 6px var(--color-info-shadow);color:var(--color-info)}.notification.notification-info svg{stroke:var(--color-info)}.notification.notification-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);box-shadow:0 0 6px var(--color-error-shadow);color:var(--color-error)}.notification.notification-error svg{stroke:var(--color-error)}.notification.notification-success{background-color:var(--color-success-bg);border-color:var(--color-border-success);box-shadow:0 0 6px var(--color-success-shadow);color:var(--color-success)}.notification.notification-success svg{stroke:var(--color-success)}.notification-container{display:flex;flex-direction:column;justify-content:flex-end;max-height:100vh;padding:24px 20px;position:fixed;right:0;top:0;transition:.3s;width:-webkit-max-content;width:max-content}.notification-container>:not(:last-child){margin-bottom:16px}@-webkit-keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes notificationScale{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-black);font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;position:relative}#root{background-color:var(--color-window-bg);display:flex;flex-direction:column;min-height:100vh;min-width:100%}#root>*{flex:1 1}#root>.footer{flex:0 1}a[href],button:not(:disabled){cursor:pointer}button:disabled{opacity:.5;pointer-events:none}body{--color-primary:#f93;--color-primary-opacity-40:rgba(255,153,51,.4);--color-primary-darker:#ff8000;--color-white:#fff;--color-black:#222;--color-window-bg:#f8f8f8;--color-loader-placeholder-bg:hsla(33,4%,41%,.4);--color-shadow:rgba(158,37,38,.16);--color-container-shadow:rgba(0,0,0,.16);--color-error-shadow:rgba(158,37,38,.16);--color-error-bg:#fdf0f1;--color-info-shadow:rgba(158,37,38,.16);--color-info-bg:#ebf5ff;--color-success-bg:#f1faf7;--color-success-shadow:rgba(4,84,62,.16);--color-link:#007aff;--color-badge-bg:#fff2ca;--color-border:#e5e5e5;--color-border-error:#ef7977;--color-border-info:#97bdfa;--color-border-success:#49c899;--color-secondary-text:#6e6a65;--color-error:#9e2526;--color-info:#1f5adb;--color-success:#04543e;--color-badge:#dc8d0d;--color-emailpassword-bg:#ddfcf7;--color-emailpassword-text:#006a5b;--color-passwordless-bg:#ffeaf7;--color-passwordless-text:#a8115a;--color-google-bg:#f1deff;--color-google-text:#5c3f79;--color-github-bg:#deffee;--color-github-text:#096c38;--color-facebook-bg:#e3ebff;--color-facebook-text:#154bdd;--color-apple-bg:#e5edff;--color-apple-text:#0b1c45;--color-custom-provider-bg:#e4e0ff;--color-custom-provider-text:#5425b0;--color-copy-box:#536579;--color-copy-box-bg:#f0f4f7;--color-copy-box-shadow:rgba(83,101,121,.2);--color-button-error:#ed344e;--color-button-error-border:#de233d;--z-index-inline-popup:1;--z-index-modal-popup:10}[data-theme=dark]{--color-black:#fff;--color-white:#222;--color-window-bg:#4a4a4a;--color-secondary-text:#ddd}.full-width,.panel{width:100%}.panel{background-color:var(--color-white);border-radius:6px;box-shadow:0 0 6px var(--color-shadow);display:block;max-width:100%;padding:0 34px}.panel__header{align-items:center;display:flex;font-size:14px;justify-content:space-between;min-height:64px;padding:16px 0}.panel__header .title{color:var(--color-secondary-text);flex:1 1;font-size:14px;font-weight:600;text-transform:uppercase}.panel__header .actions{display:inline-flex}.panel__header .actions>:not(:last-child){margin-right:16px}.panel__header.with-border{border-bottom:1px solid var(--color-border)}.panel__body{padding:24px 0}.layout-modal{background:none;display:block;height:100vw;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:var(--z-index-modal-popup)}.layout-modal__backdrop{background-color:var(--color-black);display:block;height:100%;opacity:.4;pointer-events:all;width:100%}.layout-modal__container{display:flex;height:100%;position:relative;width:100%}.layout-modal__close{align-items:flex-start;display:flex;height:32px;justify-content:flex-end}.layout-modal__close>div{align-items:center;background-color:var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:1em;justify-content:center;padding:6px;width:1em}.layout-modal__close>div>img{width:8px}.layout-modal .panel{left:50vw;margin:0 auto;max-height:calc(100vh - 32px);max-width:calc(100vh - 32px);padding-bottom:16px;padding-top:16px;pointer-events:all;position:absolute;top:50vh;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:470px;z-index:1}.layout-modal .panel__header{align-items:flex-end}.layout-modal-trigger{cursor:pointer;display:inline-block}.block-container{background-color:var(--color-white);border-radius:18pt;box-shadow:1px 1px 6px var(--color-container-shadow);display:flex;flex-flow:column;padding:32px 18px;width:calc(100% - 32px)}@media only screen and (min-width:992px){.block-container{padding:32px 48px}}.block-snippet-small{border:1px solid var(--color-border);border-radius:2px;padding:2px 4px}.block-snippet{padding:3px 8px}.block-snippet,.block-snippet-large{border:1px solid var(--color-border);border-radius:4px}.block-snippet-large{padding:6px 8px}.block-small{border-radius:6px;padding:8px 12px}.block-medium{border-radius:6pt;border-style:solid;border-width:1px;box-shadow:0 0 6px var(--color-shadow);margin:4px 0;padding:20px 16px}.block-medium p{line-height:23px}.block-medium p:not(:last-child){margin-bottom:16px}@media only screen and (min-width:600px){.block-medium p:not(:last-child){margin-bottom:6px}}.block-large{border-radius:24px;box-shadow:1px 1px 60px var(--color-container-shadow);padding:32px}.block-large p{letter-spacing:.14px;line-height:21px}@media only screen and (min-width:768px){.block-large{padding:32px 48px}}.block-error{background-color:var(--color-error-bg);border-color:var(--color-border-error);color:var(--color-error)}.block-info{background-color:var(--color-info-bg);border-color:var(--color-border-info);color:var(--color-info)}.button:not(.flat){align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary-darker);border-radius:6px;box-shadow:0 0 5px 0 rgba(0,0,0,.15);color:var(--color-white);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;line-height:16px;padding:8px 16px}.button:not(.flat)>:not(:last-child){margin-right:.75em}.button:not(.flat).small{font-weight:400;padding:6px 8px}.button.flat,button.flat{background:none;border:none;color:var(--color-secondary-text);display:inline;font-size:inherit;font-weight:600;margin:0;padding:0}.button.flat>:not(:last-child),button.flat>:not(:last-child){margin-right:8px}.button.button-error,button.button-error{background:var(--color-button-error);border:none;color:var(--color-white);display:inline;font-size:inherit;margin:0}.button.button-error>:not(:last-child),button.button-error>:not(:last-child){margin-right:8px}.button.button-error-outline,button.button-error-outline{background-color:transparent;border-color:var(--color-button-error);border-style:solid;border-width:1;box-shadow:none;color:var(--color-button-error);display:inline;font-size:inherit;margin:0}.button.button-error-outline>:not(:last-child),button.button-error-outline>:not(:last-child){margin-right:8px}.button.outline,button.outline{background:none;border-color:var(--color-secondary-text);box-shadow:none;color:var(--color-secondary-text)}.button.outline:hover,button.outline:hover{background-color:var(--color-secondary-text);box-shadow:inherit;color:var(--color-white)}.button.link,a,button.link{color:var(--color-link)}.button.link:not(.flat),a:not(.flat),button.link:not(.flat){border-color:var(--color-link)}.button.link:not(.flat):hover,a:not(.flat):hover,button.link:not(.flat):hover{background-color:var(--color-link)}.text-title{font-size:24px;font-weight:600;letter-spacing:.24px;line-height:40px}.text-small{font-size:14px;line-height:16px}.text-medium{font-size:16px;line-height:16px}.text-large{font-size:18px;line-height:16px}.text-bold{font-weight:600}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-black{color:var(--color-black)}.text-label{color:var(--color-secondary-text)}.title-image{height:32px;margin-bottom:16px;width:35px}.title-image-smaller{height:29px;margin-bottom:16px;width:32px}.with-footer{margin-bottom:100px}.tooltip-container{cursor:default;display:inline-flex}.tooltip-container__popup{background-color:var(--color-white);border-radius:6px;color:var(--color-black);font-size:14px;line-height:23px;padding:14px;position:fixed;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:var(--z-index-inline-popup)}.tooltip-container__popup:before{border:6px solid transparent;content:"";display:block;height:0;position:absolute;width:0}.tooltip-container__popup p:not(:last-child){margin-bottom:6px}.tooltip-container__popup .block-snippet-small{background-color:var(--color-window-bg);color:var(--color-secondary-text)}.tooltip-container__popup.popup_left:before{border-left-color:var(--color-white);border-right:none;left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-container__popup.popup_right:before{border-left:none;border-right-color:var(--color-white);left:0;top:50%;-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}.tooltip-container__popup.popup_top:before{border-bottom:none;border-top-color:var(--color-white);left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-container__popup.popup_bottom:before{border-bottom-color:var(--color-white);border-top:none;left:50%;top:0;-webkit-transform:translateY(-100%) translateX(-50%);transform:translateY(-100%) translateX(-50%)}.center{text-align:center} /*# sourceMappingURL=main.css.map*/ \ No newline at end of file diff --git a/build/static/css/main.css.map b/build/static/css/main.css.map index e06d63c7..b6492b7b 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":"8FAiBA,eAEC,uBADA,YACA,CCHA,iCACC,gBDGuB,CAGzB,aAGC,mBAGA,qCADA,kBAHA,aAEA,gBAHA,UAKA,CACA,6BACC,oBACA,sBACA,gBACA,4CAEC,mBAEA,eAHA,oBAEA,iBACA,CCtBF,8DACC,gBDsByB,CAEvB,uEAEC,uCADA,WACA,CAGF,kEACC,yBAGF,oCAKC,oCADA,kBAEA,uCALA,aAMA,gBALA,kBACA,cAIA,CACA,4CAGC,mBAEA,eAJA,aAGA,gBAFA,iBAGA,CC/CH,8DACC,iBD+C0B,CACxB,mEACC,eACA,uEAEC,uCADA,UACA,CAGF,kEACC,kCAGD,qDACC,wCACA,wBACA,oBACA,2EACC,kCAKH,iDACC,cACA,oCAIH,mCAOC,YAFA,cAJA,cAGA,oBAIA,aALA,kBAGA,gBAEA,CAIF,+BACC,kCACA,qDAGD,+BACC,gCACA,+CEhGD,uBACC,YAAa,CACb,gBAAiB,CACjB,kBACD,CAEA,aACC,iCAAkC,CAClC,eAAgB,CAChB,kBACD,CAEA,sBACC,wBAAyB,CACzB,YACD,CAEA,mBAEC,kBAAmB,CACnB,wBAAoC,CACpC,iBAAkB,CAHlB,YAAa,CAIb,YACD,CAEA,aAMC,WAAY,CADZ,iBAAkB,CAFlB,aAAc,CAFd,QAAO,CACP,mBAAoB,CAKpB,YAAa,CAHb,gBAID,CAEA,qDAEC,iCAAkC,CAClC,oDACD,CAEA,0GAGC,+BAAgC,CAChC,8CACD,CAEA,0BACC,cAAe,CACf,sBACD,CAEA,mBAEC,kBAAmB,CADnB,YAAa,CAEb,cACD,CAEA,wBACC,WAAY,CAGZ,iBAAkB,CADlB,gBAAiB,CADjB,UAGD,CAEA,wBACC,4BACD,CClEC,4DACC,mBAED,0BACC,eAED,2BACC,aACA,yBFTD,6CACC,iBESwB,CACxB,kCAEC,gBADA,uBAKA,kBAGF,oBACC,eACA,iBAEA,yBACC,cACA,gBAKH,aAEC,kBADA,eACA,CAGD,6BACC,eClCD,4BAEC,cAEA,eACA,gBAJA,kBAEA,UAEA,CAGD,kBAIC,yBADA,iBADA,eADA,UAGA,CAGD,wBACC,kCAEA,eACA,iBAFA,wBAEA,CAGD,2BACC,4CACA,8BAEC,gBADA,qBAEA,gBACA,UAIF,2BACC,4CACA,8BAEC,cACA,wBAFA,SAEA,CAGA,wCACC,eAMF,qBAGC,kCAFA,aACA,sBAEA,mBACA,yBACC,eACA,gBACA,uBACA,mBAEA,0CACC,kBAGF,2BACC,yBAEA,eADA,eACA,CACA,iCACC,wBAKH,qBACC,gBACA,mBAIA,6BAKC,kFAHA,oDACA,eACA,WAHA,UAIA,CACA,2BACC,IACC,YAFF,mBACC,IACC,YAMJ,kCAEC,mBAKA,qCADA,kBALA,oBAIA,YAFA,uBAKA,eAJA,UAIA,CACA,sCAEC,eADA,UACA,CAKD,uDACC,aAKA,iBAHA,kBAEA,QADA,QAFA,mCAIA,CAEA,8DAEC,gBADA,WACA,CAIF,4DAEC,mBADA,oBAIA,gBAFA,YACA,gBAGA,eADA,UACA,CAEA,iEACC,mBAGD,gEACC,UAGD,uEACC,aAGD,kEACC,0CACA,6EACC,gBAED,8EACC,aAMF,6DACC,cAED,8DACC,wCACA,kEAEC,uCADA,yDACA,CAOH,8CAEC,eADA,KACA,CAKH,kBACC,aACA,yBAGA,OAFA,gBArLqB,CAsLrB,uCACA,CAGD,uBACC,aH5LA,yCACC,gBG4LuB,CAExB,oDACC,gBAED,yDACC,aHnMD,2EACC,iBGmMwB,CAEzB,qDAEC,gBADA,WACA,CAIF,MAIC,mBAFA,mBADA,aAEA,gBAGA,mBADA,kEACA,CHlNA,wBACC,gBGkNuB,CAExB,mBAEC,8CADA,oCACA,CAED,oBAEC,+CADA,qCACA,CAED,iBAEC,iDADA,wCAEA,eAEA,gBADA,uBAEA,mBACA,kCACC,eAEA,iBADA,qBACA,CAED,wBAEC,wCADA,8BACA,CACA,6BACC,0BAGF,uBAEC,uCADA,6BACA,CACA,4BACC,0BAGF,wBAEC,wCADA,8BACA,CACA,6BACC,0BAGF,0BAEC,0CADA,gCACA,CACA,+BACC,0BCnQJ,QACC,SAGA,aADA,gBAEA,kBAHA,UAGA,CAEA,cACC,YACA,YAGD,wBACC,yBAED,yBACC,uBAGD,wBACC,mBAED,wBACC,oBAGD,mBACC,oC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","sources":["ui/components/phoneNumber/PhoneNumber.scss","ui/styles/mixin.scss","ui/components/inputField/InputField.css","ui/components/userDetail/userDetailForm.scss","ui/components/usersListTable/UsersListTable.scss","ui/components/footer/footer.scss","ui/components/auth/Auth.scss","ui/components/noUsers/NoUsers.css","ui/components/userDetail/userDetail.scss","ui/components/copyText/CopyText.scss","ui/components/userDetail/userDetailSessionList.scss","../node_modules/highlight.js/scss/an-old-hope.scss","ui/components/common/iconButton/style.scss","ui/components/userDetail/userMetaDataSection.scss","ui/pages/usersList/UsersList.scss","ui/components/errorboundary/error-boundary.scss","ui/components/toast/toastNotification.scss","ui/styles/index.css","ui/styles/variables.css","ui/styles/uikit.scss"],"sourcesContent":["/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import \"../../styles/mixin.scss\";\n\n.phone-display {\n\tdisplay: flex;\n\talign-items: flex-start;\n\t@include gap-horizontal(5px);\n}\n\n.phone-input {\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\toverflow: hidden;\n\tborder-radius: 6px;\n\tborder: 1px solid var(--color-border);\n\t&__country-select {\n\t\tdisplay: inline-flex;\n\t\tflex-direction: column;\n\t\tfont-weight: normal;\n\t\t&__current-value {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tpadding-left: 12px;\n\t\t\tcursor: pointer;\n\t\t\t@include gap-horizontal(8px);\n\t\t\t.PhoneInputCountryIcon {\n\t\t\t\timg {\n\t\t\t\t\theight: 14px;\n\t\t\t\t\tbox-shadow: 0px 0px 3px var(--color-shadow);\n\t\t\t\t}\n\t\t\t}\n\t\t\t.country-calling-code {\n\t\t\t\tcolor: var(--color-black);\n\t\t\t}\n\t\t}\n\t\t&__popup {\n\t\t\tdisplay: none;\n\t\t\tposition: relative;\n\t\t\tposition: fixed;\n\t\t\tborder-radius: 6px;\n\t\t\tbackground-color: var(--color-white);\n\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\n\t\t\toverflow-y: auto;\n\t\t\t&__option {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 10px 12px;\n\t\t\t\talign-items: center;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tcursor: pointer;\n\t\t\t\t@include gap-horizontal(12px);\n\t\t\t\t.PhoneInputCountryIcon {\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\timg {\n\t\t\t\t\t\theight: 1em;\n\t\t\t\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.country-calling-code {\n\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t}\n\n\t\t\t\t&.selected {\n\t\t\t\t\tbackground-color: var(--color-window-bg);\n\t\t\t\t\tcolor: var(--color-link);\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t.country-calling-code {\n\t\t\t\t\t\tcolor: var(--color-secondary-text);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.popup-active {\n\t\t\t\tdisplay: block;\n\t\t\t\tz-index: var(--z-index-inline-popup);\n\t\t\t}\n\t\t}\n\t}\n\tinput.PhoneInputInput {\n\t\tflex: 1 1 auto;\n\t\tborder-left: none;\n\t\toverflow-x: hidden;\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t\tpadding: 8px 12px 8px;\n\t\tborder: none;\n\t\toutline: none;\n\t}\n}\n\n.phone-input.PhoneInput--focus {\n\tborder-color: var(--color-primary);\n\tbox-shadow: 0px 0px 0px 2px var(--color-primary-opacity-40);\n}\n\n.phone-input.phone-input-error {\n\tborder-color: var(--color-error);\n\tbox-shadow: 0px 0px 0px 2px var(--color-error-shadow);\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@mixin gap-horizontal($gap) {\n\t> :not(:last-child) {\n\t\tmargin-right: $gap;\n\t}\n}\n\n@mixin gap-vertical($gap) {\n\t> :not(:last-child) {\n\t\tmargin-bottom: $gap;\n\t}\n}\n\n@mixin text-ellipsis($max-width) {\n\tmax-width: $max-width;\n\toverflow-x: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.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}\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\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","/* 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\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: 0.3s;\n\t\t}\n\t}\n\n\t.user-row-select-menu {\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: 4px 8px;\n\t\t\tfont-weight: normal;\n\t\t\twidth: 100%;\n\t\t\ttransition: 0.3s;\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&:hover {\n\t\t\t\tbackground-color: var(--color-copy-box-bg);\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\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\tbox-shadow: 0px 0px 5px var(--color-primary);\n\t\t\t\timg {\n\t\t\t\t\ttransform: rotateZ(180deg);\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}\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: 0px;\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&.thirdparty {\n\t\tcolor: var(--color-custom-provider-text);\n\t\tbackground-color: var(--color-custom-provider-bg);\n\t\tmax-width: 25ch;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\t.thirdparty-name {\n\t\t\tmax-width: 10ch;\n\t\t\ttext-overflow: inherit;\n\t\t\toverflow: inherit;\n\t\t}\n\t\t&.google {\n\t\t\tcolor: var(--color-google-text);\n\t\t\tbackground-color: var(--color-google-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.apple {\n\t\t\tcolor: var(--color-apple-text);\n\t\t\tbackground-color: var(--color-apple-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.github {\n\t\t\tcolor: var(--color-github-text);\n\t\t\tbackground-color: var(--color-github-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t\t&.facebook {\n\t\t\tcolor: var(--color-facebook-text);\n\t\t\tbackground-color: var(--color-facebook-bg);\n\t\t\tspan {\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t}\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\n.footer {\n\tbottom: 0;\n\twidth: 100%;\n\tmin-height: 62px;\n\tdisplay: flex;\n\tpadding: 20px 32px;\n\n\t.logo {\n\t\theight: 23px;\n\t\twidth: 151px;\n\t}\n\n\t&.alignment-right {\n\t\tjustify-content: flex-end;\n\t}\n\t&.alignment-center {\n\t\tjustify-content: center;\n\t}\n\n\t&.vertical-center {\n\t\talign-items: center;\n\t}\n\t&.vertical-bottom {\n\t\talign-self: flex-end;\n\t}\n\n\t&.color-dark {\n\t\tbackground-color: var(--color-black);\n\t\t.logo {\n\t\t\twidth: 148px;\n\t\t}\n\t}\n\n\t&.size-large {\n\t\tpadding: 40px 32px;\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n.auth-container {\n height: 100vh;\n width: 100vw;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n background-position: top center;\n background-repeat: no-repeat;\n background-size: cover;\n background-image: var(--auth-background-portrait);\n @media only screen and (min-width: 600px) {\n background-image: var(--auth-background);\n }\n}\n\n.auth-container .block-container {\n max-width: 320px;\n margin: 32px auto;\n @media only screen and (min-width: 600px) {\n max-width: 416px;\n }\n}\n\n.auth-container .text-title {\n margin-bottom: 8px;\n}\n\n.auth-container > * > p {\n margin-bottom: 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\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","/* 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 {\n\t--badge-bg-color: rgb(197, 224, 253);\n\t--copy-text-color: rgb(214, 80, 120);\n\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\n\tmax-width: 100vw;\n\n\t&.center-children {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\t.subtitle {\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 26px;\n\t\t}\n\n\t\t.back-button {\n\t\t\tmargin-top: 16px;\n\t\t\tcolor: var(--color-link);\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t&__header {\n\t\tmargin-top: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\toverflow: hidden;\n\t\t@include gap-horizontal(16px);\n\t\t&__badge {\n\t\t\t$size: 60px;\n\t\t\tborder-radius: 50%;\n\t\t\twidth: $size;\n\t\t\theight: $size;\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 600;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: uppercase;\n\t\t\tbackground-color: var(--badge-bg-color);\n\t\t\tcolor: var(--color-link);\n\t\t}\n\t\t&__info {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\toverflow: hidden;\n\t\t\t@include gap-vertical(6px);\n\t\t}\n\t\t&__title {\n\t\t\tfont-size: 18px;\n\t\t\tline-height: 28px;\n\t\t\tfont-weight: 600;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tspan {\n\t\t\t\t@include text-ellipsis(100%);\n\t\t\t}\n\t\t}\n\t\t&__user-id {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tfont-size: 14px;\n\t\t\t@include gap-horizontal(8px);\n\t\t\tspan {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t\t&__text {\n\t\t\t\tbackground-color: var(--color-white);\n\t\t\t\tcolor: var(--copy-text-color);\n\t\t\t\tborder: 1px var(--color-border) solid;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-width: 290px;\n\t\t\t\tfont-size: 13px;\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\tfont-weight: 600;\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\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 1em;\n\t\t\t\twidth: 1em;\n\t\t\t\tborder: 1px solid var(--color-black);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin-left: 6px;\n\t\t\t\timg {\n\t\t\t\t\theight: 1em;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.input-field-container {\n\t\t\t\tmargin: 0px;\n\t\t\t}\n\n\t\t\t.email-verified-button {\n\t\t\t\tmargin-left: 12px;\n\t\t\t\tfont-weight: normal;\n\t\t\t}\n\t\t}\n\n\t\tinput,\n\t\t.phone-input {\n\t\t\tbackground-color: var(--color-window-bg);\n\t\t}\n\n\t\t.input-field-error {\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n\n\t&__provider-box {\n\t\tfont-size: 13px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tcolor: var(--color-copy-box);\n\t\tbackground-color: var(--color-copy-box-bg);\n\t\twidth: 100%;\n\t\t@include gap-horizontal(6px);\n\n\t\t&.block-snippet {\n\t\t\tborder: none;\n\t\t\tpadding-right: 4px;\n\t\t}\n\n\t\t> span {\n\t\t\t> img {\n\t\t\t\theight: 1em;\n\t\t\t}\n\t\t}\n\n\t\t&__user-id {\n\t\t\tflex: 1;\n\t\t\toverflow-x: hidden;\n\t\t\tpadding: 4px 4px 4px 0px;\n\t\t\t.copy-text {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media only screen and (min-width: #{$container-width + 2 * $container-padding-horizontal}px) {\n\t\twidth: #{$container-width}px;\n\t\tpadding-left: 0px;\n\t\tpadding-right: 0px;\n\t\tmargin: 0 auto;\n\t}\n}\n\n.user-detail-title {\n\tfont-size: 28px;\n\tline-height: 34px;\n\tcolor: var(--color-black);\n\tmargin-bottom: 16px;\n\tfont-weight: 500;\n}\n\n.user-detail-subtitle {\n\tcolor: var(--color-secondary-text);\n\tmargin-bottom: 48px;\n}\n\n.user-detail-paper {\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\n\tborder-radius: 6px;\n\tbackground-color: var(--color-white);\n\tdisplay: block;\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\n.user-detail .block-info-connection {\n\tmargin-bottom: 24px;\n}\n\n.pill {\n\tmargin-top: 4px;\n}\n","/* 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\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@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\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","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\n$container-padding-horizontal: 40;\n$container-width: 829;\n\n.users-list {\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\n\tmax-width: 100vw;\n}\n\n.users-list-title {\n\tfont-size: 28px;\n\tline-height: 34px;\n\tcolor: var(--color-black);\n\tmargin-bottom: 16px;\n\tfont-weight: 500;\n}\n\n.users-list-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@media only screen and (min-width: #{$container-width + 2 * $container-padding-horizontal}px) {\n\t.users-list {\n\t\twidth: #{$container-width}px;\n\t\tpadding-left: 0px;\n\t\tpadding-right: 0px;\n\t\tmargin: 0 auto;\n\t}\n}\n","/* 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: 0px;\n\tright: 0px;\n\tpadding: 24px 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\ttransition: 0.3s;\n\t@include gap-vertical(16px);\n\tmax-height: 100vh;\n\tjustify-content: flex-end;\n\twidth: max-content;\n}\n\n@keyframes notificationScale {\n\t0% {\n\t\ttransform: scale(0);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n *\n * This software is licensed under the Apache License, Version 2.0 (the\n * \"License\") as published by the Apache Software Foundation.\n *\n * You may not use this file except in compliance with the License. You may\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\n@import url(\"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap\");\n\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: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n* {\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\tposition: relative;\n}\n\n#root {\n\tbackground-color: var(--color-window-bg);\n\tmin-height: 100vh;\n\tmin-width: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n#root > * {\n\tflex: 1;\n}\n\n#root > .footer {\n\tflex: 0;\n}\n\nbutton:not(:disabled),\na[href] {\n\tcursor: pointer;\n}\n\nbutton:disabled {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\n*\n* This software is licensed under the Apache License, Version 2.0 (the\n* \"License\") as published by the Apache Software Foundation.\n*\n* You may not use this file except in compliance with the License. You may\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\n*\n* Unless required by applicable law or agreed to in writing, software\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n* License for the specific language governing permissions and limitations\n* under the License.\n*/\n\nbody {\n\t/* theme colors */\n\t--color-primary: rgb(255, 153, 51);\n\t--color-primary-opacity-40: rgba(255, 153, 51, 0.4);\n\t--color-primary-darker: rgb(255, 128, 0);\n\n\t--color-white: rgb(255, 255, 255);\n\t--color-black: rgb(34, 34, 34);\n\t--color-window-bg: rgb(248, 248, 248);\n\n\t/* Background Colors */\n\t--color-loader-placeholder-bg: rgba(110, 106, 101, 0.4);\n\t--color-shadow: rgba(158, 37, 38, 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\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\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\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\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\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\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 34px;\n\tbackground-color: var(--color-white);\n\tborder-radius: 6px;\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}\n}\n\n/* Classes for layout modal */\n.layout-modal {\n\tposition: fixed;\n\ttop: 0px;\n\tleft: 0px;\n\tz-index: var(--z-index-modal-popup);\n\tdisplay: block;\n\twidth: 100vw;\n\theight: 100vw;\n\tbackground: none;\n\tpointer-events: none;\n\t&__backdrop {\n\t\tpointer-events: all;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground-color: var(--color-black);\n\t\topacity: 0.4;\n\t}\n\t&__container {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t&__close {\n\t\tdisplay: flex;\n\t\theight: 32px;\n\t\talign-items: flex-start;\n\t\tjustify-content: flex-end;\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tfont-size: 22px;\n\t\t\theight: 1em;\n\t\t\twidth: 1em;\n\t\t\tpadding: 6px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: var(--color-border);\n\t\t\tcursor: pointer;\n\t\t\t> img {\n\t\t\t\twidth: 8px;\n\t\t\t}\n\t\t}\n\t}\n\t.panel {\n\t\tpointer-events: all;\n\t\tposition: absolute;\n\t\tpadding-top: 16px;\n\t\tpadding-bottom: 16px;\n\t\tmargin: 0 auto;\n\t\tz-index: 1;\n\t\ttop: 50vh;\n\t\tleft: 50vw;\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t\tmax-height: calc(100vh - 32px);\n\t\tmax-width: calc(100vh - 32px);\n\t\twidth: 470px;\n\t\t&__header {\n\t\t\talign-items: flex-end;\n\t\t}\n\t}\n}\n\n.layout-modal-trigger {\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n/* classes for blocks */\n.block-container {\n\tdisplay: flex;\n\tflex-flow: column;\n\tpadding: 32px 18px;\n\tborder-radius: 18pt;\n\tbox-shadow: 1px 1px 6px var(--color-container-shadow);\n\twidth: calc(100% - 32px);\n\tbackground-color: var(--color-white);\n\t@media only screen and (min-width: 992px) {\n\t\tpadding: 32px 48px;\n\t}\n}\n\n.block-snippet-small {\n\tborder: 1px solid var(--color-border);\n\tpadding: 2px 4px;\n\tborder-radius: 2px;\n}\n\n.block-snippet {\n\tborder: 1px solid var(--color-border);\n\tpadding: 3px 8px;\n\tborder-radius: 4px;\n}\n\n.block-snippet-large {\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 4px;\n\tpadding: 6px 8px;\n}\n\n.block-small {\n\tborder-radius: 6px;\n\tpadding: 8px 12px 8px;\n}\n\n.block-medium {\n\tpadding: 20px 16px;\n\tmargin: 4px 0px;\n\tborder-radius: 6pt;\n\tborder-width: 1px;\n\tborder-style: solid;\n\tbox-shadow: 0px 0px 6px var(--color-shadow);\n\tp {\n\t\tline-height: 23px;\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 16px;\n\t\t\t@media only screen and (min-width: 600px) {\n\t\t\t\tmargin-bottom: 6px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.block-large {\n\tpadding: 32px;\n\tborder-radius: 24px;\n\tbox-shadow: 1px 1px 60px var(--color-container-shadow);\n\tp {\n\t\tletter-spacing: 0.14px;\n\t\tline-height: 21px;\n\t}\n\t@media only screen and (min-width: 768px) {\n\t\tpadding: 32px 48px;\n\t}\n}\n\n.block-error {\n\tbackground-color: var(--color-error-bg);\n\tcolor: var(--color-error);\n\tborder-color: var(--color-border-error);\n}\n\n.block-info {\n\tbackground-color: var(--color-info-bg);\n\tcolor: var(--color-info);\n\tborder-color: var(--color-border-info);\n}\n\n.button:not(.flat) {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tfont-size: 14px;\n\tline-height: 16px;\n\tbackground-color: var(--color-primary);\n\tborder: 1px solid var(--color-primary-darker);\n\tfont-weight: 600;\n\tcolor: var(--color-white);\n\tborder-radius: 6px;\n\tfont-family: inherit;\n\tcursor: pointer;\n\t@include gap-horizontal(0.75em);\n\tbox-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);\n\n\t&.small {\n\t\tpadding: 6px 8px;\n\t\tfont-weight: normal;\n\t}\n}\n\n.button.flat,\nbutton.flat {\n\tdisplay: inline;\n\tbackground: none;\n\tpadding: 0px;\n\tmargin: 0px;\n\tcolor: var(--color-secondary-text);\n\tfont-weight: 600;\n\t@include gap-horizontal(8px);\n\tborder: none;\n\tfont-size: inherit;\n}\n\n.button.button-error,\nbutton.button-error {\n\tdisplay: inline;\n\tbackground: var(--color-button-error);\n\tmargin: 0px;\n\tcolor: var(--color-white);\n\t@include gap-horizontal(8px);\n\tborder: none;\n\tfont-size: inherit;\n}\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}\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\t&:hover {\n\t\tbackground-color: var(--color-secondary-text);\n\t\tbox-shadow: inherit;\n\t\tcolor: var(--color-white);\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-link);\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: 0px;\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"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"static/css/main.css","mappings":"8FAiBA,eAEC,uBADA,YACA,CCHA,iCACC,gBDGuB,CAGzB,aAGC,mBAGA,qCADA,kBAHA,aAEA,gBAHA,UAKA,CACA,6BACC,oBACA,sBACA,gBACA,4CAEC,mBAEA,eAHA,oBAEA,iBACA,CCtBF,8DACC,gBDsByB,CAEvB,uEAEC,uCADA,WACA,CAGF,kEACC,yBAGF,oCAKC,oCADA,kBAEA,uCALA,aAMA,gBALA,kBACA,cAIA,CACA,4CAGC,mBAEA,eAJA,aAGA,gBAFA,iBAGA,CC/CH,8DACC,iBD+C0B,CACxB,mEACC,eACA,uEAEC,uCADA,UACA,CAGF,kEACC,kCAGD,qDACC,wCACA,wBACA,oBACA,2EACC,kCAKH,iDACC,cACA,oCAIH,mCAOC,YAFA,cAJA,cAGA,oBAIA,aALA,kBAGA,gBAEA,CAIF,+BACC,kCACA,qDAGD,+BACC,gCACA,+CEhGD,uBACC,YAAa,CACb,gBAAiB,CACjB,kBACD,CAEA,aACC,iCAAkC,CAClC,eAAgB,CAChB,kBACD,CAEA,sBACC,wBAAyB,CACzB,YACD,CAEA,mBAEC,kBAAmB,CACnB,wBAAoC,CACpC,iBAAkB,CAHlB,YAAa,CAIb,YACD,CAEA,aAMC,WAAY,CADZ,iBAAkB,CAFlB,aAAc,CAFd,QAAO,CACP,mBAAoB,CAKpB,YAAa,CAHb,gBAID,CAEA,qDAEC,iCAAkC,CAClC,oDACD,CAEA,0GAGC,+BAAgC,CAChC,8CACD,CAEA,0BACC,cAAe,CACf,sBACD,CAEA,mBAEC,kBAAmB,CADnB,YAAa,CAEb,cACD,CAEA,wBACC,WAAY,CAGZ,iBAAkB,CADlB,gBAAiB,CADjB,UAGD,CAEA,wBACC,4BACD,CClEC,4DACC,mBAED,0BACC,eAED,2BACC,aACA,yBFTD,6CACC,iBESwB,CACxB,kCAEC,gBADA,uBAKA,kBAGF,oBACC,eACA,iBAEA,yBACC,cACA,gBAKH,aAEC,kBADA,eACA,CAGD,6BACC,eClCD,4BAEC,cAEA,eACA,gBAJA,kBAEA,UAEA,CAGD,kBAIC,yBADA,iBADA,eADA,UAGA,CAGD,wBACC,kCAEA,eACA,iBAFA,wBAEA,CAGD,2BACC,4CACA,8BAEC,gBADA,qBAEA,gBACA,UAIF,2BACC,4CACA,8BAEC,cACA,wBAFA,SAEA,CAGA,wCACC,eAMF,qBAGC,kCAFA,aACA,sBAEA,mBACA,yBACC,eACA,gBACA,uBACA,mBAEA,0CACC,kBAGF,2BACC,yBAEA,eADA,eACA,CACA,iCACC,wBAKH,qBACC,gBACA,mBAIA,6BAKC,kFAHA,oDACA,eACA,WAHA,UAIA,CACA,2BACC,IACC,YAFF,mBACC,IACC,YAMJ,kCAEC,mBAKA,qCADA,kBALA,oBAIA,YAFA,uBAKA,eAJA,UAIA,CACA,sCAEC,eADA,UACA,CAKD,uDACC,aAKA,iBAHA,kBAEA,QADA,QAFA,mCAIA,CAEA,8DAEC,gBADA,WACA,CAIF,4DAEC,mBADA,oBAIA,gBAFA,YACA,gBAGA,eADA,UACA,CAEA,iEACC,mBAGD,gEACC,UAGD,uEACC,aAGD,kEACC,0CACA,6EACC,gBAED,8EACC,aAMF,6DACC,cAED,8DACC,wCACA,kEAEC,uCADA,yDACA,CAOH,8CAEC,eADA,KACA,CAKH,kBACC,aACA,yBAGA,OAFA,gBArLqB,CAsLrB,uCACA,CAGD,uBACC,aH5LA,yCACC,gBG4LuB,CAExB,oDACC,gBAED,yDACC,aHnMD,2EACC,iBGmMwB,CAEzB,qDAEC,gBADA,WACA,CAIF,MAIC,mBAFA,mBADA,aAEA,gBAGA,mBADA,kEACA,CHlNA,wBACC,gBGkNuB,CAExB,mBAEC,8CADA,oCACA,CAED,oBAEC,+CADA,qCACA,CAED,iBAEC,iDADA,wCAEA,eAEA,gBADA,uBAEA,mBACA,kCACC,eAEA,iBADA,qBACA,CAED,wBAEC,wCADA,8BACA,CACA,6BACC,0BAGF,uBAEC,uCADA,6BACA,CACA,4BACC,0BAGF,wBAEC,wCADA,8BACA,CACA,6BACC,0BAGF,0BAEC,0CADA,gCACA,CACA,+BACC,0BCnQJ,QACC,SAGA,aADA,gBAEA,kBAHA,UAGA,CAEA,cACC,YACA,YAGD,wBACC,yBAED,yBACC,uBAGD,wBACC,mBAED,wBACC,oBAGD,mBACC,oC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ADA,eAMA,gBAHA,gCANA,eAQA,kBAHA,QAIA,ClBxPA,6FACC,gBkBqPuB,CAKzB,+BAEC,gBAGA,yCAFA,gBACA,iCACA,CACA,2CACC,6CACA,mBACA,yBAIF,2BAGC,wBACA,4DACC,+BACA,8EACC,mCAMH,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","sources":["ui/components/phoneNumber/PhoneNumber.scss","ui/styles/mixin.scss","ui/components/inputField/InputField.css","ui/components/userDetail/userDetailForm.scss","ui/components/usersListTable/UsersListTable.scss","ui/components/footer/footer.scss","ui/components/auth/Auth.scss","ui/components/noUsers/NoUsers.css","ui/components/userDetail/userDetail.scss","ui/components/copyText/CopyText.scss","ui/components/userDetail/userDetailSessionList.scss","../node_modules/highlight.js/scss/an-old-hope.scss","ui/components/common/iconButton/style.scss","ui/components/userDetail/userMetaDataSection.scss","ui/pages/usersList/UsersList.scss","ui/components/errorboundary/error-boundary.scss","ui/components/toast/toastNotification.scss","ui/styles/index.css","ui/styles/variables.css","ui/styles/uikit.scss"],"sourcesContent":["/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n@import \"../../styles/mixin.scss\";\r\n\r\n.phone-display {\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\t@include gap-horizontal(5px);\r\n}\r\n\r\n.phone-input {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\toverflow: hidden;\r\n\tborder-radius: 6px;\r\n\tborder: 1px solid var(--color-border);\r\n\t&__country-select {\r\n\t\tdisplay: inline-flex;\r\n\t\tflex-direction: column;\r\n\t\tfont-weight: normal;\r\n\t\t&__current-value {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding-left: 12px;\r\n\t\t\tcursor: pointer;\r\n\t\t\t@include gap-horizontal(8px);\r\n\t\t\t.PhoneInputCountryIcon {\r\n\t\t\t\timg {\r\n\t\t\t\t\theight: 14px;\r\n\t\t\t\t\tbox-shadow: 0px 0px 3px var(--color-shadow);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.country-calling-code {\r\n\t\t\t\tcolor: var(--color-black);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__popup {\r\n\t\t\tdisplay: none;\r\n\t\t\tposition: relative;\r\n\t\t\tposition: fixed;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tbackground-color: var(--color-white);\r\n\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\r\n\t\t\toverflow-y: auto;\r\n\t\t\t&__option {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tpadding: 10px 12px;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tfont-weight: normal;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\t@include gap-horizontal(12px);\r\n\t\t\t\t.PhoneInputCountryIcon {\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\theight: 1em;\r\n\t\t\t\t\t\tbox-shadow: 0px 0px 4px var(--color-shadow);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t.country-calling-code {\r\n\t\t\t\t\tcolor: var(--color-secondary-text);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.selected {\r\n\t\t\t\t\tbackground-color: var(--color-window-bg);\r\n\t\t\t\t\tcolor: var(--color-link);\r\n\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t.country-calling-code {\r\n\t\t\t\t\t\tcolor: var(--color-secondary-text);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.popup-active {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tz-index: var(--z-index-inline-popup);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tinput.PhoneInputInput {\r\n\t\tflex: 1 1 auto;\r\n\t\tborder-left: none;\r\n\t\toverflow-x: hidden;\r\n\t\tfont-family: inherit;\r\n\t\tdisplay: block;\r\n\t\tpadding: 8px 12px 8px;\r\n\t\tborder: none;\r\n\t\toutline: none;\r\n\t}\r\n}\r\n\r\n.phone-input.PhoneInput--focus {\r\n\tborder-color: var(--color-primary);\r\n\tbox-shadow: 0px 0px 0px 2px var(--color-primary-opacity-40);\r\n}\r\n\r\n.phone-input.phone-input-error {\r\n\tborder-color: var(--color-error);\r\n\tbox-shadow: 0px 0px 0px 2px var(--color-error-shadow);\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n@mixin gap-horizontal($gap) {\r\n\t> :not(:last-child) {\r\n\t\tmargin-right: $gap;\r\n\t}\r\n}\r\n\r\n@mixin gap-vertical($gap) {\r\n\t> :not(:last-child) {\r\n\t\tmargin-bottom: $gap;\r\n\t}\r\n}\r\n\r\n@mixin text-ellipsis($max-width) {\r\n\tmax-width: $max-width;\r\n\toverflow-x: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n.input-field-container {\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\tmargin-bottom: 24px;\r\n}\r\n\r\n.input-label {\r\n\tcolor: var(--color-secondary-text);\r\n\tfont-weight: 500;\r\n\tmargin-bottom: 12px;\r\n}\r\n\r\n.input-label-required {\r\n\tcolor: var(--color-error);\r\n\tmargin: 0px 4px;\r\n}\r\n\r\n.input-field-inset {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tborder: 1px solid rgb(224, 224, 224);\r\n\tborder-radius: 6px;\r\n\toutline: none;\r\n}\r\n\r\n.input-field {\r\n\tflex: 1;\r\n\tfont-family: inherit;\r\n\tdisplay: block;\r\n\tpadding: 8px 12px 8px;\r\n\tborder-radius: 6px;\r\n\tborder: none;\r\n\toutline: none;\r\n}\r\n\r\n.input-field-inset-focused,\r\n.input-field-inset:active {\r\n\tborder-color: var(--color-primary);\r\n\tbox-shadow: 0px 0px 0px 2px var(--color-primary-opacity-40);\r\n}\r\n\r\n.input-field-inset-error-state,\r\n.input-field-inset-error-state:focus,\r\n.input-field-inset-error-state:active {\r\n\tborder-color: var(--color-error);\r\n\tbox-shadow: 0px 0px 0px 2px var(--color-error-shadow);\r\n}\r\n\r\n.input-field-suffix .icon {\r\n\tcursor: pointer;\r\n\tpadding: 8px 12px 8px 0px;\r\n}\r\n\r\n.input-field-error {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tmargin-top: 8pt;\r\n}\r\n\r\n.input-field-error-icon {\r\n\theight: 16px;\r\n\twidth: 16px;\r\n\tmargin-right: 8px;\r\n\tmargin-bottom: 2px;\r\n}\r\n\r\n.input-field-error-text {\r\n\tline-height: normal !important;\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n@import \"../../styles/mixin.scss\";\r\n\r\n.user-detail-form {\r\n\t.input-field-container:not(:last-of-type) {\r\n\t\tmargin-bottom: 24px;\r\n\t}\r\n\t&__header {\r\n\t\tfont-size: 24px;\r\n\t}\r\n\t&__actions {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-end;\r\n\t\t@include gap-horizontal(24px);\r\n\t\tbutton {\r\n\t\t\tjustify-content: center;\r\n\t\t\tfont-weight: normal;\r\n\t\t\tpadding-top: 10px;\r\n\t\t\tpadding-bottom: 10px;\r\n\t\t\tpadding-right: 16px;\r\n\t\t\tpadding-left: 16px;\r\n\t\t}\r\n\t}\r\n\tp {\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 24px;\r\n\r\n\t\tspan {\r\n\t\t\tcolor: #ed344e;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.phone-input {\r\n\tmargin-top: 12px;\r\n\tmargin-bottom: 8px;\r\n}\r\n\r\n.user-delete-input-container {\r\n\tmargin-top: 8px;\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n@import \"../../styles/mixin.scss\";\r\n\r\n$container-padding-v: 24px;\r\n\r\n.users-list-table-container {\r\n\tpadding: $container-padding-v 34px;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\toverflow-x: auto;\r\n}\r\n\r\n.users-list-table {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tborder-spacing: 0px;\r\n\tborder-collapse: collapse;\r\n}\r\n\r\n.users-list-table thead {\r\n\tcolor: var(--color-secondary-text);\r\n\ttext-transform: uppercase;\r\n\tfont-size: 12px;\r\n\tline-height: 14px;\r\n}\r\n\r\n.users-list-table thead tr {\r\n\tborder-bottom: 1px solid var(--color-border);\r\n\tth {\r\n\t\tpadding: 0 1em 24px 0;\r\n\t\tfont-weight: 500;\r\n\t\ttext-align: left;\r\n\t\twidth: 33%;\r\n\t}\r\n}\r\n\r\n.users-list-table tbody tr {\r\n\tborder-bottom: 1px solid var(--color-border);\r\n\ttd {\r\n\t\twidth: 33%;\r\n\t\tmax-width: 50%;\r\n\t\tpadding: 24px 1em 24px 0;\r\n\t}\r\n\t&.empty-row {\r\n\t\ttd {\r\n\t\t\tpadding: 12px 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.user-row {\r\n\t.user-info {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tcolor: var(--color-secondary-text);\r\n\t\tpadding-right: 16px;\r\n\t\tdiv {\r\n\t\t\tmax-width: 25ch;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\twhite-space: nowrap;\r\n\r\n\t\t\t&:not(:last-child) {\r\n\t\t\t\tmargin-bottom: 4px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.main {\r\n\t\t\tcolor: var(--color-black);\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcursor: pointer;\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--color-link);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.user-date {\r\n\t\tmin-width: 110px;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n\r\n\t&.placeholder td {\r\n\t\tdiv {\r\n\t\t\twidth: 100%;\r\n\t\t\tbackground-color: var(--color-loader-placeholder-bg);\r\n\t\t\tmin-height: 1em;\r\n\t\t\topacity: 0.4;\r\n\t\t\tanimation: blinker 2s linear infinite;\r\n\t\t\t@keyframes blinker {\r\n\t\t\t\t50% {\r\n\t\t\t\t\topacity: 0.1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.user-row-select-button {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 25px;\r\n\t\theight: 25px;\r\n\t\tborder-radius: 4px;\r\n\t\tborder: 1px solid var(--color-border);\r\n\t\ttransition: 0.3s;\r\n\t\timg {\r\n\t\t\twidth: 12px;\r\n\t\t\ttransition: 0.3s;\r\n\t\t}\r\n\t}\r\n\r\n\t.user-row-select-menu {\r\n\t\t.user-row-select-popup {\r\n\t\t\tdisplay: none;\r\n\t\t\tz-index: var(--z-index-inline-popup);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tright: 0px;\r\n\t\t\tpadding: 20px 0 0px 0;\r\n\r\n\t\t\t.panel {\r\n\t\t\t\tpadding: 8px;\r\n\t\t\t\tmin-width: 180px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.user-row-select-popup-item {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\theight: 28px;\r\n\t\t\tpadding: 4px 8px;\r\n\t\t\tfont-weight: normal;\r\n\t\t\twidth: 100%;\r\n\t\t\ttransition: 0.3s;\r\n\r\n\t\t\tspan {\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t}\r\n\r\n\t\t\timg {\r\n\t\t\t\twidth: 1em;\r\n\t\t\t}\r\n\r\n\t\t\t.img-hover {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: var(--color-copy-box-bg);\r\n\t\t\t\t.img-hover {\r\n\t\t\t\t\tdisplay: initial;\r\n\t\t\t\t}\r\n\t\t\t\t.img-normal {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.user-row-select-popup {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t\t.user-row-select-button {\r\n\t\t\t\tbox-shadow: 0px 0px 5px var(--color-primary);\r\n\t\t\t\timg {\r\n\t\t\t\t\ttransform: rotateZ(180deg);\r\n\t\t\t\t\tbox-shadow: 0px 0px 3px var(--color-shadow);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&:last-of-type {\r\n\t\t// put popup on the left because the popup could be cropped by the paper's bottom\r\n\t\t.user-row-select-popup {\r\n\t\t\ttop: 0px;\r\n\t\t\tpadding: 0px 40px 0px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.user-list-footer {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n\tpadding-top: $container-padding-v;\r\n\tposition: sticky;\r\n\tleft: 0px;\r\n}\r\n\r\n.users-list-pagination {\r\n\tdisplay: flex;\r\n\t@include gap-horizontal(1em);\r\n\r\n\t.users-list-pagination-count {\r\n\t\tfont-weight: 500;\r\n\t}\r\n\t.users-list-pagination-navigation {\r\n\t\tdisplay: flex;\r\n\t\t@include gap-horizontal(0.5em);\r\n\t}\r\n\t.users-list-pagination-button {\r\n\t\tborder: none;\r\n\t\tbackground: none;\r\n\t}\r\n}\r\n\r\n.pill {\r\n\tdisplay: flex;\r\n\tborder-radius: 20px;\r\n\tpadding: 4px 8px;\r\n\talign-items: center;\r\n\twidth: fit-content;\r\n\twhite-space: nowrap;\r\n\t@include gap-horizontal(4px);\r\n\r\n\t&.passwordless {\r\n\t\tcolor: var(--color-passwordless-text);\r\n\t\tbackground-color: var(--color-passwordless-bg);\r\n\t}\r\n\t&.emailpassword {\r\n\t\tcolor: var(--color-emailpassword-text);\r\n\t\tbackground-color: var(--color-emailpassword-bg);\r\n\t}\r\n\t&.thirdparty {\r\n\t\tcolor: var(--color-custom-provider-text);\r\n\t\tbackground-color: var(--color-custom-provider-bg);\r\n\t\tmax-width: 25ch;\r\n\t\ttext-overflow: ellipsis;\r\n\t\toverflow: hidden;\r\n\t\twhite-space: nowrap;\r\n\t\t.thirdparty-name {\r\n\t\t\tmax-width: 10ch;\r\n\t\t\ttext-overflow: inherit;\r\n\t\t\toverflow: inherit;\r\n\t\t}\r\n\t\t&.google {\r\n\t\t\tcolor: var(--color-google-text);\r\n\t\t\tbackground-color: var(--color-google-bg);\r\n\t\t\tspan {\r\n\t\t\t\ttext-transform: capitalize;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.apple {\r\n\t\t\tcolor: var(--color-apple-text);\r\n\t\t\tbackground-color: var(--color-apple-bg);\r\n\t\t\tspan {\r\n\t\t\t\ttext-transform: capitalize;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.github {\r\n\t\t\tcolor: var(--color-github-text);\r\n\t\t\tbackground-color: var(--color-github-bg);\r\n\t\t\tspan {\r\n\t\t\t\ttext-transform: capitalize;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.facebook {\r\n\t\t\tcolor: var(--color-facebook-text);\r\n\t\t\tbackground-color: var(--color-facebook-bg);\r\n\t\t\tspan {\r\n\t\t\t\ttext-transform: capitalize;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n*\r\n* This software is licensed under the Apache License, Version 2.0 (the\r\n* \"License\") as published by the Apache Software Foundation.\r\n*\r\n* You may not use this file except in compliance with the License. You may\r\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n* License for the specific language governing permissions and limitations\r\n* under the License.\r\n*/\r\n\r\n.footer {\r\n\tbottom: 0;\r\n\twidth: 100%;\r\n\tmin-height: 62px;\r\n\tdisplay: flex;\r\n\tpadding: 20px 32px;\r\n\r\n\t.logo {\r\n\t\theight: 23px;\r\n\t\twidth: 151px;\r\n\t}\r\n\r\n\t&.alignment-right {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n\t&.alignment-center {\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t&.vertical-center {\r\n\t\talign-items: center;\r\n\t}\r\n\t&.vertical-bottom {\r\n\t\talign-self: flex-end;\r\n\t}\r\n\r\n\t&.color-dark {\r\n\t\tbackground-color: var(--color-black);\r\n\t\t.logo {\r\n\t\t\twidth: 148px;\r\n\t\t}\r\n\t}\r\n\r\n\t&.size-large {\r\n\t\tpadding: 40px 32px;\r\n\t}\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n.auth-container {\r\n height: 100vh;\r\n width: 100vw;\r\n display: flex;\r\n flex-flow: column;\r\n justify-content: center;\r\n align-items: center;\r\n background-position: top center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-image: var(--auth-background-portrait);\r\n @media only screen and (min-width: 600px) {\r\n background-image: var(--auth-background);\r\n }\r\n}\r\n\r\n.auth-container .block-container {\r\n max-width: 320px;\r\n margin: 32px auto;\r\n @media only screen and (min-width: 600px) {\r\n max-width: 416px;\r\n }\r\n}\r\n\r\n.auth-container .text-title {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.auth-container > * > p {\r\n margin-bottom: 16px;\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n.no-users {\r\n\tpadding: 60px 24px;\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\talign-items: center;\r\n}\r\n\r\n.no-users-image {\r\n\theight: 43px;\r\n\twidth: 63px;\r\n\tmargin-bottom: 24px;\r\n}\r\n\r\n.no-users-title {\r\n\tfont-size: 18px;\r\n\tline-height: 22px;\r\n\tfont-weight: 500;\r\n\tcolor: var(--color-black);\r\n\tletter-spacing: 0.18px;\r\n\tmargin-bottom: 8px;\r\n\ttext-align: center;\r\n}\r\n\r\n.no-users .no-users-subtitle {\r\n\tcolor: var(--color-secondary-text);\r\n\tpadding: 4px 0;\r\n\ttext-align: center;\r\n\tmax-width: 54ch;\r\n\tline-height: 1.5em;\r\n}\r\n\r\n@media only screen and (min-width: 992px) {\r\n\t.no-users {\r\n\t\tpadding: 60px;\r\n\t}\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n@import \"../../styles/mixin.scss\";\r\n$container-padding-horizontal: 40;\r\n$container-width: 829;\r\n\r\n.user-detail {\r\n\t--badge-bg-color: rgb(197, 224, 253);\r\n\t--copy-text-color: rgb(214, 80, 120);\r\n\r\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\r\n\tmax-width: 100vw;\r\n\r\n\t&.center-children {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\t.subtitle {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tline-height: 26px;\r\n\t\t}\r\n\r\n\t\t.back-button {\r\n\t\t\tmargin-top: 16px;\r\n\t\t\tcolor: var(--color-link);\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n\t&__header {\r\n\t\tmargin-top: 40px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\toverflow: hidden;\r\n\t\t@include gap-horizontal(16px);\r\n\t\t&__badge {\r\n\t\t\t$size: 60px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\twidth: $size;\r\n\t\t\theight: $size;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tfont-size: 24px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tbackground-color: var(--badge-bg-color);\r\n\t\t\tcolor: var(--color-link);\r\n\t\t}\r\n\t\t&__info {\r\n\t\t\tflex: 1;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tjustify-content: center;\r\n\t\t\toverflow: hidden;\r\n\t\t\t@include gap-vertical(6px);\r\n\t\t}\r\n\t\t&__title {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tline-height: 28px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tspan {\r\n\t\t\t\t@include text-ellipsis(100%);\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__user-id {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tfont-size: 14px;\r\n\t\t\t@include gap-horizontal(8px);\r\n\t\t\tspan {\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t}\r\n\t\t\t&__text {\r\n\t\t\t\tbackground-color: var(--color-white);\r\n\t\t\t\tcolor: var(--copy-text-color);\r\n\t\t\t\tborder: 1px var(--color-border) solid;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tmax-width: 290px;\r\n\t\t\t\tfont-size: 13px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__action {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t}\r\n\r\n\t.panel {\r\n\t\tmargin-top: 40px;\r\n\t}\r\n\r\n\t&__info-grid {\r\n\t\t&__grid {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n\t\t\tgrid-gap: 40px 60px;\r\n\t\t}\r\n\t\t&__item {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\t&__label {\r\n\t\t\t\tcolor: var(--color-secondary-text);\r\n\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t&__body {\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\t@include text-ellipsis(100%);\r\n\t\t\t\twhite-space: normal;\r\n\t\t\t\toverflow: visible;\r\n\t\t\t}\r\n\t\t\t&__guide {\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\theight: 1em;\r\n\t\t\t\twidth: 1em;\r\n\t\t\t\tborder: 1px solid var(--color-black);\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tmargin-left: 6px;\r\n\t\t\t\timg {\r\n\t\t\t\t\theight: 1em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.input-field-container {\r\n\t\t\t\tmargin: 0px;\r\n\t\t\t}\r\n\r\n\t\t\t.email-verified-button {\r\n\t\t\t\tmargin-left: 12px;\r\n\t\t\t\tfont-weight: normal;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tinput,\r\n\t\t.phone-input {\r\n\t\t\tbackground-color: var(--color-window-bg);\r\n\t\t}\r\n\r\n\t\t.input-field-error {\r\n\t\t\tfont-weight: normal;\r\n\t\t}\r\n\t}\r\n\r\n\t&__provider-box {\r\n\t\tfont-size: 13px;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tcolor: var(--color-copy-box);\r\n\t\tbackground-color: var(--color-copy-box-bg);\r\n\t\twidth: 100%;\r\n\t\t@include gap-horizontal(6px);\r\n\r\n\t\t&.block-snippet {\r\n\t\t\tborder: none;\r\n\t\t\tpadding-right: 4px;\r\n\t\t}\r\n\r\n\t\t> span {\r\n\t\t\t> img {\r\n\t\t\t\theight: 1em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__user-id {\r\n\t\t\tflex: 1;\r\n\t\t\toverflow-x: hidden;\r\n\t\t\tpadding: 4px 4px 4px 0px;\r\n\t\t\t.copy-text {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@media only screen and (min-width: #{$container-width + 2 * $container-padding-horizontal}px) {\r\n\t\twidth: #{$container-width}px;\r\n\t\tpadding-left: 0px;\r\n\t\tpadding-right: 0px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n}\r\n\r\n.user-detail-title {\r\n\tfont-size: 28px;\r\n\tline-height: 34px;\r\n\tcolor: var(--color-black);\r\n\tmargin-bottom: 16px;\r\n\tfont-weight: 500;\r\n}\r\n\r\n.user-detail-subtitle {\r\n\tcolor: var(--color-secondary-text);\r\n\tmargin-bottom: 48px;\r\n}\r\n\r\n.user-detail-paper {\r\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\r\n\tborder-radius: 6px;\r\n\tbackground-color: var(--color-white);\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n\r\n.user-detail .block-info-connection {\r\n\tmargin-bottom: 24px;\r\n}\r\n\r\n.pill {\r\n\tmargin-top: 4px;\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n@import \"../../styles/mixin.scss\";\r\n\r\n.copy-text {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\t.copy-text-text {\r\n\t\t@include text-ellipsis(100%);\r\n\t\tflex: 1;\r\n\t\tpadding-right: 4px;\r\n\t}\r\n\t.copy-text-action {\r\n\t\tborder-radius: 50%;\r\n\t\ttransition: 0.3s;\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-copy-box-shadow);\r\n\t\t\tbox-shadow: 0px 0px 0px 4px var(--color-copy-box-shadow);\r\n\t\t}\r\n\t}\r\n\t.copy-text-notification {\r\n\t\tposition: fixed;\r\n\t\tfont-size: 12px;\r\n\t\ttransform: translateY(-50%);\r\n\t\tz-index: 1;\r\n\r\n\t\tspan {\r\n\t\t\tmargin: 0px 12px;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\tbackground-color: var(--color-black);\r\n\t\t\tborder-color: var(--color-black);\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n@import \"../../styles/mixin.scss\";\r\n$container-padding-horizontal: 40;\r\n$container-width: 829;\r\n\r\n.panel {\r\n\t&.no-padding-horizontal {\r\n\t\tpadding-left: 0px !important;\r\n\t\tpadding-right: 0px !important;\r\n\t}\r\n}\r\n\r\n.content-container {\r\n\twidth: 100%;\r\n\tpadding-top: 24px;\r\n\tpadding-bottom: 24px;\r\n\r\n\t.header {\r\n\t\tpadding-left: 34px;\r\n\t\tpadding-right: 34px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tcolor: var(--color-secondary-text);\r\n\r\n\t\t@media only screen and (max-width: 600px) {\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: flex-start;\r\n\t\t}\r\n\r\n\t\t.header-primary {\r\n\t\t\tfont-weight: 500;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\talign-items: center;\r\n\r\n\t\t\t@media only screen and (max-width: 600px) {\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.header-secondary {\r\n\t\t\tfont-weight: 400;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tmargin-left: 4px;\r\n\r\n\t\t\t@media only screen and (max-width: 600px) {\r\n\t\t\t\tmargin-left: 0px;\r\n\t\t\t\tmargin-top: 2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.button-error {\r\n\t\t\tfont-weight: 500;\r\n\r\n\t\t\t@media only screen and (max-width: 600px) {\r\n\t\t\t\tmargin-top: 12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.table-container {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\toverflow-x: scroll;\r\n\t\tmargin-top: 18px;\r\n\t\theight: fit-content;\r\n\t}\r\n\r\n\t.table {\r\n\t\tdisplay: table;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tborder-spacing: 0px;\r\n\t\tborder-collapse: collapse;\r\n\r\n\t\t.thead {\r\n\t\t\tcolor: var(--color-black);\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tline-height: 14px;\r\n\r\n\t\t\t.head-row {\r\n\t\t\t\tborder-bottom: 1px solid var(--color-border);\r\n\t\t\t\tborder-top: 1px solid var(--color-border);\r\n\t\t\t\tpadding-left: 34px;\r\n\t\t\t\tpadding-right: 34px;\r\n\t\t\t\tpadding-top: 15px;\r\n\t\t\t\tpadding-bottom: 15px;\r\n\t\t\t\tbackground: #fafafa;\r\n\r\n\t\t\t\tth {\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\tpadding-top: 15px;\r\n\t\t\t\t\tpadding-bottom: 15px;\r\n\t\t\t\t\tpadding-left: 35px;\r\n\t\t\t\t\tpadding-right: 35px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tth:last-child {\r\n\t\t\t\t\tpadding-right: 34px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.w30 {\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\tpadding-left: 34px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttbody {\r\n\t\t\tpadding-left: 34px;\r\n\t\t\tpadding-right: 34px;\r\n\r\n\t\t\t.placeholder {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t}\r\n\r\n\t\t\t.session-info {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin-left: 34px;\r\n\t\t\t\tmargin-right: 34px;\r\n\t\t\t}\r\n\r\n\t\t\t.session-row {\r\n\t\t\t\tmargin-top: 29px;\r\n\t\t\t\tmargin-left: 34px;\r\n\t\t\t\tmargin-right: 34px;\r\n\r\n\t\t\t\t&.empty-row {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.with-data {\r\n\t\t\t\t\ttd {\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\twidth: calc(70% / 3);\r\n\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\tcolor: var(--color-secondary-text);\r\n\t\t\t\t\t\theight: 1px;\r\n\t\t\t\t\t\tmin-height: 28px;\r\n\t\t\t\t\t\tpadding-left: 35px;\r\n\t\t\t\t\t\tpadding-right: 35px;\r\n\t\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t\tpadding-top: 29px;\r\n\r\n\t\t\t\t\t\tspan {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tpadding-left: 8px;\r\n\t\t\t\t\t\t\tpadding-right: 8px;\r\n\t\t\t\t\t\t\tpadding-top: 7px;\r\n\t\t\t\t\t\t\tpadding-bottom: 7px;\r\n\t\t\t\t\t\t\tbackground-color: var(--color-copy-box-bg);\r\n\t\t\t\t\t\t\twidth: fit-content;\r\n\t\t\t\t\t\t\tborder-radius: 4px;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.button-error-outline {\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ttd:last-child {\r\n\t\t\t\t\t\tpadding-right: 34px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.w30 {\r\n\t\t\t\t\t\tpadding-left: 34px;\r\n\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\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\";\r\n\r\n.button-root {\r\n\tcursor: pointer;\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n@import \"../../styles/mixin.scss\";\r\n$container-padding-horizontal: 40;\r\n$container-width: 829;\r\n\r\n.padding-vertical-24 {\r\n\tpadding-top: 24px !important;\r\n\tpadding-bottom: 24px !important;\r\n}\r\n\r\n.metadata-header {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\twidth: 100%;\r\n\tjustify-content: space-between;\r\n\tpadding-bottom: 24px;\r\n\tborder-bottom: 1px solid var(--color-border);\r\n\tbox-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\t-webkit-box-sizing: border-box;\r\n\r\n\t.title {\r\n\t\tcolor: var(--color-secondary-text);\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\t.metadata-actions {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\t@include gap-horizontal(16px);\r\n\t}\r\n}\r\n\r\n.metadata-content-container {\r\n\tmargin-top: 22px;\r\n\tpadding-left: 28px;\r\n\tpadding-right: 28px;\r\n\toverflow-x: auto;\r\n\tpadding-top: 15px;\r\n\tpadding-bottom: 15px;\r\n\tbackground: #0d2e4e;\r\n\tborder-radius: 6px;\r\n\twhite-space: pre;\r\n\r\n\t.hljs {\r\n\t\tbackground: #0d2e4e;\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 21px;\r\n\t\tpadding: 0px !important;\r\n\t}\r\n}\r\n\r\n.metadata-edit-box {\r\n\tmargin-top: 24px;\r\n\tmin-width: 100%;\r\n\tmax-width: 100%;\r\n\tmin-height: 200px;\r\n\tpadding: 4px;\r\n\tbackground-color: var(--color-window-bg);\r\n\tborder-radius: 6px;\r\n\tborder: none;\r\n\tborder: 1px solid rgb(224, 224, 224);\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n$container-padding-horizontal: 40;\r\n$container-width: 829;\r\n\r\n.users-list {\r\n\tpadding: 72px #{$container-padding-horizontal}px 48px;\r\n\tmax-width: 100vw;\r\n}\r\n\r\n.users-list-title {\r\n\tfont-size: 28px;\r\n\tline-height: 34px;\r\n\tcolor: var(--color-black);\r\n\tmargin-bottom: 16px;\r\n\tfont-weight: 500;\r\n}\r\n\r\n.users-list-title .pill.paid-feature-badge {\r\n\tdisplay: inline-block;\r\n\tfont-size: 14px;\r\n\tbackground-color: var(--color-badge-bg);\r\n\tcolor: var(--color-badge);\r\n\tborder-radius: 5px;\r\n\tmargin-top: 0;\r\n\tvertical-align: middle;\r\n\tline-height: 1.1;\r\n\tpadding-inline: 7px;\r\n}\r\n\r\n.users-list-subtitle {\r\n\tcolor: var(--color-secondary-text);\r\n\tmargin-bottom: 48px;\r\n}\r\n\r\n.users-list-paper {\r\n\tbox-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);\r\n\tborder-radius: 6px;\r\n\tbackground-color: var(--color-white);\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n\r\n.users-list .block-info-connection {\r\n\tmargin-bottom: 24px;\r\n}\r\n\r\n@media only screen and (min-width: #{$container-width + 2 * $container-padding-horizontal}px) {\r\n\t.users-list {\r\n\t\twidth: #{$container-width}px;\r\n\t\tpadding-left: 0px;\r\n\t\tpadding-right: 0px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n*\r\n* This software is licensed under the Apache License, Version 2.0 (the\r\n* \"License\") as published by the Apache Software Foundation.\r\n*\r\n* You may not use this file except in compliance with the License. You may\r\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n* License for the specific language governing permissions and limitations\r\n* under the License.\r\n*/\r\n\r\n.error-container {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\t.block-container {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 560px;\r\n\t\tmargin: 32px auto;\r\n\t\t.text-title {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tline-height: normal;\r\n\t\t\tmargin-top: 8px;\r\n\t\t}\r\n\t\t.title-image {\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t}\r\n\t\tp {\r\n\t\t\tmargin-top: 12px;\r\n\t\t\tletter-spacing: 0.14px;\r\n\t\t}\r\n\t}\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n@import \"../../styles/mixin.scss\";\r\n\r\n.notification {\r\n\tdisplay: flex;\r\n\tpadding: 16px;\r\n\t@include gap-horizontal(8px);\r\n\tline-height: 24px;\r\n\tborder: 1px solid var(--color-border);\r\n\tborder-radius: 6px;\r\n\tbackground-color: var(--color-window-bg);\r\n\tbox-shadow: 0px 0px 6px var(--color-shadow);\r\n\tfont-size: 14px;\r\n\tanimation: notificationScale 0.3s;\r\n\ttransition: 0.3s;\r\n\t&__icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\timg {\r\n\t\t\theight: 16px;\r\n\t\t}\r\n\t}\r\n\t&__info {\r\n\t\tflex: 1;\r\n\t\tpadding-right: 24px;\r\n\t\tfont-weight: 500;\r\n\t\tmax-width: 300px;\r\n\t\twhite-space: wrap;\r\n\t}\r\n\t&__close {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tsvg {\r\n\t\t\twidth: 8px;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n\t&.notification-info {\r\n\t\tbackground-color: var(--color-info-bg);\r\n\t\tcolor: var(--color-info);\r\n\t\tborder-color: var(--color-border-info);\r\n\t\tbox-shadow: 0px 0px 6px var(--color-info-shadow);\r\n\t\tsvg {\r\n\t\t\tstroke: var(--color-info);\r\n\t\t}\r\n\t}\r\n\t&.notification-error {\r\n\t\tbackground-color: var(--color-error-bg);\r\n\t\tcolor: var(--color-error);\r\n\t\tborder-color: var(--color-border-error);\r\n\t\tbox-shadow: 0px 0px 6px var(--color-error-shadow);\r\n\t\tsvg {\r\n\t\t\tstroke: var(--color-error);\r\n\t\t}\r\n\t}\r\n\t&.notification-success {\r\n\t\tbackground-color: var(--color-success-bg);\r\n\t\tcolor: var(--color-success);\r\n\t\tborder-color: var(--color-border-success);\r\n\t\tbox-shadow: 0px 0px 6px var(--color-success-shadow);\r\n\t\tsvg {\r\n\t\t\tstroke: var(--color-success);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.notification-container {\r\n\tposition: fixed;\r\n\ttop: 0px;\r\n\tright: 0px;\r\n\tpadding: 24px 20px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\ttransition: 0.3s;\r\n\t@include gap-vertical(16px);\r\n\tmax-height: 100vh;\r\n\tjustify-content: flex-end;\r\n\twidth: max-content;\r\n}\r\n\r\n@keyframes notificationScale {\r\n\t0% {\r\n\t\ttransform: scale(0);\r\n\t}\r\n\t100% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n *\r\n * This software is licensed under the Apache License, Version 2.0 (the\r\n * \"License\") as published by the Apache Software Foundation.\r\n *\r\n * You may not use this file except in compliance with the License. You may\r\n * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n * License for the specific language governing permissions and limitations\r\n * under the License.\r\n */\r\n\r\n@import url(\"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap\");\r\n\r\nbody {\r\n\tfont-family: \"Rubik\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\",\r\n\t\t\"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\r\n\t-webkit-font-smoothing: antialiased;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\tcolor: var(--color-black);\r\n}\r\n\r\ncode {\r\n\tfont-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n}\r\n\r\n* {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tposition: relative;\r\n}\r\n\r\n#root {\r\n\tbackground-color: var(--color-window-bg);\r\n\tmin-height: 100vh;\r\n\tmin-width: 100%;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n}\r\n\r\n#root > * {\r\n\tflex: 1;\r\n}\r\n\r\n#root > .footer {\r\n\tflex: 0;\r\n}\r\n\r\nbutton:not(:disabled),\r\na[href] {\r\n\tcursor: pointer;\r\n}\r\n\r\nbutton:disabled {\r\n\topacity: 0.5;\r\n\tpointer-events: none;\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n*\r\n* This software is licensed under the Apache License, Version 2.0 (the\r\n* \"License\") as published by the Apache Software Foundation.\r\n*\r\n* You may not use this file except in compliance with the License. You may\r\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n* License for the specific language governing permissions and limitations\r\n* under the License.\r\n*/\r\n\r\nbody {\r\n\t/* theme colors */\r\n\t--color-primary: rgb(255, 153, 51);\r\n\t--color-primary-opacity-40: rgba(255, 153, 51, 0.4);\r\n\t--color-primary-darker: rgb(255, 128, 0);\r\n\r\n\t--color-white: rgb(255, 255, 255);\r\n\t--color-black: rgb(34, 34, 34);\r\n\t--color-window-bg: rgb(248, 248, 248);\r\n\r\n\t/* Background Colors */\r\n\t--color-loader-placeholder-bg: rgba(110, 106, 101, 0.4);\r\n\t--color-shadow: rgba(158, 37, 38, 0.16);\r\n\t--color-container-shadow: rgba(0, 0, 0, 0.16);\r\n\t--color-error-shadow: rgba(158, 37, 38, 0.16);\r\n\t--color-error-bg: rgb(253, 240, 241);\r\n\t--color-info-shadow: rgba(158, 37, 38, 0.16);\r\n\t--color-info-bg: rgb(235, 245, 255);\r\n\t--color-success-bg: rgb(241, 250, 247);\r\n\t--color-success-shadow: rgba(4, 84, 62, 0.16);\r\n\t--color-link: rgb(0, 122, 255);\r\n\t--color-badge-bg: rgba(255, 242, 202);\r\n\r\n\t/* Border Colors */\r\n\t--color-border: rgb(229, 229, 229);\r\n\t--color-border-error: rgb(239, 121, 119);\r\n\t--color-border-info: rgb(151, 189, 250);\r\n\t--color-border-success: rgb(73, 200, 153);\r\n\r\n\t/* Text Colors */\r\n\t--color-secondary-text: rgb(110, 106, 101); /* Below title, table headers, placeholders etc */\r\n\t--color-error: rgb(158, 37, 38);\r\n\t--color-info: rgb(31, 90, 219);\r\n\t--color-success: rgb(4, 84, 62);\r\n\t--color-badge: rgba(220, 141, 13);\r\n\r\n\t/* Recipe Pill Colors */\r\n\t--color-emailpassword-bg: rgb(221, 252, 247);\r\n\t--color-emailpassword-text: rgb(0, 106, 91);\r\n\t--color-passwordless-bg: rgb(255, 234, 247);\r\n\t--color-passwordless-text: rgb(168, 17, 90);\r\n\r\n\t/* Social Provider Pill Colors */\r\n\t--color-google-bg: rgb(241, 222, 255);\r\n\t--color-google-text: rgb(92, 63, 121);\r\n\t--color-github-bg: rgb(222, 255, 238);\r\n\t--color-github-text: rgb(9, 108, 56);\r\n\t--color-facebook-bg: rgb(227, 235, 255);\r\n\t--color-facebook-text: rgb(21, 75, 221);\r\n\t--color-apple-bg: rgb(229, 237, 255);\r\n\t--color-apple-text: rgb(11, 28, 69);\r\n\t--color-custom-provider-bg: rgb(228, 224, 255);\r\n\t--color-custom-provider-text: rgb(84, 37, 176);\r\n\r\n\t/* Color for Copy-Box */\r\n\t--color-copy-box: rgb(83, 101, 121);\r\n\t--color-copy-box-bg: rgb(240, 244, 247);\r\n\t--color-copy-box-shadow: rgba(83, 101, 121, 0.2);\r\n\r\n\t/* Button color */\r\n\t--color-button-error: rgb(237, 52, 78);\r\n\t--color-button-error-border: rgb(222, 35, 61);\r\n\r\n\t/* Z-index value for different of popup element */\r\n\t--z-index-inline-popup: 1;\r\n\t--z-index-modal-popup: 10;\r\n}\r\n\r\n*[data-theme=\"dark\"] {\r\n\t--color-black: rgb(255, 255, 255);\r\n\t--color-white: rgb(34, 34, 34);\r\n\t--color-window-bg: rgb(74, 74, 74);\r\n\t--color-secondary-text: rgb(221, 221, 221);\r\n}\r\n","/* Copyright (c) 2022, VRAI Labs and/or its affiliates. All rights reserved.\r\n*\r\n* This software is licensed under the Apache License, Version 2.0 (the\r\n* \"License\") as published by the Apache Software Foundation.\r\n*\r\n* You may not use this file except in compliance with the License. You may\r\n* obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0\r\n*\r\n* Unless required by applicable law or agreed to in writing, software\r\n* distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\r\n* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\r\n* License for the specific language governing permissions and limitations\r\n* under the License.\r\n*/\r\n\r\n@import \"./mixin.scss\";\r\n\r\n.full-width {\r\n\twidth: 100%;\r\n}\r\n\r\n/* classes for layout panel */\r\n.panel {\r\n\tpadding: 0px 34px;\r\n\tbackground-color: var(--color-white);\r\n\tborder-radius: 6px;\r\n\tbox-shadow: 0 0 6px var(--color-shadow);\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\twidth: 100%;\r\n\t&__header {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\tpadding: 16px 0px;\r\n\t\tmin-height: 64px;\r\n\t\tfont-size: 14px;\r\n\t\t.title {\r\n\t\t\tfont-size: 14px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tcolor: var(--color-secondary-text);\r\n\t\t\tfont-weight: 600;\r\n\t\t\tflex: 1;\r\n\t\t}\r\n\t\t.actions {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\t@include gap-horizontal(16px);\r\n\t\t}\r\n\t\t&.with-border {\r\n\t\t\tborder-bottom: 1px solid var(--color-border);\r\n\t\t}\r\n\t}\r\n\t&__body {\r\n\t\tpadding: 24px 0px;\r\n\t}\r\n}\r\n\r\n/* Classes for layout modal */\r\n.layout-modal {\r\n\tposition: fixed;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\tz-index: var(--z-index-modal-popup);\r\n\tdisplay: block;\r\n\twidth: 100vw;\r\n\theight: 100vw;\r\n\tbackground: none;\r\n\tpointer-events: none;\r\n\t&__backdrop {\r\n\t\tpointer-events: all;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-color: var(--color-black);\r\n\t\topacity: 0.4;\r\n\t}\r\n\t&__container {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t&__close {\r\n\t\tdisplay: flex;\r\n\t\theight: 32px;\r\n\t\talign-items: flex-start;\r\n\t\tjustify-content: flex-end;\r\n\t\t> div {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tfont-size: 22px;\r\n\t\t\theight: 1em;\r\n\t\t\twidth: 1em;\r\n\t\t\tpadding: 6px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground-color: var(--color-border);\r\n\t\t\tcursor: pointer;\r\n\t\t\t> img {\r\n\t\t\t\twidth: 8px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.panel {\r\n\t\tpointer-events: all;\r\n\t\tposition: absolute;\r\n\t\tpadding-top: 16px;\r\n\t\tpadding-bottom: 16px;\r\n\t\tmargin: 0 auto;\r\n\t\tz-index: 1;\r\n\t\ttop: 50vh;\r\n\t\tleft: 50vw;\r\n\t\ttransform: translateX(-50%) translateY(-50%);\r\n\t\tmax-height: calc(100vh - 32px);\r\n\t\tmax-width: calc(100vh - 32px);\r\n\t\twidth: 470px;\r\n\t\t&__header {\r\n\t\t\talign-items: flex-end;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.layout-modal-trigger {\r\n\tdisplay: inline-block;\r\n\tcursor: pointer;\r\n}\r\n\r\n/* classes for blocks */\r\n.block-container {\r\n\tdisplay: flex;\r\n\tflex-flow: column;\r\n\tpadding: 32px 18px;\r\n\tborder-radius: 18pt;\r\n\tbox-shadow: 1px 1px 6px var(--color-container-shadow);\r\n\twidth: calc(100% - 32px);\r\n\tbackground-color: var(--color-white);\r\n\t@media only screen and (min-width: 992px) {\r\n\t\tpadding: 32px 48px;\r\n\t}\r\n}\r\n\r\n.block-snippet-small {\r\n\tborder: 1px solid var(--color-border);\r\n\tpadding: 2px 4px;\r\n\tborder-radius: 2px;\r\n}\r\n\r\n.block-snippet {\r\n\tborder: 1px solid var(--color-border);\r\n\tpadding: 3px 8px;\r\n\tborder-radius: 4px;\r\n}\r\n\r\n.block-snippet-large {\r\n\tborder: 1px solid var(--color-border);\r\n\tborder-radius: 4px;\r\n\tpadding: 6px 8px;\r\n}\r\n\r\n.block-small {\r\n\tborder-radius: 6px;\r\n\tpadding: 8px 12px 8px;\r\n}\r\n\r\n.block-medium {\r\n\tpadding: 20px 16px;\r\n\tmargin: 4px 0px;\r\n\tborder-radius: 6pt;\r\n\tborder-width: 1px;\r\n\tborder-style: solid;\r\n\tbox-shadow: 0px 0px 6px var(--color-shadow);\r\n\tp {\r\n\t\tline-height: 23px;\r\n\t\t&:not(:last-child) {\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\t@media only screen and (min-width: 600px) {\r\n\t\t\t\tmargin-bottom: 6px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.block-large {\r\n\tpadding: 32px;\r\n\tborder-radius: 24px;\r\n\tbox-shadow: 1px 1px 60px var(--color-container-shadow);\r\n\tp {\r\n\t\tletter-spacing: 0.14px;\r\n\t\tline-height: 21px;\r\n\t}\r\n\t@media only screen and (min-width: 768px) {\r\n\t\tpadding: 32px 48px;\r\n\t}\r\n}\r\n\r\n.block-error {\r\n\tbackground-color: var(--color-error-bg);\r\n\tcolor: var(--color-error);\r\n\tborder-color: var(--color-border-error);\r\n}\r\n\r\n.block-info {\r\n\tbackground-color: var(--color-info-bg);\r\n\tcolor: var(--color-info);\r\n\tborder-color: var(--color-border-info);\r\n}\r\n\r\n.button:not(.flat) {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tpadding: 8px 16px;\r\n\tfont-size: 14px;\r\n\tline-height: 16px;\r\n\tbackground-color: var(--color-primary);\r\n\tborder: 1px solid var(--color-primary-darker);\r\n\tfont-weight: 600;\r\n\tcolor: var(--color-white);\r\n\tborder-radius: 6px;\r\n\tfont-family: inherit;\r\n\tcursor: pointer;\r\n\t@include gap-horizontal(0.75em);\r\n\tbox-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);\r\n\r\n\t&.small {\r\n\t\tpadding: 6px 8px;\r\n\t\tfont-weight: normal;\r\n\t}\r\n}\r\n\r\n.button.flat,\r\nbutton.flat {\r\n\tdisplay: inline;\r\n\tbackground: none;\r\n\tpadding: 0px;\r\n\tmargin: 0px;\r\n\tcolor: var(--color-secondary-text);\r\n\tfont-weight: 600;\r\n\t@include gap-horizontal(8px);\r\n\tborder: none;\r\n\tfont-size: inherit;\r\n}\r\n\r\n.button.button-error,\r\nbutton.button-error {\r\n\tdisplay: inline;\r\n\tbackground: var(--color-button-error);\r\n\tmargin: 0px;\r\n\tcolor: var(--color-white);\r\n\t@include gap-horizontal(8px);\r\n\tborder: none;\r\n\tfont-size: inherit;\r\n}\r\n\r\n.button.button-error-outline,\r\nbutton.button-error-outline {\r\n\tdisplay: inline;\r\n\tbackground-color: transparent;\r\n\tborder-color: var(--color-button-error);\r\n\tborder-width: 1;\r\n\tborder-style: solid;\r\n\tmargin: 0px;\r\n\tcolor: var(--color-button-error);\r\n\t@include gap-horizontal(8px);\r\n\tfont-size: inherit;\r\n\tbox-shadow: none;\r\n}\r\n\r\n.button.outline,\r\nbutton.outline {\r\n\tbackground: none;\r\n\tbox-shadow: none;\r\n\tcolor: var(--color-secondary-text);\r\n\tborder-color: var(--color-secondary-text);\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-secondary-text);\r\n\t\tbox-shadow: inherit;\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\na,\r\nbutton.link,\r\n.button.link {\r\n\tcolor: var(--color-link);\r\n\t&:not(.flat) {\r\n\t\tborder-color: var(--color-link);\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-link);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* classes for font sizes */\r\n.text-title {\r\n\tfont-size: 24px;\r\n\tline-height: 40px;\r\n\tletter-spacing: 0.24px;\r\n\tfont-weight: 600;\r\n}\r\n\r\n.text-small {\r\n\tfont-size: 14px;\r\n\tline-height: 16px;\r\n}\r\n\r\n.text-medium {\r\n\tfont-size: 16px;\r\n\tline-height: 16px;\r\n}\r\n\r\n.text-large {\r\n\tfont-size: 18px;\r\n\tline-height: 16px;\r\n}\r\n\r\n.text-bold {\r\n\tfont-weight: 600;\r\n}\r\n\r\n/* classes for text colors */\r\n.text-error {\r\n\tcolor: var(--color-error);\r\n}\r\n\r\n.text-info {\r\n\tcolor: var(--color-info);\r\n}\r\n\r\n.text-black {\r\n\tcolor: var(--color-black);\r\n}\r\n\r\n.text-label {\r\n\tcolor: var(--color-secondary-text);\r\n}\r\n\r\n/* classes for images */\r\n.title-image {\r\n\twidth: 35px;\r\n\theight: 32px;\r\n\tmargin-bottom: 16px;\r\n}\r\n\r\n.title-image-smaller {\r\n\twidth: 32px;\r\n\theight: 29px;\r\n\tmargin-bottom: 16px;\r\n}\r\n\r\n/* classes for pages */\r\n.with-footer {\r\n\tmargin-bottom: 100px;\r\n}\r\n\r\n/* classes for tooltip */\r\n.tooltip-container {\r\n\tdisplay: inline-flex;\r\n\tcursor: default;\r\n\t&__popup {\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 23px;\r\n\t\tpadding: 14px;\r\n\t\tposition: fixed;\r\n\t\ttransform: translateY(-50%);\r\n\t\tbackground-color: var(--color-white);\r\n\t\tcolor: var(--color-black);\r\n\t\tborder-radius: 6px;\r\n\t\tz-index: var(--z-index-inline-popup);\r\n\r\n\t\t&::before {\r\n\t\t\t// arrow/triangle\r\n\t\t\tdisplay: block;\r\n\t\t\tcontent: \"\";\r\n\t\t\t$arrow-width: 6px;\r\n\t\t\twidth: 0;\r\n\t\t\theight: 0;\r\n\t\t\tborder: $arrow-width solid transparent;\r\n\t\t\tposition: absolute;\r\n\t\t}\r\n\t\tp:not(:last-child) {\r\n\t\t\tmargin-bottom: 6px;\r\n\t\t}\r\n\t\t.block-snippet-small {\r\n\t\t\tbackground-color: var(--color-window-bg);\r\n\t\t\tcolor: var(--color-secondary-text);\r\n\t\t}\r\n\r\n\t\t&.popup_left::before {\r\n\t\t\tborder-left-color: var(--color-white);\r\n\t\t\tborder-right: none;\r\n\t\t\tleft: 100%;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t}\r\n\t\t&.popup_right::before {\r\n\t\t\tborder-right-color: var(--color-white);\r\n\t\t\tborder-left: none;\r\n\t\t\tleft: 0px;\r\n\t\t\ttop: 50%;\r\n\t\t\ttransform: translateX(-100%) translateY(-50%);\r\n\t\t}\r\n\t\t&.popup_top::before {\r\n\t\t\tborder-top-color: var(--color-white);\r\n\t\t\tborder-bottom: none;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t}\r\n\t\t&.popup_bottom::before {\r\n\t\t\tborder-bottom-color: var(--color-white);\r\n\t\t\tborder-top: none;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateY(-100%) translateX(-50%);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.center {\r\n\ttext-align: center;\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/static/js/bundle.js b/build/static/js/bundle.js index cfaabafb..7e73b0be 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