@layer base { body, :host { /* Color */ --grey-00: #ffffffff; --grey-50: #FAFAFA; --grey-100: #F5F5F5; --grey-200: #E5E5E5; --grey-300: #D4D4D4; --grey-400: #A3A3A3; --grey-500: #737373; --grey-600: #525252; --grey-700: #404040; --grey-800: #262626; --grey-900: #171717; --red-50: #FEF2F2; --red-100: #FEE2E2; --red-200: #FECACA; --red-300: #FCA5A5; --red-400: #F87171; --red-500: #EF4444; --red-600: #DC2626; --red-700: #B91C1C; --red-800: #991B1B; --red-900: #7F1D1D; --blue-50: #EFF6FF; --blue-100: #DBEAFE; --blue-200: #BFDBFE; --blue-300: #93C5FD; --blue-400: #60A5FA; --blue-500: #3B82F6; --blue-600: #2563EB; --blue-700: #1D4ED8; --blue-800: #1E40AF; --blue-900: #1E3A8A; --lime-50: #F7FEE7; --lime-100: #ECFCCB; --lime-200: #D9F99D; --lime-300: #BEF264; --lime-400: #A3E635; --lime-500: #84CC16; --lime-600: #65A30D; --lime-700: #4D7C0F; --lime-800: #3F6212; --lime-900: #365314; --pink-50: #FDF2F8; --pink-100: #FCE7F3; --pink-200: #FBCFE8; --pink-300: #F9A8D4; --pink-400: #F472B6; --pink-500: #EC4899; --pink-600: #DB2777; --pink-700: #BE185D; --pink-800: #9D174D; --pink-900: #831843; --teal-50: #F0FDFA; --teal-100: #CCFBF1; --teal-200: #99F6E4; --teal-300: #5EEAD4; --teal-400: #2DD4BF; --teal-500: #14B8A6; --teal-600: #0D9488; --teal-700: #0F766E; --teal-800: #115E59; --teal-900: #134E4A; --green-50: #ECFDF5; --green-100: #D1FAE5; --green-200: #A7F3D0; --green-300: #6EE7B7; --green-400: #34D399; --green-500: #10B981; --green-600: #059669; --green-700: #047857; --green-800: #065F46; --green-900: #064E3B; --purple-50: #F5F3FF; --purple-100: #EDE9FE; --purple-200: #DDD6FE; --purple-300: #C4B5FD; --purple-400: #A78BFA; --purple-500: #8B5CF6; --purple-600: #7C3AED; --purple-700: #6D28D9; --purple-800: #5B21B6; --purple-900: #4C1D95; --yellow-50: #FFFBEB; --yellow-100: #FEF3C7; --yellow-200: #FDE68A; --yellow-300: #FCD34D; --yellow-400: #FBBF24; --yellow-500: #F59E0B; --yellow-600: #D97706; --yellow-700: #B45309; --yellow-800: #92400E; --yellow-900: #78350F; --color-text-primary: #171717; /* Fonts */ --font-sans: 'Inter',sans-serif; --font-montserrat: 'Montserrat',sans-serif; --font-spacemono: 'Space Mono',monospace; /* Font size */ --font-size-xxs: 0.625rem; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; /* Font weight */ --font-weight-thin: 100; --font-weight-lighter: 200; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-normal: 500; --font-weight-bold: 700; --font-weight-semi-bold: 600; --font-weight-bolder: 800; --font-weight-black: 900; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* Border radius */ /* Spacing */ --xxsmall: 0.25rem; --xsmall: 0.5rem; --small: 1rem; --medium: 2rem; --large: 4rem; --xlarge: 8rem; --breakpoint-tablet: 991px; --breakpoint-mobile-landscape: 767px; --breakpoint-mobile-portrait: 479px; --20px: 20px; --1: 1rem; --2: 2rem; --05: .5rem; --space-one: 1rem; /* Z-index */ } @keyframes animation-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animation-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes animation-fade-out { from { opacity:1; } to { opacity:0; } } } .fdlaql { width:100%; height:100%; max-height:100vh; padding-right:45px; padding-bottom:var(--20px); background-color:var(--grey-50, #FAFAFA); } .ffpTYn { flex:1; height:calc(100%-58px); overflow-y:auto; flex-direction:row; } .CbbQf { height:100%; z-index:1000; } .fiTfMX { min-width:350px; overflow-y:auto; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); } .bpeMON { width:40px; height:40px; } .boUQXI { padding-top:var(--medium); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-left:var(--medium); border-radius:var(--small); padding-right:var(--medium); padding-bottom:var(--medium); background-color:var(--grey-00, #ffffffff); } @media (max-width: 479px) { .boUQXI { padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); } } .dMIWP { color:var(--purple-900, #4C1D95); width:100%; align-items:center; padding-top:var(--small); border-color:var(--purple-400, #A78BFA); border-style:dashed; border-width:2px; padding-left:var(--small); border-radius:var(--xsmall); padding-right:var(--small); padding-bottom:var(--small); justify-content:center; background-color:var(--purple-100, #EDE9FE); } .duWKQh { width:100%; flex-wrap:wrap; font-size:var(--font-size-sm); align-items:center; font-weight:var(--font-weight-light); flex-direction:row; justify-content:space-between; } .xOgMG { color:inherit; display:flex; flex-wrap:wrap; flex-direction:column; } .cCTpLw { display:flex; align-items:start; flex-direction:column; justify-content:start; } .cZdeWH { gap:0.5em; color:var(--grey-00, #ffffffff); cursor:pointer; display:flex; outline:none; font-size:var(--button-size); box-shadow:0px 6px 12px 0px #ffffff1f inset, 1px 3px 8px -2px var(--button-color-200, #DDD6FE), 0px 4px 2px -2px #ffffff2b inset; min-height:2.625em; transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms; align-items:center; padding-top:0.5em; text-shadow:0px 0px 2px var(--button-color-800); border-color:var(--button-color-700, #6D28D9); border-style:solid; border-width:1px; padding-left:1em; border-radius:var(--xsmall); padding-right:1em; flex-direction:row; padding-bottom:0.5em; justify-content:center; background-color:var(--button-color-600, #7C3AED); } .cZdeWH:hover { box-shadow:0px 6px 12px 0px #ffffff1f inset, 1px 3px 8px -2px var(--button-color-200, #DDD6FE), 0px 4px 2px -2px #ffffff2b inset; background-color:var(--button-color-700, #6D28D9); } .cZdeWH:focus-visible { outline-color:var(--button-color-300, #C4B5FD); outline-style:solid; outline-width:3px; } .cZdeWH.is-secondary { color:var(--button-color-700, #6D28D9); box-shadow:0 0 0 0 #00000000; text-shadow:none; border-color:var(--button-color-200, #DDD6FE); border-style:solid; border-width:1px; background-color:var(--grey-00, #ffffffff); } .cZdeWH.is-secondary:hover { color:var(--button-color-700, #6D28D9); text-shadow:none; background-color:var(--button-color-50, #F5F3FF); } .cZdeWH.is-stretch { width:100%; } .cWdvTh { gap:var(--small); } .KqJXz { gap:var(--xsmall); } .czQxlw { gap:var(--small); align-items:center; flex-direction:row; justify-content:space-between; } .eyVPLS { font-size:inherit; font-family:inherit; font-weight:inherit; } .cZcoCo { top:0px; flex:1; left:0px; right:0px; width:100%; bottom:0px; height:100%; z-index:var(--middle); position:fixed; align-items:center; backdrop-filter:blur(5px);; justify-content:center; background-color:#20241e0d; -webkit-backdrop-filter:blur(5px);; } .bkAttO { color:var(--purple-500, #8B5CF6); font-size:var(--font-size-2xl); font-family:inherit; font-weight:var(--font-weight-bold); } .fwqTDI { color:var(--grey-600, #525252); } .zZsZt { gap:var(--1); width:100%; } .cGSWLm { gap:var(--1); width:auto; z-index:var(--top); max-width:90%; min-width:500px; box-shadow:0px 7px 15px 0px rgba(0,0,0,0.46);; margin-top:-100px; min-height:400px; padding-top:var(--2); padding-left:var(--2); border-radius:4px; padding-right:var(--2); padding-bottom:var(--2); -moz-box-shadow:0px 7px 15px 0px rgba(0,0,0,0.46);; background-color:var(--grey-50, #FAFAFA); -webkit-box-shadow:0px 7px 15px 0px rgba(0,0,0,0.46);; } @media (max-width: 768px) { .cGSWLm { width:100%; max-width:75%; min-width:0px; } } .fzqsSW { color:var(--grey-900, #171717); width:100%; font-size:var(--font-size-sm); max-width:var(--max-width); font-family:inherit; font-weight:400; padding-top:var(--05); padding-left:var(--05); border-radius:6px; outline-color:var(--grey-400, #A3A3A3); outline-style:solid; outline-width:1px; padding-right:var(--05); padding-bottom:var(--05); background-color:#ffffffff; } .fzqsSW:focus { outline-color:var(--purple-500, #8B5CF6); outline-style:solid; outline-width:1px; } .fzqsSW.readonly { color:var(--grey-600, #525252); cursor:not-allowed; } .fzqsSW.readonly:focus { outline-color:var(--grey-500, #737373); outline-style:solid; outline-width:1px; } .dIAHNz { gap:var(--1); } .efYDxI { display:inline-block; } .pKdd { gap:var(--05); color:var(--grey-900, #171717); display:flex; font-size:var(--font-size-sm); align-items:center; font-family:inherit; font-weight:600; flex-direction:row; justify-content:start; } .eASzjq { width:100%; border:1px solid rgba(0,0,0,.2);; display:flex; max-width:var(--max-width); min-width:100px; box-shadow:0 1px 4px rgba(9,39,83,.12), inset 0 0 0 1px rgba(255,255,255,.3);; align-items:center; padding-top:var(--05); padding-left:.75rem; border-radius:6px; outline-color:var(--grey-200, #E5E5E5); outline-style:solid; outline-width:0px; padding-right:.75rem; flex-direction:column; padding-bottom:var(--05); justify-content:center; background-color:#ffffffff; } .eASzjq:hover { cursor:pointer; outline-color:var(--grey-200, #E5E5E5); outline-style:solid; outline-width:2px; } .eASzjq:focus-visible { outline-color:var(--color-text-primary, #E5E5E5); outline-style:solid; outline-width:1px; } .eASzjq.inactive:hover { cursor:wait; } .eZtKLd { gap:var(--05); display:flex; font-size:inherit; font-family:inherit; font-weight:inherit; flex-direction:row; } .AGAAB { top:10px; color:var(--purple-500, #8B5CF6); right:10px; position:absolute; } .AGAAB:hover { cursor:pointer; transform:scale(1.05); } .dXdcSX { width:100%; font-family:inherit; } .AAty { gap:var(--1); flex:1; width:100%; align-items:start; flex-direction:column; justify-content:start; } .eGqCbn { top:0px; right:0px; width:20px; height:20px; position:absolute; align-items:center; border-radius:12px; justify-content:center; } .eGqCbn:hover { color:var(--grey-900, #171717); cursor:pointer; background-color:var(--grey-200, #E5E5E5); } .clBgkz { width:auto; height:auto; max-width:25px; } .cCYXsI { width:100%; } .cTlfwN { align-items:start; flex-direction:row; justify-content:start; } .fmXkT { width:45px; height:27px; position:relative; } .elRkyT { top:0px; left:0px; right:0px; bottom:0px; cursor:pointer;; position:absolute;; transition:.4s;; border-radius:34px;; background-color:var(--grey-500, #a9adb1); } .elRkyT::before { left:4px;; width:20px; bottom:4px;; height:20px; content:"";; position:absolute;; transition:.4s;; border-radius:50%;; background-color:white;; } .elRkyT.active { background-color:var(--ActiveColor, #6445FF); } .elRkyT.active::before { transform:translateX(17px); } .elRkyT.disabled:hover { cursor:not-allowed; } .qKLPx { display:none; } .eyJtCM { color:inherit; font-size:0.875rem; font-weight:var(--font-weight-semi-bold); } .ezHbWL { color:inherit; font-size:1.125rem; font-weight:var(--font-weight-semi-bold); } .cOoHCH { gap:var(--small); align-items:center; flex-direction:row; justify-content:start; } .PRyRB { color:inherit; font-size:1.5rem; font-weight:var(--font-weight-bold); } .so-select-item\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:100%; cursor:default; height:var(--interactive-height-sm); font-size:var(--text-md); transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'Outfit'; font-weight:var(--normal); white-space:nowrap; padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:0px; padding-right:0.75rem; text-overflow:ellipsis; flex-direction:row; justify-content:start; } .so-select-item\:root:hover { background-color:var(--brand-4, #33255B); } .so-select-item\:root:focus { background-color:var(--brand-4, #33255B); } .so-select-item\:root.checked { color:var(--brand-11, #BAA7FF); } .so-select-item\:root.disabled { color:var(--neutral-9, #6F6D78); } .so-select-item\:root.disabled:hover { background-color:transparent; } .dfonvd { color:inherit; width:1rem; height:1rem; font-size:inherit; font-family:inherit; font-weight:inherit; } .BEodR { width:fit-content; height:fit-content; font-size:inherit; font-family:inherit; font-weight:inherit; } .so-select-item\:gTaZlBzZUme6Pj37SjYHY { color:var(--brand-11, #BAA7FF); width:1rem; height:1rem; } .egbzZw { gap:var(--xxsmall); align-items:center; flex-direction:row; justify-content:space-between; } .FZJkW { gap:var(--xxsmall); flex:1; height:100%; } .ffbLhs { flex:1; } .StnWe { color:inherit; display:inline-block; margin-left:var(--small); } .FvDxx { gap:var(--small); flex:1; display:flex; font-size:inherit; font-family:inherit; font-weight:inherit; flex-direction:row; } .dImyTy { color:#383838; display:inline-block; } .bxlvyt { gap:var(--xsmall); flex:1; display:flex; align-items:center; flex-direction:row; justify-content:end; } .deVciL { gap:var(--xsmall); flex:1; height:100%; align-items:center; flex-direction:row; justify-content:end; } .dzTxIs { gap:var(--small); color:var(--grey-500, #737373); display:flex; flex-wrap:wrap; font-size:inherit; font-family:inherit; font-weight:var(--font-weight-light); flex-direction:row; } .eSLrTq { flex:1; color:var(--color-text-primary, #171717); } .LJeSQ { gap:var(--small); color:var(--grey-500, #737373); display:flex; font-size:inherit; font-family:inherit; font-weight:var(--font-weight-light); flex-direction:row; } .dXemtp { width:20px; height:20px; align-items:start; justify-content:start; } .SgeRQ { gap:var(--xsmall); flex:1; align-items:center; flex-direction:row; justify-content:end; } .bXKCFL { color:inherit; display:inline-block; } .eFQaJC { top:var(--top); left:var(--left); position:absolute; outline-color:transparent; outline-style:none; outline-width:0px; pointer-events:all; transform-origin:var(--transform-origin-x) var(--transform-origin-y); } .eFQaJC:focus { outline-color:transparent; outline-style:none; outline-width:0px; } .eFQaJC.hidden { visibility:hidden; pointer-events:none; } .eFQaJC.match-anchor-width { width:var(--sc-anchor-width); } .so-select-content\:root { gap:0.25rem; opacity:0; padding-top:0.5rem; border-color:var(--neutral-5, #323035); border-style:solid; border-width:var(--border-md); padding-left:0.5rem; border-radius:var(--rounding-lg); padding-right:0.5rem; padding-bottom:0.5rem; background-color:var(--neutral-0, #0b0a0b); } .so-select-content\:root.open { opacity:1; } .so-select-content\:root.open-transition { transition:opacity 200ms ease 0ms normal; } .so-select-content\:root.close-transition { transition:opacity 200ms ease 0ms normal; } .so-select-content\:root:focus { outline-color:#ffffff; outline-style:none; outline-width:0px; } .QHUFZ { gap:var(--small); flex:1; display:flex; flex-wrap:wrap; font-size:inherit; font-family:inherit; font-weight:inherit; flex-direction:row; } .dqsoTv { width:fit-content; height:fit-content; } .cVMNhr { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:absolute; pointer-events:none; } .dYElHa { width:var(--width); height:var(--height); position:fixed; pointer-events:none; } .dYElHa.modal { pointer-events:all; } .bWpTnd { width:fit-content; height:auto; } .so-button-secondary\:root { gap:0.5rem; color:var(--neutral-12, #EEEEF0); width:fit-content; cursor:default; height:var(--interactive-height-md); font-size:var(--text-md); overflow-x:hidden; overflow-y:hidden; transition:background-color 200ms ease 0ms normal; align-items:center; font-family:'Outfit'; font-weight:var(--semi); user-select:none; border-color:var(--neutral-6, #3C393F); border-style:solid; border-width:var(--border-md); padding-left:0.75rem; border-radius:var(--rounding-md); outline-color:transparent; outline-style:solid; outline-width:var(--border-lg); padding-right:0.75rem; flex-direction:row; outline-offset:var(--border-md); -ms-user-select:none; justify-content:center; -moz-user-select:none; background-color:var(--neutral-0, #0b0a0b); -webkit-user-select:none; -webkit-tap-highlight-color:transparent; } .so-button-secondary\:root:hover { background-color:var(--neutral-2, #1A191B); } .so-button-secondary\:root:active { transition:none; background-color:var(--neutral-4, #2B292D); } .so-button-secondary\:root:focus-visible { outline-color:var(--brand-8, #6958AD); outline-style:solid; outline-width:var(--border-lg); outline-offset:var(--border-md); } .so-button-secondary\:root.trigger-open { background-color:var(--neutral-2, #1A191B); } .so-button-secondary\:root.disabled { opacity:0.5; background-color:var(--neutral-0, #0b0a0b); } .ckeMDa { top:0px; left:0px; color:inherit; right:0px; bottom:0px; display:flex; z-index:; position:absolute; font-size:inherit; align-items:center; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; background-color:var(--neutral-0, #0b0a0b); } .ecsgDW { width:var(--size); height:var(--size); animation:spinner 1s linear infinite; border-radius:50%; } .ffcKG { width:100%; height:100%; position:absolute; border-color:transparent; border-style:solid; border-width:4px; border-radius:50%; border-top-color:var(--color, #EEEEF0); border-top-style:solid; border-top-width:4px; } .bDGgpC { width:100%; height:100%; opacity:0.3; position:absolute; border-color:var(--color, #EEEEF0); border-style:solid; border-width:4px; border-radius:50%; } .settings-pipeline_automation\:a_k3JvvZpbsLFuepVPMJc { width:200px; align-items:center; flex-direction:row; justify-content:space-between; } .dNrvGC { gap:var(--small); color:var(--green-700, #047857); display:flex; font-size:inherit; align-items:center; font-family:inherit; font-weight:inherit; flex-direction:row; justify-content:start; } .edOjbG { flex-grow:1; max-width:300px; } .so-select-icon\:root { color:inherit; width:1.25rem; height:1.25rem; font-size:inherit; transition:rotate 200ms ease 0ms normal; font-family:inherit; font-weight:inherit; } .so-select-icon\:root.open { rotate:z 180deg; } .dRioaT { flex:1; height:100%; } .enGKXi { gap:var(--xsmall); height:40px; align-items:center; flex-direction:row; justify-content:start; } .dTnpNv { gap:var(--xsmall); display:flex; flex-grow:1; align-items:center; padding-left:40px; flex-direction:row; justify-content:start; } .bMIPUL { gap:var(--xxsmall); align-items:center; margin-bottom:var(--small); flex-direction:row; justify-content:space-between; } .hYMtO { color:var(--color-text-primary, #171717); flex-grow:1; } .cMCwd { gap:var(--xxsmall); } .feOvah { gap:20px; width:100%; height:100%; font-family:'Inter'; } .eJkNaL { flex:1; color:var(--color-text-primary, #171717); overflow-y:auto; } .eMchIU { gap:var(--small); z-index:; } .eyXbAW { width:var(--width); display:table-cell; padding:var(--space-one); min-width:var(--min-width); text-align:left; } .eyXbAW:first-child { border-top-left-radius:4px; border-bottom-left-radius:4px; } .eyXbAW:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px; } .cpJQqJ { overflow:hidden; max-width:var(--max-width); min-width:var(--min-width); max-height:var(--max-height); text-overflow:ellipsis; } .faRWjY { width:var(--width); display:table-cell; padding:var(--space-one); text-align:left; background-color:var(--Main-200, #f0f1f5); border-top-color:var(--grey-200, #E5E5E5); border-top-style:solid; border-top-width:1px; border-bottom-color:var(--grey-200, #E5E5E5); border-bottom-style:solid; border-bottom-width:1px; } .faRWjY:first-child { border-left-color:var(--grey-200, #E5E5E5); border-left-style:solid; border-left-width:1px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .faRWjY:last-child { border-right-color:var(--grey-200, #E5E5E5); border-right-style:solid; border-right-width:1px; border-top-right-radius:4px; border-bottom-right-radius:4px; } .faRWjY:hover { background-color:var(--Main-200, #f0f1f5); border-top-color:var(--grey-200, #E5E5E5); border-bottom-color:var(--grey-200, #E5E5E5); } .fgfYYP { gap:var(--space-half); display:flex; overflow:hidden; align-items:center; flex-direction:row; justify-content:start; } .dTTPSF { gap:var(--xsmall); height:100%; padding-top:var(--xxsmall); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--xxsmall); } .cCyqxA { width:100%; overflow:auto; padding-bottom:150px; } .dezopQ { display:table-row; } .fHDDvh { width:3rem; display:table-cell; padding:var(--space-one); text-align:left; background-color:var(--Main-200, #f0f1f5); border-top-color:var(--grey-200, #E5E5E5); border-top-style:solid; border-top-width:1px; border-bottom-color:var(--grey-200, #E5E5E5); border-bottom-style:solid; border-bottom-width:1px; } .fHDDvh:first-child { border-left-color:var(--grey-200, #E5E5E5); border-left-style:solid; border-left-width:1px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .fHDDvh:last-child { border-right-color:var(--grey-200, #E5E5E5); border-right-style:solid; border-right-width:1px; border-top-right-radius:4px; border-bottom-right-radius:4px; } .cpvcaa { width:3rem; display:table-cell; padding:var(--space-one); text-align:left; } .cXsOAK { display:table-header-group; } .lwgQr { display:table-row-group; } .mQYoy { display:table; font-size:var(--font-size-14); border-spacing:0; } .eyyQYu { gap:12px; flex:1; height:100%; min-width:300px; padding-top:12px; border-color:var(--grey-200, #edededff); border-style:solid; border-width:1px; padding-left:12px; border-radius:8px; padding-right:12px; padding-bottom:12px; background-color:#ffffffff; } .cJffSA { gap:var(--small); height:50px; max-width:500px; min-width:400px; align-items:center; flex-direction:row; justify-content:start; } .bHQGhv { color:inherit; display:inline-block; max-width:700px; white-space:pre-wrap; } .epOdVR { align-items:center; flex-direction:row; justify-content:space-between; } .bfzmzg { align-items:center; flex-direction:row; justify-content:start; } .bNIyMk { color:var(--color-text-primary, #171717); display:flex; font-size:2.25rem; align-items:center; font-weight:var(--font-weight-bold); flex-direction:row; justify-content:space-between; } .cuWaOq { top:0px; left:0px; right:0px; width:100%; bottom:0px; height:100%; overflow-y:clip; } .eSAcwJ { top:0px; left:0px; height:calc(100% + 25px); } .page-logs\:5jRCNmLQ0wn-n_oHkH2qv { font-family:'Inter'; padding-top:var(--xsmall); padding-left:var(--small); border-radius:var(--xxsmall); padding-right:var(--small); padding-bottom:var(--xsmall); } .page-logs\:5jRCNmLQ0wn-n_oHkH2qv:hover { cursor:pointer; } .cYxjw { color:inherit; font-size:2.25rem; font-weight:var(--font-weight-bold); } .LyvkV { width:23px; height:23px; align-items:center; padding-top:1.5px; padding-left:1.5px; padding-right:1.5px; padding-bottom:1.5px; justify-content:center; } .LyvkV:hover { cursor:pointer; border-radius:3px; background-color:var(--grey-300, #D4D4D4); } .cRrUcm { color:#262626; font-size:var(--font-size-base); margin-top:8px; font-weight:var(--font-weight-light); border-radius:var(--xxsmall); outline-color:var(--grey-300, #D4D4D4); outline-style:solid; outline-width:1px; } .jHTWw { top:0px; left:0px; right:0px; bottom:0px; z-index:49; position:fixed; align-items:center; justify-content:center; } .DYAkv { width:100%; font-size:var(--font-size-sm); align-items:center; font-weight:var(--font-weight-light); flex-direction:row; justify-content:space-between; } .dhuyrE { color:inherit; display:inline-block; font-size:var(--font-size-2xl); font-weight:var(--font-weight-bold); } .vSSmT { width:100%; align-items:center; flex-direction:row; justify-content:space-between; } .sOGqy { flex:1; width:100%; overflow-y:auto; flex-direction:row; } .cKJnqd { font-size:var(--font-size-xs); font-family:inherit; font-weight:var(--font-weight-light); padding-top:var(--xxsmall); padding-left:var(--xsmall); border-radius:var(--small); outline-color:var(--grey-500, #737373); outline-style:solid; outline-width:1px; padding-right:var(--xsmall); padding-bottom:var(--xxsmall); background-color:var(--grey-100, #F5F5F5); } .edrHlB { width:25px; height:25px; } .ejNGAw { gap:var(--xxsmall); flex:1; width:50px; height:50px; flex-wrap:nowrap; flex-direction:column; } .cgbsPI { gap:var(--xxsmall); align-items:start; flex-direction:column; justify-content:start; } .GneSa { width:100%; height:100%; display:block; min-height:400px; } .cAcghy { width:100%; height:100%; position:relative; } .eyxaYP { display:flex; font-size:var(--font-size-xs); font-family:inherit; font-weight:inherit; padding-top:var(--xxsmall); padding-left:var(--xsmall); padding-right:var(--xsmall); flex-direction:column; padding-bottom:var(--xxsmall); background-color:var(--grey-50, #FAFAFA); } .eyxaYP.live { background-color:var(--lime-50, #F7FEE7); } .tkxot { font-size:var(--font-size-xs); font-family:inherit; font-weight:var(--font-weight-light); padding-top:var(--xxsmall); padding-left:var(--xsmall); border-radius:var(--small); padding-right:var(--xsmall); padding-bottom:var(--xxsmall); } .bbwpFH { font-size:inherit; font-family:inherit; font-weight:inherit; } .bbwpFH:hover { cursor:copy; } .bYzSml { width:18px; height:auto; align-items:center; justify-content:center; } .eiONRR { flex:1; width:100%; height:199%; z-index:1000; } .eEhOHb { gap:8px; color:var(--white, #ffffff); cursor:pointer; align-items:center; font-weight:500; line-height:100%; white-space:nowrap; border-radius:6px; flex-direction:row; justify-content:center; background-color:var(--grey-900, #171717); } .eEhOHb:hover { background-color:var(--grey-700, #404040); } .eEhOHb:focus-visible { box-shadow:0px 0px 0px 2px var(--white,#ffffff), 0px 0px 0px 4px var(--blue-300, #93C5FD); } .eEhOHb:disabled { opacity:0.6; } .PqAIK { font-size:inherit; font-family:inherit; font-weight:var(--font-weight-light); } .bgKkhg { flex:1; width:100%; max-width:95vw; } .dBlWhP { color:var(--grey-500, #737373); } .fhabeB { gap:var(--small); width:100%; border:1px solid rgba(255, 255, 255, 0.125);; height:100%; z-index:1000; overflow-y:auto; align-items:center; padding-right:45px; flex-direction:column; backdrop-filter:blur(5px) saturate(180%);; justify-content:start; background-color:rgba(255, 255, 255, 0.5);; -webkit-backdrop-filter:blur(5px) saturate(180%);; } .eShftS { gap:var(--xsmall); flex:1; width:100%; height:100%; align-items:center; justify-content:center; } .fhkoDk:hover { cursor:pointer; border-radius:12px; background-color:var(--grey-200, #E5E5E5); } .bYtYUh { color:inherit; font-size:1.125rem; font-weight:var(--font-weight-normal); } .bYtYUh:hover { cursor:copy; } .fxtthz { gap:var(--xsmall); flex-wrap:wrap; align-items:center; flex-direction:row; justify-content:start; } .fHGguN { width:20px; height:20px; align-items:center; justify-content:center; } .fHGguN:hover { cursor:pointer; border-radius:12px; background-color:var(--grey-200, #E5E5E5); } .kjeaA { top:0px; right:0px; width:100%; bottom:0px; height:100%; position:relative; max-width:900px; overflow-y:auto; padding-top:var(--small); border-color:var(--grey-500, #737373); border-style:solid; border-width:1px; padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); background-color:var(--grey-00, #ffffffff); } .uIWtl { gap:var(--xsmall); align-items:center; flex-direction:row; justify-content:start; } .cfqKRN { flex-direction:row; } .fBFywj { flex-direction:column; } .etZIDd { gap:var(--xxsmall); flex:1; width:100%; height:50px; flex-wrap:nowrap; flex-direction:column; } .cenhLo { gap:25px; align-items:start; flex-direction:row; justify-content:start; } .cDJera { height:45px; display:flex; margin-top:2px; align-items:center; margin-bottom:2px; flex-direction:row; justify-content:start; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .cDJera:nth-child(even) { border-bottom:1px solid #00000017; } .eQlzea { width:100%; display:flex; align-items:center; padding-top:var(--medium); padding-left:var(--medium); border-radius:6px; padding-right:var(--medium); flex-direction:row; padding-bottom:var(--medium); justify-content:center; } .cuaXn { display:flex; align-items:center; flex-direction:row; justify-content:start; } .epKTFD { gap:var(--xsmall); width:73px; height:30px; align-items:center; flex-direction:row; justify-content:start; } .cjhMBZ { color:var(--grey-700); border:1px solid black; font-size:var(--font-size-xs); border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .bZyvct { width:30px; height:30px; padding-top:var(--xsmall); padding-left:var(--xsmall); border-radius:100px; padding-right:var(--xsmall); padding-bottom:var(--xsmall); background-color:var(--grey-200, #E5E5E5); } .rjqml { color:var(--color-text-secondary, #A3A3A3); display:table; position:relative; overflow-y:scroll; border-color:var(--grey-400); border-style:solid; border-width:1px; border-radius:6px; background-color:var(--grey-50); } .fkVsKv { gap:var(--xxsmall); width:240px; display:flex; padding-top:5px; padding-left:var(--small); border-radius:6px; padding-right:var(--small); flex-direction:column; padding-bottom:5px; justify-content:center; } .fkVsKv:hover { cursor:default; } .axXcQ { gap:var(--05); color:var(--Gunmetal, #26313B); width:fit-content; cursor:pointer; align-items:center; padding-top:5px; padding-left:5px; border-radius:6px; padding-right:5px; flex-direction:row; padding-bottom:5px; justify-content:start; background-color:#E5E7E8; } .axXcQ:hover { cursor:default; } .OVBzv { width:auto; height:auto; } .bCKrHT:hover { cursor:pointer; } .Wdynw { width:20px; height:20px; align-items:center; font-weight:inherit; justify-content:center; } .JrkIa { top:-12px; width:40px; height:40px; position:absolute; align-items:center; justify-content:center; } .lUnjM { color:var(--MainBlue, #35B0F3); } .cJKDdp { width:280px; display:table-cell; text-align:center; } .eOWWGz { align-items:center; flex-direction:row; justify-content:start; } .eKeCKR { width:100%; height:400px; align-items:center; border-radius:10px; outline-color:var(--grey-300, #D4D4D4); outline-style:dashed; outline-width:2px; justify-content:center; } .dtxSrs { gap:var(--small); flex-direction:row; } .csbHlB { align-items:start; justify-content:center; } .oVbbe { width:280px; display:flex; min-height:40px; align-items:center; padding-top:5px; padding-left:1rem; border-radius:6px; padding-right:1rem; flex-direction:row; padding-bottom:5px; justify-content:start; } .oVbbe:hover { cursor:pointer; background-color:var(--grey-200); } .fAeGmO { gap:var(--1); flex-direction:row; } .dzpVjr { color:var(--MainPurple, #9E4DFD); } .dUvNTH { margin-right:8px; } .cDzDlN { width:200px; display:table-cell; text-align:center; } .fgWRPt { :; border-radius:8px; } .ehdbPS { gap:8px; width:100%; display:flex; align-items:center; padding-top:5px; padding-left:1rem; border-radius:6px; padding-right:1rem; flex-direction:row; padding-bottom:5px; justify-content:center; } .cVZUdB { color:var(--Olive, #018979); } .cbZrrH { color:var(--grey-900); border:1px solid black; height:40px; display:flex; align-items:start; margin-bottom:5px; justify-content:center; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .ekPIWl { display:table-row; } .bmZsnJ { gap:var(--xxsmall); font-weight:var(--font-weight-light); flex-direction:row; } .cUayZo { gap:var(--xxsmall); min-width:150px; align-items:center; flex-direction:row; justify-content:start; } .dKOULM { gap:4px; display:flex; flex-wrap:wrap; min-width:300px; min-height:40px; align-items:center; padding-top:5px; padding-left:1rem; border-radius:6px; padding-right:1rem; flex-direction:row; padding-bottom:5px; } .dKOULM:hover { cursor:pointer; background-color:var(--grey-200); } .WslqB { width:260px; display:table-cell; text-align:center; } .bewEfS { color:inherit; position:relative; font-size:1.125rem; font-weight:var(--font-weight-semi-bold); } .exYtsC { width:200px; display:flex; align-items:start; padding-top:5px; padding-left:var(--small); border-radius:6px; padding-right:var(--small); flex-direction:column; padding-bottom:5px; justify-content:center; } .exYtsC:hover { cursor:default; } .bKrtPI { gap:var(--xxsmall); flex-direction:column; } .ZvtVR { width:15px; height:15px; } .eHYgxP { display:table-cell; min-width:300px; text-align:center; } .iGdsE { width:15px; height:15px; font-weight:inherit; } .hkbcb { color:var(--grey-500, #737373); font-size:inherit; font-family:inherit; font-weight:var(--font-weight-light); } .bCskHY { width:15px; height:15px; align-items:center; font-weight:inherit; justify-content:center; } .fneoNW { gap:8px; display:flex; align-items:center; border-radius:6px; flex-direction:row; } .eCLhMa { font-size:inherit; min-width:16px; font-family:inherit; font-weight:inherit; } .ewAVvx { width:15px; height:15px; align-items:center; justify-content:center; } .ZWHjp { color:var(--blue-500, #3B82F6); } .LyBwU { color:var(--red-400, #F87171); } .dFSrAF { width:240px; display:table-cell; text-align:center; } .dQWuJN { width:15px; height:15px; font-weight:inherit; border-radius:8px; } .ewkINx { width:15px; height:auto; align-items:start; justify-content:center; } .eILvBe { width:260px; display:flex; min-height:40px; align-items:start; padding-top:5px; padding-left:1rem; border-radius:6px; padding-right:1rem; flex-direction:column; padding-bottom:5px; justify-content:center; } .eILvBe:hover { cursor:default; } .bJnWmU { color:var(--color-text-primary, #171717); width:500px; height:40px; align-items:start; font-weight:var(--font-weight-light); padding-left:8px; border-radius:6px; padding-right:8px; justify-content:center; background-color:#ffffff; } .bJnWmU:focus { outline-color:var(--blue-500, #3B82F6); outline-style:solid; outline-width:1px; } .ftRcQ { gap:var(--xsmall); padding-top:var(--xxsmall); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--xxsmall); } .EeBlV { gap:8px; color:var(--grey-900, #171717); cursor:pointer; align-items:center; font-weight:500; line-height:100%; white-space:nowrap; border-radius:6px; flex-direction:row; justify-content:center; background-color:var(--grey-100, #F5F5F5); } .EeBlV:hover { background-color:var(--grey-200, #E5E5E5); } .EeBlV:focus-visible { box-shadow:0px 0px 0px 2px var(--white,#ffffff), 0px 0px 0px 4px var(--blue-300, #93C5FD); } .EeBlV:disabled { opacity:0.6; } .cjPtog { color:var(--grey-900, #171717); font-size:var(--font-size-base); font-weight:400; line-height:100%; padding-top:var(--05); padding-left:var(--1); border-radius:4px; padding-right:var(--1); padding-bottom:var(--05); background-color:var(--grey-100, #F5F5F5); } .cjPtog:focus { outline-style:none; } .bjiYgR { gap:var(--05); width:fit-content; height:fit-content; padding-top:var(--05); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-left:var(--05); border-radius:4px; padding-right:var(--05); padding-bottom:var(--05); background-color:var(--grey-100, #F5F5F5); } .fAecwO { color:var(--grey-800, #262626); font-size:16px; font-family:'Inter'; font-weight:600; } .bhwQbz { cursor:auto; } .ewXLVn { object-fit:; justify-content:start; } .cbjjpf { z-index:1; position:absolute; max-height:0px; align-items:stretch; } .bUaeG { cursor:pointer; display:flex; outline:none; font-size:12px; border-radius:var(--border-radius-md, 6px); flex-direction:row; justify-content:center; } .hCvyC { width:1rem; height:1rem; align-items:center; padding-top:var(--space-one); padding-left:var(--space-one); padding-right:var(--space-one); padding-bottom:var(--space-one); justify-content:center; } .eKwCTz { padding-right:45px; } .YDydF { color:var(--grey-900, #171717); align-items:center; flex-direction:row; justify-content:start; } .YDydF:focus { outline-color:#2463ebff; outline-style:solid; outline-width:1px; } .cxbSCk { color:var(--grey-500, #737373); width:100%; display:inline-block; position:absolute; font-size:var(--font-size-xs); overflow-y:hidden; font-weight:400; padding-left:12px; -o-transition:bottom 300ms ease;; -moz-transition:bottom 300ms ease;; } .dcdAkq { width:100%; bottom:-6px; position:absolute; } .XybbF { color:inherit; right:0px; z-index:1; position:absolute; align-items:center; flex-direction:row; justify-content:end; } .bgmMIe { flex:1; color:var(--grey-900, #171717); min-width:0px; font-weight:400; line-height:100%; border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; border-radius:6px; background-color:var(--white, #ffffff); } .bgmMIe:focus { box-shadow:0px 0px 0px 2px var(--white,#ffffff), 0px 0px 0px 4px var(--blue-300, #93C5FD); } .bgmMIe::placeholder { color:var(--grey-500, #737373); opacity:1; } .bgmMIe:invalid { box-shadow:0px 0px 0px 2px var(--white,#ffffff), 0px 0px 0px 4px var(--red-300, #FCA5A5); } .bCEORM { color:inherit; z-index:1; position:absolute; align-items:center; flex-direction:row; justify-content:start; } .jHYua { margin-top:var(--15); } .cjVXlV { gap:var(--05); color:#a1a1a1; display:flex; font-size:0.625rem; margin-top:8px; flex-direction:column; } .clHquH { gap:var(--1); align-items:center; flex-direction:row; justify-content:start; } .ePLwTB { gap:12px; flex:1; min-width:300px; padding-top:12px; border-color:var(--grey-200, #edededff); border-style:solid; border-width:1px; padding-left:12px; border-radius:8px; padding-right:12px; padding-bottom:12px; background-color:#ffffffff; } .cWqlGV { gap:4px; color:var(--grey-500, #737373); cursor:pointer; display:flex; outline:none; font-size:14px; align-items:center; font-weight:400; line-height:150%; padding-top:4px; padding-left:8px; border-radius:4px; padding-right:4px; flex-direction:row; padding-bottom:4px; justify-content:center; } .cWqlGV:focus-visible { outline-color:var(--color-text-primary, #E5E5E5); outline-style:solid; outline-width:1px; } .cWqlGV:hover { background-color:var(--grey-50, #FAFAFA); } .eTzRvo { gap:8px; color:var(--grey-900, #171717); cursor:pointer; align-items:center; font-weight:500; line-height:100%; white-space:nowrap; border-radius:6px; flex-direction:row; justify-content:center; } .eTzRvo:hover { background-color:var(--grey-100, #F5F5F5); } .eTzRvo:focus-visible { box-shadow:0px 0px 0px 2px var(--white,#ffffff), 0px 0px 0px 4px var(--blue-300, #93C5FD); } .eTzRvo:disabled { opacity:0.6; } .coWOAi { color:inherit; } .eprakK { gap:var(--05); align-items:center; flex-direction:row; justify-content:end; } .cOISmC { gap:var(--space-one); flex-direction:row; } .bRthNA { align-items:center; flex-direction:row; padding-bottom:12px; justify-content:space-between; border-bottom-color:var(--grey-200, #edededff); border-bottom-style:solid; border-bottom-width:1px; } .eMVomw { gap:4px; align-items:center; flex-direction:row; justify-content:start; } .eOCaZu { gap:var(--05); width:fit-content; height:fit-content; padding-top:var(--05); border-color:var(--grey-400, #A3A3A3); border-style:solid; border-width:1px; padding-left:var(--05); border-radius:10px; padding-right:var(--05); padding-bottom:var(--05); justify-content:; background-color:var(--grey-100, #F5F5F5); } .dZZzhl { width:0px; height:0px; } .cAJJFr { gap:var(--xsmall); flex-wrap:wrap; padding-top:var(--xxsmall); padding-left:var(--small); padding-right:var(--small); flex-direction:row; padding-bottom:var(--xxsmall); } .fFeGTP { border-radius:var(--xsmall); } .fFeGTP:hover { background-color:var(--grey-50, #FAFAFA); } .dKloEh { color:inherit; display:inline-block; font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); } .fpzPMA { gap:var(--xsmall); flex-direction:row; } .bmQsyW { gap:var(--xsmall); color:var(--grey-600, #525252); align-items:center; padding-top:var(--xsmall); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-left:var(--xsmall); border-radius:var(--xsmall); padding-right:var(--xsmall); flex-direction:row; padding-bottom:var(--xsmall); justify-content:start; background-color:var(--grey-100, #F5F5F5); } .bmQsyW:hover { cursor:pointer; background-color:var(--grey-200, #E5E5E5); } .button-manage-clients_create-report\:s2z-IvY4v0YYddHFp9Avw { gap:var(--xsmall); color:var(--grey-600, #525252); align-items:center; padding-top:var(--xsmall); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-left:var(--xsmall); border-radius:var(--xsmall); padding-right:var(--xsmall); flex-direction:row; padding-bottom:var(--xsmall); justify-content:start; background-color:var(--grey-100, #F5F5F5); } .button-manage-clients_create-report\:s2z-IvY4v0YYddHFp9Avw:hover { cursor:pointer; background-color:var(--grey-200, #E5E5E5); } .dAnCDH { gap:var(--xsmall); align-items:center; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); flex-direction:row; padding-bottom:var(--small); justify-content:space-between; } .bOYUDM { width:375px; align-items:center; font-family:'Inter'; justify-content:start; } .YKCYq { color:inherit; font-size:var(--font-size-2xl); text-align:center; font-family:inherit; font-weight:var(--font-weight-bold); } .fpVUIZ { font-family:inherit; } .dcNtW.connected { color:var(--green-700, #047857); font-weight:var(--font-weight-bold); } .eGBQDY { color:var(--grey-500, #737373); display:inline-block; } .cyWzF { max-width:130px; } .KObPg { gap:var(--xsmall); color:inherit; display:flex; font-size:var(--font-size-base); align-items:center; font-family:inherit; font-weight:400; flex-direction:row; justify-content:center; } .foVWPd { color:var(--grey-900, #171717); width:350px;; border:1px solid rgba(200, 200, 200, 0.25); /* Subtler border for light mode */; height:fit-content; display:flex;; overflow:hidden;; position:relative;; background:rgba(255, 255, 255, 0.85); /* Light background with slight transparency */; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); /* Softer shadow for light mode */; min-height:200px; align-items:center;; padding-top:var(--2);; padding-left:var(--2);; padding-right:var(--2);; flex-direction:column;; padding-bottom:var(--2);; backdrop-filter:blur(5px); /* Retain frosted glass effect for consistency */; justify-content:space-between;; border-top-left-radius:var(--xsmall); border-top-right-radius:var(--xsmall); } .foVWPd::before { top:-50%;; right:-50%;; width:200%;; height:200%;; content:'';; position:absolute;; animation:rotate 8s infinite linear;; background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0) 70%);; background-repeat:no-repeat;; } .foVWPd:hover { cursor:pointer; } .ceOPJY { gap:var(--xsmall); width:100%; align-items:center; flex-direction:row; justify-content:space-between; } .cGsJSA { height:50px; background:rgba(255, 255, 255, 0.85); /* Light background with slight transparency */; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); /* Softer shadow for light mode */; align-items:start; padding-top:var(--xsmall); padding-left:var(--medium); padding-right:var(--medium); flex-direction:column; padding-bottom:var(--xsmall); justify-content:center; } .cGsJSA:last-of-type { border-bottom-left-radius:var(--xsmall); border-bottom-right-radius:var(--xsmall); } .eRrSeL { width:125px; height:125px; max-width:100%; border-radius:6px; } .dNkFHB { gap:var(--xsmall); align-items:center; font-family:inherit; justify-content:start; } .dzqbLV { gap:var(--xsmall); flex-direction:row; } .dERao { color:var(--grey-700, #404040); font-size:var(--font-size-sm); font-family:inherit; font-weight:inherit; } .page-manage_clients\:lVLVU8g4onbgingQ2Iqyt { gap:var(--xsmall); color:var(--grey-600, #525252); align-items:center; padding-top:var(--xsmall); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-left:var(--xsmall); border-radius:var(--xsmall); padding-right:var(--xsmall); flex-direction:row; padding-bottom:var(--xsmall); justify-content:start; background-color:var(--grey-100, #F5F5F5); } .page-manage_clients\:lVLVU8g4onbgingQ2Iqyt:hover { cursor:pointer; background-color:var(--grey-200, #E5E5E5); } .rNthW { color:var(--color-text-primary, #171717); } .page-manage_clients\:yKEbdhEth_ox0VlqA-5Yb { gap:var(--xsmall); color:var(--grey-600, #525252); align-items:center; padding-top:var(--xsmall); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-left:var(--xsmall); border-radius:var(--xsmall); padding-right:var(--xsmall); flex-direction:row; padding-bottom:var(--xsmall); justify-content:start; background-color:var(--grey-100, #F5F5F5); } .page-manage_clients\:yKEbdhEth_ox0VlqA-5Yb:hover { cursor:pointer; background-color:var(--grey-200, #E5E5E5); } .eCWroB { display:flex; font-size:inherit; align-items:start; font-family:inherit; font-weight:inherit; flex-direction:column; justify-content:center; } .bTucnV { gap:var(--small); min-width:fit-content; } .dAzUaQ { gap:var(--small); flex-wrap:wrap; flex-direction:row; } .eSTTPv { gap:var(--medium); } .egHQwA { gap:var(--small); flex-wrap:wrap; align-items:center; flex-direction:row; justify-content:space-between; } .dDeISS { gap:var(--small); min-height:10rem; align-items:start; justify-content:start; } .eWqmob { width:100%; align-items:start; padding-top:var(--xsmall); padding-left:var(--xsmall); border-radius:var(--xxsmall); padding-right:var(--xsmall); flex-direction:column; padding-bottom:var(--xsmall); justify-content:start; background-color:var(--grey-50, #FAFAFA); } .eCMbaa { width:400px; height:300px; align-items:start; border-radius:var(--xsmall); justify-content:center; background-color:var(--grey-800, #262626); } .cteYIf { gap:20px; width:100%; height:100%; padding-top:2rem; padding-left:2rem; padding-right:2rem; padding-bottom:3rem; } .eKslEL { color:var(--grey-50, #FAFAFA); position:absolute; font-size:var(--font-size-xs); transform:translateX(-40%); font-family:inherit; font-weight:inherit; margin-bottom:-1.5rem; } .eKslEL.larger-bars { left:40%; } .bcqVZA { height:1px; background-color:var(--grey-700, #404040); } .eCjTXl { color:var(--grey-50, #FAFAFA); width:max-content; display:inline-block; font-size:var(--font-size-sm); max-width:80px; } .ulJWY { width:100%; height:var(--height); background:var(--bar-color, #84CC16); min-height:8px; border-radius:6px; } .yRCir { width:100%; height:100%; z-index:0; position:absolute; justify-content:space-between; } .ylMyE { color:var(--grey-50, #FAFAFA); position:relative; font-size:var(--font-size-xl); font-family:inherit; font-weight:inherit; } .bIUywM { color:var(--grey-400, #A3A3A3); font-size:inherit; font-family:inherit; font-weight:inherit; } .evsUZL { width:100%; height:100%; position:absolute; } .dBViEH { color:#d7e8feff; width:128px; height:32px; outline:none; font-size:0.75rem; align-items:center; font-weight:var(--font-weight-regular); border-radius:6px; justify-content:center; background-color:#2463ebff; } .dBViEH:hover { background-color:#3780f6ff; } .dBViEH:focus-visible { border-color:#bedbfeff; border-style:solid; border-width:1px; } .fFkkRQ { color:var(--grey-50, #FAFAFA); font-size:inherit; font-family:inherit; font-weight:inherit; } .bSLQdN { bottom:100%; z-index:10; position:absolute; transform:translateX(-50%); align-items:start; padding-top:0.5rem; padding-left:1rem; border-radius:0.5rem; margin-bottom:0.25rem; padding-right:1rem; padding-bottom:0.5rem; justify-content:start; background-color:#00000087; } .drwCHH { flex:1; height:100%; max-width:12px; min-width:6px; align-items:start; border-radius:6px; justify-content:end; background-color:var(--bar_background, #404040fc); } .drwCHH.larger-bars { max-width:none; align-items:start; justify-content:end; } .eApcnn { height:100%; z-index:3; align-items:end; flex-direction:row; justify-content:space-between; } .eApcnn.larger-bars { gap:0.5rem; align-items:center; flex-direction:row; justify-content:center; } .feIQdy { color:var(--grey-50, #FAFAFA); font-size:inherit; font-family:inherit; font-weight:700; } .card-location_summary\:74pqBY3cT7aUJwknjDFcH { color:var(--grey-900, #171717); } .card-location_summary\:8XZFbmDzLzw8T52psuvjm { color:var(--grey-900, #171717); } .card-location_summary\:AQgUxOfPWMff_R_XpypRa { color:var(--grey-900, #171717); } .fDlFPQ { color:inherit; font-size:1.125rem; font-family:'Montserrat'; font-weight:var(--font-weight-semi-bold); } .card-location_summary\:RB5bJeHCTKKEuo5kFJ-bZ { color:var(--grey-900, #171717); } .card-location_summary\:kTFuuDGeFrjDg7beF9nWd { color:var(--grey-900, #171717); } .card-location_summary\:lGDF_8hcTRGpHXjnP-Gwe { color:var(--grey-900, #171717); } .duNzOU { width:100%; align-items:center; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); flex-direction:row; padding-bottom:var(--small); justify-content:space-between; } .card-location_summary\:vnHHICDZHvbbEILxSxIDX { color:var(--grey-900, #171717); } .card-total_summary\:74pqBY3cT7aUJwknjDFcH { color:var(--grey-900, #171717); } .card-total_summary\:8XZFbmDzLzw8T52psuvjm { color:var(--grey-900, #171717); } .card-total_summary\:AQgUxOfPWMff_R_XpypRa { color:var(--grey-900, #171717); } .fClmYG { width:400px; height:300px; box-shadow:; align-items:start; border-radius:var(--xsmall); justify-content:center; background-color:var(--grey-800, #262626); } .card-total_summary\:RB5bJeHCTKKEuo5kFJ-bZ { color:var(--grey-900, #171717); } .eaJfty { color:var(--grey-400, #A3A3A3); display:inline-block; font-family:Space Mono; } .card-total_summary\:kTFuuDGeFrjDg7beF9nWd { color:var(--grey-900, #171717); } .card-total_summary\:lGDF_8hcTRGpHXjnP-Gwe { color:var(--grey-900, #171717); } .bewBei { gap:var(--medium); width:100%; align-items:center; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); flex-direction:row; padding-bottom:var(--small); justify-content:start; } .card-total_summary\:vnHHICDZHvbbEILxSxIDX { color:var(--grey-900, #171717); } .dszDlg { gap:1rem; font-family:inherit; } .cdYQpa { gap:1rem; overflow:auto; max-width:100%; align-self:center; font-family:inherit; flex-direction:row; } .eITEO { gap:0.5rem; align-items:center; font-family:inherit; flex-direction:row; justify-content:start; } .cTyied.pointer { cursor:pointer; } .enlyfA { color:var(--color, #8884d8); font-size:clamp(0.625rem, 0.4375rem + 1vw, 1rem); font-family:inherit; font-weight:inherit; } .gfVVJ { width:var(--width); font-size:0.875rem; } .toddle_charts\/c-chart-xAxis\:wAUpJ9JTrOP8w0AyLc0L3 { pointer-events:none; } .toddle_charts\/c-chart-grid\:0TSWKFH5B_6IbrG7gBUkl { pointer-events:none; } .toddle_charts\/c-chart-grid\:GmZq0YA9u9jq96HICy-_M { pointer-events:none; } .toddle_charts\/c-chart-grid\:tnbue2Zn2F2bRGUNsqI51 { pointer-events:none; } .toddle_charts\/c-chart-yAxis\:-ax0eaq_V2rZgCctqIdv2 { pointer-events:none; } .ctjMyo { gap:0.5rem; padding:clamp(0.75rem, 0.6875rem + 0.3333vw, 0.875rem); position:absolute; font-size:clamp(0.625rem, 0.4375rem + 1vw, 1rem); visibility:hidden; font-family:inherit; border-color:#ccc; border-style:solid; border-width:1px; background-color:#fff; } .beSsLj { gap:0.25rem; font-size:inherit; font-family:inherit; flex-direction:row; } .bdNogI { color:var(--fill, #82ca9d); font-size:inherit; font-family:inherit; font-weight:inherit; } .card-total_summary\:xBJ4nCVWl0jboffNY1yBZ { width:100%; height:100%; } .dnOoGX { width:100%; height:100%; display:contents; } .fzvQal { top:var(--offset, 16px); left:var(--offset, 16px); right:var(--offset, 16px); bottom:var(--offset, 16px); z-index:50; position:var(--position, fixed); pointer-events:none; } .fzvQal.bottom { flex-direction:column-reverse; justify-content:end; } .ezcecC { animation:fadeInUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; align-items:center; flex-direction:column; padding-bottom:12px; justify-content:start; transform-origin:top center; } .ezcecC.disposing { animation:fadeOutUp 0.5s ease-out forwards; } .ezcecC.left { align-self:start; } .ezcecC.right { align-self:end; } .ezcecC.bottom { animation:fadeInDown 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; padding-top:12px; transform-origin:bottom center; } .ezcecC.disposing-bottom { animation:fadeOutDown 0.5s ease-out forwards; } .exTFDf { width:100%; height:100%; overflow:hidden; } .eyAmaz { width:100%; height:100%; } .eKqJoF { width:1rem; height:1rem; } .byOYIn { gap:8px; color:var(--grey-200, #E5E5E5); cursor:pointer; display:flex; max-width:350px; box-shadow:0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05); align-items:center; line-height:1.3; padding-top:12px; user-select:none; padding-left:16px; border-radius:14px; padding-right:16px; flex-direction:row; padding-bottom:12px; pointer-events:auto; justify-content:start; background-color:var(--toast-background-color, #171717); } .byOYIn:hover { color:var(--teal-50, #F0FDFA); background-color:var(--grey-800, #262626); } .Hjvgm { gap:var(--small); width:fit-content; height:fit-content; min-width:40px; align-items:center; flex-direction:column; justify-content:center; } .eFsBEV { gap:var(--xsmall); color:var(--grey-500, #737373); width:100%; cursor:pointer; font-size:var(--font-size-sm); transform:rotate(0deg);; transition:box-shadow 200ms ease 0ms,color 200ms ease 0ms,border-color 200ms ease 0ms,background-color 200ms ease 0ms; align-items:center; font-weight:500; padding-top:var(--xsmall); border-color:#00000000; border-style:solid; border-width:1px; padding-left:var(--xsmall); writing-mode:vertical-lr;; border-radius:var(--xsmall); padding-right:var(--xsmall); flex-direction:row; padding-bottom:var(--xsmall); justify-content:start; } .eFsBEV:hover { color:var(--grey-900, #171717); box-shadow:0px 2px 4px -1px var(--grey-200,#E5E5E5); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; background-color:var(--grey-00, #ffffffff); } .eFsBEV.is-active { color:var(--grey-900, #171717); box-shadow:0px 2px 4px -1px var(--grey-100, #F5F5F5); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; background-color:var(--grey-00, #ffffffff); } .eFsBEV:focus-visible { outline-color:var(--blue-300, #93C5FD); outline-style:solid; outline-width:3px; } .eFsBEV.is-closed { width:3rem; height:3rem; align-items:center; justify-content:center; } .eFsBEV.disabled:hover { cursor:no-drop; } .fEAXDC { width:fit-content; height:100%; z-index:100002; max-width:calc(95vw - 45px); overflow-y:auto; transition:width 300ms ease 0ms normal; } .bfXCdq { top:0px; flex:1; right:0px; width:fit-content; bottom:0px; z-index:100001; position:fixed; min-width:45px; overflow-y:auto; transition:width 300ms ease 0ms normal; align-items:center; flex-direction:row; justify-content:space-between; background-color:#FAFAFA; } .dOGbAM { gap:var(--xsmall); flex:1; height:100%; align-items:center; padding-top:var(--small); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-bottom:var(--small); justify-content:space-between; } .dApaGJ { height:100%; } .cMYhWM { color:var(--grey-600, #525252); } .cMYhWM:hover { cursor:pointer; } .ddesgL { top:0px; left:0px; right:0px; bottom:0px; z-index:100000; position:fixed; background-color:#0000005e; } .cMcKvC { width:100%; height:100%; max-width:90vw; min-width:500px; align-items:start; justify-content:start; } .JLQNg { width:100%; height:58px; align-items:center; font-family:'Rubik'; padding-left:12px; flex-direction:row; justify-content:space-between; } .bCPSOZ { gap:var(--xsmall); width:188px; align-items:center; flex-direction:row; justify-content:start; } .egkcwx { width:fit-content; } .cUxsQS { gap:var(--xxsmall); color:var(--grey-500, #737373); width:100%; cursor:pointer; font-size:var(--font-size-xxs); transition:box-shadow 200ms ease 0ms,color 200ms ease 0ms,border-color 200ms ease 0ms,background-color 200ms ease 0ms; align-items:center; font-weight:500; padding-top:var(--xxsmall); border-color:#00000000; border-style:solid; border-width:1px; padding-left:var(--xxsmall); border-radius:var(--xsmall); padding-right:var(--xxsmall); flex-direction:row; padding-bottom:var(--xxsmall); justify-content:start; } .cUxsQS:hover { color:var(--grey-900, #171717); box-shadow:0px 2px 4px -1px var(--grey-200,#E5E5E5); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; background-color:var(--grey-00, #ffffffff); } .cUxsQS.is-active { color:var(--grey-900, #171717); box-shadow:0px 2px 4px -1px var(--grey-100, #F5F5F5); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; background-color:var(--grey-00, #ffffffff); } .cUxsQS:focus-visible { outline-color:var(--blue-300, #93C5FD); outline-style:solid; outline-width:3px; } .cUxsQS.is-closed { align-items:center; padding-top:var(--xsmall); padding-left:var(--xsmall); padding-right:var(--xsmall); padding-bottom:var(--xsmall); justify-content:center; } .mmAqY { width:130px; height:auto; max-width:100%; } .mmAqY:hover { cursor:pointer; } .cNNqIu { align-items:start; justify-content:center; } .eRsnPB { gap:var(--small); min-width:500px; overflow-y:auto; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); } .pwNct { color:var(--grey-500, #737373); display:inline-block; font-weight:var(--font-weight-light); } .cwWDQN { width:220px; height:100%; max-height:100vh; overflow-y:auto; transition:width 300ms ease 0ms normal; align-items:start; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); justify-content:start; } .cwWDQN.expanded { width:80px; } .fVZIV { color:var(--grey-900, #171717); z-index:; position:relative; box-shadow:0px 0px 12px 4px var(--grey-00,#ffffffff) inset, 0px 2px 4px -1px var(--grey-200, #E5E5E5); align-items:center; padding-top:var(--xxsmall); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; padding-left:var(--xsmall); border-radius:var(--xxsmall); padding-right:var(--xsmall); flex-direction:row; padding-bottom:var(--xxsmall); justify-content:start; background-color:var(--grey-50, #FAFAFA); } .exohqX { gap:var(--xsmall); color:var(--grey-500, #737373); width:100%; cursor:pointer; font-size:var(--font-size-sm); transition:box-shadow 200ms ease 0ms normal, color 200ms ease 0ms normal, border-color 200ms ease 0ms normal, background-color 200ms ease 0ms normal; align-items:center; font-weight:500; padding-top:var(--xsmall); border-color:#00000000; border-style:solid; border-width:1px; padding-left:var(--xsmall); border-radius:var(--xsmall); padding-right:var(--xsmall); flex-direction:row; padding-bottom:var(--xsmall); justify-content:start; } .exohqX:hover { color:var(--grey-900, #171717); box-shadow:0px 2px 4px -1px var(--grey-200,#E5E5E5); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; background-color:var(--grey-00, #ffffffff); } .exohqX.is-active { color:var(--grey-900, #171717); box-shadow:0px 2px 4px -1px var(--grey-100, #F5F5F5); border-color:var(--grey-200, #E5E5E5); border-style:solid; border-width:1px; background-color:var(--grey-00, #ffffffff); } .exohqX:focus-visible { outline-color:var(--blue-300, #93C5FD); outline-style:solid; outline-width:3px; } .exohqX.is-closed { width:3rem; height:3rem; align-items:center; justify-content:center; } .eNFNqh { width:fit-content; z-index:10000; position:fixed; transform:translateX(calc(100% + 0.25rem)); align-items:center; flex-direction:row; justify-content:start; } .bwFVck { color:var(--grey-500, #737373); display:inline-block; font-size:var(--font-size-xs); } .dCwaxK { gap:var(--xsmall); margin-top:var(--xsmall); } .bxcIrh { gap:var(--xsmall); flex:1; width:100%; align-items:start; justify-content:start; } .KGbPG { gap:var(--xsmall); margin-top:auto; } .eFnEJB { flex:1; color:var(--dark-color-grey-900, #E8E8EC); z-index:101; overflow-y:auto; padding-top:var(--small); border-color:var(--main-border-color, #DBDFE9); border-style:solid; border-width:1px; padding-left:var(--small); border-radius:12px; padding-right:var(--small); padding-bottom:var(--small); background-color:var(--main-bg-color, #ffffff); } .djRXJI { width:100%; height:100%; min-width:500px; align-items:end; justify-content:start; } .fxMzfE { align-items:start; justify-content:start; } .eMyILO { min-width:1200px; overflow-y:auto; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); } .dssxDt { display:flex; row-gap:var(--05); column-gap:var(--05); align-items:center; flex-direction:row; justify-content:flex-start; } .panel-backfill-events\:16Zz2WtFGKkC8nC6hCqjI { width:100px; } .dyFrok { color:#2246c9; } .dOuASY { font-size:var(--font-size-sm); font-weight:var(--font-weight-light); } .edtdYp { display:flex; row-gap:var(--xxsmall); font-size:var(--font-size-sm); column-gap:var(--xxsmall); align-items:center; font-weight:var(--font-weight-light); flex-direction:row; justify-content:flex-start; } .RSIOH { row-gap:var(--05); column-gap:var(--05); flex-direction:row; } .eSKrIl { row-gap:var(--1); column-gap:var(--1); flex-direction:column; } .ycqQN { width:400px; row-gap:var(--1); column-gap:var(--1); flex-direction:column; } .bSlkbS { color:#5c5c5c; font-size:var(--font-size-sm); font-weight:var(--font-weight-light); } .dccMos { color:#9e1010; } .fqokfN { color:#2b732e; } .panel-backfill-events\:TnGaMcEKfy73yQW9ysjDI { width:100px; } .fqvAmJ { width:100px; height:20px; display:flex; row-gap:var(--05); column-gap:var(--05); align-items:center; flex-direction:row; justify-content:flex-start; } .bzXXzw { flex:1; display:flex; row-gap:var(--05); column-gap:var(--05); align-items:flex-start; flex-direction:column; justify-content:flex-start; } .dAwaUB { flex:1; width:100%; display:flex; row-gap:var(--05); font-size:var(--font-size-sm); column-gap:var(--05); flex-direction:column; } .eIsqNr { width:100%; display:flex; row-gap:var(--05); font-size:var(--font-size-sm); column-gap:var(--05); flex-direction:column; } .dCaqZd { font-size:var(--font-size-sm); } .panel-backfill-events\:rfRhOxY5sPn6EHULL-RVA { width:100px; } .panel-backfill-events\:yu_JVTBLjCJpwcDKFLvuj { width:100px; } .cLpcXk { gap:var(--small); width:100%; height:100%; overflow-x:auto; overflow-y:auto; flex-direction:row; } .dlwsZh { color:var(--grey-900, #171717); z-index:100; position:absolute; align-items:start; margin-left:10px; justify-content:center; } .efWVnL { flex:1; color:inherit; display:flex; font-size:inherit; align-items:start; font-family:inherit; font-weight:inherit; padding-top:12px; flex-direction:column; padding-bottom:12px; justify-content:center; } .bZnqlO { gap:8px; flex:1; color:var(--pink-400, #F472B6); align-items:end; font-weight:var(--font-weight-regular); padding-top:8px; flex-direction:row; padding-bottom:8px; justify-content:start; } .cHwnpS { width:25px; height:25px; align-items:center; padding-top:2px; padding-left:2px; border-radius:var(--xxsmall); padding-right:2px; padding-bottom:2px; justify-content:center; } .cHwnpS:hover { cursor:pointer; background-color:var(--grey-100, #F5F5F5); } .bUTmEl { flex:1; font-weight:inherit; } .cPkfQM { flex:1; overflow:auto; align-items:center; flex-direction:column-reverse; justify-content:end; scrollbar-width:none; -ms-overflow-style:none; } .cPkfQM::-webkit-scrollbar { width: 0; } .kzuWu { gap:var(--1); width:100%; flex-direction:row; } .bmoONJ.loading { display:none; } .bmBnmv { height:100%; font-size:inherit; } .panel-ai_bq_chat\:LQtaTNU3YAUnEawX_bqai { flex:1; flex-wrap:wrap; max-width:100%; align-items:start; justify-content:center; } .eYlcen { gap:var(--small); width:100%; height:100%; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); } .cduDgM { font-size:inherit; font-family:inherit; font-weight:700; } .dRiZPT { align-items:center; font-family:'Montserrat'; flex-direction:row; padding-bottom:3px; justify-content:start; border-bottom-color:var(--grey-200, #E5E5E5); border-bottom-style:solid; border-bottom-width:1px; } .cqSxOv { width:265px; font-size:inherit; font-family:inherit; font-weight:700; } .fqtjIJ { color:var(--grey-400, #A3A3A3); width:20px; height:20px; align-items:center; border-radius:var(--xxsmall); justify-content:center; } .fqtjIJ:hover { cursor:pointer; background-color:var(--grey-200, #E5E5E5); } .KfiTK { font-size:inherit; min-width:250px; font-family:inherit; font-weight:inherit; } .dPetXl { width:fit-content; font-size:inherit; font-family:inherit; font-weight:inherit; } .qPwab { gap:var(--xsmall); height:25px; align-items:center; flex-direction:row; justify-content:start; } .beGqWO { color:var(--grey-700, #404040); display:inline-block; } .bXPHRj { gap:var(--xsmall); flex:1; padding-top:var(--small); padding-bottom:var(--medium); } .ai-bq_select_tables\:eIvW-XUrWUOZykZC3Gu3w { width:100%; } .bvsYMk { width:60px; font-size:inherit; font-family:inherit; font-weight:inherit; } .deqZpC { gap:var(--xsmall); font-family:'Montserrat'; } .eMrmtT { flex:0.5; width:100%; height:100%; align-items:center; flex-direction:row; justify-content:start; } .panel-ai_bq_chat\:VnYNK7mc-T5TBBelrtuQ5 { flex:1; background-color:var(--grey-50, #FAFAFA); } .bTMyKi { color:inherit; } @media (max-width: 450px) { .bTMyKi { display:none; } } .UUACk { flex:1; width:100%; height:35px; font-size:var(--font-size-sm); font-family:'Montserrat'; font-weight:400; padding-top:var(--05); padding-left:40px; border-radius:4px; padding-right:1rem; padding-bottom:var(--05); background-color:var(--grey-00, #ffffffff); } .UUACk:focus { outline-color:var(--Olive, #018979); outline-style:solid; outline-width:1px; } .dVLzzp { gap:var(--05); flex:1; display:flex; align-items:center; outline-color:var(--grey-200, #E5E5E5); outline-style:solid; outline-width:2px; flex-direction:row; justify-content:start; } .cQWYVU { gap:var(--xsmall); align-items:center; justify-content:start; } .dCjRLO { font-size:inherit; font-family:inherit; font-weight:900; } .fbuujB { gap:8px; flex-wrap:wrap; overflow-x:auto; overflow-y:auto; align-items:start; font-weight:var(--font-weight-regular); padding-top:8px; flex-direction:row; padding-bottom:8px; justify-content:start; } .fbuujB.user { color:var(--color-text-primary, #171717); display:flex; align-items:end; font-weight:var(--font-weight-bolder); flex-direction:column; justify-content:end; } .fbuujB.assistant { color:#3a75d4; align-items:start; flex-direction:row; justify-content:start; } .cZFhpn { color:var(--grey-700, #404040); font-size:inherit; font-family:inherit; font-weight:inherit; } .dSvScH { gap:var(--xsmall); flex:1; width:100%; max-width:500px; min-width:500px; overflow-x:auto; overflow-y:auto; padding-top:var(--small); padding-left:var(--small); padding-right:var(--small); padding-bottom:var(--small); } .EgOUZ { gap:var(--small); align-items:start; flex-direction:column; justify-content:space-between; } .cliqoc { gap:var(--1); flex:1; width:100%; height:100%; padding-top:16px; padding-bottom:16px; } .bxVylZ { flex:1; width:650px; min-width:500px; overflow-x:auto; overflow-y:auto; background-color:var(--grey-50, #FAFAFA); border-left-color:var(--grey-200, #E5E5E5); border-left-style:solid; border-left-width:1px; } .fsQBSY { color:inherit; font-size:1.5rem; font-family:'Montserrat'; font-weight:var(--font-weight-bold); } .eBdlm { gap:8px; color:var(--color-text-primary, #171717); width:100%; padding-top:8px; flex-direction:column; padding-bottom:8px; scroll-snap-type:y proximity; } .pIzb { gap:var(--small); flex:1; } .ehBfZt { gap:8px; color:var(--purple-400, #A78BFA); align-items:start; font-weight:var(--font-weight-regular); padding-top:8px; flex-direction:row; padding-bottom:8px; justify-content:start; } .boJInk { color:inherit; font-size:inherit; font-family:inherit; font-weight:inherit; }