section.sidebar{width:var(--sideBarWidth);display:flex;flex-direction:column;grid-area:side;position:relative;z-index:1001;justify-content:end}section.sidebar.collapsed{width:var(--sideBarWidth-collapsed)!important}section.sidebar .logo-cntr{width:100%;height:4.5rem;padding:1rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;align-items:center;position:sticky;top:0;background:#fff;z-index:1002}section.sidebar .logo-cntr.logo-cntr-collapsed{padding:.5rem!important}section.sidebar .logo-cntr .logo{position:relative;width:120px;height:43px;cursor:pointer;z-index:1003}section.sidebar .collapsible-content{width:100%;display:flex;flex-direction:column;position:relative;transition:width .3s ease;white-space:nowrap;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}section.sidebar .collapsible-content.sidebar-extended-height{height:calc(100vh - var(--appHeaderExtendedHeight))}section.sidebar .collapsible-content.sidebar-default-height{height:calc(100vh - var(--appHeaderDefaultHeight))}section.sidebar .collapsible-content .collapse-button{position:absolute;top:50%;right:-15%;background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;color:#71839b;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}section.sidebar .collapsible-content .collapse-button.not-collapsed{right:-5%!important}section.sidebar .collapsible-content .sidebar-items{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:4px 10px;overflow-y:auto}section.sidebar .collapsible-content .sidebar-items div.item,section.sidebar .collapsible-content .sidebar-items li.item{width:100%;padding:.625rem 1.25rem;display:flex;gap:.75rem;justify-content:flex-start;align-items:center;color:#324054;font-family:var(--fontPrimary);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.5}section.sidebar .collapsible-content .sidebar-items div.item .outlier-icons-stroke path,section.sidebar .collapsible-content .sidebar-items li.item .outlier-icons-stroke path{stroke:var(--colorLightGray);stroke-width:1px}section.sidebar .collapsible-content .sidebar-items div.item.active,section.sidebar .collapsible-content .sidebar-items li.item.active{font-weight:500;color:var(--colorPrimaryLight);border-radius:8px;background:var(--colorPrimaryPinkGradientLight)}section.sidebar .collapsible-content .sidebar-items div.item.active svg,section.sidebar .collapsible-content .sidebar-items li.item.active svg{color:var(--colorPrimaryLight)}section.sidebar .collapsible-content .sidebar-items div.item.active .outlier-icons path,section.sidebar .collapsible-content .sidebar-items li.item.active .outlier-icons path{fill:var(--colorPrimaryLight)}section.sidebar .collapsible-content .sidebar-items div.item.active .outlier-icons-stroke path,section.sidebar .collapsible-content .sidebar-items li.item.active .outlier-icons-stroke path{stroke:var(--colorPrimaryLight);stroke-width:1px}section.sidebar .collapsible-content .sidebar-items div.item:hover,section.sidebar .collapsible-content .sidebar-items li.item:hover{cursor:pointer;border-radius:8px;background:var(--colorPrimaryPinkGradientLight)}section.sidebar .collapsible-content .sidebar-items div.item:hover .outlier-icons path,section.sidebar .collapsible-content .sidebar-items li.item:hover .outlier-icons path{fill:var(--colorPrimaryLight)}section.sidebar .collapsible-content .sidebar-items div.item:hover .outlier-icons-stroke path,section.sidebar .collapsible-content .sidebar-items li.item:hover .outlier-icons-stroke path{stroke:var(--colorPrimaryLight);stroke-width:1px}section.sidebar .collapsible-content .profile-section{margin-top:auto;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}section.sidebar .collapsible-content .profile-section .plan-info{display:flex;gap:8px;align-items:center;flex-direction:column;justify-content:center;font-size:.875rem;background:var(--colorPrimaryPinkGradientLight);padding:12px 4px;border-radius:.25rem;border:1px solid #f0f0f0;background:rgba(98,42,194,.08);box-shadow:4px 4px 8px 0 hsla(0,0%,80%,.05)}section.sidebar .collapsible-content .profile-section .plan-info .plan-name{font-weight:500;font-size:.875rem}section.sidebar .collapsible-content .profile-section .plan-info-collapsable{display:flex;gap:8px;align-items:center;flex-direction:column;justify-content:center;font-size:.875rem;padding:0 4px}section.sidebar .collapsible-content .profile-section .plan-info-collapsable .plan-name{font-weight:500;font-size:.875rem}section.sidebar .collapsible-content .profile-section .plan{padding:8px 16px;background-color:var(--colorGreen);border-radius:40px;color:#fff;font-weight:700;width:-moz-fit-content;width:fit-content}section.sidebar .collapsible-content .profile-section .text-content{display:flex;flex-direction:column;gap:4px;width:calc(100% - 48px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}section.sidebar .collapsible-content .profile-section .text-content .sign-in-text{font-size:12px}section.sidebar .collapsible-content .profile-section .text-content .workspace-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section.sidebar .collapsible-content .profile-section .btn-xs{font-size:.6rem!important;box-shadow:0 4px 4px rgba(0,0,0,.5);padding:.7rem!important}section.sidebar .collapsible-content.collapsed{width:5rem;border-right:1px solid #e2e8f0}section.sidebar .collapsible-content.collapsed .sidebar-items div.item,section.sidebar .collapsible-content.collapsed .sidebar-items li.item{justify-content:center;padding:.5rem .75rem}section.sidebar .collapsible-content~.logo-cntr{width:var(--sideBarWidth)!important;min-width:var(--sideBarWidth)!important;max-width:var(--sideBarWidth)!important;position:sticky;top:0;z-index:1002}section.sidebar .collapsible-content.collapsed{width:var(--sideBarWidth-collapsed)!important}.profile-tooltip{background-color:transparent;padding:12px;font-family:var(--fontPrimary);width:280px}.profile-tooltip .truncate-name,.profile-tooltip .username{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-tooltip .username{font-size:16px;font-weight:700;color:var(--colorPrimary);margin-bottom:12px}.profile-tooltip .logout-btn{width:100%;outline:none;height:32px;gap:8px;display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--colorLightGray);cursor:pointer}.add-member{width:-moz-fit-content;width:fit-content;height:200px;border-radius:16px;background-color:#fff;padding:32px 32px 0 0}.add-member .input-field{width:400px;height:40px;border-radius:8px;border:1px solid #d3d3d3;padding:8px}.upgrade-plan-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:920px;height:-moz-fit-content;height:fit-content;background-color:#fff;box-shadow:0 0 24px 0 rgba(0,0,0,.2);border-radius:12px;padding:40px;display:flex;flex-direction:column;gap:12px}.upgrade-plan-modal span.close-icon{position:absolute;top:32px;right:16px;cursor:pointer;font-size:24px;height:40px;width:40px;border-radius:12px;color:#7e7e7e}.upgrade-plan-modal .modal-header{width:100%;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #ededed;padding-bottom:12px}.upgrade-plan-modal .modal-header p{font-size:14px;font-weight:400;color:#404040}.upgrade-plan-modal .modal-header h3{font-size:24px;font-weight:600}.upgrade-plan-modal .modal-body{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #ededed;padding-bottom:12px;padding-top:12px;position:relative}.upgrade-plan-modal .modal-body .refund-badge{position:absolute;top:-60px;right:4px}.upgrade-plan-modal .modal-body .video-cntr{width:49%;background:var(--colorPrimaryHalfLight);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.upgrade-plan-modal .modal-body .video-cntr h3{font-size:18px;font-weight:600;color:#404040}.upgrade-plan-modal .modal-body .video-cntr p{font-size:14px;font-weight:400;color:#404040}.upgrade-plan-modal .modal-body .video-cntr a{position:relative}.upgrade-plan-modal .modal-body .video-cntr a .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px 0 rgba(0,0,0,.2))}.upgrade-plan-modal .modal-body .video-cntr a img.thumbnail-img{width:100%;border-radius:4px}.upgrade-plan-modal .modal-body .plan-description-cntr{width:49%;display:flex;flex-direction:column;gap:8px}@media only screen and (max-width:1400px){.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box{width:100%!important}}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box{padding:8px 16px;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:4px}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box h2{margin:0;font-style:normal;font-size:20px;line-height:1.5;color:#050c07;display:flex;gap:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box h2 span.secondary{font-size:16px;color:gray;margin-top:32px;font-weight:400;margin-left:4px}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .pricing{display:flex;flex-direction:row;gap:4px;width:100%;align-items:flex-end}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .pricing h2{margin:0;font-size:40px;color:var(--colorPrimary);font-weight:300}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .pricing .description,.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .pricing h2{font-style:normal;line-height:1.5;display:flex;gap:8px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .pricing .description{color:gray;text-align:left;font-weight:600;font-size:14px}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .pricing .description .trxsum{padding-top:6px;font-size:12px}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box button.cta-btn{border-radius:8px;width:100%;font-style:normal;font-size:16px;line-height:1.5;color:#050c07;cursor:pointer;gap:8px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;margin:4px 0 0;display:flex;justify-content:center;align-items:center;height:40px;transition:all .3s ease-in-out;background:#fff;color:var(--colorPrimary);background-color:#622ac2;color:#fff;border:2px solid #622ac2}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box button.cta-btn:hover{background:#4d1ca2;transform:translateY(-2px);box-shadow:0 2px 8px 2px rgba(98,42,194,.259)}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .features{margin-top:8px}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .features h3.features-heading{margin:0;font-style:normal;font-size:16px;line-height:1.5;color:#050c07;text-transform:uppercase;display:flex;gap:8px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .features ul{padding-left:4px}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .features ul li{margin-bottom:8px;font-style:normal;line-height:1.5;color:#050c07;text-align:left;display:flex;gap:8px;justify-content:flex-start;align-items:center;font-weight:400;font-size:14px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .features ul li span{width:16px;height:16px;display:flex;align-self:flex-start;margin-top:2px;justify-content:center;align-items:center;border-radius:50%;background-color:rgba(194,255,194,.5)}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .features ul li span img{width:8px;height:8px;margin:0}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .all-highlights-btn{display:none;text-align:center;text-decoration:underline;background-color:transparent;border:none;align-self:center}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .mobile-view-highlights{display:none;transition:all .3s ease-in-out}.upgrade-plan-modal .modal-body .plan-description-cntr .pricing-box .mobile-view-highlights.active{display:flex;flex-direction:column}.upgrade-plan-modal .modal-footer{width:100%;display:flex;justify-content:center;align-items:center}.upgrade-plan-modal .modal-footer .compare-plan-btn{color:#7e7e7e;font-weight:400;font-size:14px}@media only screen and (max-width:1700px){main.slug-main .overview-container{width:calc(100% - 192px)!important}main.slug-main .overview-container .app-body{padding:0 80px!important}}@media only screen and (max-width:1550px){main.slug-main .overview-container{width:calc(100% - 192px)!important}main.slug-main .overview-container .app-body{padding:0 40px!important}}@media only screen and (max-width:1400px){main.slug-main .sidebar-container{width:192px!important}main.slug-main .overview-container .app-body{padding:12px!important}main.slug-main .date-range-picker-cntr{font-size:14px!important}}main.slug-main{width:100vw;display:grid;height:100vh;grid-template-areas:"side header" "side content";grid-template-columns:var(--sideBarWidth) 1fr}main.slug-main.extended-height{grid-template-rows:var(--appHeaderExtendedHeight) 1fr}main.slug-main.default-height{grid-template-rows:var(--appHeaderDefaultHeight) 1fr}main.slug-main.extra-class{grid-template-columns:var(--sideBarWidth-collapsed) 1fr!important}main.slug-main .app-header-container{grid-area:header;position:fixed;top:0;left:0;width:100%;z-index:1005;border-bottom:1px solid #e3e3e3;background:#fff;box-sizing:border-box}main.slug-main .app-header-container.extended-height{height:var(--appHeaderExtendedHeight)}main.slug-main .app-header-container.default-height{height:var(--appHeaderDefaultHeight)}main.slug-main .app-header-title{height:2rem;background:rgba(253,140,185,.4);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.5rem}main.slug-main .app-header-title .app-header-title-days-left{color:#404040;font-size:.875rem;font-style:normal;font-weight:600;line-height:normal}main.slug-main .app-header-title .app-header-title-on-your-free-trial{color:#404040;font-size:.875rem;font-style:normal;font-weight:400;line-height:normal}main.slug-main .app-header-title .app-header-title-select-plan{color:#622ac2;font-size:.875rem;font-style:normal;font-weight:600;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;cursor:pointer}main.slug-main .app-header{display:flex;justify-content:space-between;padding:0 1rem;align-items:center;box-sizing:border-box;height:3.5rem}main.slug-main .app-header .left-menu{display:flex;flex-direction:row;gap:5.5rem;align-items:center;justify-content:space-between}main.slug-main .app-header .right-menu{display:flex;flex-direction:row;gap:1rem;align-items:center;position:fixed;top:13;right:1rem;padding:0 .5rem;z-index:1000}main.slug-main .app-header .right-menu .api-key-container{display:flex;width:-moz-fit-content;width:fit-content;padding-left:.5rem;align-items:center;border-radius:.25rem;border:1px solid #e3e3e3;background:#f4f5fa;gap:1rem;font-size:.875rem}main.slug-main .app-header .right-menu .api-key-container .label{color:#71839b;font-family:var(--fontPrimary);font-size:inherit;font-style:normal;font-weight:600;line-height:1rem;padding:.55rem .55rem .55rem 1rem}main.slug-main .app-header .right-menu .api-key-container .key-container{border:1px solid #e3e3e3;background:#f4f5fa;border-radius:.375rem;background:#0f172a;padding:.45rem 3.25rem .45rem .45rem;color:#fff;font-family:var(--fontPrimary);font-size:inherit;font-style:normal;font-weight:400;line-height:1rem;position:relative}main.slug-main .app-header .right-menu .api-key-container .key-container .key-copy-btn{position:absolute;right:.75rem;top:.5rem;font-size:inherit;color:var(--colorPink);background:transparent;margin:0;border:none;outline:none;cursor:pointer;box-shadow:none}main.slug-main .app-body{grid-area:content;background-color:#fff;overflow-y:auto;scrollbar-width:thin;height:100%}main.slug-main .app-body::-webkit-scrollbar{width:8px}main.slug-main .app-body::-webkit-scrollbar-thumb{background-color:var(--colorPrimaryLight);border-radius:10px}main.slug-main .app-body::-webkit-scrollbar-thumb:hover{background-color:#fff}main.slug-main .app-body .app-container{max-width:84rem;width:100%;margin-inline:auto;padding:0 1rem;height:100%}main.slug-main .app-body .app-container.getting-started-with-decor{display:flex;flex-direction:column;justify-content:space-between}main.slug-main .app-body .app-container.no-padding{max-width:unset!important}main.slug-main .app-body .app-container.settings-page{padding:0!important;width:100%!important}main.slug-main .app-body .app-container .sticky-header{position:sticky;top:0;z-index:1000;background-color:#fff;display:flex;flex-direction:column;width:100%}main.slug-main .date-range-picker-cntr{position:relative}main.slug-main .date-range-picker-cntr .date-range-picker{position:absolute;top:48px;right:0;z-index:999;box-shadow:0 2px 16px gray;border-radius:12px;overflow:hidden}.announcement-modal{width:784px}.add-member-modal,.announcement-modal{background-color:#fff;position:absolute;border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px}.add-member-modal,.no-data{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.no-data{position:absolute;border-radius:12px;display:none;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;font-size:14px;background-color:#d3d3d3;border:2px solid gray;color:var(--colorDarkGray);z-index:6789}.app-header{display:flex;align-items:center}.logo-cntr{width:9rem;justify-content:center;align-items:center;position:sticky;top:0;background:#fff;z-index:1002}.logo-cntr.logo-cntr-collapsed{padding:.5rem!important}.logo-cntr .logo{position:relative;width:120px;height:43px;cursor:pointer;z-index:1003}.cp-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:38rem;min-height:22rem;max-height:90vh;padding:1.5rem;overflow-y:auto;border:none;outline:none;border-radius:1rem;background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:2.5rem}.cp-container .cp-header{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:.5rem}.cp-container .cp-header .cp-header-title-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.cp-container .cp-header .cp-header-title-container .cp-header-title{color:#454545;font-size:1.25rem;font-style:normal;font-weight:500;line-height:1.5rem}.cp-container .cp-header .cp-header-title-container .cp-header-sub-header{color:#454545;font-size:.875rem;font-style:normal}.cp-container .cp-body{flex:1}.cp-container .cp-body .cp-column-preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.cp-container .cp-body .cp-column-preview .cp-column-preview-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.cp-container .cp-body .cp-column-preview .cp-column-preview-header.cp-row{flex-direction:column;max-height:10rem;overflow-y:auto;scrollbar-width:thin}.cp-container .cp-body .cp-column-preview .cp-column-preview-header .cp-column-preview-header-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.cp-container .cp-body .cp-column-preview .cp-column-preview-header .cp-column-preview-header-checkbox .cp-column-preview-header-checkbox-input{width:1rem;height:1rem}.cp-container .cp-body .cp-column-preview .cp-column-preview-header .cp-column-preview-header-checkbox-label{color:#71839b;font-size:.875rem;font-style:normal;font-weight:600;line-height:normal}.cp-container .cp-footer{margin-top:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1rem}.input-field{display:flex;height:2.25rem;padding:.375rem .625rem;align-items:center;gap:20.875rem;align-self:stretch;border-radius:.25rem;border:1px solid #e2e8f0;background:#fff;width:100%}.input-field:placeholder{color:#71839b;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.input-field:focus{outline:none;border:1px solid #622ac2}.input-label{color:#454545;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.3125rem}.input-label.excellent{color:#00ac47}.input-label.good{color:#0fdf63}.input-label.satisfactory{color:#ffca28}.input-label.bad{color:#db8200}.input-text-field{display:flex;padding:.375rem .625rem;align-items:flex-start;gap:.625rem;align-self:stretch;border-radius:.25rem;border:1px solid #e2e8f0;background:#fff;min-height:4.5rem;color:#000;font-size:.875rem;font-style:normal;font-weight:400;line-height:normal}.input-text-field::-moz-placeholder{color:#64748b;font-size:.75rem;font-style:normal;font-weight:400;line-height:normal}.input-text-field::placeholder{color:#64748b;font-size:.75rem;font-style:normal;font-weight:400;line-height:normal}.input-text-field:focus{outline:none;border:1px solid #622ac2}.input-text-field.extra-height{min-height:9.5rem!important}.visible-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}.visible-scroll:hover{scrollbar-color:unset}.custom-eval-modal-title{color:#454545;font-size:1rem;font-style:normal;font-weight:600;line-height:1.3125rem}.custom-eval-modal-sub-title-text{color:#0f172a;color:#71839b;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.3125rem}.fine-tune-active-tab{background-color:#8b68c9}.fine-tune-date-preview{display:flex;height:12.5rem;padding:1.5rem 2rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;align-self:stretch;border-radius:.25rem;border:1px solid #d9d9d9;background:#fff}@media only screen and (max-width:1700px){div.data-page-body{gap:12px!important}div.data-page-body .top-nav .title-text .title{font-size:16px!important}div.data-page-body .top-nav .title-text .text{font-size:12px!important}div.data-page-body .top-nav .button-icon{gap:8px!important}}@media only screen and (max-width:1400px){div.data-page-body{gap:8px!important}div.data-page-body.with-banner{height:calc(100% - 70px)!important}div.data-page-body .top-nav .title-text .title{font-size:14px!important}div.data-page-body .top-nav .title-text .text{font-size:12px!important}div.data-page-body .top-nav .button-icon{gap:6px!important}div.data-page-body .page-body.start-banner{height:calc(100% - 44px - 24px)!important}.create-index-modal{height:392px!important;padding-left:20px!important;padding-right:20px!important}.create-index-modal h1.medium{font-size:16px!important}.create-index-modal .form-box .form-item .form-label{font-size:14px!important;font-weight:600;width:40%}}.data-page-body{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;padding:12px}.data-page-body.with-banner{height:calc(100% - 120px)}.data-page-body .top-nav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:10px}.data-page-body .top-nav .back-title{display:flex;flex-direction:row;gap:8px}.data-page-body .top-nav .back-title .title-text{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.data-page-body .top-nav .back-title .title-text .title{font-weight:600;font-size:18px}.data-page-body .top-nav .back-title .title-text .text{font-weight:400;font-size:14px;color:var(--colorLightGray)}.data-page-body .top-nav .title-text{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.data-page-body .top-nav .title-text .title{font-weight:600;font-size:18px}.data-page-body .top-nav .title-text .text{font-weight:400;font-size:14px;color:var(--colorLightGray)}.data-page-body .top-nav .button-icon{display:flex;flex-direction:row;gap:8px;align-items:center}.data-page-body .page-body{display:flex;flex-direction:row;border-radius:12px;height:calc(100% - 80px + 8px);flex:1 1 auto;gap:12px}.data-page-body .page-body.start-banner{height:calc(100% - 44px - 24px - 24px)}.divider{background-color:var(--colorNudeGray)}.card-list{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;overflow-y:auto}.stream-overview{padding:32px;width:100%;height:100%;overflow-y:auto;background-color:#fff;gap:24px}.stream-overview,.stream-overview .overview-group{display:flex;flex-direction:column;border-radius:8px}.stream-overview .overview-group{background:linear-gradient(46.21deg,rgba(253,140,185,.1),rgba(98,42,194,.1));padding:8px;gap:8px}.stream-overview .overview-group .group-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.stream-overview .overview-group .group-title .title{font-size:16px;font-weight:600;color:var(--colorBlack)}.stream-overview .overview-group .group-title .chip-class{background-color:var(--colorPink)}.stream-overview .overview-group .key-value{display:flex;flex-direction:row;gap:8px}.stream-overview .overview-group .key-value .overview-key{font-size:14px;font-weight:600;color:var(--colorLightGray)}.stream-overview .overview-group .key-value .overview-value{font-size:14px;font-weight:400;color:var(--colorLightGray)}.stream-upload{display:flex;flex-direction:column;padding:32px;background-color:#fff;overflow-y:auto;border-radius:8px;height:100%;gap:24px;width:100%}.stream-upload .upload-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.stream-upload .upload-section .title-sub{display:flex;flex-direction:column;gap:8px}.stream-upload .upload-section .title-sub .upload-title{font-size:18;font-weight:600;color:var(--colorBlack)}.stream-upload .upload-section .title-sub .upload-sub{font-size:14px;font-weight:400;color:var(--colorLightGray)}.stream-search{display:flex;flex-direction:row;padding:32px;gap:24px;background-color:#fff;overflow-y:auto;border-radius:8px;height:100%;width:100%}.stream-search .search-section{display:flex;flex-direction:column;gap:16px;width:100%}.stream-search .search-section .query-dropdown{display:flex;flex-direction:row;align-items:baseline;gap:8px}.stream-search .search-section .query-dropdown .query{width:70%}.stream-search .search-section .query-dropdown .dropdown{width:24px;align-content:center}.stream-search .search-section .search-result{display:flex;flex-direction:column;gap:8px}.stream-search .search-section .search-result .result-title{font-size:18;font-weight:600;color:var(--colorBlack)}.stream-search .search-section .search-result .result-box{height:500px;border:1px solid var(--colorNudeGray);border-radius:8px;overflow-y:auto;width:100%;padding:8px;display:flex;flex-direction:column}.stream-search .search-section .search-result .result-box .MuiPaper-root{border-radius:8px}.stream-search .search-section .search-result .result-box .MuiPaper-root .MuiAccordionSummary-root{background:var(--colorPrimaryPinkGradientLight)}.stream-search .search-section .search-result .result-box .MuiPaper-root .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root{width:100%}.stream-search .search-section .search-result .result-box .MuiPaper-root .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root .accordion-element-header{color:var(--colorPrimary);display:flex;justify-content:space-between}.stream-search .search-section .search-result .result-box .MuiPaper-root .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root .accordion-element-header .file-url{text-decoration:underline;color:blue;cursor:pointer}.stream-search .search-section .search-title-sub{display:flex;flex-direction:column;gap:8px}.stream-search .search-section .search-title-sub .search-title{font-size:18;font-weight:600;color:var(--colorBlack)}.stream-search .search-section .search-title-sub .search-sub{font-size:14px;font-weight:400;color:var(--colorLightGray)}.stream-search .search-section .search-button{width:20%}.data-stream-left-section{border-right:1px solid #e6e9f3}.create-index-modal{background:#fff;width:700px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding-left:32px;padding-right:32px;border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.create-index-modal .form-box{display:flex;flex-direction:column;gap:8px;width:100%}.create-index-modal .form-box .form-item{display:flex;flex-direction:row;gap:2px;align-items:baseline}.create-index-modal .form-box .form-item .form-label{font-size:16px;font-weight:600;width:30%}.create-index-modal .form-box .form-item .data-stream-embedding,.create-index-modal .form-box .form-item .data-stream-environment,.create-index-modal .form-box .form-item .data-stream-name{width:100%;border-radius:8px!important;border:1px var(--colorLightGray)!important}.create-index-modal .btn-group{width:100%;display:flex;justify-content:flex-end;gap:12px;align-items:center}.uploaded-data-container{width:100%;height:100%;border-radius:20px;background:var(--colorWhite);overflow-y:auto}.uploaded-data-container .top-content{display:flex;padding:16px 8px;align-items:center;width:66.66667%}.uploaded-data-container .top-content .data-header{display:flex;align-items:center;justify-content:center;width:100%;font-size:14px;gap:8px;font-weight:bolder;color:var(--colorDarkGray)}.uploaded-data-container .user-data-body{display:flex;flex-direction:column;padding:8px;width:100%;height:100%}.uploaded-data-container .user-data-body .data-row{display:flex;font-size:14px}.uploaded-data-container .user-data-body .data-row .data-col{padding:16px 8px;display:flex;width:66.66667%;align-items:center}.uploaded-data-container .user-data-body .data-row .data-col .data-item{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploaded-data-container .user-data-body .data-row .data-col .data-item.text{text-decoration:underline;color:var(--colorPrimary);text-align:left;align-items:flex-start;cursor:pointer}.uploaded-data-container .user-data-body .data-row .action-col{display:flex;width:33%;gap:8px;padding:4px;align-items:center}.upload-testcase-modal{background:#fff;width:600px;height:500px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:12px;padding:32px;border-radius:16px;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.upload-testcase-modal .top-content{display:flex;gap:2rem}.upload-testcase-modal .top-content div{display:flex;align-items:center}.upload-testcase-modal .file-upload-box{width:100%;height:290px;display:flex;margin-top:16px;flex-direction:column;justify-content:center;text-align:center;align-items:center;border-radius:12px;padding:20px;background-color:var(--colorWhite);border:1px dashed var(--colorLightGray)}.upload-testcase-modal .btn-group{width:100%;display:flex;justify-content:flex-end;gap:12px;align-items:center}.upload-testcase-modal .btn-group button.primary-btn{background:var(--colorPrimary)}.selected-files-cntr{gap:16px;margin-top:8px}.selected-files-cntr,.uploading-file-progress{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;border-radius:12px;padding:40px;background-color:var(--colorWhite);border:2px dashed var(--colorLightGray)}.uploading-file-progress{margin-top:-90px}.url-input-container{width:100%;display:flex;flex-direction:column}.url-input-container .url-chip-container{width:100%;max-height:80px;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;overflow-y:scroll;margin-top:8px}.stream-radio-group{display:flex;flex-direction:column}.file-box{height:600px!important}.option-box{height:200px!important}.code-show{height:100%;border:1px solid var(--colorNudeGray);border-radius:8px;padding:8px;min-height:532px;max-height:720px}.code-show .code-header{height:30px;padding:8px;display:flex;flex-direction:row;justify-content:space-between}.code-show .code-header .api{font-size:12px;font-weight:400;color:var(--colorLightGray)}.code-show .code-header .lang-copy{display:flex;flex-direction:row;gap:16px}.code-show .divider{background-color:var(--colorNudeGray)}.code-show .code-view{white-space:pre-line;overflow-y:scroll;font-size:16px;font-weight:400;padding:8px}.right-column-debug-mode{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;border-radius:12px;border:1px solid #e2e8f0;width:100%}.debug-code-block{width:100%;align-self:stretch;border-radius:6px}code[class*=language-],pre[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#264f78}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#264f78}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation,.token.punctuation{color:#d4d4d4}.token.boolean,.token.constant,.token.inserted,.token.number,.token.property,.token.symbol,.token.tag,.token.unit{color:#b5cea8}.token.attr-name,.token.builtin,.token.char,.token.deleted,.token.selector,.token.string{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.entity,.token.operator{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.control-flow,.token.keyword.module{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.interpolation,.token.parameter{color:#9cdcfe}.token.boolean,.token.punctuation.interpolation-punctuation{color:#569cd6}.token.exports .token.maybe-class-name,.token.imports .token.maybe-class-name,.token.property,.token.variable{color:#9cdcfe}.token.escape,.token.selector{color:#d7ba7d}.token.tag{color:#569cd6}.token.cdata,.token.tag .token.punctuation{color:grey}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}code[class*=language-javascript],code[class*=language-jsx],code[class*=language-tsx],code[class*=language-typescript],pre[class*=language-javascript],pre[class*=language-jsx],pre[class*=language-tsx],pre[class*=language-typescript]{color:#9cdcfe}code[class*=language-css],pre[class*=language-css]{color:#ce9178}code[class*=language-html],pre[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:grey}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 0 #f7d87c;z-index:0}.markdown-body{color:#e5e7eb;background:#111827;border-radius:8px}.code-line,code,pre{font-family:JetBrains Mono,Consolas,Courier New,monospace!important}pre{overflow-x:auto;border-radius:6px;text-wrap:wrap}code{font-size:14px;font-weight:500}.code-block-wrapper{position:relative}.copy-btn{position:absolute;top:12px;right:8px;color:#fff;border:none;border-radius:5px;font-size:12px;cursor:pointer;z-index:10;transform:scale(1)}.copy-btn,.copy-btn:hover{transition:transform .2s ease}.copy-btn:hover{transform:scale(1.1)}.copied{color:lime}.shiki-code-block{width:100%}.shiki-code-block pre{padding:1rem;width:100%}.scrollable-bar-graph{width:33%;height:20rem;padding:20px 20px 1rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:1.75rem;border-radius:1.25rem;border:1px solid rgba(0,0,0,.1);position:relative}.scrollable-bar-graph.full-width-graph{width:100%!important}.scrollable-bar-graph.zero-state-bar-graph{background:#f5f5f5;border:1px solid rgba(0,0,0,.1);opacity:.25}.scrollable-bar-graph.twenty-four-width{width:24%!important}.scrollable-bar-graph .text-content{display:flex;justify-content:space-between;align-items:center;width:100%}.scrollable-bar-graph .text-content .text-title-bar{color:#404040;font-size:1.25rem;font-style:normal;font-weight:500;line-height:1.375rem}.scrollable-bar-graph .text-content .text-title-description{color:#404040;text-align:center;font-size:1.25rem;font-style:normal;font-weight:600;line-height:2.29444rem;letter-spacing:-.10925rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.scrollable-bar-graph .text-content .text-title-description .trend-icon-bar-graph{display:flex;align-items:center;justify-content:center;gap:.25rem}.scrollable-bar-graph .text-content .text-title-description .trend-icon-bar-graph.up-trend-bar-graph{color:#43be83}.scrollable-bar-graph .text-content .text-title-description .trend-icon-bar-graph.down-trend-bar-graph{color:#ff4343}.scrollable-bar-graph .text-content p{color:#404040;text-align:center;font-size:1.25rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.10925rem}.scrollable-bar-graph .no-data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:800;color:#000;z-index:10;border-radius:5px;width:50%;border:none;display:flex;align-items:center;justify-content:center}.scrollable-bar-graph .chart-container{height:100%;width:100%;overflow-x:auto;scrollbar-width:thin;scroll-behavior:smooth;position:relative}.scrollable-bar-graph .chart-container.zero-state-scroll-fix{overflow:hidden!important}.scrollable-bar-graph .chart-container.zero-state{display:flex;align-items:center;justify-content:center}.scrollable-bar-graph .chart-container canvas{max-width:none;height:100%!important}.scrollable-bar-graph .chart-container::-webkit-scrollbar{height:8px}.scrollable-bar-graph .chart-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.scrollable-bar-graph .chart-container::-webkit-scrollbar-track{background:transparent}.scrollable-bar-graph:hover .chart-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4)}