@altimateai/ui-components 0.0.79 → 0.0.80

package/dist/styles.css

@@ -0,0 +1,1638 @@
+@keyframes pulse-b0fWZW {
+  0% {
+    box-shadow: 0 0 0 0px var(--primary-color);
+  }
+
+  100% {
+    box-shadow: 0 0 0 15px #0000;
+  }
+}
+
+.dbtDocs-fMtUb6 .app.app-row {
+  height: calc(100vh - 114px);
+  position: static;
+}
+
+.dbtDocs-fMtUb6 .altimate-display--highlight {
+  color: #fff;
+  background-color: #0bb;
+}
+
+.dbtDocs-fMtUb6 .btn-icon.btn-lg {
+  height: initial;
+}
+
+.dbtDocs-fMtUb6 .btn-group-lg > .btn-icon.btn {
+  height: initial;
+}
+
+.dbtDocs-fMtUb6 .model-markdown p {
+  z-index: 1;
+  display: inline-block;
+}
+
+.dbtDocs-fMtUb6 .model-markdown .altimate-highlighter {
+  z-index: 0;
+}
+
+.dbtDocs-fMtUb6 .model-markdown .altimate-highlighter i {
+  left: -20px;
+}
+
+.dbtDocs-fMtUb6 .model-markdown + #altimate-display--highlight {
+  margin-top: 15px;
+  margin-left: 5px;
+}
+
+.dbtDocs-fMtUb6 .model-markdown span[id^="tooltip-"] {
+  z-index: 1;
+  position: absolute;
+  top: -4px;
+  left: -21px;
+}
+
+.dbtDocs-fMtUb6 .column-row .altimate-highlighter i {
+  top: 8px;
+  left: -8px;
+}
+
+.hotspotButton-dTVyi_.btn {
+  width: 16px;
+  height: 16px;
+  color: var(--primary-color);
+  box-sizing: content-box;
+  background-color: #fff;
+  border: none;
+  border-radius: 50%;
+  padding: 1px;
+}
+
+.hotspotButton-dTVyi_.btn {
+  animation-name: pulse-b0fWZW;
+  animation-duration: 1.5s;
+  animation-iteration-count: infinite;
+}
+
+.conversationRightPanelCloseButton-UrkRMu {
+  opacity: 1;
+  z-index: 5;
+  background-color: #247efe;
+  border-radius: 0;
+  padding: 1rem;
+  position: fixed;
+  top: 0;
+  right: 480px;
+}
+
+.conversationRightPanel-sztyiY {
+  z-index: 31;
+  background: #fff;
+  border-left: 1px solid #ccc;
+  width: 480px;
+  height: 100vh;
+  padding: 1rem;
+  position: fixed;
+  top: 0;
+  right: 0;
+  overflow-y: auto;
+}
+
+.conversationRightPanel-sztyiY h3 {
+  border-bottom: 1px solid var(--background--01);
+  margin-bottom: 1rem;
+  padding-bottom: 8px;
+}
+
+.conversationRightPanel-sztyiY .card {
+  padding: .75rem;
+  box-shadow: 2px 2px 6px 2px #001e3c1a, 0 3px 3px -1.5px #00000008;
+}
+
+.conversationRightPanel-sztyiY .newConversationForm-K9GEep {
+  box-shadow: none;
+  margin: 0;
+  padding: 0;
+}
+
+.conversationRightPanel-sztyiY .newConversationForm-K9GEep .card-body {
+  min-height: 60px;
+  padding: 10px 5px;
+}
+
+.conversationRightPanel-sztyiY .newConversationForm-K9GEep .card-body form {
+  width: 100%;
+  position: relative;
+}
+
+.highlightText-LYVCe1 {
+  border-left: 3px solid var(--action-yellow);
+  margin: 1rem 0;
+  padding-left: 1rem;
+}
+
+.highlightText-LYVCe1 pre {
+  max-height: 130px;
+}
+
+.highlightText-LYVCe1 .card {
+  box-shadow: none;
+  background: none;
+  padding: 0;
+}
+
+.highlightText-LYVCe1 .card .card-body {
+  padding: 0;
+}
+
+.highlightText-LYVCe1 .card .card-body pre {
+  margin: 0;
+  color: inherit !important;
+  padding: 0 0 0 .5em !important;
+}
+
+.conversationInputForm-SdxXJT {
+  z-index: 1;
+  border: 1px solid var(--stroke--disable);
+  background: #fff;
+  border-radius: 8px;
+  align-items: center;
+  gap: 4px;
+  padding-left: .5rem;
+  display: flex;
+}
+
+.conversationInputForm-SdxXJT .mentions-input {
+  width: 100%;
+  padding-top: 4px;
+  margin: 0 !important;
+}
+
+.conversationInputForm-SdxXJT .btn {
+  color: var(--primary-color);
+  background: none;
+  margin-right: 1rem;
+  padding: 0;
+}
+
+.conversationInputForm-SdxXJT .btn:hover {
+  color: var(--primary-color);
+  background: none;
+}
+
+.conversationGroup-hiNZQ0 {
+  cursor: pointer;
+  border: 1px solid #0000 !important;
+}
+
+.conversationGroup-hiNZQ0 .card.active {
+  background-color: var(--background--02);
+  border: 1px solid #e7e8ea;
+  box-shadow: 2px 2px 6px 2px #001e3c1a, 0 3px 3px -1.5px #00000008;
+}
+
+.conversationGroup-hiNZQ0 h4 {
+  margin: 0 0 0 4px;
+}
+
+.conversationGroup-hiNZQ0 .card {
+  margin-bottom: 1rem;
+  padding: 1rem;
+}
+
+.conversationGroup-hiNZQ0 .card-title span {
+  color: var(--text-color--caption);
+}
+
+.conversationGroup-hiNZQ0 .card-body {
+  padding: 10px 10px 0 0;
+}
+
+.conversationGroup-hiNZQ0 .card-body p {
+  color: var(--text-color--caption);
+  margin: 0;
+}
+
+.conversationGroup-hiNZQ0 .card-body .btn-link {
+  font-weight: 500;
+  text-decoration: none;
+}
+
+.conversationGroup-hiNZQ0 .replyForm-qvHtmB textarea.form-control {
+  height: auto;
+}
+
+.conversationGroup-hiNZQ0 .replyForm-qvHtmB button {
+  float: right;
+}
+
+.altimate-highlighter {
+  z-index: 0;
+  cursor: pointer;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  background-color: #247efe1a !important;
+}
+
+.altimate-highlighter:hover {
+  background-color: #247efe33 !important;
+}
+
+.altimate-highlighter.active {
+  background-color: #247efe66 !important;
+}
+
+.altimate-highlighter i {
+  position: relative;
+  left: 0;
+}
+
+.code.line-numbers.language-sql:hover span[id^="tooltip-"] .btn {
+  animation: none;
+}
+
+.code.line-numbers.language-sql + #altimate-display--highlight {
+  margin-top: 1px;
+  margin-left: 10px;
+}
+
+code.highlight.source-code {
+  z-index: 1;
+  background: none;
+}
+
+code.highlight.source-code > div {
+  height: calc(.765rem + .847em);
+}
+
+code.highlight.source-code + span[id^="tooltip-"] {
+  z-index: 1;
+  position: absolute;
+  top: 14px;
+  left: 13px;
+}
+
+.resolveButton-roENjF {
+  color: green !important;
+  box-shadow: none !important;
+}
+
+.resolveButton-roENjF i.codicon {
+  font-size: 1.5rem;
+}
+
+.profileImage-tkto2K {
+  background: var(--primary-color);
+  text-align: center;
+  box-sizing: border-box;
+  color: #fff;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  padding: .5rem;
+  line-height: normal;
+}
+
+.learnings {
+  border: 1px solid #0000;
+}
+
+.learnings.active {
+  border: 1px solid #247efe;
+}
+
+.learnings.active h6 {
+  color: #247efe;
+  border-bottom: 1px solid #f1f0f0;
+  padding-bottom: .75rem;
+}
+
+.learnings {
+  margin-bottom: 1rem;
+  padding: 1rem 0;
+}
+
+.learnings .form-switch, .learnings .codicon-trash {
+  margin-top: 1px;
+}
+
+.learnings button {
+  padding: 6px 3px;
+}
+
+.learnings .codicon-pencil {
+  margin-top: -3px;
+  font-size: .9rem;
+}
+
+.learnings .codicon-chevron-down {
+  font-size: 1.2rem;
+}
+
+.learnings dl {
+  gap: 1rem;
+  margin-bottom: 0;
+  display: flex;
+}
+
+.learnings dt {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.learnings dd {
+  margin-bottom: 0;
+  margin-left: -4px;
+  font-size: 14px;
+}
+
+.learnings strong {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.learnings .collapse {
+  font-size: 14px;
+}
+
+.teammates {
+  width: 100%;
+  container-type: inline-size;
+}
+
+.teammates .col {
+  flex: none;
+}
+
+@container (width >= 600px) {
+  .teammates > .row > .col {
+    width: 50%;
+  }
+}
+
+@container (width >= 800px) {
+  .teammates > .row > .col {
+    width: 33.3333%;
+  }
+}
+
+.teammates .card {
+  cursor: default;
+  margin-bottom: 1rem;
+  padding: .5rem 1rem;
+  box-shadow: 0 20px 24px -4px #10182808;
+}
+
+.teammates .card:hover {
+  background-color: #f8f8f8;
+}
+
+.teammates .card .extension {
+  padding: .3rem .7rem;
+  font-weight: 500;
+  color: #7046d3 !important;
+  background: #f4efff !important;
+}
+
+.teammates .card .saas {
+  padding: .3rem .7rem;
+  font-weight: 500;
+  color: #01cd8c !important;
+  background: #d6fff2 !important;
+}
+
+.teammates .card .card-img {
+  width: 60px;
+}
+
+.teammates .card .card-body {
+  flex-direction: column;
+  padding: .5rem;
+  display: flex;
+}
+
+.teammates .card .card-body .card-text {
+  flex: 1;
+}
+
+.table_node-HZasbd {
+  cursor: default;
+  width: 300px;
+  color: var(--text-color);
+  flex-direction: column;
+  display: flex;
+}
+
+.table_node-HZasbd .header-EsFnof {
+  background: var(--table-node-expand-bg);
+  border-top: 2px solid var(--table-node-border-color);
+  border-left: 2px solid var(--table-node-border-color);
+  border-right: 2px solid var(--table-node-border-color);
+  border-radius: .25em .25em 0 0;
+  padding: .25em;
+}
+
+.table_node-HZasbd .header-EsFnof.collapse-kaHZJ2 {
+  background: var(--table-node-collapse-bg);
+  border-bottom: 2px solid var(--table-node-border-color);
+  border-radius: .25em;
+}
+
+.table_node-HZasbd .header-EsFnof.selected-aXy70D {
+  border-color: #e38e00;
+}
+
+.table_node-HZasbd .content-bkoNoL {
+  background: var(--table-node-content-bg);
+  border-bottom: 2px solid var(--table-node-border-color);
+  border-left: 2px solid var(--table-node-border-color);
+  border-right: 2px solid var(--table-node-border-color);
+  border-radius: 0 0 .25em .25em;
+  flex-grow: 1;
+  padding: .25em;
+}
+
+.table_node-HZasbd .content-bkoNoL.selected-aXy70D {
+  border-color: #e38e00;
+}
+
+.table_header-h7SLMC {
+  border: 1px solid var(--table-node-border-color);
+  border-radius: .25em;
+  grid-template-columns: 3.2em 1fr 2em;
+  align-items: center;
+  gap: 0 .5em;
+  width: 100%;
+  height: 3.2em;
+  display: grid;
+  overflow-x: hidden;
+}
+
+.table_header-h7SLMC .seed-Ydi9CF {
+  color: #01cd8c;
+  background-color: #01cd8c1a;
+  border: 1px solid #01cd8c4d;
+}
+
+.table_header-h7SLMC .model-SOXlD8 {
+  border: 1px solid rgba(var(--node-model-color), .3);
+  color: rgba(var(--node-model-color), 1);
+  background-color: rgba(var(--node-model-color), .1);
+}
+
+.table_header-h7SLMC .source-jFNX0O {
+  color: #bce2e4;
+  background-color: #bce2e41a;
+  border: 1px solid #bce2e44d;
+}
+
+.table_header-h7SLMC .exposure-KWo0IA {
+  color: #f1b497;
+  background-color: #f1b4971a;
+  border: 1px solid #f1b4974d;
+}
+
+.table_header-h7SLMC .snapshot-in_UPD {
+  color: #f5c5f0;
+  background-color: #f5c5f01a;
+  border: 1px solid #f5c5f04d;
+}
+
+.table_header-h7SLMC .metrics-xAyaQS {
+  color: #c7f3c0;
+  background-color: #c7f3c01a;
+  border: 1px solid #c7f3c04d;
+}
+
+.table_header-h7SLMC .macros-UnHe_G {
+  color: #dd9da5;
+  background-color: #dd9da51a;
+  border: 1px solid #dd9da54d;
+}
+
+.table_header-h7SLMC .analysis-VEMRfe {
+  color: #ff8488;
+  background-color: #ff84881a;
+  border: 1px solid #ff84884d;
+}
+
+.table_header-h7SLMC .dashboard-bq_grI {
+  color: #3b82f6;
+  background-color: #3b82f61a;
+  border: 1px solid #3b82f64d;
+}
+
+.table_header-h7SLMC .function_node-og3pSu {
+  color: #a78bfa;
+  background-color: #a78bfa1a;
+  border: 1px solid #a78bfa4d;
+}
+
+.table_header-h7SLMC .node_icon-GCPtEs {
+  border-radius: .25em;
+  flex-direction: column;
+  align-items: center;
+  padding: .15em .5em;
+  display: flex;
+}
+
+.table_header-h7SLMC .node_icon-GCPtEs svg {
+  width: 2em;
+  height: 2em;
+}
+
+.table_header-h7SLMC .node_icon-GCPtEs {
+  font-size: .75em;
+}
+
+.table_header-h7SLMC .dialect_icon-q66s69 {
+  flex-direction: column;
+  justify-self: center;
+  align-items: center;
+  width: 2em;
+  height: 2em;
+  display: flex;
+}
+
+.table_handle-VNQhFj {
+  background-color: var(--primary-accent);
+  color: #fff;
+  cursor: default;
+  border: 1px solid #d6e7ff;
+  border-radius: 50%;
+  justify-content: center;
+  align-items: end;
+  width: 1.2em;
+  height: 1.2em;
+  line-height: 1.2em;
+  display: flex;
+}
+
+.see_more_node-ZO0lv_ {
+  background: var(--table-node-collapse-bg);
+  border: 1px solid var(--table-node-border-color);
+  cursor: default;
+  width: 300px;
+  color: var(--text-color);
+  border-radius: .5em;
+  padding: .5em;
+  display: flex;
+}
+
+.table_card-NQQBnN {
+  border: 1px solid var(--card-border-color);
+  cursor: pointer;
+  background-color: var(--card-bg);
+  border-radius: .25em;
+  width: 100%;
+  padding: .25em;
+  overflow-x: hidden;
+}
+
+.table_card-NQQBnN.selected-aXy70D {
+  border-color: #e38e00;
+}
+
+.table_card-NQQBnN.disabled-Tpd9YG {
+  cursor: default;
+  background-color: #e5e6e7;
+}
+
+.column_card-jHEwxl {
+  border: 1px solid var(--card-border-color);
+  background-color: var(--card-bg);
+  border-radius: .6em;
+  flex-direction: column;
+  gap: .5em;
+  padding: .8em;
+  display: flex;
+}
+
+.column_card-jHEwxl.selected-aXy70D {
+  border-color: #e38e00;
+}
+
+.edit_icon-TaMt42 {
+  color: #8390a3;
+  width: 1.2rem;
+  height: 1.2rem;
+}
+
+.edit_icon-TaMt42:hover, .edit_icon-TaMt42.active-HrsGi3 {
+  color: var(--primary-accent);
+}
+
+.expand_lineage_icon-VX8baJ {
+  background-color: var(--primary-accent);
+  border-radius: .25rem;
+  justify-content: center;
+  align-items: center;
+  padding: .25rem;
+  display: flex;
+}
+
+.expand_lineage_icon-VX8baJ svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.processing_div-sU7CZh {
+  background-color: #fff;
+}
+
+.processing_div-sU7CZh .gif_img-C9jw5n {
+  max-width: 100%;
+  max-height: 90%;
+}
+
+.card-Z7RjN7 {
+  background-color: #fff;
+  border-radius: .5rem;
+  padding: .5rem;
+  box-shadow: 0 1px 2px #38414a26;
+}
+
+.card-Z7RjN7 .card {
+  background-color: var(--background--01);
+}
+
+.card-Z7RjN7 .card pre {
+  border: none !important;
+  margin: 0 !important;
+  padding: 6px !important;
+}
+
+.column_node-cZSan4 {
+  border: 1px solid var(--primary-accent);
+  width: 276px;
+  color: var(--column-node-color);
+  border-radius: .25em;
+  padding: 4px 8px;
+  position: relative;
+}
+
+.column_node-cZSan4.default-NvTGqD {
+  background: var(--column-node-bg);
+}
+
+.column_node-cZSan4 .column_name-eI8nyT {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.column_node-cZSan4 .column_top_right-HuJzaQ {
+  gap: .25rem;
+  display: flex;
+  position: absolute;
+  top: -6px;
+  right: 4px;
+}
+
+.divider-PDv5xe {
+  background-color: var(--card-border-color);
+  width: 100%;
+  height: 2px;
+}
+
+.table_details_header-sHSEq1 {
+  grid-template-columns: 1.5rem 1fr;
+  align-items: center;
+  gap: 0 .5em;
+  width: 100%;
+  display: grid;
+}
+
+.verticle_divider-a2wwX_ {
+  background-color: #c4cad2;
+  width: 2px;
+}
+
+.low_confidence-BR7DRM {
+  color: #fff;
+  background: #ff754c;
+  border-radius: .375rem;
+  padding: .125em .75em;
+}
+
+.high_confidence-e61FlL {
+  color: #fff;
+  background: #327e36;
+  border-radius: .375rem;
+  padding: .125em .75em;
+}
+
+.alert_icon-SQQhdn {
+  width: 1rem;
+  height: 1rem;
+  display: flex;
+}
+
+.menu_card-oNPIOq {
+  font-size: .875em;
+  padding: .275em !important;
+}
+
+.menu_card_container-JQeVLV {
+  background-color: var(--background--02);
+  border-color: var(--stroke--disable);
+  border-radius: 6px;
+  padding: 1px;
+}
+
+.table_details_tabs-zIUxNq {
+  background-color: var(--column-section-bg);
+  border-radius: .5em;
+  width: 100%;
+  padding: .25em;
+  display: flex;
+}
+
+.table_details_tabs-zIUxNq .tab-UFR0vo {
+  width: 100%;
+  color: var(--text-color);
+  text-align: center;
+  cursor: pointer;
+  border-radius: .5em;
+  padding: .5em;
+}
+
+.table_details_tabs-zIUxNq .tab-UFR0vo.selected-aXy70D {
+  background-color: var(--primary-accent);
+  color: #fff;
+}
+
+.table_node_pill-jHPFnf {
+  background-color: var(--tag-bg);
+  color: var(--text-color);
+  border-radius: .5em;
+  align-items: center;
+  gap: .25em;
+  padding: .125em .325em;
+  font-size: .8em;
+  display: flex;
+}
+
+.table_node_pill-jHPFnf .icon-vsMnWn {
+  align-items: center;
+  width: 1rem;
+  height: 1rem;
+  display: flex;
+}
+
+.node-checkbox-AVY0v0, .non_select_node_checkbox-migo1T, .select_node_checkbox-Wm4MGe {
+  border-radius: .5em;
+  align-items: start;
+  gap: .5em;
+  padding: .125em .5em;
+  display: flex;
+}
+
+.select_node_checkbox-Wm4MGe {
+  border: 2px solid var(--card-border-color);
+}
+
+.non_select_node_checkbox-migo1T {
+  border: 2px dashed var(--card-border-color);
+}
+
+.node_extra_info-qk6aaB {
+  height: 1.6em;
+}
+
+.help_body-NH8ylK, .feedback_body-HUrd6c {
+  color: var(--text-grey2-color);
+}
+
+.feedback_body-HUrd6c .cancel_btn-C218Iw {
+  color: var(--text-grey-color);
+  text-decoration: none;
+}
+
+.expand_nav-ATZTAG {
+  border: var(--table-node-border-color) solid 1px;
+  background-color: var(--background--01);
+  color: var(--text-color);
+  border-radius: 4px;
+  align-items: center;
+  display: flex;
+}
+
+.expand_nav-ATZTAG .expand_nav_btn-holMPO {
+  background-color: var(--popover-bg);
+  border-radius: 4px;
+  align-items: center;
+  margin: .125em;
+  display: flex;
+}
+
+.expand_nav-ATZTAG .expand_nav_btn-holMPO .divider-PDv5xe {
+  background-color: var(--divider-color);
+  width: 1px;
+  height: 1.75em;
+}
+
+.expand_nav-ATZTAG .expand_nav_btn-holMPO .icon-vsMnWn svg {
+  width: 1.5em;
+  height: 1.5em;
+}
+
+.expand_nav-ATZTAG .expand_nav_btn-holMPO .icon-vsMnWn {
+  cursor: pointer;
+  padding: .125em;
+}
+
+.expand_nav-ATZTAG.disabled-Tpd9YG {
+  opacity: .5;
+}
+
+.expand_nav-ATZTAG.disabled-Tpd9YG .icon-vsMnWn {
+  cursor: default;
+}
+
+.column_legend-WEW67H .popover {
+  --bs-popover-bg: --popover-bg;
+  background-color: var(--popover-bg);
+  text-transform: capitalize;
+  border: 1px solid #d5dbe4;
+  border-radius: 2px;
+  color: var(--text-color) !important;
+}
+
+.column_legend-WEW67H .popover .popover-body {
+  padding: .5rem 1rem;
+  color: var(--text-color) !important;
+}
+
+.column_legend-WEW67H .popover .popover-body > div {
+  margin-bottom: 1rem;
+  font-size: 10px;
+}
+
+.column_legend-WEW67H .dot-Y9ikcu {
+  vertical-align: text-bottom;
+  color: #fff;
+  text-align: center;
+  border-radius: 50%;
+  width: .75rem;
+  height: .75rem;
+  margin-right: .4rem;
+  font-size: 8px;
+  display: inline-block;
+}
+
+.model_views_type-Y8oeBi {
+  background-color: var(--column-section-bg);
+  border-radius: 6px;
+  align-items: center;
+  gap: .5rem;
+  padding: .5rem;
+  display: flex;
+}
+
+.close_button-tD_u_4 {
+  background-color: var(--primary-accent);
+  cursor: pointer;
+  padding: .5rem;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.close_button-tD_u_4 svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.op_node-A_hzkb {
+  background: var(--table-node-content-bg);
+  border: 2px solid var(--table-node-border-color);
+  border-radius: 2rem;
+  align-items: center;
+  gap: .25rem;
+  padding: .25rem;
+  display: flex;
+}
+
+.op_node-A_hzkb .node_icon-GCPtEs {
+  border: 2px solid var(--table-node-border-color);
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: .1rem;
+  display: flex;
+}
+
+.op_node-A_hzkb .node_icon-GCPtEs.light_mode-JH0Zpb {
+  background-color: #eaf3ff;
+}
+
+.op_node-A_hzkb .node_icon-GCPtEs.dark_mode-JhEmfP {
+  background-color: #d3e5ff;
+}
+
+.op_node-A_hzkb.highlighted-S5Gm1b {
+  background-color: #fbe16b;
+}
+
+.op_node-A_hzkb.selected-aXy70D {
+  border-color: #e38e00;
+}
+
+.op_node-A_hzkb .cost_data-Ust0EF {
+  color: #374c6a;
+  letter-spacing: -.05em;
+  background-color: #ffefeb;
+  border: 1px solid #ff754c;
+  border-radius: 2rem;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 2.5rem;
+  padding: 0 .25rem;
+  font-size: .8em;
+  line-height: .75rem;
+  display: flex;
+}
+
+.op_node-A_hzkb .op_type_text-zT3J7f {
+  color: var(--primary-accent);
+}
+
+.op_node-A_hzkb .op_type_text-zT3J7f .node_stats-uZ7tTI {
+  gap: .25em;
+  display: flex;
+  position: absolute;
+  top: -.45rem;
+  right: 20%;
+}
+
+.node_stats-uZ7tTI {
+  gap: .25em;
+  display: flex;
+  position: absolute;
+  top: -.45rem;
+  right: 5%;
+}
+
+.savings-performance-yvA0hz, .performance-ocbi9R, .savings-XoEs9e {
+  text-wrap: nowrap;
+  border-radius: 1rem;
+  align-items: center;
+  gap: .25rem;
+  padding: 0 .125rem;
+  font-size: .65rem;
+  line-height: .75rem;
+  display: flex;
+}
+
+.savings-XoEs9e {
+  background: #dcfae6;
+  border: 1px solid #ade4cb;
+}
+
+.savings-XoEs9e .value-U5QTm0 {
+  color: #374c6a;
+}
+
+.savings-XoEs9e .percent-hc11lh {
+  color: #079455;
+}
+
+.performance-ocbi9R {
+  background: #fff1d7;
+  border: 1px solid #e7a427;
+}
+
+.performance-ocbi9R .value-U5QTm0 {
+  color: #374c6a;
+}
+
+.performance-ocbi9R .percent-hc11lh {
+  color: #e7a427;
+}
+
+.static_table_node-wgYPzr {
+  cursor: default;
+  width: 300px;
+  color: var(--text-color);
+  flex-direction: column;
+  display: flex;
+}
+
+.static_table_node-wgYPzr .header-EsFnof {
+  background: var(--table-node-expand-bg);
+  border-top: 2px solid var(--table-node-border-color);
+  border-left: 2px solid var(--table-node-border-color);
+  border-right: 2px solid var(--table-node-border-color);
+  border-radius: .25em .25em 0 0;
+}
+
+.static_table_node-wgYPzr .header-EsFnof.collapse-kaHZJ2 {
+  background: var(--table-node-collapse-bg);
+  border-bottom: 2px solid var(--table-node-border-color);
+  border-radius: .25em;
+}
+
+.static_table_node-wgYPzr .header-EsFnof.selected-aXy70D {
+  border-color: #e38e00;
+}
+
+.static_table_node-wgYPzr .header-EsFnof.highlighted-S5Gm1b {
+  background-color: #fbe16b;
+}
+
+.static_table_node-wgYPzr .node_icon-GCPtEs {
+  flex-direction: column;
+  align-items: center;
+  margin-top: .25rem;
+  margin-bottom: .25rem;
+  display: flex;
+}
+
+.static_table_node-wgYPzr .node_icon-GCPtEs svg {
+  width: 2.8rem;
+  height: 2.8rem;
+}
+
+.static_table_node-wgYPzr .cost_data-Ust0EF {
+  color: #374c6a;
+  letter-spacing: -.05em;
+  background-color: #ffefeb;
+  border: 1px solid #ff754c;
+  border-radius: .375rem;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  margin-top: .25rem;
+  margin-bottom: .25rem;
+  padding: .325rem .3rem;
+  font-size: .8em;
+  display: flex;
+}
+
+.static_table_node-wgYPzr .content-bkoNoL {
+  background: var(--table-node-content-bg);
+  border-bottom: 2px solid var(--table-node-border-color);
+  border-left: 2px solid var(--table-node-border-color);
+  border-right: 2px solid var(--table-node-border-color);
+  border-radius: 0 0 .25em .25em;
+  flex-grow: 1;
+  padding: .25em;
+}
+
+.static_table_node-wgYPzr .content-bkoNoL.selected-aXy70D {
+  border-color: #e38e00;
+}
+
+.static_table_node-wgYPzr .details_btn-p_k6sY {
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  padding: .2rem;
+  display: flex;
+}
+
+.static_table_node-wgYPzr .details_btn-p_k6sY.enable-zjV1J8 {
+  background-color: var(--primary-accent);
+  cursor: pointer;
+  color: #fff;
+}
+
+.static_table_node-wgYPzr .details_btn-p_k6sY.disable-mMWEBh {
+  background-color: var(--btn-disable);
+  color: var(--btn-disable-text);
+  cursor: not-allowed;
+}
+
+.code_editor_container-l8Jz9w {
+  flex-grow: 1;
+  background-color: var(--code-bg) !important;
+  margin: 0 !important;
+  padding: .25rem !important;
+}
+
+.code_editor-NCl4Dj {
+  width: 100%;
+  padding: .5rem;
+  background-color: var(--code-bg) !important;
+  line-height: 2 !important;
+}
+
+.tooltip_container-CRWMSg {
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.tooltip_container-CRWMSg:hover .tooltip_text-SYu0GE {
+  display: block;
+}
+
+.tooltip_text-SYu0GE {
+  color: #fff;
+  white-space: nowrap;
+  background: #082247;
+  border-radius: 4px;
+  padding: 8px;
+  display: none;
+  position: absolute;
+  bottom: 125%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.views_type_badge-t9r656 {
+  color: #fff;
+  cursor: default;
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  width: 12px;
+  height: 12px;
+  padding: 2px;
+  font-size: 8px;
+  display: flex;
+  background-color: var(--views-color) !important;
+}
+
+.lineage_legend-EO_VCR {
+  z-index: 4;
+  position: absolute;
+  bottom: 1rem;
+  left: 3.5rem;
+  background-color: var(--card-bg) !important;
+  color: var(--text-color) !important;
+  border: 1px solid var(--input-border-color) !important;
+  border-radius: 5px !important;
+  padding: 6px !important;
+  font-size: 10px !important;
+}
+
+.lineage_legend-EO_VCR svg {
+  vertical-align: baseline;
+  margin-left: .6rem;
+}
+
+.column_code_icon-U9iaFg {
+  cursor: pointer;
+  color: #fff;
+  border-radius: 6px;
+  justify-content: center;
+  align-items: center;
+  width: 12px;
+  height: 12px;
+  padding: 2px;
+  display: flex;
+  background-color: #082247 !important;
+}
+
+.column_code_icon-U9iaFg .codicon {
+  font-size: 10px !important;
+}
+
+.edge_select-O3X0VW {
+  align-items: center;
+  display: flex;
+}
+
+.edge_select-O3X0VW div {
+  border-top: 2px solid #e38e00;
+  width: 12px;
+  height: 2px;
+}
+
+.edge_non_select-njevKn {
+  align-items: center;
+  display: flex;
+}
+
+.edge_non_select-njevKn div {
+  border-top: 1px dashed #e38e00;
+  width: 12px;
+  height: 2px;
+}
+
+.modal_views_code_container-hRDFwN {
+  background-color: var(--card-bg);
+  border-radius: 6px;
+}
+
+.custom_node_code_block-kYkJoY .tooltip {
+  --bs-tooltip-max-width: none;
+}
+
+.custom_node_code_block-kYkJoY .tooltip .card {
+  background-color: #0000;
+  border: none;
+}
+
+.custom_node_code_block-kYkJoY .tooltip .card pre {
+  white-space: nowrap !important;
+  padding: 0 !important;
+}
+
+.reset_btn-sxy4vp {
+  align-items: center;
+  gap: 4px;
+  display: flex;
+}
+
+.error_tooltip-MEczjk {
+  color: #fff;
+  background: #082247;
+  border-radius: 4px;
+  padding: 8px;
+}
+
+:root {
+  --border-radius: 8px;
+}
+
+.tableWrapper-bjPDSp {
+  width: 100%;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.dataTable-uBNuzX {
+  background-color: var(--background--02);
+  color: var(--text-color--paragraph);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+}
+
+.dataTable-uBNuzX.table {
+  border: 1px solid var(--gray--gray-01);
+  margin-bottom: 0;
+}
+
+.dataTable-uBNuzX td {
+  background-color: var(--background--02);
+  border-color: var(--gray--gray-01) !important;
+  padding: .25rem .5rem !important;
+}
+
+.dataTable-uBNuzX thead th {
+  background-color: var(--background--04);
+  border-bottom-width: 2px;
+  font-weight: 500;
+  border-color: var(--gray--gray-01) !important;
+  padding: .25rem .5rem !important;
+}
+
+.dataTable-uBNuzX thead th:first-child {
+  border-top-left-radius: calc(var(--border-radius)  - 1px);
+}
+
+.dataTable-uBNuzX thead th:last-child {
+  border-top-right-radius: calc(var(--border-radius)  - 1px);
+}
+
+.dataTable-uBNuzX tbody tr:last-child td:first-child {
+  border-bottom-left-radius: calc(var(--border-radius)  - 1px);
+}
+
+.dataTable-uBNuzX tbody tr:last-child td:last-child {
+  border-bottom-right-radius: calc(var(--border-radius)  - 1px);
+}
+
+#lineage-sidebar .sidebar-modal {
+  height: calc(100% + 1px);
+  box-shadow: none;
+  z-index: 997;
+  color: var(--text-color);
+  background-color: #0000;
+  width: 100vw;
+  transition: transform .3s ease-in-out;
+  position: fixed;
+  top: -1px;
+  left: 0;
+}
+
+#lineage-sidebar .sidebar-background-screen {
+  z-index: 998;
+  background-color: #08224780;
+  width: 100vw;
+  height: 100%;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+#lineage-sidebar .sidebar-modal-content {
+  background-color: var(--card-bg);
+  z-index: 998;
+  border-radius: 0;
+  min-width: 400px;
+  max-width: 600px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+}
+
+#lineage-sidebar .sidebar-close-button {
+  background: 1px solid #e7e8ea;
+  cursor: pointer;
+  z-index: 999;
+  background: var(--primary-accent, #247efe);
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
+  padding: 8px;
+  display: inline-flex;
+  position: absolute;
+  top: 0;
+  right: 100%;
+}
+
+.component-A82MOD {
+  border: 4px solid #0000001a;
+  border-left-color: var(--primary-color);
+  border-radius: 50%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  margin: 0 auto;
+  animation: 1s linear infinite spin-mK3tpt;
+  display: flex;
+  position: absolute;
+  transform: translate(-50%, -50%);
+}
+
+@keyframes spin-mK3tpt {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.level_tag-lfobAk {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  background-color: var(--tag-bg);
+  width: min-content;
+  color: var(--tag-text-color);
+  border-radius: 30px;
+  align-items: center;
+  padding: 2px 8px;
+  font-size: .8em;
+  font-weight: 500;
+  display: flex;
+}
+
+.lineage-component {
+  --primary-color: #247efe;
+  --bg-color: #f5f5f7;
+  --primary-accent: #247efe;
+  --column-node-bg: #e9f2ff;
+  --column-node-color: var(--primary-accent);
+  --text-color: #000;
+  --card-bg: #fff;
+  --card-border-color: #e7e8ea;
+  --table-node-border-color: #a7b2c14d;
+  --table-node-expand-bg: #eaf3ff;
+  --table-node-collapse-bg: #fff;
+  --table-node-content-bg: #fff;
+  --text-grey-color: #8390a3;
+  --text-grey2-color: #c4cad2;
+  --purpose-section-bg: #eaf3ff;
+  --column-section-bg: #f5f6f7;
+  --tag-bg: #f5f6f7;
+  --tag-text-color: #082247;
+  --input-placeholder-color: #08224780;
+  --input-bg: #fff;
+  --input-text-color: #212529;
+  --input-border-color: #dee2e6;
+  --modal-bg: #fff;
+  --popover-bg: #fff;
+  --divider-color: #e8e8e8;
+  --code-bg: #082247;
+  --node-model-color: 36, 126, 254;
+  line-height: var(--bs-body-line-height);
+  height: 100%;
+}
+
+.vscode-dark .lineage-component {
+  --bg-color: #1e1e1e;
+  --primary-accent: #247efe;
+  --column-node-bg: #8390a333;
+  --column-node-color: #fff;
+  --text-color: #fff;
+  --card-bg: #252526;
+  --card-border-color: #d5dbe433;
+  --table-node-border-color: #d5dbe41a;
+  --table-node-expand-bg: #494e56;
+  --table-node-collapse-bg: #3a3d41;
+  --table-node-content-bg: #3a3d41;
+  --text-grey-color: #66768d;
+  --text-grey2-color: #c4cad2;
+  --purpose-section-bg: #3c3c3c;
+  --column-section-bg: #3c3c3c;
+  --tag-bg: #4a4d51;
+  --tag-text-color: #fff;
+  --input-placeholder-color: #fff;
+  --input-bg: #8390a333;
+  --input-text-color: #fff;
+  --input-border-color: #8390a31a;
+  --modal-bg: #484e55;
+  --popover-bg: #28292c;
+  --divider-color: #424750;
+  --code-bg: #171717;
+  --node-model-color: 202, 232, 249;
+}
+
+body.lineage .popover {
+  --bs-popover-bg: var(--background--02);
+}
+
+body.vscode-dark .bs-modal {
+  --bs-modal-bg: #252526 !important;
+  --bs-modal-color: #fff !important;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.gap-xxs {
+  gap: .25rem;
+}
+
+.gap-xs {
+  gap: .5rem;
+}
+
+.gap-sm {
+  gap: .75rem;
+}
+
+.gap-md {
+  gap: 1rem;
+}
+
+.gap-lg {
+  gap: 1.25rem;
+}
+
+.gap-xl {
+  gap: 2rem;
+}
+
+.overflow-y {
+  overflow-y: auto;
+}
+
+.overflow-x {
+  overflow-x: auto;
+}
+
+.lines-2 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  word-break: break-word;
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  overflow: hidden;
+}
+
+.text-blue {
+  color: var(--primary-accent);
+}
+
+.text-grey {
+  color: var(--text-grey-color);
+}
+
+.text-overflow {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow-x: hidden;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.spacer {
+  flex-grow: 1;
+}
+
+.fw-semibold {
+  font-weight: 600;
+}
+
+.top-right-container {
+  z-index: 1;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+  position: absolute;
+  top: 16px;
+  right: 16px;
+}
+
+.fs-xxs {
+  font-size: .875rem;
+}
+
+.purpose-section {
+  background-color: var(--purpose-section-bg);
+}
+
+.column-section {
+  background-color: var(--column-section-bg);
+}
+
+.custom-input {
+  background-color: var(--input-bg) !important;
+  color: var(--input-text-color) !important;
+  border-color: var(--input-border-color) !important;
+}
+
+.custom-input::-moz-placeholder {
+  color: var(--input-placeholder-color) !important;
+  opacity: 1 !important;
+}
+
+.custom-input::placeholder {
+  color: var(--input-placeholder-color) !important;
+  opacity: 1 !important;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.tooltip-container {
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.tooltip-container:hover .tooltip-text {
+  display: block;
+}
+
+.tooltip-text {
+  color: #082247;
+  white-space: nowrap;
+  background: #ffce73;
+  border-radius: 4px;
+  padding: 8px;
+  display: none;
+  position: absolute;
+  bottom: 125%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.bottom-right-container {
+  z-index: 100;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+  position: absolute;
+  bottom: 16px;
+  right: 16px;
+}
+
+.normal-text {
+  color: var(--text-color);
+}
+
+.theme-bg {
+  background-color: var(--bg-color) !important;
+}
+
+.cursor-disable {
+  cursor: not-allowed;
+}
+
+pre[class*="language-"], code[class*="language-"] {
+  word-break: break-word;
+  overflow: auto;
+}
+
+.text-primary {
+  color: var(--primary-accent);
+}
+
+.text-white {
+  color: #fff;
+}
+
+
+/*# sourceMappingURL=styles.css.map*/