diff --git a/src/DynamoCoreWpf/DynamoCoreWpf.csproj b/src/DynamoCoreWpf/DynamoCoreWpf.csproj index 7593bf56849..3de930052a8 100644 --- a/src/DynamoCoreWpf/DynamoCoreWpf.csproj +++ b/src/DynamoCoreWpf/DynamoCoreWpf.csproj @@ -50,13 +50,46 @@ - - - - - + + + + + + + + + + + + + + + + + + + + + + + %(TGZFiles.Filename) + + + + + + + + + + + + + + + @@ -88,8 +121,8 @@ - - + + diff --git a/src/DynamoCoreWpf/Packages/HomePage/build/bundle.js b/src/DynamoCoreWpf/Packages/HomePage/build/bundle.js deleted file mode 100644 index cc93bcec30b..00000000000 --- a/src/DynamoCoreWpf/Packages/HomePage/build/bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see bundle.js.LICENSE.txt */ -(()=>{var A={35:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,".wtWcJRvWPJXDoNvhryUS{\n transition: transform 0.3s ease;\n transform: rotate(-90deg);\n}\n\n.wtWcJRvWPJXDoNvhryUS.s5yy6_vWVowvDkBk4wf9 {\n transform: rotate(0deg);\n}\n\n.wtWcJRvWPJXDoNvhryUS.cldOh2Hlw6YD2AneXVQR {\n /* styles for left orientation */\n transform: rotate(90deg);\n}\n\n.wtWcJRvWPJXDoNvhryUS.yq0SVpHtHs6zt4jnei1z {\n /* styles for right orientation */\n transform: rotate(-90deg);\n}\n\n/* Open Arrow */\n.E_i9WzfHg0ng5DX5Mrc0 {\n display: inline-block;\n transition: transform 0.3s ease;\n}\n\n.E_i9WzfHg0ng5DX5Mrc0:hover path {\n stroke: #C1C1C1;\n}\n\n.E_i9WzfHg0ng5DX5Mrc0.s5yy6_vWVowvDkBk4wf9 {\n transform: rotate(180deg); /* Flip the arrow when open */\n}\n\n.E_i9WzfHg0ng5DX5Mrc0.cldOh2Hlw6YD2AneXVQR {\n transform: rotate(90deg);\n}\n\n.E_i9WzfHg0ng5DX5Mrc0.yq0SVpHtHs6zt4jnei1z {\n transform: rotate(-90deg);\n}\n",""]),o.locals={closedArrow:"wtWcJRvWPJXDoNvhryUS",open:"s5yy6_vWVowvDkBk4wf9",left:"cldOh2Hlw6YD2AneXVQR",right:"yq0SVpHtHs6zt4jnei1z",openArrow:"E_i9WzfHg0ng5DX5Mrc0"};const i=o},31:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"/* Card Items Stylesheet */\n.T5PizNhMFsqOWqTNwh3r {\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.aK5CWeVI7iXqq3pKxjsE {\n text-decoration: none;\n color: inherit;\n position: relative;\n aspect-ratio: 16/9;\n background-color: #666666;\n display: block;\n min-width: 35px;\n}\n\n.CbBBm8X2CirXAXM_mlrt {\n display: flex; /* Use flexbox for alignment */\n justify-content: center; /* Center horizontally */\n align-items: center; /* Center vertically */\n aspect-ratio: 16/9; /* Maintain aspect ratio */\n overflow: hidden;\n position: relative;\n}\n\n.hSIu9xkds4gH3zagdtvz {\n object-fit: cover;\n object-position: center center;\n width: 100%;\n height: 100%;\n}\n\n.yJPJrVpoTdVVu0uRGfX8 {\n background-color: #424242;\n padding: 0.5rem;\n}\n\n.yJPJrVpoTdVVu0uRGfX8:hover {\n background-color: #2c2c2c;\n}\n\n.aK5CWeVI7iXqq3pKxjsE:hover .yJPJrVpoTdVVu0uRGfX8 {\n background-color: #2c2c2c;\n}\n\n.pYBqu_ILdwdkYrd6aBfq {\n cursor: pointer;\n color: var(--text-secondary);\n font-size: 14px;\n font-weight: bold;\n}\n\n.lNJMVJ5F6srg81_igRaH {\n cursor: pointer;\n color: var(--text-secondary);\n font-size: 14px;\n}\n\n.pYBqu_ILdwdkYrd6aBfq,\n.lNJMVJ5F6srg81_igRaH {\n min-height: 20px;\n}\n\n.FLEpBhl8o9WV_stMk7C2 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0.4rem 0.2rem;\n}",""]),o.locals={"graph-container":"T5PizNhMFsqOWqTNwh3r","graph-link":"aK5CWeVI7iXqq3pKxjsE","clipped-image-container":"CbBBm8X2CirXAXM_mlrt","clipped-image":"hSIu9xkds4gH3zagdtvz","custom-container":"yJPJrVpoTdVVu0uRGfX8","graph-item-title-text":"pYBqu_ILdwdkYrd6aBfq","graph-item-subtitle-text":"lNJMVJ5F6srg81_igRaH","graph-card-text-item":"FLEpBhl8o9WV_stMk7C2"};const i=o},543:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"/* Basic reset for table styling */\n.up1YB6mpKdoE6xjX2QUm table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed; /* This ensures uniform column width */\n color: #f5f5f5; /* Dark text color */\n font-weight: 400;\n font-size: 12px;\n align-items: center;\n padding: left right 5px;\n}\n\n/* Styling for table headers */\n.up1YB6mpKdoE6xjX2QUm th {\n background-color: #3f3f3f; /* Light grey background */\n text-align: left;\n font-weight: 400;\n padding: 8px; /* Adjust padding as needed */\n border-bottom: 2px solid #515151; /* Adds a border below the header */\n border-right: 1px solid rgba(117, 117, 117, 0.5);\n position: relative;\n}\n\n/* Styling for table cells */\n.up1YB6mpKdoE6xjX2QUm td {\n border-bottom: 1px solid #515151; /* Adds a border between rows */\n border-right: 1px solid rgba(117, 117, 117, 0.5);\n text-align: left; /* Align text to the left */\n vertical-align: middle; /* Vertically align text in the middle */\n overflow: hidden; /* Ensures content doesn't overflow */\n text-overflow: ellipsis; /* Adds an ellipsis for overflowed text */\n white-space: nowrap; /* Prevents text wrapping */\n padding: 0px 8px;\n display: flex;\n align-items: center; /* This will work with flexbox */\n justify-content: flex-start; /* Aligns content to the left */\n min-height: 30px;\n font-size: 12px;\n cursor: pointer;\n}\n\n/* Row styling for hover effect */\n.up1YB6mpKdoE6xjX2QUm tr:hover {\n background-color: rgba(117, 117, 117, 0.5);\n}\n\n.up1YB6mpKdoE6xjX2QUm td:last-child,\n.up1YB6mpKdoE6xjX2QUm th:last-child {\n border-right: none;\n white-space: nowrap; /* Do not allow text to wrap within the cell */\n padding-right: 2px; /* Add right padding to the last cell */\n cursor: pointer;\n}\n\n/* Adjust the width of specific columns, if needed */\n.up1YB6mpKdoE6xjX2QUm .H2lxuXyzGL3rcZHOAI2G {\n width: 40%; \n}\n\n.up1YB6mpKdoE6xjX2QUm .vnUcxdnJ1pvNC8jfzfpb {\n width: 20%;\n}\n\n@media screen and (max-width: 600px) {\n .up1YB6mpKdoE6xjX2QUm td {\n white-space: normal;\n }\n\n .up1YB6mpKdoE6xjX2QUm table {\n width: auto;\n }\n}\n\n.BnVc_k6bLkFkvqNddROh {\n white-space: nowrap !important; /* Prevents text from wrapping to the next line */\n overflow: hidden; /* Hides any overflow content */\n text-overflow: ellipsis; /* Adds an ellipsis (...) to any text that overflows */\n}\n\n/* Table resizer style */\n.h2zYx2vvGFc33c7Gvdtg {\n display: inline-block;\n width: 3px;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n transform: translateX(50%);\n z-index: 1;\n touch-action: none;\n background: rgba(117, 117, 117, 0.3); \n}\n\n.h2zYx2vvGFc33c7Gvdtg:hover {\n background: #aaa; /* change color on hover for better visibility */\n}\n\n.V3Y0piBVnZNl4qn3nGuM {\n position: relative; /* Required to position the resizer */\n}",""]),o.locals={"table-view":"up1YB6mpKdoE6xjX2QUm","column-title":"H2lxuXyzGL3rcZHOAI2G","column-author":"vnUcxdnJ1pvNC8jfzfpb","table-cell":"BnVc_k6bLkFkvqNddROh",resizer:"h2zYx2vvGFc33c7Gvdtg",th:"V3Y0piBVnZNl4qn3nGuM"};const i=o},101:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,".yIO4w_lTuLYEooPbCSdX {\n display: flex;\n align-items: center;\n}\n\n.aJe6tjx1OqhFqTse84Ke {\n overflow: hidden;\n width: 100%;\n}\n\n.dwlvw4X3mqJsZqmmPw4Y {\n display: flex;\n transition: transform 0.5s ease;\n}\n\n.yIO4w_lTuLYEooPbCSdX button {\n background: none;\n border: none;\n outline: none; /* Removes the focus outline */\n cursor: pointer;\n padding: 0; /* Adjust as needed */\n display: flex;\n align-items: center;\n justify-content: center;\n}\n",""]),o.locals={"carousel-container":"yIO4w_lTuLYEooPbCSdX","carousel-content-wrapper":"aJe6tjx1OqhFqTse84Ke","carousel-content":"dwlvw4X3mqJsZqmmPw4Y"};const i=o},735:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"/* Video Carousel Item Stylesheet */\n.tedGatdGy3mrXcjUOBg6 {\n flex: 0 0 calc(25% - 11px); /* Adjusted width to account for margin */\n height: 200px; /* Set a fixed height */\n box-sizing: border-box;\n position: relative;\n margin-left: 5px;\n margin-right: 5px;\n}\n\n.NQmCmQws_6SKpfRWG5gQ {\n width: 100%;\n height: 100%; /* Full height of the video container */\n position: relative;\n}\n\n.nY4NQq_NhgHHZPdJwKVQ {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.uScGoLZ_cxt7Gwjpaa6Q {\n /* Additional styling for title and description */\n position: absolute;\n bottom: 0;\n width: 101%;\n background-color: #424242;\n padding: 0.5rem;\n box-sizing: border-box;\n margin-left: -1px;\n}\n\n.uScGoLZ_cxt7Gwjpaa6Q:hover {\n background-color: #2c2c2c;\n}\n\n.E2e9loZSXowfxotWXl0g {\n cursor: pointer;\n color: var(--text-secondary);\n font-size: 14px;\n font-weight: bold;\n}\n\n.RxmhtRl_DLx6gpaht7dV {\n cursor: pointer;\n color: var(--text-secondary);\n font-size: 14px;\n}\n\n.E2e9loZSXowfxotWXl0g,\n.RxmhtRl_DLx6gpaht7dV {\n min-height: 20px;\n}\n\n.lo3R4Vqe6jFI52pcBb1D {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0.4rem 0.2rem;\n}\n",""]),o.locals={"video-container":"tedGatdGy3mrXcjUOBg6","clipped-video-container":"NQmCmQws_6SKpfRWG5gQ","clipped-video":"nY4NQq_NhgHHZPdJwKVQ","custom-video-container":"uScGoLZ_cxt7Gwjpaa6Q","video-item-title-text":"E2e9loZSXowfxotWXl0g","video-item-subtitle-text":"RxmhtRl_DLx6gpaht7dV","video-card-text-item":"lo3R4Vqe6jFI52pcBb1D"};const i=o},94:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"/* Custom Cell Renderer Stylesheet */\n.Yw3_GCMOuxwzyMsDrErF {\n display: flex;\n align-items: center;\n padding-top: 0px !important;\n padding-bottom: 0px !important;\n}\n\n.b3x1Jhs_Ihy9oPZWghtg {\n text-decoration: none;\n color: inherit;\n position: relative;\n aspect-ratio: 16/9;\n background-color: #666666;\n display: block;\n min-width: 35px;\n}\n\n.w7Q0sX_ApwkBxuQfOK1e {\n max-width: 35px;\n aspect-ratio: 4/3;\n border: #424242 1.5px solid;\n border-radius: 3px;\n margin-right: 10px;\n margin-top: 1.5px;\n margin-bottom: 1.5px;\n}\n\n.b3x1Jhs_Ihy9oPZWghtg:hover .MWthXaHIjXo9Iz2AzIud {\n background-color: #2c2c2c;\n}\n\n.rxw_Z70L9U7675U9s2fe {\n width: 100%;\n height: 100%;\n}",""]),o.locals={"title-cell":"Yw3_GCMOuxwzyMsDrErF","graph-link":"b3x1Jhs_Ihy9oPZWghtg","row-img":"w7Q0sX_ApwkBxuQfOK1e","custom-container":"MWthXaHIjXo9Iz2AzIud","row-img-container":"rxw_Z70L9U7675U9s2fe"};const i=o},468:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"/* Samples Grid Stylesheet */\n\n.YsSGeoIrz5pux4W3COs1 {\n margin-bottom: 20px; /* Space between each sample */\n}\n\n.A1T_Zw4IS8fELmoT_aje {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust as needed */\n gap: 10px; /* Space between grid items */\n}\n",""]),o.locals={"sample-container":"YsSGeoIrz5pux4W3COs1","graphs-grid":"A1T_Zw4IS8fELmoT_aje"};const i=o},413:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"/* Custom Select Component Stylesheet */\n.IL_YZZXsqsyFVe8ZMeiO {\n position: relative;\n cursor: pointer;\n font-size: 14px;\n border-bottom: 2px solid transparent;\n transition: border-bottom-color 0.3s ease;\n margin-top: 15px;\n}\n\n.IL_YZZXsqsyFVe8ZMeiO.RHJEUTWyGShaY4hX61WQ,\n.IL_YZZXsqsyFVe8ZMeiO:hover {\n border-bottom-color: #38abdf;\n}\n\n.IL_YZZXsqsyFVe8ZMeiO.RHJEUTWyGShaY4hX61WQ::after,\n.IL_YZZXsqsyFVe8ZMeiO::after {\n /* Create a pseudo-element for the 5px thick rectangle */\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n bottom: -7px; /* Position it just below the 1px border */\n height: 5px;\n background-color: #40687a; /* Darker blue color */\n opacity: 0; /* Start with an invisible border */\n transition: opacity 0.3s ease; /* Transition for the opacity */\n}\n\n.IL_YZZXsqsyFVe8ZMeiO:hover::after {\n opacity: 1;\n}\n\n.IL_YZZXsqsyFVe8ZMeiO.RHJEUTWyGShaY4hX61WQ:not(:hover) {\n border-bottom-color: white;\n}\n\n.IL_YZZXsqsyFVe8ZMeiO.RHJEUTWyGShaY4hX61WQ:not(:hover)::after {\n background-color: #808080;\n opacity: 1;\n}\n\n.Gimb4Gsr28AnNQRiO54A {\n display: flex; /* Use flexbox layout */\n justify-content: space-between; /* Space between items */\n align-items: center; /* Align items vertically */\n padding: 10px;\n padding-left: 14px;\n padding-right: 6px;\n background-color: transparent;\n border-radius: 4px;\n border: solid 1px #9B9B9B;\n}\n\n.Gimb4Gsr28AnNQRiO54A:hover .wb0YXNZvX_0mxVdLR8FO{\n background-color: transparent;\n}\n\n.Gimb4Gsr28AnNQRiO54A:hover {\n background-color: #292929;\n border: solid 1px transparent;\n}\n\n/* Style for .dropdown-selected when active (e.g., when clicked) */\n.Gimb4Gsr28AnNQRiO54A:active {\n background-color: #1e1e1e; /* Change background color when active */\n color: #fff; /* Change text color when active */\n /* Add any other styles you want for the active state */\n}\n\n.wPTf22drsrJsvgEvr31u {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background-color: #535353;\n display: none;\n margin-top: 3px;\n z-index: 1000;\n}\n\n.wPTf22drsrJsvgEvr31u.RHJEUTWyGShaY4hX61WQ {\n display: block;\n}\n\n.IG6uw2irvRNLccBjN8Xt{\n padding: 10px;\n}\n\n.IG6uw2irvRNLccBjN8Xt:hover {\n background-color: #434343;\n}\n\n.wb0YXNZvX_0mxVdLR8FO {\n position: absolute;\n right: 35px;\n top: 0;\n bottom: 0;\n width: 1px; /* Adjust the width as needed */\n height: 100%; /* Vertically extend the line to match the container */\n background-color: #9B9B9B; /* Adjust the color as needed */\n margin: 0 px; /* Add spacing to separate the line from text and arrow */\n}\n",""]),o.locals={"custom-dropdown":"IL_YZZXsqsyFVe8ZMeiO",open:"RHJEUTWyGShaY4hX61WQ","dropdown-selected":"Gimb4Gsr28AnNQRiO54A","vertical-line":"wb0YXNZvX_0mxVdLR8FO","dropdown-options":"wPTf22drsrJsvgEvr31u","dropdown-option":"IG6uw2irvRNLccBjN8Xt"};const i=o},924:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"/* Sidebar Component Stylesheet */\n.DocgL5i6gBGE3KYwABod {\n display: grid;\n grid-template-rows: repeat(3, 1fr);\n height: 100vh;\n}\n\n.oi6LQ6T_ZvY0YFHX1EAT {\n position: relative;\n}\n\n.axbuozwlai5y3CB_yU_V {\n font-size: 32px;\n margin: 0;\n margin-top: 40px;\n margin-bottom: 40px;\n}\n\n.IEIatPR6YexSSVZ1m999 {\n margin-top: 2rem;\n}\n\n.IEIatPR6YexSSVZ1m999>*+* {\n margin-top: 1rem;\n}\n\n.SwQBpURVcQmf77gVwO2A {\n margin-top: 0px !important;\n margin-left: -32px;\n margin-right: -32px;\n padding: 1em;\n padding-left: 32px;\n padding-right: 32px;\n font-weight: medium;\n cursor: pointer;\n}\n\n.SwQBpURVcQmf77gVwO2A.G7urEafWF6ctkF48QkZ9 {\n background-color: #535353;\n}\n\n.pFrc_4DF0pH70zHwPK2z {\n margin: 0px;\n font-size: 14px;\n line-height: 20px;\n font-weight: 400;\n}\n\n.QaWlBWpKb_tctB2m1Dpb {\n position: absolute; /* Set the position to absolute */\n bottom: 0; /* Align to the bottom of the cell */\n left: 0; /* Align to the left of the cell */\n width: 100%;\n border: none;\n height: 1px;\n background-color: #4b4b4b; /* Separator color */\n}\n\n.Ewz9pqJuVcgxOVOdcAFk {\n display: flex;\n flex-direction: column;\n margin-top: 20px;\n margin-bottom: 135px;\n}\n\n.z4A95FK70ZxSieqhcB68 {\n color: #6dd2ff;\n text-decoration: none;\n margin-top: 0.5em;\n font-size: 14px;\n}\n\n.z4A95FK70ZxSieqhcB68:hover {\n text-decoration: underline;\n}\n",""]),o.locals={"sidebar-grid-container":"DocgL5i6gBGE3KYwABod",cell:"oi6LQ6T_ZvY0YFHX1EAT","dynamo-logo":"axbuozwlai5y3CB_yU_V","sidebar-items-container":"IEIatPR6YexSSVZ1m999","sidebar-link-container":"SwQBpURVcQmf77gVwO2A",selected:"G7urEafWF6ctkF48QkZ9","sidebar-text":"pFrc_4DF0pH70zHwPK2z",separator:"QaWlBWpKb_tctB2m1Dpb","link-container":"Ewz9pqJuVcgxOVOdcAFk","sidebar-link":"z4A95FK70ZxSieqhcB68"};const i=o},424:(A,e,t)=>{"use strict";t.d(e,{Z:()=>i});var n=t(81),r=t.n(n),g=t(645),o=t.n(g)()(r());o.push([A.id,"* {\n -webkit-user-select: none; /* Chrome, Safari, Opera */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera, and Firefox */\n}\n\n:root {\n --text-secondary: #f5f5f5;\n}\n\n@font-face {\n font-family: 'ArtifaktElement';\n src: url('http://localhost/embeddedFonts/ArtifaktElement-Regular.woff');\n}\n\nbody {\n margin: 0;\n overflow: hidden;\n font-family: 'ArtifaktElement', system-ui, sans-serif;\n}\n\n/* Main Page Styles */\n.main-container {\n min-height: 100vh;\n max-height: 100vh;\n display: flex;\n background-color: #535353;\n overflow-y: auto;\n}\n\n.main-flex-container {\n height: 100vh; /* Set the height to viewport height */\n overflow: hidden; /* Prevent the flex container from scrolling */\n width: 100%;\n}\n\n.main-body-container {\n position: relative;\n overflow-x: hidden;\n overflow-y: auto; /* Add vertical scroll only to the main content */\n height: 100vh; \n padding: 1.25rem;\n flex-grow: 1;\n}\n\n.sidebar-container {\n box-sizing: border-box; \n padding: 2rem;\n color: #ffffff;\n background-color: #373737;\n z-index: 1; /* Ensure sidebar is above the main content */\n}\n\n.split-pane .Resizer.vertical {\n width: 3px; \n cursor: col-resize;\n background: #535353; \n opacity: 0.8;\n box-sizing: border-box;\n background-clip: padding-box;\n}\n\n.split-pane .Resizer.vertical:hover {\n width: 3px; \n background: #646464; \n opacity: 0.2;\n}\n\n.disabled {\n opacity: 0.6;\n pointer-events: none; /* This makes all elements inside non-interactive */\n cursor: not-allowed;\n}\n\n/* Loading animation screen */\n.loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(83, 83, 83, 0.8); /* half-opaque grey */\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n z-index: 10; /* ensure it's above other content */\n}\n\n.spinner {\n border: 3px solid #676767; /* Light grey */\n border-top: 3px solid #38ABDF; /* Blue */\n border-radius: 50%;\n width: 48px;\n height: 48px;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.loading-text {\n margin-top: 20px;\n color: #ffffff; /* white color text */\n text-align: center;\n font-size: 20px;\n}\n\n.main-graph-grid {\n margin-top: 0.5rem;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.guides-graph-grid {\n margin-top: 0.5rem;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.title-paragraph {\n display: block;\n color: #ffffff;\n margin-bottom: 1rem;\n font-size: 1.25rem;\n}\n\nselect {\n background: #292929;\n color: white;\n display: block;\n margin-top: 10px;\n width: 100%;\n padding: 0.7em;\n border-radius: 0px;\n border-color: transparent;\n}\n\n.viewmode-button {\n margin: 0px;\n padding: 0px;\n border: none;\n width: 38px;\n height: 38px;\n cursor: pointer;\n background-color: transparent;\n border-radius: 2px;\n}\n\n.viewmode-button.active {\n background-color: rgba(56, 171, 223, 0.15);\n border: 1px solid rgba(56, 171, 223, 0.5);\n}\n\n/* Hidden items */\n.hidden {\n display: none;\n}\n\n.video-container {\n flex: 0 0 calc(25% - 11px); /* Adjusted width to account for margin */\n height: 200px; /* Set a fixed height */\n box-sizing: border-box;\n position: relative;\n margin-left: 5px;\n margin-right: 5px;\n}\n\n\n/* Tooltip.css */ \n@keyframes tooltipFadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.tooltip-container {\n position: relative;\n display: inline-block; /* or 'inline' depending on layout needs */\n}\n\n.tooltip-box {\n position: absolute;\n background-color: #eeeeee;\n color: #292929;\n padding: 10px;\n font-size: small;\n border-radius: 2px;\n z-index: 1000;\n top: 100%;\n left: 50%;\n max-width: 300px;\n transform: translateX(-50%);\n white-space: normal;\n overflow-wrap: break-word;\n opacity: 0; /* Initially, set the opacity to 0 to hide the tooltip */\n animation: tooltipFadeIn 0.3s ease forwards; /* Use the animation for fading in */\n animation-play-state: paused; /* Initially pause the animation */\n}\n\n.tooltip-box.show {\n animation-play-state: running; /* Start the animation when the tooltip is shown */\n}\n\n.tooltip-arrow {\n position: absolute;\n bottom: 100%; /* Align it at the bottom of the tooltip box */\n left: 50%;\n border-width: 5px;\n border-style: solid;\n border-color: transparent transparent #eeeeee transparent;\n transform: translateX(-50%);\n}\n\n/* Remove background color of the scrollbar track */\n::-webkit-scrollbar {\n width: 14px; /* Adjust the width as needed */\n}\n\n/* Style the scrollbar thumb (the draggable part) */\n::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n border-radius: 9999px;\n background-color: #C1C1C1;\n}\n\n/* Style the scrollbar track (the area behind the thumb) */\n::-webkit-scrollbar-track {\n background-color: transparent; /* Set to transparent to remove background color */\n border-radius: 5px; /* Optional: Add border radius for rounded track */\n margin-block: 2px;\n}\n\n::-webkit-scrollbar {\n margin-right: 10px; /* Add margin to the right */\n}",""]);const i=o},645:A=>{"use strict";A.exports=function(A){var e=[];return e.toString=function(){return this.map((function(e){var t="",n=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=A(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(A,t,n,r,g){"string"==typeof A&&(A=[[null,A,void 0]]);var o={};if(n)for(var i=0;i0?" ".concat(B[5]):""," {").concat(B[1],"}")),B[5]=g),t&&(B[2]?(B[1]="@media ".concat(B[2]," {").concat(B[1],"}"),B[2]=t):B[2]=t),r&&(B[4]?(B[1]="@supports (".concat(B[4],") {").concat(B[1],"}"),B[4]=r):B[4]="".concat(r)),e.push(B))}},e}},81:A=>{"use strict";A.exports=function(A){return A[1]}},679:(A,e,t)=>{"use strict";var n=t(864),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},g={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function a(A){return n.isMemo(A)?o:i[A.$$typeof]||r}i[n.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[n.Memo]=o;var l=Object.defineProperty,B=Object.getOwnPropertyNames,E=Object.getOwnPropertySymbols,u=Object.getOwnPropertyDescriptor,s=Object.getPrototypeOf,C=Object.prototype;A.exports=function A(e,t,n){if("string"!=typeof t){if(C){var r=s(t);r&&r!==C&&A(e,r,n)}var o=B(t);E&&(o=o.concat(E(t)));for(var i=a(e),c=a(t),I=0;I{"use strict";var n=t(414);function r(){}function g(){}g.resetWarningCache=r,A.exports=function(){function A(A,e,t,r,g,o){if(o!==n){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function e(){return A}A.isRequired=A;var t={array:A,bigint:A,bool:A,func:A,number:A,object:A,string:A,symbol:A,any:A,arrayOf:e,element:A,elementType:A,instanceOf:e,node:A,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:g,resetWarningCache:r};return t.PropTypes=t,t}},697:(A,e,t)=>{A.exports=t(703)()},414:A=>{"use strict";A.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},448:(A,e,t)=>{"use strict";var n=t(294),r=t(840);function g(A){for(var e="https://reactjs.org/docs/error-decoder.html?invariant="+A,t=1;t