diff --git a/web-app/public/images/partners/ic_fleek.png b/web-app/public/images/partners/ic_fleek.png new file mode 100644 index 00000000..8631401e Binary files /dev/null and b/web-app/public/images/partners/ic_fleek.png differ diff --git a/web-app/src/app/[...id]/app.css b/web-app/src/app/[...id]/app.css deleted file mode 100644 index 4e0238fd..00000000 --- a/web-app/src/app/[...id]/app.css +++ /dev/null @@ -1,9630 +0,0 @@ -@keyframes flexSlideIn { - to { - flex-basis: 100%; - max-width: 100%; - } -} - -@keyframes spinner { - 0% { - transform: rotate(0deg); - } - - to { - transform: rotate(1turn); - } -} - -:root { - --main: #0f172a; - --white: #fff; - --gray-1: #f1f5f9; - --gray-2: #e2e8f0; - --gray-3: #cbd5e1; - --gray-4: #94a3b8; - --gray-5: #475569; - --gray-6: #1e293b; - --gray-7: #f8fafc; - --twitter-blue: #4a99e9; - --blue: #0054e6; - --landing: #f4f7f6; - --spacing-1: 0.5rem; - --spacing-2: 0.8rem; - --spacing-3: 1rem; - --spacing-4: 1.2rem; - --spacing-5: 1.6rem; - --spacing-6: 2.4rem; - --spacing-7: 3.2rem; - --spacing-8: 3.6rem; -} - -html#app { - font-size: 10px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -html#app { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -#app { - body { - font-family: Inter, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #333; - background-color: #fff; - } - body { - margin: 0; - } - body { - font-family: - Inter, - -apple-system, - BlinkMacSystemFont, - Roboto, - Oxygen, - Ubuntu, - Cantarell, - sans-serif; - -webkit-font-smoothing: antialiased; - color: #1e293b; - } - body.modal-open { - overflow: hidden; - } - - article, - aside, - details, - figcaption, - figure, - footer, - header, - hgroup, - main, - menu, - nav, - section, - summary { - display: block; - } - - audio, - canvas, - progress, - video { - display: inline-block; - vertical-align: baseline; - } - - audio:not([controls]) { - display: none; - height: 0; - } - - [hidden], - template { - display: none; - } - - a { - background-color: transparent; - } - - a:active, - a:hover { - outline: 0; - } - - abbr[title] { - border-bottom: none; - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - } - - b, - strong { - font-weight: 700; - } - - dfn { - font-style: italic; - } - - h1 { - font-size: 2em; - margin: 0.67em 0; - } - - mark { - background: #ff0; - color: #000; - } - - small { - font-size: 80%; - } - - sub, - sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; - } - - sup { - top: -0.5em; - } - - sub { - bottom: -0.25em; - } - - img { - border: 0; - } - - svg:not(:root) { - overflow: hidden; - } - - figure { - margin: 1em 40px; - } - - hr { - box-sizing: content-box; - height: 0; - } - - pre { - overflow: auto; - } - - code, - kbd, - pre, - samp { - font-family: monospace, monospace; - font-size: 1em; - } - - button, - input, - optgroup, - select, - textarea { - color: inherit; - font: inherit; - margin: 0; - } - - button { - overflow: visible; - } - - button, - select { - text-transform: none; - } - - button, - input[type="button"], - input[type="reset"], - input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; - } - - button[disabled], - input[disabled] { - cursor: default; - } - - button::-moz-focus-inner, - input::-moz-focus-inner { - border: 0; - padding: 0; - } - - input { - line-height: normal; - } - - input[type="checkbox"], - input[type="radio"] { - box-sizing: border-box; - padding: 0; - } - - input[type="number"]::-webkit-inner-spin-button, - input[type="number"]::-webkit-outer-spin-button { - height: auto; - } - - input[type="search"] { - -webkit-appearance: textfield; - box-sizing: content-box; - } - - input[type="search"]::-webkit-search-cancel-button, - input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; - } - - fieldset { - border: 1px solid silver; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; - } - - legend { - border: 0; - padding: 0; - } - - textarea { - overflow: auto; - } - - optgroup { - font-weight: 700; - } - - table { - border-collapse: collapse; - border-spacing: 0; - } - - td, - th { - padding: 0; - } - - *, - :after, - :before { - box-sizing: border-box; - } - - button, - input, - select, - textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; - } - - a { - color: #337ab7; - text-decoration: none; - } - - a:focus, - a:hover { - color: #23527c; - text-decoration: underline; - } - - a:focus { - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } - - figure { - margin: 0; - } - - img { - vertical-align: middle; - } - - .img-responsive { - display: block; - max-width: 100%; - height: auto; - } - - .img-rounded { - border-radius: 6px; - } - - .img-thumbnail { - padding: 4px; - line-height: 1.42857143; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 4px; - transition: all 0.2s ease-in-out; - display: inline-block; - max-width: 100%; - height: auto; - } - - .img-circle { - border-radius: 50%; - } - - hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eee; - } - - .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - border: 0; - } - - .sr-only-focusable:active, - .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; - } - - [role="button"] { - cursor: pointer; - } - - .container { - padding-right: 1.6rem; - padding-left: 1.6rem; - margin-right: auto; - margin-left: auto; - } - - @media (min-width: 768px) { - .container { - width: 750px; - } - } - - @media (min-width: 992px) { - .container { - width: 932px; - } - } - - @media (min-width: 1200px) { - .container { - width: calc(932px + 32px); - } - } - - .container-fluid { - padding-right: 1.6rem; - padding-left: 1.6rem; - margin-right: auto; - margin-left: auto; - } - - .row { - margin-right: -1.6rem; - margin-left: -1.6rem; - } - - .row-no-gutters { - margin-right: 0; - margin-left: 0; - } - - .row-no-gutters [class*="col-"] { - padding-right: 0; - padding-left: 0; - } - - .col-lg-1, - .col-lg-10, - .col-lg-11, - .col-lg-12, - .col-lg-2, - .col-lg-3, - .col-lg-4, - .col-lg-5, - .col-lg-6, - .col-lg-7, - .col-lg-8, - .col-lg-9, - .col-md-1, - .col-md-10, - .col-md-11, - .col-md-12, - .col-md-2, - .col-md-3, - .col-md-4, - .col-md-5, - .col-md-6, - .col-md-7, - .col-md-8, - .col-md-9, - .col-sm-1, - .col-sm-10, - .col-sm-11, - .col-sm-12, - .col-sm-2, - .col-sm-3, - .col-sm-4, - .col-sm-5, - .col-sm-6, - .col-sm-7, - .col-sm-8, - .col-sm-9, - .col-xs-1, - .col-xs-10, - .col-xs-11, - .col-xs-12, - .col-xs-2, - .col-xs-3, - .col-xs-4, - .col-xs-5, - .col-xs-6, - .col-xs-7, - .col-xs-8, - .col-xs-9 { - position: relative; - min-height: 1px; - } - - .col-xs-1, - .col-xs-10, - .col-xs-11, - .col-xs-12, - .col-xs-2, - .col-xs-3, - .col-xs-4, - .col-xs-5, - .col-xs-6, - .col-xs-7, - .col-xs-8, - .col-xs-9 { - float: left; - } - - .col-xs-12 { - width: 100%; - } - - .col-xs-11 { - width: 91.66666667%; - } - - .col-xs-10 { - width: 83.33333333%; - } - - .col-xs-9 { - width: 75%; - } - - .col-xs-8 { - width: 66.66666667%; - } - - .col-xs-7 { - width: 58.33333333%; - } - - .col-xs-6 { - width: 50%; - } - - .col-xs-5 { - width: 41.66666667%; - } - - .col-xs-4 { - width: 33.33333333%; - } - - .col-xs-3 { - width: 25%; - } - - .col-xs-2 { - width: 16.66666667%; - } - - .col-xs-1 { - width: 8.33333333%; - } - - .col-xs-pull-12 { - right: 100%; - } - - .col-xs-pull-11 { - right: 91.66666667%; - } - - .col-xs-pull-10 { - right: 83.33333333%; - } - - .col-xs-pull-9 { - right: 75%; - } - - .col-xs-pull-8 { - right: 66.66666667%; - } - - .col-xs-pull-7 { - right: 58.33333333%; - } - - .col-xs-pull-6 { - right: 50%; - } - - .col-xs-pull-5 { - right: 41.66666667%; - } - - .col-xs-pull-4 { - right: 33.33333333%; - } - - .col-xs-pull-3 { - right: 25%; - } - - .col-xs-pull-2 { - right: 16.66666667%; - } - - .col-xs-pull-1 { - right: 8.33333333%; - } - - .col-xs-pull-0 { - right: auto; - } - - .col-xs-push-12 { - left: 100%; - } - - .col-xs-push-11 { - left: 91.66666667%; - } - - .col-xs-push-10 { - left: 83.33333333%; - } - - .col-xs-push-9 { - left: 75%; - } - - .col-xs-push-8 { - left: 66.66666667%; - } - - .col-xs-push-7 { - left: 58.33333333%; - } - - .col-xs-push-6 { - left: 50%; - } - - .col-xs-push-5 { - left: 41.66666667%; - } - - .col-xs-push-4 { - left: 33.33333333%; - } - - .col-xs-push-3 { - left: 25%; - } - - .col-xs-push-2 { - left: 16.66666667%; - } - - .col-xs-push-1 { - left: 8.33333333%; - } - - .col-xs-push-0 { - left: auto; - } - - .col-xs-offset-12 { - margin-left: 100%; - } - - .col-xs-offset-11 { - margin-left: 91.66666667%; - } - - .col-xs-offset-10 { - margin-left: 83.33333333%; - } - - .col-xs-offset-9 { - margin-left: 75%; - } - - .col-xs-offset-8 { - margin-left: 66.66666667%; - } - - .col-xs-offset-7 { - margin-left: 58.33333333%; - } - - .col-xs-offset-6 { - margin-left: 50%; - } - - .col-xs-offset-5 { - margin-left: 41.66666667%; - } - - .col-xs-offset-4 { - margin-left: 33.33333333%; - } - - .col-xs-offset-3 { - margin-left: 25%; - } - - .col-xs-offset-2 { - margin-left: 16.66666667%; - } - - .col-xs-offset-1 { - margin-left: 8.33333333%; - } - - .col-xs-offset-0 { - margin-left: 0; - } - - @media (min-width: 768px) { - .col-sm-1, - .col-sm-10, - .col-sm-11, - .col-sm-12, - .col-sm-2, - .col-sm-3, - .col-sm-4, - .col-sm-5, - .col-sm-6, - .col-sm-7, - .col-sm-8, - .col-sm-9 { - float: left; - } - - .col-sm-12 { - width: 100%; - } - - .col-sm-11 { - width: 91.66666667%; - } - - .col-sm-10 { - width: 83.33333333%; - } - - .col-sm-9 { - width: 75%; - } - - .col-sm-8 { - width: 66.66666667%; - } - - .col-sm-7 { - width: 58.33333333%; - } - - .col-sm-6 { - width: 50%; - } - - .col-sm-5 { - width: 41.66666667%; - } - - .col-sm-4 { - width: 33.33333333%; - } - - .col-sm-3 { - width: 25%; - } - - .col-sm-2 { - width: 16.66666667%; - } - - .col-sm-1 { - width: 8.33333333%; - } - - .col-sm-pull-12 { - right: 100%; - } - - .col-sm-pull-11 { - right: 91.66666667%; - } - - .col-sm-pull-10 { - right: 83.33333333%; - } - - .col-sm-pull-9 { - right: 75%; - } - - .col-sm-pull-8 { - right: 66.66666667%; - } - - .col-sm-pull-7 { - right: 58.33333333%; - } - - .col-sm-pull-6 { - right: 50%; - } - - .col-sm-pull-5 { - right: 41.66666667%; - } - - .col-sm-pull-4 { - right: 33.33333333%; - } - - .col-sm-pull-3 { - right: 25%; - } - - .col-sm-pull-2 { - right: 16.66666667%; - } - - .col-sm-pull-1 { - right: 8.33333333%; - } - - .col-sm-pull-0 { - right: auto; - } - - .col-sm-push-12 { - left: 100%; - } - - .col-sm-push-11 { - left: 91.66666667%; - } - - .col-sm-push-10 { - left: 83.33333333%; - } - - .col-sm-push-9 { - left: 75%; - } - - .col-sm-push-8 { - left: 66.66666667%; - } - - .col-sm-push-7 { - left: 58.33333333%; - } - - .col-sm-push-6 { - left: 50%; - } - - .col-sm-push-5 { - left: 41.66666667%; - } - - .col-sm-push-4 { - left: 33.33333333%; - } - - .col-sm-push-3 { - left: 25%; - } - - .col-sm-push-2 { - left: 16.66666667%; - } - - .col-sm-push-1 { - left: 8.33333333%; - } - - .col-sm-push-0 { - left: auto; - } - - .col-sm-offset-12 { - margin-left: 100%; - } - - .col-sm-offset-11 { - margin-left: 91.66666667%; - } - - .col-sm-offset-10 { - margin-left: 83.33333333%; - } - - .col-sm-offset-9 { - margin-left: 75%; - } - - .col-sm-offset-8 { - margin-left: 66.66666667%; - } - - .col-sm-offset-7 { - margin-left: 58.33333333%; - } - - .col-sm-offset-6 { - margin-left: 50%; - } - - .col-sm-offset-5 { - margin-left: 41.66666667%; - } - - .col-sm-offset-4 { - margin-left: 33.33333333%; - } - - .col-sm-offset-3 { - margin-left: 25%; - } - - .col-sm-offset-2 { - margin-left: 16.66666667%; - } - - .col-sm-offset-1 { - margin-left: 8.33333333%; - } - - .col-sm-offset-0 { - margin-left: 0; - } - } - - @media (min-width: 992px) { - .col-md-1, - .col-md-10, - .col-md-11, - .col-md-12, - .col-md-2, - .col-md-3, - .col-md-4, - .col-md-5, - .col-md-6, - .col-md-7, - .col-md-8, - .col-md-9 { - float: left; - } - - .col-md-12 { - width: 100%; - } - - .col-md-11 { - width: 91.66666667%; - } - - .col-md-10 { - width: 83.33333333%; - } - - .col-md-9 { - width: 75%; - } - - .col-md-8 { - width: 66.66666667%; - } - - .col-md-7 { - width: 58.33333333%; - } - - .col-md-6 { - width: 50%; - } - - .col-md-5 { - width: 41.66666667%; - } - - .col-md-4 { - width: 33.33333333%; - } - - .col-md-3 { - width: 25%; - } - - .col-md-2 { - width: 16.66666667%; - } - - .col-md-1 { - width: 8.33333333%; - } - - .col-md-pull-12 { - right: 100%; - } - - .col-md-pull-11 { - right: 91.66666667%; - } - - .col-md-pull-10 { - right: 83.33333333%; - } - - .col-md-pull-9 { - right: 75%; - } - - .col-md-pull-8 { - right: 66.66666667%; - } - - .col-md-pull-7 { - right: 58.33333333%; - } - - .col-md-pull-6 { - right: 50%; - } - - .col-md-pull-5 { - right: 41.66666667%; - } - - .col-md-pull-4 { - right: 33.33333333%; - } - - .col-md-pull-3 { - right: 25%; - } - - .col-md-pull-2 { - right: 16.66666667%; - } - - .col-md-pull-1 { - right: 8.33333333%; - } - - .col-md-pull-0 { - right: auto; - } - - .col-md-push-12 { - left: 100%; - } - - .col-md-push-11 { - left: 91.66666667%; - } - - .col-md-push-10 { - left: 83.33333333%; - } - - .col-md-push-9 { - left: 75%; - } - - .col-md-push-8 { - left: 66.66666667%; - } - - .col-md-push-7 { - left: 58.33333333%; - } - - .col-md-push-6 { - left: 50%; - } - - .col-md-push-5 { - left: 41.66666667%; - } - - .col-md-push-4 { - left: 33.33333333%; - } - - .col-md-push-3 { - left: 25%; - } - - .col-md-push-2 { - left: 16.66666667%; - } - - .col-md-push-1 { - left: 8.33333333%; - } - - .col-md-push-0 { - left: auto; - } - - .col-md-offset-12 { - margin-left: 100%; - } - - .col-md-offset-11 { - margin-left: 91.66666667%; - } - - .col-md-offset-10 { - margin-left: 83.33333333%; - } - - .col-md-offset-9 { - margin-left: 75%; - } - - .col-md-offset-8 { - margin-left: 66.66666667%; - } - - .col-md-offset-7 { - margin-left: 58.33333333%; - } - - .col-md-offset-6 { - margin-left: 50%; - } - - .col-md-offset-5 { - margin-left: 41.66666667%; - } - - .col-md-offset-4 { - margin-left: 33.33333333%; - } - - .col-md-offset-3 { - margin-left: 25%; - } - - .col-md-offset-2 { - margin-left: 16.66666667%; - } - - .col-md-offset-1 { - margin-left: 8.33333333%; - } - - .col-md-offset-0 { - margin-left: 0; - } - } - - @media (min-width: 1200px) { - .col-lg-1, - .col-lg-10, - .col-lg-11, - .col-lg-12, - .col-lg-2, - .col-lg-3, - .col-lg-4, - .col-lg-5, - .col-lg-6, - .col-lg-7, - .col-lg-8, - .col-lg-9 { - float: left; - } - - .col-lg-12 { - width: 100%; - } - - .col-lg-11 { - width: 91.66666667%; - } - - .col-lg-10 { - width: 83.33333333%; - } - - .col-lg-9 { - width: 75%; - } - - .col-lg-8 { - width: 66.66666667%; - } - - .col-lg-7 { - width: 58.33333333%; - } - - .col-lg-6 { - width: 50%; - } - - .col-lg-5 { - width: 41.66666667%; - } - - .col-lg-4 { - width: 33.33333333%; - } - - .col-lg-3 { - width: 25%; - } - - .col-lg-2 { - width: 16.66666667%; - } - - .col-lg-1 { - width: 8.33333333%; - } - - .col-lg-pull-12 { - right: 100%; - } - - .col-lg-pull-11 { - right: 91.66666667%; - } - - .col-lg-pull-10 { - right: 83.33333333%; - } - - .col-lg-pull-9 { - right: 75%; - } - - .col-lg-pull-8 { - right: 66.66666667%; - } - - .col-lg-pull-7 { - right: 58.33333333%; - } - - .col-lg-pull-6 { - right: 50%; - } - - .col-lg-pull-5 { - right: 41.66666667%; - } - - .col-lg-pull-4 { - right: 33.33333333%; - } - - .col-lg-pull-3 { - right: 25%; - } - - .col-lg-pull-2 { - right: 16.66666667%; - } - - .col-lg-pull-1 { - right: 8.33333333%; - } - - .col-lg-pull-0 { - right: auto; - } - - .col-lg-push-12 { - left: 100%; - } - - .col-lg-push-11 { - left: 91.66666667%; - } - - .col-lg-push-10 { - left: 83.33333333%; - } - - .col-lg-push-9 { - left: 75%; - } - - .col-lg-push-8 { - left: 66.66666667%; - } - - .col-lg-push-7 { - left: 58.33333333%; - } - - .col-lg-push-6 { - left: 50%; - } - - .col-lg-push-5 { - left: 41.66666667%; - } - - .col-lg-push-4 { - left: 33.33333333%; - } - - .col-lg-push-3 { - left: 25%; - } - - .col-lg-push-2 { - left: 16.66666667%; - } - - .col-lg-push-1 { - left: 8.33333333%; - } - - .col-lg-push-0 { - left: auto; - } - - .col-lg-offset-12 { - margin-left: 100%; - } - - .col-lg-offset-11 { - margin-left: 91.66666667%; - } - - .col-lg-offset-10 { - margin-left: 83.33333333%; - } - - .col-lg-offset-9 { - margin-left: 75%; - } - - .col-lg-offset-8 { - margin-left: 66.66666667%; - } - - .col-lg-offset-7 { - margin-left: 58.33333333%; - } - - .col-lg-offset-6 { - margin-left: 50%; - } - - .col-lg-offset-5 { - margin-left: 41.66666667%; - } - - .col-lg-offset-4 { - margin-left: 33.33333333%; - } - - .col-lg-offset-3 { - margin-left: 25%; - } - - .col-lg-offset-2 { - margin-left: 16.66666667%; - } - - .col-lg-offset-1 { - margin-left: 8.33333333%; - } - - .col-lg-offset-0 { - margin-left: 0; - } - } - - .clearfix:after, - .clearfix:before, - .container-fluid:after, - .container-fluid:before, - .container:after, - .container:before, - .row:after, - .row:before { - display: table; - content: " "; - } - - .clearfix:after, - .container-fluid:after, - .container:after, - .row:after { - clear: both; - } - - .center-block { - display: block; - margin-right: auto; - margin-left: auto; - } - - .pull-right { - float: right !important; - } - - .pull-left { - float: left !important; - } - - .hide { - display: none !important; - } - - .show { - display: block !important; - } - - .invisible { - visibility: hidden; - } - - .text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; - } - - .hidden { - display: none !important; - } - - .affix { - position: fixed; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - text-align: inherit; - margin-bottom: 0; - margin-top: 0; - } - - h1.roquefort, - h2.roquefort, - h3.roquefort, - h4.roquefort, - h5.roquefort, - h6.roquefort { - font-family: Roquefort; - } - - em { - background-color: #dcfae2; - font-style: normal; - } - - a { - text-decoration: none !important; - } - - h1 { - font-size: 2.8rem; - line-height: 3.2rem; - } - - h2 { - font-size: 2rem; - line-height: 2.4rem; - } - - h3 { - font-size: 1.6rem; - line-height: 2rem; - } - - h4 { - font-size: 1.4rem; - line-height: 1.8rem; - } - - h5 { - font-size: 1.2rem; - line-height: 1.6rem; - } - - h6 { - font-size: 1rem; - line-height: 1.4rem; - } - - @media (min-width: 768px) { - h1 { - font-size: 3.2rem; - line-height: 3.6rem; - } - - h2 { - font-size: 2.4rem; - line-height: 2.8rem; - } - - h3 { - font-size: 22px; - line-height: 2.5rem; - } - - h4 { - font-size: 1.8rem; - line-height: 2.2rem; - } - - h5 { - font-size: 1.4rem; - line-height: 1.7rem; - } - - h6 { - font-size: 1.2rem; - line-height: 1.4rem; - } - } - - .color-primary { - color: #0f172a; - } - - .icon-primary { - stroke: #0f172a; - } - - .color-secondary { - color: #94a3b8; - } - - .icon-secondary { - stroke: #94a3b8; - } - - .color-error { - color: #ff233e; - } - - .icon-error { - stroke: #ff233e; - } - - .color-success { - color: #040702; - } - - .icon-success { - stroke: #040702; - } - - .color-warning { - color: #ef9b0d; - } - - .icon-warning { - stroke: #ef9b0d; - } - - .color-blue { - color: #0054e6; - } - - .icon-blue { - stroke: #0054e6; - } - - .color-disabled { - color: #475569; - } - - .icon-disabled { - stroke: #475569; - } - - .color-gray4 { - color: #94a3b8; - } - - .icon-gray4 { - stroke: #94a3b8; - } - - .color-gray5 { - color: #475569; - } - - .icon-gray5 { - stroke: #475569; - } - - .color-gray6 { - color: #1e293b; - } - - .icon-gray6 { - stroke: #1e293b; - } - - .color-white { - color: #fff; - } - - .icon-white { - stroke: #fff; - } - - @media (min-width: 1200px) { - * { - scrollbar-width: thin; - scrollbar-color: #cbd5e1 #fff; - } - - ::-webkit-scrollbar { - width: 6px; - } - - ::-webkit-scrollbar-track { - background: #fff; - } - - ::-webkit-scrollbar-thumb { - background-color: #e2e8f0; - border-radius: 3px; - border: 1px solid #fff; - } - } - - .hoverable:hover { - background-color: #f8fafc; - cursor: pointer; - } - - .pointer:hover { - cursor: pointer; - } - - .h-100 { - height: 100%; - } - - .w-100 { - width: 100%; - } - - .m-0 { - margin: 0 !important; - } - - .m-1 { - margin: 0.2rem !important; - } - - .m-2 { - margin: 0.4rem !important; - } - - .m-3 { - margin: 0.8rem !important; - } - - .m-4 { - margin: 1rem !important; - } - - .m-5 { - margin: 1.2rem !important; - } - - .m-6 { - margin: 1.6rem !important; - } - - .m-7 { - margin: 2.4rem !important; - } - - .m-8 { - margin: 3.2rem !important; - } - - .m-9 { - margin: 3.6rem !important; - } - - .m-10 { - margin: 4rem !important; - } - - .m-11 { - margin: 6rem !important; - } - - .m-12 { - margin: 12rem !important; - } - - .collapse.collapse-collapsed .collapse-body, - .mt-0 { - margin-top: 0 !important; - } - - .mt-1 { - margin-top: 0.2rem !important; - } - - .mt-2 { - margin-top: 0.4rem !important; - } - - .mt-3 { - margin-top: 0.8rem !important; - } - - .mt-4 { - margin-top: 1rem !important; - } - - .collapse .collapse-body, - .mt-5 { - margin-top: 1.2rem !important; - } - - .mt-6 { - margin-top: 1.6rem !important; - } - - .mt-7 { - margin-top: 2.4rem !important; - } - - .mt-8 { - margin-top: 3.2rem !important; - } - - .mt-9 { - margin-top: 3.6rem !important; - } - - .mt-10 { - margin-top: 4rem !important; - } - - .mt-11 { - margin-top: 6rem !important; - } - - .mt-12 { - margin-top: 12rem !important; - } - - .mb-0 { - margin-bottom: 0 !important; - } - - .mb-1 { - margin-bottom: 0.2rem !important; - } - - .mb-2 { - margin-bottom: 0.4rem !important; - } - - .mb-3 { - margin-bottom: 0.8rem !important; - } - - .mb-4 { - margin-bottom: 1rem !important; - } - - .mb-5 { - margin-bottom: 1.2rem !important; - } - - .mb-6 { - margin-bottom: 1.6rem !important; - } - - .mb-7 { - margin-bottom: 2.4rem !important; - } - - .mb-8 { - margin-bottom: 3.2rem !important; - } - - .mb-9 { - margin-bottom: 3.6rem !important; - } - - .mb-10 { - margin-bottom: 4rem !important; - } - - .mb-11 { - margin-bottom: 6rem !important; - } - - .mb-12 { - margin-bottom: 12rem !important; - } - - .ml-0 { - margin-left: 0 !important; - } - - .ml-1 { - margin-left: 0.2rem !important; - } - - .copy-input__button .copy-input__icon, - .ml-2, - .tag .tag-remove { - margin-left: 0.4rem !important; - } - - .ml-3 { - margin-left: 0.8rem !important; - } - - .ml-4 { - margin-left: 1rem !important; - } - - .ml-5 { - margin-left: 1.2rem !important; - } - - .ml-6 { - margin-left: 1.6rem !important; - } - - .ml-7 { - margin-left: 2.4rem !important; - } - - .ml-8 { - margin-left: 3.2rem !important; - } - - .ml-9 { - margin-left: 3.6rem !important; - } - - .ml-10 { - margin-left: 4rem !important; - } - - .ml-11 { - margin-left: 6rem !important; - } - - .ml-12 { - margin-left: 12rem !important; - } - - .mr-0 { - margin-right: 0 !important; - } - - .mr-1 { - margin-right: 0.2rem !important; - } - - .copy-input__button .copy-input__icon, - .mr-2 { - margin-right: 0.4rem !important; - } - - .collapse .collapse-header .collapse-arrow, - .mr-3 { - margin-right: 0.8rem !important; - } - - .copy-input__button .copy-input__text, - .mr-4 { - margin-right: 1rem !important; - } - - .mr-5 { - margin-right: 1.2rem !important; - } - - .mr-6 { - margin-right: 1.6rem !important; - } - - .mr-7 { - margin-right: 2.4rem !important; - } - - .mr-8 { - margin-right: 3.2rem !important; - } - - .mr-9 { - margin-right: 3.6rem !important; - } - - .mr-10 { - margin-right: 4rem !important; - } - - .mr-11 { - margin-right: 6rem !important; - } - - .mr-12 { - margin-right: 12rem !important; - } - - .mx-0 { - margin-left: 0 !important; - } - - .mx-1 { - margin-left: 0.2rem !important; - } - - .copy-input__button.copied .copy-input__text, - .mx-2 { - margin-left: 0.4rem !important; - } - - .mx-3 { - margin-left: 0.8rem !important; - } - - .mx-4 { - margin-left: 1rem !important; - } - - .mx-5 { - margin-left: 1.2rem !important; - } - - .mx-6 { - margin-left: 1.6rem !important; - } - - .mx-7 { - margin-left: 2.4rem !important; - } - - .mx-8 { - margin-left: 3.2rem !important; - } - - .mx-9 { - margin-left: 3.6rem !important; - } - - .mx-10 { - margin-left: 4rem !important; - } - - .mx-11 { - margin-left: 6rem !important; - } - - .mx-12 { - margin-left: 12rem !important; - } - - .mx-0 { - margin-right: 0 !important; - } - - .mx-1 { - margin-right: 0.2rem !important; - } - - .copy-input__button.copied .copy-input__text, - .mx-2 { - margin-right: 0.4rem !important; - } - - .mx-3 { - margin-right: 0.8rem !important; - } - - .mx-4 { - margin-right: 1rem !important; - } - - .mx-5 { - margin-right: 1.2rem !important; - } - - .mx-6 { - margin-right: 1.6rem !important; - } - - .mx-7 { - margin-right: 2.4rem !important; - } - - .mx-8 { - margin-right: 3.2rem !important; - } - - .mx-9 { - margin-right: 3.6rem !important; - } - - .mx-10 { - margin-right: 4rem !important; - } - - .mx-11 { - margin-right: 6rem !important; - } - - .mx-12 { - margin-right: 12rem !important; - } - - .my-0 { - margin-top: 0 !important; - } - - .my-1 { - margin-top: 0.2rem !important; - } - - .my-2 { - margin-top: 0.4rem !important; - } - - .my-3 { - margin-top: 0.8rem !important; - } - - .my-4 { - margin-top: 1rem !important; - } - - .my-5 { - margin-top: 1.2rem !important; - } - - .my-6 { - margin-top: 1.6rem !important; - } - - .my-7 { - margin-top: 2.4rem !important; - } - - .my-8 { - margin-top: 3.2rem !important; - } - - .my-9 { - margin-top: 3.6rem !important; - } - - .my-10 { - margin-top: 4rem !important; - } - - .my-11 { - margin-top: 6rem !important; - } - - .my-12 { - margin-top: 12rem !important; - } - - .my-0 { - margin-bottom: 0 !important; - } - - .my-1 { - margin-bottom: 0.2rem !important; - } - - .my-2 { - margin-bottom: 0.4rem !important; - } - - .my-3 { - margin-bottom: 0.8rem !important; - } - - .my-4 { - margin-bottom: 1rem !important; - } - - .my-5 { - margin-bottom: 1.2rem !important; - } - - .my-6 { - margin-bottom: 1.6rem !important; - } - - .my-7 { - margin-bottom: 2.4rem !important; - } - - .my-8 { - margin-bottom: 3.2rem !important; - } - - .my-9 { - margin-bottom: 3.6rem !important; - } - - .my-10 { - margin-bottom: 4rem !important; - } - - .my-11 { - margin-bottom: 6rem !important; - } - - .my-12 { - margin-bottom: 12rem !important; - } - - .p-0 { - padding: 0 !important; - } - - .p-1 { - padding: 0.2rem !important; - } - - .p-2 { - padding: 0.4rem !important; - } - - .p-3 { - padding: 0.8rem !important; - } - - .p-4 { - padding: 1rem !important; - } - - .p-5 { - padding: 1.2rem !important; - } - - .p-6 { - padding: 1.6rem !important; - } - - .p-7 { - padding: 2.4rem !important; - } - - .p-8 { - padding: 3.2rem !important; - } - - .p-9 { - padding: 3.6rem !important; - } - - .p-10 { - padding: 4rem !important; - } - - .p-11 { - padding: 6rem !important; - } - - .p-12 { - padding: 12rem !important; - } - - .pt-0 { - padding-top: 0 !important; - } - - .pt-1 { - padding-top: 0.2rem !important; - } - - .pt-2 { - padding-top: 0.4rem !important; - } - - .pt-3 { - padding-top: 0.8rem !important; - } - - .pt-4 { - padding-top: 1rem !important; - } - - .pt-5 { - padding-top: 1.2rem !important; - } - - .pt-6 { - padding-top: 1.6rem !important; - } - - .pt-7 { - padding-top: 2.4rem !important; - } - - .pt-8 { - padding-top: 3.2rem !important; - } - - .pt-9 { - padding-top: 3.6rem !important; - } - - .pt-10 { - padding-top: 4rem !important; - } - - .pt-11 { - padding-top: 6rem !important; - } - - .pt-12 { - padding-top: 12rem !important; - } - - .pb-0 { - padding-bottom: 0 !important; - } - - .pb-1 { - padding-bottom: 0.2rem !important; - } - - .pb-2 { - padding-bottom: 0.4rem !important; - } - - .pb-3 { - padding-bottom: 0.8rem !important; - } - - .pb-4 { - padding-bottom: 1rem !important; - } - - .pb-5 { - padding-bottom: 1.2rem !important; - } - - .pb-6 { - padding-bottom: 1.6rem !important; - } - - .pb-7 { - padding-bottom: 2.4rem !important; - } - - .pb-8 { - padding-bottom: 3.2rem !important; - } - - .pb-9 { - padding-bottom: 3.6rem !important; - } - - .pb-10 { - padding-bottom: 4rem !important; - } - - .pb-11 { - padding-bottom: 6rem !important; - } - - .pb-12 { - padding-bottom: 12rem !important; - } - - .pl-0 { - padding-left: 0 !important; - } - - .pl-1 { - padding-left: 0.2rem !important; - } - - .pl-2 { - padding-left: 0.4rem !important; - } - - .copy-input.input, - .pl-3 { - padding-left: 0.8rem !important; - } - - .pl-4 { - padding-left: 1rem !important; - } - - .pl-5 { - padding-left: 1.2rem !important; - } - - .pl-6 { - padding-left: 1.6rem !important; - } - - .pl-7 { - padding-left: 2.4rem !important; - } - - .pl-8 { - padding-left: 3.2rem !important; - } - - .pl-9 { - padding-left: 3.6rem !important; - } - - .pl-10 { - padding-left: 4rem !important; - } - - .pl-11 { - padding-left: 6rem !important; - } - - .pl-12 { - padding-left: 12rem !important; - } - - .pr-0 { - padding-right: 0 !important; - } - - .pr-1 { - padding-right: 0.2rem !important; - } - - .pr-2 { - padding-right: 0.4rem !important; - } - - .pr-3 { - padding-right: 0.8rem !important; - } - - .pr-4 { - padding-right: 1rem !important; - } - - .pr-5 { - padding-right: 1.2rem !important; - } - - .copy-input.input, - .pr-6 { - padding-right: 1.6rem !important; - } - - .pr-7 { - padding-right: 2.4rem !important; - } - - .pr-8 { - padding-right: 3.2rem !important; - } - - .pr-9 { - padding-right: 3.6rem !important; - } - - .pr-10 { - padding-right: 4rem !important; - } - - .pr-11 { - padding-right: 6rem !important; - } - - .pr-12 { - padding-right: 12rem !important; - } - - .px-0 { - padding-left: 0 !important; - } - - .px-1 { - padding-left: 0.2rem !important; - } - - .px-2 { - padding-left: 0.4rem !important; - } - - .copy-input__button.copied, - .px-3, - .radio-group .radio-group-button { - padding-left: 0.8rem !important; - } - - .px-4 { - padding-left: 1rem !important; - } - - .px-5 { - padding-left: 1.2rem !important; - } - - .px-6 { - padding-left: 1.6rem !important; - } - - .px-7 { - padding-left: 2.4rem !important; - } - - .px-8 { - padding-left: 3.2rem !important; - } - - .px-9 { - padding-left: 3.6rem !important; - } - - .px-10 { - padding-left: 4rem !important; - } - - .px-11 { - padding-left: 6rem !important; - } - - .px-12 { - padding-left: 12rem !important; - } - - .px-0 { - padding-right: 0 !important; - } - - .px-1 { - padding-right: 0.2rem !important; - } - - .px-2 { - padding-right: 0.4rem !important; - } - - .copy-input__button.copied, - .px-3, - .radio-group .radio-group-button { - padding-right: 0.8rem !important; - } - - .px-4 { - padding-right: 1rem !important; - } - - .px-5 { - padding-right: 1.2rem !important; - } - - .px-6 { - padding-right: 1.6rem !important; - } - - .px-7 { - padding-right: 2.4rem !important; - } - - .px-8 { - padding-right: 3.2rem !important; - } - - .px-9 { - padding-right: 3.6rem !important; - } - - .px-10 { - padding-right: 4rem !important; - } - - .px-11 { - padding-right: 6rem !important; - } - - .px-12 { - padding-right: 12rem !important; - } - - .py-0 { - padding-top: 0 !important; - } - - .py-1 { - padding-top: 0.2rem !important; - } - - .py-2 { - padding-top: 0.4rem !important; - } - - .py-3 { - padding-top: 0.8rem !important; - } - - .py-4 { - padding-top: 1rem !important; - } - - .py-5 { - padding-top: 1.2rem !important; - } - - .py-6 { - padding-top: 1.6rem !important; - } - - .py-7 { - padding-top: 2.4rem !important; - } - - .py-8 { - padding-top: 3.2rem !important; - } - - .py-9 { - padding-top: 3.6rem !important; - } - - .py-10 { - padding-top: 4rem !important; - } - - .py-11 { - padding-top: 6rem !important; - } - - .py-12 { - padding-top: 12rem !important; - } - - .py-0 { - padding-bottom: 0 !important; - } - - .py-1 { - padding-bottom: 0.2rem !important; - } - - .py-2 { - padding-bottom: 0.4rem !important; - } - - .py-3 { - padding-bottom: 0.8rem !important; - } - - .py-4 { - padding-bottom: 1rem !important; - } - - .py-5 { - padding-bottom: 1.2rem !important; - } - - .py-6 { - padding-bottom: 1.6rem !important; - } - - .py-7 { - padding-bottom: 2.4rem !important; - } - - .py-8 { - padding-bottom: 3.2rem !important; - } - - .py-9 { - padding-bottom: 3.6rem !important; - } - - .py-10 { - padding-bottom: 4rem !important; - } - - .py-11 { - padding-bottom: 6rem !important; - } - - .py-12 { - padding-bottom: 12rem !important; - } - - @media (min-width: 768px) { - .mt-sm-0 { - margin-top: 0 !important; - } - - .mt-sm-1 { - margin-top: 0.2rem !important; - } - - .mt-sm-2 { - margin-top: 0.4rem !important; - } - - .mt-sm-3 { - margin-top: 0.8rem !important; - } - - .mt-sm-4 { - margin-top: 1rem !important; - } - - .mt-sm-5 { - margin-top: 1.2rem !important; - } - - .mt-sm-6 { - margin-top: 1.6rem !important; - } - - .mt-sm-7 { - margin-top: 2.4rem !important; - } - - .mt-sm-8 { - margin-top: 3.2rem !important; - } - - .mt-sm-9 { - margin-top: 3.6rem !important; - } - - .mt-sm-10 { - margin-top: 4rem !important; - } - - .mt-sm-11 { - margin-top: 6rem !important; - } - - .mt-sm-12 { - margin-top: 12rem !important; - } - - .mb-sm-0 { - margin-bottom: 0 !important; - } - - .mb-sm-1 { - margin-bottom: 0.2rem !important; - } - - .mb-sm-2 { - margin-bottom: 0.4rem !important; - } - - .mb-sm-3 { - margin-bottom: 0.8rem !important; - } - - .mb-sm-4 { - margin-bottom: 1rem !important; - } - - .mb-sm-5 { - margin-bottom: 1.2rem !important; - } - - .mb-sm-6 { - margin-bottom: 1.6rem !important; - } - - .mb-sm-7 { - margin-bottom: 2.4rem !important; - } - - .mb-sm-8 { - margin-bottom: 3.2rem !important; - } - - .mb-sm-9 { - margin-bottom: 3.6rem !important; - } - - .mb-sm-10 { - margin-bottom: 4rem !important; - } - - .mb-sm-11 { - margin-bottom: 6rem !important; - } - - .mb-sm-12 { - margin-bottom: 12rem !important; - } - - .ml-sm-0 { - margin-left: 0 !important; - } - - .ml-sm-1 { - margin-left: 0.2rem !important; - } - - .ml-sm-2 { - margin-left: 0.4rem !important; - } - - .ml-sm-3 { - margin-left: 0.8rem !important; - } - - .ml-sm-4 { - margin-left: 1rem !important; - } - - .ml-sm-5 { - margin-left: 1.2rem !important; - } - - .ml-sm-6 { - margin-left: 1.6rem !important; - } - - .ml-sm-7 { - margin-left: 2.4rem !important; - } - - .ml-sm-8 { - margin-left: 3.2rem !important; - } - - .ml-sm-9 { - margin-left: 3.6rem !important; - } - - .ml-sm-10 { - margin-left: 4rem !important; - } - - .ml-sm-11 { - margin-left: 6rem !important; - } - - .ml-sm-12 { - margin-left: 12rem !important; - } - - .mr-sm-0 { - margin-right: 0 !important; - } - - .mr-sm-1 { - margin-right: 0.2rem !important; - } - - .mr-sm-2 { - margin-right: 0.4rem !important; - } - - .mr-sm-3 { - margin-right: 0.8rem !important; - } - - .mr-sm-4 { - margin-right: 1rem !important; - } - - .mr-sm-5 { - margin-right: 1.2rem !important; - } - - .mr-sm-6 { - margin-right: 1.6rem !important; - } - - .mr-sm-7 { - margin-right: 2.4rem !important; - } - - .mr-sm-8 { - margin-right: 3.2rem !important; - } - - .mr-sm-9 { - margin-right: 3.6rem !important; - } - - .mr-sm-10 { - margin-right: 4rem !important; - } - - .mr-sm-11 { - margin-right: 6rem !important; - } - - .mr-sm-12 { - margin-right: 12rem !important; - } - - .mx-sm-0 { - margin-left: 0 !important; - } - - .mx-sm-1 { - margin-left: 0.2rem !important; - } - - .mx-sm-2 { - margin-left: 0.4rem !important; - } - - .mx-sm-3 { - margin-left: 0.8rem !important; - } - - .mx-sm-4 { - margin-left: 1rem !important; - } - - .mx-sm-5 { - margin-left: 1.2rem !important; - } - - .mx-sm-6 { - margin-left: 1.6rem !important; - } - - .mx-sm-7 { - margin-left: 2.4rem !important; - } - - .mx-sm-8 { - margin-left: 3.2rem !important; - } - - .mx-sm-9 { - margin-left: 3.6rem !important; - } - - .mx-sm-10 { - margin-left: 4rem !important; - } - - .mx-sm-11 { - margin-left: 6rem !important; - } - - .mx-sm-12 { - margin-left: 12rem !important; - } - - .mx-sm-0 { - margin-right: 0 !important; - } - - .mx-sm-1 { - margin-right: 0.2rem !important; - } - - .mx-sm-2 { - margin-right: 0.4rem !important; - } - - .mx-sm-3 { - margin-right: 0.8rem !important; - } - - .mx-sm-4 { - margin-right: 1rem !important; - } - - .mx-sm-5 { - margin-right: 1.2rem !important; - } - - .mx-sm-6 { - margin-right: 1.6rem !important; - } - - .mx-sm-7 { - margin-right: 2.4rem !important; - } - - .mx-sm-8 { - margin-right: 3.2rem !important; - } - - .mx-sm-9 { - margin-right: 3.6rem !important; - } - - .mx-sm-10 { - margin-right: 4rem !important; - } - - .mx-sm-11 { - margin-right: 6rem !important; - } - - .mx-sm-12 { - margin-right: 12rem !important; - } - - .my-sm-0 { - margin-top: 0 !important; - } - - .my-sm-1 { - margin-top: 0.2rem !important; - } - - .my-sm-2 { - margin-top: 0.4rem !important; - } - - .my-sm-3 { - margin-top: 0.8rem !important; - } - - .my-sm-4 { - margin-top: 1rem !important; - } - - .my-sm-5 { - margin-top: 1.2rem !important; - } - - .my-sm-6 { - margin-top: 1.6rem !important; - } - - .my-sm-7 { - margin-top: 2.4rem !important; - } - - .my-sm-8 { - margin-top: 3.2rem !important; - } - - .my-sm-9 { - margin-top: 3.6rem !important; - } - - .my-sm-10 { - margin-top: 4rem !important; - } - - .my-sm-11 { - margin-top: 6rem !important; - } - - .my-sm-12 { - margin-top: 12rem !important; - } - - .my-sm-0 { - margin-bottom: 0 !important; - } - - .my-sm-1 { - margin-bottom: 0.2rem !important; - } - - .my-sm-2 { - margin-bottom: 0.4rem !important; - } - - .my-sm-3 { - margin-bottom: 0.8rem !important; - } - - .my-sm-4 { - margin-bottom: 1rem !important; - } - - .my-sm-5 { - margin-bottom: 1.2rem !important; - } - - .my-sm-6 { - margin-bottom: 1.6rem !important; - } - - .my-sm-7 { - margin-bottom: 2.4rem !important; - } - - .my-sm-8 { - margin-bottom: 3.2rem !important; - } - - .my-sm-9 { - margin-bottom: 3.6rem !important; - } - - .my-sm-10 { - margin-bottom: 4rem !important; - } - - .my-sm-11 { - margin-bottom: 6rem !important; - } - - .my-sm-12 { - margin-bottom: 12rem !important; - } - - .pt-sm-0 { - padding-top: 0 !important; - } - - .pt-sm-1 { - padding-top: 0.2rem !important; - } - - .pt-sm-2 { - padding-top: 0.4rem !important; - } - - .pt-sm-3 { - padding-top: 0.8rem !important; - } - - .pt-sm-4 { - padding-top: 1rem !important; - } - - .pt-sm-5 { - padding-top: 1.2rem !important; - } - - .pt-sm-6 { - padding-top: 1.6rem !important; - } - - .pt-sm-7 { - padding-top: 2.4rem !important; - } - - .pt-sm-8 { - padding-top: 3.2rem !important; - } - - .pt-sm-9 { - padding-top: 3.6rem !important; - } - - .pt-sm-10 { - padding-top: 4rem !important; - } - - .pt-sm-11 { - padding-top: 6rem !important; - } - - .pt-sm-12 { - padding-top: 12rem !important; - } - - .pb-sm-0 { - padding-bottom: 0 !important; - } - - .pb-sm-1 { - padding-bottom: 0.2rem !important; - } - - .pb-sm-2 { - padding-bottom: 0.4rem !important; - } - - .pb-sm-3 { - padding-bottom: 0.8rem !important; - } - - .pb-sm-4 { - padding-bottom: 1rem !important; - } - - .pb-sm-5 { - padding-bottom: 1.2rem !important; - } - - .pb-sm-6 { - padding-bottom: 1.6rem !important; - } - - .pb-sm-7 { - padding-bottom: 2.4rem !important; - } - - .pb-sm-8 { - padding-bottom: 3.2rem !important; - } - - .pb-sm-9 { - padding-bottom: 3.6rem !important; - } - - .pb-sm-10 { - padding-bottom: 4rem !important; - } - - .pb-sm-11 { - padding-bottom: 6rem !important; - } - - .pb-sm-12 { - padding-bottom: 12rem !important; - } - - .pl-sm-0 { - padding-left: 0 !important; - } - - .pl-sm-1 { - padding-left: 0.2rem !important; - } - - .pl-sm-2 { - padding-left: 0.4rem !important; - } - - .pl-sm-3 { - padding-left: 0.8rem !important; - } - - .pl-sm-4 { - padding-left: 1rem !important; - } - - .pl-sm-5 { - padding-left: 1.2rem !important; - } - - .pl-sm-6 { - padding-left: 1.6rem !important; - } - - .pl-sm-7 { - padding-left: 2.4rem !important; - } - - .pl-sm-8 { - padding-left: 3.2rem !important; - } - - .pl-sm-9 { - padding-left: 3.6rem !important; - } - - .pl-sm-10 { - padding-left: 4rem !important; - } - - .pl-sm-11 { - padding-left: 6rem !important; - } - - .pl-sm-12 { - padding-left: 12rem !important; - } - - .pr-sm-0 { - padding-right: 0 !important; - } - - .pr-sm-1 { - padding-right: 0.2rem !important; - } - - .pr-sm-2 { - padding-right: 0.4rem !important; - } - - .pr-sm-3 { - padding-right: 0.8rem !important; - } - - .pr-sm-4 { - padding-right: 1rem !important; - } - - .pr-sm-5 { - padding-right: 1.2rem !important; - } - - .pr-sm-6 { - padding-right: 1.6rem !important; - } - - .pr-sm-7 { - padding-right: 2.4rem !important; - } - - .pr-sm-8 { - padding-right: 3.2rem !important; - } - - .pr-sm-9 { - padding-right: 3.6rem !important; - } - - .pr-sm-10 { - padding-right: 4rem !important; - } - - .pr-sm-11 { - padding-right: 6rem !important; - } - - .pr-sm-12 { - padding-right: 12rem !important; - } - - .px-sm-0 { - padding-left: 0 !important; - } - - .px-sm-1 { - padding-left: 0.2rem !important; - } - - .px-sm-2 { - padding-left: 0.4rem !important; - } - - .px-sm-3 { - padding-left: 0.8rem !important; - } - - .px-sm-4 { - padding-left: 1rem !important; - } - - .px-sm-5 { - padding-left: 1.2rem !important; - } - - .px-sm-6 { - padding-left: 1.6rem !important; - } - - .px-sm-7 { - padding-left: 2.4rem !important; - } - - .px-sm-8 { - padding-left: 3.2rem !important; - } - - .px-sm-9 { - padding-left: 3.6rem !important; - } - - .px-sm-10 { - padding-left: 4rem !important; - } - - .px-sm-11 { - padding-left: 6rem !important; - } - - .px-sm-12 { - padding-left: 12rem !important; - } - - .px-sm-0 { - padding-right: 0 !important; - } - - .px-sm-1 { - padding-right: 0.2rem !important; - } - - .px-sm-2 { - padding-right: 0.4rem !important; - } - - .px-sm-3 { - padding-right: 0.8rem !important; - } - - .px-sm-4 { - padding-right: 1rem !important; - } - - .px-sm-5 { - padding-right: 1.2rem !important; - } - - .px-sm-6 { - padding-right: 1.6rem !important; - } - - .px-sm-7 { - padding-right: 2.4rem !important; - } - - .px-sm-8 { - padding-right: 3.2rem !important; - } - - .px-sm-9 { - padding-right: 3.6rem !important; - } - - .px-sm-10 { - padding-right: 4rem !important; - } - - .px-sm-11 { - padding-right: 6rem !important; - } - - .px-sm-12 { - padding-right: 12rem !important; - } - - .py-sm-0 { - padding-top: 0 !important; - } - - .py-sm-1 { - padding-top: 0.2rem !important; - } - - .py-sm-2 { - padding-top: 0.4rem !important; - } - - .py-sm-3 { - padding-top: 0.8rem !important; - } - - .py-sm-4 { - padding-top: 1rem !important; - } - - .py-sm-5 { - padding-top: 1.2rem !important; - } - - .py-sm-6 { - padding-top: 1.6rem !important; - } - - .py-sm-7 { - padding-top: 2.4rem !important; - } - - .py-sm-8 { - padding-top: 3.2rem !important; - } - - .py-sm-9 { - padding-top: 3.6rem !important; - } - - .py-sm-10 { - padding-top: 4rem !important; - } - - .py-sm-11 { - padding-top: 6rem !important; - } - - .py-sm-12 { - padding-top: 12rem !important; - } - - .py-sm-0 { - padding-bottom: 0 !important; - } - - .py-sm-1 { - padding-bottom: 0.2rem !important; - } - - .py-sm-2 { - padding-bottom: 0.4rem !important; - } - - .py-sm-3 { - padding-bottom: 0.8rem !important; - } - - .py-sm-4 { - padding-bottom: 1rem !important; - } - - .py-sm-5 { - padding-bottom: 1.2rem !important; - } - - .py-sm-6 { - padding-bottom: 1.6rem !important; - } - - .py-sm-7 { - padding-bottom: 2.4rem !important; - } - - .py-sm-8 { - padding-bottom: 3.2rem !important; - } - - .py-sm-9 { - padding-bottom: 3.6rem !important; - } - - .py-sm-10 { - padding-bottom: 4rem !important; - } - - .py-sm-11 { - padding-bottom: 6rem !important; - } - - .py-sm-12 { - padding-bottom: 12rem !important; - } - } - - @media (min-width: 992px) { - .mt-md-0 { - margin-top: 0 !important; - } - - .mt-md-1 { - margin-top: 0.2rem !important; - } - - .mt-md-2 { - margin-top: 0.4rem !important; - } - - .mt-md-3 { - margin-top: 0.8rem !important; - } - - .mt-md-4 { - margin-top: 1rem !important; - } - - .mt-md-5 { - margin-top: 1.2rem !important; - } - - .mt-md-6 { - margin-top: 1.6rem !important; - } - - .mt-md-7 { - margin-top: 2.4rem !important; - } - - .mt-md-8 { - margin-top: 3.2rem !important; - } - - .mt-md-9 { - margin-top: 3.6rem !important; - } - - .mt-md-10 { - margin-top: 4rem !important; - } - - .mt-md-11 { - margin-top: 6rem !important; - } - - .mt-md-12 { - margin-top: 12rem !important; - } - - .mb-md-0 { - margin-bottom: 0 !important; - } - - .mb-md-1 { - margin-bottom: 0.2rem !important; - } - - .mb-md-2 { - margin-bottom: 0.4rem !important; - } - - .mb-md-3 { - margin-bottom: 0.8rem !important; - } - - .mb-md-4 { - margin-bottom: 1rem !important; - } - - .mb-md-5 { - margin-bottom: 1.2rem !important; - } - - .mb-md-6 { - margin-bottom: 1.6rem !important; - } - - .mb-md-7 { - margin-bottom: 2.4rem !important; - } - - .mb-md-8 { - margin-bottom: 3.2rem !important; - } - - .mb-md-9 { - margin-bottom: 3.6rem !important; - } - - .mb-md-10 { - margin-bottom: 4rem !important; - } - - .mb-md-11 { - margin-bottom: 6rem !important; - } - - .mb-md-12 { - margin-bottom: 12rem !important; - } - - .ml-md-0 { - margin-left: 0 !important; - } - - .ml-md-1 { - margin-left: 0.2rem !important; - } - - .ml-md-2 { - margin-left: 0.4rem !important; - } - - .ml-md-3 { - margin-left: 0.8rem !important; - } - - .ml-md-4 { - margin-left: 1rem !important; - } - - .ml-md-5 { - margin-left: 1.2rem !important; - } - - .ml-md-6 { - margin-left: 1.6rem !important; - } - - .ml-md-7 { - margin-left: 2.4rem !important; - } - - .ml-md-8 { - margin-left: 3.2rem !important; - } - - .ml-md-9 { - margin-left: 3.6rem !important; - } - - .ml-md-10 { - margin-left: 4rem !important; - } - - .ml-md-11 { - margin-left: 6rem !important; - } - - .ml-md-12 { - margin-left: 12rem !important; - } - - .mr-md-0 { - margin-right: 0 !important; - } - - .mr-md-1 { - margin-right: 0.2rem !important; - } - - .mr-md-2 { - margin-right: 0.4rem !important; - } - - .mr-md-3 { - margin-right: 0.8rem !important; - } - - .mr-md-4 { - margin-right: 1rem !important; - } - - .mr-md-5 { - margin-right: 1.2rem !important; - } - - .mr-md-6 { - margin-right: 1.6rem !important; - } - - .mr-md-7 { - margin-right: 2.4rem !important; - } - - .mr-md-8 { - margin-right: 3.2rem !important; - } - - .mr-md-9 { - margin-right: 3.6rem !important; - } - - .mr-md-10 { - margin-right: 4rem !important; - } - - .mr-md-11 { - margin-right: 6rem !important; - } - - .mr-md-12 { - margin-right: 12rem !important; - } - - .mx-md-0 { - margin-left: 0 !important; - } - - .mx-md-1 { - margin-left: 0.2rem !important; - } - - .mx-md-2 { - margin-left: 0.4rem !important; - } - - .mx-md-3 { - margin-left: 0.8rem !important; - } - - .mx-md-4 { - margin-left: 1rem !important; - } - - .mx-md-5 { - margin-left: 1.2rem !important; - } - - .mx-md-6 { - margin-left: 1.6rem !important; - } - - .mx-md-7 { - margin-left: 2.4rem !important; - } - - .mx-md-8 { - margin-left: 3.2rem !important; - } - - .mx-md-9 { - margin-left: 3.6rem !important; - } - - .mx-md-10 { - margin-left: 4rem !important; - } - - .mx-md-11 { - margin-left: 6rem !important; - } - - .mx-md-12 { - margin-left: 12rem !important; - } - - .mx-md-0 { - margin-right: 0 !important; - } - - .mx-md-1 { - margin-right: 0.2rem !important; - } - - .mx-md-2 { - margin-right: 0.4rem !important; - } - - .mx-md-3 { - margin-right: 0.8rem !important; - } - - .mx-md-4 { - margin-right: 1rem !important; - } - - .mx-md-5 { - margin-right: 1.2rem !important; - } - - .mx-md-6 { - margin-right: 1.6rem !important; - } - - .mx-md-7 { - margin-right: 2.4rem !important; - } - - .mx-md-8 { - margin-right: 3.2rem !important; - } - - .mx-md-9 { - margin-right: 3.6rem !important; - } - - .mx-md-10 { - margin-right: 4rem !important; - } - - .mx-md-11 { - margin-right: 6rem !important; - } - - .mx-md-12 { - margin-right: 12rem !important; - } - - .my-md-0 { - margin-top: 0 !important; - } - - .my-md-1 { - margin-top: 0.2rem !important; - } - - .my-md-2 { - margin-top: 0.4rem !important; - } - - .my-md-3 { - margin-top: 0.8rem !important; - } - - .my-md-4 { - margin-top: 1rem !important; - } - - .my-md-5 { - margin-top: 1.2rem !important; - } - - .my-md-6 { - margin-top: 1.6rem !important; - } - - .my-md-7 { - margin-top: 2.4rem !important; - } - - .my-md-8 { - margin-top: 3.2rem !important; - } - - .my-md-9 { - margin-top: 3.6rem !important; - } - - .my-md-10 { - margin-top: 4rem !important; - } - - .my-md-11 { - margin-top: 6rem !important; - } - - .my-md-12 { - margin-top: 12rem !important; - } - - .my-md-0 { - margin-bottom: 0 !important; - } - - .my-md-1 { - margin-bottom: 0.2rem !important; - } - - .my-md-2 { - margin-bottom: 0.4rem !important; - } - - .my-md-3 { - margin-bottom: 0.8rem !important; - } - - .my-md-4 { - margin-bottom: 1rem !important; - } - - .my-md-5 { - margin-bottom: 1.2rem !important; - } - - .my-md-6 { - margin-bottom: 1.6rem !important; - } - - .my-md-7 { - margin-bottom: 2.4rem !important; - } - - .my-md-8 { - margin-bottom: 3.2rem !important; - } - - .my-md-9 { - margin-bottom: 3.6rem !important; - } - - .my-md-10 { - margin-bottom: 4rem !important; - } - - .my-md-11 { - margin-bottom: 6rem !important; - } - - .my-md-12 { - margin-bottom: 12rem !important; - } - - .pt-md-0 { - padding-top: 0 !important; - } - - .pt-md-1 { - padding-top: 0.2rem !important; - } - - .pt-md-2 { - padding-top: 0.4rem !important; - } - - .pt-md-3 { - padding-top: 0.8rem !important; - } - - .pt-md-4 { - padding-top: 1rem !important; - } - - .pt-md-5 { - padding-top: 1.2rem !important; - } - - .pt-md-6 { - padding-top: 1.6rem !important; - } - - .pt-md-7 { - padding-top: 2.4rem !important; - } - - .pt-md-8 { - padding-top: 3.2rem !important; - } - - .pt-md-9 { - padding-top: 3.6rem !important; - } - - .pt-md-10 { - padding-top: 4rem !important; - } - - .pt-md-11 { - padding-top: 6rem !important; - } - - .pt-md-12 { - padding-top: 12rem !important; - } - - .pb-md-0 { - padding-bottom: 0 !important; - } - - .pb-md-1 { - padding-bottom: 0.2rem !important; - } - - .pb-md-2 { - padding-bottom: 0.4rem !important; - } - - .pb-md-3 { - padding-bottom: 0.8rem !important; - } - - .pb-md-4 { - padding-bottom: 1rem !important; - } - - .pb-md-5 { - padding-bottom: 1.2rem !important; - } - - .pb-md-6 { - padding-bottom: 1.6rem !important; - } - - .pb-md-7 { - padding-bottom: 2.4rem !important; - } - - .pb-md-8 { - padding-bottom: 3.2rem !important; - } - - .pb-md-9 { - padding-bottom: 3.6rem !important; - } - - .pb-md-10 { - padding-bottom: 4rem !important; - } - - .pb-md-11 { - padding-bottom: 6rem !important; - } - - .pb-md-12 { - padding-bottom: 12rem !important; - } - - .pl-md-0 { - padding-left: 0 !important; - } - - .pl-md-1 { - padding-left: 0.2rem !important; - } - - .pl-md-2 { - padding-left: 0.4rem !important; - } - - .pl-md-3 { - padding-left: 0.8rem !important; - } - - .pl-md-4 { - padding-left: 1rem !important; - } - - .pl-md-5 { - padding-left: 1.2rem !important; - } - - .pl-md-6 { - padding-left: 1.6rem !important; - } - - .pl-md-7 { - padding-left: 2.4rem !important; - } - - .pl-md-8 { - padding-left: 3.2rem !important; - } - - .pl-md-9 { - padding-left: 3.6rem !important; - } - - .pl-md-10 { - padding-left: 4rem !important; - } - - .pl-md-11 { - padding-left: 6rem !important; - } - - .pl-md-12 { - padding-left: 12rem !important; - } - - .pr-md-0 { - padding-right: 0 !important; - } - - .pr-md-1 { - padding-right: 0.2rem !important; - } - - .pr-md-2 { - padding-right: 0.4rem !important; - } - - .pr-md-3 { - padding-right: 0.8rem !important; - } - - .pr-md-4 { - padding-right: 1rem !important; - } - - .pr-md-5 { - padding-right: 1.2rem !important; - } - - .pr-md-6 { - padding-right: 1.6rem !important; - } - - .pr-md-7 { - padding-right: 2.4rem !important; - } - - .pr-md-8 { - padding-right: 3.2rem !important; - } - - .pr-md-9 { - padding-right: 3.6rem !important; - } - - .pr-md-10 { - padding-right: 4rem !important; - } - - .pr-md-11 { - padding-right: 6rem !important; - } - - .pr-md-12 { - padding-right: 12rem !important; - } - - .px-md-0 { - padding-left: 0 !important; - } - - .px-md-1 { - padding-left: 0.2rem !important; - } - - .px-md-2 { - padding-left: 0.4rem !important; - } - - .px-md-3 { - padding-left: 0.8rem !important; - } - - .px-md-4 { - padding-left: 1rem !important; - } - - .px-md-5 { - padding-left: 1.2rem !important; - } - - .px-md-6 { - padding-left: 1.6rem !important; - } - - .px-md-7 { - padding-left: 2.4rem !important; - } - - .px-md-8 { - padding-left: 3.2rem !important; - } - - .px-md-9 { - padding-left: 3.6rem !important; - } - - .px-md-10 { - padding-left: 4rem !important; - } - - .px-md-11 { - padding-left: 6rem !important; - } - - .px-md-12 { - padding-left: 12rem !important; - } - - .px-md-0 { - padding-right: 0 !important; - } - - .px-md-1 { - padding-right: 0.2rem !important; - } - - .px-md-2 { - padding-right: 0.4rem !important; - } - - .px-md-3 { - padding-right: 0.8rem !important; - } - - .px-md-4 { - padding-right: 1rem !important; - } - - .px-md-5 { - padding-right: 1.2rem !important; - } - - .px-md-6 { - padding-right: 1.6rem !important; - } - - .px-md-7 { - padding-right: 2.4rem !important; - } - - .px-md-8 { - padding-right: 3.2rem !important; - } - - .px-md-9 { - padding-right: 3.6rem !important; - } - - .px-md-10 { - padding-right: 4rem !important; - } - - .px-md-11 { - padding-right: 6rem !important; - } - - .px-md-12 { - padding-right: 12rem !important; - } - - .py-md-0 { - padding-top: 0 !important; - } - - .py-md-1 { - padding-top: 0.2rem !important; - } - - .py-md-2 { - padding-top: 0.4rem !important; - } - - .py-md-3 { - padding-top: 0.8rem !important; - } - - .py-md-4 { - padding-top: 1rem !important; - } - - .py-md-5 { - padding-top: 1.2rem !important; - } - - .py-md-6 { - padding-top: 1.6rem !important; - } - - .py-md-7 { - padding-top: 2.4rem !important; - } - - .py-md-8 { - padding-top: 3.2rem !important; - } - - .py-md-9 { - padding-top: 3.6rem !important; - } - - .py-md-10 { - padding-top: 4rem !important; - } - - .py-md-11 { - padding-top: 6rem !important; - } - - .py-md-12 { - padding-top: 12rem !important; - } - - .py-md-0 { - padding-bottom: 0 !important; - } - - .py-md-1 { - padding-bottom: 0.2rem !important; - } - - .py-md-2 { - padding-bottom: 0.4rem !important; - } - - .py-md-3 { - padding-bottom: 0.8rem !important; - } - - .py-md-4 { - padding-bottom: 1rem !important; - } - - .py-md-5 { - padding-bottom: 1.2rem !important; - } - - .py-md-6 { - padding-bottom: 1.6rem !important; - } - - .py-md-7 { - padding-bottom: 2.4rem !important; - } - - .py-md-8 { - padding-bottom: 3.2rem !important; - } - - .py-md-9 { - padding-bottom: 3.6rem !important; - } - - .py-md-10 { - padding-bottom: 4rem !important; - } - - .py-md-11 { - padding-bottom: 6rem !important; - } - - .py-md-12 { - padding-bottom: 12rem !important; - } - } - - @media (min-width: 1200px) { - .mt-lg-0 { - margin-top: 0 !important; - } - - .mt-lg-1 { - margin-top: 0.2rem !important; - } - - .mt-lg-2 { - margin-top: 0.4rem !important; - } - - .mt-lg-3 { - margin-top: 0.8rem !important; - } - - .mt-lg-4 { - margin-top: 1rem !important; - } - - .mt-lg-5 { - margin-top: 1.2rem !important; - } - - .mt-lg-6 { - margin-top: 1.6rem !important; - } - - .mt-lg-7 { - margin-top: 2.4rem !important; - } - - .mt-lg-8 { - margin-top: 3.2rem !important; - } - - .mt-lg-9 { - margin-top: 3.6rem !important; - } - - .mt-lg-10 { - margin-top: 4rem !important; - } - - .mt-lg-11 { - margin-top: 6rem !important; - } - - .mt-lg-12 { - margin-top: 12rem !important; - } - - .mb-lg-0 { - margin-bottom: 0 !important; - } - - .mb-lg-1 { - margin-bottom: 0.2rem !important; - } - - .mb-lg-2 { - margin-bottom: 0.4rem !important; - } - - .mb-lg-3 { - margin-bottom: 0.8rem !important; - } - - .mb-lg-4 { - margin-bottom: 1rem !important; - } - - .mb-lg-5 { - margin-bottom: 1.2rem !important; - } - - .mb-lg-6 { - margin-bottom: 1.6rem !important; - } - - .mb-lg-7 { - margin-bottom: 2.4rem !important; - } - - .mb-lg-8 { - margin-bottom: 3.2rem !important; - } - - .mb-lg-9 { - margin-bottom: 3.6rem !important; - } - - .mb-lg-10 { - margin-bottom: 4rem !important; - } - - .mb-lg-11 { - margin-bottom: 6rem !important; - } - - .mb-lg-12 { - margin-bottom: 12rem !important; - } - - .ml-lg-0 { - margin-left: 0 !important; - } - - .ml-lg-1 { - margin-left: 0.2rem !important; - } - - .ml-lg-2 { - margin-left: 0.4rem !important; - } - - .ml-lg-3 { - margin-left: 0.8rem !important; - } - - .ml-lg-4 { - margin-left: 1rem !important; - } - - .ml-lg-5 { - margin-left: 1.2rem !important; - } - - .ml-lg-6 { - margin-left: 1.6rem !important; - } - - .ml-lg-7 { - margin-left: 2.4rem !important; - } - - .ml-lg-8 { - margin-left: 3.2rem !important; - } - - .ml-lg-9 { - margin-left: 3.6rem !important; - } - - .ml-lg-10 { - margin-left: 4rem !important; - } - - .ml-lg-11 { - margin-left: 6rem !important; - } - - .ml-lg-12 { - margin-left: 12rem !important; - } - - .mr-lg-0 { - margin-right: 0 !important; - } - - .mr-lg-1 { - margin-right: 0.2rem !important; - } - - .mr-lg-2 { - margin-right: 0.4rem !important; - } - - .mr-lg-3 { - margin-right: 0.8rem !important; - } - - .mr-lg-4 { - margin-right: 1rem !important; - } - - .mr-lg-5 { - margin-right: 1.2rem !important; - } - - .mr-lg-6 { - margin-right: 1.6rem !important; - } - - .mr-lg-7 { - margin-right: 2.4rem !important; - } - - .mr-lg-8 { - margin-right: 3.2rem !important; - } - - .mr-lg-9 { - margin-right: 3.6rem !important; - } - - .mr-lg-10 { - margin-right: 4rem !important; - } - - .mr-lg-11 { - margin-right: 6rem !important; - } - - .mr-lg-12 { - margin-right: 12rem !important; - } - - .mx-lg-0 { - margin-left: 0 !important; - } - - .mx-lg-1 { - margin-left: 0.2rem !important; - } - - .mx-lg-2 { - margin-left: 0.4rem !important; - } - - .mx-lg-3 { - margin-left: 0.8rem !important; - } - - .mx-lg-4 { - margin-left: 1rem !important; - } - - .mx-lg-5 { - margin-left: 1.2rem !important; - } - - .mx-lg-6 { - margin-left: 1.6rem !important; - } - - .mx-lg-7 { - margin-left: 2.4rem !important; - } - - .mx-lg-8 { - margin-left: 3.2rem !important; - } - - .mx-lg-9 { - margin-left: 3.6rem !important; - } - - .mx-lg-10 { - margin-left: 4rem !important; - } - - .mx-lg-11 { - margin-left: 6rem !important; - } - - .mx-lg-12 { - margin-left: 12rem !important; - } - - .mx-lg-0 { - margin-right: 0 !important; - } - - .mx-lg-1 { - margin-right: 0.2rem !important; - } - - .mx-lg-2 { - margin-right: 0.4rem !important; - } - - .mx-lg-3 { - margin-right: 0.8rem !important; - } - - .mx-lg-4 { - margin-right: 1rem !important; - } - - .mx-lg-5 { - margin-right: 1.2rem !important; - } - - .mx-lg-6 { - margin-right: 1.6rem !important; - } - - .mx-lg-7 { - margin-right: 2.4rem !important; - } - - .mx-lg-8 { - margin-right: 3.2rem !important; - } - - .mx-lg-9 { - margin-right: 3.6rem !important; - } - - .mx-lg-10 { - margin-right: 4rem !important; - } - - .mx-lg-11 { - margin-right: 6rem !important; - } - - .mx-lg-12 { - margin-right: 12rem !important; - } - - .my-lg-0 { - margin-top: 0 !important; - } - - .my-lg-1 { - margin-top: 0.2rem !important; - } - - .my-lg-2 { - margin-top: 0.4rem !important; - } - - .my-lg-3 { - margin-top: 0.8rem !important; - } - - .my-lg-4 { - margin-top: 1rem !important; - } - - .my-lg-5 { - margin-top: 1.2rem !important; - } - - .my-lg-6 { - margin-top: 1.6rem !important; - } - - .my-lg-7 { - margin-top: 2.4rem !important; - } - - .my-lg-8 { - margin-top: 3.2rem !important; - } - - .my-lg-9 { - margin-top: 3.6rem !important; - } - - .my-lg-10 { - margin-top: 4rem !important; - } - - .my-lg-11 { - margin-top: 6rem !important; - } - - .my-lg-12 { - margin-top: 12rem !important; - } - - .my-lg-0 { - margin-bottom: 0 !important; - } - - .my-lg-1 { - margin-bottom: 0.2rem !important; - } - - .my-lg-2 { - margin-bottom: 0.4rem !important; - } - - .my-lg-3 { - margin-bottom: 0.8rem !important; - } - - .my-lg-4 { - margin-bottom: 1rem !important; - } - - .my-lg-5 { - margin-bottom: 1.2rem !important; - } - - .my-lg-6 { - margin-bottom: 1.6rem !important; - } - - .my-lg-7 { - margin-bottom: 2.4rem !important; - } - - .my-lg-8 { - margin-bottom: 3.2rem !important; - } - - .my-lg-9 { - margin-bottom: 3.6rem !important; - } - - .my-lg-10 { - margin-bottom: 4rem !important; - } - - .my-lg-11 { - margin-bottom: 6rem !important; - } - - .my-lg-12 { - margin-bottom: 12rem !important; - } - - .pt-lg-0 { - padding-top: 0 !important; - } - - .pt-lg-1 { - padding-top: 0.2rem !important; - } - - .pt-lg-2 { - padding-top: 0.4rem !important; - } - - .pt-lg-3 { - padding-top: 0.8rem !important; - } - - .pt-lg-4 { - padding-top: 1rem !important; - } - - .pt-lg-5 { - padding-top: 1.2rem !important; - } - - .pt-lg-6 { - padding-top: 1.6rem !important; - } - - .pt-lg-7 { - padding-top: 2.4rem !important; - } - - .pt-lg-8 { - padding-top: 3.2rem !important; - } - - .pt-lg-9 { - padding-top: 3.6rem !important; - } - - .pt-lg-10 { - padding-top: 4rem !important; - } - - .pt-lg-11 { - padding-top: 6rem !important; - } - - .pt-lg-12 { - padding-top: 12rem !important; - } - - .pb-lg-0 { - padding-bottom: 0 !important; - } - - .pb-lg-1 { - padding-bottom: 0.2rem !important; - } - - .pb-lg-2 { - padding-bottom: 0.4rem !important; - } - - .pb-lg-3 { - padding-bottom: 0.8rem !important; - } - - .pb-lg-4 { - padding-bottom: 1rem !important; - } - - .pb-lg-5 { - padding-bottom: 1.2rem !important; - } - - .pb-lg-6 { - padding-bottom: 1.6rem !important; - } - - .pb-lg-7 { - padding-bottom: 2.4rem !important; - } - - .pb-lg-8 { - padding-bottom: 3.2rem !important; - } - - .pb-lg-9 { - padding-bottom: 3.6rem !important; - } - - .pb-lg-10 { - padding-bottom: 4rem !important; - } - - .pb-lg-11 { - padding-bottom: 6rem !important; - } - - .pb-lg-12 { - padding-bottom: 12rem !important; - } - - .pl-lg-0 { - padding-left: 0 !important; - } - - .pl-lg-1 { - padding-left: 0.2rem !important; - } - - .pl-lg-2 { - padding-left: 0.4rem !important; - } - - .pl-lg-3 { - padding-left: 0.8rem !important; - } - - .pl-lg-4 { - padding-left: 1rem !important; - } - - .pl-lg-5 { - padding-left: 1.2rem !important; - } - - .pl-lg-6 { - padding-left: 1.6rem !important; - } - - .pl-lg-7 { - padding-left: 2.4rem !important; - } - - .pl-lg-8 { - padding-left: 3.2rem !important; - } - - .pl-lg-9 { - padding-left: 3.6rem !important; - } - - .pl-lg-10 { - padding-left: 4rem !important; - } - - .pl-lg-11 { - padding-left: 6rem !important; - } - - .pl-lg-12 { - padding-left: 12rem !important; - } - - .pr-lg-0 { - padding-right: 0 !important; - } - - .pr-lg-1 { - padding-right: 0.2rem !important; - } - - .pr-lg-2 { - padding-right: 0.4rem !important; - } - - .pr-lg-3 { - padding-right: 0.8rem !important; - } - - .pr-lg-4 { - padding-right: 1rem !important; - } - - .pr-lg-5 { - padding-right: 1.2rem !important; - } - - .pr-lg-6 { - padding-right: 1.6rem !important; - } - - .pr-lg-7 { - padding-right: 2.4rem !important; - } - - .pr-lg-8 { - padding-right: 3.2rem !important; - } - - .pr-lg-9 { - padding-right: 3.6rem !important; - } - - .pr-lg-10 { - padding-right: 4rem !important; - } - - .pr-lg-11 { - padding-right: 6rem !important; - } - - .pr-lg-12 { - padding-right: 12rem !important; - } - - .px-lg-0 { - padding-left: 0 !important; - } - - .px-lg-1 { - padding-left: 0.2rem !important; - } - - .px-lg-2 { - padding-left: 0.4rem !important; - } - - .px-lg-3 { - padding-left: 0.8rem !important; - } - - .px-lg-4 { - padding-left: 1rem !important; - } - - .px-lg-5 { - padding-left: 1.2rem !important; - } - - .px-lg-6 { - padding-left: 1.6rem !important; - } - - .px-lg-7 { - padding-left: 2.4rem !important; - } - - .px-lg-8 { - padding-left: 3.2rem !important; - } - - .px-lg-9 { - padding-left: 3.6rem !important; - } - - .px-lg-10 { - padding-left: 4rem !important; - } - - .px-lg-11 { - padding-left: 6rem !important; - } - - .px-lg-12 { - padding-left: 12rem !important; - } - - .px-lg-0 { - padding-right: 0 !important; - } - - .px-lg-1 { - padding-right: 0.2rem !important; - } - - .px-lg-2 { - padding-right: 0.4rem !important; - } - - .px-lg-3 { - padding-right: 0.8rem !important; - } - - .px-lg-4 { - padding-right: 1rem !important; - } - - .px-lg-5 { - padding-right: 1.2rem !important; - } - - .px-lg-6 { - padding-right: 1.6rem !important; - } - - .px-lg-7 { - padding-right: 2.4rem !important; - } - - .px-lg-8 { - padding-right: 3.2rem !important; - } - - .px-lg-9 { - padding-right: 3.6rem !important; - } - - .px-lg-10 { - padding-right: 4rem !important; - } - - .px-lg-11 { - padding-right: 6rem !important; - } - - .px-lg-12 { - padding-right: 12rem !important; - } - - .py-lg-0 { - padding-top: 0 !important; - } - - .py-lg-1 { - padding-top: 0.2rem !important; - } - - .py-lg-2 { - padding-top: 0.4rem !important; - } - - .py-lg-3 { - padding-top: 0.8rem !important; - } - - .py-lg-4 { - padding-top: 1rem !important; - } - - .py-lg-5 { - padding-top: 1.2rem !important; - } - - .py-lg-6 { - padding-top: 1.6rem !important; - } - - .py-lg-7 { - padding-top: 2.4rem !important; - } - - .py-lg-8 { - padding-top: 3.2rem !important; - } - - .py-lg-9 { - padding-top: 3.6rem !important; - } - - .py-lg-10 { - padding-top: 4rem !important; - } - - .py-lg-11 { - padding-top: 6rem !important; - } - - .py-lg-12 { - padding-top: 12rem !important; - } - - .py-lg-0 { - padding-bottom: 0 !important; - } - - .py-lg-1 { - padding-bottom: 0.2rem !important; - } - - .py-lg-2 { - padding-bottom: 0.4rem !important; - } - - .py-lg-3 { - padding-bottom: 0.8rem !important; - } - - .py-lg-4 { - padding-bottom: 1rem !important; - } - - .py-lg-5 { - padding-bottom: 1.2rem !important; - } - - .py-lg-6 { - padding-bottom: 1.6rem !important; - } - - .py-lg-7 { - padding-bottom: 2.4rem !important; - } - - .py-lg-8 { - padding-bottom: 3.2rem !important; - } - - .py-lg-9 { - padding-bottom: 3.6rem !important; - } - - .py-lg-10 { - padding-bottom: 4rem !important; - } - - .py-lg-11 { - padding-bottom: 6rem !important; - } - - .py-lg-12 { - padding-bottom: 12rem !important; - } - } - - .idxflex { - display: flex; - } - - .idxflex.idxrow:after, - .idxflex.idxrow:before { - content: none; - } - - .idxflex .idxcol-auto { - width: -moz-fit-content; - width: fit-content; - } - - .idxflex-col { - display: flex; - flex-direction: column; - } - - .idxflex-wrap { - flex-wrap: wrap !important; - } - - .idxflex-nowrap { - flex-wrap: nowrap !important; - } - - .idxflex-a-end { - align-items: flex-end !important; - } - - .idxflex-a-start { - align-items: flex-start !important; - } - - .idxflex-a-center { - align-items: center !important; - } - - .idxflex-j-start { - justify-content: flex-start !important; - } - - .idxflex-j-end { - justify-content: flex-end !important; - } - - .idxflex-j-center { - justify-content: center !important; - } - - .idxflex-j-between { - justify-content: space-between !important; - } - - .idxflex-j-around { - justify-content: space-around !important; - } - - .idxflex-j-evenly { - justify-content: space-evenly !important; - } - - .idxflex-grow-0 { - flex-grow: 0 !important; - } - - .idxflex-shrink-0 { - flex-shrink: 0 !important; - } - - .idxflex-flex-0 { - flex-grow: 0 !important; - } - - .idxflex-order-0 { - order: 0 !important; - } - - .idxflex-grow-1 { - flex-grow: 1 !important; - } - - .idxflex-shrink-1 { - flex-shrink: 1 !important; - } - - .idxflex-flex-1 { - flex-grow: 1 !important; - } - - .idxflex-order-1 { - order: 1 !important; - } - - .idxflex-grow-2 { - flex-grow: 2 !important; - } - - .idxflex-shrink-2 { - flex-shrink: 2 !important; - } - - .idxflex-flex-2 { - flex-grow: 2 !important; - } - - .idxflex-order-2 { - order: 2 !important; - } - - .idxflex-grow-3 { - flex-grow: 3 !important; - } - - .idxflex-shrink-3 { - flex-shrink: 3 !important; - } - - .idxflex-flex-3 { - flex-grow: 3 !important; - } - - .idxflex-order-3 { - order: 3 !important; - } - - .idxflex-grow-4 { - flex-grow: 4 !important; - } - - .idxflex-shrink-4 { - flex-shrink: 4 !important; - } - - .idxflex-flex-4 { - flex-grow: 4 !important; - } - - .idxflex-order-4 { - order: 4 !important; - } - - .idxflex-grow-5 { - flex-grow: 5 !important; - } - - .idxflex-shrink-5 { - flex-shrink: 5 !important; - } - - .idxflex-flex-5 { - flex-grow: 5 !important; - } - - .idxflex-order-5 { - order: 5 !important; - } - - .idxflex-grow-6 { - flex-grow: 6 !important; - } - - .idxflex-shrink-6 { - flex-shrink: 6 !important; - } - - .idxflex-flex-6 { - flex-grow: 6 !important; - } - - .idxflex-order-6 { - order: 6 !important; - } - - .idxflex-grow-7 { - flex-grow: 7 !important; - } - - .idxflex-shrink-7 { - flex-shrink: 7 !important; - } - - .idxflex-flex-7 { - flex-grow: 7 !important; - } - - .idxflex-order-7 { - order: 7 !important; - } - - .idxflex-grow-8 { - flex-grow: 8 !important; - } - - .idxflex-shrink-8 { - flex-shrink: 8 !important; - } - - .idxflex-flex-8 { - flex-grow: 8 !important; - } - - .idxflex-order-8 { - order: 8 !important; - } - - .idxflex-grow-9 { - flex-grow: 9 !important; - } - - .idxflex-shrink-9 { - flex-shrink: 9 !important; - } - - .idxflex-flex-9 { - flex-grow: 9 !important; - } - - .idxflex-order-9 { - order: 9 !important; - } - - .idxflex-grow-10 { - flex-grow: 10 !important; - } - - .idxflex-shrink-10 { - flex-shrink: 10 !important; - } - - .idxflex-flex-10 { - flex-grow: 10 !important; - } - - .idxflex-order-10 { - order: 10 !important; - } - - .idxflex-grow-11 { - flex-grow: 11 !important; - } - - .idxflex-shrink-11 { - flex-shrink: 11 !important; - } - - .idxflex-flex-11 { - flex-grow: 11 !important; - } - - .idxflex-order-11 { - order: 11 !important; - } - - .idxflex-gap-0 { - gap: 0 !important; - } - - .idxflex-row-gap-0 { - row-gap: 0 !important; - } - - .idxflex-col-gap-0 { - -moz-column-gap: 0 !important; - column-gap: 0 !important; - } - - .idxflex.idxflex-row-gutter-0 { - margin-left: 0 !important; - margin-right: 0 !important; - } - - .idxflex-gap-1 { - gap: 0.2rem !important; - } - - .idxflex-row-gap-1 { - row-gap: 0.2rem !important; - } - - .idxflex-col-gap-1 { - -moz-column-gap: 0.2rem !important; - column-gap: 0.2rem !important; - } - - .idxflex.idxflex-row-gutter-1 { - margin-left: -0.2rem !important; - margin-right: -0.2rem !important; - } - - .idxflex-gap-2 { - gap: 0.4rem !important; - } - - .idxflex-row-gap-2 { - row-gap: 0.4rem !important; - } - - .idxflex-col-gap-2 { - -moz-column-gap: 0.4rem !important; - column-gap: 0.4rem !important; - } - - .idxflex.idxflex-row-gutter-2 { - margin-left: -0.4rem !important; - margin-right: -0.4rem !important; - } - - .idxflex-gap-3 { - gap: 0.8rem !important; - } - - .idxflex-row-gap-3 { - row-gap: 0.8rem !important; - } - - .idxflex-col-gap-3 { - -moz-column-gap: 0.8rem !important; - column-gap: 0.8rem !important; - } - - .idxflex.idxflex-row-gutter-3 { - margin-left: -0.8rem !important; - margin-right: -0.8rem !important; - } - - .idxflex-gap-4 { - gap: 1rem !important; - } - - .idxflex-row-gap-4 { - row-gap: 1rem !important; - } - - .idxflex-col-gap-4 { - -moz-column-gap: 1rem !important; - column-gap: 1rem !important; - } - - .idxflex.idxflex-row-gutter-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; - } - - .idxflex-gap-5 { - gap: 1.2rem !important; - } - - .idxflex-row-gap-5 { - row-gap: 1.2rem !important; - } - - .idxflex-col-gap-5 { - -moz-column-gap: 1.2rem !important; - column-gap: 1.2rem !important; - } - - .idxflex.idxflex-row-gutter-5 { - margin-left: -1.2rem !important; - margin-right: -1.2rem !important; - } - - .idxflex-gap-6 { - gap: 1.6rem !important; - } - - .idxflex-row-gap-6 { - row-gap: 1.6rem !important; - } - - .idxflex-col-gap-6 { - -moz-column-gap: 1.6rem !important; - column-gap: 1.6rem !important; - } - - .idxflex.idxflex-row-gutter-6 { - margin-left: -1.6rem !important; - margin-right: -1.6rem !important; - } - - .idxflex-gap-7 { - gap: 2.4rem !important; - } - - .idxflex-row-gap-7 { - row-gap: 2.4rem !important; - } - - .idxflex-col-gap-7 { - -moz-column-gap: 2.4rem !important; - column-gap: 2.4rem !important; - } - - .idxflex.idxflex-row-gutter-7 { - margin-left: -2.4rem !important; - margin-right: -2.4rem !important; - } - - .idxflex-gap-8 { - gap: 3.2rem !important; - } - - .idxflex-row-gap-8 { - row-gap: 3.2rem !important; - } - - .idxflex-col-gap-8 { - -moz-column-gap: 3.2rem !important; - column-gap: 3.2rem !important; - } - - .idxflex.idxflex-row-gutter-8 { - margin-left: -3.2rem !important; - margin-right: -3.2rem !important; - } - - .idxflex-gap-9 { - gap: 3.6rem !important; - } - - .idxflex-row-gap-9 { - row-gap: 3.6rem !important; - } - - .idxflex-col-gap-9 { - -moz-column-gap: 3.6rem !important; - column-gap: 3.6rem !important; - } - - .idxflex.idxflex-row-gutter-9 { - margin-left: -3.6rem !important; - margin-right: -3.6rem !important; - } - - .idxflex-gap-10 { - gap: 4rem !important; - } - - .idxflex-row-gap-10 { - row-gap: 4rem !important; - } - - .idxflex-col-gap-10 { - -moz-column-gap: 4rem !important; - column-gap: 4rem !important; - } - - .idxflex.idxflex-row-gutter-10 { - margin-left: -4rem !important; - margin-right: -4rem !important; - } - - .idxflex-gap-11 { - gap: 6rem !important; - } - - .idxflex-row-gap-11 { - row-gap: 6rem !important; - } - - .idxflex-col-gap-11 { - -moz-column-gap: 6rem !important; - column-gap: 6rem !important; - } - - .idxflex.idxflex-row-gutter-11 { - margin-left: -6rem !important; - margin-right: -6rem !important; - } - - .idxflex-gap-12 { - gap: 12rem !important; - } - - .idxflex-row-gap-12 { - row-gap: 12rem !important; - } - - .idxflex-col-gap-12 { - -moz-column-gap: 12rem !important; - column-gap: 12rem !important; - } - - .idxflex.idxflex-row-gutter-12 { - margin-left: -12rem !important; - margin-right: -12rem !important; - } - - .idxrow-spacing-v0 > .idxcol { - padding-top: 0; - padding-bottom: 0; - } - - .idxrow-spacing-h0 > .idxcol { - padding-left: 0; - padding-right: 0; - } - - .idxrow-spacing-v1 > .idxcol { - padding-top: 0.2rem; - padding-bottom: 0.2rem; - } - - .idxrow-spacing-h1 > .idxcol { - padding-left: 0.2rem; - padding-right: 0.2rem; - } - - .idxrow-spacing-v2 > .idxcol { - padding-top: 0.4rem; - padding-bottom: 0.4rem; - } - - .idxrow-spacing-h2 > .idxcol { - padding-left: 0.4rem; - padding-right: 0.4rem; - } - - .idxrow-spacing-v3 > .idxcol { - padding-top: 0.8rem; - padding-bottom: 0.8rem; - } - - .idxrow-spacing-h3 > .idxcol { - padding-left: 0.8rem; - padding-right: 0.8rem; - } - - .idxrow-spacing-v4 > .idxcol { - padding-top: 1rem; - padding-bottom: 1rem; - } - - .idxrow-spacing-h4 > .idxcol { - padding-left: 1rem; - padding-right: 1rem; - } - - .idxrow-spacing-v5 > .idxcol { - padding-top: 1.2rem; - padding-bottom: 1.2rem; - } - - .idxrow-spacing-h5 > .idxcol { - padding-left: 1.2rem; - padding-right: 1.2rem; - } - - .idxrow-spacing-v6 > .idxcol { - padding-top: 1.6rem; - padding-bottom: 1.6rem; - } - - .idxrow-spacing-h6 > .idxcol { - padding-left: 1.6rem; - padding-right: 1.6rem; - } - - .idxrow-spacing-v7 > .idxcol { - padding-top: 2.4rem; - padding-bottom: 2.4rem; - } - - .idxrow-spacing-h7 > .idxcol { - padding-left: 2.4rem; - padding-right: 2.4rem; - } - - .idxrow-spacing-v8 > .idxcol { - padding-top: 3.2rem; - padding-bottom: 3.2rem; - } - - .idxrow-spacing-h8 > .idxcol { - padding-left: 3.2rem; - padding-right: 3.2rem; - } - - .idxrow-spacing-v9 > .idxcol { - padding-top: 3.6rem; - padding-bottom: 3.6rem; - } - - .idxrow-spacing-h9 > .idxcol { - padding-left: 3.6rem; - padding-right: 3.6rem; - } - - .idxrow-spacing-v10 > .idxcol { - padding-top: 4rem; - padding-bottom: 4rem; - } - - .idxrow-spacing-h10 > .idxcol { - padding-left: 4rem; - padding-right: 4rem; - } - - .idxrow-spacing-v11 > .idxcol { - padding-top: 6rem; - padding-bottom: 6rem; - } - - .idxrow-spacing-h11 > .idxcol { - padding-left: 6rem; - padding-right: 6rem; - } - - .idxrow-spacing-v12 > .idxcol { - padding-top: 12rem; - padding-bottom: 12rem; - } - - .idxrow-spacing-h12 > .idxcol { - padding-left: 12rem; - padding-right: 12rem; - } - - .idxrow .idxcol-no-gutters { - padding: 0; - } - - .idxrow .idxcol-no-x-gutters { - padding-left: 0; - padding-right: 0; - } - - .idxrow .idxcol-no-y-gutters { - padding-top: 0; - padding-bottom: 0; - } - - .navbar-container { - height: 63px; - width: 100%; - transition: background 0.05s ease-in-out; - } - - .navbar-container.navbar-bordered { - border-bottom: 1px solid #e2e8f0; - } - - .navbar-container.navbar-sticky { - position: sticky; - top: 0; - z-index: 2; - } - - .navbar-container .navbar { - height: 100%; - flex: 1; - } - - .navbar-container .navbar .idxflex-container { - height: 100%; - width: 100%; - } - - .navbar-container .navbar .navbar-menu-right { - margin-left: auto; - } - - .navbar-container .navbar .navbar-menu-left { - display: inline-flex; - align-items: center; - } - - .navbar-container .navbar .navbar-logo { - height: 3.2rem; - cursor: pointer; - } - - @media (max-width: 1200px) { - .navbar-container .navbar-logo { - display: none; - } - } - - @media (min-width: 1200px) { - .navbar-sidebar-handlers { - display: none !important; - } - } - - .lottie-logo { - height: 20px; - } - - .lottie-text { - border-color: #94a3b8 !important; - background: #0f172a !important; - } - - .footer-logo { - width: 119px; - height: 32px; - } - - .footer-container { - background-color: #0f172a; - width: 100%; - overflow: hidden; - transition: background 0.05s ease-in-out; - } - - .footer-container .footer-menu { - display: flex; - gap: 2.4rem; - align-items: center; - margin-top: 2.4rem; - margin-bottom: 4rem; - } - - .footer-container.footer-bordered { - border-top: 1px solid #e2e8f0; - } - - .footer-container.footer-sticky { - position: sticky; - bottom: 0; - z-index: 2; - } - - .footer-container .footer-title { - font-size: 2.4rem; - line-height: 2.9rem; - margin-top: 4rem; - } - - .footer-container .footer { - height: 100%; - flex: 1; - } - - .footer-container .footer .idxflex-container { - height: 100%; - width: 100%; - } - - .footer-container .footer .footer-menu-right { - margin-left: auto; - } - - @media (min-width: 768px) { - .footer-container { - background-color: #0f172a; - width: 100%; - overflow: hidden; - transition: background 0.05s ease-in-out; - } - - .footer-container .footer-menu { - display: flex; - gap: 2.4rem; - align-items: center; - margin-bottom: 0; - } - - .footer-container.footer-bordered { - border-top: 1px solid #e2e8f0; - } - - .footer-container.footer-sticky { - position: sticky; - bottom: 0; - z-index: 2; - } - - .footer-container .footer-title { - margin-top: 0; - font-size: 4rem; - line-height: 4.92rem; - } - - .footer-container .footer { - height: 100%; - flex: 1; - } - - .footer-container .footer .idxflex-container { - height: 100%; - width: 100%; - } - - .footer-container .footer .footer-menu-right { - margin-left: auto; - } - } - - #idxModalPortal .modal { - z-index: 3; - } - - .app-container .sidebar-open-backdrop { - background: rgba(0, 0, 0, 0.1); - z-index: 2; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - } - - .app-container .chat-input { - position: absolute; - bottom: 0; - left: 0; - right: 0; - margin: auto; - } - - .app-container .scrollable-container { - height: calc(100vh - 6.4rem); - min-height: 0; - width: auto; - overflow: auto; - word-break: break-word; - } - - @media (min-width: 768px) { - .app-container .scrollable-container { - height: calc(100vh - 6.4rem); - } - } - - @media (min-width: 992px) { - .app-container .scrollable-container { - height: calc(100vh - 6.4rem); - } - } - - @media (min-width: 1200px) { - .app-container .scrollable-container { - height: calc(100vh - 6.4rem); - } - } - - .app-container .scrollable-area { - overflow: auto; - } - - .app-container .sidebar-left { - border-right: 1px solid #e2e8f0; - } - - .app-container .sidebar-right { - border-left: 1px solid #e2e8f0; - } - - @media (max-width: 1200px) { - .app-container .sidebar-left, - .app-container .sidebar-right { - position: absolute; - top: 0; - background: #fff; - height: 100%; - z-index: 2; - width: 33.6rem; - } - - .app-container .sidebar-left .scrollable-container, - .app-container .sidebar-right .scrollable-container { - height: 100vh; - min-height: 0; - } - - .app-container .sidebar-left { - left: 0; - padding-left: 1.6rem; - } - - .app-container .sidebar-right { - right: 0; - padding-right: 1.6rem; - } - - .app-container .chat-input, - .app-container .main-panel { - width: 100%; - max-width: 100%; - } - - .app-container .sidebar-closed { - display: none; - } - - .app-container .sidebar-open { - display: block; - } - } - - @media (min-width: 1200px) { - .app-container .sidebar-open-backdrop { - display: none; - } - - .app-container .sidebar-left .scrollable-container { - height: calc(100vh - 6.4rem); - min-height: 0; - } - .app-container .sidebar-right .scrollable-container { - height: calc(100vh - 20rem); - min-height: 0; - } - } - - @media (min-width: 1200px) and (min-width: 768px) { - .app-container .sidebar-left .scrollable-container { - height: calc(100vh - 6.4rem); - min-height: 0; - } - .app-container .sidebar-right .scrollable-container { - height: calc(100vh - 20rem); - min-height: 0; - } - } - - @media (min-width: 1200px) and (min-width: 992px) { - .app-container .sidebar-left .scrollable-container { - height: calc(100vh - 6.4rem); - min-height: 0; - } - .app-container .sidebar-right .scrollable-container { - height: calc(100vh - 20rem); - min-height: 0; - } - } - - @media (min-width: 1200px) and (min-width: 1200px) { - .app-container .sidebar-left .scrollable-container { - height: calc(100vh - 6.4rem); - min-height: 0; - } - .app-container .sidebar-right .scrollable-container { - height: calc(100vh - 20rem); - min-height: 0; - } - } - - @media (min-width: 1200px) { - .app-container .sidebar-left, - .app-container .sidebar-right { - width: 32rem; - } - - .app-container .chat-input, - .app-container .main-panel { - width: calc(100% - 64rem); - max-width: calc(100% - 64rem); - } - } - - .select, - .text { - color: #0f172a; - } - - .tag, - .text-xs { - font-size: 0.8rem; - } - - .text-sm { - font-size: 1rem; - } - - .select, - .text-md { - font-size: 1.2rem; - } - - .text-lg, - .text-xl { - font-size: 1.6rem; - } - - @media (min-width: 768px) { - .tag, - .text-xs { - font-size: 1rem; - } - - .text-sm { - font-size: 1.2rem; - } - - .select, - .text-md { - font-size: 1.4rem; - } - - .text-lg { - font-size: 1.6rem; - } - - .text-xl { - font-size: 2rem; - } - } - - .tag, - .text-xs { - line-height: 1rem; - } - - .text-sm { - line-height: 1.3rem; - } - - .select, - .text-md { - line-height: 1.5rem; - } - - .text-lg { - line-height: 1.7rem; - } - - .text-xl { - line-height: 2.5rem; - } - - @media (min-width: 768px) { - .tag, - .text-xs { - line-height: 1.2rem; - } - - .text-sm { - line-height: 1.5rem; - } - - .select, - .text-md { - line-height: 1.7rem; - } - - .text-lg { - line-height: 1.9rem; - } - - .text-xl { - line-height: 2.7rem; - } - } - - .text-primary { - color: #0f172a; - } - - .select, - .text-secondary { - color: #94a3b8; - } - - .text-error { - color: #ff233e; - } - - .text-success { - color: #040702; - } - - .text-warning { - color: #ef9b0d; - } - - .text-blue { - color: #0054e6; - } - - .text-disabled { - color: #475569; - } - - .text-gray4 { - color: #94a3b8; - } - - .text-gray5 { - color: #475569; - } - - .text-gray6 { - color: #1e293b; - } - - .text-white { - color: #fff; - } - - .text-center { - text-align: center !important; - } - - .text-left { - text-align: left !important; - } - - .avatar { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - display: inline-flex; - align-items: center; - justify-content: center; - text-align: center; - vertical-align: middle; - color: #fff; - overflow: hidden; - } - - .avatar.avatar-circle, - .avatar.avatar-square { - border-radius: 2px; - } - - .avatar.avatar-hoverable:hover { - filter: brightness(95%); - transform: inherit scale(1.1); - transition: all 0.2s ease-in; - cursor: pointer; - } - - .avatar .icon { - stroke: #fff; - width: 2rem; - height: 2rem; - } - - .avatar img { - width: 100%; - height: 100%; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: cover; - object-fit: cover; - } - - .btn { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - border: 1px solid; - border-radius: 2px; - padding: 0 0.8rem; - line-height: 0; - font-weight: 500; - background-color: #0f172a; - color: #fff; - width: -moz-fit-content; - width: fit-content; - } - - .btn-xs { - height: 2rem; - } - - .btn-sm { - height: 2.4rem; - } - - .btn-md { - height: 2.8rem; - } - - .btn-lg { - height: 4.2rem; - } - - @media (min-width: 768px) { - .btn-xs { - height: 2.4rem; - } - - .btn-sm { - height: 2.8rem; - } - - .btn-md { - height: 3.2rem; - } - - .btn-lg { - height: 4.2rem; - } - } - - .btn-xs { - font-size: 0.8rem; - } - - .btn-sm { - font-size: 1rem; - } - - .btn-md { - font-size: 1.2rem; - } - - .btn-lg, - .btn-xl { - font-size: 1.6rem; - } - - @media (min-width: 768px) { - .btn-xs { - font-size: 1rem; - } - - .btn-sm { - font-size: 1.2rem; - } - - .btn-md { - font-size: 1.4rem; - } - - .btn-lg { - font-size: 1.6rem; - } - - .btn-xl { - font-size: 2rem; - } - } - - .btn-xs { - line-height: 1rem; - } - - .btn-sm { - line-height: 1.3rem; - } - - .btn-md { - line-height: 1.5rem; - } - - .btn-lg { - line-height: 1.7rem; - } - - .btn-xl { - line-height: 2.5rem; - } - - @media (min-width: 768px) { - .btn-xs { - line-height: 1.2rem; - } - - .btn-sm { - line-height: 1.5rem; - } - - .btn-md { - line-height: 1.7rem; - } - - .btn-lg { - line-height: 1.9rem; - } - - .btn-xl { - line-height: 2.7rem; - } - } - - .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #080d17; - } - - .btn:focus-visible { - outline: none; - } - - .btn:active, - .btn:visited { - transition: none; - background-color: #1f3057; - } - - .btn[disabled] { - background-color: #cbd5e1 !important; - border: 1px solid #cbd5e1 !important; - } - - .btn.btn-primary { - background-color: #0f172a; - border: 1px solid #0f172a; - color: #fff; - } - - .btn.btn-primary:hover { - transition: background 0.05s ease-in-out; - background-color: #080d17; - } - - .btn.btn-primary:active, - .btn.btn-primary:visited { - transition: none; - background-color: #1f3057; - } - - .btn.btn-secondary { - background-color: #94a3b8; - border: 1px solid #94a3b8; - color: #fff; - } - - .btn.btn-secondary:hover { - transition: background 0.05s ease-in-out; - background-color: #8596ae; - } - - .btn.btn-secondary:active, - .btn.btn-secondary:visited { - transition: none; - background-color: #b9c3d0; - } - - .btn.btn-error { - background-color: #ff233e; - border: 1px solid #ff233e; - color: #fff; - } - - .btn.btn-error:hover { - transition: background 0.05s ease-in-out; - background-color: #ff0a28; - } - - .btn.btn-error:active, - .btn.btn-error:visited { - transition: none; - background-color: #ff6074; - } - - .btn.btn-success { - background-color: #040702; - border: 1px solid #040702; - color: #fff; - } - - .btn.btn-success:hover { - transition: background 0.05s ease-in-out; - background-color: #000; - } - - .btn.btn-success:active, - .btn.btn-success:visited { - transition: none; - background-color: #1f3710; - } - - .btn.btn-warning { - background-color: #ef9b0d; - border: 1px solid #ef9b0d; - color: #fff; - } - - .btn.btn-warning:hover { - transition: background 0.05s ease-in-out; - background-color: #d78b0c; - } - - .btn.btn-warning:active, - .btn.btn-warning:visited { - transition: none; - background-color: #f5b344; - } - - .btn.btn-blue { - background-color: #0054e6; - border: 1px solid #0054e6; - color: #fff; - } - - .btn.btn-blue:hover { - transition: background 0.05s ease-in-out; - background-color: #004bcd; - } - - .btn.btn-blue:active, - .btn.btn-blue:visited { - transition: none; - background-color: #2474ff; - } - - .btn.btn-primary-outlined { - background-color: #fff; - border: 1px solid #0f172a; - color: #0f172a; - } - - .btn.btn-primary-outlined:hover { - transition: background 0.05s ease-in-out; - color: #080d17; - border-color: #080d17; - } - - .btn.btn-primary-outlined:hover.btn-group-item { - transition: none; - color: #0f172a; - border-color: #0f172a; - } - - .btn.btn-primary-outlined:active, - .btn.btn-primary-outlined:visited { - transition: none; - color: #1f3057; - border-color: #1f3057; - } - - .btn.btn-secondary-outlined { - background-color: #fff; - border: 1px solid #94a3b8; - color: #94a3b8; - } - - .btn.btn-secondary-outlined:hover { - transition: background 0.05s ease-in-out; - color: #8596ae; - border-color: #8596ae; - } - - .btn.btn-secondary-outlined:hover.btn-group-item { - transition: none; - color: #94a3b8; - border-color: #94a3b8; - } - - .btn.btn-secondary-outlined:active, - .btn.btn-secondary-outlined:visited { - transition: none; - color: #b9c3d0; - border-color: #b9c3d0; - } - - .btn.btn-error-outlined { - background-color: #fff; - border: 1px solid #ff233e; - color: #ff233e; - } - - .btn.btn-error-outlined:hover { - transition: background 0.05s ease-in-out; - color: #ff0a28; - border-color: #ff0a28; - } - - .btn.btn-error-outlined:hover.btn-group-item { - transition: none; - color: #ff233e; - border-color: #ff233e; - } - - .btn.btn-error-outlined:active, - .btn.btn-error-outlined:visited { - transition: none; - color: #ff6074; - border-color: #ff6074; - } - - .btn.btn-success-outlined { - background-color: #fff; - border: 1px solid #040702; - color: #040702; - } - - .btn.btn-success-outlined:hover { - transition: background 0.05s ease-in-out; - color: #000; - border-color: #000; - } - - .btn.btn-success-outlined:hover.btn-group-item { - transition: none; - color: #040702; - border-color: #040702; - } - - .btn.btn-success-outlined:active, - .btn.btn-success-outlined:visited { - transition: none; - color: #1f3710; - border-color: #1f3710; - } - - .btn.btn-warning-outlined { - background-color: #fff; - border: 1px solid #ef9b0d; - color: #ef9b0d; - } - - .btn.btn-warning-outlined:hover { - transition: background 0.05s ease-in-out; - color: #d78b0c; - border-color: #d78b0c; - } - - .btn.btn-warning-outlined:hover.btn-group-item { - transition: none; - color: #ef9b0d; - border-color: #ef9b0d; - } - - .btn.btn-warning-outlined:active, - .btn.btn-warning-outlined:visited { - transition: none; - color: #f5b344; - border-color: #f5b344; - } - - .btn.btn-blue-outlined { - background-color: #fff; - border: 1px solid #0054e6; - color: #0054e6; - } - - .btn.btn-blue-outlined:hover { - transition: background 0.05s ease-in-out; - color: #004bcd; - border-color: #004bcd; - } - - .btn.btn-blue-outlined:hover.btn-group-item { - transition: none; - color: #0054e6; - border-color: #0054e6; - } - - .btn.btn-blue-outlined:active, - .btn.btn-blue-outlined:visited { - transition: none; - color: #2474ff; - border-color: #2474ff; - } - - .btn.btn-disabled { - background-color: #cbd5e1; - border: 1px solid #cbd5e1; - color: #fff; - } - - .btn.btn-disabled:hover { - transition: background 0.05s ease-in-out; - background-color: #bbc8d8; - } - - .btn.btn-disabled:active, - .btn.btn-disabled:visited { - transition: none; - background-color: #f2f4f7; - } - - .btn.btn-clear { - border: 1px solid #fff; - color: #fff; - } - - .btn.btn-clear:hover { - transition: background 0.05s ease-in-out; - background-color: #f2f2f2; - } - - .btn.btn-clear:active, - .btn.btn-clear:visited { - transition: none; - background-color: #fff; - } - - .btn.btn-tag { - background-color: #1e293b; - border: 1px solid #1e293b; - color: #fff; - } - - .btn.btn-tag:hover { - transition: background 0.05s ease-in-out; - background-color: #151d2a; - } - - .btn.btn-tag:active, - .btn.btn-tag:visited { - transition: none; - background-color: #334564; - } - - .btn.btn-ghost { - background-color: transparent; - color: #0f172a; - border: none; - } - - .btn.btn-ghost:hover { - transition: background 0.05s ease-in-out; - color: #080d17; - border-color: #080d17; - } - - .btn.btn-ghost:hover.btn-group-item { - transition: none; - color: #0f172a; - border-color: #0f172a; - } - - .btn.btn-ghost:active, - .btn.btn-ghost:visited { - transition: none; - color: #1f3057; - border-color: #1f3057; - } - - .btn.btn-link { - background-color: #fff; - color: #0054e6; - border: none; - } - - .btn.btn-link:hover { - transition: background 0.05s ease-in-out; - color: #004bcd; - border-color: #004bcd; - } - - .btn.btn-link:hover.btn-group-item { - transition: none; - color: #0054e6; - border-color: #0054e6; - } - - .btn.btn-link:active, - .btn.btn-link:visited { - transition: none; - color: #2474ff; - border-color: #2474ff; - } - - .btn.btn-clear { - background-color: #fff; - color: #94a3b8; - border-color: #e2e8f0; - } - - .btn.btn-panel { - background-color: #f8fafc; - color: #475569; - border-color: #e2e8f0; - } - - .btn.btn-card { - background-color: #f1f5f9; - color: #1e293b; - height: 100%; - border: none; - } - - .btn.btn-card:hover { - transition: background 0.05s ease-in-out; - background-color: #dfe8f1; - } - - .btn.btn-card:active, - .btn.btn-card:visited { - transition: none; - background-color: #fff; - } - - .btn.btn-block { - display: block; - width: 100%; - } - - .btn.btn-borderless { - border: none; - } - - .btn + .btn { - margin-left: 0.8rem; - } - - .btn .icon { - height: 2rem; - width: auto; - } - - .btn .btn-inner { - height: 100%; - line-height: 100%; - } - - .btn .btn-inner .icon { - display: flex; - margin-right: 10px; - } - - .btn .btn-inner-loading { - height: 100%; - line-height: 100%; - } - - .btn .btn-inner-loading .icon { - display: flex; - margin-right: 10px; - animation: spinner 1.2s infinite; - } - - .btn.btn-addon-b { - margin-right: 0.5rem; - } - - .btn.btn-addon-b, - .btn.btn-addon-b .icon { - display: inline-block; - vertical-align: middle; - } - - .btn.btn-addon-b .icon { - margin-right: 1rem; - } - - .btn.btn-addon-a, - .btn.btn-addon-a .icon { - display: inline-block; - vertical-align: middle; - } - - .btn.btn-addon-a .icon { - margin-left: 1rem; - } - - .btn.btn-hovericon { - max-height: 2.4rem; - max-width: 2.4rem; - display: flex; - align-items: center; - justify-content: center; - padding: 0.2rem; - } - - .btn.btn-hovericon svg { - flex-shrink: 0; - width: 2rem; - height: 2rem; - } - - .btn.btn-icon { - display: flex; - align-items: center; - justify-content: center; - padding: 1.2rem; - } - - .btn.btn-icon-xs { - width: 2rem; - } - - .btn.btn-icon-sm { - width: 2.4rem; - } - - .btn.btn-icon-md { - width: 2.8rem; - } - - .btn.btn-icon-lg { - width: 4.2rem; - } - - @media (min-width: 768px) { - .btn.btn-icon-xs { - width: 2.4rem; - } - - .btn.btn-icon-sm { - width: 2.8rem; - } - - .btn.btn-icon-md { - width: 3.2rem; - } - - .btn.btn-icon-lg { - width: 4.2rem; - } - } - - .btn.btn-icon svg { - flex-shrink: 0; - width: 1.6rem; - height: 1.6rem; - } - - .btn.btn-icon.btn-md { - padding: 0; - } - - .btn.btn-icon.btn-md svg { - width: 2rem; - height: 2rem; - } - - .btn.btn-icon.btn-sm { - padding: 0.6rem; - } - - .btn.btn-icon.btn-sm svg { - width: 1.4rem; - height: 1.4rem; - } - - .btn.btn-icon.btn-xs { - padding: 0.4rem; - } - - .btn.btn-icon.btn-xs svg { - width: 1.2rem; - height: 1.2rem; - } - - .btn-group { - display: flex; - align-items: center; - padding: 0; - } - - .btn-group .btn-group-btn, - .btn-group > .btn-group-item .popup > .btn, - .btn-group > .btn-group-item > .btn { - border-left: none !important; - margin: 0; - border-radius: 0; - } - - .btn-group .btn-group-first, - .btn-group > .btn-group-item:first-child .popup > .btn, - .btn-group > .btn-group-item:first-child > .btn { - border-left: 1px solid #e2e8f0 !important; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .btn-group .btn-group-last, - .btn-group > .btn-group-item:last-child .popup > .btn, - .btn-group > .btn-group-item:last-child > .btn { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - .btn-group > .btn-group-item { - width: -moz-max-content; - width: max-content; - } - - .btn-group.btn-group-primary .btn-group-item > .btn { - background-color: #0f172a; - border: 1px solid #0f172a; - color: #fff; - } - - .btn-group.btn-group-primary .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #080d17; - } - - .btn-group.btn-group-primary .btn-group-item > .btn:active, - .btn-group.btn-group-primary .btn-group-item > .btn:visited { - transition: none; - background-color: #1f3057; - } - - .btn-group.btn-group-secondary .btn-group-item > .btn { - background-color: #94a3b8; - border: 1px solid #94a3b8; - color: #fff; - } - - .btn-group.btn-group-secondary .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #8596ae; - } - - .btn-group.btn-group-secondary .btn-group-item > .btn:active, - .btn-group.btn-group-secondary .btn-group-item > .btn:visited { - transition: none; - background-color: #b9c3d0; - } - - .btn-group.btn-group-error .btn-group-item > .btn { - background-color: #ff233e; - border: 1px solid #ff233e; - color: #fff; - } - - .btn-group.btn-group-error .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #ff0a28; - } - - .btn-group.btn-group-error .btn-group-item > .btn:active, - .btn-group.btn-group-error .btn-group-item > .btn:visited { - transition: none; - background-color: #ff6074; - } - - .btn-group.btn-group-success .btn-group-item > .btn { - background-color: #040702; - border: 1px solid #040702; - color: #fff; - } - - .btn-group.btn-group-success .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #000; - } - - .btn-group.btn-group-success .btn-group-item > .btn:active, - .btn-group.btn-group-success .btn-group-item > .btn:visited { - transition: none; - background-color: #1f3710; - } - - .btn-group.btn-group-warning .btn-group-item > .btn { - background-color: #ef9b0d; - border: 1px solid #ef9b0d; - color: #fff; - } - - .btn-group.btn-group-warning .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #d78b0c; - } - - .btn-group.btn-group-warning .btn-group-item > .btn:active, - .btn-group.btn-group-warning .btn-group-item > .btn:visited { - transition: none; - background-color: #f5b344; - } - - .btn-group.btn-group-blue .btn-group-item > .btn { - background-color: #0054e6; - border: 1px solid #0054e6; - color: #fff; - } - - .btn-group.btn-group-blue .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #004bcd; - } - - .btn-group.btn-group-blue .btn-group-item > .btn:active, - .btn-group.btn-group-blue .btn-group-item > .btn:visited { - transition: none; - background-color: #2474ff; - } - - .btn-group.btn-group-primary-outlined .btn-group-item > .btn { - background-color: #fff; - border: 1px solid #0f172a; - color: #0f172a; - } - - .btn-group.btn-group-primary-outlined .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - color: #080d17; - border-color: #080d17; - } - - .btn-group.btn-group-primary-outlined - .btn-group-item - > .btn:hover.btn-group-item { - transition: none; - color: #0f172a; - border-color: #0f172a; - } - - .btn-group.btn-group-primary-outlined .btn-group-item > .btn:active, - .btn-group.btn-group-primary-outlined .btn-group-item > .btn:visited { - transition: none; - color: #1f3057; - border-color: #1f3057; - } - - .btn-group.btn-group-secondary-outlined .btn-group-item > .btn { - background-color: #fff; - border: 1px solid #94a3b8; - color: #94a3b8; - } - - .btn-group.btn-group-secondary-outlined .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - color: #8596ae; - border-color: #8596ae; - } - - .btn-group.btn-group-secondary-outlined - .btn-group-item - > .btn:hover.btn-group-item { - transition: none; - color: #94a3b8; - border-color: #94a3b8; - } - - .btn-group.btn-group-secondary-outlined .btn-group-item > .btn:active, - .btn-group.btn-group-secondary-outlined .btn-group-item > .btn:visited { - transition: none; - color: #b9c3d0; - border-color: #b9c3d0; - } - - .btn-group.btn-group-error-outlined .btn-group-item > .btn { - background-color: #fff; - border: 1px solid #ff233e; - color: #ff233e; - } - - .btn-group.btn-group-error-outlined .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - color: #ff0a28; - border-color: #ff0a28; - } - - .btn-group.btn-group-error-outlined - .btn-group-item - > .btn:hover.btn-group-item { - transition: none; - color: #ff233e; - border-color: #ff233e; - } - - .btn-group.btn-group-error-outlined .btn-group-item > .btn:active, - .btn-group.btn-group-error-outlined .btn-group-item > .btn:visited { - transition: none; - color: #ff6074; - border-color: #ff6074; - } - - .btn-group.btn-group-success-outlined .btn-group-item > .btn { - background-color: #fff; - border: 1px solid #040702; - color: #040702; - } - - .btn-group.btn-group-success-outlined .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - color: #000; - border-color: #000; - } - - .btn-group.btn-group-success-outlined - .btn-group-item - > .btn:hover.btn-group-item { - transition: none; - color: #040702; - border-color: #040702; - } - - .btn-group.btn-group-success-outlined .btn-group-item > .btn:active, - .btn-group.btn-group-success-outlined .btn-group-item > .btn:visited { - transition: none; - color: #1f3710; - border-color: #1f3710; - } - - .btn-group.btn-group-warning-outlined .btn-group-item > .btn { - background-color: #fff; - border: 1px solid #ef9b0d; - color: #ef9b0d; - } - - .btn-group.btn-group-warning-outlined .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - color: #d78b0c; - border-color: #d78b0c; - } - - .btn-group.btn-group-warning-outlined - .btn-group-item - > .btn:hover.btn-group-item { - transition: none; - color: #ef9b0d; - border-color: #ef9b0d; - } - - .btn-group.btn-group-warning-outlined .btn-group-item > .btn:active, - .btn-group.btn-group-warning-outlined .btn-group-item > .btn:visited { - transition: none; - color: #f5b344; - border-color: #f5b344; - } - - .btn-group.btn-group-blue-outlined .btn-group-item > .btn { - background-color: #fff; - border: 1px solid #0054e6; - color: #0054e6; - } - - .btn-group.btn-group-blue-outlined .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - color: #004bcd; - border-color: #004bcd; - } - - .btn-group.btn-group-blue-outlined - .btn-group-item - > .btn:hover.btn-group-item { - transition: none; - color: #0054e6; - border-color: #0054e6; - } - - .btn-group.btn-group-blue-outlined .btn-group-item > .btn:active, - .btn-group.btn-group-blue-outlined .btn-group-item > .btn:visited { - transition: none; - color: #2474ff; - border-color: #2474ff; - } - - .btn-group.btn-group-disabled .btn-group-item > .btn { - background-color: #cbd5e1; - border: 1px solid #cbd5e1; - color: #fff; - } - - .btn-group.btn-group-disabled .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #bbc8d8; - } - - .btn-group.btn-group-disabled .btn-group-item > .btn:active, - .btn-group.btn-group-disabled .btn-group-item > .btn:visited { - transition: none; - background-color: #f2f4f7; - } - - .btn-group.btn-group-clear .btn-group-item > .btn { - border: 1px solid #fff; - color: #fff; - } - - .btn-group.btn-group-clear .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #f2f2f2; - } - - .btn-group.btn-group-clear .btn-group-item > .btn:active, - .btn-group.btn-group-clear .btn-group-item > .btn:visited { - transition: none; - background-color: #fff; - } - - .btn-group.btn-group-tag .btn-group-item > .btn { - background-color: #1e293b; - border: 1px solid #1e293b; - color: #fff; - } - - .btn-group.btn-group-tag .btn-group-item > .btn:hover { - transition: background 0.05s ease-in-out; - background-color: #151d2a; - } - - .btn-group.btn-group-tag .btn-group-item > .btn:active, - .btn-group.btn-group-tag .btn-group-item > .btn:visited { - transition: none; - background-color: #334564; - } - - .btn-group.btn-group-ghost .btn-group-item .btn { - background-color: transparent; - color: #0f172a; - border: none; - } - - .btn-group.btn-group-ghost .btn-group-item .btn:hover { - transition: background 0.05s ease-in-out; - color: #080d17; - border-color: #080d17; - } - - .btn-group.btn-group-ghost .btn-group-item .btn:hover.btn-group-item { - transition: none; - color: #0f172a; - border-color: #0f172a; - } - - .btn-group.btn-group-ghost .btn-group-item .btn:active, - .btn-group.btn-group-ghost .btn-group-item .btn:visited { - transition: none; - color: #1f3057; - border-color: #1f3057; - } - - .btn-group.btn-group-link .btn-group-item .btn { - background-color: #fff; - color: #0054e6; - border: none; - } - - .btn-group.btn-group-link .btn-group-item .btn:hover { - transition: background 0.05s ease-in-out; - color: #004bcd; - border-color: #004bcd; - } - - .btn-group.btn-group-link .btn-group-item .btn:hover.btn-group-item { - transition: none; - color: #0054e6; - border-color: #0054e6; - } - - .btn-group.btn-group-link .btn-group-item .btn:active, - .btn-group.btn-group-link .btn-group-item .btn:visited { - transition: none; - color: #2474ff; - border-color: #2474ff; - } - - .btn-group.btn-group-clear .btn-group-item > .btn, - .btn-group.btn-group-clear .btn-group-item > div, - .btn-group.btn-group-clear .btn-group-item > div > .btn { - background-color: #fff; - color: #94a3b8; - border-color: #e2e8f0; - } - - .card-item { - height: 100%; - } - - .card-item, - .input { - border: 1px solid #e2e8f0; - border-radius: 2px; - } - - .input { - display: inline-block; - padding-left: 1.2rem; - padding-right: 1.6rem; - line-height: 0; - align-items: center; - } - - .input-xs { - height: 2rem; - } - - .input-sm { - height: 2.4rem; - } - - .input-md { - height: 2.8rem; - } - - .input-lg { - height: 4.2rem; - } - - @media (min-width: 768px) { - .input-xs { - height: 2.4rem; - } - - .input-sm { - height: 2.8rem; - } - - .input-md { - height: 3.2rem; - } - - .input-lg { - height: 4.2rem; - } - } - - .input-xs { - font-size: 0.8rem; - } - - .input-sm { - font-size: 1rem; - } - - .input-md { - font-size: 1.2rem; - } - - .input-lg, - .input-xl { - font-size: 1.6rem; - } - - @media (min-width: 768px) { - .input-xs { - font-size: 1rem; - } - - .input-sm { - font-size: 1.2rem; - } - - .input-md { - font-size: 1.4rem; - } - - .input-lg { - font-size: 1.6rem; - } - - .input-xl { - font-size: 2rem; - } - } - - .input input { - border: none; - flex-grow: 1; - height: 100%; - outline: none; - color: #0f172a; - } - - .input input:focus, - .input input:focus-visible { - outline: none; - outline-width: 0 !important; - } - - .input :focus::-moz-placeholder { - opacity: 0.37; - } - - .input :focus::placeholder { - opacity: 0.37; - } - - .input.input-block { - width: 100%; - } - - .input input::-moz-placeholder { - color: #475569; - } - - .input input::placeholder { - color: #475569; - } - - .input.input-disabled.nonstyled, - .input.input-disabled.nonstyled input { - background-color: transparent; - color: #1e293b; - } - - .input.input-disabled:not(.nonstyled), - .input.input-disabled:not(.nonstyled) input, - .input.input-readonly:not(.nonstyled), - .input.input-readonly:not(.nonstyled) input { - background-color: #f1f5f9 !important; - color: #475569; - } - - .input.input-add-on-before input { - margin-left: 0.8rem; - } - - .input.input-add-on-after input { - margin-right: 1.6rem; - } - - .input.input-ghost { - border: none; - height: auto; - padding-left: 0; - padding-right: 0; - } - - .input.input-ghost input { - background-color: transparent; - } - - .input.input-xs { - padding-left: 0.4rem; - padding-right: 0.4rem; - } - - .input.input-xs.input-add-on-before input { - margin-left: 0.4rem; - } - - .input.input-xs.input-add-on-after input { - margin-right: 0.4rem; - } - - .input.input-xs svg { - width: 1rem; - height: 1rem; - } - - .input.input-sm { - padding-left: 1rem; - padding-right: 1rem; - } - - .input.input-sm.input-add-on-before input { - margin-left: 1rem; - } - - .input.input-sm.input-add-on-after input { - margin-right: 1rem; - } - - .textarea { - display: inline-block; - border: 1px solid #e2e8f0; - border-radius: 0.4rem; - padding: 0.8rem 1rem; - line-height: 0; - align-items: center; - } - - .textarea-xs { - min-height: 2rem; - } - - .textarea-sm { - min-height: 2.4rem; - } - - .textarea-md { - min-height: 2.8rem; - } - - .textarea-lg { - min-height: 4.2rem; - } - - @media (min-width: 768px) { - .textarea-xs { - min-height: 2.4rem; - } - - .textarea-sm { - min-height: 2.8rem; - } - - .textarea-md { - min-height: 3.2rem; - } - - .textarea-lg { - min-height: 4.2rem; - } - } - - .textarea-xs { - line-height: 0.8rem; - } - - .textarea-sm { - line-height: 1rem; - } - - .textarea-md { - line-height: 1.2rem; - } - - .textarea-lg, - .textarea-xl { - line-height: 1.6rem; - } - - @media (min-width: 768px) { - .textarea-xs { - line-height: 1rem; - } - - .textarea-sm { - line-height: 1.2rem; - } - - .textarea-md { - line-height: 1.4rem; - } - - .textarea-lg { - line-height: 1.6rem; - } - - .textarea-xl { - line-height: 2rem; - } - } - - .textarea textarea { - border: none; - flex-grow: 1; - height: 100%; - outline: none; - color: #0f172a; - resize: none; - } - - .textarea textarea:focus, - .textarea textarea:focus-visible { - outline: none; - outline-width: 0 !important; - color: var(--gray-5); - } - - .textarea.textarea-block { - width: 100%; - } - - .textarea textarea::-moz-placeholder { - color: #475569; - } - - .textarea textarea::placeholder { - color: #475569; - } - - .textarea :focus::-moz-placeholder { - opacity: 0.5; - } - - .textarea :focus::placeholder { - opacity: 0.5; - } - - .textarea.textarea-disabled, - .textarea.textarea-disabled textarea, - .textarea.textarea-readonly, - .textarea.textarea-readonly textarea { - background-color: #f1f5f9 !important; - color: #475569; - } - - .textarea.textarea-add-on-before textarea { - margin-left: 1.6rem; - } - - .textarea.textarea-add-on-after textarea { - margin-right: 1.6rem; - } - - .textarea.textarea-ghost { - border: none; - height: auto; - padding-left: 0; - padding-right: 0; - } - - .textarea.textarea-ghost textarea { - background-color: transparent; - } - - .textarea:focus-within { - border-color: var(--gray-4); - } - - .add-on-after-icon { - fill: var(--gray-2); - } - - .typing { - fill: #0f172a; - } - - .textarea__textarea { - line-height: 1.9rem; - } - - .tooltip { - display: inline-block; - position: relative; - } - - .tooltip .tooltip-tip { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - position: absolute; - padding: 0.8rem; - border-radius: 4px; - background-color: #94a3b8; - color: #fff; - font-weight: 600; - font-size: 1.2rem; - line-height: 1rem; - z-index: 5; - width: -moz-max-content; - width: max-content; - word-break: break-all; - max-width: 20rem; - } - - .tooltip .tooltip-tip.tooltip-bottom-center { - left: 50%; - transform: translateX(-50%); - margin-top: 0.8rem; - } - - .tooltip .tooltip-tip.tooltip-bottom-left { - left: 0; - margin-top: 0.8rem; - } - - .tooltip .tooltip-tip.tooltip-bottom-right { - right: 0; - margin-top: 0.8rem; - } - - .tooltip .tooltip-tip.tooltip-top-center { - bottom: 100%; - left: 50%; - transform: translateX(-50%); - margin-bottom: 0.8rem; - } - - .tooltip .tooltip-tip.tooltip-top-left { - bottom: 100%; - left: 0; - margin-bottom: 0.8rem; - } - - .tooltip .tooltip-tip.tooltip-top-right { - bottom: 100%; - right: 0; - margin-bottom: 0.8rem; - } - - .popup { - display: inline-block; - position: relative; - } - - .popup .popup-menu { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - list-style: none; - padding: 0; - position: absolute; - border-radius: 2px; - background-color: #fff; - box-shadow: 1.5rem 1.2rem 1.5rem hsla(0, 0%, 94%, 0.5); - color: #94a3b8; - font-weight: 400; - font-size: 0.8rem; - line-height: 1rem; - z-index: 3; - width: -moz-max-content; - width: max-content; - word-break: break-all; - max-width: 20rem; - } - - .popup .popup-menu.popup-menu-bottom-center { - left: 50%; - transform: translateX(-50%); - margin-top: 0.4rem; - } - - .popup .popup-menu.popup-menu-bottom-left { - left: 0; - margin-top: 0.4rem; - } - - .popup .popup-menu.popup-menu-bottom-right { - right: 0; - margin-top: 0.4rem; - } - - .popup .popup-menu.popup-menu-top-center { - bottom: 100%; - left: 50%; - transform: translateX(-50%); - margin-bottom: 0.4rem; - } - - .popup .popup-menu.popup-menu-top-left { - bottom: 100%; - left: 0; - margin-bottom: 0.4rem; - } - - .popup .popup-menu.popup-menu-top-right { - bottom: 100%; - right: 0; - margin-bottom: 0.4rem; - } - - .collapse .collapse-header { - cursor: pointer; - } - - .collapse .collapse-header .collapse-arrow { - stroke: #475569; - vertical-align: middle; - transition: transform 0.2s; - } - - .collapse .collapse-header .collapse-title { - vertical-align: middle; - } - - .collapse .collapse-body { - box-sizing: content-box; - overflow: hidden; - transition: all 0.2s; - max-height: 30rem; - } - - .collapse.collapse-collapsed .collapse-header .collapse-arrow { - transform: rotate(90deg); - } - - .collapse.collapse-collapsed .collapse-body { - height: 0 !important; - max-height: 0; - } - - .dropdown { - display: inline-block; - position: relative; - letter-spacing: 0; - } - - .dropdown .dropdown-menu { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - list-style: none; - padding: 0; - border-radius: 2px; - background-color: #fff; - box-shadow: 0 0.5rem 1.5rem #cbd5e1; - color: #475569; - font-weight: 700; - font-size: 0.8rem; - line-height: 1rem; - z-index: 3; - width: -moz-max-content; - width: max-content; - word-break: break-all; - max-width: 20rem; - margin: 0; - } - - .dropdown .dropdown-menu.dropdown-menu-bottom-center { - left: 50%; - transform: translateX(-50%); - margin-top: 0.4rem; - } - - .dropdown .dropdown-menu.dropdown-menu-bottom-left { - left: 0; - margin-top: 0.4rem; - } - - .dropdown .dropdown-menu.dropdown-menu-bottom-right { - right: 0; - margin-top: 0.4rem; - } - - .dropdown .dropdown-menu.dropdown-menu-top-center { - bottom: 100%; - left: 50%; - transform: translateX(-50%); - margin-bottom: 0.4rem; - } - - .dropdown .dropdown-menu.dropdown-menu-top-left { - bottom: 100%; - left: 0; - margin-bottom: 0.4rem; - } - - .dropdown .dropdown-menu.dropdown-menu-top-right { - bottom: 100%; - right: 0; - margin-bottom: 0.4rem; - } - - .dropdown .dropdown-menu .dropdown-menu-divider { - width: 100%; - background-color: #e2e8f0; - height: 1px; - } - - .dropdown .dropdown-menu .dropdown-menu-item { - padding: 1.2rem; - cursor: pointer; - } - - .dropdown .dropdown-menu .dropdown-menu-item:hover { - background-color: #f8fafc; - } - - .modal { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - mix-blend-mode: normal; - -webkit-backdrop-filter: blur(1px); - backdrop-filter: blur(1px); - background-color: rgba(0, 0, 0, 0.5); - z-index: 2147483647; - transition: background 0.05s ease-in-out; - } - - .modal .modal-container-inner { - width: 100%; - height: 100%; - background-color: transparent; - position: relative; - } - - .modal .modal-wrapper { - background-color: #fff; - position: absolute; - bottom: 0; - width: 100%; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - box-shadow: 0 1px 0 #e2e8f0; - display: flex; - flex-direction: column; - padding: 2.4rem; - } - - .modal .modal-wrapper .modal-header { - padding: 0 0 2.4rem; - flex-shrink: 0; - } - - .modal .modal-wrapper .modal-body { - padding: 0 4px; - flex-grow: 1; - overflow-y: auto; - overflow-x: hidden; - } - - .modal .modal-wrapper .modal-footer { - padding: 2.4rem 0 0; - flex-shrink: 0; - } - - .modal.modal-mobile .modal-wrapper { - transition: max-height 0.2s cubic-bezier(0, 0.6, 0.75, 1); - height: auto; - } - - .modal.modal-mobile .modal-wrapper .modal-mobile-swiper { - position: absolute; - width: 100%; - height: 5.3rem; - display: flex; - justify-content: center; - flex-shrink: 0; - padding-top: 1rem; - } - - .modal.modal-mobile - .modal-wrapper - .modal-mobile-swiper - .modal-mobile-swiper-button { - width: 3.2rem; - height: 0.4rem; - border-radius: 1px; - background-color: #e2e8f0; - } - - .modal.modal-invisible { - pointer-events: none; - -webkit-backdrop-filter: none; - backdrop-filter: none; - background-color: transparent; - } - - .modal.modal-invisible .modal-wrapper { - max-height: 0 !important; - overflow: hidden; - } - - @media (min-width: 480px) { - .modal .modal-container-inner { - display: flex; - align-items: center; - justify-content: center; - } - - .modal .modal-container-inner .modal-wrapper { - position: static; - width: 46rem; - max-height: 90vh; - border-radius: 2px; - } - } - - @media (min-width: 768px) { - .modal .modal-container-inner .modal-wrapper { - width: 500px; - } - } - - .tabs { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - display: flex; - flex-direction: column; - flex-grow: 1; - } - - .tabs.classic .tabs-list { - display: flex; - gap: 1.6rem; - flex-shrink: 0; - border-bottom: 1px solid #e2e8f0; - } - - .tabs.classic .tabs-list .tabs-list-item { - position: relative; - cursor: pointer; - padding: 0.8rem 0; - margin-right: 2.4rem; - } - - .tabs.classic .tabs-list .tabs-list-item.tabs-list-item-active { - font-weight: 700; - padding-left: 4px; - padding-right: 4px; - } - - .tabs.classic - .tabs-list - .tabs-list-item.tabs-list-item-active - .tabs-list-item-bottom { - visibility: visible; - position: absolute; - height: 3px; - background-color: #0f172a; - border-radius: 3px; - bottom: -2px; - left: 0; - right: 0; - } - - .tabs.classic .tabs-list .tabs-list-item.tabs-list-item-disabled { - cursor: not-allowed; - } - - .tabs.classic .tabs-list .tabs-list-item .tabs-list-item-bottom { - visibility: hidden; - } - - .tabs.rounded .tabs-list { - justify-content: space-between; - display: flex; - gap: 0.2rem; - flex-shrink: 0; - } - - .tabs.rounded .tabs-list .tabs-list-item { - position: relative; - cursor: pointer; - padding: 0.8rem 1rem; - font-weight: 500; - color: #000; - } - - .tabs.rounded .tabs-list .tabs-list-item.tabs-list-item-active { - background-color: #f1f5f9; - border-radius: 36px; - } - - .tabs.rounded .tabs-list .tabs-list-item.tabs-list-item-disabled { - cursor: not-allowed; - } - - .tabs.rounded .tabs-list .tabs-list-item .tabs-list-item-bottom { - visibility: hidden; - } - - .tabs .tabs-contents { - flex-grow: 1; - } - - .spin { - position: relative; - } - - .spin.spin-solo .spin-spinner { - position: static; - left: auto; - top: auto; - transform: none; - } - - .spin.spin-hidden { - visibility: hidden; - } - - .spin .spin-bg, - .spin .spin-spinner { - display: none; - } - - .spin.spin-active .spin-bg { - display: block; - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - background-color: transparent; - -webkit-backdrop-filter: blur(0.06rem); - backdrop-filter: blur(0.06rem); - } - - .spin.spin-active .spin-spinner { - display: inline-block; - } - - .spin .spin-spinner { - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - } - - .spin .spin-spinner, - .spin .spin-spinner div { - position: absolute; - width: 1.6rem; - height: 1.6rem; - } - - .spin .spin-spinner div { - box-sizing: border-box; - display: block; - border-radius: 100%; - animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border: 3px solid transparent; - border-top-color: #0f172a; - } - - .spin .spin-spinner div:first-child { - animation-delay: -0.45s; - } - - .spin .spin-spinner div:nth-child(2) { - animation-delay: -0.3s; - } - - .spin .spin-spinner div:nth-child(3) { - animation-delay: -0.15s; - } - - .spin.spin-primary .spin-spinner div { - border-color: #0f172a transparent transparent; - } - - .spin.spin-secondary .spin-spinner div { - border-color: #94a3b8 transparent transparent; - } - - .spin.spin-error .spin-spinner div { - border-color: #ff233e transparent transparent; - } - - .spin.spin-success .spin-spinner div { - border-color: #040702 transparent transparent; - } - - .spin.spin-warning .spin-spinner div { - border-color: #ef9b0d transparent transparent; - } - - .spin.spin-blue .spin-spinner div { - border-color: #0054e6 transparent transparent; - } - - .spin.spin-disabled .spin-spinner div { - border-color: #475569 transparent transparent; - } - - .spin.spin-gray4 .spin-spinner div { - border-color: #94a3b8 transparent transparent; - } - - .spin.spin-gray5 .spin-spinner div { - border-color: #475569 transparent transparent; - } - - .spin.spin-gray6 .spin-spinner div { - border-color: #1e293b transparent transparent; - } - - .spin.spin-white .spin-spinner div { - border-color: #fff transparent transparent; - } - - .spin.spin-light .spin-spinner div { - border-width: 1px; - } - - .spin.spin-strong .spin-spinner div { - border-width: 4px; - } - - .spin-size-xs, - .spin-size-xs .spin-spinner, - .spin-size-xs .spin-spinner div { - height: 1.2rem; - width: 1.2rem; - } - - .spin-size-sm, - .spin-size-sm .spin-spinner, - .spin-size-sm .spin-spinner div { - height: 1.6rem; - width: 1.6rem; - } - - .spin-size-md, - .spin-size-md .spin-spinner, - .spin-size-md .spin-spinner div { - height: 2rem; - width: 2rem; - } - - .spin-size-lg, - .spin-size-lg .spin-spinner, - .spin-size-lg .spin-spinner div { - height: 2.4rem; - width: 2.4rem; - } - - .select { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - position: relative; - box-shadow: 0; - transition: box-shadow; - transition-duration: 0; - transition-timing-function: ease-in-out; - } - - .select .select-input { - display: flex; - align-items: center; - justify-content: space-between; - min-width: 7rem; - border-radius: 2px; - padding: 1.6rem 2.4rem 1.6rem 1.2rem; - cursor: pointer; - } - - .select .select-input-xs { - height: 2rem; - } - - .select .select-input-sm { - height: 2.4rem; - } - - .select .select-input-md { - height: 2.8rem; - } - - .select .select-input-lg { - height: 4.2rem; - } - - @media (min-width: 768px) { - .select .select-input-xs { - height: 2.4rem; - } - - .select .select-input-sm { - height: 2.8rem; - } - - .select .select-input-md { - height: 3.2rem; - } - - .select .select-input-lg { - height: 4.2rem; - } - } - - .select .select-input .select-input-arrow { - transform: rotate(180deg); - margin-left: 0.8rem; - position: absolute; - right: 0.8rem; - margin-top: 0.2rem; - } - - .select .select-input .select-selections { - display: flex; - align-items: center; - gap: 0.8rem; - } - - .select .select-input .select-placeholder { - color: #ebeff4; - font-weight: 300; - } - - .select.select-w-auto .select-input { - min-width: auto; - } - - .select.select-disabled .select-input { - background-color: #f1f5f9; - cursor: not-allowed; - } - - .select.select-disabled.select-multiple .select-input .select-input-item { - background-color: #37559b; - } - - .select.select-multiple .select-input { - overflow: hidden; - word-break: normal; - text-overflow: ellipsis; - } - - .select.select-multiple .select-input .select-input-item { - display: flex; - align-items: center; - background-color: #0f172a; - color: #fff; - border-radius: 2px; - padding: 0.2rem 0.8rem; - word-break: normal; - text-overflow: ellipsis; - font-weight: 300; - font-size: 0.8rem; - white-space: pre; - } - - .select.select-multiple .select-input .select-input-item:hover { - background-color: #37559b; - } - - .select.select-multiple - .select-input - .select-input-item - .select-multiple-close-icon { - stroke: #fff; - height: 1rem; - width: 1rem; - line-height: 1.3rem; - margin-left: 0.4rem; - } - - .select.select-bordered .select-input { - border: 1px solid #e2e8f0; - } - - .select .select-menu { - overflow: hidden; - height: 0; - opacity: 0; - box-shadow: 0 0.5rem 1.5rem #cbd5e1; - pointer-events: none; - position: absolute; - left: 0; - right: 0; - background-color: #fff; - z-index: 4; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - max-height: 14.5rem; - overflow: auto; - } - - .select .select-menu .option { - padding: 0.4rem 0.8rem; - display: flex; - align-items: center; - } - - .select .select-menu .option-xs { - height: 2rem; - } - - .select .select-menu .option-sm { - height: 2.4rem; - } - - .select .select-menu .option-md { - height: 2.8rem; - } - - .select .select-menu .option-lg { - height: 4.2rem; - } - - @media (min-width: 768px) { - .select .select-menu .option-xs { - height: 2.4rem; - } - - .select .select-menu .option-sm { - height: 2.8rem; - } - - .select .select-menu .option-md { - height: 3.2rem; - } - - .select .select-menu .option-lg { - height: 4.2rem; - } - } - - .select .select-menu .option:hover { - background-color: #f8fafc; - cursor: pointer; - } - - .select .select-menu .option.option-selected { - color: #0f172a; - font-weight: 600; - } - - .select .select-menu .option.option-divider { - border-bottom: 1px solid #e2e8f0; - border-top: 1px solid #e2e8f0; - } - - .select .select-menu .option.option-divider:first-child { - border-bottom: 1px solid #e2e8f0; - border-top: none; - } - - .select .select-menu .option.option-divider:last-child { - border-top: 1px solid #e2e8f0; - border-bottom: none; - } - - .select.select-open { - box-shadow: 0 0.5rem 1.5rem #cbd5e1; - } - - .select.select-open .select-menu { - height: auto; - opacity: 1; - pointer-events: auto; - } - - .select.select-open.select-bordered .select-input { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - - .select.select-open.select-bordered .select-menu { - border: 1px solid #e2e8f0; - border-top: 0; - } - - .select.select-ghost { - box-shadow: none; - } - - .select.select-ghost .select-input { - background-color: transparent; - box-shadow: none; - justify-content: end; - padding-right: 1.6rem; - } - - .select.select-ghost .select-input .select-input-arrow { - margin-right: 0; - right: 0; - } - - .select.select-ghost .select-menu { - box-shadow: 0 0.5rem 1.5rem #cbd5e1; - margin-top: -1px; - } - - @media (min-width: 768px) { - .select .select-menu { - max-height: 17rem; - } - } - - .cbx { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - } - - .cbx-xs { - height: 2rem; - } - - .cbx-sm { - height: 2.4rem; - } - - .cbx-md { - height: 2.8rem; - } - - .cbx-lg { - height: 4.2rem; - } - - @media (min-width: 768px) { - .cbx-xs { - height: 2.4rem; - } - - .cbx-sm { - height: 2.8rem; - } - - .cbx-md { - height: 3.2rem; - } - - .cbx-lg { - height: 4.2rem; - } - } - - .cbx .cbx-container { - display: block; - cursor: pointer; - } - - .cbx .cbx-container .cbx-input { - position: absolute; - opacity: 0; - cursor: pointer; - height: 0; - width: 0; - } - - .cbx .cbx-container .cbx-checkmark { - height: 1.6rem; - width: 1.6rem; - display: inline-block; - border: 1px solid #e2e8f0; - border-radius: 2px; - vertical-align: bottom; - margin-right: 0.6rem; - transition: background 0.05s ease-in-out; - } - - .cbx .cbx-container .cbx-checkmark:after { - content: ""; - position: absolute; - display: none; - } - - .cbx .cbx-container .cbx-checkmark .cbx-tick { - stroke: #fff; - fill: "transparent"; - stroke-width: 1.5; - padding: 1px; - width: 100%; - height: 100%; - } - - .cbx.cbx-checked .cbx-checkmark { - background-color: #0f172a; - } - - .cbx.cbx-disabled .cbx-container { - cursor: not-allowed; - } - - .cbx.cbx-disabled .cbx-container .cbx-checkmark { - background-color: #f1f5f9; - } - - .cbx.cbx-disabled.cbx-checked .cbx-checkmark { - background-color: #37559b; - } - - .search { - position: relative; - } - - .search-xs { - height: 2rem; - } - - .search-sm { - height: 2.4rem; - } - - .search-md { - height: 2.8rem; - } - - .search-lg { - height: 4.2rem; - } - - @media (min-width: 768px) { - .search-xs { - height: 2.4rem; - } - - .search-sm { - height: 2.8rem; - } - - .search-md { - height: 3.2rem; - } - - .search-lg { - height: 4.2rem; - } - } - - .search .search-menu { - position: absolute; - z-index: 3; - background-color: #fff; - box-shadow: 0 0.5rem 1.5rem #cbd5e1; - left: 0; - right: 0; - border-radius: 2px; - padding: 0; - max-height: 0; - overflow: auto; - transition: max-height 0.2s ease-in-out; - } - - .search.search-open .search-menu { - max-height: 24rem; - } - - .switch { - width: 3rem; - height: 1.6rem; - background-color: #e2e8f0; - border-radius: 4px; - border: none; - align-items: center; - position: relative; - padding: 1px; - transition: background 0.2s ease-in-out; - vertical-align: middle; - } - - .switch-primary.switch-checked { - background-color: #0f172a; - } - - .switch-secondary.switch-checked { - background-color: #94a3b8; - } - - .switch-error.switch-checked { - background-color: #ff233e; - } - - .switch-success.switch-checked { - background-color: #040702; - } - - .switch-warning.switch-checked { - background-color: #ef9b0d; - } - - .switch-blue.switch-checked { - background-color: #0054e6; - } - - .switch-disabled.switch-checked { - background-color: #475569; - } - - .switch-gray4.switch-checked { - background-color: #94a3b8; - } - - .switch-gray5.switch-checked { - background-color: #475569; - } - - .switch-gray6.switch-checked { - background-color: #1e293b; - } - - .switch .switch-knob, - .switch-white.switch-checked { - background-color: #fff; - } - - .switch .switch-knob { - width: 1.4rem; - height: 1.4rem; - border-radius: 100%; - transition: transform 0.2s ease-in-out; - } - - .switch.switch-checked .switch-knob { - transform: translateX(100%); - } - - .switch.switch-disabled { - cursor: not-allowed; - } - - .tag { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - position: relative; - width: -moz-fit-content; - width: fit-content; - padding: 0.3rem 0.8rem; - border-radius: 2px; - vertical-align: middle; - font-weight: 600; - overflow: hidden; - word-break: normal; - text-overflow: ellipsis; - } - - .tag.tag-circle { - border-radius: 1.8rem; - } - - .tag.tag-tag { - background-color: #1e293b; - color: #0f172a; - border: 1px solid #1e293b; - } - - .tag.tag-tag .tag-remove { - background: linear-gradient(90deg, transparent, #1e293b 50%, #1e293b); - } - - .tag.tag-soon { - background-color: #475569; - color: #fff; - } - - .tag.tag-editable { - cursor: text; - min-width: 3rem; - } - - .tag.tag-clickable { - cursor: pointer; - pointer-events: auto; - } - - .tag .input.input-ghost { - height: 1.2rem; - } - - .tag .input.input-ghost input { - width: 8rem; - } - - .tag .tag-remove { - position: static; - display: inline-block; - vertical-align: middle; - pointer-events: none; - height: 100%; - line-height: 100%; - right: 0; - top: 0; - border-radius: 1.8rem; - transition: opacity 0.2s ease-in-out; - height: auto; - } - - .tag .tag-remove .tag-remove-icon { - width: 1rem; - height: 1rem; - } - - .tag.tag-removable .tag-remove { - pointer-events: all; - } - - @media (min-width: 1200px) { - .tag .tag-remove { - height: 100%; - margin-left: 0; - position: absolute; - width: 2.8rem; - display: flex; - align-items: center; - justify-content: flex-end; - transition: opacity 0.2s ease-in-out; - opacity: 0; - } - - .tag .tag-remove .tag-remove-icon { - margin-right: 0.6rem; - } - - .tag.tag-removable .tag-remove { - pointer-events: all; - } - - .tag.tag-removable .tag-remove:hover { - opacity: 1; - pointer-events: all; - cursor: pointer; - } - } - - .tag.tag-primary { - background-color: #0f172a; - color: #fff; - border: 1px solid #0f172a; - } - - .tag.tag-primary .tag-remove { - background: linear-gradient(90deg, transparent, #0f172a 50%, #0f172a); - } - - .tag.tag-primary .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-secondary { - background-color: #94a3b8; - color: #fff; - border: 1px solid #94a3b8; - } - - .tag.tag-secondary .tag-remove { - background: linear-gradient(90deg, transparent, #94a3b8 50%, #94a3b8); - } - - .tag.tag-secondary .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-error { - background-color: #ff233e; - color: #fff; - border: 1px solid #ff233e; - } - - .tag.tag-error .tag-remove { - background: linear-gradient(90deg, transparent, #ff233e 50%, #ff233e); - } - - .tag.tag-error .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-success { - background-color: #040702; - color: #fff; - border: 1px solid #040702; - } - - .tag.tag-success .tag-remove { - background: linear-gradient(90deg, transparent, #040702 50%, #040702); - } - - .tag.tag-success .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-warning { - background-color: #ef9b0d; - color: #fff; - border: 1px solid #ef9b0d; - } - - .tag.tag-warning .tag-remove { - background: linear-gradient(90deg, transparent, #ef9b0d 50%, #ef9b0d); - } - - .tag.tag-warning .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-blue { - background-color: #0054e6; - color: #fff; - border: 1px solid #0054e6; - } - - .tag.tag-blue .tag-remove { - background: linear-gradient(90deg, transparent, #0054e6 50%, #0054e6); - } - - .tag.tag-blue .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-primary-outlined { - background-color: #fff; - color: #0f172a; - border: 1px solid #0f172a; - box-sizing: content-box; - } - - .tag.tag-primary-outlined .tag-remove .tag-remove-icon { - stroke: #0f172a; - } - - .tag.tag-secondary-outlined { - background-color: #fff; - color: #94a3b8; - border: 1px solid #94a3b8; - box-sizing: content-box; - } - - .tag.tag-secondary-outlined .tag-remove .tag-remove-icon { - stroke: #94a3b8; - } - - .tag.tag-error-outlined { - background-color: #fff; - color: #ff233e; - border: 1px solid #ff233e; - box-sizing: content-box; - } - - .tag.tag-error-outlined .tag-remove .tag-remove-icon { - stroke: #ff233e; - } - - .tag.tag-success-outlined { - background-color: #fff; - color: #040702; - border: 1px solid #040702; - box-sizing: content-box; - } - - .tag.tag-success-outlined .tag-remove .tag-remove-icon { - stroke: #040702; - } - - .tag.tag-warning-outlined { - background-color: #fff; - color: #ef9b0d; - border: 1px solid #ef9b0d; - box-sizing: content-box; - } - - .tag.tag-warning-outlined .tag-remove .tag-remove-icon { - stroke: #ef9b0d; - } - - .tag.tag-blue-outlined { - background-color: #fff; - color: #0054e6; - border: 1px solid #0054e6; - box-sizing: content-box; - } - - .tag.tag-blue-outlined .tag-remove .tag-remove-icon { - stroke: #0054e6; - } - - .tag.tag-disabled { - background-color: #cbd5e1; - color: #fff; - border: 1px solid #cbd5e1; - } - - .tag.tag-disabled .tag-remove { - background: linear-gradient(90deg, transparent, #cbd5e1 50%, #cbd5e1); - } - - .tag.tag-disabled .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-clear { - color: #fff; - border: 1px solid #fff; - } - - .tag.tag-clear .tag-remove { - background: linear-gradient(90deg, transparent, #fff 50%, #fff); - } - - .tag.tag-clear .tag-remove .tag-remove-icon { - stroke: #fff; - } - - .tag.tag-clear { - background-color: #fff; - color: #94a3b8; - border-color: #e2e8f0; - } - - .list { - display: grid; - list-style: none; - margin: 0; - padding: 0; - } - - .list .list-item { - background-color: hsla(0, 0%, 100%, 0.8); - cursor: default; - opacity: 1; - } - - .list .list-item .list-divider { - height: 1px; - width: 100%; - background-color: #e2e8f0; - } - - .radio-group { - border: 1px solid #e2e8f0; - border-radius: 2px; - } - - .radio-group .radio-group-button.btn:hover { - background-color: unset !important; - } - - .radio-group .radio-group-button.radio-group-button-selected.btn { - background-color: #1e293b; - color: #0f172a; - } - - .radio-group .radio-group-button.radio-group-button-selected.btn:hover { - background-color: #1e293b !important; - } - - .divider { - background-color: #e2e8f0; - } - - .divider.divider-horizontal { - height: 1px; - width: 100%; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - } - - .divider.divider-vertical { - width: 1px; - height: 100%; - margin-left: 0.8rem; - margin-right: 0.8rem; - } - - .img-upload { - width: 8rem; - height: 8rem; - border-radius: 2px; - overflow: hidden; - position: relative; - background-color: var(--main); - cursor: pointer; - } - - .img-upload__banner { - position: absolute; - text-align: center; - width: 8rem; - top: 50%; - transform: translateY(-50%); - } - - .img-upload .img-upload-img { - position: absolute; - width: 8rem; - height: 8rem; - } - - .img-upload .img-upload-img__img { - height: 100%; - width: 100%; - -o-object-fit: cover; - object-fit: cover; - } - - .img-upload .img-upload-btns { - position: absolute; - z-index: 2123; - right: 0; - top: 60%; - display: flex; - justify-content: center; - translate: transformY(-30%); - } - - .copy-input { - cursor: pointer; - position: relative; - } - - .copy-input.input { - overflow: hidden; - } - - .copy-input input { - cursor: pointer !important; - margin-right: 0 !important; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - -webkit-touch-callout: none; - overflow: hidden; - word-break: normal; - text-overflow: ellipsis; - } - - .copy-input input::-moz-selection { - color: inherit; - } - - .copy-input input::selection { - color: inherit; - } - - .copy-input__button { - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - height: 100%; - background: #fff; - align-items: center; - position: absolute; - right: 0; - } - - .copy-input__button:hover { - cursor: pointer; - } - - .copy-input__button .copy-input__icon { - flex-shrink: 0; - } - - .copy-input__button .copy-input__text { - overflow: hidden; - margin: 0; - flex-basis: 0; - max-width: 0; - } - - .copy-input__button.copied .copy-input__text { - overflow: hidden; - flex-basis: 100%; - max-width: 100%; - } - - .index-list-item .index-list-item-menu .index-list-item-menu-btn { - vertical-align: middle; - cursor: pointer; - } - - @media (min-width: 1200px) { - .index-list-item .index-list-item-menu-btn { - opacity: 0; - cursor: pointer; - } - - .index-list-item:hover .index-list-item-menu-btn { - opacity: 1; - } - } - - .index-list a { - color: #000; - } - - .index-list .list-item { - cursor: pointer; - } - - .index-list .index-list-item:hover { - background: #f8fafc; - } - - .index-list .index-list-item-selected { - background: #f1f5f9; - } - - .index-detail-list .index-detail-list-item { - position: relative; - } - - .index-detail-list - .index-detail-list-item - .index-detail-list-item-drag-handle { - position: absolute; - top: 0; - left: 0; - bottom: 0; - opacity: 0; - display: none; - } - - @media (min-width: 992px) { - .index-detail-list .index-detail-list-item .index-detail-list-item-buttons { - opacity: 0; - } - - .index-detail-list - .index-detail-list-item - .index-detail-list-item-drag-handle { - left: -3rem; - width: 3rem; - align-items: center; - display: flex; - } - - .index-detail-list - .index-detail-list-item - .index-detail-list-item-drag-handle:hover { - opacity: 1; - } - - .index-detail-list - .index-detail-list-item:hover - .index-detail-list-item-drag-handle { - visibility: visible; - opacity: 1; - } - - .index-detail-list - .index-detail-list-item:hover - .index-detail-list-item-buttons { - opacity: 1; - } - } - - .header-input { - border: none; - font-weight: 700; - padding-left: 0 !important; - } - - .header-input-1 { - font-size: 2.8rem; - } - - .header-input-2 { - font-size: 2rem; - } - - .header-input-3 { - font-size: 1.6rem; - } - - .header-input-4 { - font-size: 1.4rem; - } - - .header-input-5 { - font-size: 1.2rem; - } - - .header-input-6 { - font-size: 1rem; - } - - @media (min-width: 768px) { - .header-input-1 { - font-size: 3.2rem; - } - - .header-input-2 { - font-size: 2.4rem; - } - - .header-input-3 { - font-size: 22px; - } - - .header-input-4 { - font-size: 1.8rem; - } - - .header-input-5 { - font-size: 1.4rem; - } - - .header-input-6 { - font-size: 1.2rem; - } - } - - .header-input-1 { - line-height: 3.2rem; - } - - .header-input-2 { - line-height: 2.4rem; - } - - .header-input-3 { - line-height: 2rem; - } - - .header-input-4 { - line-height: 1.8rem; - } - - .header-input-5 { - line-height: 1.6rem; - } - - .header-input-6 { - line-height: 1.4rem; - } - - @media (min-width: 768px) { - .header-input-1 { - line-height: 3.6rem; - } - - .header-input-2 { - line-height: 2.8rem; - } - - .header-input-3 { - line-height: 2.5rem; - } - - .header-input-4 { - line-height: 2.2rem; - } - - .header-input-5 { - line-height: 1.7rem; - } - - .header-input-6 { - line-height: 1.4rem; - } - } - - .header-input input { - padding: 0 !important; - } - - .link-input { - height: 4.4rem; - background-color: #f8fafc; - display: flex; - align-items: center; - border-radius: 2px; - } - - .link-input .link-input__input { - font-size: 1.4rem !important; - color: #475569; - border-radius: 2px; - border: none; - padding-left: 1.6rem !important; - padding-right: 1.6rem !important; - } - - .link-input .link-input__input > input { - background-color: #f8fafc; - color: #475569; - } - - .link-input .link-input__input :focus::-moz-placeholder { - opacity: 0.5; - } - - .link-input .link-input__input :focus::placeholder { - opacity: 0.5; - } - - .lnd-container .lnd-card { - display: flex; - flex-direction: column; - flex-wrap: wrap; - } - - .lnd-container .lnd-card .lnd-desc { - display: flex; - flex-direction: column; - align-items: center; - text-align: center; - } - - .lnd-container .lnd-card .lnd-title { - flex-basis: 100%; - } - - .lnd-container .lnd-card .lnd-section-title { - font-size: 3.2rem; - line-height: 4rem; - } - - .lnd-container .lnd-desc-link { - width: 100%; - } - - .lnd-container .lnd-features { - flex-direction: column; - } - - .lnd-container .lnd-features .lnd-icon-desc-icon { - flex-shrink: 0; - } - - .lnd-container .lnd-features .lnd-icon-desc-text { - flex-direction: column; - } - - .lnd-container .lnd-2-container { - align-items: flex-start !important; - } - - .lnd-container .lnd-5-title { - font-size: 4rem; - line-height: 6rem; - } - - .lnd-container .lnd-5-img { - width: auto; - -o-object-fit: contain; - object-fit: contain; - height: 60px; - margin-bottom: 1.6rem; - } - - .lnd-container .lnd-5-text { - font-size: 1.4rem; - line-height: 1.6rem; - } - - .lnd-container .lnd-5-list { - row-gap: 1.6rem; - } - - .lnd-container .lnd-steps { - align-items: flex-start; - } - - .lnd-container .lnd-7-title { - font-family: Roquefort; - color: var(--gray-5); - font-size: 3.2rem; - line-height: 3.8rem; - margin-bottom: 3.2rem; - text-align: center; - font-weight: 400; - } - - .lnd-container .lnd-7-form { - max-width: 389px; - margin: auto; - } - - @media (max-width: 992px) { - .lnd-container .lnd-5-title { - text-align: left; - } - - .lnd-container .lnd-5-logos { - width: 100%; - margin-bottom: 2rem; - } - } - - @media (min-width: 992px) { - .lnd-container .lnd-5-title { - text-align: center; - margin: auto; - } - - .lnd-container .lnd-5-logos-container { - padding: 0 80px; - justify-content: space-around; - } - } - - @media (min-width: 768px) { - .lnd-container .lnd-2-container { - align-items: center !important; - } - - .lnd-container .lnd-img { - flex-basis: 50%; - } - - .lnd-container .lnd-steps { - margin-left: calc((100vw - 964px) / 2); - } - - .lnd-container .lnd-card { - flex-direction: row; - } - - .lnd-container .lnd-card .lnd-section-title { - font-size: 4.5rem; - line-height: 4.9rem; - } - - .lnd-container .lnd-5-title { - font-size: 4rem; - line-height: 6rem; - } - - .lnd-container .lnd-7-title { - font-size: 4rem; - line-height: 5.2rem; - margin-bottom: 3.8rem; - } - } - - .container-empty-screen { - margin: auto; - } - - .inner-container-empty-screen { - display: flex; - flex-direction: column; - align-items: center; - text-align: center; - } - - .example-messages-empty-screen { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 12px; - padding: 4rem 0; - } - - .example-message-box-empty-screen { - padding: 1.5rem; - width: 100%; - background-color: #f8fafc; - border: 1px solid var(--gray-2); - display: flex; - text-align: left; - border-radius: 4px; - transition: all; - transition-duration: 0.2s; - } - - .example-message-box-empty-screen:hover { - background-color: #f1f5f9; - } - - .icon-empty-screen { - margin-right: 1rem; - flex-shrink: 0; - } - - @media (max-width: 768px) { - .example-messages-empty-screen { - grid-template-columns: 1fr; - } - } - - @media (max-width: 1440px) { - .truncate-text { - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - text-overflow: hidden; - overflow: hidden; - } - } - - .chat-message:hover .chat-message-actions { - opacity: 1; - } - - .chat-message-actions { - opacity: 0; - transition: opacity 0.2s ease-in-out; - } - - .index-details-page .index-detail-menu-btn { - border: 1px solid #e2e8f0; - border-radius: 2px; - height: 2.8rem; - width: 2.8rem; - padding: 0.6rem; - cursor: pointer; - transition: background 0.05s ease-in-out; - } - - .index-details-page .index-detail-menu-btn:hover { - background-color: #f8fafc; - } - - .index-details-page .header-input input:disabled, - .index-details-page .header-input.input-disabled { - color: #000 !important; - background-color: #fff !important; - } - - .listItem { - position: static; - width: 607px; - height: 30px; - left: calc(50% - 303.5px - 31.5px); - top: calc(50% - 15px); - font-family: Inter; - font-style: normal; - font-weight: 400; - font-size: 12px; - line-height: 15px; - color: #3f3f3f; - } -} diff --git a/web-app/src/app/[...id]/page.tsx b/web-app/src/app/[...id]/page.tsx deleted file mode 100644 index 92d28391..00000000 --- a/web-app/src/app/[...id]/page.tsx +++ /dev/null @@ -1,68 +0,0 @@ -"use client"; - -import { useApi } from "@/context/APIContext"; -import { DiscoveryType } from "@/types"; -import DiscoveryLayout from "components/layout/site/DiscoveryLayout"; -import IndexConversationSection from "components/sections/IndexConversation"; -import UserConversationSection from "components/sections/UserConversation"; -import "./app.css"; -import { useEffect } from "react"; -import { useAppDispatch, useAppSelector } from "@/store/store"; -import { selectView } from "@/store/slices/appViewSlice"; -import { toggleUserIndex } from "@/store/api"; - -const Discovery = () => { - const { api: apiService, ready: apiReady } = useApi(); - const view = useAppSelector(selectView); - - const dispatch = useAppDispatch(); - - useEffect(() => { - if (typeof window !== "undefined") { - if (window.location.pathname !== "/") { - document.getElementsByTagName("html")[0].setAttribute("id", "app"); - } else { - document.getElementsByTagName("html")[0].setAttribute("id", "landing"); - } - } - }, []); - - useEffect(() => { - if (typeof window !== "undefined") { - if (!apiReady || !apiService) return; - const isFirstLogin = localStorage.getItem("isFirstLoginNext") === null; - const isMainnet = - process.env.NEXT_PUBLIC_API_URL === "https://index.network/api"; - - if (isMainnet && isFirstLogin) { - localStorage.setItem("isFirstLoginNext", "false"); - const indexes = [ - "kjzl6kcym7w8y6b1fncbo7p7h2v6tei9llby5ai9n7wj09oy1aeae7hqsc1io0j", - "kjzl6kcym7w8y63ksezbl4z1frr3xd0d9fg6nfmuwr1n0ue2xc4j7dtejvl4527", - "kjzl6kcym7w8y8lefkkbpl44q6jh1zu78gaq2zp18we4wdgz1tz9vxyx213ochh", - ]; - indexes.forEach((indexID) => { - dispatch( - toggleUserIndex({ - indexID, - api: apiService, - toggleType: "star", - value: true, - }), - ); - }); - } - } - }, [apiService, apiReady, dispatch]); - - return ( - - {view.discoveryType === DiscoveryType.DID && } - {view.discoveryType === DiscoveryType.INDEX && ( - - )} - - ); -}; - -export default Discovery; diff --git a/web-app/src/app/new/page.tsx b/web-app/src/app/new/page.tsx deleted file mode 100644 index e641f31b..00000000 --- a/web-app/src/app/new/page.tsx +++ /dev/null @@ -1,85 +0,0 @@ -"use client"; - -import ConfirmTransaction from "@/components/site/modal/Common/ConfirmTransaction"; -import CreateModal from "@/components/site/modal/CreateModal"; -import { useApp } from "@/context/AppContext"; -import { ethers } from "ethers"; -import type { NextPage } from "next"; -import "../[...id]/app.css"; -import didService from "@/services/did-service"; -import { useApi } from "@/context/APIContext"; -import { useCallback, useEffect } from "react"; -import toast from "react-hot-toast"; -import { useRouter } from "next/navigation"; -import { useAuth } from "@/context/AuthContext"; -import { DIDSession } from "did-session"; -import { createIndex } from "@/store/api"; -import { useAppDispatch } from "@/store/store"; - -const Home: NextPage = () => { - const { transactionApprovalWaiting, handleTransactionCancel } = useApp(); - - const { setSession } = useAuth(); - - const { api, ready: apiReady } = useApi(); - const dispatch = useAppDispatch(); - const router = useRouter(); - - const handleGuest = useCallback(async () => { - let sessionToken = localStorage.getItem("did"); - let session; - if (!sessionToken) { - const wallet = ethers.Wallet.createRandom(); - session = await didService.getNewDIDSessionWithWallet(wallet); - sessionToken = session.serialize(); - localStorage.setItem("did", sessionToken); - } else { - session = await DIDSession.fromSession(sessionToken); - } - - setSession(session); - - api!.setSessionToken(sessionToken); - api!.updateProfile({ - name: "You", - bio: "Adventurer", - }); - }, [api]); - - useEffect(() => { - if (apiReady) { - handleGuest(); - } - }, [apiReady, handleGuest]); - - const handleCreate = async (title: string) => { - if (!apiReady || !api) return; - const resp = await dispatch( - createIndex({ - title, - api, - }), - ).unwrap(); - toast.success("Index created successfully"); - router.push(`/${resp.id}`); - }; - - return ( -
- {transactionApprovalWaiting && ( - - )} - -
- ); -}; - -export default Home; diff --git a/web-app/src/app/page.tsx b/web-app/src/app/page.tsx index 3fb5c766..cd8e70f5 100644 --- a/web-app/src/app/page.tsx +++ b/web-app/src/app/page.tsx @@ -49,9 +49,9 @@ const Landing = () => { borderBottom: "1px solid rgba(110, 191, 244, 0.2)", }} > - {true && } + {false && } - + {false && }
{ HOME -
  • - scrollIntoSection("UseCases")} - className="hover:underline" - > - USE CASES - -
  • +
  • {
  • - +
    - + +
    diff --git a/web-app/src/context/AppContext.tsx b/web-app/src/context/AppContext.tsx index 018da70a..9332a1c4 100644 --- a/web-app/src/context/AppContext.tsx +++ b/web-app/src/context/AppContext.tsx @@ -178,8 +178,16 @@ export const AppContextProvider = ({ children }: AppContextProviderProps) => { ); useEffect(() => { + + if (path) { + router.push('/'); + return; + } + if (isLanding || !apiReady) return; + + if (isConversation) { console.log("fetching conversation"); fetchAndStoreConversation();