@neo4j-ndl/base 0.1.0

package/lib/neo4j-ds-styles.css

@@ -0,0 +1,2839 @@
+
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&family=Nunito+Sans:wght@400;500;600;700&display=swap');
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+/*! tailwindcss v3.0.16 | MIT License | https://tailwindcss.com
+ */
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: currentColor; /* 2 */
+}
+::before,
+::after {
+  --tw-content: '';
+}
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+*/
+html {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4; /* 3 */
+  font-family: "Nunito Sans"; /* 4 */
+}
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+/*
+Remove the default font size and weight for headings.
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+/*
+Add the correct font weight in Edge and Safari.
+*/
+b,
+strong {
+  font-weight: bolder;
+}
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+code,
+kbd,
+samp,
+pre {
+  font-family: "Fira Code"; /* 1 */
+  font-size: 1em; /* 2 */
+}
+/*
+Add the correct font size in all browsers.
+*/
+small {
+  font-size: 80%;
+}
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+button,
+select {
+  text-transform: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+:-moz-focusring {
+  outline: auto;
+}
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+progress {
+  vertical-align: baseline;
+}
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+/*
+Add the correct display in Chrome and Safari.
+*/
+summary {
+  display: list-item;
+}
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+legend {
+  padding: 0;
+}
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+/*
+Prevent resizing textareas horizontally by default.
+*/
+textarea {
+  resize: vertical;
+}
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
+}
+/*
+Set the default cursor for buttons.
+*/
+button,
+[role="button"] {
+  cursor: pointer;
+}
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+/*
+Ensure the default browser behavior of the `hidden` attribute.
+*/
+[hidden] {
+  display: none;
+}
+*, ::before, ::after{
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+code{
+  font-family: "Fira Code";
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+h1{
+  font-size: 48px;
+  line-height: 60px;
+  letter-spacing: -0.25px;
+  font-weight: 700;
+}
+h2{
+  font-size: 40px;
+  line-height: 48px;
+  letter-spacing: 0px;
+  font-weight: 700;
+}
+h3{
+  font-size: 30px;
+  line-height: 40px;
+  letter-spacing: 0.25px;
+  font-weight: 700;
+}
+h4{
+  font-size: 24px;
+  line-height: 32px;
+  letter-spacing: 0.25px;
+  font-weight: 700;
+}
+h5{
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: 0.25px;
+  font-weight: 700;
+}
+h6{
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.25px;
+  font-weight: 700;
+}
+.subheading-large{
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: 0.25px;
+  font-weight: 600;
+}
+.subheading-medium{
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.25px;
+  font-weight: 600;
+}
+.subheading-small{
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  font-weight: 600;
+}
+.body-large{
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0px;
+  font-weight: 400;
+}
+.body-medium{
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  font-weight: 400;
+}
+.body-small{
+  font-size: 12px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  font-weight: 400;
+}
+.label{
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  font-weight: 700;
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-btn {
+  transition: background-color 75ms ease;
+  display: inline-flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  gap: 0.125rem;
+  border-radius: 4px;
+  font-weight: 700;
+}
+.ndl-btn:focus{
+  outline-width: 0px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-offset-width: 2px;
+}
+.ndl-btn.disabled, .ndl-btn.loading{
+  cursor: default;
+  opacity: 0.5;
+}
+.ndl-btn.rectangle{
+  width: 3rem;
+}
+.ndl-btn.small{
+  height: 1.75rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-btn.regular{
+  height: 2.25rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-btn.large{
+  height: 3rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0px;
+}
+.ndl-btn.rectangle{
+  border-radius: 6px;
+}
+.ndl-btn.small.rectangle{
+  width: 1.75rem;
+  padding: 0.5rem;
+}
+.ndl-btn.regular.rectangle{
+  width: 2.25rem;
+  padding: 0.5rem;
+}
+.ndl-btn.large.rectangle{
+  width: 3rem;
+  padding: 0.75rem;
+}
+.ndl-btn.filled{
+  border-width: 0px;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.04);
+  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ndl-btn.outlined{
+  border-width: 1px;
+  border-style: solid;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.04);
+  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ndl-btn.text{
+  border-style: none;
+  background-color: transparent;
+}
+a.ndl-btn{
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-label{
+  display: flex;
+  height: 1.5rem;
+  max-width: -webkit-max-content;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  flex-direction: column;
+  justify-content: center;
+  border-radius: 9999px;;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  font-weight: 700;
+  text-transform: capitalize;
+  line-height: 1.25rem;
+}
+.ndl-label .label-content{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.25rem;
+  font-family: "Nunito Sans";
+}
+.ndl-label .label-content svg{
+  height: 0.5rem;
+  width: 0.5rem;
+}
+.ndl-label.outlined{
+  border-width: 1px;
+  border-style: solid;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+.ndl-label.semi-filled{
+  border-width: 1px;
+  border-style: solid;
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-tabs.underline {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(238 241 246 / var(--tw-border-opacity));
+  }
+.ndl-tabs .tab {
+    font-weight: 600;
+    background: none;
+    position: relative;
+    cursor: pointer;
+    border-width: 0px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+.ndl-tabs .tab.small{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-tabs .tab.small:not(:first-child){
+  margin-left: 0.25rem;
+}
+.ndl-tabs .tab.small:not(:last-child){
+  margin-right: 0.25rem;
+}
+.ndl-tabs .tab:not(:first-child){
+  margin-left: 0.5rem;
+}
+.ndl-tabs .tab:not(:last-child){
+  margin-right: 0.5rem;
+}
+.ndl-tabs .tab.disabled{
+  cursor: default;
+  --tw-text-opacity: 1;
+  color: rgb(178 183 189 / var(--tw-text-opacity));
+}
+.ndl-tabs .tab.underline .tab-underline {
+        bottom: -1px;
+        height: 4px;
+        position: absolute;
+        left: 0px;
+        width: 100%;
+        border-top-left-radius: 4px;
+        border-top-right-radius: 4px;
+        background-color: transparent;
+      }
+.ndl-tabs .tab.underline:focus-visible {
+        outline: none;
+      }
+.ndl-tabs .tab.underline:focus-visible .tab-underline{
+  --tw-bg-opacity: 1;
+  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
+}
+.ndl-tabs .tab.underline:hover:not(.disabled):not(.selected) .tab-underline{
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 119 128 / var(--tw-bg-opacity));
+  opacity: 0.1;
+}
+.ndl-tabs .tab.underline:active:not(.disabled):not(.selected) .tab-underline{
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 119 128 / var(--tw-bg-opacity));
+  opacity: 0.2;
+}
+.ndl-tabs .tab.underline.selected:not(.disabled){
+  --tw-text-opacity: 1;
+  color: rgb(0 111 214 / var(--tw-text-opacity));
+}
+.ndl-tabs .tab.underline.selected:not(.disabled):not(:focus-visible) .tab-underline{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+}
+.ndl-tabs .tab.underline.selected.disabled:not(:focus-visible) .tab-underline{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+.ndl-tabs .tab.filled{
+  border-radius: 4px;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.ndl-tabs .tab.filled:focus-visible {
+        outline: none;
+        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+        --tw-ring-opacity: 1;
+        --tw-ring-color: rgb(1 139 255 / var(--tw-ring-opacity));
+      }
+.ndl-tabs .tab.filled:hover:not(.disabled):not(.selected){
+  background-color: rgb(113 119 128 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.1;
+}
+.ndl-tabs .tab.filled:active:not(.disabled):not(.selected){
+  background-color: rgb(113 119 128 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.2;
+}
+.ndl-tabs .tab.filled.selected{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 248 255 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(0 111 214 / var(--tw-text-opacity));
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-alert{
+  padding: 1rem;
+  border-radius: 4px;
+  display: flex;
+  flex-direction: row;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+}
+.ndl-alert .alert-content{
+  flex: 1 1 0%;
+}
+.ndl-alert .alert-title{
+  display: flex;
+  justify-content: space-between;
+}
+.ndl-alert.with-description .alert-title{
+  margin: 0px;
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: 0.25px;
+  font-weight: 700;
+}
+.ndl-alert .alert-icon{
+  height: 1.5rem;
+  width: 1.5rem;
+}
+.ndl-alert .alert-icon.close-icon{
+  --tw-text-opacity: 1;
+  color: rgb(83 91 102 / var(--tw-text-opacity));
+  cursor: pointer;
+}
+.ndl-alert .alert-description{
+  margin-top: 0.5rem;
+}
+.ndl-alert .alert-actions{
+  margin-top: 1.25rem;
+  display: flex;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+}
+.ndl-alert .alert-actions a{
+  cursor: pointer;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0px;
+  font-weight: 700;
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
+.ndl-alert.info{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 248 255 / var(--tw-bg-opacity));
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(163 226 255 / var(--tw-border-opacity));
+}
+.ndl-alert.info .alert-status-icon{
+  --tw-text-opacity: 1;
+  color: rgb(0 111 214 / var(--tw-text-opacity));
+}
+.ndl-alert.success{
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 250 239 / var(--tw-bg-opacity));
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(152 237 203 / var(--tw-border-opacity));
+}
+.ndl-alert.success .alert-status-icon{
+  --tw-text-opacity: 1;
+  color: rgb(50 125 96 / var(--tw-text-opacity));
+}
+.ndl-alert.warning{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 222 / var(--tw-bg-opacity));
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(255 244 181 / var(--tw-border-opacity));
+}
+.ndl-alert.warning .alert-status-icon{
+  --tw-text-opacity: 1;
+  color: rgb(217 181 74 / var(--tw-text-opacity));
+}
+.ndl-alert.danger{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 230 233 / var(--tw-bg-opacity));
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(255 184 196 / var(--tw-border-opacity));
+}
+.ndl-alert.danger .alert-status-icon{
+  --tw-text-opacity: 1;
+  color: rgb(204 37 75 / var(--tw-text-opacity));
+}
+.ndl-alert.floating{
+  --tw-shadow: 0px 8px 20px 0px rgba(12, 26, 37, 0.12);
+  --tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-tooltip-wrapper{
+  position: relative;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  border-radius: 4px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(83 91 102 / var(--tw-bg-opacity));
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  font-size: 12px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.ndl-tooltip-wrapper .tooltip-triangle{
+  position: absolute;
+  height: 0px;
+  width: 0px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(83 91 102 / var(--tw-border-opacity));
+}
+.ndl-tooltip-wrapper .tooltip-triangle.bottom{
+  bottom: -8px;
+  left: 0px;
+  right: 0px;
+  margin: auto;
+  border-left-width: 8px;
+  border-right-width: 8px;
+  border-top-width: 8px;
+  border-bottom-width: 0px;
+  border-left-color: transparent;
+  border-right-color: transparent; /* point down */
+}
+.ndl-tooltip-wrapper .tooltip-triangle.left{
+  left: -8px;
+  top: 0px;
+  bottom: 0px;
+  margin: auto;
+  border-top-width: 8px;
+  border-bottom-width: 8px;
+  border-right-width: 8px;
+  border-left-width: 0px;
+  border-top-color: transparent;
+  border-bottom-color: transparent; /* point left */
+}
+.ndl-tooltip-wrapper .tooltip-triangle.right{
+  right: -8px;
+  top: 0px;
+  bottom: 0px;
+  margin: auto;
+  border-top-width: 8px;
+  border-bottom-width: 8px;
+  border-left-width: 8px;
+  border-right-width: 0px;
+  border-top-color: transparent;
+  border-bottom-color: transparent; /* point right */
+}
+.ndl-tooltip-wrapper .tooltip-triangle.top{
+  top: -8px;
+  left: 0px;
+  right: 0px;
+  margin: auto;
+  border-left-width: 8px;
+  border-right-width: 8px;
+  border-bottom-width: 8px;
+  border-top-width: 0px;
+  border-left-color: transparent;
+  border-right-color: transparent; /* point up */
+}
+.ndl-tooltip-wrapper .tooltip-triangle.top-left{
+  top: -8px;
+  left: 15px;
+  border-left-width: 8px;
+  border-right-width: 8px;
+  border-bottom-width: 8px;
+  border-top-width: 0px;
+  border-left-color: transparent;
+  border-right-color: transparent; /* point up */
+}
+.ndl-tooltip-wrapper .tooltip-triangle.top-right{
+  top: -8px;
+  right: 15px;
+  border-left-width: 8px;
+  border-right-width: 8px;
+  border-bottom-width: 8px;
+  border-top-width: 0px;
+  border-left-color: transparent;
+  border-right-color: transparent; /* point up */
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-form-item{
+  cursor: pointer;
+}
+.ndl-form-item input[type='checkbox'], .ndl-form-item input[type='radio']{
+  cursor: pointer;
+  position: relative;
+  height: 1rem;
+  width: 1rem;
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(196 200 205 / var(--tw-border-opacity));
+  border-radius: 4px;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.ndl-form-item input[type='checkbox']:hover:enabled, .ndl-form-item input[type='radio']:hover:enabled{
+  outline-style: solid;
+  outline-width: 10px;
+  outline-offset: 0px;
+  outline-color: rgb(196 200 205 / 0.1);
+}
+.ndl-form-item input[type='checkbox']:focus:enabled, .ndl-form-item input[type='radio']:focus:enabled{
+  outline-style: solid;
+  outline-width: 2px;
+  outline-offset: 1px;
+  outline-color: #006FD6;
+}
+.ndl-form-item input[type='checkbox']:active:enabled, .ndl-form-item input[type='radio']:active:enabled{
+  outline-style: solid;
+  outline-width: 10px;
+  outline-offset: 0px;
+  outline-color: rgb(196 200 205 / 0.2);
+}
+.ndl-form-item input[type='checkbox']:checked, .ndl-form-item input[type='radio']:checked{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 111 214 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+}
+.ndl-form-item input[type='checkbox']:checked:hover, .ndl-form-item input[type='radio']:checked:hover{
+  outline-color: rgb(0 111 214 / 0.1);
+}
+.ndl-form-item input[type='checkbox']:checked:active, .ndl-form-item input[type='radio']:checked:active{
+  outline-style: solid;
+  outline-color: rgb(0 111 214 / 0.2);
+}
+.ndl-form-item input[type='checkbox']:disabled, .ndl-form-item input[type='radio']:disabled{
+  cursor: not-allowed;
+  --tw-border-opacity: 1;
+  border-color: rgb(230 233 238 / var(--tw-border-opacity));
+}
+.ndl-form-item input[type='checkbox']:disabled:checked, .ndl-form-item input[type='radio']:disabled:checked{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+/* Checkbox */
+.ndl-form-item input[type='checkbox']::after {
+      font-size: 14px;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      color: #fff;
+    }
+.ndl-form-item input[type='checkbox']:checked::after {
+      content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7" /></svg>');
+    }
+.ndl-form-item input[type='checkbox']:indeterminate{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 111 214 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+}
+.ndl-form-item input[type='checkbox']:indeterminate::after {
+        content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M18 12H6" /></svg>');
+      }
+.ndl-form-item input[type='checkbox']:disabled{
+  --tw-border-opacity: 1;
+  border-color: rgb(230 233 238 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+/* Switch */
+.ndl-form-item input[type='checkbox'][role='switch'] {
+    --thumb-size: 1rem;
+    --track-size: calc(var(--thumb-size) * 2);
+    border-radius: 9999px;;
+    --tw-bg-opacity: 1;
+    background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+    border-style: none;
+    display: grid;
+    align-items: center;
+
+    grid: [track] 1fr / [track] 1fr;
+    padding: 2px;
+    inline-size: var(--track-size);
+    block-size: var(--thumb-size);
+    touch-action: pan-y;
+    pointer-events: auto;
+    box-sizing: content-box;
+    transition: background-color 0.25s ease;
+  }
+.ndl-form-item input[type='checkbox'][role='switch']:hover:enabled{
+  outline-width: 3px;
+  outline-offset: 0px;
+}
+.ndl-form-item input[type='checkbox'][role='switch']:focus:enabled{
+  outline-width: 2px;
+  outline-offset: 1px;
+}
+.ndl-form-item input[type='checkbox'][role='switch']::before {
+      inline-size: var(--thumb-size);
+      block-size: var(--thumb-size);
+      border-radius: 9999px;;
+
+      transition: transform 0.25s ease, box-shadow 0.25s ease;
+      content: '';
+      grid-area: track;
+      transform: translateX(0);
+      --tw-bg-opacity: 1;
+      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    }
+.ndl-form-item input[type='checkbox'][role='switch']::after {
+      content: '';
+    }
+.ndl-form-item input[type='checkbox'][role='switch']:checked{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+}
+.ndl-form-item input[type='checkbox'][role='switch']:checked::before {
+        transform: translateX(calc(var(--track-size) - var(--thumb-size)));
+      }
+.ndl-form-item input[type='checkbox'][role='switch']:indeterminate{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+.ndl-form-item input[type='checkbox'][role='switch']:indeterminate::before {
+        transform: translateX(
+          calc(var(--track-size) - var(--thumb-size) * 1.5)
+        );
+      }
+.ndl-form-item input[type='checkbox'][role='switch']:disabled{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+/* Radio */
+.ndl-form-item input[type='radio']{
+  border-radius: 9999px;;
+}
+.ndl-form-item input[type='radio']:checked{
+  border-width: 2px;
+}
+.ndl-form-item input[type='radio']:checked::before {
+      content: '';
+      border: 2px solid white;
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      border-radius: 9999px;
+      top: 0;
+    }
+/* Label */
+.ndl-form-item .form-item-label{
+  display: inline-flex;
+  align-items: center;
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+.ndl-form-item .form-item-label.fluid{
+  display: flex;
+  justify-content: space-between;
+}
+.ndl-form-item .form-item-label.label-before{
+  flex-direction: row-reverse;
+}
+.ndl-form-item.disabled .form-item-label{
+  cursor: not-allowed;
+  --tw-text-opacity: 1;
+  color: rgb(230 233 238 / var(--tw-text-opacity));
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-progress-bar-wrapper{
+  display: flex;
+  flex-direction: column;
+}
+.ndl-progress-bar-wrapper .header{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.ndl-progress-bar-wrapper .header .heading{
+  --tw-text-opacity: 1;
+  color: rgb(83 91 102 / var(--tw-text-opacity));
+}
+.ndl-progress-bar-wrapper .header .heading::after {
+      display: inline-block;
+      -webkit-animation: dotty steps(1, end) 2s infinite;
+              animation: dotty steps(1, end) 2s infinite;
+      content: '';
+    }
+@-webkit-keyframes dotty {
+      0% {
+        content: '';
+      }
+      25% {
+        content: '.';
+      }
+      50% {
+        content: '..';
+      }
+      75% {
+        content: '...';
+      }
+      100% {
+        content: '';
+      }
+    }
+@keyframes dotty {
+      0% {
+        content: '';
+      }
+      25% {
+        content: '.';
+      }
+      50% {
+        content: '..';
+      }
+      75% {
+        content: '...';
+      }
+      100% {
+        content: '';
+      }
+    }
+.ndl-progress-bar-wrapper .header .progress-number{
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(83 91 102 / var(--tw-text-opacity));
+}
+.ndl-progress-bar-wrapper .progress-bar-container{
+  margin-top: 6px;
+  margin-bottom: 6px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+.ndl-progress-bar-wrapper .progress-bar-container .progress-bar{
+  --tw-bg-opacity: 1;
+  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
+  --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
+  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  transition-property: width;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 1000ms;
+}
+.ndl-progress-bar-wrapper .details{
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  font-style: italic;
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.ndl-progress-bar-wrapper .details .estimated-time-heading{
+  margin-right: 5px;
+}
+.ndl-progress-bar-wrapper .details .estimated-time{
+  font-weight: 600;
+}
+.ndl-progress-bar-wrapper.large .heading{
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0px;
+}
+.ndl-progress-bar-wrapper.large .progress-number{
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.25px;
+}
+.ndl-progress-bar-wrapper.large .progress-bar-container, .ndl-progress-bar-wrapper.large .progress-bar{
+  height: 0.5rem;
+  min-width: 3%;
+  border-radius: 6px;
+}
+.ndl-progress-bar-wrapper.large .details{
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-progress-bar-wrapper.small .heading{
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-progress-bar-wrapper.small .progress-number{
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-progress-bar-wrapper.small .progress-bar-container, .ndl-progress-bar-wrapper.small .progress-bar{
+  height: 0.25rem;
+  min-width: 2%;
+  border-radius: 4px;
+}
+.ndl-progress-bar-wrapper.small .details{
+  font-size: 12px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-tag{
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+  border-radius: 4px;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 247 250 / var(--tw-bg-opacity));
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-tag .remove-icon{
+  height: 1rem;
+  width: 1rem;
+  --tw-text-opacity: 1;
+  color: rgb(83 91 102 / var(--tw-text-opacity));
+}
+.ndl-tag.destructive{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 230 233 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(204 37 75 / var(--tw-text-opacity));
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-menu{
+  padding: 1rem;
+}
+.ndl-menu.large .menu-item{
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+.ndl-menu.large .menu-item-title{
+  width: 100%;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.25px;
+}
+.ndl-menu.large .menu-item-description{
+  padding-top: 0.25rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-menu.large .menu-item-icon{
+  height: 1rem;
+  width: 1rem;
+}
+.ndl-menu.large .menu-header{
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  padding-top: 0.75rem;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.25px;
+}
+.ndl-menu.large .menu-header .menu-header-title{
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: 0.25px;
+}
+.ndl-menu.large .menu-header .menu-header-description{
+  padding-top: 0.25rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-menu.large .menu-header .menu-header-icon {
+        width: 22px;
+        height: 22px;
+      }
+.ndl-menu .menu-items{
+  display: flex;
+  flex-direction: column;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.ndl-menu .menu-item{
+  z-index: 2;
+  cursor: pointer;
+  padding: 0.5rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.ndl-menu .menu-item:hover:not(.disabled), .ndl-menu .menu-item:focus-visible{
+  border-radius: 8px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 247 250 / var(--tw-bg-opacity));
+}
+.ndl-menu .menu-item.disabled{
+  cursor: default;
+}
+.ndl-menu .menu-item.disabled .menu-item-title{
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.ndl-menu .menu-item.disabled .menu-item-description{
+  --tw-text-opacity: 1;
+  color: rgb(178 183 189 / var(--tw-text-opacity));
+}
+.ndl-menu .menu-item-title{
+  width: 100%;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-menu .menu-item-description{
+  font-size: 12px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.ndl-menu .menu-item-icon{
+  margin-right: 0.5rem;
+  height: 0.75rem;
+  width: 0.75rem;
+}
+.ndl-menu .menu-header{
+  margin-bottom: 1rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.5rem;
+}
+.ndl-menu .menu-header .menu-header-title{
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.25px;
+  font-weight: 700;
+}
+.ndl-menu .menu-header .menu-header-description{
+  font-size: 12px;
+  line-height: 20px;
+  letter-spacing: 0px;
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.ndl-menu .menu-header .menu-header-icon {
+      width: 17px;
+      height: 17px;
+      cursor: pointer;
+    }
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-popover {
+  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1);
+  border-radius: 8px;
+  --tw-border-opacity: 1;
+  border-color: rgb(238 241 246 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
+  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  position: fixed;
+  z-index: 2;
+  display: none;
+  flex-direction: column;
+  border-width: 1px;
+  opacity: 0;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.ndl-popover.enter {
+    opacity: 1;
+  }
+.ndl-popover.open{
+  display: flex;
+}
+.ndl-popover-backdrop{
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  right: 0px;
+  left: 0px;
+  z-index: 1;
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+.ndl-view-selector{
+  position: relative;
+  z-index: 0;
+  display: inline-flex;
+  max-width: none;
+  align-items: center;
+  gap: 0.25rem;
+  overflow: hidden;
+  border-radius: 10px;
+  padding: 0.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(83 91 102 / var(--tw-text-opacity));
+  outline-style: solid;
+  outline-width: 1px;
+  outline-color: #B2B7BD;
+}
+.ndl-view-selector > button{
+  cursor: pointer;
+  border-radius: 8px;
+  --tw-ring-inset: inset;
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(1 139 255 / var(--tw-ring-opacity));
+}
+.ndl-view-selector > button:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.ndl-view-selector > button:hover{
+  background-color: rgba(113,119,128,0.1);
+}
+.ndl-view-selector > button:active{
+  background-color: rgba(113,119,128,0.2);
+}
+.ndl-view-selector .current{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  --tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
+  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.ndl-view-selector .current:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+}
+.ndl-view-selector.large{
+  height: 3rem;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.25px;
+}
+.ndl-view-selector.large .selector-item{
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.ndl-view-selector.large .selector-icon{
+  padding: 10px;
+}
+.ndl-view-selector.large > button{
+  height: 2.5rem;
+}
+.ndl-view-selector.small{
+  height: 2.25rem;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.ndl-view-selector.small .selector-item{
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.ndl-view-selector.small .selector-icon{
+  padding: 6px;
+}
+.ndl-view-selector.small > button{
+  height: 1.75rem;
+}
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+@-webkit-keyframes ndl-spinner {
+  0% {
+    transform: translate3d(0%, 0%, 0) rotate(0deg);
+  }
+  100% {
+    transform: translate3d(0%, 0%, 0) rotate(360deg);
+  }
+}
+@keyframes ndl-spinner {
+  0% {
+    transform: translate3d(0%, 0%, 0) rotate(0deg);
+  }
+  100% {
+    transform: translate3d(0%, 0%, 0) rotate(360deg);
+  }
+}
+.ndl-spin-wrapper.small {
+    height: 14px;
+    width: 14px;
+  }
+.ndl-spin-wrapper.small .spin::before {
+      height: 14px;
+      width: 14px;
+      border-width: 2px;
+    }
+.ndl-spin-wrapper.large {
+    height: 30px;
+    width: 30px;
+  }
+.ndl-spin-wrapper.large .spin::before {
+      height: 30px;
+      width: 30px;
+      border-width: 4px;
+    }
+.ndl-spin-wrapper .spin {
+    position: absolute;
+  }
+.ndl-spin-wrapper .spin::before {
+    -webkit-animation: 1.5s linear infinite ndl-spinner;
+            animation: 1.5s linear infinite ndl-spinner;
+    -webkit-animation-play-state: inherit;
+            animation-play-state: inherit;
+    border-radius: 50%;
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate3d(0%, 0%, 0);
+    will-change: transform;
+    border-style: solid;
+    border-color: rgb(230 233 238 / var(--tw-border-opacity));
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(0 111 214 / var(--tw-border-opacity));
+  }
+.n-m-auto{
+  margin: auto;
+}
+.n-my-2{
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.n-mx-4{
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.n-my-5{
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+.n-mr-1{
+  margin-right: 0.25rem;
+}
+.n-mt-4{
+  margin-top: 1rem;
+}
+.n-flex{
+  display: flex;
+}
+.n-table{
+  display: table;
+}
+.n-table-cell{
+  display: table-cell;
+}
+.n-h-5{
+  height: 1.25rem;
+}
+.n-h-10{
+  height: 2.5rem;
+}
+.n-h-6{
+  height: 1.5rem;
+}
+.n-h-full{
+  height: 100%;
+}
+.n-h-12{
+  height: 3rem;
+}
+.n-h-52{
+  height: 13rem;
+}
+.n-w-5{
+  width: 1.25rem;
+}
+.n-w-10{
+  width: 2.5rem;
+}
+.n-w-6{
+  width: 1.5rem;
+}
+.n-w-full{
+  width: 100%;
+}
+.n-w-60{
+  width: 15rem;
+}
+.n-w-52{
+  width: 13rem;
+}
+.n-transform{
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.n-flex-row{
+  flex-direction: row;
+}
+.n-flex-col{
+  flex-direction: column;
+}
+.n-flex-wrap{
+  flex-wrap: wrap;
+}
+.n-items-start{
+  align-items: flex-start;
+}
+.n-items-center{
+  align-items: center;
+}
+.n-justify-between{
+  justify-content: space-between;
+}
+.n-gap-12{
+  gap: 3rem;
+}
+.n-gap-2{
+  gap: 0.5rem;
+}
+.n-gap-x-12{
+  -moz-column-gap: 3rem;
+       column-gap: 3rem;
+}
+.n-gap-y-2{
+  row-gap: 0.5rem;
+}
+.n-space-y-3 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+.n-space-x-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.n-overflow-x-scroll{
+  overflow-x: scroll;
+}
+.n-whitespace-nowrap{
+  white-space: nowrap;
+}
+.n-rounded-lg{
+  border-radius: 8px;
+}
+.n-border-neutral-70{
+  --tw-border-opacity: 1;
+  border-color: rgb(113 119 128 / var(--tw-border-opacity));
+}
+.n-border-neutral-60{
+  --tw-border-opacity: 1;
+  border-color: rgb(178 183 189 / var(--tw-border-opacity));
+}
+.n-border-b-neutral-40{
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(230 233 238 / var(--tw-border-opacity));
+}
+.n-bg-primary-10{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 248 255 / var(--tw-bg-opacity));
+}
+.n-bg-primary-20{
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 226 255 / var(--tw-bg-opacity));
+}
+.n-bg-primary-30{
+  --tw-bg-opacity: 1;
+  background-color: rgb(122 209 255 / var(--tw-bg-opacity));
+}
+.n-bg-primary-40{
+  --tw-bg-opacity: 1;
+  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
+}
+.n-bg-primary-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+}
+.n-bg-primary-60{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 86 179 / var(--tw-bg-opacity));
+}
+.n-bg-primary-70{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 64 146 / var(--tw-bg-opacity));
+}
+.n-bg-danger-10{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 230 233 / var(--tw-bg-opacity));
+}
+.n-bg-danger-20{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 184 196 / var(--tw-bg-opacity));
+}
+.n-bg-danger-30{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 102 138 / var(--tw-bg-opacity));
+}
+.n-bg-danger-40{
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 18 82 / var(--tw-bg-opacity));
+}
+.n-bg-danger-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 37 75 / var(--tw-bg-opacity));
+}
+.n-bg-danger-60{
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 0 59 / var(--tw-bg-opacity));
+}
+.n-bg-danger-70{
+  --tw-bg-opacity: 1;
+  background-color: rgb(122 0 49 / var(--tw-bg-opacity));
+}
+.n-bg-success-10{
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 250 239 / var(--tw-bg-opacity));
+}
+.n-bg-success-20{
+  --tw-bg-opacity: 1;
+  background-color: rgb(152 237 203 / var(--tw-bg-opacity));
+}
+.n-bg-success-30{
+  --tw-bg-opacity: 1;
+  background-color: rgb(68 212 164 / var(--tw-bg-opacity));
+}
+.n-bg-success-40{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 186 136 / var(--tw-bg-opacity));
+}
+.n-bg-success-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(50 125 96 / var(--tw-bg-opacity));
+}
+.n-bg-success-60{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 110 88 / var(--tw-bg-opacity));
+}
+.n-bg-success-70{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 71 59 / var(--tw-bg-opacity));
+}
+.n-bg-warning-10{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 222 / var(--tw-bg-opacity));
+}
+.n-bg-warning-20{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 244 181 / var(--tw-bg-opacity));
+}
+.n-bg-warning-30{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 234 140 / var(--tw-bg-opacity));
+}
+.n-bg-warning-40{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 222 99 / var(--tw-bg-opacity));
+}
+.n-bg-warning-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 181 74 / var(--tw-bg-opacity));
+}
+.n-bg-warning-60{
+  --tw-bg-opacity: 1;
+  background-color: rgb(150 108 46 / var(--tw-bg-opacity));
+}
+.n-bg-warning-70{
+  --tw-bg-opacity: 1;
+  background-color: rgb(102 72 23 / var(--tw-bg-opacity));
+}
+.n-bg-blueberry-10{
+  --tw-bg-opacity: 1;
+  background-color: rgb(232 235 246 / var(--tw-bg-opacity));
+}
+.n-bg-blueberry-20{
+  --tw-bg-opacity: 1;
+  background-color: rgb(196 204 233 / var(--tw-bg-opacity));
+}
+.n-bg-blueberry-30{
+  --tw-bg-opacity: 1;
+  background-color: rgb(157 171 217 / var(--tw-bg-opacity));
+}
+.n-bg-blueberry-40{
+  --tw-bg-opacity: 1;
+  background-color: rgb(118 138 202 / var(--tw-bg-opacity));
+}
+.n-bg-blueberry-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(53 87 180 / var(--tw-bg-opacity));
+}
+.n-bg-blueberry-60{
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 69 158 / var(--tw-bg-opacity));
+}
+.n-bg-blueberry-70{
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 41 125 / var(--tw-bg-opacity));
+}
+.n-bg-mint-10{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 255 250 / var(--tw-bg-opacity));
+}
+.n-bg-mint-20{
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 255 244 / var(--tw-bg-opacity));
+}
+.n-bg-mint-30{
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 255 238 / var(--tw-bg-opacity));
+}
+.n-bg-mint-40{
+  --tw-bg-opacity: 1;
+  background-color: rgb(85 249 226 / var(--tw-bg-opacity));
+}
+.n-bg-mint-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(61 212 197 / var(--tw-bg-opacity));
+}
+.n-bg-mint-60{
+  --tw-bg-opacity: 1;
+  background-color: rgb(42 173 165 / var(--tw-bg-opacity));
+}
+.n-bg-mint-70{
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 97 97 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-10{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-20{
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 247 250 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-30{
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 241 246 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-40{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(196 200 205 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-60{
+  --tw-bg-opacity: 1;
+  background-color: rgb(178 183 189 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-70{
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 119 128 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-80{
+  --tw-bg-opacity: 1;
+  background-color: rgb(83 91 102 / var(--tw-bg-opacity));
+}
+.n-bg-neutral-90{
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 30 41 / var(--tw-bg-opacity));
+}
+.n-p-4{
+  padding: 1rem;
+}
+.n-p-14{
+  padding: 3.5rem;
+}
+.n-px-3{
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.n-px-8{
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.n-font-sans{
+  font-family: "Nunito Sans";
+}
+.n-text-body-medium{
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0px;
+}
+.n-capitalize{
+  text-transform: capitalize;
+}
+.n-text-primary-10{
+  --tw-text-opacity: 1;
+  color: rgb(230 248 255 / var(--tw-text-opacity));
+}
+.n-text-primary-20{
+  --tw-text-opacity: 1;
+  color: rgb(163 226 255 / var(--tw-text-opacity));
+}
+.n-text-primary-30{
+  --tw-text-opacity: 1;
+  color: rgb(122 209 255 / var(--tw-text-opacity));
+}
+.n-text-primary-40{
+  --tw-text-opacity: 1;
+  color: rgb(1 139 255 / var(--tw-text-opacity));
+}
+.n-text-primary-50{
+  --tw-text-opacity: 1;
+  color: rgb(0 111 214 / var(--tw-text-opacity));
+}
+.n-text-primary-60{
+  --tw-text-opacity: 1;
+  color: rgb(0 86 179 / var(--tw-text-opacity));
+}
+.n-text-primary-70{
+  --tw-text-opacity: 1;
+  color: rgb(0 64 146 / var(--tw-text-opacity));
+}
+.n-text-danger-10{
+  --tw-text-opacity: 1;
+  color: rgb(255 230 233 / var(--tw-text-opacity));
+}
+.n-text-danger-20{
+  --tw-text-opacity: 1;
+  color: rgb(255 184 196 / var(--tw-text-opacity));
+}
+.n-text-danger-30{
+  --tw-text-opacity: 1;
+  color: rgb(255 102 138 / var(--tw-text-opacity));
+}
+.n-text-danger-40{
+  --tw-text-opacity: 1;
+  color: rgb(237 18 82 / var(--tw-text-opacity));
+}
+.n-text-danger-50{
+  --tw-text-opacity: 1;
+  color: rgb(204 37 75 / var(--tw-text-opacity));
+}
+.n-text-danger-60{
+  --tw-text-opacity: 1;
+  color: rgb(161 0 59 / var(--tw-text-opacity));
+}
+.n-text-danger-70{
+  --tw-text-opacity: 1;
+  color: rgb(122 0 49 / var(--tw-text-opacity));
+}
+.n-text-success-10{
+  --tw-text-opacity: 1;
+  color: rgb(225 250 239 / var(--tw-text-opacity));
+}
+.n-text-success-20{
+  --tw-text-opacity: 1;
+  color: rgb(152 237 203 / var(--tw-text-opacity));
+}
+.n-text-success-30{
+  --tw-text-opacity: 1;
+  color: rgb(68 212 164 / var(--tw-text-opacity));
+}
+.n-text-success-40{
+  --tw-text-opacity: 1;
+  color: rgb(0 186 136 / var(--tw-text-opacity));
+}
+.n-text-success-50{
+  --tw-text-opacity: 1;
+  color: rgb(50 125 96 / var(--tw-text-opacity));
+}
+.n-text-success-60{
+  --tw-text-opacity: 1;
+  color: rgb(0 110 88 / var(--tw-text-opacity));
+}
+.n-text-success-70{
+  --tw-text-opacity: 1;
+  color: rgb(0 71 59 / var(--tw-text-opacity));
+}
+.n-text-warning-10{
+  --tw-text-opacity: 1;
+  color: rgb(255 251 222 / var(--tw-text-opacity));
+}
+.n-text-warning-20{
+  --tw-text-opacity: 1;
+  color: rgb(255 244 181 / var(--tw-text-opacity));
+}
+.n-text-warning-30{
+  --tw-text-opacity: 1;
+  color: rgb(255 234 140 / var(--tw-text-opacity));
+}
+.n-text-warning-40{
+  --tw-text-opacity: 1;
+  color: rgb(255 222 99 / var(--tw-text-opacity));
+}
+.n-text-warning-50{
+  --tw-text-opacity: 1;
+  color: rgb(217 181 74 / var(--tw-text-opacity));
+}
+.n-text-warning-60{
+  --tw-text-opacity: 1;
+  color: rgb(150 108 46 / var(--tw-text-opacity));
+}
+.n-text-warning-70{
+  --tw-text-opacity: 1;
+  color: rgb(102 72 23 / var(--tw-text-opacity));
+}
+.n-text-blueberry-10{
+  --tw-text-opacity: 1;
+  color: rgb(232 235 246 / var(--tw-text-opacity));
+}
+.n-text-blueberry-20{
+  --tw-text-opacity: 1;
+  color: rgb(196 204 233 / var(--tw-text-opacity));
+}
+.n-text-blueberry-30{
+  --tw-text-opacity: 1;
+  color: rgb(157 171 217 / var(--tw-text-opacity));
+}
+.n-text-blueberry-40{
+  --tw-text-opacity: 1;
+  color: rgb(118 138 202 / var(--tw-text-opacity));
+}
+.n-text-blueberry-50{
+  --tw-text-opacity: 1;
+  color: rgb(53 87 180 / var(--tw-text-opacity));
+}
+.n-text-blueberry-60{
+  --tw-text-opacity: 1;
+  color: rgb(37 69 158 / var(--tw-text-opacity));
+}
+.n-text-blueberry-70{
+  --tw-text-opacity: 1;
+  color: rgb(11 41 125 / var(--tw-text-opacity));
+}
+.n-text-mint-10{
+  --tw-text-opacity: 1;
+  color: rgb(240 255 250 / var(--tw-text-opacity));
+}
+.n-text-mint-20{
+  --tw-text-opacity: 1;
+  color: rgb(209 255 244 / var(--tw-text-opacity));
+}
+.n-text-mint-30{
+  --tw-text-opacity: 1;
+  color: rgb(168 255 238 / var(--tw-text-opacity));
+}
+.n-text-mint-40{
+  --tw-text-opacity: 1;
+  color: rgb(85 249 226 / var(--tw-text-opacity));
+}
+.n-text-mint-50{
+  --tw-text-opacity: 1;
+  color: rgb(61 212 197 / var(--tw-text-opacity));
+}
+.n-text-mint-60{
+  --tw-text-opacity: 1;
+  color: rgb(42 173 165 / var(--tw-text-opacity));
+}
+.n-text-mint-70{
+  --tw-text-opacity: 1;
+  color: rgb(17 97 97 / var(--tw-text-opacity));
+}
+.n-text-neutral-10{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.n-text-neutral-20{
+  --tw-text-opacity: 1;
+  color: rgb(245 247 250 / var(--tw-text-opacity));
+}
+.n-text-neutral-30{
+  --tw-text-opacity: 1;
+  color: rgb(238 241 246 / var(--tw-text-opacity));
+}
+.n-text-neutral-40{
+  --tw-text-opacity: 1;
+  color: rgb(230 233 238 / var(--tw-text-opacity));
+}
+.n-text-neutral-50{
+  --tw-text-opacity: 1;
+  color: rgb(196 200 205 / var(--tw-text-opacity));
+}
+.n-text-neutral-60{
+  --tw-text-opacity: 1;
+  color: rgb(178 183 189 / var(--tw-text-opacity));
+}
+.n-text-neutral-70{
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.n-text-neutral-80{
+  --tw-text-opacity: 1;
+  color: rgb(83 91 102 / var(--tw-text-opacity));
+}
+.n-text-neutral-90{
+  --tw-text-opacity: 1;
+  color: rgb(21 30 41 / var(--tw-text-opacity));
+}
+.n-duration-200{
+  transition-duration: 200ms;
+}
+.n-ease-in-out{
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.\[http\:\/\/neo4j\.com\]{
+  http: //neo4j.com;
+}
+* {
+  font-family: 'Nunito Sans', sans-serif;
+}
+.hover\:n-rotate-12:hover{
+  --tw-rotate: 12deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.hover\:n-bg-primary-10:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 248 255 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-primary-20:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 226 255 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-primary-30:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(122 209 255 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-primary-40:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(1 139 255 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-primary-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 111 214 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-primary-60:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 86 179 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-primary-70:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 64 146 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-danger-10:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 230 233 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-danger-20:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 184 196 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-danger-30:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 102 138 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-danger-40:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 18 82 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-danger-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 37 75 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-danger-60:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 0 59 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-danger-70:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(122 0 49 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-success-10:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 250 239 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-success-20:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(152 237 203 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-success-30:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(68 212 164 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-success-40:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 186 136 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-success-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(50 125 96 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-success-60:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 110 88 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-success-70:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 71 59 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-warning-10:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 222 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-warning-20:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 244 181 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-warning-30:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 234 140 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-warning-40:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 222 99 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-warning-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 181 74 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-warning-60:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(150 108 46 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-warning-70:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(102 72 23 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-blueberry-10:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(232 235 246 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-blueberry-20:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(196 204 233 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-blueberry-30:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(157 171 217 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-blueberry-40:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(118 138 202 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-blueberry-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(53 87 180 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-blueberry-60:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 69 158 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-blueberry-70:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 41 125 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-mint-10:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 255 250 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-mint-20:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 255 244 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-mint-30:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 255 238 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-mint-40:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(85 249 226 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-mint-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(61 212 197 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-mint-60:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(42 173 165 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-mint-70:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 97 97 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-10:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-20:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 247 250 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-30:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 241 246 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-40:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 233 238 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(196 200 205 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-60:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(178 183 189 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-70:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 119 128 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-80:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(83 91 102 / var(--tw-bg-opacity));
+}
+.hover\:n-bg-neutral-90:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 30 41 / var(--tw-bg-opacity));
+}
+.hover\:n-text-primary-10:hover{
+  --tw-text-opacity: 1;
+  color: rgb(230 248 255 / var(--tw-text-opacity));
+}
+.hover\:n-text-primary-20:hover{
+  --tw-text-opacity: 1;
+  color: rgb(163 226 255 / var(--tw-text-opacity));
+}
+.hover\:n-text-primary-30:hover{
+  --tw-text-opacity: 1;
+  color: rgb(122 209 255 / var(--tw-text-opacity));
+}
+.hover\:n-text-primary-40:hover{
+  --tw-text-opacity: 1;
+  color: rgb(1 139 255 / var(--tw-text-opacity));
+}
+.hover\:n-text-primary-50:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 111 214 / var(--tw-text-opacity));
+}
+.hover\:n-text-primary-60:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 86 179 / var(--tw-text-opacity));
+}
+.hover\:n-text-primary-70:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 64 146 / var(--tw-text-opacity));
+}
+.hover\:n-text-danger-10:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 230 233 / var(--tw-text-opacity));
+}
+.hover\:n-text-danger-20:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 184 196 / var(--tw-text-opacity));
+}
+.hover\:n-text-danger-30:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 102 138 / var(--tw-text-opacity));
+}
+.hover\:n-text-danger-40:hover{
+  --tw-text-opacity: 1;
+  color: rgb(237 18 82 / var(--tw-text-opacity));
+}
+.hover\:n-text-danger-50:hover{
+  --tw-text-opacity: 1;
+  color: rgb(204 37 75 / var(--tw-text-opacity));
+}
+.hover\:n-text-danger-60:hover{
+  --tw-text-opacity: 1;
+  color: rgb(161 0 59 / var(--tw-text-opacity));
+}
+.hover\:n-text-danger-70:hover{
+  --tw-text-opacity: 1;
+  color: rgb(122 0 49 / var(--tw-text-opacity));
+}
+.hover\:n-text-success-10:hover{
+  --tw-text-opacity: 1;
+  color: rgb(225 250 239 / var(--tw-text-opacity));
+}
+.hover\:n-text-success-20:hover{
+  --tw-text-opacity: 1;
+  color: rgb(152 237 203 / var(--tw-text-opacity));
+}
+.hover\:n-text-success-30:hover{
+  --tw-text-opacity: 1;
+  color: rgb(68 212 164 / var(--tw-text-opacity));
+}
+.hover\:n-text-success-40:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 186 136 / var(--tw-text-opacity));
+}
+.hover\:n-text-success-50:hover{
+  --tw-text-opacity: 1;
+  color: rgb(50 125 96 / var(--tw-text-opacity));
+}
+.hover\:n-text-success-60:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 110 88 / var(--tw-text-opacity));
+}
+.hover\:n-text-success-70:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 71 59 / var(--tw-text-opacity));
+}
+.hover\:n-text-warning-10:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 251 222 / var(--tw-text-opacity));
+}
+.hover\:n-text-warning-20:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 244 181 / var(--tw-text-opacity));
+}
+.hover\:n-text-warning-30:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 234 140 / var(--tw-text-opacity));
+}
+.hover\:n-text-warning-40:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 222 99 / var(--tw-text-opacity));
+}
+.hover\:n-text-warning-50:hover{
+  --tw-text-opacity: 1;
+  color: rgb(217 181 74 / var(--tw-text-opacity));
+}
+.hover\:n-text-warning-60:hover{
+  --tw-text-opacity: 1;
+  color: rgb(150 108 46 / var(--tw-text-opacity));
+}
+.hover\:n-text-warning-70:hover{
+  --tw-text-opacity: 1;
+  color: rgb(102 72 23 / var(--tw-text-opacity));
+}
+.hover\:n-text-blueberry-10:hover{
+  --tw-text-opacity: 1;
+  color: rgb(232 235 246 / var(--tw-text-opacity));
+}
+.hover\:n-text-blueberry-20:hover{
+  --tw-text-opacity: 1;
+  color: rgb(196 204 233 / var(--tw-text-opacity));
+}
+.hover\:n-text-blueberry-30:hover{
+  --tw-text-opacity: 1;
+  color: rgb(157 171 217 / var(--tw-text-opacity));
+}
+.hover\:n-text-blueberry-40:hover{
+  --tw-text-opacity: 1;
+  color: rgb(118 138 202 / var(--tw-text-opacity));
+}
+.hover\:n-text-blueberry-50:hover{
+  --tw-text-opacity: 1;
+  color: rgb(53 87 180 / var(--tw-text-opacity));
+}
+.hover\:n-text-blueberry-60:hover{
+  --tw-text-opacity: 1;
+  color: rgb(37 69 158 / var(--tw-text-opacity));
+}
+.hover\:n-text-blueberry-70:hover{
+  --tw-text-opacity: 1;
+  color: rgb(11 41 125 / var(--tw-text-opacity));
+}
+.hover\:n-text-mint-10:hover{
+  --tw-text-opacity: 1;
+  color: rgb(240 255 250 / var(--tw-text-opacity));
+}
+.hover\:n-text-mint-20:hover{
+  --tw-text-opacity: 1;
+  color: rgb(209 255 244 / var(--tw-text-opacity));
+}
+.hover\:n-text-mint-30:hover{
+  --tw-text-opacity: 1;
+  color: rgb(168 255 238 / var(--tw-text-opacity));
+}
+.hover\:n-text-mint-40:hover{
+  --tw-text-opacity: 1;
+  color: rgb(85 249 226 / var(--tw-text-opacity));
+}
+.hover\:n-text-mint-50:hover{
+  --tw-text-opacity: 1;
+  color: rgb(61 212 197 / var(--tw-text-opacity));
+}
+.hover\:n-text-mint-60:hover{
+  --tw-text-opacity: 1;
+  color: rgb(42 173 165 / var(--tw-text-opacity));
+}
+.hover\:n-text-mint-70:hover{
+  --tw-text-opacity: 1;
+  color: rgb(17 97 97 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-10:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-20:hover{
+  --tw-text-opacity: 1;
+  color: rgb(245 247 250 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-30:hover{
+  --tw-text-opacity: 1;
+  color: rgb(238 241 246 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-40:hover{
+  --tw-text-opacity: 1;
+  color: rgb(230 233 238 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-50:hover{
+  --tw-text-opacity: 1;
+  color: rgb(196 200 205 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-60:hover{
+  --tw-text-opacity: 1;
+  color: rgb(178 183 189 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-70:hover{
+  --tw-text-opacity: 1;
+  color: rgb(113 119 128 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-80:hover{
+  --tw-text-opacity: 1;
+  color: rgb(83 91 102 / var(--tw-text-opacity));
+}
+.hover\:n-text-neutral-90:hover{
+  --tw-text-opacity: 1;
+  color: rgb(21 30 41 / var(--tw-text-opacity));
+}
+@media (min-width: 640px){
+  .sm\:n-space-y-0 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+  .sm\:n-space-x-4 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+}