@charset 'UTF-8';.diagram-componentSQL {
    width: 100%;
    /*min-height: calc(100vh - 30em);*/
    height: 100%;
    /* overflow: scroll; */
    border: none;
    /* background-color: white; */
    /*background-image: linear-gradient(#D5E2C1, #AFCCB7, #79ADA7);*/
}

.gshDisplay {
  border-color: #cba7ad;
  opacity: 7%;
  margin-bottom: 18px;
}

.diagram-component-acd {
    width: 100%;
    height: 800px;
    border: solid 1px black;
    background-color: white;
}

.diagram-component-pwv {
    width: 100%;
    height: 800px;
    border: solid 1px black;
    background-color: #EEF6FB;
}

.m-btm {
    margin-bottom: 15px;
}

.m-top {
    margin-top: 15px;
}/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}
@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('/assets/CircularStd-Book-BWgYlvrF.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src: local('CircularStd'), url('/assets/CircularStd-Medium-NvNSpgrv.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('/assets/CircularStd-Bold-J8JheNYA.otf') format('opentype');
}

 /* Document
 * ========================================================================== */

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  background-repeat: no-repeat; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(:root) {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  overflow-wrap: break-word; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -webkit-tap-highlight-color: transparent; /* 5 */
  -webkit-text-size-adjust: 100%; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

:where(body) {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */

:where(hr) {
  color: inherit; /* 1 */
  height: 0; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

:where(nav li)::before {
  content: "\200B";
  float: left;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

:where(pre) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

:where(svg:not([fill])) {
  fill: currentColor;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

:where(fieldset) {
  border: 1px solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */

:where(textarea) {
  margin: 0; /* 1 */
  resize: vertical; /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where([type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */

:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

:where([aria-busy="true" i]) {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

:where([aria-controls]) {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
.lazy-load-image-background.blur {
  filter: blur(15px);
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
  filter: blur(0);
  transition: filter .3s;
}

.lazy-load-image-background.blur > img {
  opacity: 0;
}

.lazy-load-image-background.blur.lazy-load-image-loaded > img {
  opacity: 1;
  transition: opacity .3s;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/assets/ajax-loader-BcnMEykj.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=');
    src: url('data:application/vnd.ms-fontobject;base64,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') format('embedded-opentype'), url('data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF') format('woff'), url('data:font/ttf;base64,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') format('truetype'), url('/assets/slick-BlzDm7g2.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
:root,
:root[data-theme='light'] {

  /* =========================
     QUEST PALETTE
     ========================= */

  /* Primary */
  --quest-dark-blue: #1f3a63;
  --quest-medium-blue: #1e84d6;
  --quest-midnight-blue: #020a1c;

  /* Secondary */
  --quest-lime: #a6c400;
  --quest-orange: #ff5500;

  /* Accent */
  --quest-bright-blue: #59b6c9;
  --quest-bright-lime: #d4f000;
  --quest-yellow: #f3cc1b;

  /* Neutral */
  --quest-black: #000000;
  --quest-gray: #7a7c80;
  --quest-light-gray: #c7c8ca;
  --quest-white: #ffffff;
  --quest-text-color: #000000;



  /* =========================
     UNTITLED UI PALETTE
     ========================= */
   --colors-background-bg-active: #fafafa;
   --colors-background-bg-brand-primary: #f9f5ff;
   --colors-background-bg-brand-primary_alt: #f9f5ff;
   --colors-background-bg-brand-secondary: #f4ebff;
   --colors-background-bg-brand-secondary-solid: #ee46bc;
   --colors-background-bg-brand-section: #53389e;
   --colors-background-bg-brand-section_subtle: #6941c6;
   --colors-background-bg-brand-solid: #7f56d9;
   --colors-background-bg-brand-solid_hover: #6941c6;
   --colors-background-bg-disabled: #f5f5f5;
   --colors-background-bg-disabled_subtle: #fafafa;
   --colors-background-bg-error-primary: #fef3f2;
   --colors-background-bg-error-secondary: #fee4e2;
   --colors-background-bg-error-solid: #d92d20;
   --colors-background-bg-error-solid_hover: #b42318;
   --colors-background-bg-overlay: #0a0d12;
   --colors-background-bg-primary: #ffffff;
   --colors-background-bg-primary-solid: #0a0d12;
   --colors-background-bg-primary_alt: #ffffff;
   --colors-background-bg-primary_hover: #fafafa;
   --colors-background-bg-quaternary: #e9eaeb;
   --colors-background-bg-secondary: #fafafa;
   --colors-background-bg-secondary-solid: #535862;
   --colors-background-bg-secondary_alt: #fafafa;
   --colors-background-bg-secondary_hover: #f5f5f5;
   --colors-background-bg-secondary_subtle: #fdfdfd;
   --colors-background-bg-success-primary: #ecfdf3;
   --colors-background-bg-success-secondary: #dcfae6;
   --colors-background-bg-success-solid: #079455;
   --colors-background-bg-tertiary: #f5f5f5;
   --colors-background-bg-warning-primary: #fffaeb;
   --colors-background-bg-warning-secondary: #fef0c7;
   --colors-background-bg-warning-solid: #dc6803;
   --colors-border-border-brand: #9e77ed;
   --colors-border-border-brand-secondary: #ee46bc;
   --colors-border-border-brand_alt: #7f56d9;
   --colors-border-border-disabled: #d5d7da;
   --colors-border-border-disabled_subtle: #e9eaeb;
   --colors-border-border-error: #f04438;
   --colors-border-border-error_subtle: #fda29b;
   --colors-border-border-primary: #a4a7ae;
   --colors-border-border-secondary: #d5d7da;
   --colors-border-border-secondary_alt: rgba(0, 0, 0, 0.08);
   --colors-border-border-tertiary: #f5f5f5;
   --colors-effects-focus-rings-focus-ring: #9e77ed;
   --colors-effects-focus-rings-focus-ring-error: #f04438;
   --colors-effects-portfolio-mockups-shadow-grid-md: rgba(10, 13, 18, 0.08);
   --colors-effects-portfolio-mockups-shadow-main-centre-lg: rgba(10, 13, 18, 0.18);
   --colors-effects-portfolio-mockups-shadow-main-centre-md: rgba(10, 13, 18, 0.14);
   --colors-effects-portfolio-mockups-shadow-overlay-lg: rgba(10, 13, 18, 0.12);
   --colors-effects-shadows-shadow-2xl_01: rgba(10, 13, 18, 0.18);
   --colors-effects-shadows-shadow-2xl_02: rgba(10, 13, 18, 0.04);
   --colors-effects-shadows-shadow-3xl_01: rgba(10, 13, 18, 0.14);
   --colors-effects-shadows-shadow-3xl_02: rgba(10, 13, 18, 0.04);
   --colors-effects-shadows-shadow-lg_01: rgba(10, 13, 18, 0.08);
   --colors-effects-shadows-shadow-lg_02: rgba(10, 13, 18, 0.03);
   --colors-effects-shadows-shadow-lg_03: rgba(10, 13, 18, 0.04);
   --colors-effects-shadows-shadow-md_01: rgba(10, 13, 18, 0.1);
   --colors-effects-shadows-shadow-md_02: rgba(10, 13, 18, 0.06);
   --colors-effects-shadows-shadow-skeumorphic-inner: rgba(10, 13, 18, 0.05);
   --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(10, 13, 18, 0.18);
   --colors-effects-shadows-shadow-sm_01: rgba(10, 13, 18, 0.1);
   --colors-effects-shadows-shadow-sm_02: rgba(10, 13, 18, 0.1);
   --colors-effects-shadows-shadow-xl_01: rgba(10, 13, 18, 0.08);
   --colors-effects-shadows-shadow-xl_02: rgba(10, 13, 18, 0.03);
   --colors-effects-shadows-shadow-xl_03: rgba(10, 13, 18, 0.04);
   --colors-effects-shadows-shadow-xs: rgba(10, 13, 18, 0.05);
   --colors-foreground-fg-brand-primary-600: #7f56d9;
   --colors-foreground-fg-brand-primary_alt: var(--colors-foreground-fg-brand-primary-600);
   --colors-foreground-fg-brand-secondary-500: #9e77ed;
   --colors-foreground-fg-brand-secondary_alt: var(--colors-foreground-fg-brand-secondary-500);
   --colors-foreground-fg-brand-secondary_hover: #7f56d9;
   --colors-foreground-fg-disabled: #a4a7ae;
   --colors-foreground-fg-disabled_subtle: #d5d7da;
   --colors-foreground-fg-error-primary: #d92d20;
   --colors-foreground-fg-error-secondary: #f04438;
   --colors-foreground-fg-primary-900: #181d27;
   --colors-foreground-fg-quaternary-400: #a4a7ae;
   --colors-foreground-fg-quaternary_hover: #717680;
   --colors-foreground-fg-secondary-700: #414651;
   --colors-foreground-fg-secondary-brand: #ee46bc;
   --colors-foreground-fg-secondary-brand_alt: #ee46bc;
   --colors-foreground-fg-secondary-brand_hover: #dd2590;
   --colors-foreground-fg-secondary_hover: #252b37;
   --colors-foreground-fg-success-primary: #079455;
   --colors-foreground-fg-success-secondary: #17b26a;
   --colors-foreground-fg-tertiary-600: #535862;
   --colors-foreground-fg-tertiary_hover: #414651;
   --colors-foreground-fg-warning-primary: #dc6803;
   --colors-foreground-fg-warning-secondary: #f79009;
   --colors-foreground-fg-white: #ffffff;
   --colors-icon-icon-primary: #717680;
   --colors-icon-icon-primary_hover: #a4a7ae;
   --colors-text-text-brand-primary-900: #42307d;
   --colors-text-text-brand-secondary-700: #6941c6;
   --colors-text-text-brand-secondary_hover: #53389e;
   --colors-text-text-brand-tertiary-600: #7f56d9;
   --colors-text-text-brand-tertiary_alt: #7f56d9;
   --colors-text-text-disabled: #717680;
   --colors-text-text-error-primary-600: #d92d20;
   --colors-text-text-error-primary_hover: #b42318;
   --colors-text-text-placeholder: #717680;
   --colors-text-text-placeholder_subtle: #a4a7ae;
   --colors-text-text-primary-900: #181d27;
   --colors-text-text-primary_on-brand: #ffffff;
   --colors-text-text-quaternary-500: #717680;
   --colors-text-text-quaternary_on-brand: #d6bbfb;
   --colors-text-text-secondary-700: #414651;
   --colors-text-text-secondary-brand: #dd2590;
   --colors-text-text-secondary_hover: #252b37;
   --colors-text-text-secondary_on-brand: #e9d7fe;
   --colors-text-text-success-primary-600: #079455;
   --colors-text-text-tertiary-600: #535862;
   --colors-text-text-tertiary_hover: #414651;
   --colors-text-text-tertiary_on-brand: #e9d7fe;
   --colors-text-text-warning-primary-600: #dc6803;
   --colors-text-text-white: #ffffff;
   --component-colors-alpha-alpha-black-10: rgba(0, 0, 0, 0.1);
   --component-colors-alpha-alpha-black-100: #000000;
   --component-colors-alpha-alpha-black-20: rgba(0, 0, 0, 0.2);
   --component-colors-alpha-alpha-black-30: rgba(0, 0, 0, 0.3);
   --component-colors-alpha-alpha-black-40: rgba(0, 0, 0, 0.4);
   --component-colors-alpha-alpha-black-50: rgba(0, 0, 0, 0.5);
   --component-colors-alpha-alpha-black-60: rgba(0, 0, 0, 0.6);
   --component-colors-alpha-alpha-black-70: rgba(0, 0, 0, 0.7);
   --component-colors-alpha-alpha-black-80: rgba(0, 0, 0, 0.8);
   --component-colors-alpha-alpha-black-90: rgba(0, 0, 0, 0.9);
   --component-colors-alpha-alpha-white-10: rgba(255, 255, 255, 0.1);
   --component-colors-alpha-alpha-white-100: #ffffff;
   --component-colors-alpha-alpha-white-20: rgba(255, 255, 255, 0.2);
   --component-colors-alpha-alpha-white-30: rgba(255, 255, 255, 0.3);
   --component-colors-alpha-alpha-white-40: rgba(255, 255, 255, 0.4);
   --component-colors-alpha-alpha-white-50: rgba(255, 255, 255, 0.5);
   --component-colors-alpha-alpha-white-60: rgba(255, 255, 255, 0.6);
   --component-colors-alpha-alpha-white-70: rgba(255, 255, 255, 0.7);
   --component-colors-alpha-alpha-white-80: rgba(255, 255, 255, 0.8);
   --component-colors-alpha-alpha-white-90: rgba(255, 255, 255, 0.9);
   --component-colors-components-app-store-badges-app-store-badge-border: #a6a6a6;
   --component-colors-components-avatars-avatar-styles-bg-neutral: #e0e0e0;
   --component-colors-components-buttons-button-destructive-primary-icon: #fda29b;
   --component-colors-components-buttons-button-destructive-primary-icon_hover: #fecdca;
   --component-colors-components-buttons-button-primary-icon: #d6bbfb;
   --component-colors-components-buttons-button-primary-icon_hover: #e9d7fe;
   --component-colors-components-footers-footer-button-fg: #e9d7fe;
   --component-colors-components-footers-footer-button-fg_hover: #ffffff;
   --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: #7f56d9;
   --component-colors-components-icons-featured-icons-featured-icon-light-fg-error: #d92d20;
   --component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: #717680;
   --component-colors-components-icons-featured-icons-featured-icon-light-fg-success: #079455;
   --component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: #dc6803;
   --component-colors-components-icons-icons-icon-fg-brand: #7f56d9;
   --component-colors-components-icons-icons-icon-fg-brand_on-brand: #e9d7fe;
   --component-colors-components-mockups-screen-mockup-border: #181d27;
   --component-colors-components-sliders-slider-handle-bg: #ffffff;
   --component-colors-components-sliders-slider-handle-border: #7f56d9;
   --component-colors-components-text-editor-text-editor-icon-fg: #a4a7ae;
   --component-colors-components-text-editor-text-editor-icon-fg_active: #717680;
   --component-colors-components-toggles-toggle-border: #d5d7da;
   --component-colors-components-toggles-toggle-button-fg_disabled: #fafafa;
   --component-colors-components-toggles-toggle-slim-border_pressed: var(--colors-background-bg-brand-solid);
   --component-colors-components-toggles-toggle-slim-border_pressed-hover: var(--colors-background-bg-brand-solid_hover);
   --component-colors-components-tooltips-tooltip-supporting-text: #d5d7da;
   --component-colors-utility-blue-utility-blue-100: #d1e9ff;
   --component-colors-utility-blue-utility-blue-200: #b2ddff;
   --component-colors-utility-blue-utility-blue-300: #84caff;
   --component-colors-utility-blue-utility-blue-400: #53b1fd;
   --component-colors-utility-blue-utility-blue-50: #eff8ff;
   --component-colors-utility-blue-utility-blue-500: #2e90fa;
   --component-colors-utility-blue-utility-blue-600: #1570ef;
   --component-colors-utility-blue-utility-blue-700: #175cd3;
   --component-colors-utility-blue-dark-utility-blue-dark-100: #d1e0ff;
   --component-colors-utility-blue-dark-utility-blue-dark-200: #b2ccff;
   --component-colors-utility-blue-dark-utility-blue-dark-300: #84adff;
   --component-colors-utility-blue-dark-utility-blue-dark-400: #528bff;
   --component-colors-utility-blue-dark-utility-blue-dark-50: #eff4ff;
   --component-colors-utility-blue-dark-utility-blue-dark-500: #2970ff;
   --component-colors-utility-blue-dark-utility-blue-dark-600: #155eef;
   --component-colors-utility-blue-dark-utility-blue-dark-700: #004eeb;
   --component-colors-utility-blue-light-utility-blue-light-100: #e0f2fe;
   --component-colors-utility-blue-light-utility-blue-light-200: #b9e6fe;
   --component-colors-utility-blue-light-utility-blue-light-300: #7cd4fd;
   --component-colors-utility-blue-light-utility-blue-light-400: #36bffa;
   --component-colors-utility-blue-light-utility-blue-light-50: #f0f9ff;
   --component-colors-utility-blue-light-utility-blue-light-500: #0ba5ec;
   --component-colors-utility-blue-light-utility-blue-light-600: #0086c9;
   --component-colors-utility-blue-light-utility-blue-light-700: #026aa2;
   --component-colors-utility-brand-utility-brand-100: #f4ebff;
   --component-colors-utility-brand-utility-brand-100_alt: #f4ebff;
   --component-colors-utility-brand-utility-brand-200: #e9d7fe;
   --component-colors-utility-brand-utility-brand-200_alt: #e9d7fe;
   --component-colors-utility-brand-utility-brand-300: #d6bbfb;
   --component-colors-utility-brand-utility-brand-300_alt: #d6bbfb;
   --component-colors-utility-brand-utility-brand-400: #b692f6;
   --component-colors-utility-brand-utility-brand-400_alt: #b692f6;
   --component-colors-utility-brand-utility-brand-50: #f9f5ff;
   --component-colors-utility-brand-utility-brand-500: #9e77ed;
   --component-colors-utility-brand-utility-brand-500_alt: #9e77ed;
   --component-colors-utility-brand-utility-brand-50_alt: #f9f5ff;
   --component-colors-utility-brand-utility-brand-600: #7f56d9;
   --component-colors-utility-brand-utility-brand-600_alt: #7f56d9;
   --component-colors-utility-brand-utility-brand-700: #6941c6;
   --component-colors-utility-brand-utility-brand-700_alt: #6941c6;
   --component-colors-utility-brand-utility-brand-800: #53389e;
   --component-colors-utility-brand-utility-brand-800_alt: #53389e;
   --component-colors-utility-brand-utility-brand-900: #42307d;
   --component-colors-utility-brand-utility-brand-900_alt: #42307d;
   --component-colors-utility-error-utility-error-100: #fee4e2;
   --component-colors-utility-error-utility-error-200: #fecdca;
   --component-colors-utility-error-utility-error-300: #fda29b;
   --component-colors-utility-error-utility-error-400: #f97066;
   --component-colors-utility-error-utility-error-50: #fef3f2;
   --component-colors-utility-error-utility-error-500: #f04438;
   --component-colors-utility-error-utility-error-600: #d92d20;
   --component-colors-utility-error-utility-error-700: #b42318;
   --component-colors-utility-fuchsia-utility-fuchsia-100: #fbe8ff;
   --component-colors-utility-fuchsia-utility-fuchsia-200: #f6d0fe;
   --component-colors-utility-fuchsia-utility-fuchsia-300: #eeaafd;
   --component-colors-utility-fuchsia-utility-fuchsia-400: #e478fa;
   --component-colors-utility-fuchsia-utility-fuchsia-50: #fdf4ff;
   --component-colors-utility-fuchsia-utility-fuchsia-500: #d444f1;
   --component-colors-utility-fuchsia-utility-fuchsia-600: #ba24d5;
   --component-colors-utility-fuchsia-utility-fuchsia-700: #9f1ab1;
   --component-colors-utility-gray-utility-gray-100: #f5f5f5;
   --component-colors-utility-gray-utility-gray-200: #e9eaeb;
   --component-colors-utility-gray-utility-gray-300: #d5d7da;
   --component-colors-utility-gray-utility-gray-400: #a4a7ae;
   --component-colors-utility-gray-utility-gray-50: #fafafa;
   --component-colors-utility-gray-utility-gray-500: #717680;
   --component-colors-utility-gray-utility-gray-600: #535862;
   --component-colors-utility-gray-utility-gray-700: #414651;
   --component-colors-utility-gray-utility-gray-800: #252b37;
   --component-colors-utility-gray-utility-gray-900: #181d27;
   --component-colors-utility-gray-blue-utility-gray-blue-100: #eaecf5;
   --component-colors-utility-gray-blue-utility-gray-blue-200: #d5d9eb;
   --component-colors-utility-gray-blue-utility-gray-blue-300: #b3b8db;
   --component-colors-utility-gray-blue-utility-gray-blue-400: #717bbc;
   --component-colors-utility-gray-blue-utility-gray-blue-50: #f8f9fc;
   --component-colors-utility-gray-blue-utility-gray-blue-500: #4e5ba6;
   --component-colors-utility-gray-blue-utility-gray-blue-600: #3e4784;
   --component-colors-utility-gray-blue-utility-gray-blue-700: #363f72;
   --component-colors-utility-green-utility-green-100: #d3f8df;
   --component-colors-utility-green-utility-green-200: #aaf0c4;
   --component-colors-utility-green-utility-green-300: #73e2a3;
   --component-colors-utility-green-utility-green-400: #3ccb7f;
   --component-colors-utility-green-utility-green-50: #edfcf2;
   --component-colors-utility-green-utility-green-500: #16b364;
   --component-colors-utility-green-utility-green-600: #099250;
   --component-colors-utility-green-utility-green-700: #087443;
   --component-colors-utility-indigo-utility-indigo-100: #e0eaff;
   --component-colors-utility-indigo-utility-indigo-200: #c7d7fe;
   --component-colors-utility-indigo-utility-indigo-300: #a4bcfd;
   --component-colors-utility-indigo-utility-indigo-400: #8098f9;
   --component-colors-utility-indigo-utility-indigo-50: #eef4ff;
   --component-colors-utility-indigo-utility-indigo-500: #6172f3;
   --component-colors-utility-indigo-utility-indigo-600: #444ce7;
   --component-colors-utility-indigo-utility-indigo-700: #3538cd;
   --component-colors-utility-orange-utility-orange-100: #fdead7;
   --component-colors-utility-orange-utility-orange-200: #f9dbaf;
   --component-colors-utility-orange-utility-orange-300: #f7b27a;
   --component-colors-utility-orange-utility-orange-400: #f38744;
   --component-colors-utility-orange-utility-orange-50: #fef6ee;
   --component-colors-utility-orange-utility-orange-500: #ef6820;
   --component-colors-utility-orange-utility-orange-600: #e04f16;
   --component-colors-utility-orange-utility-orange-700: #b93815;
   --component-colors-utility-orange-dark-utility-orange-dark-100: #ffe6d5;
   --component-colors-utility-orange-dark-utility-orange-dark-200: #ffd6ae;
   --component-colors-utility-orange-dark-utility-orange-dark-300: #ff9c66;
   --component-colors-utility-orange-dark-utility-orange-dark-400: #ff692e;
   --component-colors-utility-orange-dark-utility-orange-dark-50: #fff4ed;
   --component-colors-utility-orange-dark-utility-orange-dark-500: #ff4405;
   --component-colors-utility-orange-dark-utility-orange-dark-600: #e62e05;
   --component-colors-utility-orange-dark-utility-orange-dark-700: #bc1b06;
   --component-colors-utility-pink-utility-pink-100: #fce7f6;
   --component-colors-utility-pink-utility-pink-200: #fcceee;
   --component-colors-utility-pink-utility-pink-300: #faa7e0;
   --component-colors-utility-pink-utility-pink-400: #f670c7;
   --component-colors-utility-pink-utility-pink-50: #fdf2fa;
   --component-colors-utility-pink-utility-pink-500: #ee46bc;
   --component-colors-utility-pink-utility-pink-600: #dd2590;
   --component-colors-utility-pink-utility-pink-700: #c11574;
   --component-colors-utility-purple-utility-purple-100: #ebe9fe;
   --component-colors-utility-purple-utility-purple-200: #d9d6fe;
   --component-colors-utility-purple-utility-purple-300: #bdb4fe;
   --component-colors-utility-purple-utility-purple-400: #9b8afb;
   --component-colors-utility-purple-utility-purple-50: #f4f3ff;
   --component-colors-utility-purple-utility-purple-500: #7a5af8;
   --component-colors-utility-purple-utility-purple-600: #6938ef;
   --component-colors-utility-purple-utility-purple-700: #5925dc;
   --component-colors-utility-success-utility-success-100: #dcfae6;
   --component-colors-utility-success-utility-success-200: #abefc6;
   --component-colors-utility-success-utility-success-300: #75e0a7;
   --component-colors-utility-success-utility-success-400: #47cd89;
   --component-colors-utility-success-utility-success-50: #ecfdf3;
   --component-colors-utility-success-utility-success-500: #17b26a;
   --component-colors-utility-success-utility-success-600: #079455;
   --component-colors-utility-success-utility-success-700: #067647;
   --component-colors-utility-warning-utility-warning-100: #fef0c7;
   --component-colors-utility-warning-utility-warning-200: #fedf89;
   --component-colors-utility-warning-utility-warning-300: #fec84b;
   --component-colors-utility-warning-utility-warning-400: #fdb022;
   --component-colors-utility-warning-utility-warning-50: #fffaeb;
   --component-colors-utility-warning-utility-warning-500: #f79009;
   --component-colors-utility-warning-utility-warning-600: #dc6803;
   --component-colors-utility-warning-utility-warning-700: #b54708;
   --component-colors-utility-yellow-utility-yellow-100: #fef7c3;
   --component-colors-utility-yellow-utility-yellow-200: #feee95;
   --component-colors-utility-yellow-utility-yellow-300: #fde272;
   --component-colors-utility-yellow-utility-yellow-400: #fac515;
   --component-colors-utility-yellow-utility-yellow-50: #fefbe8;
   --component-colors-utility-yellow-utility-yellow-500: #eaaa08;
   --component-colors-utility-yellow-utility-yellow-600: #ca8504;
   --component-colors-utility-yellow-utility-yellow-700: #a15c07;

   --colors-text-text-primary-900: var(--colors-text-text-primary-900);
  
}:root[data-theme='dark'] {

  /* =========================
     QUEST PALETTE
     ========================= */

  /* Primary */
  --quest-dark-blue: #1f3a63;
  --quest-medium-blue: #1e84d6;
  --quest-midnight-blue: #020a1c;

  /* Secondary */
  --quest-lime: #a6c400;
  --quest-orange: #ff5500;

  /* Accent */
  --quest-bright-blue: #59b6c9;
  --quest-bright-lime: #d4f000;
  --quest-yellow: #f3cc1b;

  /* Neutral */
  --quest-black: #000000;
  --quest-gray: #7a7c80;
  --quest-light-gray: #c7c8ca;
  --quest-white: #ffffff;
   --quest-text-color: #ffffff;


  /* =========================
     UNTITLED UI PALETTE
     ========================= */
  --colors-background-bg-active: #22262f;
  --colors-background-bg-brand-primary: #9e77ed;
  --colors-background-bg-brand-primary_alt: var(--colors-background-bg-secondary);
  --colors-background-bg-brand-secondary: #7f56d9;
  --colors-background-bg-brand-secondary-solid: #dd2590;
  --colors-background-bg-brand-section: var(--colors-background-bg-secondary);
  --colors-background-bg-brand-section_subtle: var(--colors-background-bg-primary);
  --colors-background-bg-brand-solid: #7f56d9;
  --colors-background-bg-brand-solid_hover: #9e77ed;
  --colors-background-bg-disabled: #22262f;
  --colors-background-bg-disabled_subtle: #13161b;
  --colors-background-bg-error-primary: #55160c;
  --colors-background-bg-error-secondary: #d92d20;
  --colors-background-bg-error-solid: #d92d20;
  --colors-background-bg-error-solid_hover: #f04438;
  --colors-background-bg-overlay: #22262f;
  --colors-background-bg-primary: #0c0e12;
  --colors-background-bg-primary-solid: var(--colors-background-bg-secondary);
  --colors-background-bg-primary_alt: var(--colors-background-bg-secondary);
  --colors-background-bg-primary_hover: #22262f;
  --colors-background-bg-quaternary: #373a41;
  --colors-background-bg-secondary: #13161b;
  --colors-background-bg-secondary-solid: #61656c;
  --colors-background-bg-secondary_alt: var(--colors-background-bg-primary);
  --colors-background-bg-secondary_hover: #22262f;
  --colors-background-bg-secondary_subtle: #13161b;
  --colors-background-bg-success-primary: #053321;
  --colors-background-bg-success-secondary: #079455;
  --colors-background-bg-success-solid: #079455;
  --colors-background-bg-tertiary: #22262f;
  --colors-background-bg-warning-primary: #4e1d09;
  --colors-background-bg-warning-secondary: #dc6803;
  --colors-background-bg-warning-solid: #dc6803;
  --colors-border-border-brand: #b692f6;
  --colors-border-border-brand-secondary: #f670c7;
  --colors-border-border-brand_alt: #373a41;
  --colors-border-border-disabled: #373a41;
  --colors-border-border-disabled_subtle: #22262f;
  --colors-border-border-error: #f97066;
  --colors-border-border-error_subtle: #f04438;
  --colors-border-border-primary: #373a41;
  --colors-border-border-secondary: #22262f;
  --colors-border-border-secondary_alt: #22262f;
  --colors-border-border-tertiary: #22262f;
  --colors-effects-focus-rings-focus-ring: #9e77ed;
  --colors-effects-focus-rings-focus-ring-error: #f04438;
  --colors-effects-portfolio-mockups-shadow-grid-md: rgba(255, 255, 255, 0);
  --colors-effects-portfolio-mockups-shadow-main-centre-lg: rgba(255, 255, 255, 0);
  --colors-effects-portfolio-mockups-shadow-main-centre-md: rgba(255, 255, 255, 0);
  --colors-effects-portfolio-mockups-shadow-overlay-lg: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-2xl_01: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-2xl_02: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-3xl_01: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-3xl_02: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-lg_01: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-lg_02: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-lg_03: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-md_01: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-md_02: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-skeumorphic-inner: rgba(12, 14, 18, 0.05);
  --colors-effects-shadows-shadow-skeumorphic-inner-border: rgba(12, 14, 18, 0.18);
  --colors-effects-shadows-shadow-sm_01: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-sm_02: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-xl_01: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-xl_02: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-xl_03: rgba(255, 255, 255, 0);
  --colors-effects-shadows-shadow-xs: rgba(255, 255, 255, 0);
  --colors-foreground-fg-brand-primary-600: #9e77ed;
  --colors-foreground-fg-brand-primary_alt: #cecfd2;
  --colors-foreground-fg-brand-secondary-500: #9e77ed;
  --colors-foreground-fg-brand-secondary_alt: #61656c;
  --colors-foreground-fg-brand-secondary_hover: #85888e;
  --colors-foreground-fg-disabled: #85888e;
  --colors-foreground-fg-disabled_subtle: #61656c;
  --colors-foreground-fg-error-primary: #f04438;
  --colors-foreground-fg-error-secondary: #f97066;
  --colors-foreground-fg-primary-900: #ffffff;
  --colors-foreground-fg-quaternary-400: #61656c;
  --colors-foreground-fg-quaternary_hover: #85888e;
  --colors-foreground-fg-secondary-700: #cecfd2;
  --colors-foreground-fg-secondary-brand: #ee46bc;
  --colors-foreground-fg-secondary-brand_alt: #61656c;
  --colors-foreground-fg-secondary-brand_hover: #f670c7;
  --colors-foreground-fg-secondary_hover: #ececed;
  --colors-foreground-fg-success-primary: #17b26a;
  --colors-foreground-fg-success-secondary: #47cd89;
  --colors-foreground-fg-tertiary-600: #94979c;
  --colors-foreground-fg-tertiary_hover: #cecfd2;
  --colors-foreground-fg-warning-primary: #f79009;
  --colors-foreground-fg-warning-secondary: #fdb022;
  --colors-foreground-fg-white: #ffffff;
  --colors-icon-icon-primary: #94979c;
  --colors-icon-icon-primary_hover: #d5d7da;
  --colors-text-text-brand-primary-900: #f7f7f7;
  --colors-text-text-brand-secondary-700: #cecfd2;
  --colors-text-text-brand-secondary_hover: #ececed;
  --colors-text-text-brand-tertiary-600: #94979c;
  --colors-text-text-brand-tertiary_alt: #f7f7f7;
  --colors-text-text-disabled: #85888e;
  --colors-text-text-error-primary-600: #f97066;
  --colors-text-text-error-primary_hover: #fda29b;
  --colors-text-text-placeholder: #85888e;
  --colors-text-text-placeholder_subtle: #373a41;
  --colors-text-text-primary-900: #f7f7f7;
  --colors-text-text-primary_on-brand: #f7f7f7;
  --colors-text-text-quaternary-500: #94979c;
  --colors-text-text-quaternary_on-brand: #94979c;
  --colors-text-text-secondary-700: #cecfd2;
  --colors-text-text-secondary-brand: #f670c7;
  --colors-text-text-secondary_hover: #ececed;
  --colors-text-text-secondary_on-brand: #cecfd2;
  --colors-text-text-success-primary-600: #47cd89;
  --colors-text-text-tertiary-600: #94979c;
  --colors-text-text-tertiary_hover: #cecfd2;
  --colors-text-text-tertiary_on-brand: #94979c;
  --colors-text-text-warning-primary-600: #fdb022;
  --colors-text-text-white: #ffffff;
  --component-colors-alpha-alpha-black-10: rgba(255, 255, 255, 0.1);
  --component-colors-alpha-alpha-black-100: #ffffff;
  --component-colors-alpha-alpha-black-20: rgba(255, 255, 255, 0.2);
  --component-colors-alpha-alpha-black-30: rgba(255, 255, 255, 0.3);
  --component-colors-alpha-alpha-black-40: rgba(255, 255, 255, 0.4);
  --component-colors-alpha-alpha-black-50: rgba(255, 255, 255, 0.5);
  --component-colors-alpha-alpha-black-60: rgba(255, 255, 255, 0.6);
  --component-colors-alpha-alpha-black-70: rgba(255, 255, 255, 0.7);
  --component-colors-alpha-alpha-black-80: rgba(255, 255, 255, 0.8);
  --component-colors-alpha-alpha-black-90: rgba(255, 255, 255, 0.9);
  --component-colors-alpha-alpha-white-10: rgba(12, 14, 18, 0.1);
  --component-colors-alpha-alpha-white-100: #0c0e12;
  --component-colors-alpha-alpha-white-20: rgba(12, 14, 18, 0.2);
  --component-colors-alpha-alpha-white-30: rgba(12, 14, 18, 0.3);
  --component-colors-alpha-alpha-white-40: rgba(12, 14, 18, 0.4);
  --component-colors-alpha-alpha-white-50: rgba(12, 14, 18, 0.5);
  --component-colors-alpha-alpha-white-60: rgba(12, 14, 18, 0.6);
  --component-colors-alpha-alpha-white-70: rgba(12, 14, 18, 0.7);
  --component-colors-alpha-alpha-white-80: rgba(12, 14, 18, 0.8);
  --component-colors-alpha-alpha-white-90: rgba(12, 14, 18, 0.9);
  --component-colors-components-app-store-badges-app-store-badge-border: #ffffff;
  --component-colors-components-avatars-avatar-styles-bg-neutral: #e0e0e0;
  --component-colors-components-buttons-button-destructive-primary-icon: #fda29b;
  --component-colors-components-buttons-button-destructive-primary-icon_hover: #fecdca;
  --component-colors-components-buttons-button-primary-icon: #d6bbfb;
  --component-colors-components-buttons-button-primary-icon_hover: #e9d7fe;
  --component-colors-components-footers-footer-button-fg: #cecfd2;
  --component-colors-components-footers-footer-button-fg_hover: #f0f0f1;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-brand: #e9d7fe;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-error: #fecdca;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-gray: #ececed;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-success: #abefc6;
  --component-colors-components-icons-featured-icons-featured-icon-light-fg-warning: #fedf89;
  --component-colors-components-icons-icons-icon-fg-brand: #94979c;
  --component-colors-components-icons-icons-icon-fg-brand_on-brand: #94979c;
  --component-colors-components-mockups-screen-mockup-border: #373a41;
  --component-colors-components-sliders-slider-handle-bg: var(--colors-foreground-fg-brand-primary-600);
  --component-colors-components-sliders-slider-handle-border: var(--colors-background-bg-primary);
  --component-colors-components-text-editor-text-editor-icon-fg: #94979c;
  --component-colors-components-text-editor-text-editor-icon-fg_active: #ffffff;
  --component-colors-components-toggles-toggle-border: rgba(255, 255, 255, 0);
  --component-colors-components-toggles-toggle-button-fg_disabled: #61656c;
  --component-colors-components-toggles-toggle-slim-border_pressed: rgba(255, 255, 255, 0);
  --component-colors-components-toggles-toggle-slim-border_pressed-hover: rgba(255, 255, 255, 0);
  --component-colors-components-tooltips-tooltip-supporting-text: #cecfd2;
  --component-colors-utility-blue-utility-blue-100: #194185;
  --component-colors-utility-blue-utility-blue-200: #1849a9;
  --component-colors-utility-blue-utility-blue-300: #175cd3;
  --component-colors-utility-blue-utility-blue-400: #1570ef;
  --component-colors-utility-blue-utility-blue-50: #102a56;
  --component-colors-utility-blue-utility-blue-500: #2e90fa;
  --component-colors-utility-blue-utility-blue-600: #53b1fd;
  --component-colors-utility-blue-utility-blue-700: #84caff;
  --component-colors-utility-blue-dark-utility-blue-dark-100: #00359e;
  --component-colors-utility-blue-dark-utility-blue-dark-200: #0040c1;
  --component-colors-utility-blue-dark-utility-blue-dark-300: #004eeb;
  --component-colors-utility-blue-dark-utility-blue-dark-400: #155eef;
  --component-colors-utility-blue-dark-utility-blue-dark-50: #002266;
  --component-colors-utility-blue-dark-utility-blue-dark-500: #2970ff;
  --component-colors-utility-blue-dark-utility-blue-dark-600: #528bff;
  --component-colors-utility-blue-dark-utility-blue-dark-700: #84adff;
  --component-colors-utility-blue-light-utility-blue-light-100: #0b4a6f;
  --component-colors-utility-blue-light-utility-blue-light-200: #065986;
  --component-colors-utility-blue-light-utility-blue-light-300: #026aa2;
  --component-colors-utility-blue-light-utility-blue-light-400: #0086c9;
  --component-colors-utility-blue-light-utility-blue-light-50: #062c41;
  --component-colors-utility-blue-light-utility-blue-light-500: #0ba5ec;
  --component-colors-utility-blue-light-utility-blue-light-600: #36bffa;
  --component-colors-utility-blue-light-utility-blue-light-700: #7cd4fd;
  --component-colors-utility-brand-utility-brand-100: #42307d;
  --component-colors-utility-brand-utility-brand-100_alt: var(--component-colors-utility-gray-utility-gray-100);
  --component-colors-utility-brand-utility-brand-200: #53389e;
  --component-colors-utility-brand-utility-brand-200_alt: var(--component-colors-utility-gray-utility-gray-200);
  --component-colors-utility-brand-utility-brand-300: #6941c6;
  --component-colors-utility-brand-utility-brand-300_alt: var(--component-colors-utility-gray-utility-gray-300);
  --component-colors-utility-brand-utility-brand-400: #7f56d9;
  --component-colors-utility-brand-utility-brand-400_alt: var(--component-colors-utility-gray-utility-gray-400);
  --component-colors-utility-brand-utility-brand-50: #2c1c5f;
  --component-colors-utility-brand-utility-brand-500: #9e77ed;
  --component-colors-utility-brand-utility-brand-500_alt: var(--component-colors-utility-gray-utility-gray-500);
  --component-colors-utility-brand-utility-brand-50_alt: var(--component-colors-utility-gray-utility-gray-50);
  --component-colors-utility-brand-utility-brand-600: #b692f6;
  --component-colors-utility-brand-utility-brand-600_alt: var(--component-colors-utility-gray-utility-gray-600);
  --component-colors-utility-brand-utility-brand-700: #d6bbfb;
  --component-colors-utility-brand-utility-brand-700_alt: var(--component-colors-utility-gray-utility-gray-700);
  --component-colors-utility-brand-utility-brand-800: #e9d7fe;
  --component-colors-utility-brand-utility-brand-800_alt: var(--component-colors-utility-gray-utility-gray-800);
  --component-colors-utility-brand-utility-brand-900: #f4ebff;
  --component-colors-utility-brand-utility-brand-900_alt: var(--component-colors-utility-gray-utility-gray-900);
  --component-colors-utility-error-utility-error-100: #7a271a;
  --component-colors-utility-error-utility-error-200: #912018;
  --component-colors-utility-error-utility-error-300: #b42318;
  --component-colors-utility-error-utility-error-400: #d92d20;
  --component-colors-utility-error-utility-error-50: #55160c;
  --component-colors-utility-error-utility-error-500: #f04438;
  --component-colors-utility-error-utility-error-600: #f97066;
  --component-colors-utility-error-utility-error-700: #fda29b;
  --component-colors-utility-fuchsia-utility-fuchsia-100: #6f1877;
  --component-colors-utility-fuchsia-utility-fuchsia-200: #821890;
  --component-colors-utility-fuchsia-utility-fuchsia-300: #9f1ab1;
  --component-colors-utility-fuchsia-utility-fuchsia-400: #ba24d5;
  --component-colors-utility-fuchsia-utility-fuchsia-50: #47104c;
  --component-colors-utility-fuchsia-utility-fuchsia-500: #d444f1;
  --component-colors-utility-fuchsia-utility-fuchsia-600: #e478fa;
  --component-colors-utility-fuchsia-utility-fuchsia-700: #eeaafd;
  --component-colors-utility-gray-utility-gray-100: #22262f;
  --component-colors-utility-gray-utility-gray-200: #373a41;
  --component-colors-utility-gray-utility-gray-300: #373a41;
  --component-colors-utility-gray-utility-gray-400: #61656c;
  --component-colors-utility-gray-utility-gray-50: #13161b;
  --component-colors-utility-gray-utility-gray-500: #85888e;
  --component-colors-utility-gray-utility-gray-600: #94979c;
  --component-colors-utility-gray-utility-gray-700: #cecfd2;
  --component-colors-utility-gray-utility-gray-800: #ececed;
  --component-colors-utility-gray-utility-gray-900: #f0f0f1;
  --component-colors-utility-gray-blue-utility-gray-blue-100: #101323;
  --component-colors-utility-gray-blue-utility-gray-blue-200: #293056;
  --component-colors-utility-gray-blue-utility-gray-blue-300: #363f72;
  --component-colors-utility-gray-blue-utility-gray-blue-400: #3e4784;
  --component-colors-utility-gray-blue-utility-gray-blue-50: #0d0f1c;
  --component-colors-utility-gray-blue-utility-gray-blue-500: #4e5ba6;
  --component-colors-utility-gray-blue-utility-gray-blue-600: #717bbc;
  --component-colors-utility-gray-blue-utility-gray-blue-700: #b3b8db;
  --component-colors-utility-green-utility-green-100: #084c2e;
  --component-colors-utility-green-utility-green-200: #095c37;
  --component-colors-utility-green-utility-green-300: #087443;
  --component-colors-utility-green-utility-green-400: #099250;
  --component-colors-utility-green-utility-green-50: #052e1c;
  --component-colors-utility-green-utility-green-500: #16b364;
  --component-colors-utility-green-utility-green-600: #3ccb7f;
  --component-colors-utility-green-utility-green-700: #73e2a3;
  --component-colors-utility-indigo-utility-indigo-100: #2d3282;
  --component-colors-utility-indigo-utility-indigo-200: #2d31a6;
  --component-colors-utility-indigo-utility-indigo-300: #3538cd;
  --component-colors-utility-indigo-utility-indigo-400: #444ce7;
  --component-colors-utility-indigo-utility-indigo-50: #1f235b;
  --component-colors-utility-indigo-utility-indigo-500: #6172f3;
  --component-colors-utility-indigo-utility-indigo-600: #8098f9;
  --component-colors-utility-indigo-utility-indigo-700: #a4bcfd;
  --component-colors-utility-orange-utility-orange-100: #772917;
  --component-colors-utility-orange-utility-orange-200: #932f19;
  --component-colors-utility-orange-utility-orange-300: #b93815;
  --component-colors-utility-orange-utility-orange-400: #e04f16;
  --component-colors-utility-orange-utility-orange-50: #511c10;
  --component-colors-utility-orange-utility-orange-500: #ef6820;
  --component-colors-utility-orange-utility-orange-600: #f38744;
  --component-colors-utility-orange-utility-orange-700: #f7b27a;
  --component-colors-utility-orange-dark-utility-orange-dark-100: #771a0d;
  --component-colors-utility-orange-dark-utility-orange-dark-200: #97180c;
  --component-colors-utility-orange-dark-utility-orange-dark-300: #bc1b06;
  --component-colors-utility-orange-dark-utility-orange-dark-400: #e62e05;
  --component-colors-utility-orange-dark-utility-orange-dark-50: #57130a;
  --component-colors-utility-orange-dark-utility-orange-dark-500: #ff4405;
  --component-colors-utility-orange-dark-utility-orange-dark-600: #ff692e;
  --component-colors-utility-orange-dark-utility-orange-dark-700: #ff9c66;
  --component-colors-utility-pink-utility-pink-100: #851651;
  --component-colors-utility-pink-utility-pink-200: #9e165f;
  --component-colors-utility-pink-utility-pink-300: #c11574;
  --component-colors-utility-pink-utility-pink-400: #dd2590;
  --component-colors-utility-pink-utility-pink-50: #4e0d30;
  --component-colors-utility-pink-utility-pink-500: #ee46bc;
  --component-colors-utility-pink-utility-pink-600: #f670c7;
  --component-colors-utility-pink-utility-pink-700: #faa7e0;
  --component-colors-utility-purple-utility-purple-100: #3e1c96;
  --component-colors-utility-purple-utility-purple-200: #4a1fb8;
  --component-colors-utility-purple-utility-purple-300: #5925dc;
  --component-colors-utility-purple-utility-purple-400: #6938ef;
  --component-colors-utility-purple-utility-purple-50: #27115f;
  --component-colors-utility-purple-utility-purple-500: #7a5af8;
  --component-colors-utility-purple-utility-purple-600: #9b8afb;
  --component-colors-utility-purple-utility-purple-700: #bdb4fe;
  --component-colors-utility-success-utility-success-100: #074d31;
  --component-colors-utility-success-utility-success-200: #085d3a;
  --component-colors-utility-success-utility-success-300: #067647;
  --component-colors-utility-success-utility-success-400: #079455;
  --component-colors-utility-success-utility-success-50: #053321;
  --component-colors-utility-success-utility-success-500: #17b26a;
  --component-colors-utility-success-utility-success-600: #47cd89;
  --component-colors-utility-success-utility-success-700: #75e0a7;
  --component-colors-utility-warning-utility-warning-100: #7a2e0e;
  --component-colors-utility-warning-utility-warning-200: #93370d;
  --component-colors-utility-warning-utility-warning-300: #b54708;
  --component-colors-utility-warning-utility-warning-400: #dc6803;
  --component-colors-utility-warning-utility-warning-50: #4e1d09;
  --component-colors-utility-warning-utility-warning-500: #f79009;
  --component-colors-utility-warning-utility-warning-600: #fdb022;
  --component-colors-utility-warning-utility-warning-700: #fec84b;
  --component-colors-utility-yellow-utility-yellow-100: #713b12;
  --component-colors-utility-yellow-utility-yellow-200: #854a0e;
  --component-colors-utility-yellow-utility-yellow-300: #a15c07;
  --component-colors-utility-yellow-utility-yellow-400: #ca8504;
  --component-colors-utility-yellow-utility-yellow-50: #542c0d;
  --component-colors-utility-yellow-utility-yellow-500: #eaaa08;
  --component-colors-utility-yellow-utility-yellow-600: #fac515;
  --component-colors-utility-yellow-utility-yellow-700: #fde272;

}
@keyframes shimmer {
    0% {
        mask-position: 100% 0;
    }
    100% {
        mask-position: -100% 0;
    }
}

@keyframes fadeInAnim {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .shiny-text-dark {
        display: inline-block;
        color: #b5b5b5a4;
        background-clip: text;
        -webkit-background-clip: text;
        mask-image: linear-gradient(
            75deg,
            rgba(0, 0, 0, 0.3) 0%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 0.3) 100%
        );
        mask-size: 200% 100%;
        mask-repeat: repeat;
        mask-position: 100% 0;
        animation: shimmer var(--shine-duration, 2s) infinite linear;
    }

    .shiny-text-dark::first-letter {
        text-transform: uppercase;
    }

    .shiny-text-light {
        display: inline-block;
        color: rgba(147, 145, 145, 0.64);
        background-clip: text;
        -webkit-background-clip: text;
        mask-image: linear-gradient(
            75deg,
            rgba(0, 0, 0, 0.3) 0%,
            rgba(0, 0, 0, 1) 50%,
            rgba(0, 0, 0, 0.3) 100%
        );
        mask-size: 200% 100%;
        mask-repeat: repeat;
        mask-position: 100% 0;
        animation: shimmer var(--shine-duration, 2s) infinite linear;
    }

    .shiny-text-light::first-letter {
        text-transform: uppercase;
    }
}

.disabled {
    animation: none;
}

.fade-in {
    animation: fadeInAnim 0.4s ease forwards;
}

.resizable-drag-bar {
    flex-shrink: 0;
    width: 2px;
    /*background-color: rgba(145, 158, 171, 0.2);*/
    cursor: col-resize;
    transition: background-color 0.15s 0.15s ease-in-out;
}

.resizable-drag-bar.resizable-drag-bar--dragging,
.resizable-drag-bar:hover{
    background-color: #63B3ED;
}

.resizable-drag-bar.resizable-drag-bar--horizontal {
    height: 5px;
    width: 100%;
    cursor: row-resize;
}