@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Noto+Sans+KR:wght@400;500&family=Noto+Sans+SC:wght@400;500&display=swap);
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/Inter-Light.2d5198822ab091ce4305.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/Inter-SemiBold.b5f0f109bc88052d4000.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/Inter-Bold.ec64ea577b0349e055ad.woff2) format("woff2");
}
* {
  font-feature-settings: "cv05" on;
}

/* stylelint-disable color-no-hex, declaration-property-value-allowed-list */
body {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
  font-family: "Inter", sans-serif;
  /* stylelint-disable-next-line property-no-unknown */
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
}

h5 {
  margin-bottom: 0;
}

.cogs.Joy-focusVisible,
.cogs.MUI-focusVisible,
.cogs .Joy-focusVisible,
.cogs .MUI-focusVisible {
  outline: none;
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252) !important;
  box-shadow: var(--cogs-focus-ring) !important;
}

/* stylelint-disable */
.cogs-justify-flex-start {
  justify-content: flex-start;
}

.cogs-justify-flex-end {
  justify-content: flex-end;
}

.cogs-justify-center {
  justify-content: center;
}

.cogs-justify-space-between {
  justify-content: space-between;
}

.cogs-justify-space-around {
  justify-content: space-around;
}

.cogs-justify-space-evenly {
  justify-content: space-evenly;
}

.cogs-justify-stretch {
  justify-content: stretch;
}

.cogs-justify-start {
  justify-content: flex-start;
}

.cogs-justify-end {
  justify-content: flex-end;
}

.cogs-align-items-flex-start {
  align-items: flex-start;
}

.cogs-align-items-start {
  align-items: start;
}

.cogs-align-items-flex-end {
  align-items: flex-end;
}

.cogs-align-items-end {
  align-items: end;
}

.cogs-align-items-center {
  align-items: center;
}

.cogs-align-items-baseline {
  align-items: baseline;
}

.cogs-align-items-stretch {
  align-items: stretch;
}

.cogs-align-items-normal {
  align-items: normal;
}

.cogs-align-items-self-end {
  align-items: self-end;
}

.cogs-align-items-self-start {
  align-items: self-start;
}

.cogs-align-items-start {
  align-items: flex-start;
}

.cogs-align-items-end {
  align-items: flex-end;
}

.cogs-align-content-flex-start {
  align-content: flex-start;
}

.cogs-align-content-start {
  align-content: start;
}

.cogs-align-content-flex-end {
  align-content: flex-end;
}

.cogs-align-content-end {
  align-content: end;
}

.cogs-align-content-center {
  align-content: center;
}

.cogs-align-content-stretch {
  align-content: stretch;
}

.cogs-align-content-space-around {
  align-content: space-around;
}

.cogs-align-content-space-between {
  align-content: space-between;
}

.cogs-align-content-space-evenly {
  align-content: space-evenly;
}

.cogs-align-content-baseline {
  align-content: baseline;
}

.cogs-align-content-normal {
  align-content: normal;
}

.cogs-align-content-start {
  align-content: flex-start;
}

.cogs-align-content-end {
  align-content: flex-end;
}

.cogs-align-self-option {
  align-self: flex-start;
}

.cogs-align-self-option {
  align-self: start;
}

.cogs-align-self-option {
  align-self: flex-end;
}

.cogs-align-self-option {
  align-self: end;
}

.cogs-align-self-option {
  align-self: center;
}

.cogs-align-self-option {
  align-self: stretch;
}

.cogs-align-self-start {
  align-self: flex-start;
}

.cogs-align-self-end {
  align-self: flex-end;
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list */
html,
body {
  width: 100%;
  height: 100%;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  background-color: #ffffff;
  color: #262626;
  color: var(--cogs-text-color);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 1.5;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: #262626;
  color: var(--cogs-text-color);
  font-weight: 500;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

abbr[title],
abbr[data-original-title] {
  border-bottom: 0;
  cursor: help;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}

input[type=text],
input[type=password],
input[type=number],
textarea {
  -webkit-appearance: none;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 500;
}

dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1em;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

pre,
code,
kbd,
samp {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 1em;
}

pre {
  overflow: auto;
  margin-top: 0;
  margin-bottom: 1em;
}

figure {
  margin: 0 0 1em;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  caption-side: bottom;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
}

th {
  text-align: inherit;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  border: none;
  margin: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5em;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

mark {
  padding: 0.2em;
  background-color: #feffe6;
}

/* stylelint-disable function-disallowed-list */
/* GENERATED. Do not edit this file manually. Run `yarn figma:colors` to make changes. */
:root {
  --cogs-text-icon--strong: rgba(0, 0, 0, 0.9);
  --cogs-text-icon--medium: rgba(0, 0, 0, 0.7);
  --cogs-text-icon--muted: rgba(0, 0, 0, 0.55);
  --cogs-text-icon--on-contrast--strong: rgb(255, 255, 255);
  --cogs-text-icon--interactive--default: rgb(63, 86, 181);
  --cogs-text-icon--interactive--hover: rgb(52, 71, 150);
  --cogs-text-icon--interactive--pressed: rgb(41, 55, 128);
  --cogs-text-icon--interactive--disabled: rgb(140, 140, 140);
  --cogs-text-icon--status-neutral: rgb(48, 89, 179);
  --cogs-text-icon--status-success: rgb(44, 105, 53);
  --cogs-text-icon--status-warning: rgb(143, 76, 15);
  --cogs-text-icon--status-critical: rgb(168, 54, 28);
  --cogs-text-icon--status-undefined: rgb(93, 93, 93);
  --cogs-border--muted: rgb(217, 217, 217);
  --cogs-border--interactive--default: rgba(83, 88, 127, 0.16);
  --cogs-border--interactive--default--alt: rgba(83, 88, 127, 0.24);
  --cogs-border--interactive--hover: rgb(110, 133, 252);
  --cogs-border--interactive--toggled-default: rgb(74, 103, 251);
  --cogs-border--interactive--toggled-hover: rgb(66, 85, 187);
  --cogs-border--interactive--toggled-pressed: rgb(43, 58, 136);
  --cogs-border--interactive--disabled: rgba(0, 0, 0, 0.06);
  --cogs-border--status-neutral--muted: rgba(64, 120, 240, 0.2);
  --cogs-border--status-neutral--strong: rgb(64, 120, 240);
  --cogs-border--status-success--muted: rgba(57, 162, 99, 0.2);
  --cogs-border--status-success--strong: rgb(57, 162, 99);
  --cogs-border--status-warning--muted: rgba(255, 187, 0, 0.2);
  --cogs-border--status-warning--strong: rgb(235, 155, 0);
  --cogs-border--status-critical--muted: rgba(223, 66, 55, 0.2);
  --cogs-border--status-critical--strong: rgb(229, 59, 56);
  --cogs-border--status-undefined--muted: rgba(102, 102, 102, 0.2);
  --cogs-border--status-undefined--strong: rgb(102, 102, 102);
  --cogs-surface--muted: rgb(255, 255, 255);
  --cogs-surface--medium: rgb(250, 250, 250);
  --cogs-surface--strong: rgb(245, 245, 245);
  --cogs-surface--misc-transparent: rgba(255, 255, 255, 0);
  --cogs-surface--misc-backdrop: rgba(71, 71, 71, 0.4);
  --cogs-surface--misc-canvas: rgb(245, 245, 245);
  --cogs-surface--misc-code--muted: rgba(50, 56, 83, 0.04);
  --cogs-surface--misc-code--medium: rgba(50, 56, 83, 0.06);
  --cogs-surface--interactive--hover: rgba(34, 42, 83, 0.06);
  --cogs-surface--interactive--pressed: rgba(34, 42, 83, 0.1);
  --cogs-surface--interactive--toggled-default: rgba(74, 103, 251, 0.08);
  --cogs-surface--interactive--toggled-hover: rgba(74, 103, 251, 0.12);
  --cogs-surface--interactive--toggled-pressed: rgba(74, 103, 251, 0.18);
  --cogs-surface--interactive--disabled: rgba(0, 0, 0, 0.03);
  --cogs-surface--interactive--disabled--alt: rgba(0, 0, 0, 0.06);
  --cogs-surface--action--strong--default: rgb(74, 103, 251);
  --cogs-surface--action--strong--hover: rgb(58, 74, 163);
  --cogs-surface--action--strong--pressed: rgb(43, 58, 136);
  --cogs-surface--action--muted--default: rgba(83, 88, 127, 0.08);
  --cogs-surface--action--muted--default--alt: rgba(83, 88, 127, 0.24);
  --cogs-surface--action--muted--hover: rgba(83, 88, 127, 0.12);
  --cogs-surface--action--muted--pressed: rgba(83, 88, 127, 0.16);
  --cogs-surface--on--action--muted--default: rgb(255, 255, 255);
  --cogs-surface--on--action--muted--hover: rgba(255, 255, 255, 0.5);
  --cogs-surface--status-neutral--muted--default: rgba(64, 120, 240, 0.1);
  --cogs-surface--status-neutral--muted--default--alt: rgba(64, 120, 240, 0.06);
  --cogs-surface--status-neutral--muted--hover: rgba(64, 120, 240, 0.15);
  --cogs-surface--status-neutral--muted--pressed: rgba(64, 120, 240, 0.2);
  --cogs-surface--status-neutral--strong--default: rgb(57, 107, 215);
  --cogs-surface--status-neutral--strong--hover: rgb(54, 100, 201);
  --cogs-surface--status-neutral--strong--pressed: rgb(50, 94, 189);
  --cogs-surface--status-success--muted--default: rgba(57, 162, 99, 0.1);
  --cogs-surface--status-success--muted--default--alt: rgba(57, 162, 99, 0.06);
  --cogs-surface--status-success--muted--hover: rgba(57, 162, 99, 0.15);
  --cogs-surface--status-success--muted--pressed: rgba(57, 162, 99, 0.18);
  --cogs-surface--status-success--strong--default: rgb(44, 133, 79);
  --cogs-surface--status-success--strong--hover: rgb(39, 117, 70);
  --cogs-surface--status-success--strong--pressed: rgb(33, 102, 61);
  --cogs-surface--status-warning--muted--default: rgba(255, 187, 0, 0.12);
  --cogs-surface--status-warning--muted--default--alt: rgba(255, 187, 0, 0.06);
  --cogs-surface--status-warning--muted--hover: rgba(255, 187, 0, 0.15);
  --cogs-surface--status-warning--muted--pressed: rgba(255, 187, 0, 0.2);
  --cogs-surface--status-warning--strong--default: rgb(186, 93, 0);
  --cogs-surface--status-warning--strong--hover: rgb(176, 88, 0);
  --cogs-surface--status-warning--strong--pressed: rgb(166, 77, 0);
  --cogs-surface--status-critical--muted--default: rgba(223, 64, 55, 0.08);
  --cogs-surface--status-critical--muted--default--alt: rgba(223, 64, 55, 0.06);
  --cogs-surface--status-critical--muted--hover: rgba(223, 63, 55, 0.12);
  --cogs-surface--status-critical--muted--pressed: rgba(223, 64, 55, 0.16);
  --cogs-surface--status-critical--strong--default: rgb(189, 36, 28);
  --cogs-surface--status-critical--strong--hover: rgb(173, 33, 26);
  --cogs-surface--status-critical--strong--pressed: rgb(158, 30, 24);
  --cogs-surface--status-undefined--muted--default: rgba(102, 102, 102, 0.1);
  --cogs-surface--status-undefined--muted--default--alt: rgba(
    102,
    102,
    102,
    0.06
  );
  --cogs-surface--status-undefined--muted--hover: rgba(102, 102, 102, 0.14);
  --cogs-surface--status-undefined--muted--pressed: rgba(102, 102, 102, 0.2);
  --cogs-surface--status-undefined--strong--default: rgb(117, 117, 117);
  --cogs-surface--status-undefined--strong--hover: rgb(102, 102, 102);
  --cogs-surface--status-undefined--strong--pressed: rgb(77, 77, 77);
  --cogs-text-icon--strong--inverted: rgba(255, 255, 255, 0.95);
  --cogs-text-icon--medium--inverted: rgba(255, 255, 255, 0.82);
  --cogs-text-icon--muted--inverted: rgba(255, 255, 255, 0.72);
  --cogs-text-icon--on-contrast--strong--inverted: rgb(38, 38, 38);
  --cogs-text-icon--interactive--default--inverted: rgb(219, 225, 254);
  --cogs-text-icon--interactive--hover--inverted: rgb(237, 240, 255);
  --cogs-text-icon--interactive--pressed--inverted: rgb(246, 247, 255);
  --cogs-text-icon--interactive--disabled--inverted: rgba(255, 255, 255, 0.4);
  --cogs-text-icon--status-neutral--inverted: rgb(188, 208, 250);
  --cogs-text-icon--status-success--inverted: rgb(172, 219, 179);
  --cogs-text-icon--status-warning--inverted: rgb(252, 199, 98);
  --cogs-text-icon--status-critical--inverted: rgb(249, 195, 184);
  --cogs-text-icon--status-undefined--inverted: rgb(208, 208, 208);
  --cogs-border--muted--inverted: rgb(81, 81, 81);
  --cogs-border--interactive--default--inverted: rgba(255, 255, 255, 0.2);
  --cogs-border--interactive--default--alt--inverted: rgba(255, 255, 255, 0.28);
  --cogs-border--interactive--hover--inverted: rgb(150, 167, 253);
  --cogs-border--interactive--toggled-default--inverted: rgb(200, 209, 254);
  --cogs-border--interactive--toggled-hover--inverted: rgb(214, 220, 255);
  --cogs-border--interactive--toggled-pressed--inverted: rgb(223, 228, 255);
  --cogs-border--interactive--disabled--inverted: rgba(255, 255, 255, 0.08);
  --cogs-border--status-neutral--muted--inverted: rgba(64, 120, 240, 0.4);
  --cogs-border--status-neutral--strong--inverted: rgb(64, 120, 240);
  --cogs-border--status-success--muted--inverted: rgba(74, 178, 91, 0.4);
  --cogs-border--status-success--strong--inverted: rgb(74, 178, 91);
  --cogs-border--status-warning--muted--inverted: rgba(250, 174, 26, 0.4);
  --cogs-border--status-warning--strong--inverted: rgb(250, 174, 26);
  --cogs-border--status-critical--muted--inverted: rgba(238, 76, 40, 0.4);
  --cogs-border--status-critical--strong--inverted: rgb(238, 76, 40);
  --cogs-border--status-undefined--muted--inverted: rgba(79, 79, 79, 0.4);
  --cogs-border--status-undefined--strong--inverted: rgb(79, 79, 79);
  --cogs-surface--muted--inverted: rgb(38, 38, 38);
  --cogs-surface--medium--inverted: rgb(51, 51, 51);
  --cogs-surface--strong--inverted: rgb(61, 61, 61);
  --cogs-surface--misc-transparent--inverted: rgba(0, 0, 0, 0);
  --cogs-surface--misc-backdrop--inverted: rgba(0, 0, 0, 0.3);
  --cogs-surface--misc-canvas--inverted: rgb(51, 51, 51);
  --cogs-surface--misc-code--muted--inverted: rgb(56, 55, 61);
  --cogs-surface--misc-code--medium--inverted: rgb(67, 65, 72);
  --cogs-surface--interactive--hover--inverted: rgba(255, 255, 255, 0.06);
  --cogs-surface--interactive--pressed--inverted: rgba(255, 255, 255, 0.1);
  --cogs-surface--interactive--toggled-default--inverted: rgba(
    103,
    127,
    255,
    0.08
  );
  --cogs-surface--interactive--toggled-hover--inverted: rgba(
    103,
    127,
    255,
    0.14
  );
  --cogs-surface--interactive--toggled-pressed--inverted: rgba(
    103,
    127,
    255,
    0.18
  );
  --cogs-surface--interactive--disabled--inverted: rgba(255, 255, 255, 0.08);
  --cogs-surface--interactive--disabled--alt--inverted: rgba(
    255,
    255,
    255,
    0.12
  );
  --cogs-surface--action--strong--default--inverted: rgb(144, 161, 253);
  --cogs-surface--action--strong--hover--inverted: rgb(156, 171, 253);
  --cogs-surface--action--strong--pressed--inverted: rgb(167, 180, 253);
  --cogs-surface--action--muted--default--inverted: rgba(255, 255, 255, 0.06);
  --cogs-surface--action--muted--default--alt--inverted: rgba(
    255,
    255,
    255,
    0.14
  );
  --cogs-surface--action--muted--hover--inverted: rgba(255, 255, 255, 0.08);
  --cogs-surface--action--muted--pressed--inverted: rgba(255, 255, 255, 0.1);
  --cogs-surface--on-action--muted--default--inverted: rgba(
    255,
    255,
    255,
    0.33
  );
  --cogs-surface--on--action--muted--hover--inverted: rgba(255, 255, 255, 0.28);
  --cogs-surface--status-neutral--muted--default--inverted: rgba(
    64,
    120,
    240,
    0.16
  );
  --cogs-surface--status-neutral--muted--default--alt--inverted: rgba(
    64,
    120,
    240,
    0.12
  );
  --cogs-surface--status-neutral--muted--hover--inverted: rgba(
    64,
    120,
    240,
    0.2
  );
  --cogs-surface--status-neutral--muted--pressed--inverted: rgba(
    64,
    120,
    240,
    0.22
  );
  --cogs-surface--status-neutral--strong--default--inverted: rgb(129, 166, 245);
  --cogs-surface--status-neutral--strong--hover--inverted: rgb(143, 175, 246);
  --cogs-surface--status-neutral--strong--pressed--inverted: rgb(155, 184, 247);
  --cogs-surface--status-success--muted--default--inverted: rgba(
    74,
    178,
    91,
    0.16
  );
  --cogs-surface--status-success--muted--default--alt--inverted: rgba(
    74,
    178,
    91,
    0.12
  );
  --cogs-surface--status-success--muted--hover--inverted: rgba(
    74,
    178,
    91,
    0.2
  );
  --cogs-surface--status-success--muted--pressed--inverted: rgba(
    74,
    178,
    91,
    0.22
  );
  --cogs-surface--status-success--strong--default--inverted: rgb(93, 186, 108);
  --cogs-surface--status-success--strong--hover--inverted: rgb(111, 194, 123);
  --cogs-surface--status-success--strong--pressed--inverted: rgb(128, 201, 139);
  --cogs-surface--status-warning--muted--default--inverted: rgba(
    250,
    174,
    26,
    0.16
  );
  --cogs-surface--status-warning--muted--default--alt--inverted: rgba(
    250,
    174,
    26,
    0.12
  );
  --cogs-surface--status-warning--muted--hover--inverted: rgba(
    250,
    174,
    26,
    0.2
  );
  --cogs-surface--status-warning--muted--pressed--inverted: rgba(
    250,
    174,
    26,
    0.22
  );
  --cogs-surface--status-warning--strong--default--inverted: rgb(221, 154, 23);
  --cogs-surface--status-warning--strong--hover--inverted: rgb(233, 162, 24);
  --cogs-surface--status-warning--strong--pressed--inverted: rgb(245, 170, 25);
  --cogs-surface--status-critical--muted--default--inverted: rgba(
    238,
    76,
    40,
    0.16
  );
  --cogs-surface--status-critical--muted--default--alt--inverted: rgba(
    238,
    76,
    40,
    0.12
  );
  --cogs-surface--status-critical--muted--hover--inverted: rgba(
    238,
    76,
    40,
    0.2
  );
  --cogs-surface--status-critical--muted--pressed--inverted: rgba(
    238,
    76,
    40,
    0.22
  );
  --cogs-surface--status-critical--strong--default--inverted: rgb(
    243,
    138,
    115
  );
  --cogs-surface--status-critical--strong--hover--inverted: rgb(245, 151, 131);
  --cogs-surface--status-critical--strong--pressed--inverted: rgb(
    246,
    164,
    146
  );
  --cogs-surface--status-undefined--muted--default--inverted: rgba(
    79,
    79,
    79,
    0.4
  );
  --cogs-surface--status-undefined--muted--default--alt--inverted: rgba(
    79,
    79,
    79,
    0.12
  );
  --cogs-surface--status-undefined--muted--hover--inverted: rgba(
    79,
    79,
    79,
    0.2
  );
  --cogs-surface--status-undefined--muted--pressed--inverted: rgba(
    79,
    79,
    79,
    0.22
  );
  --cogs-surface--status-undefined--strong--default--inverted: rgb(
    167,
    167,
    167
  );
  --cogs-surface--status-undefined--strong--hover--inverted: rgb(176, 176, 176);
  --cogs-surface--status-undefined--strong--pressed--inverted: rgb(
    184,
    184,
    184
  );
  --cogs-decorative--blue--50: rgb(246, 247, 255);
  --cogs-decorative--blue--100: rgb(237, 240, 255);
  --cogs-decorative--blue--200: rgb(219, 225, 254);
  --cogs-decorative--blue--300: rgb(164, 178, 252);
  --cogs-decorative--blue--400: rgb(110, 133, 252);
  --cogs-decorative--blue--500: rgb(74, 103, 251);
  --cogs-decorative--blue--600: rgb(66, 85, 187);
  --cogs-decorative--blue--700: rgb(43, 58, 136);
  --cogs-decorative--purple--50: rgb(252, 245, 253);
  --cogs-decorative--purple--100: rgb(250, 237, 252);
  --cogs-decorative--purple--200: rgb(244, 218, 248);
  --cogs-decorative--purple--300: rgb(227, 161, 236);
  --cogs-decorative--purple--400: rgb(212, 106, 226);
  --cogs-decorative--purple--500: rgb(201, 69, 219);
  --cogs-decorative--purple--600: rgb(146, 63, 167);
  --cogs-decorative--purple--700: rgb(100, 33, 117);
  --cogs-decorative--pink--50: rgb(255, 244, 248);
  --cogs-decorative--pink--100: rgb(255, 234, 242);
  --cogs-decorative--pink--200: rgb(254, 211, 227);
  --cogs-decorative--pink--300: rgb(253, 145, 185);
  --cogs-decorative--pink--400: rgb(253, 81, 144);
  --cogs-decorative--pink--500: rgb(252, 37, 116);
  --cogs-decorative--pink--600: rgb(193, 54, 112);
  --cogs-decorative--pink--700: rgb(141, 30, 71);
  --cogs-decorative--orange--50: rgb(255, 247, 243);
  --cogs-decorative--orange--100: rgb(255, 240, 232);
  --cogs-decorative--orange--200: rgb(255, 225, 209);
  --cogs-decorative--orange--300: rgb(255, 179, 139);
  --cogs-decorative--orange--400: rgb(255, 135, 70);
  --cogs-decorative--orange--500: rgb(255, 105, 24);
  --cogs-decorative--orange--700: rgb(174, 31, 0);
  --cogs-decorative--orange--600: rgb(204, 81, 43);
  --cogs-decorative--yellow--50: rgb(255, 251, 242);
  --cogs-decorative--yellow--100: rgb(255, 249, 230);
  --cogs-decorative--yellow--200: rgb(255, 241, 204);
  --cogs-decorative--yellow--300: rgb(255, 220, 127);
  --cogs-decorative--yellow--400: rgb(255, 201, 51);
  --cogs-decorative--yellow--500: rgb(255, 187, 0);
  --cogs-decorative--yellow--600: rgb(235, 155, 0);
  --cogs-decorative--yellow--700: rgb(210, 114, 0);
  --cogs-decorative--red--50: rgb(253, 243, 245);
  --cogs-decorative--red--100: rgb(251, 233, 237);
  --cogs-decorative--red--200: rgb(253, 206, 214);
  --cogs-decorative--red--300: rgb(248, 170, 185);
  --cogs-decorative--red--400: rgb(244, 113, 139);
  --cogs-decorative--red--500: rgb(213, 26, 70);
  --cogs-decorative--red--600: rgb(179, 5, 57);
  --cogs-decorative--red--700: rgb(139, 4, 47);
  --cogs-decorative--green--50: rgb(242, 250, 244);
  --cogs-decorative--green--100: rgb(233, 248, 237);
  --cogs-decorative--green--200: rgb(217, 241, 223);
  --cogs-decorative--green--300: rgb(159, 226, 172);
  --cogs-decorative--green--400: rgb(106, 206, 125);
  --cogs-decorative--green--500: rgb(54, 155, 74);
  --cogs-decorative--green--600: rgb(37, 123, 61);
  --cogs-decorative--green--700: rgb(26, 91, 48);
  --cogs-decorative--grayscale--white: rgb(255, 255, 255);
  --cogs-decorative--grayscale--100: rgb(250, 250, 250);
  --cogs-decorative--grayscale--200: rgb(245, 245, 245);
  --cogs-decorative--grayscale--300: rgb(232, 232, 232);
  --cogs-decorative--grayscale--400: rgb(217, 217, 217);
  --cogs-decorative--grayscale--500: rgb(191, 191, 191);
  --cogs-decorative--grayscale--600: rgb(140, 140, 140);
  --cogs-decorative--grayscale--700: rgb(89, 89, 89);
  --cogs-decorative--grayscale--800: rgb(64, 64, 64);
  --cogs-decorative--grayscale--900: rgb(51, 51, 51);
  --cogs-decorative--grayscale--1000: rgb(38, 38, 38);
  --cogs-decorative--grayscale--black: rgb(0, 0, 0);
  --cogs-decorative--lightBlue--50: rgb(244, 253, 254);
  --cogs-decorative--lightBlue--100: rgb(234, 252, 254);
  --cogs-decorative--lightBlue--200: rgb(211, 247, 251);
  --cogs-decorative--lightBlue--300: rgb(145, 235, 245);
  --cogs-decorative--lightBlue--400: rgb(80, 224, 241);
  --cogs-decorative--lightBlue--500: rgb(36, 216, 237);
  --cogs-decorative--lightBlue--600: rgb(26, 163, 193);
  --cogs-decorative--lightBlue--700: rgb(15, 109, 138);
  --cogs-ai-text-icon--strong: rgba(0, 0, 0, 0.9);
  --cogs-ai-text-icon--medium: rgba(0, 0, 0, 0.7);
  --cogs-ai-text-icon--muted: rgba(0, 0, 0, 0.55);
  --cogs-ai-text-icon--on-contrast--strong: rgb(255, 255, 255);
  --cogs-ai-text-icon--interactive--default: rgb(96, 42, 207);
  --cogs-ai-text-icon--interactive--hover: rgb(83, 35, 180);
  --cogs-ai-text-icon--interactive--pressed: rgb(70, 29, 155);
  --cogs-ai-text-icon--interactive--disabled: rgb(140, 140, 140);
  --cogs-ai-text-icon--status-neutral: rgb(48, 89, 179);
  --cogs-ai-text-icon--status-success: rgb(44, 105, 53);
  --cogs-ai-text-icon--status-warning: rgb(143, 76, 15);
  --cogs-ai-text-icon--status-critical: rgb(168, 54, 28);
  --cogs-ai-text-icon--status-undefined: rgb(93, 93, 93);
  --cogs-ai-border--muted: rgb(217, 217, 217);
  --cogs-ai-border--interactive--default: rgba(83, 88, 127, 0.16);
  --cogs-ai-border--interactive--default--alt: rgba(83, 88, 127, 0.24);
  --cogs-ai-border--interactive--hover: rgb(141, 110, 237);
  --cogs-ai-border--interactive--toggled-default: rgb(111, 59, 228);
  --cogs-ai-border--interactive--toggled-hover: rgb(99, 44, 212);
  --cogs-ai-border--interactive--toggled-pressed: rgb(86, 37, 186);
  --cogs-ai-border--interactive--disabled: rgba(0, 0, 0, 0.06);
  --cogs-ai-border--status-neutral--muted: rgba(64, 120, 240, 0.2);
  --cogs-ai-border--status-neutral--strong: rgb(64, 120, 240);
  --cogs-ai-border--status-success--muted: rgba(57, 162, 99, 0.2);
  --cogs-ai-border--status-success--strong: rgb(57, 162, 99);
  --cogs-ai-border--status-warning--muted: rgba(255, 187, 0, 0.2);
  --cogs-ai-border--status-warning--strong: rgb(235, 155, 0);
  --cogs-ai-border--status-critical--muted: rgba(223, 66, 55, 0.2);
  --cogs-ai-border--status-critical--strong: rgb(229, 59, 56);
  --cogs-ai-border--status-undefined--muted: rgba(102, 102, 102, 0.2);
  --cogs-ai-border--status-undefined--strong: rgb(102, 102, 102);
  --cogs-ai-surface--muted: rgb(255, 255, 255);
  --cogs-ai-surface--medium: rgb(250, 250, 250);
  --cogs-ai-surface--strong: rgb(245, 245, 245);
  --cogs-ai-surface--misc-transparent: rgba(255, 255, 255, 0);
  --cogs-ai-surface--misc-backdrop: rgba(71, 71, 71, 0.4);
  --cogs-ai-surface--misc-canvas: rgb(245, 245, 245);
  --cogs-ai-surface--misc-code--muted: rgba(50, 56, 83, 0.04);
  --cogs-ai-surface--misc-code--medium: rgba(50, 56, 83, 0.06);
  --cogs-ai-surface--interactive--hover: rgba(142, 92, 255, 0.1);
  --cogs-ai-surface--interactive--pressed: rgba(142, 92, 255, 0.14);
  --cogs-ai-surface--interactive--toggled-default: rgba(111, 59, 228, 0.08);
  --cogs-ai-surface--interactive--toggled-hover: rgba(111, 59, 228, 0.12);
  --cogs-ai-surface--interactive--toggled-pressed: rgba(111, 59, 228, 0.18);
  --cogs-ai-surface--interactive--disabled: rgba(0, 0, 0, 0.03);
  --cogs-ai-surface--interactive--disabled--alt: rgba(0, 0, 0, 0.06);
  --cogs-ai-surface--action--strong--default: rgb(111, 59, 228);
  --cogs-ai-surface--action--strong--hover: rgb(88, 39, 191);
  --cogs-ai-surface--action--strong--pressed: rgb(74, 31, 163);
  --cogs-ai-surface--action--muted--default: rgba(83, 88, 127, 0.08);
  --cogs-ai-surface--action--muted--default--alt: rgba(83, 88, 127, 0.24);
  --cogs-ai-surface--action--muted--hover: rgba(83, 88, 127, 0.12);
  --cogs-ai-surface--action--muted--pressed: rgba(83, 88, 127, 0.16);
  --cogs-ai-surface--on--action--muted--default: rgb(255, 255, 255);
  --cogs-ai-surface--on--action--muted--hover: rgba(255, 255, 255, 0.5);
  --cogs-ai-surface--status-neutral--muted--default: rgba(64, 120, 240, 0.1);
  --cogs-ai-surface--status-neutral--muted--default--alt: rgba(
    64,
    120,
    240,
    0.06
  );
  --cogs-ai-surface--status-neutral--muted--hover: rgba(64, 120, 240, 0.15);
  --cogs-ai-surface--status-neutral--muted--pressed: rgba(64, 120, 240, 0.2);
  --cogs-ai-surface--status-neutral--strong--default: rgb(57, 107, 215);
  --cogs-ai-surface--status-neutral--strong--hover: rgb(54, 100, 201);
  --cogs-ai-surface--status-neutral--strong--pressed: rgb(50, 94, 189);
  --cogs-ai-surface--status-success--muted--default: rgba(57, 162, 99, 0.1);
  --cogs-ai-surface--status-success--muted--default--alt: rgba(
    57,
    162,
    99,
    0.06
  );
  --cogs-ai-surface--status-success--muted--hover: rgba(57, 162, 99, 0.15);
  --cogs-ai-surface--status-success--muted--pressed: rgba(57, 162, 99, 0.18);
  --cogs-ai-surface--status-success--strong--default: rgb(44, 133, 79);
  --cogs-ai-surface--status-success--strong--hover: rgb(39, 117, 70);
  --cogs-ai-surface--status-success--strong--pressed: rgb(33, 102, 61);
  --cogs-ai-surface--status-warning--muted--default: rgba(255, 187, 0, 0.12);
  --cogs-ai-surface--status-warning--muted--default--alt: rgba(
    255,
    187,
    0,
    0.06
  );
  --cogs-ai-surface--status-warning--muted--hover: rgba(255, 187, 0, 0.15);
  --cogs-ai-surface--status-warning--muted--pressed: rgba(255, 187, 0, 0.2);
  --cogs-ai-surface--status-warning--strong--default: rgb(186, 93, 0);
  --cogs-ai-surface--status-warning--strong--hover: rgb(176, 88, 0);
  --cogs-ai-surface--status-warning--strong--pressed: rgb(166, 77, 0);
  --cogs-ai-surface--status-critical--muted--default: rgba(223, 64, 55, 0.08);
  --cogs-ai-surface--status-critical--muted--default--alt: rgba(
    223,
    64,
    55,
    0.06
  );
  --cogs-ai-surface--status-critical--muted--hover: rgba(223, 63, 55, 0.12);
  --cogs-ai-surface--status-critical--muted--pressed: rgba(223, 64, 55, 0.16);
  --cogs-ai-surface--status-critical--strong--default: rgb(189, 36, 28);
  --cogs-ai-surface--status-critical--strong--hover: rgb(173, 33, 26);
  --cogs-ai-surface--status-critical--strong--pressed: rgb(158, 30, 24);
  --cogs-ai-surface--status-undefined--muted--default: rgba(102, 102, 102, 0.1);
  --cogs-ai-surface--status-undefined--muted--default--alt: rgba(
    102,
    102,
    102,
    0.06
  );
  --cogs-ai-surface--status-undefined--muted--hover: rgba(102, 102, 102, 0.14);
  --cogs-ai-surface--status-undefined--muted--pressed: rgba(102, 102, 102, 0.2);
  --cogs-ai-surface--status-undefined--strong--default: rgb(117, 117, 117);
  --cogs-ai-surface--status-undefined--strong--hover: rgb(102, 102, 102);
  --cogs-ai-surface--status-undefined--strong--pressed: rgb(77, 77, 77);
  --cogs-ai-text-icon--strong--inverted: rgba(255, 255, 255, 0.95);
  --cogs-ai-text-icon--medium--inverted: rgba(255, 255, 255, 0.82);
  --cogs-ai-text-icon--muted--inverted: rgba(255, 255, 255, 0.72);
  --cogs-ai-text-icon--on-contrast--strong--inverted: rgb(38, 38, 38);
  --cogs-ai-text-icon--interactive--default--inverted: rgb(225, 220, 251);
  --cogs-ai-text-icon--interactive--hover--inverted: rgb(241, 239, 253);
  --cogs-ai-text-icon--interactive--pressed--inverted: rgb(247, 245, 254);
  --cogs-ai-text-icon--interactive--disabled--inverted: rgb(140, 140, 140);
  --cogs-ai-text-icon--status-neutral--inverted: rgb(188, 208, 250);
  --cogs-ai-text-icon--status-success--inverted: rgb(172, 219, 179);
  --cogs-ai-text-icon--status-warning--inverted: rgb(252, 199, 98);
  --cogs-ai-text-icon--status-critical--inverted: rgb(249, 195, 184);
  --cogs-ai-text-icon--status-undefined--inverted: rgb(208, 208, 208);
  --cogs-ai-border--muted--inverted: rgb(81, 81, 81);
  --cogs-ai-border--interactive--default--inverted: rgba(255, 255, 255, 0.2);
  --cogs-ai-border--interactive--default--alt--inverted: rgba(
    255,
    255,
    255,
    0.28
  );
  --cogs-ai-border--interactive--hover--inverted: rgb(178, 161, 244);
  --cogs-ai-border--interactive--toggled-default--inverted: rgb(213, 206, 249);
  --cogs-ai-border--interactive--toggled-hover--inverted: rgb(223, 217, 250);
  --cogs-ai-border--interactive--toggled-pressed--inverted: rgb(231, 226, 252);
  --cogs-ai-border--interactive--disabled--inverted: rgba(255, 255, 255, 0.08);
  --cogs-ai-border--status-neutral--muted--inverted: rgba(64, 120, 240, 0.4);
  --cogs-ai-border--status-neutral--strong--inverted: rgb(64, 120, 240);
  --cogs-ai-border--status-success--muted--inverted: rgba(74, 178, 91, 0.4);
  --cogs-ai-border--status-success--strong--inverted: rgb(74, 178, 91);
  --cogs-ai-border--status-warning--muted--inverted: rgba(250, 174, 26, 0.4);
  --cogs-ai-border--status-warning--strong--inverted: rgb(250, 174, 26);
  --cogs-ai-border--status-critical--muted--inverted: rgba(238, 76, 40, 0.4);
  --cogs-ai-border--status-critical--strong--inverted: rgb(238, 76, 40);
  --cogs-ai-border--status-undefined--muted--inverted: rgba(79, 79, 79, 0.4);
  --cogs-ai-border--status-undefined--strong--inverted: rgb(79, 79, 79);
  --cogs-ai-surface--muted--inverted: rgb(38, 38, 38);
  --cogs-ai-surface--medium--inverted: rgb(51, 51, 51);
  --cogs-ai-surface--strong--inverted: rgb(61, 61, 61);
  --cogs-ai-surface--misc-transparent--inverted: rgba(0, 0, 0, 0);
  --cogs-ai-surface--misc-backdrop--inverted: rgba(0, 0, 0, 0.3);
  --cogs-ai-surface--misc-canvas--inverted: rgb(51, 51, 51);
  --cogs-ai-surface--misc-code--muted--inverted: rgb(56, 55, 61);
  --cogs-ai-surface--misc-code--medium--inverted: rgb(67, 65, 72);
  --cogs-ai-surface--interactive--hover--inverted: rgba(255, 255, 255, 0.06);
  --cogs-ai-surface--interactive--pressed--inverted: rgba(255, 255, 255, 0.1);
  --cogs-ai-surface--interactive--toggled-default--inverted: rgba(
    145,
    117,
    238,
    0.08
  );
  --cogs-ai-surface--interactive--toggled-hover--inverted: rgba(
    145,
    117,
    238,
    0.14
  );
  --cogs-ai-surface--interactive--toggled-pressed--inverted: rgba(
    145,
    117,
    238,
    0.18
  );
  --cogs-ai-surface--interactive--disabled--inverted: rgba(255, 255, 255, 0.08);
  --cogs-ai-surface--interactive--disabled--alt--inverted: rgba(
    255,
    255,
    255,
    0.12
  );
  --cogs-ai-surface--action--strong--default--inverted: rgb(171, 153, 243);
  --cogs-ai-surface--action--strong--hover--inverted: rgb(180, 165, 244);
  --cogs-ai-surface--action--strong--pressed--inverted: rgb(188, 175, 246);
  --cogs-ai-surface--action--muted--default--inverted: rgba(
    255,
    255,
    255,
    0.06
  );
  --cogs-ai-surface--action--muted--default--alt--inverted: rgba(
    255,
    255,
    255,
    0.32
  );
  --cogs-ai-surface--action--muted--hover--inverted: rgba(255, 255, 255, 0.08);
  --cogs-ai-surface--action--muted--pressed--inverted: rgba(255, 255, 255, 0.1);
  --cogs-ai-surface--on--action--muted--default--inverted: rgba(
    255,
    255,
    255,
    0.33
  );
  --cogs-ai-surface--on--action--muted--hover--inverted: rgba(
    255,
    255,
    255,
    0.28
  );
  --cogs-ai-surface--status-neutral--muted--default--inverted: rgba(
    64,
    120,
    240,
    0.16
  );
  --cogs-ai-surface--status-neutral--muted--default--alt--inverted: rgba(
    64,
    120,
    240,
    0.12
  );
  --cogs-ai-surface--status-neutral--muted--hover--inverted: rgba(
    64,
    120,
    240,
    0.2
  );
  --cogs-ai-surface--status-neutral--muted--pressed--inverted: rgba(
    64,
    120,
    240,
    0.22
  );
  --cogs-ai-surface--status-neutral--strong--default--inverted: rgb(
    129,
    166,
    245
  );
  --cogs-ai-surface--status-neutral--strong--hover--inverted: rgb(
    143,
    175,
    246
  );
  --cogs-ai-surface--status-neutral--strong--pressed--inverted: rgb(
    155,
    184,
    247
  );
  --cogs-ai-surface--status-success--muted--default--inverted: rgba(
    74,
    178,
    91,
    0.16
  );
  --cogs-ai-surface--status-success--muted--default--alt--inverted: rgba(
    74,
    178,
    91,
    0.12
  );
  --cogs-ai-surface--status-success--muted--hover--inverted: rgba(
    74,
    178,
    91,
    0.2
  );
  --cogs-ai-surface--status-success--muted--pressed--inverted: rgba(
    74,
    178,
    91,
    0.22
  );
  --cogs-ai-surface--status-success--strong--default--inverted: rgb(
    93,
    186,
    108
  );
  --cogs-ai-surface--status-success--strong--hover--inverted: rgb(
    111,
    194,
    123
  );
  --cogs-ai-surface--status-success--strong--pressed--inverted: rgb(
    128,
    201,
    139
  );
  --cogs-ai-surface--status-warning--muted--default--inverted: rgba(
    250,
    174,
    26,
    0.16
  );
  --cogs-ai-surface--status-warning--muted--default--alt--inverted: rgba(
    250,
    174,
    26,
    0.12
  );
  --cogs-ai-surface--status-warning--muted--hover--inverted: rgba(
    250,
    174,
    26,
    0.2
  );
  --cogs-ai-surface--status-warning--muted--pressed--inverted: rgba(
    250,
    174,
    26,
    0.22
  );
  --cogs-ai-surface--status-warning--strong--default--inverted: rgb(
    221,
    154,
    23
  );
  --cogs-ai-surface--status-warning--strong--hover--inverted: rgb(233, 162, 24);
  --cogs-ai-surface--status-warning--strong--pressed--inverted: rgb(
    245,
    170,
    25
  );
  --cogs-ai-surface--status-critical--muted--default--inverted: rgba(
    238,
    76,
    40,
    0.16
  );
  --cogs-ai-surface--status-critical--muted--default--alt--inverted: rgba(
    238,
    76,
    40,
    0.2
  );
  --cogs-ai-surface--status-critical--muted--hover--inverted: rgba(
    238,
    76,
    40,
    0.12
  );
  --cogs-ai-surface--status-critical--muted--pressed--inverted: rgba(
    238,
    76,
    40,
    0.22
  );
  --cogs-ai-surface--status-critical--strong--default--inverted: rgb(
    243,
    138,
    115
  );
  --cogs-ai-surface--status-critical--strong--hover--inverted: rgb(
    245,
    151,
    131
  );
  --cogs-ai-surface--status-critical--strong--pressed--inverted: rgb(
    246,
    164,
    146
  );
  --cogs-ai-surface--status-undefined--muted--default--inverted: rgba(
    79,
    79,
    79,
    0.4
  );
  --cogs-ai-surface--status-undefined--muted--default--alt--inverted: rgba(
    79,
    79,
    79,
    0.12
  );
  --cogs-ai-surface--status-undefined--muted--hover--inverted: rgba(
    79,
    79,
    79,
    0.2
  );
  --cogs-ai-surface--status-undefined--muted--pressed--inverted: rgba(
    79,
    79,
    79,
    0.22
  );
  --cogs-ai-surface--status-undefined--strong--default--inverted: rgb(
    167,
    167,
    167
  );
  --cogs-ai-surface--status-undefined--strong--hover--inverted: rgb(
    176,
    176,
    176
  );
  --cogs-ai-surface--status-undefined--strong--pressed--inverted: rgb(
    184,
    184,
    184
  );
  /* THEMED COLOR TOKENS */
  --cogs-themed-text-icon--strong: var(--cogs-text-icon--strong);
  --cogs-themed-text-icon--medium: var(--cogs-text-icon--medium);
  --cogs-themed-text-icon--muted: var(--cogs-text-icon--muted);
  --cogs-themed-text-icon--on-contrast--strong: var(
    --cogs-text-icon--on-contrast--strong
  );
  --cogs-themed-text-icon--interactive--default: var(
    --cogs-text-icon--interactive--default
  );
  --cogs-themed-text-icon--interactive--hover: var(
    --cogs-text-icon--interactive--hover
  );
  --cogs-themed-text-icon--interactive--pressed: var(
    --cogs-text-icon--interactive--pressed
  );
  --cogs-themed-text-icon--interactive--disabled: var(
    --cogs-text-icon--interactive--disabled
  );
  --cogs-themed-text-icon--status-neutral: var(
    --cogs-text-icon--status-neutral
  );
  --cogs-themed-text-icon--status-success: var(
    --cogs-text-icon--status-success
  );
  --cogs-themed-text-icon--status-warning: var(
    --cogs-text-icon--status-warning
  );
  --cogs-themed-text-icon--status-critical: var(
    --cogs-text-icon--status-critical
  );
  --cogs-themed-text-icon--status-undefined: var(
    --cogs-text-icon--status-undefined
  );
  --cogs-themed-border--muted: var(--cogs-border--muted);
  --cogs-themed-border--interactive--default: var(
    --cogs-border--interactive--default
  );
  --cogs-themed-border--interactive--default--alt: var(
    --cogs-border--interactive--default--alt
  );
  --cogs-themed-border--interactive--hover: var(
    --cogs-border--interactive--hover
  );
  --cogs-themed-border--interactive--toggled-default: var(
    --cogs-border--interactive--toggled-default
  );
  --cogs-themed-border--interactive--toggled-hover: var(
    --cogs-border--interactive--toggled-hover
  );
  --cogs-themed-border--interactive--toggled-pressed: var(
    --cogs-border--interactive--toggled-pressed
  );
  --cogs-themed-border--interactive--disabled: var(
    --cogs-border--interactive--disabled
  );
  --cogs-themed-border--status-neutral--muted: var(
    --cogs-border--status-neutral--muted
  );
  --cogs-themed-border--status-neutral--strong: var(
    --cogs-border--status-neutral--strong
  );
  --cogs-themed-border--status-success--muted: var(
    --cogs-border--status-success--muted
  );
  --cogs-themed-border--status-success--strong: var(
    --cogs-border--status-success--strong
  );
  --cogs-themed-border--status-warning--muted: var(
    --cogs-border--status-warning--muted
  );
  --cogs-themed-border--status-warning--strong: var(
    --cogs-border--status-warning--strong
  );
  --cogs-themed-border--status-critical--muted: var(
    --cogs-border--status-critical--muted
  );
  --cogs-themed-border--status-critical--strong: var(
    --cogs-border--status-critical--strong
  );
  --cogs-themed-border--status-undefined--muted: var(
    --cogs-border--status-undefined--muted
  );
  --cogs-themed-border--status-undefined--strong: var(
    --cogs-border--status-undefined--strong
  );
  --cogs-themed-surface--muted: var(--cogs-surface--muted);
  --cogs-themed-surface--medium: var(--cogs-surface--medium);
  --cogs-themed-surface--strong: var(--cogs-surface--strong);
  --cogs-themed-surface--misc-transparent: var(
    --cogs-surface--misc-transparent
  );
  --cogs-themed-surface--misc-backdrop: var(--cogs-surface--misc-backdrop);
  --cogs-themed-surface--misc-canvas: var(--cogs-surface--misc-canvas);
  --cogs-themed-surface--misc-code--muted: var(
    --cogs-surface--misc-code--muted
  );
  --cogs-themed-surface--misc-code--medium: var(
    --cogs-surface--misc-code--medium
  );
  --cogs-themed-surface--interactive--hover: var(
    --cogs-surface--interactive--hover
  );
  --cogs-themed-surface--interactive--pressed: var(
    --cogs-surface--interactive--pressed
  );
  --cogs-themed-surface--interactive--toggled-default: var(
    --cogs-surface--interactive--toggled-default
  );
  --cogs-themed-surface--interactive--toggled-hover: var(
    --cogs-surface--interactive--toggled-hover
  );
  --cogs-themed-surface--interactive--toggled-pressed: var(
    --cogs-surface--interactive--toggled-pressed
  );
  --cogs-themed-surface--interactive--disabled: var(
    --cogs-surface--interactive--disabled
  );
  --cogs-themed-surface--interactive--disabled--alt: var(
    --cogs-surface--interactive--disabled--alt
  );
  --cogs-themed-surface--action--strong--default: var(
    --cogs-surface--action--strong--default
  );
  --cogs-themed-surface--action--strong--hover: var(
    --cogs-surface--action--strong--hover
  );
  --cogs-themed-surface--action--strong--pressed: var(
    --cogs-surface--action--strong--pressed
  );
  --cogs-themed-surface--action--muted--default: var(
    --cogs-surface--action--muted--default
  );
  --cogs-themed-surface--action--muted--default--alt: var(
    --cogs-surface--action--muted--default--alt
  );
  --cogs-themed-surface--action--muted--hover: var(
    --cogs-surface--action--muted--hover
  );
  --cogs-themed-surface--action--muted--pressed: var(
    --cogs-surface--action--muted--pressed
  );
  --cogs-themed-surface--on--action--muted--default: var(
    --cogs-surface--on--action--muted--default
  );
  --cogs-themed-surface--on--action--muted--hover: var(
    --cogs-surface--on--action--muted--hover
  );
  --cogs-themed-surface--status-neutral--muted--default: var(
    --cogs-surface--status-neutral--muted--default
  );
  --cogs-themed-surface--status-neutral--muted--default--alt: var(
    --cogs-surface--status-neutral--muted--default--alt
  );
  --cogs-themed-surface--status-neutral--muted--hover: var(
    --cogs-surface--status-neutral--muted--hover
  );
  --cogs-themed-surface--status-neutral--muted--pressed: var(
    --cogs-surface--status-neutral--muted--pressed
  );
  --cogs-themed-surface--status-neutral--strong--default: var(
    --cogs-surface--status-neutral--strong--default
  );
  --cogs-themed-surface--status-neutral--strong--hover: var(
    --cogs-surface--status-neutral--strong--hover
  );
  --cogs-themed-surface--status-neutral--strong--pressed: var(
    --cogs-surface--status-neutral--strong--pressed
  );
  --cogs-themed-surface--status-success--muted--default: var(
    --cogs-surface--status-success--muted--default
  );
  --cogs-themed-surface--status-success--muted--default--alt: var(
    --cogs-surface--status-success--muted--default--alt
  );
  --cogs-themed-surface--status-success--muted--hover: var(
    --cogs-surface--status-success--muted--hover
  );
  --cogs-themed-surface--status-success--muted--pressed: var(
    --cogs-surface--status-success--muted--pressed
  );
  --cogs-themed-surface--status-success--strong--default: var(
    --cogs-surface--status-success--strong--default
  );
  --cogs-themed-surface--status-success--strong--hover: var(
    --cogs-surface--status-success--strong--hover
  );
  --cogs-themed-surface--status-success--strong--pressed: var(
    --cogs-surface--status-success--strong--pressed
  );
  --cogs-themed-surface--status-warning--muted--default: var(
    --cogs-surface--status-warning--muted--default
  );
  --cogs-themed-surface--status-warning--muted--default--alt: var(
    --cogs-surface--status-warning--muted--default--alt
  );
  --cogs-themed-surface--status-warning--muted--hover: var(
    --cogs-surface--status-warning--muted--hover
  );
  --cogs-themed-surface--status-warning--muted--pressed: var(
    --cogs-surface--status-warning--muted--pressed
  );
  --cogs-themed-surface--status-warning--strong--default: var(
    --cogs-surface--status-warning--strong--default
  );
  --cogs-themed-surface--status-warning--strong--hover: var(
    --cogs-surface--status-warning--strong--hover
  );
  --cogs-themed-surface--status-warning--strong--pressed: var(
    --cogs-surface--status-warning--strong--pressed
  );
  --cogs-themed-surface--status-critical--muted--default: var(
    --cogs-surface--status-critical--muted--default
  );
  --cogs-themed-surface--status-critical--muted--default--alt: var(
    --cogs-surface--status-critical--muted--default--alt
  );
  --cogs-themed-surface--status-critical--muted--hover: var(
    --cogs-surface--status-critical--muted--hover
  );
  --cogs-themed-surface--status-critical--muted--pressed: var(
    --cogs-surface--status-critical--muted--pressed
  );
  --cogs-themed-surface--status-critical--strong--default: var(
    --cogs-surface--status-critical--strong--default
  );
  --cogs-themed-surface--status-critical--strong--hover: var(
    --cogs-surface--status-critical--strong--hover
  );
  --cogs-themed-surface--status-critical--strong--pressed: var(
    --cogs-surface--status-critical--strong--pressed
  );
  --cogs-themed-surface--status-undefined--muted--default: var(
    --cogs-surface--status-undefined--muted--default
  );
  --cogs-themed-surface--status-undefined--muted--default--alt: var(
    --cogs-surface--status-undefined--muted--default--alt
  );
  --cogs-themed-surface--status-undefined--muted--hover: var(
    --cogs-surface--status-undefined--muted--hover
  );
  --cogs-themed-surface--status-undefined--muted--pressed: var(
    --cogs-surface--status-undefined--muted--pressed
  );
  --cogs-themed-surface--status-undefined--strong--default: var(
    --cogs-surface--status-undefined--strong--default
  );
  --cogs-themed-surface--status-undefined--strong--hover: var(
    --cogs-surface--status-undefined--strong--hover
  );
  --cogs-themed-surface--status-undefined--strong--pressed: var(
    --cogs-surface--status-undefined--strong--pressed
  );
  /* GRADIENT TOKENS */
  --cogs-decorative--gradient--dusk: linear-gradient(
    45deg,
    rgb(35, 216, 237) 0%,
    rgb(73, 103, 251) 100%
  );
  --cogs-decorative--gradient--midnight-blue: linear-gradient(
    45deg,
    rgb(200, 68, 219) 0%,
    rgb(73, 103, 251) 100%
  );
  --cogs-decorative--gradient--dawn: linear-gradient(
    45deg,
    rgb(200, 68, 219) 0%,
    rgb(251, 36, 116) 100%
  );
  --cogs-decorative--gradient--sunset: linear-gradient(
    45deg,
    rgb(251, 36, 116) 0%,
    rgb(255, 105, 23) 100%
  );
  --cogs-decorative--gradient--sunrise: linear-gradient(
    45deg,
    rgb(255, 105, 23) 0%,
    rgb(255, 187, 0) 100%
  );
}
:root .cogs-themed--inverted {
  --cogs-themed-text-icon--strong: var(--cogs-text-icon--strong--inverted);
  --cogs-themed-text-icon--medium: var(--cogs-text-icon--medium--inverted);
  --cogs-themed-text-icon--muted: var(--cogs-text-icon--muted--inverted);
  --cogs-themed-text-icon--on-contrast--strong: var(
    --cogs-text-icon--on-contrast--strong--inverted
  );
  --cogs-themed-text-icon--interactive--default: var(
    --cogs-text-icon--interactive--default--inverted
  );
  --cogs-themed-text-icon--interactive--hover: var(
    --cogs-text-icon--interactive--hover--inverted
  );
  --cogs-themed-text-icon--interactive--pressed: var(
    --cogs-text-icon--interactive--pressed--inverted
  );
  --cogs-themed-text-icon--interactive--disabled: var(
    --cogs-text-icon--interactive--disabled--inverted
  );
  --cogs-themed-text-icon--status-neutral: var(
    --cogs-text-icon--status-neutral--inverted
  );
  --cogs-themed-text-icon--status-success: var(
    --cogs-text-icon--status-success--inverted
  );
  --cogs-themed-text-icon--status-warning: var(
    --cogs-text-icon--status-warning--inverted
  );
  --cogs-themed-text-icon--status-critical: var(
    --cogs-text-icon--status-critical--inverted
  );
  --cogs-themed-text-icon--status-undefined: var(
    --cogs-text-icon--status-undefined--inverted
  );
  --cogs-themed-border--muted: var(--cogs-border--muted--inverted);
  --cogs-themed-border--interactive--default: var(
    --cogs-border--interactive--default--inverted
  );
  --cogs-themed-border--interactive--default--alt: var(
    --cogs-border--interactive--default--alt--inverted
  );
  --cogs-themed-border--interactive--hover: var(
    --cogs-border--interactive--hover--inverted
  );
  --cogs-themed-border--interactive--toggled-default: var(
    --cogs-border--interactive--toggled-default--inverted
  );
  --cogs-themed-border--interactive--toggled-hover: var(
    --cogs-border--interactive--toggled-hover--inverted
  );
  --cogs-themed-border--interactive--toggled-pressed: var(
    --cogs-border--interactive--toggled-pressed--inverted
  );
  --cogs-themed-border--interactive--disabled: var(
    --cogs-border--interactive--disabled--inverted
  );
  --cogs-themed-border--status-neutral--muted: var(
    --cogs-border--status-neutral--muted--inverted
  );
  --cogs-themed-border--status-neutral--strong: var(
    --cogs-border--status-neutral--strong--inverted
  );
  --cogs-themed-border--status-success--muted: var(
    --cogs-border--status-success--muted--inverted
  );
  --cogs-themed-border--status-success--strong: var(
    --cogs-border--status-success--strong--inverted
  );
  --cogs-themed-border--status-warning--muted: var(
    --cogs-border--status-warning--muted--inverted
  );
  --cogs-themed-border--status-warning--strong: var(
    --cogs-border--status-warning--strong--inverted
  );
  --cogs-themed-border--status-critical--muted: var(
    --cogs-border--status-critical--muted--inverted
  );
  --cogs-themed-border--status-critical--strong: var(
    --cogs-border--status-critical--strong--inverted
  );
  --cogs-themed-border--status-undefined--muted: var(
    --cogs-border--status-undefined--muted--inverted
  );
  --cogs-themed-border--status-undefined--strong: var(
    --cogs-border--status-undefined--strong--inverted
  );
  --cogs-themed-surface--muted: var(--cogs-surface--muted--inverted);
  --cogs-themed-surface--medium: var(--cogs-surface--medium--inverted);
  --cogs-themed-surface--strong: var(--cogs-surface--strong--inverted);
  --cogs-themed-surface--misc-transparent: var(
    --cogs-surface--misc-transparent--inverted
  );
  --cogs-themed-surface--misc-backdrop: var(
    --cogs-surface--misc-backdrop--inverted
  );
  --cogs-themed-surface--misc-canvas: var(
    --cogs-surface--misc-canvas--inverted
  );
  --cogs-themed-surface--misc-code--muted: var(
    --cogs-surface--misc-code--muted--inverted
  );
  --cogs-themed-surface--misc-code--medium: var(
    --cogs-surface--misc-code--medium--inverted
  );
  --cogs-themed-surface--interactive--hover: var(
    --cogs-surface--interactive--hover--inverted
  );
  --cogs-themed-surface--interactive--pressed: var(
    --cogs-surface--interactive--pressed--inverted
  );
  --cogs-themed-surface--interactive--toggled-default: var(
    --cogs-surface--interactive--toggled-default--inverted
  );
  --cogs-themed-surface--interactive--toggled-hover: var(
    --cogs-surface--interactive--toggled-hover--inverted
  );
  --cogs-themed-surface--interactive--toggled-pressed: var(
    --cogs-surface--interactive--toggled-pressed--inverted
  );
  --cogs-themed-surface--interactive--disabled: var(
    --cogs-surface--interactive--disabled--inverted
  );
  --cogs-themed-surface--interactive--disabled--alt: var(
    --cogs-surface--interactive--disabled--alt--inverted
  );
  --cogs-themed-surface--action--strong--default: var(
    --cogs-surface--action--strong--default--inverted
  );
  --cogs-themed-surface--action--strong--hover: var(
    --cogs-surface--action--strong--hover--inverted
  );
  --cogs-themed-surface--action--strong--pressed: var(
    --cogs-surface--action--strong--pressed--inverted
  );
  --cogs-themed-surface--action--muted--default: var(
    --cogs-surface--action--muted--default--inverted
  );
  --cogs-themed-surface--action--muted--default--alt: var(
    --cogs-surface--action--muted--default--alt--inverted
  );
  --cogs-themed-surface--action--muted--hover: var(
    --cogs-surface--action--muted--hover--inverted
  );
  --cogs-themed-surface--action--muted--pressed: var(
    --cogs-surface--action--muted--pressed--inverted
  );
  --cogs-themed-surface--on--action--muted--default: var(
    --cogs-surface--on--action--muted--default--inverted
  );
  --cogs-themed-surface--on--action--muted--hover: var(
    --cogs-surface--on--action--muted--hover--inverted
  );
  --cogs-themed-surface--status-neutral--muted--default: var(
    --cogs-surface--status-neutral--muted--default--inverted
  );
  --cogs-themed-surface--status-neutral--muted--default--alt: var(
    --cogs-surface--status-neutral--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-neutral--muted--hover: var(
    --cogs-surface--status-neutral--muted--hover--inverted
  );
  --cogs-themed-surface--status-neutral--muted--pressed: var(
    --cogs-surface--status-neutral--muted--pressed--inverted
  );
  --cogs-themed-surface--status-neutral--strong--default: var(
    --cogs-surface--status-neutral--strong--default--inverted
  );
  --cogs-themed-surface--status-neutral--strong--hover: var(
    --cogs-surface--status-neutral--strong--hover--inverted
  );
  --cogs-themed-surface--status-neutral--strong--pressed: var(
    --cogs-surface--status-neutral--strong--pressed--inverted
  );
  --cogs-themed-surface--status-success--muted--default: var(
    --cogs-surface--status-success--muted--default--inverted
  );
  --cogs-themed-surface--status-success--muted--default--alt: var(
    --cogs-surface--status-success--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-success--muted--hover: var(
    --cogs-surface--status-success--muted--hover--inverted
  );
  --cogs-themed-surface--status-success--muted--pressed: var(
    --cogs-surface--status-success--muted--pressed--inverted
  );
  --cogs-themed-surface--status-success--strong--default: var(
    --cogs-surface--status-success--strong--default--inverted
  );
  --cogs-themed-surface--status-success--strong--hover: var(
    --cogs-surface--status-success--strong--hover--inverted
  );
  --cogs-themed-surface--status-success--strong--pressed: var(
    --cogs-surface--status-success--strong--pressed--inverted
  );
  --cogs-themed-surface--status-warning--muted--default: var(
    --cogs-surface--status-warning--muted--default--inverted
  );
  --cogs-themed-surface--status-warning--muted--default--alt: var(
    --cogs-surface--status-warning--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-warning--muted--hover: var(
    --cogs-surface--status-warning--muted--hover--inverted
  );
  --cogs-themed-surface--status-warning--muted--pressed: var(
    --cogs-surface--status-warning--muted--pressed--inverted
  );
  --cogs-themed-surface--status-warning--strong--default: var(
    --cogs-surface--status-warning--strong--default--inverted
  );
  --cogs-themed-surface--status-warning--strong--hover: var(
    --cogs-surface--status-warning--strong--hover--inverted
  );
  --cogs-themed-surface--status-warning--strong--pressed: var(
    --cogs-surface--status-warning--strong--pressed--inverted
  );
  --cogs-themed-surface--status-critical--muted--default: var(
    --cogs-surface--status-critical--muted--default--inverted
  );
  --cogs-themed-surface--status-critical--muted--default--alt: var(
    --cogs-surface--status-critical--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-critical--muted--hover: var(
    --cogs-surface--status-critical--muted--hover--inverted
  );
  --cogs-themed-surface--status-critical--muted--pressed: var(
    --cogs-surface--status-critical--muted--pressed--inverted
  );
  --cogs-themed-surface--status-critical--strong--default: var(
    --cogs-surface--status-critical--strong--default--inverted
  );
  --cogs-themed-surface--status-critical--strong--hover: var(
    --cogs-surface--status-critical--strong--hover--inverted
  );
  --cogs-themed-surface--status-critical--strong--pressed: var(
    --cogs-surface--status-critical--strong--pressed--inverted
  );
  --cogs-themed-surface--status-undefined--muted--default: var(
    --cogs-surface--status-undefined--muted--default--inverted
  );
  --cogs-themed-surface--status-undefined--muted--default--alt: var(
    --cogs-surface--status-undefined--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-undefined--muted--hover: var(
    --cogs-surface--status-undefined--muted--hover--inverted
  );
  --cogs-themed-surface--status-undefined--muted--pressed: var(
    --cogs-surface--status-undefined--muted--pressed--inverted
  );
  --cogs-themed-surface--status-undefined--strong--default: var(
    --cogs-surface--status-undefined--strong--default--inverted
  );
  --cogs-themed-surface--status-undefined--strong--hover: var(
    --cogs-surface--status-undefined--strong--hover--inverted
  );
  --cogs-themed-surface--status-undefined--strong--pressed: var(
    --cogs-surface--status-undefined--strong--pressed--inverted
  );
}

.cogs-themed--base {
  --cogs-themed-text-icon--strong: var(--cogs-text-icon--strong);
  --cogs-themed-text-icon--medium: var(--cogs-text-icon--medium);
  --cogs-themed-text-icon--muted: var(--cogs-text-icon--muted);
  --cogs-themed-text-icon--on-contrast--strong: var(
    --cogs-text-icon--on-contrast--strong
  );
  --cogs-themed-text-icon--interactive--default: var(
    --cogs-text-icon--interactive--default
  );
  --cogs-themed-text-icon--interactive--hover: var(
    --cogs-text-icon--interactive--hover
  );
  --cogs-themed-text-icon--interactive--pressed: var(
    --cogs-text-icon--interactive--pressed
  );
  --cogs-themed-text-icon--interactive--disabled: var(
    --cogs-text-icon--interactive--disabled
  );
  --cogs-themed-text-icon--status-neutral: var(
    --cogs-text-icon--status-neutral
  );
  --cogs-themed-text-icon--status-success: var(
    --cogs-text-icon--status-success
  );
  --cogs-themed-text-icon--status-warning: var(
    --cogs-text-icon--status-warning
  );
  --cogs-themed-text-icon--status-critical: var(
    --cogs-text-icon--status-critical
  );
  --cogs-themed-text-icon--status-undefined: var(
    --cogs-text-icon--status-undefined
  );
  --cogs-themed-border--muted: var(--cogs-border--muted);
  --cogs-themed-border--interactive--default: var(
    --cogs-border--interactive--default
  );
  --cogs-themed-border--interactive--default--alt: var(
    --cogs-border--interactive--default--alt
  );
  --cogs-themed-border--interactive--hover: var(
    --cogs-border--interactive--hover
  );
  --cogs-themed-border--interactive--toggled-default: var(
    --cogs-border--interactive--toggled-default
  );
  --cogs-themed-border--interactive--toggled-hover: var(
    --cogs-border--interactive--toggled-hover
  );
  --cogs-themed-border--interactive--toggled-pressed: var(
    --cogs-border--interactive--toggled-pressed
  );
  --cogs-themed-border--interactive--disabled: var(
    --cogs-border--interactive--disabled
  );
  --cogs-themed-border--status-neutral--muted: var(
    --cogs-border--status-neutral--muted
  );
  --cogs-themed-border--status-neutral--strong: var(
    --cogs-border--status-neutral--strong
  );
  --cogs-themed-border--status-success--muted: var(
    --cogs-border--status-success--muted
  );
  --cogs-themed-border--status-success--strong: var(
    --cogs-border--status-success--strong
  );
  --cogs-themed-border--status-warning--muted: var(
    --cogs-border--status-warning--muted
  );
  --cogs-themed-border--status-warning--strong: var(
    --cogs-border--status-warning--strong
  );
  --cogs-themed-border--status-critical--muted: var(
    --cogs-border--status-critical--muted
  );
  --cogs-themed-border--status-critical--strong: var(
    --cogs-border--status-critical--strong
  );
  --cogs-themed-border--status-undefined--muted: var(
    --cogs-border--status-undefined--muted
  );
  --cogs-themed-border--status-undefined--strong: var(
    --cogs-border--status-undefined--strong
  );
  --cogs-themed-surface--muted: var(--cogs-surface--muted);
  --cogs-themed-surface--medium: var(--cogs-surface--medium);
  --cogs-themed-surface--strong: var(--cogs-surface--strong);
  --cogs-themed-surface--misc-transparent: var(
    --cogs-surface--misc-transparent
  );
  --cogs-themed-surface--misc-backdrop: var(--cogs-surface--misc-backdrop);
  --cogs-themed-surface--misc-canvas: var(--cogs-surface--misc-canvas);
  --cogs-themed-surface--misc-code--muted: var(
    --cogs-surface--misc-code--muted
  );
  --cogs-themed-surface--misc-code--medium: var(
    --cogs-surface--misc-code--medium
  );
  --cogs-themed-surface--interactive--hover: var(
    --cogs-surface--interactive--hover
  );
  --cogs-themed-surface--interactive--pressed: var(
    --cogs-surface--interactive--pressed
  );
  --cogs-themed-surface--interactive--toggled-default: var(
    --cogs-surface--interactive--toggled-default
  );
  --cogs-themed-surface--interactive--toggled-hover: var(
    --cogs-surface--interactive--toggled-hover
  );
  --cogs-themed-surface--interactive--toggled-pressed: var(
    --cogs-surface--interactive--toggled-pressed
  );
  --cogs-themed-surface--interactive--disabled: var(
    --cogs-surface--interactive--disabled
  );
  --cogs-themed-surface--interactive--disabled--alt: var(
    --cogs-surface--interactive--disabled--alt
  );
  --cogs-themed-surface--action--strong--default: var(
    --cogs-surface--action--strong--default
  );
  --cogs-themed-surface--action--strong--hover: var(
    --cogs-surface--action--strong--hover
  );
  --cogs-themed-surface--action--strong--pressed: var(
    --cogs-surface--action--strong--pressed
  );
  --cogs-themed-surface--action--muted--default: var(
    --cogs-surface--action--muted--default
  );
  --cogs-themed-surface--action--muted--default--alt: var(
    --cogs-surface--action--muted--default--alt
  );
  --cogs-themed-surface--action--muted--hover: var(
    --cogs-surface--action--muted--hover
  );
  --cogs-themed-surface--action--muted--pressed: var(
    --cogs-surface--action--muted--pressed
  );
  --cogs-themed-surface--on--action--muted--default: var(
    --cogs-surface--on--action--muted--default
  );
  --cogs-themed-surface--on--action--muted--hover: var(
    --cogs-surface--on--action--muted--hover
  );
  --cogs-themed-surface--status-neutral--muted--default: var(
    --cogs-surface--status-neutral--muted--default
  );
  --cogs-themed-surface--status-neutral--muted--default--alt: var(
    --cogs-surface--status-neutral--muted--default--alt
  );
  --cogs-themed-surface--status-neutral--muted--hover: var(
    --cogs-surface--status-neutral--muted--hover
  );
  --cogs-themed-surface--status-neutral--muted--pressed: var(
    --cogs-surface--status-neutral--muted--pressed
  );
  --cogs-themed-surface--status-neutral--strong--default: var(
    --cogs-surface--status-neutral--strong--default
  );
  --cogs-themed-surface--status-neutral--strong--hover: var(
    --cogs-surface--status-neutral--strong--hover
  );
  --cogs-themed-surface--status-neutral--strong--pressed: var(
    --cogs-surface--status-neutral--strong--pressed
  );
  --cogs-themed-surface--status-success--muted--default: var(
    --cogs-surface--status-success--muted--default
  );
  --cogs-themed-surface--status-success--muted--default--alt: var(
    --cogs-surface--status-success--muted--default--alt
  );
  --cogs-themed-surface--status-success--muted--hover: var(
    --cogs-surface--status-success--muted--hover
  );
  --cogs-themed-surface--status-success--muted--pressed: var(
    --cogs-surface--status-success--muted--pressed
  );
  --cogs-themed-surface--status-success--strong--default: var(
    --cogs-surface--status-success--strong--default
  );
  --cogs-themed-surface--status-success--strong--hover: var(
    --cogs-surface--status-success--strong--hover
  );
  --cogs-themed-surface--status-success--strong--pressed: var(
    --cogs-surface--status-success--strong--pressed
  );
  --cogs-themed-surface--status-warning--muted--default: var(
    --cogs-surface--status-warning--muted--default
  );
  --cogs-themed-surface--status-warning--muted--default--alt: var(
    --cogs-surface--status-warning--muted--default--alt
  );
  --cogs-themed-surface--status-warning--muted--hover: var(
    --cogs-surface--status-warning--muted--hover
  );
  --cogs-themed-surface--status-warning--muted--pressed: var(
    --cogs-surface--status-warning--muted--pressed
  );
  --cogs-themed-surface--status-warning--strong--default: var(
    --cogs-surface--status-warning--strong--default
  );
  --cogs-themed-surface--status-warning--strong--hover: var(
    --cogs-surface--status-warning--strong--hover
  );
  --cogs-themed-surface--status-warning--strong--pressed: var(
    --cogs-surface--status-warning--strong--pressed
  );
  --cogs-themed-surface--status-critical--muted--default: var(
    --cogs-surface--status-critical--muted--default
  );
  --cogs-themed-surface--status-critical--muted--default--alt: var(
    --cogs-surface--status-critical--muted--default--alt
  );
  --cogs-themed-surface--status-critical--muted--hover: var(
    --cogs-surface--status-critical--muted--hover
  );
  --cogs-themed-surface--status-critical--muted--pressed: var(
    --cogs-surface--status-critical--muted--pressed
  );
  --cogs-themed-surface--status-critical--strong--default: var(
    --cogs-surface--status-critical--strong--default
  );
  --cogs-themed-surface--status-critical--strong--hover: var(
    --cogs-surface--status-critical--strong--hover
  );
  --cogs-themed-surface--status-critical--strong--pressed: var(
    --cogs-surface--status-critical--strong--pressed
  );
  --cogs-themed-surface--status-undefined--muted--default: var(
    --cogs-surface--status-undefined--muted--default
  );
  --cogs-themed-surface--status-undefined--muted--default--alt: var(
    --cogs-surface--status-undefined--muted--default--alt
  );
  --cogs-themed-surface--status-undefined--muted--hover: var(
    --cogs-surface--status-undefined--muted--hover
  );
  --cogs-themed-surface--status-undefined--muted--pressed: var(
    --cogs-surface--status-undefined--muted--pressed
  );
  --cogs-themed-surface--status-undefined--strong--default: var(
    --cogs-surface--status-undefined--strong--default
  );
  --cogs-themed-surface--status-undefined--strong--hover: var(
    --cogs-surface--status-undefined--strong--hover
  );
  --cogs-themed-surface--status-undefined--strong--pressed: var(
    --cogs-surface--status-undefined--strong--pressed
  );
}

.cogs-themed--base.cogs-themed--inverted {
  --cogs-themed-text-icon--strong: var(--cogs-text-icon--strong--inverted);
  --cogs-themed-text-icon--medium: var(--cogs-text-icon--medium--inverted);
  --cogs-themed-text-icon--muted: var(--cogs-text-icon--muted--inverted);
  --cogs-themed-text-icon--on-contrast--strong: var(
    --cogs-text-icon--on-contrast--strong--inverted
  );
  --cogs-themed-text-icon--interactive--default: var(
    --cogs-text-icon--interactive--default--inverted
  );
  --cogs-themed-text-icon--interactive--hover: var(
    --cogs-text-icon--interactive--hover--inverted
  );
  --cogs-themed-text-icon--interactive--pressed: var(
    --cogs-text-icon--interactive--pressed--inverted
  );
  --cogs-themed-text-icon--interactive--disabled: var(
    --cogs-text-icon--interactive--disabled--inverted
  );
  --cogs-themed-text-icon--status-neutral: var(
    --cogs-text-icon--status-neutral--inverted
  );
  --cogs-themed-text-icon--status-success: var(
    --cogs-text-icon--status-success--inverted
  );
  --cogs-themed-text-icon--status-warning: var(
    --cogs-text-icon--status-warning--inverted
  );
  --cogs-themed-text-icon--status-critical: var(
    --cogs-text-icon--status-critical--inverted
  );
  --cogs-themed-text-icon--status-undefined: var(
    --cogs-text-icon--status-undefined--inverted
  );
  --cogs-themed-border--muted: var(--cogs-border--muted--inverted);
  --cogs-themed-border--interactive--default: var(
    --cogs-border--interactive--default--inverted
  );
  --cogs-themed-border--interactive--default--alt: var(
    --cogs-border--interactive--default--alt--inverted
  );
  --cogs-themed-border--interactive--hover: var(
    --cogs-border--interactive--hover--inverted
  );
  --cogs-themed-border--interactive--toggled-default: var(
    --cogs-border--interactive--toggled-default--inverted
  );
  --cogs-themed-border--interactive--toggled-hover: var(
    --cogs-border--interactive--toggled-hover--inverted
  );
  --cogs-themed-border--interactive--toggled-pressed: var(
    --cogs-border--interactive--toggled-pressed--inverted
  );
  --cogs-themed-border--interactive--disabled: var(
    --cogs-border--interactive--disabled--inverted
  );
  --cogs-themed-border--status-neutral--muted: var(
    --cogs-border--status-neutral--muted--inverted
  );
  --cogs-themed-border--status-neutral--strong: var(
    --cogs-border--status-neutral--strong--inverted
  );
  --cogs-themed-border--status-success--muted: var(
    --cogs-border--status-success--muted--inverted
  );
  --cogs-themed-border--status-success--strong: var(
    --cogs-border--status-success--strong--inverted
  );
  --cogs-themed-border--status-warning--muted: var(
    --cogs-border--status-warning--muted--inverted
  );
  --cogs-themed-border--status-warning--strong: var(
    --cogs-border--status-warning--strong--inverted
  );
  --cogs-themed-border--status-critical--muted: var(
    --cogs-border--status-critical--muted--inverted
  );
  --cogs-themed-border--status-critical--strong: var(
    --cogs-border--status-critical--strong--inverted
  );
  --cogs-themed-border--status-undefined--muted: var(
    --cogs-border--status-undefined--muted--inverted
  );
  --cogs-themed-border--status-undefined--strong: var(
    --cogs-border--status-undefined--strong--inverted
  );
  --cogs-themed-surface--muted: var(--cogs-surface--muted--inverted);
  --cogs-themed-surface--medium: var(--cogs-surface--medium--inverted);
  --cogs-themed-surface--strong: var(--cogs-surface--strong--inverted);
  --cogs-themed-surface--misc-transparent: var(
    --cogs-surface--misc-transparent--inverted
  );
  --cogs-themed-surface--misc-backdrop: var(
    --cogs-surface--misc-backdrop--inverted
  );
  --cogs-themed-surface--misc-canvas: var(
    --cogs-surface--misc-canvas--inverted
  );
  --cogs-themed-surface--misc-code--muted: var(
    --cogs-surface--misc-code--muted--inverted
  );
  --cogs-themed-surface--misc-code--medium: var(
    --cogs-surface--misc-code--medium--inverted
  );
  --cogs-themed-surface--interactive--hover: var(
    --cogs-surface--interactive--hover--inverted
  );
  --cogs-themed-surface--interactive--pressed: var(
    --cogs-surface--interactive--pressed--inverted
  );
  --cogs-themed-surface--interactive--toggled-default: var(
    --cogs-surface--interactive--toggled-default--inverted
  );
  --cogs-themed-surface--interactive--toggled-hover: var(
    --cogs-surface--interactive--toggled-hover--inverted
  );
  --cogs-themed-surface--interactive--toggled-pressed: var(
    --cogs-surface--interactive--toggled-pressed--inverted
  );
  --cogs-themed-surface--interactive--disabled: var(
    --cogs-surface--interactive--disabled--inverted
  );
  --cogs-themed-surface--interactive--disabled--alt: var(
    --cogs-surface--interactive--disabled--alt--inverted
  );
  --cogs-themed-surface--action--strong--default: var(
    --cogs-surface--action--strong--default--inverted
  );
  --cogs-themed-surface--action--strong--hover: var(
    --cogs-surface--action--strong--hover--inverted
  );
  --cogs-themed-surface--action--strong--pressed: var(
    --cogs-surface--action--strong--pressed--inverted
  );
  --cogs-themed-surface--action--muted--default: var(
    --cogs-surface--action--muted--default--inverted
  );
  --cogs-themed-surface--action--muted--default--alt: var(
    --cogs-surface--action--muted--default--alt--inverted
  );
  --cogs-themed-surface--action--muted--hover: var(
    --cogs-surface--action--muted--hover--inverted
  );
  --cogs-themed-surface--action--muted--pressed: var(
    --cogs-surface--action--muted--pressed--inverted
  );
  --cogs-themed-surface--on--action--muted--default: var(
    --cogs-surface--on--action--muted--default--inverted
  );
  --cogs-themed-surface--on--action--muted--hover: var(
    --cogs-surface--on--action--muted--hover--inverted
  );
  --cogs-themed-surface--status-neutral--muted--default: var(
    --cogs-surface--status-neutral--muted--default--inverted
  );
  --cogs-themed-surface--status-neutral--muted--default--alt: var(
    --cogs-surface--status-neutral--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-neutral--muted--hover: var(
    --cogs-surface--status-neutral--muted--hover--inverted
  );
  --cogs-themed-surface--status-neutral--muted--pressed: var(
    --cogs-surface--status-neutral--muted--pressed--inverted
  );
  --cogs-themed-surface--status-neutral--strong--default: var(
    --cogs-surface--status-neutral--strong--default--inverted
  );
  --cogs-themed-surface--status-neutral--strong--hover: var(
    --cogs-surface--status-neutral--strong--hover--inverted
  );
  --cogs-themed-surface--status-neutral--strong--pressed: var(
    --cogs-surface--status-neutral--strong--pressed--inverted
  );
  --cogs-themed-surface--status-success--muted--default: var(
    --cogs-surface--status-success--muted--default--inverted
  );
  --cogs-themed-surface--status-success--muted--default--alt: var(
    --cogs-surface--status-success--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-success--muted--hover: var(
    --cogs-surface--status-success--muted--hover--inverted
  );
  --cogs-themed-surface--status-success--muted--pressed: var(
    --cogs-surface--status-success--muted--pressed--inverted
  );
  --cogs-themed-surface--status-success--strong--default: var(
    --cogs-surface--status-success--strong--default--inverted
  );
  --cogs-themed-surface--status-success--strong--hover: var(
    --cogs-surface--status-success--strong--hover--inverted
  );
  --cogs-themed-surface--status-success--strong--pressed: var(
    --cogs-surface--status-success--strong--pressed--inverted
  );
  --cogs-themed-surface--status-warning--muted--default: var(
    --cogs-surface--status-warning--muted--default--inverted
  );
  --cogs-themed-surface--status-warning--muted--default--alt: var(
    --cogs-surface--status-warning--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-warning--muted--hover: var(
    --cogs-surface--status-warning--muted--hover--inverted
  );
  --cogs-themed-surface--status-warning--muted--pressed: var(
    --cogs-surface--status-warning--muted--pressed--inverted
  );
  --cogs-themed-surface--status-warning--strong--default: var(
    --cogs-surface--status-warning--strong--default--inverted
  );
  --cogs-themed-surface--status-warning--strong--hover: var(
    --cogs-surface--status-warning--strong--hover--inverted
  );
  --cogs-themed-surface--status-warning--strong--pressed: var(
    --cogs-surface--status-warning--strong--pressed--inverted
  );
  --cogs-themed-surface--status-critical--muted--default: var(
    --cogs-surface--status-critical--muted--default--inverted
  );
  --cogs-themed-surface--status-critical--muted--default--alt: var(
    --cogs-surface--status-critical--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-critical--muted--hover: var(
    --cogs-surface--status-critical--muted--hover--inverted
  );
  --cogs-themed-surface--status-critical--muted--pressed: var(
    --cogs-surface--status-critical--muted--pressed--inverted
  );
  --cogs-themed-surface--status-critical--strong--default: var(
    --cogs-surface--status-critical--strong--default--inverted
  );
  --cogs-themed-surface--status-critical--strong--hover: var(
    --cogs-surface--status-critical--strong--hover--inverted
  );
  --cogs-themed-surface--status-critical--strong--pressed: var(
    --cogs-surface--status-critical--strong--pressed--inverted
  );
  --cogs-themed-surface--status-undefined--muted--default: var(
    --cogs-surface--status-undefined--muted--default--inverted
  );
  --cogs-themed-surface--status-undefined--muted--default--alt: var(
    --cogs-surface--status-undefined--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-undefined--muted--hover: var(
    --cogs-surface--status-undefined--muted--hover--inverted
  );
  --cogs-themed-surface--status-undefined--muted--pressed: var(
    --cogs-surface--status-undefined--muted--pressed--inverted
  );
  --cogs-themed-surface--status-undefined--strong--default: var(
    --cogs-surface--status-undefined--strong--default--inverted
  );
  --cogs-themed-surface--status-undefined--strong--hover: var(
    --cogs-surface--status-undefined--strong--hover--inverted
  );
  --cogs-themed-surface--status-undefined--strong--pressed: var(
    --cogs-surface--status-undefined--strong--pressed--inverted
  );
}

.cogs-themed--ai {
  --cogs-themed-text-icon--strong: var(--cogs-ai-text-icon--strong);
  --cogs-themed-text-icon--medium: var(--cogs-ai-text-icon--medium);
  --cogs-themed-text-icon--muted: var(--cogs-ai-text-icon--muted);
  --cogs-themed-text-icon--on-contrast--strong: var(
    --cogs-ai-text-icon--on-contrast--strong
  );
  --cogs-themed-text-icon--interactive--default: var(
    --cogs-ai-text-icon--interactive--default
  );
  --cogs-themed-text-icon--interactive--hover: var(
    --cogs-ai-text-icon--interactive--hover
  );
  --cogs-themed-text-icon--interactive--pressed: var(
    --cogs-ai-text-icon--interactive--pressed
  );
  --cogs-themed-text-icon--interactive--disabled: var(
    --cogs-ai-text-icon--interactive--disabled
  );
  --cogs-themed-text-icon--status-neutral: var(
    --cogs-ai-text-icon--status-neutral
  );
  --cogs-themed-text-icon--status-success: var(
    --cogs-ai-text-icon--status-success
  );
  --cogs-themed-text-icon--status-warning: var(
    --cogs-ai-text-icon--status-warning
  );
  --cogs-themed-text-icon--status-critical: var(
    --cogs-ai-text-icon--status-critical
  );
  --cogs-themed-text-icon--status-undefined: var(
    --cogs-ai-text-icon--status-undefined
  );
  --cogs-themed-border--muted: var(--cogs-ai-border--muted);
  --cogs-themed-border--interactive--default: var(
    --cogs-ai-border--interactive--default
  );
  --cogs-themed-border--interactive--default--alt: var(
    --cogs-ai-border--interactive--default--alt
  );
  --cogs-themed-border--interactive--hover: var(
    --cogs-ai-border--interactive--hover
  );
  --cogs-themed-border--interactive--toggled-default: var(
    --cogs-ai-border--interactive--toggled-default
  );
  --cogs-themed-border--interactive--toggled-hover: var(
    --cogs-ai-border--interactive--toggled-hover
  );
  --cogs-themed-border--interactive--toggled-pressed: var(
    --cogs-ai-border--interactive--toggled-pressed
  );
  --cogs-themed-border--interactive--disabled: var(
    --cogs-ai-border--interactive--disabled
  );
  --cogs-themed-border--status-neutral--muted: var(
    --cogs-ai-border--status-neutral--muted
  );
  --cogs-themed-border--status-neutral--strong: var(
    --cogs-ai-border--status-neutral--strong
  );
  --cogs-themed-border--status-success--muted: var(
    --cogs-ai-border--status-success--muted
  );
  --cogs-themed-border--status-success--strong: var(
    --cogs-ai-border--status-success--strong
  );
  --cogs-themed-border--status-warning--muted: var(
    --cogs-ai-border--status-warning--muted
  );
  --cogs-themed-border--status-warning--strong: var(
    --cogs-ai-border--status-warning--strong
  );
  --cogs-themed-border--status-critical--muted: var(
    --cogs-ai-border--status-critical--muted
  );
  --cogs-themed-border--status-critical--strong: var(
    --cogs-ai-border--status-critical--strong
  );
  --cogs-themed-border--status-undefined--muted: var(
    --cogs-ai-border--status-undefined--muted
  );
  --cogs-themed-border--status-undefined--strong: var(
    --cogs-ai-border--status-undefined--strong
  );
  --cogs-themed-surface--muted: var(--cogs-ai-surface--muted);
  --cogs-themed-surface--medium: var(--cogs-ai-surface--medium);
  --cogs-themed-surface--strong: var(--cogs-ai-surface--strong);
  --cogs-themed-surface--misc-transparent: var(
    --cogs-ai-surface--misc-transparent
  );
  --cogs-themed-surface--misc-backdrop: var(--cogs-ai-surface--misc-backdrop);
  --cogs-themed-surface--misc-canvas: var(--cogs-ai-surface--misc-canvas);
  --cogs-themed-surface--misc-code--muted: var(
    --cogs-ai-surface--misc-code--muted
  );
  --cogs-themed-surface--misc-code--medium: var(
    --cogs-ai-surface--misc-code--medium
  );
  --cogs-themed-surface--interactive--hover: var(
    --cogs-ai-surface--interactive--hover
  );
  --cogs-themed-surface--interactive--pressed: var(
    --cogs-ai-surface--interactive--pressed
  );
  --cogs-themed-surface--interactive--toggled-default: var(
    --cogs-ai-surface--interactive--toggled-default
  );
  --cogs-themed-surface--interactive--toggled-hover: var(
    --cogs-ai-surface--interactive--toggled-hover
  );
  --cogs-themed-surface--interactive--toggled-pressed: var(
    --cogs-ai-surface--interactive--toggled-pressed
  );
  --cogs-themed-surface--interactive--disabled: var(
    --cogs-ai-surface--interactive--disabled
  );
  --cogs-themed-surface--interactive--disabled--alt: var(
    --cogs-ai-surface--interactive--disabled--alt
  );
  --cogs-themed-surface--action--strong--default: var(
    --cogs-ai-surface--action--strong--default
  );
  --cogs-themed-surface--action--strong--hover: var(
    --cogs-ai-surface--action--strong--hover
  );
  --cogs-themed-surface--action--strong--pressed: var(
    --cogs-ai-surface--action--strong--pressed
  );
  --cogs-themed-surface--action--muted--default: var(
    --cogs-ai-surface--action--muted--default
  );
  --cogs-themed-surface--action--muted--default--alt: var(
    --cogs-ai-surface--action--muted--default--alt
  );
  --cogs-themed-surface--action--muted--hover: var(
    --cogs-ai-surface--action--muted--hover
  );
  --cogs-themed-surface--action--muted--pressed: var(
    --cogs-ai-surface--action--muted--pressed
  );
  --cogs-themed-surface--on--action--muted--default: var(
    --cogs-ai-surface--on--action--muted--default
  );
  --cogs-themed-surface--on--action--muted--hover: var(
    --cogs-ai-surface--on--action--muted--hover
  );
  --cogs-themed-surface--status-neutral--muted--default: var(
    --cogs-ai-surface--status-neutral--muted--default
  );
  --cogs-themed-surface--status-neutral--muted--default--alt: var(
    --cogs-ai-surface--status-neutral--muted--default--alt
  );
  --cogs-themed-surface--status-neutral--muted--hover: var(
    --cogs-ai-surface--status-neutral--muted--hover
  );
  --cogs-themed-surface--status-neutral--muted--pressed: var(
    --cogs-ai-surface--status-neutral--muted--pressed
  );
  --cogs-themed-surface--status-neutral--strong--default: var(
    --cogs-ai-surface--status-neutral--strong--default
  );
  --cogs-themed-surface--status-neutral--strong--hover: var(
    --cogs-ai-surface--status-neutral--strong--hover
  );
  --cogs-themed-surface--status-neutral--strong--pressed: var(
    --cogs-ai-surface--status-neutral--strong--pressed
  );
  --cogs-themed-surface--status-success--muted--default: var(
    --cogs-ai-surface--status-success--muted--default
  );
  --cogs-themed-surface--status-success--muted--default--alt: var(
    --cogs-ai-surface--status-success--muted--default--alt
  );
  --cogs-themed-surface--status-success--muted--hover: var(
    --cogs-ai-surface--status-success--muted--hover
  );
  --cogs-themed-surface--status-success--muted--pressed: var(
    --cogs-ai-surface--status-success--muted--pressed
  );
  --cogs-themed-surface--status-success--strong--default: var(
    --cogs-ai-surface--status-success--strong--default
  );
  --cogs-themed-surface--status-success--strong--hover: var(
    --cogs-ai-surface--status-success--strong--hover
  );
  --cogs-themed-surface--status-success--strong--pressed: var(
    --cogs-ai-surface--status-success--strong--pressed
  );
  --cogs-themed-surface--status-warning--muted--default: var(
    --cogs-ai-surface--status-warning--muted--default
  );
  --cogs-themed-surface--status-warning--muted--default--alt: var(
    --cogs-ai-surface--status-warning--muted--default--alt
  );
  --cogs-themed-surface--status-warning--muted--hover: var(
    --cogs-ai-surface--status-warning--muted--hover
  );
  --cogs-themed-surface--status-warning--muted--pressed: var(
    --cogs-ai-surface--status-warning--muted--pressed
  );
  --cogs-themed-surface--status-warning--strong--default: var(
    --cogs-ai-surface--status-warning--strong--default
  );
  --cogs-themed-surface--status-warning--strong--hover: var(
    --cogs-ai-surface--status-warning--strong--hover
  );
  --cogs-themed-surface--status-warning--strong--pressed: var(
    --cogs-ai-surface--status-warning--strong--pressed
  );
  --cogs-themed-surface--status-critical--muted--default: var(
    --cogs-ai-surface--status-critical--muted--default
  );
  --cogs-themed-surface--status-critical--muted--default--alt: var(
    --cogs-ai-surface--status-critical--muted--default--alt
  );
  --cogs-themed-surface--status-critical--muted--hover: var(
    --cogs-ai-surface--status-critical--muted--hover
  );
  --cogs-themed-surface--status-critical--muted--pressed: var(
    --cogs-ai-surface--status-critical--muted--pressed
  );
  --cogs-themed-surface--status-critical--strong--default: var(
    --cogs-ai-surface--status-critical--strong--default
  );
  --cogs-themed-surface--status-critical--strong--hover: var(
    --cogs-ai-surface--status-critical--strong--hover
  );
  --cogs-themed-surface--status-critical--strong--pressed: var(
    --cogs-ai-surface--status-critical--strong--pressed
  );
  --cogs-themed-surface--status-undefined--muted--default: var(
    --cogs-ai-surface--status-undefined--muted--default
  );
  --cogs-themed-surface--status-undefined--muted--default--alt: var(
    --cogs-ai-surface--status-undefined--muted--default--alt
  );
  --cogs-themed-surface--status-undefined--muted--hover: var(
    --cogs-ai-surface--status-undefined--muted--hover
  );
  --cogs-themed-surface--status-undefined--muted--pressed: var(
    --cogs-ai-surface--status-undefined--muted--pressed
  );
  --cogs-themed-surface--status-undefined--strong--default: var(
    --cogs-ai-surface--status-undefined--strong--default
  );
  --cogs-themed-surface--status-undefined--strong--hover: var(
    --cogs-ai-surface--status-undefined--strong--hover
  );
  --cogs-themed-surface--status-undefined--strong--pressed: var(
    --cogs-ai-surface--status-undefined--strong--pressed
  );
}

.cogs-themed--ai.cogs-themed--inverted {
  --cogs-themed-text-icon--strong: var(--cogs-ai-text-icon--strong--inverted);
  --cogs-themed-text-icon--medium: var(--cogs-ai-text-icon--medium--inverted);
  --cogs-themed-text-icon--muted: var(--cogs-ai-text-icon--muted--inverted);
  --cogs-themed-text-icon--on-contrast--strong: var(
    --cogs-ai-text-icon--on-contrast--strong--inverted
  );
  --cogs-themed-text-icon--interactive--default: var(
    --cogs-ai-text-icon--interactive--default--inverted
  );
  --cogs-themed-text-icon--interactive--hover: var(
    --cogs-ai-text-icon--interactive--hover--inverted
  );
  --cogs-themed-text-icon--interactive--pressed: var(
    --cogs-ai-text-icon--interactive--pressed--inverted
  );
  --cogs-themed-text-icon--interactive--disabled: var(
    --cogs-ai-text-icon--interactive--disabled--inverted
  );
  --cogs-themed-text-icon--status-neutral: var(
    --cogs-ai-text-icon--status-neutral--inverted
  );
  --cogs-themed-text-icon--status-success: var(
    --cogs-ai-text-icon--status-success--inverted
  );
  --cogs-themed-text-icon--status-warning: var(
    --cogs-ai-text-icon--status-warning--inverted
  );
  --cogs-themed-text-icon--status-critical: var(
    --cogs-ai-text-icon--status-critical--inverted
  );
  --cogs-themed-text-icon--status-undefined: var(
    --cogs-ai-text-icon--status-undefined--inverted
  );
  --cogs-themed-border--muted: var(--cogs-ai-border--muted--inverted);
  --cogs-themed-border--interactive--default: var(
    --cogs-ai-border--interactive--default--inverted
  );
  --cogs-themed-border--interactive--default--alt: var(
    --cogs-ai-border--interactive--default--alt--inverted
  );
  --cogs-themed-border--interactive--hover: var(
    --cogs-ai-border--interactive--hover--inverted
  );
  --cogs-themed-border--interactive--toggled-default: var(
    --cogs-ai-border--interactive--toggled-default--inverted
  );
  --cogs-themed-border--interactive--toggled-hover: var(
    --cogs-ai-border--interactive--toggled-hover--inverted
  );
  --cogs-themed-border--interactive--toggled-pressed: var(
    --cogs-ai-border--interactive--toggled-pressed--inverted
  );
  --cogs-themed-border--interactive--disabled: var(
    --cogs-ai-border--interactive--disabled--inverted
  );
  --cogs-themed-border--status-neutral--muted: var(
    --cogs-ai-border--status-neutral--muted--inverted
  );
  --cogs-themed-border--status-neutral--strong: var(
    --cogs-ai-border--status-neutral--strong--inverted
  );
  --cogs-themed-border--status-success--muted: var(
    --cogs-ai-border--status-success--muted--inverted
  );
  --cogs-themed-border--status-success--strong: var(
    --cogs-ai-border--status-success--strong--inverted
  );
  --cogs-themed-border--status-warning--muted: var(
    --cogs-ai-border--status-warning--muted--inverted
  );
  --cogs-themed-border--status-warning--strong: var(
    --cogs-ai-border--status-warning--strong--inverted
  );
  --cogs-themed-border--status-critical--muted: var(
    --cogs-ai-border--status-critical--muted--inverted
  );
  --cogs-themed-border--status-critical--strong: var(
    --cogs-ai-border--status-critical--strong--inverted
  );
  --cogs-themed-border--status-undefined--muted: var(
    --cogs-ai-border--status-undefined--muted--inverted
  );
  --cogs-themed-border--status-undefined--strong: var(
    --cogs-ai-border--status-undefined--strong--inverted
  );
  --cogs-themed-surface--muted: var(--cogs-ai-surface--muted--inverted);
  --cogs-themed-surface--medium: var(--cogs-ai-surface--medium--inverted);
  --cogs-themed-surface--strong: var(--cogs-ai-surface--strong--inverted);
  --cogs-themed-surface--misc-transparent: var(
    --cogs-ai-surface--misc-transparent--inverted
  );
  --cogs-themed-surface--misc-backdrop: var(
    --cogs-ai-surface--misc-backdrop--inverted
  );
  --cogs-themed-surface--misc-canvas: var(
    --cogs-ai-surface--misc-canvas--inverted
  );
  --cogs-themed-surface--misc-code--muted: var(
    --cogs-ai-surface--misc-code--muted--inverted
  );
  --cogs-themed-surface--misc-code--medium: var(
    --cogs-ai-surface--misc-code--medium--inverted
  );
  --cogs-themed-surface--interactive--hover: var(
    --cogs-ai-surface--interactive--hover--inverted
  );
  --cogs-themed-surface--interactive--pressed: var(
    --cogs-ai-surface--interactive--pressed--inverted
  );
  --cogs-themed-surface--interactive--toggled-default: var(
    --cogs-ai-surface--interactive--toggled-default--inverted
  );
  --cogs-themed-surface--interactive--toggled-hover: var(
    --cogs-ai-surface--interactive--toggled-hover--inverted
  );
  --cogs-themed-surface--interactive--toggled-pressed: var(
    --cogs-ai-surface--interactive--toggled-pressed--inverted
  );
  --cogs-themed-surface--interactive--disabled: var(
    --cogs-ai-surface--interactive--disabled--inverted
  );
  --cogs-themed-surface--interactive--disabled--alt: var(
    --cogs-ai-surface--interactive--disabled--alt--inverted
  );
  --cogs-themed-surface--action--strong--default: var(
    --cogs-ai-surface--action--strong--default--inverted
  );
  --cogs-themed-surface--action--strong--hover: var(
    --cogs-ai-surface--action--strong--hover--inverted
  );
  --cogs-themed-surface--action--strong--pressed: var(
    --cogs-ai-surface--action--strong--pressed--inverted
  );
  --cogs-themed-surface--action--muted--default: var(
    --cogs-ai-surface--action--muted--default--inverted
  );
  --cogs-themed-surface--action--muted--default--alt: var(
    --cogs-ai-surface--action--muted--default--alt--inverted
  );
  --cogs-themed-surface--action--muted--hover: var(
    --cogs-ai-surface--action--muted--hover--inverted
  );
  --cogs-themed-surface--action--muted--pressed: var(
    --cogs-ai-surface--action--muted--pressed--inverted
  );
  --cogs-themed-surface--on--action--muted--default: var(
    --cogs-ai-surface--on--action--muted--default--inverted
  );
  --cogs-themed-surface--on--action--muted--hover: var(
    --cogs-ai-surface--on--action--muted--hover--inverted
  );
  --cogs-themed-surface--status-neutral--muted--default: var(
    --cogs-ai-surface--status-neutral--muted--default--inverted
  );
  --cogs-themed-surface--status-neutral--muted--default--alt: var(
    --cogs-ai-surface--status-neutral--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-neutral--muted--hover: var(
    --cogs-ai-surface--status-neutral--muted--hover--inverted
  );
  --cogs-themed-surface--status-neutral--muted--pressed: var(
    --cogs-ai-surface--status-neutral--muted--pressed--inverted
  );
  --cogs-themed-surface--status-neutral--strong--default: var(
    --cogs-ai-surface--status-neutral--strong--default--inverted
  );
  --cogs-themed-surface--status-neutral--strong--hover: var(
    --cogs-ai-surface--status-neutral--strong--hover--inverted
  );
  --cogs-themed-surface--status-neutral--strong--pressed: var(
    --cogs-ai-surface--status-neutral--strong--pressed--inverted
  );
  --cogs-themed-surface--status-success--muted--default: var(
    --cogs-ai-surface--status-success--muted--default--inverted
  );
  --cogs-themed-surface--status-success--muted--default--alt: var(
    --cogs-ai-surface--status-success--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-success--muted--hover: var(
    --cogs-ai-surface--status-success--muted--hover--inverted
  );
  --cogs-themed-surface--status-success--muted--pressed: var(
    --cogs-ai-surface--status-success--muted--pressed--inverted
  );
  --cogs-themed-surface--status-success--strong--default: var(
    --cogs-ai-surface--status-success--strong--default--inverted
  );
  --cogs-themed-surface--status-success--strong--hover: var(
    --cogs-ai-surface--status-success--strong--hover--inverted
  );
  --cogs-themed-surface--status-success--strong--pressed: var(
    --cogs-ai-surface--status-success--strong--pressed--inverted
  );
  --cogs-themed-surface--status-warning--muted--default: var(
    --cogs-ai-surface--status-warning--muted--default--inverted
  );
  --cogs-themed-surface--status-warning--muted--default--alt: var(
    --cogs-ai-surface--status-warning--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-warning--muted--hover: var(
    --cogs-ai-surface--status-warning--muted--hover--inverted
  );
  --cogs-themed-surface--status-warning--muted--pressed: var(
    --cogs-ai-surface--status-warning--muted--pressed--inverted
  );
  --cogs-themed-surface--status-warning--strong--default: var(
    --cogs-ai-surface--status-warning--strong--default--inverted
  );
  --cogs-themed-surface--status-warning--strong--hover: var(
    --cogs-ai-surface--status-warning--strong--hover--inverted
  );
  --cogs-themed-surface--status-warning--strong--pressed: var(
    --cogs-ai-surface--status-warning--strong--pressed--inverted
  );
  --cogs-themed-surface--status-critical--muted--default: var(
    --cogs-ai-surface--status-critical--muted--default--inverted
  );
  --cogs-themed-surface--status-critical--muted--default--alt: var(
    --cogs-ai-surface--status-critical--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-critical--muted--hover: var(
    --cogs-ai-surface--status-critical--muted--hover--inverted
  );
  --cogs-themed-surface--status-critical--muted--pressed: var(
    --cogs-ai-surface--status-critical--muted--pressed--inverted
  );
  --cogs-themed-surface--status-critical--strong--default: var(
    --cogs-ai-surface--status-critical--strong--default--inverted
  );
  --cogs-themed-surface--status-critical--strong--hover: var(
    --cogs-ai-surface--status-critical--strong--hover--inverted
  );
  --cogs-themed-surface--status-critical--strong--pressed: var(
    --cogs-ai-surface--status-critical--strong--pressed--inverted
  );
  --cogs-themed-surface--status-undefined--muted--default: var(
    --cogs-ai-surface--status-undefined--muted--default--inverted
  );
  --cogs-themed-surface--status-undefined--muted--default--alt: var(
    --cogs-ai-surface--status-undefined--muted--default--alt--inverted
  );
  --cogs-themed-surface--status-undefined--muted--hover: var(
    --cogs-ai-surface--status-undefined--muted--hover--inverted
  );
  --cogs-themed-surface--status-undefined--muted--pressed: var(
    --cogs-ai-surface--status-undefined--muted--pressed--inverted
  );
  --cogs-themed-surface--status-undefined--strong--default: var(
    --cogs-ai-surface--status-undefined--strong--default--inverted
  );
  --cogs-themed-surface--status-undefined--strong--hover: var(
    --cogs-ai-surface--status-undefined--strong--hover--inverted
  );
  --cogs-themed-surface--status-undefined--strong--pressed: var(
    --cogs-ai-surface--status-undefined--strong--pressed--inverted
  );
}

/* stylelint-disable function-disallowed-list, declaration-property-value-allowed-list, color-no-hex  */
:root {
  --cogs-gradient-dawn: linear-gradient(
    45deg,
    var(--cogs-lightblue) 0%,
    var(--cogs-midblue) 100%
  );
  --cogs-gradient-dusk: linear-gradient(
    45deg,
    var(--cogs-purple) 0%,
    var(--cogs-pink) 100%
  );
  --cogs-gradient-midnightblue: linear-gradient(
    45deg,
    var(--cogs-midblue) 0%,
    var(--cogs-purple) 100%
  );
  --cogs-gradient-sunrise: linear-gradient(
    45deg,
    var(--cogs-midorange) 0%,
    var(--cogs-yellow) 100%
  );
  --cogs-gradient-sunset: linear-gradient(
    45deg,
    var(--cogs-pink) 0%,
    var(--cogs-yellow) 100%
  );
  --cogs-state-base: var(--cogs-primary);
  --cogs-state-unchecked-hover: var(--cogs-midblue-2);
  --cogs-state-unchecked-pressed: var(--cogs-midblue-1);
  --cogs-state-checked-hover: var(--cogs-midblue-4);
  --cogs-state-checked-pressed: var(--cogs-midblue-2);
  --cogs-color-strokes-default: var(--cogs-greyscale-grey3);
  --cogs-black: #1f1f1f;
  --cogs-white: #ffffff;
  --cogs-greyscale-grey1: #fafafa;
  --cogs-greyscale-grey2: #f5f5f5;
  --cogs-greyscale-grey3: #e8e8e8;
  --cogs-greyscale-grey4: #d9d9d9;
  --cogs-greyscale-grey5: #bfbfbf;
  --cogs-greyscale-grey6: #8c8c8c;
  --cogs-greyscale-grey7: #595959;
  --cogs-greyscale-grey8: #404040;
  --cogs-greyscale-grey9: #333333;
  --cogs-greyscale-grey10: #262626;
  --cogs-lightblue: #24d8ed;
  --cogs-lightblue-1: #0f6d8a;
  --cogs-lightblue-2: #1aa3c1;
  --cogs-lightblue-3: #24d8ed;
  --cogs-lightblue-4: #50e0f1;
  --cogs-lightblue-5: #91ebf5;
  --cogs-lightblue-6: #d3f7fb;
  --cogs-lightblue-7: #eafcfe;
  --cogs-lightblue-8: #f4fdfe;
  --cogs-midblue: #4a67fb;
  --cogs-midblue-1: #2b3a88;
  --cogs-midblue-2: #4255bb;
  --cogs-midblue-3: #4a67fb;
  --cogs-midblue-4: #6e85fc;
  --cogs-midblue-5: #a4b2fc;
  --cogs-midblue-6: #dbe1fe;
  --cogs-midblue-7: #edf0ff;
  --cogs-midblue-8: #f6f7ff;
  --cogs-midorange: #ff6918;
  --cogs-midorange-1: #ae1f00;
  --cogs-midorange-2: #cc512b;
  --cogs-midorange-3: #ff6918;
  --cogs-midorange-4: #ff8746;
  --cogs-midorange-5: #ffb38b;
  --cogs-midorange-6: #ffe1d1;
  --cogs-midorange-7: #fff0e8;
  --cogs-midorange-8: #fff7f3;
  --cogs-pink: #fc2574;
  --cogs-pink-1: #8d1e47;
  --cogs-pink-2: #c13670;
  --cogs-pink-3: #fc2574;
  --cogs-pink-4: #fd5190;
  --cogs-pink-5: #fd91b9;
  --cogs-pink-6: #fed3e3;
  --cogs-pink-7: #ffeaf2;
  --cogs-pink-8: #fff4f8;
  --cogs-red: #d51a46;
  --cogs-red-1: #8b042f;
  --cogs-red-2: #b30539;
  --cogs-red-3: #d51a46;
  --cogs-red-4: #f4718b;
  --cogs-red-5: #f8aab9;
  --cogs-red-6: #fdced6;
  --cogs-red-7: #fbe9ed;
  --cogs-red-8: #fdf3f5;
  --cogs-purple: #c945db;
  --cogs-purple-1: #642175;
  --cogs-purple-2: #923fa7;
  --cogs-purple-3: #c945db;
  --cogs-purple-4: #d46ae2;
  --cogs-purple-5: #e3a1ec;
  --cogs-purple-6: #f4daf8;
  --cogs-purple-7: #faedfc;
  --cogs-purple-8: #fcf5fd;
  --cogs-yellow: #ffbb00;
  --cogs-yellow-1: #d27200;
  --cogs-yellow-2: #eb9b00;
  --cogs-yellow-3: #ffbb00;
  --cogs-yellow-4: #ffc933;
  --cogs-yellow-5: #ffdc7f;
  --cogs-yellow-6: #fff1cc;
  --cogs-yellow-7: #fff9e6;
  --cogs-yellow-8: #fffbf2;
  --cogs-green: #18af8e;
  --cogs-green-1: #00665c;
  --cogs-green-2: #078d79;
  --cogs-green-3: #18af8e;
  --cogs-green-5: #6ed8be;
  --cogs-green-6: #c8f4e7;
  --cogs-green-8: #f0fcf8;
  --cogs-text-primary: var(--cogs-greyscale-grey9);
  --cogs-text-secondary: var(--cogs-greyscale-grey7);
  --cogs-text-hint: var(--cogs-greyscale-grey6);
  --cogs-text-inverted: var(--cogs-white);
  --cogs-text-accent: var(--cogs-midblue);
  --cogs-text-info: var(--cogs-midblue-2);
  --cogs-text-success: var(--cogs-green-1);
  --cogs-text-warning: #b25c00;
  --cogs-text-danger: var(--cogs-red-2);
  --cogs-link-primary-default: var(--cogs-midblue);
  --cogs-link-primary-hover: var(--cogs-midblue-1);
  --cogs-link-inverted-default: var(--cogs-midblue-6);
  --cogs-link-inverted-hover: var(--cogs-midblue-7);
  --cogs-graphics-info: var(--cogs-midblue);
  --cogs-graphics-success: #2ea44f;
  --cogs-graphics-warning: #e08506;
  --cogs-graphics-danger: #eb0004;
  --cogs-graphics-unknown: #949494;
  --cogs-border-default: var(--cogs-greyscale-grey4);
  --cogs-border-inverted: var(--cogs-greyscale-grey7);
  --cogs-bg-default: var(--cogs-white);
  --cogs-bg-accent: var(--cogs-greyscale-grey1);
  --cogs-bg-hover: var(--cogs-midblue-8);
  --cogs-bg-selected: var(--cogs-midblue-7);
  --cogs-bg-inverted: var(--cogs-greyscale-grey10);
  --cogs-bg-transparent: rgba(255, 255, 255, 0);
  --cogs-bg-backdrop: rgba(71, 71, 71, 0.4);
  --cogs-bg-canvas: #fcfcfc;
  --cogs-danger: #e32351;
  --cogs-warning: var(--cogs-yellow);
  --cogs-success: #2acf58;
  --cogs-primary: var(--cogs-midblue);
  --cogs-text-color: var(--cogs-greyscale-grey10);
  --cogs-text-color-secondary: var(--cogs-greyscale-grey7);
  --cogs-bg-control--primary: var(--cogs-midblue);
  --cogs-bg-control--primary-hover: var(--cogs-midblue-2);
  --cogs-bg-control--primary-pressed: var(--cogs-midblue-1);
  --cogs-bg-control--secondary: #f1f1f1;
  --cogs-bg-control--secondary-hover: #e6e6e6;
  --cogs-bg-control--secondary-pressed: #dedede;
  --cogs-bg-control--disabled: var(--cogs-greyscale-grey3);
  --cogs-bg-control--disabled-hover: var(--cogs-greyscale-grey5);
  --cogs-bg-control--toggled: rgba(74, 103, 251, 0.1);
  --cogs-bg-control--toggled-hover: var(--cogs-midblue-7);
  --cogs-bg-control--toggled-pressed: var(--cogs-midblue-6);
  --cogs-bg-control--toggled-inverted: rgba(128, 148, 255, 0.15);
  --cogs-bg-control--toggled-inverted-hover: rgba(128, 148, 255, 0.2);
  --cogs-bg-control--toggled-inverted-pressed: rgba(128, 148, 255, 0.25);
  --cogs-bg-control--danger: var(--cogs-red);
  --cogs-bg-control--danger-hover: var(--cogs-red-2);
  --cogs-bg-control--danger-pressed: var(--cogs-red-1);
  --cogs-text-status-small--default: var(--cogs-midblue);
  --cogs-bg-status-small--default: rgba(74, 103, 251, 0.1);
  --cogs-bg-status-small--default-hover: rgba(74, 103, 251, 0.2);
  --cogs-bg-status-small--default-pressed: rgba(74, 103, 251, 0.3);
  --cogs-text-status-small--normal: #357ae2;
  --cogs-bg-status-small--normal: rgba(53, 122, 226, 0.1);
  --cogs-bg-status-small--normal-hover: rgba(53, 122, 226, 0.2);
  --cogs-bg-status-small--normal-pressed: rgba(53, 122, 226, 0.3);
  --cogs-text-status-small--success: var(--cogs-green-1);
  --cogs-bg-status-small--success: rgba(24, 175, 142, 0.1);
  --cogs-bg-status-small--success-hover: rgba(24, 175, 142, 0.2);
  --cogs-bg-status-small--success-pressed: rgba(24, 175, 142, 0.3);
  --cogs-text-status-small--warning: #b25c00;
  --cogs-bg-status-small--warning: rgba(255, 187, 0, 0.14);
  --cogs-bg-status-small--warning-hover: rgba(255, 187, 0, 0.2);
  --cogs-bg-status-small--warning-pressed: rgba(255, 187, 0, 0.3);
  --cogs-text-status-small--danger: var(--cogs-red-2);
  --cogs-bg-status-small--danger: rgba(213, 26, 70, 0.1);
  --cogs-bg-status-small--danger-hover: rgba(213, 26, 70, 0.2);
  --cogs-bg-status-small--danger-pressed: rgba(213, 26, 70, 0.3);
  --cogs-text-status-small--disaster: var(--cogs-white);
  --cogs-bg-status-small--disaster: #f74853;
  --cogs-bg-status-small--disaster-hover: #dc333e;
  --cogs-bg-status-small--disaster-pressed: #ca2a34;
  --cogs-text-status-small--unknown: var(--cogs-greyscale-grey7);
  --cogs-bg-status-small--unknown: rgba(0, 0, 0, 0.1);
  --cogs-bg-status-small--unknown-hover: rgba(0, 0, 0, 0.2);
  --cogs-bg-status-small--unknown-pressed: rgba(0, 0, 0, 0.3);
  --cogs-text-status-small--accent: var(--cogs-white);
  --cogs-bg-status-small--accent: var(--cogs-midblue-4);
  --cogs-bg-status-small--accent-hover: #576cd9;
  --cogs-bg-status-small--accent-pressed: #4357bf;
  --cogs-bg-status-large--default: rgba(74, 103, 251, 0.05);
  --cogs-bg-status-large--success: rgba(24, 175, 142, 0.05);
  --cogs-bg-status-large--warning: rgba(255, 187, 0, 0.05);
  --cogs-bg-status-large--danger: rgba(213, 26, 70, 0.05);
  --cogs-bg-status-large--unknown: rgba(0, 0, 0, 0.05);
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list */
:root {
  --cogs-border-width--default: 2px;
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list */ /* stylelint-disable function-disallowed-list */
/* GENERATED. Do not edit this file manually. Run `yarn figma:elevations` to make changes. */
:root {
  --cogs-elevation--overlay: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  --cogs-elevation--overlay-inverted: 0px 1px 8px 0px rgba(0, 0, 0, 0.26),
    0px 1px 12px 0px rgba(0, 0, 0, 0.08), 0px 1px 32px 4px rgba(0, 0, 0, 0.3);
  --cogs-elevation--surface--interactive: 0px 1px 1px 0px rgba(79, 82, 104, 0.1),
    0px 1px 8px 0px rgba(79, 82, 104, 0.1);
  --cogs-elevation--surface--interactive--hover: 0px 2px 6px 1px
      rgba(79, 82, 104, 0.12),
    0px 6px 20px 2px rgba(79, 82, 104, 0.06);
  --cogs-elevation--surface--interactive--hover-inverted: 0px 1px 4px 0px
      rgba(0, 0, 0, 0.2),
    0px 1px 16px 0px rgba(0, 0, 0, 0.3);
  --cogs-elevation--surface--interactive-inverted: 0px 1px 4px 0px
      rgba(0, 0, 0, 0.2),
    0px 1px 16px 0px rgba(0, 0, 0, 0.3);
  --cogs-elevation--surface--non-interactive: 0px 1px 2px 1px
      rgba(79, 82, 104, 0.04),
    0px 1px 1px 1px rgba(79, 82, 104, 0.06);
  --cogs-elevation--surface--non-interactive-inverted: 0px 1px 2px 1px
      rgba(0, 0, 0, 0.12),
    0px 1px 10px 1px rgba(0, 0, 0, 0.14);
}
:root .cogs-themed--default {
  --cogs-themed-elevation--overlay: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  --cogs-themed-elevation--surface--interactive: 0px 1px 1px 0px
      rgba(79, 82, 104, 0.1),
    0px 1px 8px 0px rgba(79, 82, 104, 0.1);
  --cogs-themed-elevation--surface--interactive--hover: 0px 2px 6px 1px
      rgba(79, 82, 104, 0.12),
    0px 6px 20px 2px rgba(79, 82, 104, 0.06);
  --cogs-themed-elevation--surface--non-interactive: 0px 1px 2px 1px
      rgba(79, 82, 104, 0.04),
    0px 1px 1px 1px rgba(79, 82, 104, 0.06);
}
:root .cogs-themed--inverted {
  --cogs-themed-elevation--overlay: 0px 1px 8px 0px rgba(0, 0, 0, 0.26),
    0px 1px 12px 0px rgba(0, 0, 0, 0.08), 0px 1px 32px 4px rgba(0, 0, 0, 0.3);
  --cogs-themed-elevation--surface--interactive--hover: 0px 1px 4px 0px
      rgba(0, 0, 0, 0.2),
    0px 1px 16px 0px rgba(0, 0, 0, 0.3);
  --cogs-themed-elevation--surface--interactive: 0px 1px 4px 0px
      rgba(0, 0, 0, 0.2),
    0px 1px 16px 0px rgba(0, 0, 0, 0.3);
  --cogs-themed-elevation--surface--non-interactive: 0px 1px 2px 1px
      rgba(0, 0, 0, 0.12),
    0px 1px 10px 1px rgba(0, 0, 0, 0.14);
}

/**
  * DEPRECATED!
  * These elevation tokens are deprecated - please replace them with the new tokens
  */
:root {
  --cogs-z-1: 0px 0px 0px 1px rgba(0, 0, 0, 0.07),
    0px 1px 1px rgba(0, 0, 0, 0.07);
  --cogs-z-2: 0px 0px 4px 2px rgba(0, 0, 0, 0.02),
    0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08),
    0px 1px 4px rgba(0, 0, 0, 0.06);
  --cogs-z-4: 0px 0px 2px 1px rgba(0, 0, 0, 0.04),
    0px 3px 8px rgba(0, 0, 0, 0.06);
  --cogs-z-6: 0px 6px 8px -4px rgba(0, 0, 0, 0.08),
    0px 0px 0px 1px rgba(15, 15, 15, 0.04), 0px 4px 20px rgba(0, 0, 0, 0.15);
  --cogs-z-8: 0px 8px 16px 4px rgba(0, 0, 0, 0.04),
    0px 2px 12px rgba(0, 0, 0, 0.08);
  --cogs-z-16: 0px 24px 38px 3px rgba(15, 15, 15, 0.15),
    0px 9px 46px 8px rgba(15, 15, 15, 0.1),
    0px 12px 16px -8px rgba(15, 15, 15, 0.1);
  --cogs-z-20: 0px 10px 24px 4px rgba(0, 0, 0, 0.1),
    0px 2px 10px 6px rgba(0, 0, 0, 0.04);
  --cogs-z-12: 0px 12px 16px rgba(0, 0, 0, 0.1), 0px 6px 8px rgba(0, 0, 0, 0.06);
  --cogs-z-24: 0px 24px 28px rgba(0, 0, 0, 0.1),
    0px 10px 12px rgba(0, 0, 0, 0.06);
}

/**
  * DEPRECATED!
  * These elevation tokens are deprecated - please replace them with the new tokens
  */
.z-1 {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.07),
    0px 1px 1px rgba(0, 0, 0, 0.07);
  box-shadow: var(--cogs-z-1);
}

.z-2 {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.02),
    0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08),
    0px 1px 4px rgba(0, 0, 0, 0.06);
  box-shadow: var(--cogs-z-2);
}

.z-4 {
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.04),
    0px 3px 8px rgba(0, 0, 0, 0.06);
  box-shadow: var(--cogs-z-4);
}

.z-6 {
  box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.08),
    0px 0px 0px 1px rgba(15, 15, 15, 0.04), 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: var(--cogs-z-6);
}

.z-8 {
  box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.04),
    0px 2px 12px rgba(0, 0, 0, 0.08);
  box-shadow: var(--cogs-z-8);
}

.z-16 {
  box-shadow: 0px 24px 38px 3px rgba(15, 15, 15, 0.15),
    0px 9px 46px 8px rgba(15, 15, 15, 0.1),
    0px 12px 16px -8px rgba(15, 15, 15, 0.1);
  box-shadow: var(--cogs-z-16);
}

.z-20 {
  box-shadow: 0px 10px 24px 4px rgba(0, 0, 0, 0.1),
    0px 2px 10px 6px rgba(0, 0, 0, 0.04);
  box-shadow: var(--cogs-z-20);
}

.z-12 {
  box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.1), 0px 6px 8px rgba(0, 0, 0, 0.06);
  box-shadow: var(--cogs-z-12);
}

.z-24 {
  box-shadow: 0px 24px 28px rgba(0, 0, 0, 0.1),
    0px 10px 12px rgba(0, 0, 0, 0.06);
  box-shadow: var(--cogs-z-24);
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list */
:root {
  --cogs-border-radius--small: 4px;
  --cogs-border-radius--default: 6px;
  --cogs-border-radius--large: 8px;
  --cogs-size--small: 28px;
  --cogs-size--default: 36px;
  --cogs-focus-ring: 0px 0px 0px 2px var(--cogs-decorative--blue--400);
}

/* We want to make sure the animations fast enough to make it snappy,
 * while being slow enough to make for a smooth experience, without
 * the user having to wait and the application feeling slow and laggy.
 * 
 * Check https://cog.link/animations-in-ux for some guidelines.
 */
:root {
  --cogs-transition-time-fast: 200ms;
  --cogs-transition-time: 260ms;
  --cogs-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --cogs-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* stylelint-disable declaration-property-value-allowed-list */
:root {
  --cogs-d1-color: var(--cogs-text-color);
  --cogs-d1-font-size: 80px;
  --cogs-d1-line-height: 96px;
  --cogs-d1-letter-spacing: -0.04em;
  --cogs-d2-color: var(--cogs-text-color);
  --cogs-d2-font-size: 48px;
  --cogs-d2-line-height: 52px;
  --cogs-d2-letter-spacing: -0.02em;
}

.cogs-display-1 {
  color: #262626;
  color: var(--cogs-d1-color);
  font-size: 80px;
  font-size: var(--cogs-d1-font-size);
  font-weight: 700;
  letter-spacing: -0.04em;
  letter-spacing: var(--cogs-d1-letter-spacing);
  line-height: 96px;
  line-height: var(--cogs-d1-line-height);
}

.cogs-display-2 {
  color: #262626;
  color: var(--cogs-d2-color);
  font-size: 48px;
  font-size: var(--cogs-d2-font-size);
  font-weight: 700;
  letter-spacing: -0.02em;
  letter-spacing: var(--cogs-d2-letter-spacing);
  line-height: 52px;
  line-height: var(--cogs-d2-line-height);
}

/* stylelint-disable declaration-property-value-allowed-list */
:root {
  --cogs-h1-font-size: 36px;
  --cogs-h1-line-height: 44px;
  --cogs-h1-letter-spacing: -0.02em;
  --cogs-h2-font-size: 28px;
  --cogs-h2-line-height: 32px;
  --cogs-h2-letter-spacing: 0em;
  --cogs-h3-font-size: 24px;
  --cogs-h3-line-height: 28px;
  --cogs-h3-letter-spacing: 0em;
  --cogs-h4-font-size: 18px;
  --cogs-h4-line-height: 24px;
  --cogs-h4-letter-spacing: 0em;
  --cogs-h5-font-size: 16px;
  --cogs-h5-line-height: 20px;
  --cogs-h5-letter-spacing: -0.01em;
  --cogs-h6-font-size: 14px;
  --cogs-h6-line-height: 20px;
  --cogs-h6-letter-spacing: -0.01em;
  --cogs-overline-large-font-size: 14px;
  --cogs-overline-large-line-height: 16px;
  --cogs-overline-large-letter-spacing: 0.14px;
  --cogs-overline-medium-font-size: 12px;
  --cogs-overline-medium-line-height: 16px;
  --cogs-overline-medium-letter-spacing: 0.2px;
  --cogs-overline-small-font-size: 10px;
  --cogs-overline-small-line-height: 12px;
  --cogs-overline-small-letter-spacing: 0.4px;
  --cogs-body-large-font-size: 16px;
  --cogs-body-large-line-height: 24px;
  --cogs-body-large-letter-spacing: 0;
  --cogs-body-medium-font-size: 14px;
  --cogs-body-medium-line-height: 20px;
  --cogs-body-medium-letter-spacing: -0.001em;
  --cogs-body-small-font-size: 13px;
  --cogs-body-small-line-height: 18px;
  --cogs-body-small-letter-spacing: -0.001em;
  --cogs-body-x-small-font-size: 12px;
  --cogs-body-x-small-line-height: 16px;
  --cogs-body-x-small-letter-spacing: -0.008em;
  --cogs-body-xx-small-font-size: 10px;
  --cogs-body-xx-small-line-height: 14px;
  --cogs-body-xx-small-letter-spacing: -0.004em;
}

[class^=cogs-title-],
[class^=cogs-heading-],
[class^=cogs-display-] {
  padding: 0;
  margin: 0;
  font-weight: 600;
}

[class^=cogs-body-] {
  font-feature-settings: "ss04" on;
}

[class^=cogs-overline-] {
  padding: 0;
  margin: 0;
  font-feature-settings: "cpsp" on, "cv05" on;
  font-weight: 600;
}

.cogs-heading-1,
.cogs-title-1 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 36px;
  font-size: var(--cogs-h1-font-size);
  font-weight: 700;
  letter-spacing: -0.02em;
  letter-spacing: var(--cogs-h1-letter-spacing);
  line-height: 44px;
  line-height: var(--cogs-h1-line-height);
}

.cogs-heading-2,
.cogs-title-2 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 28px;
  font-size: var(--cogs-h2-font-size);
  font-weight: 700;
  letter-spacing: 0em;
  letter-spacing: var(--cogs-h2-letter-spacing);
  line-height: 32px;
  line-height: var(--cogs-h2-line-height);
}

.cogs-heading-3,
.cogs-title-3 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 24px;
  font-size: var(--cogs-h3-font-size);
  font-weight: 700;
  letter-spacing: 0em;
  letter-spacing: var(--cogs-h3-letter-spacing);
  line-height: 28px;
  line-height: var(--cogs-h3-line-height);
}

.cogs-heading-4,
.cogs-title-4 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 18px;
  font-size: var(--cogs-h4-font-size);
  font-weight: 600;
  letter-spacing: 0em;
  letter-spacing: var(--cogs-h4-letter-spacing);
  line-height: 24px;
  line-height: var(--cogs-h4-line-height);
}

.cogs-heading-5,
.cogs-title-5,
.cogs-modal-header,
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--bottom .cogs-documentation--header .cogs-documentation--section-title {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 16px;
  font-size: var(--cogs-h5-font-size);
  font-weight: 600;
  letter-spacing: -0.01em;
  letter-spacing: var(--cogs-h5-letter-spacing);
  line-height: 20px;
  line-height: var(--cogs-h5-line-height);
}

.cogs-heading-6, .cogs-datetimepicker-popper .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label, .cogs-daterangepicker-popper .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label, .cogs-daterangepicker-popper .MuiDateRangeCalendar-monthContainer .MuiTypography-subtitle1, .cogs-datepicker-popper .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label, .cogs-datecalendar .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label,
.cogs-title-6,
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--header .cogs-help-center--title {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 14px;
  font-size: var(--cogs-h6-font-size);
  font-weight: 600;
  letter-spacing: -0.01em;
  letter-spacing: var(--cogs-h6-letter-spacing);
  line-height: 20px;
  line-height: var(--cogs-h6-line-height);
}

.cogs-overline-large,
.cogs-overline-1 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 14px;
  font-size: var(--cogs-overline-large-font-size);
  letter-spacing: 0.14px;
  letter-spacing: var(--cogs-overline-large-letter-spacing);
  line-height: 16px;
  line-height: var(--cogs-overline-large-line-height);
  text-transform: uppercase;
}

.cogs-overline-medium,
.cogs-overline-2 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 12px;
  font-size: var(--cogs-overline-medium-font-size);
  letter-spacing: 0.2px;
  letter-spacing: var(--cogs-overline-medium-letter-spacing);
  line-height: 16px;
  line-height: var(--cogs-overline-medium-line-height);
  text-transform: uppercase;
}

.cogs-overline-small,
.cogs-overline-3 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 10px;
  font-size: var(--cogs-overline-small-font-size);
  letter-spacing: 0.4px;
  letter-spacing: var(--cogs-overline-small-letter-spacing);
  line-height: 12px;
  line-height: var(--cogs-overline-small-line-height);
  text-transform: uppercase;
}

.cogs-body-large,
.cogs-body-1 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 16px;
  font-size: var(--cogs-body-large-font-size);
  letter-spacing: 0;
  letter-spacing: var(--cogs-body-large-letter-spacing);
  line-height: 24px;
  line-height: var(--cogs-body-large-line-height);
}

.cogs-body-medium, .cogs-daterangepicker-popper .cogs-daterangepicker-day, .cogs-datepicker-popper .cogs-datepicker-day,
.cogs-datepicker-popper .MuiPickersYear-yearButton,
.cogs-datepicker-popper .MuiPickersMonth-monthButton, .cogs-datecalendar .cogs-datecalendar-day,
.cogs-datecalendar .MuiPickersYear-yearButton,
.cogs-datecalendar .MuiPickersMonth-monthButton,
.cogs-body-2 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 14px;
  font-size: var(--cogs-body-medium-font-size);
  letter-spacing: -0.001em;
  letter-spacing: var(--cogs-body-medium-letter-spacing);
  line-height: 20px;
  line-height: var(--cogs-body-medium-line-height);
}

.cogs-body-small,
.cogs-body-3 {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 13px;
  font-size: var(--cogs-body-small-font-size);
  letter-spacing: -0.001em;
  letter-spacing: var(--cogs-body-small-letter-spacing);
  line-height: 18px;
  line-height: var(--cogs-body-small-line-height);
}

.cogs-body-x-small, .cogs-daterangepicker-popper .MuiDayCalendar-weekNumber, .cogs-daterangepicker-popper .MuiDayCalendar-weekDayLabel,
.cogs-detail,
.cogs-modal-subtitle {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 12px;
  font-size: var(--cogs-body-x-small-font-size);
  letter-spacing: -0.008em;
  letter-spacing: var(--cogs-body-x-small-letter-spacing);
  line-height: 16px;
  line-height: var(--cogs-body-x-small-line-height);
}

.cogs-body-xx-small,
.cogs-micro {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-size: 10px;
  font-size: var(--cogs-body-xx-small-font-size);
  letter-spacing: -0.004em;
  letter-spacing: var(--cogs-body-xx-small-letter-spacing);
  line-height: 14px;
  line-height: var(--cogs-body-xx-small-line-height);
}

a,
.cogs.cogs-anchor {
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
  text-decoration: none;
}
a:hover,
.cogs.cogs-anchor:hover {
  color: rgb(52, 71, 150);
  color: var(--cogs-themed-text-icon--interactive--hover);
}
a:active, a:focus,
.cogs.cogs-anchor:active,
.cogs.cogs-anchor:focus {
  color: rgb(41, 55, 128);
  color: var(--cogs-themed-text-icon--interactive--pressed);
}

.cogs.cogs-anchor {
  text-decoration: underline;
}
.cogs.cogs-anchor.cogs-anchor--strong {
  font-weight: 500;
}
.cogs.cogs-anchor.cogs-anchor--disabled {
  cursor: not-allowed;
}
.cogs.cogs-anchor.cogs-anchor--disabled .cogs-anchor__link {
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  text-decoration: underline;
}

strong,
.strong {
  font-weight: 500;
}

.muted {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}

/* stylelint-disable function-disallowed-list */
:root {
  --cogs-themed-overlay--elevation--overlay: none;
  --cogs-themed-overlay--elevation--surface--interactive: none;
  --cogs-themed-overlay--elevation--surface--interactive--hover: none;
  --cogs-themed-overlay--elevation--surface--non-interactive: none;
}
:root .cogs-themed--default {
  --cogs-themed-overlay--elevation--overlay: none;
  --cogs-themed-overlay--elevation--surface--interactive: none;
  --cogs-themed-overlay--elevation--surface--interactive--hover: none;
  --cogs-themed-overlay--elevation--surface--non-interactive: none;
}
:root .cogs-themed--inverted {
  --cogs-themed-overlay--elevation--overlay: linear-gradient(
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1)
  );
  --cogs-themed-overlay--elevation--surface--interactive: linear-gradient(
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.08)
  );
  --cogs-themed-overlay--elevation--surface--interactive--hover: linear-gradient(
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.08)
  );
  --cogs-themed-overlay--elevation--surface--non-interactive: linear-gradient(
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.06)
  );
}

.cogs-ellipsis-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
  flex-direction: column;
}
.cogs-ellipsis-wrapper .master-child {
  width: -webkit-max-content;
  width: max-content;
  height: 0;
  font-size: 14px;
  overflow-y: hidden;
  white-space: nowrap;
}
.cogs-ellipsis-wrapper .left {
  overflow: hidden;
  max-width: 50%;
  flex: 1 1;
  font-size: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cogs-ellipsis-wrapper .right {
  overflow: hidden;
  max-width: 50%;
  flex: 1 1;
  direction: rtl;
  font-size: 0;
  overflow-wrap: anywhere;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cogs-ellipsis-wrapper .child {
  width: -webkit-max-content;
  width: max-content;
  font-size: 14px;
  white-space: nowrap;
}
.cogs-ellipsis-wrapper .ellipsis {
  width: 12px;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
}

.cogs.cogs-squircle {
  object-fit: cover;
  position: relative;
  height: 36px;
  width: 36px;
  display: block;
  margin-right: 0;
  /* 
   * This one can't be hidden by display: block, opacity or visiblility, so we
   * take it out of the DOM and move it way out of the viewport.
   */
}
.cogs.cogs-squircle .cogs-squircle__masked-container {
  -webkit-clip-path: url(#cogs-squircle--default);
          clip-path: url(#cogs-squircle--default);
}
.cogs.cogs-squircle .cogs-squircle__focus-ring {
  transition: stroke-opacity 0.1s;
  stroke-opacity: 0;
}
.cogs.cogs-squircle:focus-within .cogs-squircle__focus-ring {
  stroke-opacity: 1;
}
.cogs.cogs-squircle--stacked {
  margin-right: -4px;
}
.cogs.cogs-squircle--stacked .cogs-squircle__masked-container {
  -webkit-clip-path: url(#cogs-squircle--stacked);
          clip-path: url(#cogs-squircle--stacked);
}
.cogs.cogs-squircle--stacked .cogs-squircle__masked-container.cogs-squircle--size-small {
  margin-right: -3px;
}
.cogs.cogs-squircle .cogs-squircle__mask {
  position: absolute;
  top: -1000vh;
  left: -1000vw;
  height: 100%;
  width: 100%;
}
.cogs.cogs-squircle .cogs-squircle__outline,
.cogs.cogs-squircle .cogs-squircle__focus-ring {
  pointer-events: none;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@keyframes skeleton-animation {
  from {
    background-position: -640px 0;
  }
  to {
    background-position: 640px 0;
  }
}
.cogs-skeleton--animation, .cogs.cogs-iconbutton.cogs-iconbutton--skeleton, .cogs.cogs-button.cogs-button--skeleton, .cogs.cogs-tabs.cogs-tabs-skeleton .cogs-tabs__list, .cogs-switch.cogs-switch-skeleton .switch-ui,
.cogs-switch.cogs-switch-skeleton input[type=checkbox]:checked + .switch-ui, .cogs-switch.cogs-switch-skeleton span.text, .cogs-segmented-control .cogs-segmented-control-list.cogs-segmented-control-skeleton, .cogs-radio.cogs-radio-skeleton .radio-ui,
.cogs-radio.cogs-radio-skeleton input[type=radio]:checked + .radio-ui, .cogs-radio.cogs-radio-skeleton span.text, .cogs-checkbox.cogs-checkbox-skeleton .checkbox-ui.checkbox-ui-skeleton,
.cogs-checkbox.cogs-checkbox-skeleton input[type=checkbox] + .checkbox-ui, .cogs-checkbox.cogs-checkbox-skeleton span.text {
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: skeleton-animation;
  animation-timing-function: linear;
  background-image: linear-gradient(to right, #e8e8e8 0%, #fafafa 20%, #e8e8e8 40%);
  background-image: linear-gradient(to right, var(--cogs-greyscale-grey3) 0%, var(--cogs-greyscale-grey1) 20%, var(--cogs-greyscale-grey3) 40%);
  background-size: 640px 640px;
}

/*****************************************
* CHECKBOX
*****************************************/
.cogs-checkbox.cogs-checkbox-skeleton {
  pointer-events: none;
}
.cogs-checkbox.cogs-checkbox-skeleton span.text {
  display: inline-block;
  height: 1em;
  border: none;
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
  color: transparent;
}
.cogs-checkbox.cogs-checkbox-skeleton .checkbox-ui.checkbox-ui-skeleton,
.cogs-checkbox.cogs-checkbox-skeleton input[type=checkbox] + .checkbox-ui {
  display: inline-block;
  border: none;
  color: transparent;
}
.cogs-checkbox.cogs-checkbox-skeleton input[type=checkbox]:focus-visible + .checkbox-ui {
  box-shadow: none;
}
.cogs-checkbox.cogs-checkbox-skeleton input[type=checkbox]:disabled + .checkbox-ui {
  pointer-events: none;
}

/*****************************************
* RADIO
*****************************************/
.cogs-radio.cogs-radio-skeleton {
  pointer-events: none;
}
.cogs-radio.cogs-radio-skeleton span.text {
  display: inline-block;
  height: 1em;
  border: none;
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
  color: transparent;
}
.cogs-radio.cogs-radio-skeleton .radio-ui,
.cogs-radio.cogs-radio-skeleton input[type=radio]:checked + .radio-ui {
  display: inline-block;
  border: none;
}
.cogs-radio.cogs-radio-skeleton .radio-ui::before,
.cogs-radio.cogs-radio-skeleton input[type=radio]:checked + .radio-ui::before {
  background: none;
}
.cogs-radio.cogs-radio-skeleton input[type=radio]:focus-visible + .radio-ui {
  box-shadow: none;
}
.cogs-radio.cogs-radio-skeleton input[type=radio]:disabled + .radio-ui {
  pointer-events: none;
}

/*****************************************
* SEGMENTEDCONTROL
*****************************************/
.cogs-segmented-control .cogs-segmented-control-list.cogs-segmented-control-skeleton {
  display: inline-block;
  width: "100%";
  min-width: 80px;
  min-height: 1em;
  pointer-events: none;
}
.cogs-segmented-control .cogs-segmented-control-list.cogs-segmented-control-skeleton .cogs-segmented-control-btn {
  visibility: hidden;
}
.cogs-segmented-control .cogs-segmented-control-list.cogs-segmented-control-skeleton.full-width {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

/*****************************************
* SWITCH
*****************************************/
.cogs-switch.cogs-switch-skeleton {
  pointer-events: none;
}
.cogs-switch.cogs-switch-skeleton span.text {
  display: inline-block;
  height: 1em;
  border: none;
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
  color: transparent;
}
.cogs-switch.cogs-switch-skeleton .switch-ui,
.cogs-switch.cogs-switch-skeleton input[type=checkbox]:checked + .switch-ui {
  display: inline-block;
  border: none;
}
.cogs-switch.cogs-switch-skeleton .switch-ui::after,
.cogs-switch.cogs-switch-skeleton input[type=checkbox]:checked + .switch-ui::after {
  background: none;
}
.cogs-switch.cogs-switch-skeleton input[type=checkbox]:focus-visible + .switch-ui {
  box-shadow: none;
}
.cogs-switch.cogs-switch-skeleton input[type=checkbox]:disabled + .switch-ui {
  pointer-events: none;
}

/*****************************************
* TABS
*****************************************/
.cogs.cogs-tabs.cogs-tabs-skeleton .cogs-tabs__list {
  min-width: 80px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 48px;
  pointer-events: none;
}
.cogs.cogs-tabs.cogs-tabs-skeleton .cogs-tabs__list.cogs-tabs--size-medium {
  height: 36px;
}
.cogs.cogs-tabs.cogs-tabs-skeleton .cogs-tabs__list.cogs-tabs--size-xlarge {
  height: 56px;
}
.cogs.cogs-tabs.cogs-tabs-skeleton .cogs-tabs__list .cogs-tabs__list__tab {
  visibility: hidden;
}
.cogs.cogs-tabs.cogs-tabs-skeleton .cogs-tabs__list.cogs-tabs--full-width {
  width: 100%;
}

/*****************************************
* List
*****************************************/
.cogs-list .list-item {
  display: flex;
  height: 64px;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px;
  border: none;
}
.cogs-list .list-item:last-of-type {
  border-bottom: none;
}
.cogs-list .list-item-border {
  height: 63px;
  border-bottom: 1px solid #e8e8e8;
  border-bottom: 1px solid var(--cogs-greyscale-grey3);
}

/*****************************************
* Circle
*****************************************/
@keyframes skeleton-loader {
  from {
    background-position: -640px 0;
  }
  to {
    background-position: 640px 0;
  }
}
.cogs.cogs-skeleton__circle {
  --gradient-size: 640px;
  display: inline-block;
  width: 3em;
  width: var(--diameter, 3em);
  height: 3em;
  height: var(--diameter, 3em);
  min-height: 1em;
  margin: 0.2em 0;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: skeleton-loader;
  animation-timing-function: linear;
  background-image: linear-gradient(to right, #e8e8e8 0%, #fafafa 20%, #e8e8e8 40%);
  background-image: linear-gradient(to right, var(--cogs-greyscale-grey3) 0%, var(--cogs-greyscale-grey1) 20%, var(--cogs-greyscale-grey3) 40%);
  background-size: 640px 640px;
  border-radius: 3em;
  border-radius: var(--diameter, 3em);
}

.cogs.cogs-skeleton__rectangle {
  --gradient-size: 640px;
  display: inline-block;
  width: 100%;
  width: var(--width, 100%);
  height: 1em;
  height: var(--height, 1em);
  min-height: 1em;
  margin: 0.2em 0;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: skeleton-loader;
  animation-timing-function: linear;
  background-image: linear-gradient(to right, #e8e8e8 0%, #fafafa 20%, #e8e8e8 40%);
  background-image: linear-gradient(to right, var(--cogs-greyscale-grey3) 0%, var(--cogs-greyscale-grey1) 20%, var(--cogs-greyscale-grey3) 40%);
  background-size: var(--gradient-size) var(--gradient-size);
  border-radius: 4px;
}
.cogs.cogs-skeleton__rectangle--rounded {
  border-radius: 100px;
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list */
.rc-collapse {
  border: 1px solid #d9d9d9;
  background-color: #f7f7f7;
  border-radius: 3px;
}

.rc-collapse-anim-active {
  transition: height 0.2s ease-out;
}

.rc-collapse > .rc-collapse-item {
  border-top: 1px solid #d9d9d9;
}

.rc-collapse > .rc-collapse-item:first-child {
  border-top: none;
}

.rc-collapse > .rc-collapse-item > .rc-collapse-header {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  color: #666666;
  cursor: pointer;
  -ms-flex-align: center;
  line-height: 22px;
}

.rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid #666666;
  margin-right: 8px;
  content: " ";
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.rc-collapse > .rc-collapse-item > .rc-collapse-header .rc-collapse-extra {
  margin: 0 16px 0 auto;
}

.rc-collapse > .rc-collapse-item-disabled > .rc-collapse-header {
  background-color: #f3f3f3;
  color: #999999;
  cursor: not-allowed;
}

.rc-collapse-content {
  overflow: hidden;
  padding: 0 16px;
  background-color: #ffffff;
  color: #666666;
}

.rc-collapse-content > .rc-collapse-content-box {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rc-collapse-content-inactive {
  display: none;
}

.rc-collapse-item:last-child > .rc-collapse-content {
  border-radius: 0 0 3px 3px;
}

.rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {
  position: relative;
  top: 2px;
  border-top: 4px solid #666666;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  margin-right: 6px;
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list, no-duplicate-selectors */
.rdrCalendarWrapper {
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: column;
  background: #ffffff;
  -webkit-user-select: none;
  user-select: none;
}

.rdrDateDisplay {
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
}

.rdrDateDisplayItem {
  width: 0;
  flex: 1 1;
  -webkit-box-flex: 1;
  color: inherit;
  text-align: center;
}

.rdrDateDisplayItem + .rdrDateDisplayItem {
  margin-left: 0.833em;
}

.rdrDateDisplayItem input {
  text-align: inherit;
}

.rdrDateDisplayItem input:disabled {
  cursor: default;
}

.rdrMonthAndYearWrapper {
  display: flex;
  box-sizing: inherit;
  justify-content: space-between;
  -webkit-box-pack: justify;
}

.rdrMonthAndYearPickers {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrMonths {
  display: flex;
}

.rdrMonthsVertical {
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div {
  display: flex;
  flex-direction: row;
}

.rdrMonth {
  width: 27.667em;
}

.rdrWeekDays {
  display: flex;
}

.rdrWeekDay {
  box-sizing: inherit;
  flex-basis: 14.2857142857%;
  text-align: center;
}

.rdrDays {
  display: flex;
  flex-wrap: wrap;
}

.rdrInfiniteMonths {
  overflow: auto;
}

.rdrDateRangeWrapper {
  -webkit-user-select: none;
  user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
  outline: none;
}

.rdrDateInput .rdrWarning {
  position: absolute;
  top: 0;
  right: 0.25em;
  color: #ff0000;
  font-size: 1.6em;
  line-height: 1.6em;
}

.rdrDay {
  position: relative;
  width: 14.2857142857%;
  box-sizing: inherit;
  cursor: pointer;
  font: inherit;
}

.rdrDayNumber {
  position: relative;
  display: block;
}

.rdrDayNumber span {
  color: #1d2429;
}

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}
.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
  pointer-events: none;
}

.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
  pointer-events: none;
}

.rdrDateRangePickerWrapper {
  display: inline-flex;
  -webkit-user-select: none;
  user-select: none;
}

.rdrStaticRanges {
  display: flex;
  flex-direction: column;
}

.rdrStaticRange {
  font-size: inherit;
}

.rdrInputRange {
  display: flex;
}

.rdrCalendarWrapper {
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper {
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay {
  margin: 0.833em;
}

.rdrDateDisplayItem {
  border: 1px solid transparent;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
}

.rdrDateDisplayItem input {
  width: 100%;
  height: 2.5em;
  border: 0px;
  background: transparent;
  color: #849095;
  cursor: pointer;
  line-height: 2.5em;
}

.rdrDateDisplayItemActive {
  border-color: currentColor;
}

.rdrDateDisplayItemActive input {
  color: #7d888d;
}

.rdrMonthAndYearWrapper {
  height: 60px;
  align-items: center;
  padding-top: 10px;
  -webkit-box-align: center;
}

.rdrMonthAndYearPickers {
  font-weight: 600;
}

.rdrMonthAndYearPickers select {
  padding: 10px 30px 10px 10px;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;
  background-position: right 8px center;
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
  color: #3e484f;
  cursor: pointer;
  outline: none;
  text-align: center;
}

.rdrMonthAndYearPickers select:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.rdrMonthPicker,
.rdrYearPicker {
  margin: 0 5px;
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  margin: 0 0.833em;
  background: #eff2f7;
  border-radius: 5px;
}

.rdrNextPrevButton:hover {
  background: #e1e7f0;
}

.rdrNextPrevButton i {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  border-style: solid;
  margin: auto;
  text-align: center;
  transform: translate(-3px, 0px);
}

.rdrPprevButton i {
  border-width: 4px 6px 4px 4px;
  border-color: transparent rgb(52, 73, 94) transparent transparent;
  transform: translate(-3px, 0px);
}

.rdrNextButton i {
  border-width: 4px 4px 4px 6px;
  border-color: transparent transparent transparent rgb(52, 73, 94);
  margin: 0 0 0 7px;
  transform: translate(3px, 0px);
}

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth {
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
  padding: 0;
}

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display: none;
}

.rdrWeekDay {
  color: rgb(132, 144, 149);
  font-weight: 400;
  line-height: 2.667em;
}

.rdrDay {
  height: 3em;
  padding: 0;
  border: none;
  background: transparent;
  color: #1d2429;
  line-height: 3em;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
}

.rdrDay:focus {
  outline: none;
}

.rdrDayNumber {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  font-weight: 300;
  outline: none;
}

.rdrDayToday .rdrDayNumber span {
  font-weight: 500;
}

.rdrDayToday .rdrDayNumber span:after {
  position: absolute;
  bottom: 4px;
  left: 50%;
  width: 18px;
  height: 2px;
  background: #3d91ff;
  border-radius: 2px;
  content: "";
  transform: translate(-50%, 0);
}

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
  background: #ffffff;
}

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: rgba(255, 255, 255, 0.85);
}

.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  left: 0;
  background: currentColor;
}

.rdrSelected {
  right: 2px;
  left: 2px;
  border-radius: 1.042em;
}

.rdrStartEdge {
  left: 2px;
  border-bottom-left-radius: 1.042em;
  border-top-left-radius: 1.042em;
}

.rdrEndEdge {
  right: 2px;
  border-bottom-right-radius: 1.042em;
  border-top-right-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange,
.rdrDayStartOfMonth .rdrEndEdge,
.rdrDayStartOfWeek .rdrInRange,
.rdrDayStartOfWeek .rdrEndEdge {
  left: 2px;
  border-bottom-left-radius: 1.042em;
  border-top-left-radius: 1.042em;
}

.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge {
  right: 2px;
  border-bottom-right-radius: 1.042em;
  border-top-right-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrDayInPreview,
.rdrDayStartOfMonth .rdrDayEndPreview,
.rdrDayStartOfWeek .rdrDayInPreview,
.rdrDayStartOfWeek .rdrDayEndPreview {
  left: 0px;
  border-left-width: 1px;
  border-bottom-left-radius: 1.333em;
  border-top-left-radius: 1.333em;
}

.rdrDayEndOfMonth .rdrDayInPreview,
.rdrDayEndOfMonth .rdrDayStartPreview,
.rdrDayEndOfWeek .rdrDayInPreview,
.rdrDayEndOfWeek .rdrDayStartPreview {
  right: 0px;
  border-right-width: 1px;
  border-bottom-right-radius: 1.333em;
  border-top-right-radius: 1.333em;
}

.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: 0px;
  bottom: 3px;
  left: 0px;
  border: 0px solid currentColor;
  background: rgba(255, 255, 255, 0.09);
  pointer-events: none;
}

.rdrDayStartPreview {
  left: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-left-radius: 1.333em;
  border-top-left-radius: 1.333em;
}

.rdrDayInPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview {
  right: 0px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-bottom-right-radius: 1.333em;
  border-top-right-radius: 1.333em;
}

.rdrDefinedRangesWrapper {
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #ffffff;
  font-size: 12px;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  color: currentColor;
  font-weight: 600;
}

.rdrStaticRange {
  display: block;
  padding: 0;
  border: none;
  border-bottom: 1px solid #eff2f7;
  background: #ffffff;
  cursor: pointer;
  outline: none;
}

.rdrStaticRange:hover .rdrStaticRangeLabel,
.rdrStaticRange:focus .rdrStaticRangeLabel {
  background: #eff2f7;
}

.rdrStaticRangeLabel {
  display: block;
  padding: 10px 20px;
  line-height: 18px;
  outline: none;
  text-align: left;
}

.rdrInputRanges {
  padding: 10px 0;
}

.rdrInputRange {
  align-items: center;
  padding: 5px 20px;
  -webkit-box-align: center;
}

.rdrInputRangeInput {
  width: 30px;
  height: 30px;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
  color: rgb(108, 118, 122);
  line-height: 30px;
  text-align: center;
}

.rdrInputRangeInput:focus,
.rdrInputRangeInput:hover {
  border-color: rgb(180, 191, 196);
  color: #333333;
  outline: none;
}

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  position: absolute;
  top: -2px;
  right: 0px;
  bottom: -2px;
  left: 0px;
  border: 1px solid currentColor;
  background: transparent;
  border-radius: 1.333em;
  content: "";
}

.rdrDayPassive {
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span {
  color: #d5dce0;
}

.rdrDayPassive .rdrInRange,
.rdrDayPassive .rdrStartEdge,
.rdrDayPassive .rdrEndEdge,
.rdrDayPassive .rdrSelected,
.rdrDayPassive .rdrDayStartPreview,
.rdrDayPassive .rdrDayInPreview,
.rdrDayPassive .rdrDayEndPreview {
  display: none;
}

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span {
  color: #aeb9bf;
}

.rdrDayDisabled .rdrInRange,
.rdrDayDisabled .rdrStartEdge,
.rdrDayDisabled .rdrEndEdge,
.rdrDayDisabled .rdrSelected,
.rdrDayDisabled .rdrDayStartPreview,
.rdrDayDisabled .rdrDayInPreview,
.rdrDayDisabled .rdrDayEndPreview {
  filter: grayscale(100%) opacity(60%);
}

.rdrMonthName {
  padding: 0.833em;
  color: #849095;
  font-weight: 600;
  text-align: left;
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list */
.Toastify__toast-container {
  position: fixed;
  z-index: 9999;
  width: 320px;
  box-sizing: border-box;
  padding: 4px;
  color: #ffffff;
  transform: translate3d(0, 0, 9999px);
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  right: 1em;
  bottom: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    left: 0;
    width: 100vw;
    padding: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: auto;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: 64px;
  max-height: 800px;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 8px;
  margin-bottom: 1rem;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  direction: ltr;
  -ms-flex-pack: justify;
  font-family: sans-serif;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--dark {
  background: #121212;
  color: #ffffff;
}

.Toastify__toast--default {
  background: #ffffff;
  color: #aaaaaa;
}

.Toastify__toast--info {
  background: #3498db;
}

.Toastify__toast--success {
  background: #07bc0c;
}

.Toastify__toast--warning {
  background: #f1c40f;
}

.Toastify__toast--error {
  background: #e74c3c;
}

.Toastify__toast-body {
  flex: 1 1 auto;
  margin: auto 0;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  align-self: flex-start;
  padding: 0;
  border: none;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  -ms-flex-item-align: start;
  opacity: 0.7;
  outline: none;
  transition: 0.3s ease;
}

.Toastify__close-button--default {
  color: #000000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  width: 14px;
  height: 16px;
  fill: currentColor;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  transform-origin: right;
}

.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

.Toastify__progress-bar--dark {
  background: #bb86fc;
}

/* stylelint-disable keyframe-block-no-duplicate-selectors */
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
/* stylelint-enable keyframe-block-no-duplicate-selectors */
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }
  to {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-110%, 0, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 500px, 0);
    visibility: hidden;
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -500px, 0);
    visibility: hidden;
  }
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

/* stylelint-disable color-no-hex, function-disallowed-list, declaration-property-value-allowed-list */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  font-size: 13px;
  line-height: 18px;
  outline: none;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: currentColor;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: currentColor;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  right: -7px;
  border-width: 8px 0 8px 8px;
  border-left-color: currentColor;
  border-left-color: initial;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: currentColor;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333333;
}
.tippy-arrow:before {
  position: absolute;
  border-style: solid;
  border-color: transparent;
  content: "";
}

.tippy-content {
  position: relative;
  z-index: 1;
  padding: 8px 8px;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 16px;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  top: calc(50% - 3px);
  left: 11px;
  transform: rotate(90deg);
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after,
.tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  top: calc(50% - 3px);
  right: 11px;
  transform: rotate(-90deg);
}

.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333333;
}

.tippy-svg-arrow,
.tippy-svg-arrow > svg {
  position: absolute;
}

/* Shift away subtle animation*/
.tippy-box[data-animation=shift-away-subtle][data-state=hidden] {
  opacity: 0;
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top] {
  transform: translateY(5px);
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-5px);
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left] {
  transform: translateX(5px);
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right] {
  transform: translateX(-5px);
}

.cogs.cogs-accordion {
  width: 100%;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
  transition: background-color 200ms, color 200ms;
  transition: background-color var(--cogs-transition-time-fast), color var(--cogs-transition-time-fast);
}
.cogs.cogs-accordion__header {
  cursor: pointer;
  padding-left: 12px;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  outline: none;
  border-radius: 4px;
  transition: border-radius 200ms;
  transition: border-radius var(--cogs-transition-time-fast);
}
.cogs.cogs-accordion__header:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
}
.cogs.cogs-accordion__header__title {
  position: relative;
}
.cogs.cogs-accordion__header__title p {
  font-weight: 600;
}
.cogs.cogs-accordion__header__title .cogs-tooltip__content {
  max-width: 90%;
}
.cogs.cogs-accordion__header__title .subtitle {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
}
.cogs.cogs-accordion__header__title--subtitle--placeholder {
  white-space: nowrap;
  font-size: 12px;
  max-width: 90%;
  position: absolute;
  visibility: hidden;
}
.cogs.cogs-accordion__header__title--subtitle--placeholder p {
  overflow: hidden;
  width: auto;
}
.cogs.cogs-accordion__header__icon {
  transition: all 200ms;
  transition: all var(--cogs-transition-time-fast);
}
.cogs.cogs-accordion__header__icon--expanded {
  transform: rotate(-180deg);
}
.cogs.cogs-accordion__header--left {
  display: grid;
  grid-template-columns: 24px calc(100% - 24px);
}
.cogs.cogs-accordion__header--left .cogs-accordion__header__icon {
  margin-right: 8px;
}
.cogs.cogs-accordion__header--right {
  display: grid;
  grid-template-columns: calc(100% - 48px) 48px;
}
.cogs.cogs-accordion__header--right .cogs-accordion__header__icon {
  margin: 0 auto;
}
.cogs.cogs-accordion .cogs-accordion__content {
  padding-left: 12px;
  padding-right: 12px;
}
.cogs.cogs-accordion--expanded .cogs-accordion__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cogs.cogs-accordion--size-small .cogs-accordion__header {
  padding-top: 6px;
  padding-bottom: 6px;
}
.cogs.cogs-accordion--size-small .cogs-accordion__header__title p {
  font-size: 12px;
  font-weight: 500;
}
.cogs.cogs-accordion--size-small .cogs-accordion__header__title .subtitle {
  font-size: 10px;
  margin-top: 2px;
}
.cogs.cogs-accordion--size-small .cogs-accordion__content {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 20px;
}
.cogs.cogs-accordion--size-medium .cogs-accordion__header {
  padding-top: 8px;
  padding-bottom: 8px;
}
.cogs.cogs-accordion--size-medium .cogs-accordion__header__title .subtitle {
  margin-top: 4px;
}
.cogs.cogs-accordion--size-medium .cogs-accordion__content {
  padding-top: 12px;
  padding-bottom: 20px;
}
.cogs.cogs-accordion--size-large .cogs-accordion__header {
  padding-top: 14px;
  padding-bottom: 14px;
}
.cogs.cogs-accordion--size-large .cogs-accordion__header__title .subtitle {
  margin-top: 4px;
}
.cogs.cogs-accordion--size-large .cogs-accordion__content {
  padding-top: 12px;
  padding-bottom: 20px;
}
.cogs.cogs-accordion--type-solid {
  background-color: rgba(83, 88, 127, 0.08);
  background-color: var(--cogs-surface--action--muted--default);
}
.cogs.cogs-accordion--type-solid .cogs-accordion__header:hover {
  background-color: rgba(83, 88, 127, 0.12);
  background-color: var(--cogs-surface--action--muted--hover);
}
.cogs.cogs-accordion--type-solid .cogs-accordion__header:active {
  background-color: var(--cogs-surface--action-muted--pressed);
}
.cogs.cogs-accordion--type-ghost {
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-surface--misc-transparent);
}
.cogs.cogs-accordion--type-ghost .cogs-accordion__header:hover {
  background-color: rgba(34, 42, 83, 0.06);
  background-color: var(--cogs-surface--interactive--hover);
}
.cogs.cogs-accordion--type-ghost .cogs-accordion__header:active {
  background-color: rgba(34, 42, 83, 0.1);
  background-color: var(--cogs-surface--interactive--pressed);
}
.cogs.cogs-accordion--inverted.cogs-accordion--type-solid {
  color: rgba(255, 255, 255, 0.95);
  color: var(--cogs-text-icon--strong--inverted);
  background: rgba(255, 255, 255, 0.06);
  background: var(--cogs-surface--action--muted--default--inverted);
}
.cogs.cogs-accordion--inverted.cogs-accordion--type-solid .cogs-accordion__header:hover {
  background-color: var(--cogs-surface--action-muted--hover--inverted);
}
.cogs.cogs-accordion--inverted.cogs-accordion--type-solid .cogs-accordion__header:active {
  background-color: var(--cogs-surface--action-muted--pressed--inverted);
}
.cogs.cogs-accordion--inverted.cogs-accordion--type-ghost {
  background: rgba(0, 0, 0, 0);
  background: var(--cogs-surface--misc-transparent--inverted);
  color: rgba(255, 255, 255, 0.95);
  color: var(--cogs-text-icon--strong--inverted);
}
.cogs.cogs-accordion--inverted.cogs-accordion--type-ghost .cogs-accordion__header:hover {
  background-color: rgba(255, 255, 255, 0.06);
  background-color: var(--cogs-surface--interactive--hover--inverted);
}
.cogs.cogs-accordion--inverted.cogs-accordion--type-ghost .cogs-accordion__header:active {
  background-color: rgba(255, 255, 255, 0.1);
  background-color: var(--cogs-surface--interactive--pressed--inverted);
}
.cogs.cogs-accordion--disabled {
  pointer-events: none;
}
.cogs.cogs-accordion--disabled .cogs-accordion__header {
  cursor: not-allowed;
}
.cogs.cogs-accordion--disabled.cogs-accordion--type-solid, .cogs.cogs-accordion--disabled.cogs-accordion--type-ghost {
  background: rgba(0, 0, 0, 0.03);
  background: var(--cogs-surface--interactive--disabled);
  color: rgb(140, 140, 140);
  color: var(--cogs-text-icon--interactive--disabled);
}
.cogs.cogs-accordion--disabled.cogs-accordion--inverted.cogs-accordion--type-solid, .cogs.cogs-accordion--disabled.cogs-accordion--inverted.cogs-accordion--type-ghost {
  background: rgba(255, 255, 255, 0.08);
  background: var(--cogs-surface--interactive--disabled--inverted);
  color: rgba(255, 255, 255, 0.4);
  color: var(--cogs-text-icon--interactive--disabled--inverted);
}
.cogs.cogs-accordion--showBorder.cogs-accordion--expanded .cogs-accordion__header {
  border-bottom: 1px solid rgb(217, 217, 217);
  border-bottom: 1px solid var(--cogs-border--muted);
}
.cogs.cogs-accordion--showBorder.cogs-accordion--expanded.cogs-accordion--inverted .cogs-accordion__header {
  border-bottom: 1px solid rgb(81, 81, 81);
  border-bottom: 1px solid var(--cogs-border--muted--inverted);
}
.cogs.cogs-accordion--hidePadding {
  border-radius: 0px;
}
.cogs.cogs-accordion--hidePadding .cogs-accordion__header {
  padding-left: 0;
}
.cogs.cogs-accordion--hidePadding .cogs-accordion__content {
  padding-left: 0;
  padding-right: 0;
}

.cogs-avatar__button {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0px;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  transition: background-color 200ms, filter 200ms;
  transition: background-color var(--cogs-transition-time-fast), filter var(--cogs-transition-time-fast);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgb(237, 240, 255);
  background: var(--cogs-decorative--blue--100);
  background-size: cover;
  background-position: center;
}
.cogs-avatar__button:not(.cogs-avatar--static):hover {
  background-color: rgb(219, 225, 254);
  background-color: var(--cogs-decorative--blue--200);
}
.cogs-avatar__button:focus-visible {
  outline: none;
}
.cogs-avatar--interactive * {
  cursor: pointer !important;
}
.cogs-avatar:not(.cogs-avatar--static):hover .cogs-avatar--type-image.cogs-avatar--interactive {
  filter: brightness(0.9);
}
.cogs-avatar--technical {
  cursor: auto;
  font-size: 10px;
}
.cogs-avatar--static {
  pointer-events: none;
}
.cogs-avatar--size-tiny {
  font-size: 10px;
  border-radius: 3px;
}
.cogs-avatar--size-x-small {
  font-size: 10px;
  border-radius: 3px;
}
.cogs-avatar--size-small {
  font-size: 12px;
  border-radius: 4px;
}
.cogs-avatar--size-medium {
  font-size: 14px;
  border-radius: 6px;
}
.cogs-avatar--size-large {
  font-size: 14px;
  border-radius: 6px;
}
.cogs-avatar .cogs-avatar--prominence-strong {
  color: rgb(255, 255, 255);
  color: var(--cogs-text-icon--on-contrast--strong);
}
.cogs-avatar--background-blue {
  background-color: rgb(237, 240, 255);
  background-color: var(--cogs-decorative--blue--100);
}
.cogs-avatar--background-blue:not(.cogs-avatar--static):hover {
  background-color: rgb(219, 225, 254);
  background-color: var(--cogs-decorative--blue--200);
}
.cogs-avatar--background-blue.cogs-avatar--prominence-strong {
  background-color: rgb(66, 85, 187);
  background-color: var(--cogs-decorative--blue--600);
}
.cogs-avatar--background-blue.cogs-avatar--prominence-strong:not(.cogs-avatar--static):hover {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-decorative--blue--700);
}
.cogs-avatar--background-green {
  background-color: rgb(242, 250, 244);
  background-color: var(--cogs-decorative--green--50);
}
.cogs-avatar--background-green:not(.cogs-avatar--static):hover {
  background-color: rgb(217, 241, 223);
  background-color: var(--cogs-decorative--green--200);
}
.cogs-avatar--background-green.cogs-avatar--prominence-strong {
  background-color: rgb(37, 123, 61);
  background-color: var(--cogs-decorative--green--600);
}
.cogs-avatar--background-green.cogs-avatar--prominence-strong:not(.cogs-avatar--static):hover {
  background-color: rgb(26, 91, 48);
  background-color: var(--cogs-decorative--green--700);
}
.cogs-avatar--background-orange {
  background-color: rgb(255, 240, 232);
  background-color: var(--cogs-decorative--orange--100);
}
.cogs-avatar--background-orange:not(.cogs-avatar--static):hover {
  background-color: rgb(255, 225, 209);
  background-color: var(--cogs-decorative--orange--200);
}
.cogs-avatar--background-orange.cogs-avatar--prominence-strong {
  background-color: rgb(204, 81, 43);
  background-color: var(--cogs-decorative--orange--600);
}
.cogs-avatar--background-orange.cogs-avatar--prominence-strong:not(.cogs-avatar--static):hover {
  background-color: rgb(174, 31, 0);
  background-color: var(--cogs-decorative--orange--700);
}
.cogs-avatar--background-pink {
  background-color: rgb(255, 234, 242);
  background-color: var(--cogs-decorative--pink--100);
}
.cogs-avatar--background-pink:not(.cogs-avatar--static):hover {
  background-color: rgb(254, 211, 227);
  background-color: var(--cogs-decorative--pink--200);
}
.cogs-avatar--background-pink.cogs-avatar--prominence-strong {
  background-color: rgb(193, 54, 112);
  background-color: var(--cogs-decorative--pink--600);
}
.cogs-avatar--background-pink.cogs-avatar--prominence-strong:not(.cogs-avatar--static):hover {
  background-color: rgb(141, 30, 71);
  background-color: var(--cogs-decorative--pink--700);
}
.cogs-avatar--background-purple {
  background-color: rgb(250, 237, 252);
  background-color: var(--cogs-decorative--purple--100);
}
.cogs-avatar--background-purple:not(.cogs-avatar--static):hover {
  background-color: rgb(244, 218, 248);
  background-color: var(--cogs-decorative--purple--200);
}
.cogs-avatar--background-purple.cogs-avatar--prominence-strong {
  background-color: rgb(146, 63, 167);
  background-color: var(--cogs-decorative--purple--600);
}
.cogs-avatar--background-purple.cogs-avatar--prominence-strong:not(.cogs-avatar--static):hover {
  background-color: rgb(100, 33, 117);
  background-color: var(--cogs-decorative--purple--700);
}
.cogs-avatar--background-red {
  background-color: rgb(251, 233, 237);
  background-color: var(--cogs-decorative--red--100);
}
.cogs-avatar--background-red:not(.cogs-avatar--static):hover {
  background-color: rgb(253, 206, 214);
  background-color: var(--cogs-decorative--red--200);
}
.cogs-avatar--background-red.cogs-avatar--prominence-strong {
  background-color: rgb(179, 5, 57);
  background-color: var(--cogs-decorative--red--600);
}
.cogs-avatar--background-red.cogs-avatar--prominence-strong:not(.cogs-avatar--static):hover {
  background-color: rgb(139, 4, 47);
  background-color: var(--cogs-decorative--red--700);
}
.cogs-avatar--background-yellow {
  background-color: rgb(255, 249, 230);
  background-color: var(--cogs-decorative--yellow--100);
}
.cogs-avatar--background-yellow:not(.cogs-avatar--static):hover {
  background-color: rgb(255, 241, 204);
  background-color: var(--cogs-decorative--yellow--200);
}
.cogs-avatar-tooltip {
  width: -webkit-max-content;
  width: max-content;
}
.cogs-avatar.cogs-html {
  height: 36px;
  width: 36px;
}
.cogs-avatar.cogs-html.cogs-avatar--size-tiny {
  height: 16px;
  width: 16px;
}
.cogs-avatar.cogs-html.cogs-avatar--size-x-small {
  height: 20px;
  width: 20px;
}
.cogs-avatar.cogs-html.cogs-avatar--size-small {
  height: 28px;
  width: 28px;
}
.cogs-avatar.cogs-html.cogs-avatar--size-large {
  height: 40px;
  width: 40px;
}
.cogs-avatar.cogs-html.cogs-avatar--prominence-strong {
  color: rgb(255, 255, 255);
  color: var(--cogs-text-icon--on-contrast--strong);
}
.cogs-avatar.cogs-html.cogs-avatar--type-image {
  box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.2) inset;
  box-shadow: 0 0 0 var(--cogs-border-width--default) var(--cogs-border--status-undefined--muted) inset;
}

.cogs.cogs-avatar-group--size-large .cogs-squircle, .cogs.cogs-avatar-group--size-large .cogs-avatar-group__overflow-button {
  height: 40px;
  width: 40px;
}
.cogs.cogs-avatar-group--size-medium .cogs-squircle, .cogs.cogs-avatar-group--size-medium .cogs-avatar-group__overflow-button {
  height: 36px;
  width: 36px;
}
.cogs.cogs-avatar-group--size-small .cogs-squircle, .cogs.cogs-avatar-group--size-small .cogs-avatar-group__overflow-button {
  height: 28px;
  width: 28px;
}

.cogs.cogs-breadcrumbs .cogs-breadcrumbs__item__button {
  height: 20px;
  display: flex;
  gap: 4px;
  align-items: center;
  background: none;
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.cogs.cogs-breadcrumbs .cogs-breadcrumbs__item__button:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
  border-radius: 4px;
}

ol {
  margin: 0;
  padding: 2px;
}

.cogs-breadcrumbs {
  overflow-x: auto;
}
.cogs-breadcrumbs-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
}

.cogs.cogs-breadcrumbs .cogs-breadcrumbs__menu__wrapper {
  padding: 0 8px;
}

.cogs-button--align-vertically-left {
  transform: translate(-16px);
}
.cogs-button--align-vertically-left.cogs-button--icon-left {
  transform: translate(-12px);
}
.cogs-button--align-vertically-left.cogs-button--size-small {
  transform: translate(-8px);
}
.cogs-button--align-vertically-right {
  transform: translate(16px);
}
.cogs-button--align-vertically-right.cogs-button--icon-right {
  transform: translate(12px);
}
.cogs-button--align-vertically-right.cogs-button--size-small {
  transform: translate(8px);
}

.cogs.cogs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: none;
  background: rgb(74, 103, 251);
  background: var(--cogs-themed-surface--action--strong--default);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
  cursor: pointer;
  font-size: 14px;
  font-size: var(--cogs-body-medium-font-size);
  letter-spacing: -0.001em;
  letter-spacing: var(--cogs-body-medium-letter-spacing);
  line-height: 20px;
  line-height: var(--cogs-body-medium-line-height);
  font-weight: 500;
  outline: none;
  transition: background-color 200ms, color 200ms;
  transition: background-color var(--cogs-transition-time-fast), color var(--cogs-transition-time-fast);
  -webkit-user-select: none;
          user-select: none;
  /**********************
   **       SIZE       **
   **********************/
  /**********************
   **       ICON       **
   **********************/
  /**********************
   **       TYPE       **
   **********************/
  /*************************
   **       TOGGLED       **
   *************************/
  /*************************
   **       LOADING       **
   *************************/
  /**************************
   **       DISABLED       **
   **************************/
}
.cogs.cogs-button:hover:not([aria-disabled=true]) {
  background: rgb(58, 74, 163);
  background: var(--cogs-themed-surface--action--strong--hover);
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-button:active:not([aria-disabled=true]) {
  background: rgb(43, 58, 136);
  background: var(--cogs-themed-surface--action--strong--pressed);
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-button:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
}
.cogs.cogs-button--size-small {
  padding: 4px 8px;
  font-size: 13px;
  font-size: var(--cogs-body-small-font-size);
  letter-spacing: -0.001em;
  letter-spacing: var(--cogs-body-small-letter-spacing);
  line-height: 18px;
  line-height: var(--cogs-body-small-line-height);
}
.cogs.cogs-button--size-large {
  padding: 10px 20px;
}
.cogs.cogs-button--size-x-large {
  padding: 12px 24px;
  font-size: 16px;
  font-size: var(--cogs-body-large-font-size);
  letter-spacing: 0;
  letter-spacing: var(--cogs-body-large-letter-spacing);
  line-height: 24px;
  line-height: var(--cogs-body-large-line-height);
}
.cogs.cogs-button--icon-only {
  padding: 10px;
}
.cogs.cogs-button--icon-only.cogs-button--size-small {
  padding: 5px;
}
.cogs.cogs-button--icon-only.cogs-button--size-large {
  padding: 12px;
}
.cogs.cogs-button--icon-only.cogs-button--size-x-large {
  padding: 16px;
}
.cogs.cogs-button--icon-left {
  padding-left: 12px;
}
.cogs.cogs-button--icon-left .cogs-icon {
  margin-right: 6px;
}
.cogs.cogs-button--icon-left.cogs-button--size-small {
  padding-left: 8px;
}
.cogs.cogs-button--icon-left.cogs-button--size-small .cogs-icon {
  margin-right: 6px;
}
.cogs.cogs-button--icon-right {
  padding-right: 12px;
}
.cogs.cogs-button--icon-right .cogs-icon {
  margin-left: 6px;
}
.cogs.cogs-button--icon-right.cogs-button--size-small {
  padding-right: 8px;
}
.cogs.cogs-button--icon-right.cogs-button--size-small .cogs-icon {
  margin-left: 6px;
}
.cogs.cogs-button--type-secondary {
  background: rgba(83, 88, 127, 0.08);
  background: var(--cogs-themed-surface--action--muted--default);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-secondary:hover:not([aria-disabled=true]) {
  background: rgba(83, 88, 127, 0.12);
  background: var(--cogs-themed-surface--action--muted--hover);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-secondary:active:not([aria-disabled=true]) {
  background: rgba(83, 88, 127, 0.16);
  background: var(--cogs-themed-surface--action--muted--pressed);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-tertiary {
  background: rgb(255, 255, 255);
  background: var(--cogs-themed-surface--muted);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  border: 1px solid rgb(217, 217, 217);
  border: 1px solid var(--cogs-themed-border--muted);
}
.cogs.cogs-button--type-tertiary:hover:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.06);
  background: var(--cogs-themed-surface--interactive--hover);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-tertiary:active:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.1);
  background: var(--cogs-themed-surface--interactive--pressed);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-destructive {
  background: rgb(189, 36, 28);
  background: var(--cogs-themed-surface--status-critical--strong--default);
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-button--type-destructive:hover:not([aria-disabled=true]) {
  background: rgb(173, 33, 26);
  background: var(--cogs-themed-surface--status-critical--strong--hover);
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-button--type-destructive:active:not([aria-disabled=true]) {
  background: rgb(158, 30, 24);
  background: var(--cogs-themed-surface--status-critical--strong--pressed);
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-button--type-ghost-accent {
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
}
.cogs.cogs-button--type-ghost-accent:hover:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.06);
  background: var(--cogs-themed-surface--interactive--hover);
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
}
.cogs.cogs-button--type-ghost-accent:active:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.1);
  background: var(--cogs-themed-surface--interactive--pressed);
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
}
.cogs.cogs-button--type-ghost {
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-ghost:hover:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.06);
  background: var(--cogs-themed-surface--interactive--hover);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-ghost:active:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.1);
  background: var(--cogs-themed-surface--interactive--pressed);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-button--type-ghost-destructive {
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-button--type-ghost-destructive:hover:not([aria-disabled=true]) {
  background: rgba(223, 63, 55, 0.12);
  background: var(--cogs-themed-surface--status-critical--muted--hover);
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-button--type-ghost-destructive:active:not([aria-disabled=true]) {
  background: rgba(223, 64, 55, 0.16);
  background: var(--cogs-themed-surface--status-critical--muted--pressed);
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-button--toggled, .cogs.cogs-button__counterchip {
  background: rgba(74, 103, 251, 0.08);
  background: var(--cogs-themed-surface--interactive--toggled-default);
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
  outline: none;
}
.cogs.cogs-button--toggled:hover:not([aria-disabled=true]), .cogs.cogs-button__counterchip:hover:not([aria-disabled=true]) {
  background: rgba(74, 103, 251, 0.12);
  background: var(--cogs-themed-surface--interactive--toggled-hover);
  color: rgb(52, 71, 150);
  color: var(--cogs-themed-text-icon--interactive--hover);
}
.cogs.cogs-button--toggled:active:not([aria-disabled=true]), .cogs.cogs-button__counterchip:active:not([aria-disabled=true]) {
  background: rgba(74, 103, 251, 0.18);
  background: var(--cogs-themed-surface--interactive--toggled-pressed);
  color: rgb(41, 55, 128);
  color: var(--cogs-themed-text-icon--interactive--pressed);
}
.cogs.cogs-button__counterchip {
  margin-left: 8px;
}
.cogs.cogs-button__counterchip .cogs-counterchip--text {
  color: inherit;
}
.cogs.cogs-button--loading {
  padding-right: 12px;
  cursor: not-allowed;
  opacity: 0.5;
}
.cogs.cogs-button--loading .cogs-icon--type-loader {
  margin-right: 0;
  margin-left: 6px;
}
.cogs.cogs-button--loading.cogs-button--size-small {
  padding-right: 8px;
}
.cogs.cogs-button--loading.cogs-button--size-small .cogs-icon--type-loader {
  margin-right: 0;
  margin-left: 6px;
}
.cogs.cogs-button--disabled {
  background: rgba(0, 0, 0, 0.03);
  background: var(--cogs-themed-surface--interactive--disabled);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  cursor: not-allowed;
  outline: none;
  box-shadow: none;
}
.cogs.cogs-button--disabled:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.03);
  background: var(--cogs-themed-surface--interactive--disabled);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-button--disabled:active:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.03);
  background: var(--cogs-themed-surface--interactive--disabled);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-button--disabled.cogs-button--type-ghost, .cogs.cogs-button--disabled.cogs-button--type-ghost-accent, .cogs.cogs-button--disabled.cogs-button--type-ghost-destructive {
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  cursor: not-allowed;
}
.cogs.cogs-button--disabled.cogs-button--type-ghost:hover:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--type-ghost-accent:hover:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--type-ghost-destructive:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-button--disabled.cogs-button--type-ghost:active:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--type-ghost-accent:active:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--type-ghost-destructive:active:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-button--disabled.cogs-button--inverted {
  background: var(--cogs-themed-surface--interactive--disabled--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
  cursor: not-allowed;
  outline: none;
  box-shadow: none;
}
.cogs.cogs-button--disabled.cogs-button--inverted:hover:not([aria-disabled=true]) {
  background: var(--cogs-themed-surface--interactive--disabled--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
}
.cogs.cogs-button--disabled.cogs-button--inverted:active:not([aria-disabled=true]) {
  background: var(--cogs-themed-surface--interactive--disabled--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
}
.cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost, .cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost-accent, .cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost-destructive {
  background: var(--cogs-themed-surface--misc-transparent--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
  cursor: not-allowed;
}
.cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost:hover:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost-accent:hover:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost-destructive:hover:not([aria-disabled=true]) {
  background: var(--cogs-themed-surface--misc-transparent--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
}
.cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost:active:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost-accent:active:not([aria-disabled=true]), .cogs.cogs-button--disabled.cogs-button--inverted.cogs-button--type-ghost-destructive:active:not([aria-disabled=true]) {
  background: var(--cogs-themed-surface--misc-transparent--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
}
.cogs.cogs-button.cogs-button--skeleton {
  display: inline-block;
  min-width: 80px;
  height: 36px;
  min-height: 1em;
  color: transparent;
  pointer-events: none;
}
.cogs.cogs-button.cogs-button--skeleton.cogs-button--size-small {
  height: 28px;
}
.cogs.cogs-button.cogs-button--skeleton:focus {
  display: none;
}
.cogs.cogs-button.cogs-button--skeleton i {
  visibility: hidden;
}

.cogs-carousel {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow-x: hidden;
}
.cogs-carousel__slides-wrapper {
  height: 100%;
  width: calc(100% - 100px);
  position: relative;
}
.cogs-carousel__full-height {
  height: 100%;
}
.cogs-carousel__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
}
.cogs-carousel__title-wrapper {
  padding-bottom: 16px;
}
.cogs-carousel img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
.cogs-carousel__button--left {
  position: absolute;
  top: 50%;
  left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.cogs-carousel__button--right {
  position: absolute;
  top: 50%;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.cogs-carousel-image_description {
  padding: 16px;
  padding-bottom: 0;
}
.cogs-carousel__footer-wrapper {
  margin-top: 24px;
}

/* stylelint-disable declaration-property-value-allowed-list */
.cogs.cogs-checkbox {
  --Checkbox-size: 16px;
  --Checkbox-color: var(--cogs-themed-surface--action--strong--default);
  --Checkbox-color-hover: var(--cogs-themed-surface--action--strong--hover);
  --Checkbox-color-pressed: var(--cogs-themed-surface--action--strong--pressed);
  --Checkbox-border: var(--cogs-themed-border--interactive--default--alt);
  --Checkbox-border-hover: var(--cogs-themed-border--interactive--hover);
  --Checkbox-border-pressed: var(
    --cogs-themed-border--interactive--toggled-default
  );
  --variant-borderWidth: var(--cogs-border-width--default);
  border-radius: 4px;
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.cogs.cogs-checkbox .cogs-checkbox__checkbox {
  transition: box-shadow 200ms;
  transition: box-shadow var(--cogs-transition-time-fast);
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
  border: 2px solid var(--Checkbox-border);
  border: var(--cogs-border-width--default) solid var(--Checkbox-border);
}
.cogs.cogs-checkbox:hover .cogs-checkbox__checkbox {
  border: 2px solid var(--Checkbox-border-hover);
  border: var(--cogs-border-width--default) solid var(--Checkbox-border-hover);
}
.cogs.cogs-checkbox:active .cogs-checkbox__checkbox {
  border: 2px solid var(--Checkbox-border-pressed);
  border: var(--cogs-border-width--default) solid var(--Checkbox-border-pressed);
}
.cogs.cogs-checkbox .cogs-checkbox__label {
  font-family: "Inter", sans-serif;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-left: 10px;
  border-radius: 4px;
  transition: box-shadow 200ms;
  transition: box-shadow var(--cogs-transition-time-fast);
}
.cogs.cogs-checkbox.Joy-focusVisible .cogs-checkbox__label, .cogs.cogs-checkbox.Joy-focusVisible .cogs-checkbox__checkbox {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
}
.cogs.cogs-checkbox .cogs-checkbox__input {
  position: static;
  position: initial;
}
.cogs.cogs-checkbox.Joy-checked:not(.cogs.cogs-checkbox.cogs-checkbox--disabled) .cogs-checkbox__checkbox {
  border: none;
  background-color: var(--Checkbox-color);
}
.cogs.cogs-checkbox.Joy-checked:not(.cogs.cogs-checkbox.cogs-checkbox--disabled):hover .cogs-checkbox__checkbox {
  border: none;
  background-color: var(--Checkbox-color-hover);
}
.cogs.cogs-checkbox.Joy-checked:not(.cogs.cogs-checkbox.cogs-checkbox--disabled):active .cogs-checkbox__checkbox {
  border: none;
  background-color: var(--Checkbox-color-pressed);
}
.cogs.cogs-checkbox.Joy-checked:not(.cogs.cogs-checkbox.cogs-checkbox--disabled).cogs-checkbox--indeterminate .cogs-checkbox__checkbox {
  background: transparent;
  border: 2px solid var(--Checkbox-color);
  border: var(--cogs-border-width--default) solid var(--Checkbox-color);
  color: var(--Checkbox-color);
}
.cogs.cogs-checkbox.Joy-checked:not(.cogs.cogs-checkbox.cogs-checkbox--disabled).cogs-checkbox--indeterminate:hover .cogs-checkbox__checkbox {
  background: transparent;
  border: 2px solid var(--Checkbox-color-hover);
  border: var(--cogs-border-width--default) solid var(--Checkbox-color-hover);
  color: var(--Checkbox-color-hover);
}
.cogs.cogs-checkbox.Joy-checked:not(.cogs.cogs-checkbox.cogs-checkbox--disabled).cogs-checkbox--indeterminate:active .cogs-checkbox__checkbox {
  background: transparent;
  border: 2px solid var(--Checkbox-color-pressed);
  border: var(--cogs-border-width--default) solid var(--Checkbox-color-pressed);
  color: var(--Checkbox-color-pressed);
}
.cogs.cogs-checkbox.cogs-checkbox--disabled .cogs-checkbox__checkbox {
  border-color: rgba(0, 0, 0, 0.06);
  border-color: var(--cogs-themed-border--interactive--disabled);
  background-color: rgba(0, 0, 0, 0.03);
  background-color: var(--cogs-themed-surface--interactive--disabled);
}
.cogs.cogs-checkbox.cogs-checkbox--disabled.Joy-checked .cogs-checkbox__checkbox {
  border: none;
  color: rgba(0, 0, 0, 0.03);
  color: var(--cogs-themed-surface--interactive--disabled);
  background-color: rgba(0, 0, 0, 0.06);
  background-color: var(--cogs-themed-surface--interactive--disabled--alt);
}
.cogs.cogs-checkbox.cogs-checkbox--disabled.cogs-checkbox--indeterminate .cogs-checkbox__checkbox {
  border: 2px solid rgba(0, 0, 0, 0.03);
  border: var(--cogs-border-width--default) solid var(--cogs-surface--interactive--disabled);
}
.cogs.cogs-checkbox.cogs-html .cogs-checkbox__checkbox {
  height: var(--Checkbox-size);
  width: var(--Checkbox-size);
  border-radius: 4px;
  display: inline-flex;
  line-height: 0;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-checkbox.cogs-html .cogs-checkbox__checkbox input {
  display: none;
}

.cogs.cogs-chip {
  --Chip-minHeight: 36px;
  max-height: 36px;
  display: inline-flex;
  align-items: center;
  min-width: 36px;
  max-width: 200px;
  padding: 8px 12px;
  border-radius: 6px;
  line-height: 20px;
  background-color: rgba(102, 102, 102, 0.1);
  background-color: var(--cogs-themed-surface--status-undefined--muted--default);
  color: rgb(93, 93, 93);
  color: var(--cogs-themed-text-icon--status-undefined);
  box-sizing: border-box;
  /**********************
   **       SIZE       **
   **********************/
  /**********************
   **       TYPE       **
   **********************/
  /****************************
   **       APPEARANCE       **
   ****************************/
  /****************************
   **       PROMINENCE       **
   ****************************/
  /*********************************
   **       ICONS & AVATARS       **
   *********************************/
  /*************************
   **       BUTTONS       **
   *************************/
  /*********************************
   **       INTERACTIVENESS       **
   *********************************/
}
.cogs.cogs-chip .cogs-tooltip__content {
  height: auto;
}
.cogs.cogs-chip .cogs-tooltip__content:first-child {
  display: flex;
  max-width: 100%;
  align-items: center;
  overflow: hidden;
}
.cogs.cogs-chip .JoyChip-label {
  display: flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  overflow: auto;
}
.cogs.cogs-chip__label {
  max-width: 100%;
  overflow-x: hidden;
}
.cogs.cogs-chip__label-content {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cogs.cogs-chip:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(102, 102, 102, 0.14);
  background-color: var(--cogs-themed-surface--status-undefined--muted--hover);
}
.cogs.cogs-chip:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(102, 102, 102, 0.2);
  background-color: var(--cogs-themed-surface--status-undefined--muted--pressed);
}
.cogs.cogs-chip--size-small {
  --Chip-minHeight: 28px;
  max-height: 28px;
  min-width: 28px;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 20px;
  font-size: 12px;
}
.cogs.cogs-chip--size-x-small {
  --Chip-minHeight: 20px;
  max-height: 28px;
  height: 20px;
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 16px;
  font-size: 12px;
}
.cogs.cogs-chip--type-neutral {
  background-color: rgba(64, 120, 240, 0.1);
  background-color: var(--cogs-themed-surface--status-neutral--muted--default);
  color: rgb(48, 89, 179);
  color: var(--cogs-themed-text-icon--status-neutral);
}
.cogs.cogs-chip--type-neutral:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-themed-surface--status-neutral--muted--hover);
}
.cogs.cogs-chip--type-neutral:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-themed-surface--status-neutral--muted--pressed);
}
.cogs.cogs-chip--type-neutral .cogs.cogs-chip__button .cogs-icon {
  color: rgb(48, 89, 179);
  color: var(--cogs-themed-text-icon--status-neutral);
}
.cogs.cogs-chip--type-success {
  background-color: rgba(57, 162, 99, 0.1);
  background-color: var(--cogs-themed-surface--status-success--muted--default);
  color: rgb(44, 105, 53);
  color: var(--cogs-themed-text-icon--status-success);
}
.cogs.cogs-chip--type-success:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(57, 162, 99, 0.15);
  background-color: var(--cogs-themed-surface--status-success--muted--hover);
}
.cogs.cogs-chip--type-success:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(57, 162, 99, 0.18);
  background-color: var(--cogs-themed-surface--status-success--muted--pressed);
}
.cogs.cogs-chip--type-success .cogs.cogs-chip__button .cogs-icon {
  color: rgb(44, 105, 53);
  color: var(--cogs-themed-text-icon--status-success);
}
.cogs.cogs-chip--type-warning {
  background-color: rgba(255, 187, 0, 0.12);
  background-color: var(--cogs-themed-surface--status-warning--muted--default);
  color: rgb(143, 76, 15);
  color: var(--cogs-themed-text-icon--status-warning);
}
.cogs.cogs-chip--type-warning:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(255, 187, 0, 0.15);
  background-color: var(--cogs-themed-surface--status-warning--muted--hover);
}
.cogs.cogs-chip--type-warning:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(255, 187, 0, 0.2);
  background-color: var(--cogs-themed-surface--status-warning--muted--pressed);
}
.cogs.cogs-chip--type-warning .cogs.cogs-chip__button .cogs-icon {
  color: rgb(143, 76, 15);
  color: var(--cogs-themed-text-icon--status-warning);
}
.cogs.cogs-chip--type-danger {
  background-color: rgba(223, 64, 55, 0.08);
  background-color: var(--cogs-themed-surface--status-critical--muted--default);
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-chip--type-danger:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(223, 63, 55, 0.12);
  background-color: var(--cogs-themed-surface--status-critical--muted--hover);
}
.cogs.cogs-chip--type-danger:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgba(223, 64, 55, 0.16);
  background-color: var(--cogs-themed-surface--status-critical--muted--pressed);
}
.cogs.cogs-chip--type-danger .cogs.cogs-chip__button .cogs-icon {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-chip--appearance-outlined {
  background-color: var(--cogs-themed-surface--misc-transparent--inverted);
  padding: 6px 10px;
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--size-small {
  padding: 2px 6px;
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--size-x-small {
  padding: 0px 4px;
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-default {
  background-color: var(--cogs-themed-surface--misc-transparent--inverted);
  border: 2px solid rgba(102, 102, 102, 0.2);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--status-undefined--muted);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-default.cogs-chip--prominence-strong {
  border: 1px solid rgb(102, 102, 102);
  border: 1px solid var(--cogs-themed-border--status-undefined--strong);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-neutral {
  background-color: var(--cogs-themed-surface--misc-transparent--inverted);
  border: 2px solid rgba(64, 120, 240, 0.2);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--status-neutral--muted);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-neutral.cogs-chip--prominence-strong {
  border: 1px solid rgb(64, 120, 240);
  border: 1px solid var(--cogs-themed-border--status-neutral--strong);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-success {
  background-color: var(--cogs-themed-surface--misc-transparent--inverted);
  border: 2px solid rgba(57, 162, 99, 0.2);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--status-success--muted);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-success.cogs-chip--prominence-strong {
  border: 1px solid rgb(57, 162, 99);
  border: 1px solid var(--cogs-themed-border--status-success--strong);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-warning {
  background-color: var(--cogs-themed-surface--misc-transparent--inverted);
  border: 2px solid rgba(255, 187, 0, 0.2);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--status-warning--muted);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-warning.cogs-chip--prominence-strong {
  border: 1px solid rgb(235, 155, 0);
  border: 1px solid var(--cogs-themed-border--status-warning--strong);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-danger {
  background-color: var(--cogs-themed-surface--misc-transparent--inverted);
  border: 2px solid rgba(223, 66, 55, 0.2);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--status-critical--muted);
}
.cogs.cogs-chip--appearance-outlined.cogs-chip--type-danger.cogs-chip--prominence-strong {
  border: 1px solid rgb(229, 59, 56);
  border: 1px solid var(--cogs-themed-border--status-critical--strong);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined) {
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined) .cogs.cogs-chip__button .cogs-icon {
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-default {
  background-color: rgb(117, 117, 117);
  background-color: var(--cogs-themed-surface--status-undefined--strong--default);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-default:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(102, 102, 102);
  background-color: var(--cogs-themed-surface--status-undefined--strong--hover);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-default:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(77, 77, 77);
  background-color: var(--cogs-themed-surface--status-undefined--strong--pressed);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-neutral {
  background-color: rgb(57, 107, 215);
  background-color: var(--cogs-themed-surface--status-neutral--strong--default);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-neutral:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(54, 100, 201);
  background-color: var(--cogs-themed-surface--status-neutral--strong--hover);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-neutral:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(50, 94, 189);
  background-color: var(--cogs-themed-surface--status-neutral--strong--pressed);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-success {
  background-color: rgb(44, 133, 79);
  background-color: var(--cogs-themed-surface--status-success--strong--default);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-success:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(39, 117, 70);
  background-color: var(--cogs-themed-surface--status-success--strong--hover);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-success:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(33, 102, 61);
  background-color: var(--cogs-themed-surface--status-success--strong--pressed);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-warning {
  background-color: rgb(186, 93, 0);
  background-color: var(--cogs-themed-surface--status-warning--strong--default);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-warning:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(176, 88, 0);
  background-color: var(--cogs-themed-surface--status-warning--strong--hover);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-warning:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(166, 77, 0);
  background-color: var(--cogs-themed-surface--status-warning--strong--pressed);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-danger {
  background-color: rgb(189, 36, 28);
  background-color: var(--cogs-themed-surface--status-critical--strong--default);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-danger:hover:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(173, 33, 26);
  background-color: var(--cogs-themed-surface--status-critical--strong--hover);
}
.cogs.cogs-chip--prominence-strong:not(.cogs-chip--appearance-outlined).cogs-chip--type-danger:active:not([aria-disabled=true]).cogs-chip--is-interactive {
  background-color: rgb(158, 30, 24);
  background-color: var(--cogs-themed-surface--status-critical--strong--pressed);
}
.cogs.cogs-chip .cogs.cogs-chip__icon {
  display: flex;
  align-self: center;
  justify-self: center;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-medium.cogs-chip--with-icon--left {
  padding-left: 10px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-medium.cogs-chip--with-icon--right {
  padding-right: 10px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-medium .cogs-chip__icon--left {
  margin-right: 6px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-medium .cogs-chip__icon--right {
  margin-left: 6px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-medium.cogs-chip--with-avatar {
  padding-left: 4px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-medium .cogs-avatar {
  margin-right: 8px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-small.cogs-chip--with-icon--left {
  padding-left: 8px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-small.cogs-chip--with-icon--right {
  padding-right: 8px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-small .cogs-chip__icon--left {
  margin-right: 6px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-small .cogs-chip__icon--right {
  margin-left: 6px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-small.cogs-chip--with-avatar {
  padding-left: 4px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-small .cogs-avatar {
  margin-right: 6px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-x-small.cogs-chip--with-icon--left {
  padding-left: 6px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-x-small.cogs-chip--with-icon--right {
  padding-right: 6px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-x-small .cogs-chip__icon--left {
  margin-right: 4px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-x-small .cogs-chip__icon--right {
  margin-left: 4px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-x-small.cogs-chip--with-avatar {
  padding-left: 2px;
}
.cogs.cogs-chip:not(.cogs-chip--icon-only).cogs-chip--size-x-small .cogs-avatar {
  margin-right: 4px;
}
.cogs.cogs-chip--icon-only {
  padding: 0;
}
.cogs.cogs-chip--with-button {
  padding-right: 0;
}
.cogs.cogs-chip .cogs.cogs-chip__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cogs.cogs-chip .cogs.cogs-chip__button--xsmall {
  padding: 0;
  width: 20px;
  height: 20px;
}
.cogs.cogs-chip--is-interactive {
  cursor: pointer;
}
.cogs.cogs-chip:not(.cogs-chip--is-selectable) {
  -webkit-user-select: none;
          user-select: none;
}
.cogs.cogs-chip--action-button {
  z-index: 1;
  pointer-events: visible;
}
.cogs.cogs-chip:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
}

.cogs.cogs-chipgroup__menu {
  overflow: auto;
  max-height: 200px;
}
.cogs.cogs-chipgroup .cogs-chipgroup__overflow {
  cursor: pointer;
}
.cogs.cogs-chipgroup .cogs-chipgroup__clear-button--x-small {
  border-radius: 4px;
  font-size: 12px;
  height: 20px;
  padding: 2px 6px;
}
.cogs.cogs-chipgroup .cogs-chipgroup__clear-button--small {
  border-radius: 4px;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cp-container {
  position: relative;
  width: 100%;
  height: 100%;
  flex-direction: row;
}

.cp-panel {
  position: absolute;
  top: 0;
  overflow: hidden;
  min-height: 100%;
  transition-duration: 260ms;
  transition-duration: var(--cogs-transition-time);
  transition-property: width, transform, left, right;
}

.center-panel {
  position: absolute;
  top: 0;
  right: 0;
  right: var(--right, 0);
  left: 0;
  left: var(--left, 0);
  overflow: auto;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  transition-duration: 260ms;
  transition-duration: var(--cogs-transition-time);
  transition-property: left, right, border;
}

.cp-panel-content {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 100%;
  overflow-x: hidden;
  transition-duration: 260ms;
  transition-duration: var(--cogs-transition-time);
  transition-property: transform, opacity;
}

.cp-left-panel {
  left: -1px;
  width: 0;
  border-right: 1px solid transparent;
}
.cp-left-panel > .cp-panel-content {
  width: 100%;
  width: var(--panel-width, 100%);
  opacity: 0;
  transform: translateX(95%) scale(0.99);
}

.cp-left-panel-visible {
  left: 0;
  width: var(--panel-width);
  border-color: #e8e8e8;
  border-color: var(--cogs-greyscale-grey3);
}
.cp-left-panel-visible > .cp-panel-content {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.cp-right-panel {
  right: -1px;
  border-left: 1px solid transparent;
  width: 0;
}
.cp-right-panel > .cp-panel-content {
  width: 100%;
  width: var(--panel-width, 100%);
  opacity: 0.5;
  transform: translateX(5%) scale(0.99);
}

.cp-right-panel-visible {
  right: 0;
  width: var(--panel-width);
  border-color: #e8e8e8;
  border-color: var(--cogs-greyscale-grey3);
}
.cp-right-panel-visible .cp-panel-content {
  opacity: 1;
  transform: translateX(0) scale(1);
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-collapse {
  width: 100%;
  border: none;
  color: #444444;
  outline: none;
  text-align: left;
  transition: 0.4s;
}
.cogs-collapse.cogs-collapse--ghost {
  border: none;
}
.cogs-collapse.cogs-collapse--ghost .rc-collapse-header {
  border-bottom: 1px solid #e8e8e8;
  border-bottom: 1px solid var(--cogs-greyscale-grey3);
  background: white;
}

.cogs-panel {
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border: 1px solid var(--cogs-greyscale-grey4);
  background: white;
}
.cogs-panel:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cogs-panel:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cogs-panel .cogs-panel-header {
  display: block;
  width: 100%;
  padding: 8px;
  background: #e8e8e8;
  background: var(--cogs-greyscale-grey3);
  text-align: left;
}
.cogs-panel .cogs-panel-content-wrapper {
  background: white;
  transition: 0.2s max-height;
}
.cogs-panel .cogs-panel-content-wrapper .cogs-panel-content {
  padding: 8px;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-comment {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
.cogs-comment .cogs-avatar {
  margin-right: 8px;
}
.cogs-comment--form {
  position: relative;
  overflow: auto;
  height: auto;
  max-height: 400px;
  flex: 1 1;
  flex-grow: 1;
  transition: padding 200ms;
  transition: padding var(--cogs-transition-time-fast);
  transition-delay: 0;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: var(--cogs-ease-in);
}
.cogs-comment .cogs-textarea {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
}
.cogs-comment .cogs-textarea textarea {
  height: 36px;
}
.cogs-comment .cogs-textarea textarea, .cogs-comment .cogs-textarea--content-editable {
  width: 100%;
  max-width: 100%;
  min-height: 36px;
  padding: 8px 12px 8px 12px;
  border: none;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  box-shadow: var(--cogs-textarea-bordered-default-shadow);
  color: #262626;
  color: var(--cogs-text-color);
  font-family: inherit;
  line-height: 20px;
  outline: none;
  overflow-x: auto;
  transition: min-height 200ms;
  transition: min-height var(--cogs-transition-time-fast);
  transition-delay: 200ms;
  transition-delay: var(--cogs-transition-time-fast);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: var(--cogs-ease-out);
  white-space: normal;
}
.cogs-comment .cogs-textarea textarea [contenteditable], .cogs-comment .cogs-textarea--content-editable [contenteditable] {
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  outline: none;
  white-space: inherit;
}
.cogs-comment .cogs-textarea textarea [contenteditable] > *, .cogs-comment .cogs-textarea--content-editable [contenteditable] > * {
  animation-duration: 100ms;
  animation-name: lineInserted;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: var(--cogs-ease-out);
}
@keyframes lineInserted {
  from {
    height: 0;
  }
  to {
    height: 20px;
  } /* cons: hardcoded height */
}
.cogs-comment--with-message:not(.cogs-comment--force-buttons-hidden).cogs-comment--with-buttons .cogs-comment--form, .cogs-comment--force-buttons-visible:not(.cogs-comment--force-buttons-hidden).cogs-comment--with-buttons .cogs-comment--form, .cogs-comment:focus-within:not(.cogs-comment--force-buttons-hidden).cogs-comment--with-buttons .cogs-comment--form {
  padding-bottom: 52px;
  transition-delay: 0;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: var(--cogs-ease-in);
}
.cogs-comment--with-message:not(.cogs-comment--force-buttons-hidden) .cogs-textarea textarea, .cogs-comment--force-buttons-visible:not(.cogs-comment--force-buttons-hidden) .cogs-textarea textarea, .cogs-comment:focus-within:not(.cogs-comment--force-buttons-hidden) .cogs-textarea textarea {
  min-height: 80px;
  transition-delay: 200ms;
  transition-delay: var(--cogs-transition-time-fast);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: var(--cogs-ease-out);
}
.cogs-comment--buttons {
  position: absolute;
  z-index: 1;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 36px;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms;
  transition: opacity var(--cogs-transition-time-fast);
}
.cogs-comment--buttons button {
  margin-left: 8px;
}
.cogs-comment--with-message:not(.cogs-comment--force-buttons-hidden) .cogs-comment--buttons, .cogs-comment--force-buttons-visible:not(.cogs-comment--force-buttons-hidden) .cogs-comment--buttons, .cogs-comment:focus-within:not(.cogs-comment--force-buttons-hidden) .cogs-comment--buttons {
  opacity: 1;
  pointer-events: initial;
  transition-delay: 200ms;
  transition-delay: var(--cogs-transition-time-fast);
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-conversation {
  margin: 0 8px;
}
.cogs-conversation__comment--top {
  padding: 0 8px 24px;
}
.cogs-conversation__comment--bottom {
  padding: 24px 8px 0;
}
.cogs-conversation__message {
  position: relative;
  display: flex;
  overflow: hidden;
  max-width: 100%;
  flex-direction: row;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  line-height: 20px;
}
.cogs-conversation__message:last-of-type {
  margin-bottom: 0;
}
.cogs-conversation__message--unread {
  background-color: #fafafa;
  background-color: var(--cogs-greyscale-grey1);
}
.cogs-conversation__message__message__remove {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.cogs-conversation__message__message__remove .cogs-button-secondary.cogs-button-ghost {
  color: #595959;
  color: var(--cogs-text-color-secondary);
}
.cogs-conversation__message .cogs-conversation__message__remove {
  opacity: 0;
  transition: opacity 200ms;
  transition: opacity var(--cogs-transition-time-fast);
}
.cogs-conversation__message:hover .cogs-conversation__message__remove {
  opacity: 1;
}
.cogs-conversation__message--left {
  margin-right: 8px;
}
.cogs-conversation__message--right {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  margin-bottom: 4px;
}
.cogs-conversation__message--right .cogs-conversation__message--header {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.cogs-conversation__message--right .cogs-conversation__message--metadata {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.cogs-conversation__message--right .cogs-conversation__message--user {
  margin-right: 6px;
  color: var(--cogs-text-color-primary);
  font-weight: 500;
}
.cogs-conversation__message--right .cogs-conversation__message--timestamp {
  color: #595959;
  color: var(--cogs-text-color-secondary);
  font-weight: 400;
}

.cogs-counterchip {
  padding: 2px 8px;
  height: 20px;
  gap: 4px;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80px;
  align-items: center;
  background: rgba(102, 102, 102, 0.1);
  background: var(--cogs-themed-surface--status-undefined--muted--default);
  border-radius: 100px;
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
}
.cogs-counterchip--text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

.cogs-datecalendar {
  background-color: inherit;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cogs-datecalendar .cogs-datecalendar-desktoppaper {
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
}
.cogs-datecalendar * {
  /* TODO: remove it when we start theming material ui */
  font-family: "Inter", sans-serif !important;
}
.cogs-datecalendar .cogs-datecalendar-day,
.cogs-datecalendar .MuiPickersYear-yearButton,
.cogs-datecalendar .MuiPickersMonth-monthButton {
  border-radius: 6px;
}
.cogs-datecalendar .cogs-datecalendar-day:focus,
.cogs-datecalendar .MuiPickersYear-yearButton:focus,
.cogs-datecalendar .MuiPickersMonth-monthButton:focus {
  background-color: inherit;
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datecalendar .cogs-datecalendar-day.MuiPickersDay-today {
  border-color: rgba(83, 88, 127, 0.24);
  border-color: var(--cogs-border--interactive--default--alt);
}
.cogs-datecalendar .MuiYearCalendar-root {
  max-height: 200px;
}
.cogs-datecalendar .MuiPickersYear-yearButton,
.cogs-datecalendar .MuiPickersMonth-monthButton {
  padding: 0 10px;
  width: -webkit-min-content;
  width: min-content;
}
.cogs-datecalendar .cogs-datecalendar-day:not(.Mui-selected):hover,
.cogs-datecalendar .MuiPickersYear-yearButton:not(.Mui-selected):hover,
.cogs-datecalendar .MuiPickersMonth-monthButton:not(.Mui-selected):hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-surface--status-neutral--muted--hover);
}
.cogs-datecalendar .cogs-datecalendar-day:not(.Mui-selected):active,
.cogs-datecalendar .MuiPickersYear-yearButton:not(.Mui-selected):active,
.cogs-datecalendar .MuiPickersMonth-monthButton:not(.Mui-selected):active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
}
.cogs-datecalendar .cogs-datecalendar-day.Mui-selected,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
}
.cogs-datecalendar .cogs-datecalendar-day.Mui-selected:focus,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:focus,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:focus {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datecalendar .cogs-datecalendar-day.Mui-selected:hover,
.cogs-datecalendar .cogs-datecalendar-day.Mui-selected:focus:hover,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:hover,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:focus:hover,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:hover,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:focus:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-surface--action--strong--hover);
}
.cogs-datecalendar .cogs-datecalendar-day.Mui-selected:active,
.cogs-datecalendar .cogs-datecalendar-day.Mui-selected:focus:active,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:active,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:focus:active,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:active,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:focus:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-surface--action--strong--pressed);
}
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:hover,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:focus:hover,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:hover,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:focus:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-surface--action--strong--hover);
}
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:active,
.cogs-datecalendar .MuiPickersYear-yearButton.Mui-selected:focus:active,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:active,
.cogs-datecalendar .MuiPickersMonth-monthButton.Mui-selected:focus:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-surface--action--strong--pressed);
}
.cogs-datecalendar .MuiDayCalendar-weekDayLabel {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-text-icon--muted);
}
.cogs-datecalendar .MuiPickersCalendarHeader-labelContainer {
  /* prevents focus ring being cut off for switch view button */
  overflow: visible;
}
.cogs.cogs-dateinput-container .cogs-dateinput fieldset {
  display: none;
}
.cogs.cogs-dateinput-container .cogs-dateinput .MuiOutlinedInput-notchedOutline > legend > span {
  display: none;
}
.cogs.cogs-dateinput-container .cogs-dateinput-full-width {
  width: 100%;
}

.cogs.cogs-datepicker-container .cogs-datepicker fieldset {
  display: none;
}
.cogs.cogs-datepicker-container .cogs-datepicker .MuiOutlinedInput-notchedOutline > legend > span {
  display: none;
}
.cogs.cogs-datepicker-container .cogs-datepicker-full-width {
  width: 100%;
}

.cogs-datepicker-popper .cogs-datepicker-desktoppaper {
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
}
.cogs-datepicker-popper * {
  /* TODO: remove it when we start theming material ui */
  font-family: "Inter", sans-serif !important;
}
.cogs-datepicker-popper .cogs-datepicker-day,
.cogs-datepicker-popper .MuiPickersYear-yearButton,
.cogs-datepicker-popper .MuiPickersMonth-monthButton {
  border-radius: 6px;
}
.cogs-datepicker-popper .cogs-datepicker-day:focus,
.cogs-datepicker-popper .MuiPickersYear-yearButton:focus,
.cogs-datepicker-popper .MuiPickersMonth-monthButton:focus {
  background-color: inherit;
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datepicker-popper .cogs-datepicker-day.MuiPickersDay-today {
  border-color: rgba(83, 88, 127, 0.24);
  border-color: var(--cogs-border--interactive--default--alt);
}
.cogs-datepicker-popper .MuiPickersYear-yearButton,
.cogs-datepicker-popper .MuiPickersMonth-monthButton {
  padding: 0 10px;
  width: -webkit-min-content;
  width: min-content;
}
.cogs-datepicker-popper .cogs-datepicker-day:not(.Mui-selected):hover,
.cogs-datepicker-popper .MuiPickersYear-yearButton:not(.Mui-selected):hover,
.cogs-datepicker-popper .MuiPickersMonth-monthButton:not(.Mui-selected):hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-surface--status-neutral--muted--hover);
}
.cogs-datepicker-popper .cogs-datepicker-day:not(.Mui-selected):active,
.cogs-datepicker-popper .MuiPickersYear-yearButton:not(.Mui-selected):active,
.cogs-datepicker-popper .MuiPickersMonth-monthButton:not(.Mui-selected):active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
}
.cogs-datepicker-popper .cogs-datepicker-day.Mui-selected,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
}
.cogs-datepicker-popper .cogs-datepicker-day.Mui-selected:focus,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datepicker-popper .cogs-datepicker-day.Mui-selected:hover,
.cogs-datepicker-popper .cogs-datepicker-day.Mui-selected:focus:hover,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:hover,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus:hover,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:hover,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-surface--action--strong--hover);
}
.cogs-datepicker-popper .cogs-datepicker-day.Mui-selected:active,
.cogs-datepicker-popper .cogs-datepicker-day.Mui-selected:focus:active,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:active,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus:active,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:active,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-surface--action--strong--pressed);
}
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:hover,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus:hover,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:hover,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-surface--action--strong--hover);
}
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:active,
.cogs-datepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus:active,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:active,
.cogs-datepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-surface--action--strong--pressed);
}
.cogs-datepicker-popper .MuiDayCalendar-weekDayLabel {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-text-icon--muted);
}
.cogs-datepicker-popper .MuiPickersCalendarHeader-labelContainer {
  /* prevents focus ring being cut off for switch view button */
  overflow: visible;
}
.cogs-datepicker-popper .MuiPickersLayout-shortcuts {
  background: rgb(250, 250, 250);
  background: var(--cogs-surface--medium);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 4px;
  padding: 16px;
  max-height: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.cogs-datepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root {
  padding: 0;
}
.cogs-datepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root {
  padding: 8px;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-align: left;
  background: rgb(250, 250, 250);
  background: var(--cogs-surface--medium);
  border-radius: 6px;
  flex-grow: 1;
}
.cogs-datepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-surface--status-neutral--muted--hover);
}
.cogs-datepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
}
.cogs-datepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:focus {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root > .MuiChip-label {
  padding: 0;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-date-range .rdrDateDisplayWrapper {
  background-color: #edf0ff;
  background-color: var(--cogs-midblue-7);
}

.cogs-date-range--flexible {
  width: 100%;
}
.cogs-date-range--flexible .rdrMonthAndYearWrapper,
.cogs-date-range--flexible .rdrMonths,
.cogs-date-range--flexible .rdrMonth {
  width: 100%;
}

.cogs-date-range--input {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  border: 1px solid #94949f;
  background: #ffffff;
  background: var(--cogs-white);
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
}
.cogs-date-range--input .rc-tabs-tab:focus-within {
  box-shadow: none !important;
}
.cogs-date-range--input:hover {
  border: 1px solid #6e85fc;
  border: 1px solid var(--cogs-midblue-4);
  background: #f6f7ff;
  background: var(--cogs-midblue-8);
}
.cogs-date-range--input:focus-within {
  border-color: #6e85fc;
  border-color: var(--cogs-midblue-4);
  background: #ffffff;
  background: var(--cogs-white);
  box-shadow: var(--cogs-input-bordered-shadow);
}
.cogs-date-range--input .rc-tabs-nav-operations {
  display: none;
}
.cogs-date-range--input .cogs-tabs {
  background: transparent;
}
.cogs-date-range--input .cogs-input {
  width: 88px;
  padding: 0;
  border: none;
  margin: 0 8px;
  background: inherit;
}
.cogs-date-range--input .cogs-input:hover {
  border: none;
  background: inherit !important;
}
.cogs-date-range--input .cogs-input:focus {
  border: none;
  box-shadow: none;
}
.cogs-date-range--input .rc-tabs-top .rc-tabs-ink-bar,
.cogs-date-range--input .rc-tabs-bottom .rc-tabs-ink-bar {
  display: none;
}
.cogs-date-range--input .rc-tabs-nav {
  height: 100%;
}
.cogs-date-range--input .rc-tabs-tab {
  cursor: default;
  outline: none;
}
.cogs-date-range--input .rc-tabs-nav-list {
  display: flex;
}
.cogs-date-range--input .rc-tabs-tab-btn {
  padding: 1px;
  cursor: default;
  outline: none;
}
.cogs-date-range--input .rc-tabs-tab-btn:hover {
  background: transparent;
}
.cogs-date-range--input .cogs-tab-input {
  display: flex;
  align-items: center;
  border: none;
}
.cogs-date-range--input .cogs-tab-input input {
  border: none !important;
  box-shadow: none !important;
  text-align: center;
}
.cogs-date-range--input .cogs-tab-input > .input-icon {
  color: #8c8c8c;
  color: var(--cogs-greyscale-grey6);
}
.cogs-date-range--input .cogs-tab-input > .input-icon.calendar {
  margin: 0 10px;
}

.cogs-date-range--header {
  display: flex;
  justify-content: center;
  margin: 8px 8px 0;
  text-align: center;
}
.cogs-date-range--header.show-close {
  margin-right: 24px;
}
.cogs-date-range--header .cogs-close-dropdown {
  position: absolute;
  top: 8px;
  right: 8px;
}
.cogs-date-range--header .cogs-close-dropdown > .cogs-icon {
  color: #8c8c8c;
  color: var(--cogs-greyscale-grey6);
  cursor: pointer;
}

.cogs-standard-date--wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cogs-standard-calendar--wrapper {
  display: flex;
  flex-direction: column;
  padding: 4px;
  border: 1px solid #e8e8e8;
  margin-top: 5px;
  border-radius: 4px;
  border-radius: var(--cogs-border-radius--small);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 6px 16px rgba(0, 0, 0, 0.06), 0 0 1px rgba(0, 0, 0, 0.4);
}

.cogs.cogs-daterangepicker-container .cogs-daterangepicker fieldset {
  display: none;
}
.cogs.cogs-daterangepicker-container .cogs-daterangepicker .MuiOutlinedInput-notchedOutline > legend > span {
  display: none;
}
.cogs.cogs-daterangepicker-container .cogs-daterangepicker-full-width {
  width: 100%;
}

.cogs-daterangepicker-popper .cogs-daterangepicker-desktoppaper {
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
}
.cogs-daterangepicker-popper * {
  /* TODO: remove it when we start theming material ui */
  font-family: "Inter", sans-serif !important;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-iconbutton--hidden {
  visibility: hidden;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day {
  border-radius: 6px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day:focus {
  background-color: inherit;
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting {
  position: relative;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting::before {
  position: absolute;
  background-color: rgba(74, 103, 251, 0.08);
  background-color: var(--cogs-themed-surface--interactive--toggled-default);
  content: "";
  height: 36px;
  width: 40px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--previewing {
  position: relative;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--previewing::before {
  position: absolute;
  background-color: rgba(34, 42, 83, 0.06);
  background-color: var(--cogs-themed-surface--interactive--hover);
  content: "";
  height: 36px;
  width: 40px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting--start::before, .cogs-daterangepicker-popper .cogs-daterangepicker-day--previewing--start::before {
  left: 0px;
  right: -2px;
  width: 38px;
  border-radius: 6px 0px 0px 6px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting--end::before, .cogs-daterangepicker-popper .cogs-daterangepicker-day--previewing--end::before {
  left: -2px;
  right: 0px;
  width: 38px;
  border-radius: 0px 6px 6px 0px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting--end.cogs-daterangepicker-day--previewing--start::before, .cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting--start.cogs-daterangepicker-day--previewing--end::before {
  left: -2px;
  right: -2px;
  width: 40px;
  border-radius: 0;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--previewing--start.cogs-daterangepicker-day--previewing--end::before {
  display: none;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting:first-of-type::before, .cogs-daterangepicker-popper .cogs-daterangepicker-day--previewing:first-of-type::before, .cogs-daterangepicker-popper .cogs-daterangepicker-day--first-visible::before {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day--highlighting:last-of-type::before, .cogs-daterangepicker-popper .cogs-daterangepicker-day--previewing:last-of-type::before, .cogs-daterangepicker-popper .cogs-daterangepicker-day--last-visible::before {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day:not(.Mui-selected):hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-themed-surface--status-neutral--muted--hover);
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day:not(.Mui-selected):active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-themed-surface--status-neutral--muted--pressed);
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day.Mui-selected {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-themed-surface--action--strong--default);
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day.Mui-selected:focus {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-themed-surface--action--strong--default);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day.Mui-selected:hover,
.cogs-daterangepicker-popper .cogs-daterangepicker-day.Mui-selected:focus:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-themed-surface--action--strong--hover);
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day.Mui-selected:active,
.cogs-daterangepicker-popper .cogs-daterangepicker-day.Mui-selected:focus:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-themed-surface--action--strong--pressed);
}
.cogs-daterangepicker-popper .cogs-daterangepicker-day.MuiPickersDay-today {
  border-color: rgba(83, 88, 127, 0.24);
  border-color: var(--cogs-themed-border--interactive--default--alt);
}
.cogs-daterangepicker-popper .MuiDayCalendar-weekDayLabel {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}
.cogs-daterangepicker-popper .MuiPickersCalendarHeader-labelContainer {
  /* prevents focus ring being cut off for switch view button */
  overflow: visible;
}
.cogs-daterangepicker-popper .MuiDayCalendar-weekNumber {
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs-daterangepicker-popper .MuiPickersLayout-shortcuts {
  background: rgb(250, 250, 250);
  background: var(--cogs-surface--medium);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 4px;
  padding: 16px;
  max-height: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.cogs-daterangepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root {
  padding: 0;
}
.cogs-daterangepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root {
  padding: 8px;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-align: left;
  background: rgb(250, 250, 250);
  background: var(--cogs-surface--medium);
  border-radius: 6px;
  flex-grow: 1;
}
.cogs-daterangepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-surface--status-neutral--muted--hover);
}
.cogs-daterangepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
}
.cogs-daterangepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:focus {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-daterangepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root > .MuiChip-label {
  padding: 0;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-displayweeknumber .MuiDateRangeCalendar-monthContainer {
  width: 344px;
  padding-right: 8px;
}
.cogs-daterangepicker-popper .cogs-daterangepicker-displayweeknumber .MuiDateRangeCalendar-monthContainer .MuiPickersArrowSwitcher-root {
  width: 344px;
}

.cogs.cogs-datetimepicker-container .cogs-datetimepicker fieldset {
  display: none;
}
.cogs.cogs-datetimepicker-container .cogs-datetimepicker .MuiOutlinedInput-notchedOutline > legend > span {
  display: none;
}
.cogs.cogs-datetimepicker-container .cogs-datetimepicker-full-width {
  width: 100%;
}

.cogs-datetimepicker-popper .cogs-datetimepicker-desktoppaper {
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
}
.cogs-datetimepicker-popper * {
  /* TODO: remove it when we start theming material ui */
  font-family: "Inter", sans-serif !important;
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton {
  border-radius: 6px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day:focus,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton:focus,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton:focus {
  background-color: inherit;
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day.MuiPickersDay-today {
  border-color: rgba(83, 88, 127, 0.24);
  border-color: var(--cogs-border--interactive--default--alt);
}
.cogs-datetimepicker-popper .MuiPickersYear-yearButton,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton {
  padding: 0 10px;
  width: -webkit-min-content;
  width: min-content;
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day:not(.Mui-selected):hover,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton:not(.Mui-selected):hover,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton:not(.Mui-selected):hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-surface--status-neutral--muted--hover);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day:not(.Mui-selected):active,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton:not(.Mui-selected):active,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton:not(.Mui-selected):active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day.Mui-selected,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton.Mui-selected,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton.Mui-selected {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day.Mui-selected:focus,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day.Mui-selected:hover,
.cogs-datetimepicker-popper .cogs-datetimepicker-day.Mui-selected:focus:hover,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton.Mui-selected:hover,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus:hover,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton.Mui-selected:hover,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-surface--action--strong--hover);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-day.Mui-selected:active,
.cogs-datetimepicker-popper .cogs-datetimepicker-day.Mui-selected:focus:active,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton.Mui-selected:active,
.cogs-datetimepicker-popper .MuiPickersYear-yearButton.Mui-selected:focus:active,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton.Mui-selected:active,
.cogs-datetimepicker-popper .MuiPickersMonth-monthButton.Mui-selected:focus:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-surface--action--strong--pressed);
}
.cogs-datetimepicker-popper .MuiDayCalendar-weekDayLabel {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-text-icon--muted);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem {
  border-radius: 6px;
  font-size: 14px;
  width: 40px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem:not(.Mui-selected):hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-surface--status-neutral--muted--hover);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem:not(.Mui-selected):active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem.Mui-selected, .cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem.Mui-selected:focus {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem.Mui-selected:hover, .cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem.Mui-selected:focus:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-surface--action--strong--hover);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem.Mui-selected:active, .cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem.Mui-selected:focus:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-surface--action--strong--pressed);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem:focus {
  background-color: inherit;
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem.Mui-selected:focus {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
}
.cogs-datetimepicker-popper .cogs-datetimepicker-digitalclocksectionitem:first-of-type {
  margin-top: 12px;
}
.cogs-datetimepicker-popper .cogs-datetimepicker-actionbar {
  display: flex;
  justify-content: center;
  padding: 8px 16px;
  box-shadow: 0 -1px 0 0 rgb(217, 217, 217);
  box-shadow: 0 -1px 0 0 var(--cogs-border--muted);
}
.cogs-datetimepicker-popper .MuiPickersLayout-shortcuts {
  background: rgb(250, 250, 250);
  background: var(--cogs-surface--medium);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 4px;
  padding: 16px;
  max-height: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.cogs-datetimepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root {
  padding: 0;
}
.cogs-datetimepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root {
  padding: 8px;
  height: auto;
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-align: left;
  background: rgb(250, 250, 250);
  background: var(--cogs-surface--medium);
  border-radius: 6px;
  flex-grow: 1;
}
.cogs-datetimepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:hover {
  background-color: rgba(64, 120, 240, 0.15);
  background-color: var(--cogs-surface--status-neutral--muted--hover);
}
.cogs-datetimepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:active {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
}
.cogs-datetimepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root:focus {
  background-color: rgba(64, 120, 240, 0.2);
  background-color: var(--cogs-surface--status-neutral--muted--pressed);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs-datetimepicker-popper .MuiPickersLayout-shortcuts > .MuiListItem-root > .MuiButtonBase-root > .MuiChip-label {
  padding: 0;
}
.cogs-datetimepicker-popper .MuiPickersCalendarHeader-labelContainer {
  /* prevents focus ring being cut off for switch view button */
  overflow: visible;
}
.cogs-datetimepicker-popper .MuiMultiSectionDigitalClock-root ul {
  width: 56px;
  padding: 0 8px;
}
.cogs-datetimepicker-popper .MuiMultiSectionDigitalClock-root ul:first-child {
  width: 60px;
  padding: 0 8px 0 12px;
}
.cogs-datetimepicker-popper .MuiMultiSectionDigitalClock-root ul:last-child {
  width: 60px;
  padding: 0 12px 0 8px;
}

.cogs.cogs-divider {
  --Divider-length: 100%;
  --Divider-spacing: 0px;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  align-self: center;
  justify-self: center;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  background-color: rgb(217, 217, 217);
  background-color: var(--cogs-themed-border--muted);
}
.cogs.cogs-divider--weight-1px {
  width: 1px;
  min-width: 1px;
  height: 1px;
  min-height: 1px;
}
.cogs.cogs-divider--weight-2px {
  width: 2px;
  min-width: 2px;
  height: 2px;
  min-height: 2px;
}
.cogs.cogs-divider--direction-horizontal {
  width: var(--Divider-length);
  min-width: var(--Divider-length);
  margin: var(--Divider-spacing) auto;
}
.cogs.cogs-divider--direction-vertical {
  height: var(--Divider-length);
  min-height: var(--Divider-length);
  margin: auto var(--Divider-spacing);
}
.cogs.cogs-divider--endcap-round {
  border-radius: 2px;
}
.cogs.cogs-divider--endcap-square {
  border-radius: 0;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-drawer-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px;
  gap: 16px;
}
.cogs-drawer-header .cogs-drawer-title {
  margin-bottom: 0;
}

.cogs-drawer-content {
  overflow: auto;
  flex: 1 1;
  padding: 16px;
}

.cogs-drawer-footer {
  padding: 16px;
  border-top: 1px solid #d9d9d9;
  border-top: 1px solid var(--cogs-border-default);
  background-color: #ffffff;
  background-color: var(--cogs-white);
}
.cogs-drawer-footer .cogs-drawer-footer-buttons {
  display: flex;
  justify-content: flex-end;
}
.cogs-drawer-footer .cogs-drawer-footer-buttons .cogs-button {
  margin-left: 8px;
}
.cogs-drawer-footer .cogs-drawer-close {
  margin-left: auto;
}

.drawer {
  position: fixed;
  z-index: 9999;
  top: 0;
  transition: width 0s ease 260ms, height 0s ease 260ms, transform 260ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: width 0s ease var(--cogs-transition-time), height 0s ease var(--cogs-transition-time), transform var(--cogs-transition-time) var(--cogs-ease-in);
}

.drawer > * {
  transition: transform 260ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 260ms linear, box-shadow 260ms linear;
  transition: transform var(--cogs-transition-time) var(--cogs-ease-in), opacity var(--cogs-transition-time) linear, box-shadow var(--cogs-transition-time) linear;
}

.drawer.drawer-open {
  transition: transform 260ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform var(--cogs-transition-time) var(--cogs-ease-out);
}

.drawer.drawer-open > * {
  transition: transform 260ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform var(--cogs-transition-time) var(--cogs-ease-out);
}

.drawer .drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #000000;
  opacity: 0;
  transition: opacity 260ms linear, height 0s ease 260ms;
  transition: opacity var(--cogs-transition-time) linear, height 0s ease var(--cogs-transition-time);
}

.drawer-content-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.drawer-content {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: auto;
  flex-direction: column;
}

.cogs-drawer-handle {
  position: absolute;
  z-index: 0;
  top: 72px;
  display: flex;
  width: 41px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  cursor: pointer;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
}

.cogs-drawer-handle-icon {
  position: relative;
  width: 14px;
  height: 2px;
  background: #333333;
  transition: background 260ms linear;
  transition: background var(--cogs-transition-time) linear;
}

.cogs-drawer-handle-icon:before,
.cogs-drawer-handle-icon:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #333333;
  content: "";
  transition: transform 260ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform var(--cogs-transition-time) var(--cogs-ease-out);
}

.cogs-drawer-handle-icon:before {
  top: -5px;
}

.cogs-drawer-handle-icon:after {
  top: 5px;
}

.drawer-left,
.drawer-right {
  width: 0%;
  height: 100%;
}

.drawer-left .drawer-content-wrapper,
.drawer-right .drawer-content-wrapper,
.drawer-left .drawer-content,
.drawer-right .drawer-content {
  height: 100%;
}

.drawer-left.drawer-open,
.drawer-right.drawer-open {
  width: 100%;
}

.drawer-left.drawer-open.no-mask,
.drawer-right.drawer-open.no-mask {
  width: 0%;
}

.drawer-left {
  left: 0;
}

.drawer-left .cogs-drawer-handle {
  right: -40px;
  border-radius: 0 4px 4px 0;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}

.drawer-left.drawer-open .drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}

.drawer-right {
  right: 0;
}

.drawer-right .drawer-content-wrapper {
  right: 0;
}

.drawer-right .cogs-drawer-handle {
  left: -40px;
  border-radius: 4px 0 0 4px;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}

.drawer-right.drawer-open .drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}

.drawer-right.drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}

.drawer-top,
.drawer-bottom {
  width: 100%;
  height: 0%;
}

.drawer-bottom .drawer-content,
.drawer-bottom .drawer-content-wrapper,
.drawer-top .drawer-content,
.drawer-top .drawer-content-wrapper {
  width: 100%;
}

.drawer-top .drawer-content,
.drawer-bottom .drawer-content {
  height: 100%;
}

.drawer-top.drawer-open,
.drawer-bottom.drawer-open {
  height: 100%;
}

.drawer-top.drawer-open.no-mask,
.drawer-bottom.drawer-open.no-mask {
  height: 0%;
}

.drawer-top .cogs-drawer-handle,
.drawer-bottom .cogs-drawer-handle {
  left: 50%;
  margin-left: -20px;
}

.drawer-top {
  top: 0;
}

.drawer-top .cogs-drawer-handle {
  top: auto;
  bottom: -40px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.drawer-top.drawer-open .drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.drawer-bottom {
  bottom: 0;
}

.drawer-bottom .drawer-content-wrapper {
  bottom: 0;
}

.drawer-bottom .cogs-drawer-handle {
  top: -40px;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.drawer-bottom.drawer-open .drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.drawer-bottom.drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}

.drawer.drawer-open .drawer-mask {
  height: 100%;
  opacity: 0.3;
  transition: opacity 260ms linear;
  transition: opacity var(--cogs-transition-time) linear;
}

.drawer.drawer-open .cogs-drawer-handle-icon {
  background: transparent;
}

.drawer.drawer-open .cogs-drawer-handle-icon:before {
  transform: translateY(5px) rotate(45deg);
}

.drawer.drawer-open .cogs-drawer-handle-icon:after {
  transform: translateY(-5px) rotate(-45deg);
}

.cogs.cogs-dropdown .cogs-dropdown__tippybox.tippy-box {
  background-color: transparent;
  color: inherit;
}
.cogs.cogs-dropdown .cogs-dropdown__tippybox.tippy-box > .tippy-content {
  padding: 0;
}

.cogs.cogs-emptystate {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 560px;
  background-color: none;
  padding: 24px;
  text-align: center;
}
.cogs.cogs-emptystate .cogs-emptystate__solo {
  width: 120px;
  height: 120px;
  margin-bottom: 8px;
}
.cogs.cogs-emptystate .cogs-emptystate-title {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  margin-bottom: 8px;
}
.cogs.cogs-emptystate .cogs-emptystate-body {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}

.cogs-filterchip {
  align-items: center;
  background-color: rgba(83, 88, 127, 0.08);
  background-color: var(--cogs-surface--action--muted--default);
  border-radius: 4px;
  max-width: 200px;
  display: flex;
  gap: 2px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cogs-filterchip--text {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
}
.cogs-filterchip--small {
  height: 28px;
  padding-left: 8px;
  padding-right: 8px;
}
.cogs-filterchip--x-small {
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
}
.cogs-filterchip--medium {
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
}
.cogs-filterchip--is-interactive {
  padding-right: 0;
}

.cogs-filterchipgroup {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px;
}
.cogs-filterchipgroup--x-small {
  gap: 4px;
}
.cogs-filterchipgroup--medium {
  gap: 8px;
}
.cogs-filterchipgroup__menu {
  overflow: auto;
  max-height: 200px;
}
.cogs-filterchipgroup .cogs-filterchip-overflow {
  cursor: pointer;
  background: rgba(83, 88, 127, 0.08);
  background: var(--cogs-themed-surface--action--muted--default);
}
.cogs-filterchipgroup .cogs-filterchip-overflow:hover {
  background: rgba(83, 88, 127, 0.12);
  background: var(--cogs-themed-surface--action--muted--hover);
}
.cogs-filterchipgroup .cogs-filterchip-overflow:focus, .cogs-filterchipgroup .cogs-filterchip-overflow:active {
  background: rgba(83, 88, 127, 0.16);
  background: var(--cogs-themed-surface--action--muted--pressed);
  outline: 1px solid rgb(74, 103, 251);
  outline: 1px solid var(--cogs-themed-border--interactive--toggled-default);
}
.cogs-filterchipgroup .cogs-filterchipgroup-clear-button--x-small {
  border-radius: 4px;
  font-size: 12px;
  height: 20px;
  padding: 2px 6px;
}
.cogs-filterchipgroup .cogs-filterchipgroup-clear-button--small {
  border-radius: 4px;
}

.cogs-flex {
  display: flex;
}

.cogs-inline-flex {
  display: inline-flex;
}

.cogs-flex-row {
  flex-direction: row;
}

.cogs-flex-column {
  flex-direction: column;
}

.cogs-flex-row-reverse {
  flex-direction: row-reverse;
}

.cogs-flex-column-reverse {
  flex-direction: column-reverse;
}

.cogs-flex-wrap {
  flex-wrap: wrap;
}

.cogs-flex-nowrap {
  flex-wrap: nowrap;
}

.cogs-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.cogs-row {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(24, 1fr);
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-help-center--hidden {
  width: 100%;
  transition: width 260ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: width var(--cogs-transition-time) var(--cogs-ease-in);
}

.cogs-help-center--card, .cogs-help-center--card--active {
  height: 200px;
  padding: 12px 16px;
  margin: 0px 16px 16px 16px;
  background: white;
  border-radius: 13px;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
  cursor: pointer;
}
.cogs-help-center--card:focus, .cogs-help-center--card--active:focus {
  outline: none;
}

.cogs-help-center--card--header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.cogs-help-center--card--incomplete {
  display: none;
}

.cogs-help-center--card--complete {
  display: block;
  color: #18af8e;
  color: var(--cogs-green);
}

.cogs-help-center--card--active {
  border: 2px solid #6e85fc;
  border: var(--cogs-border-width--default) solid var(--cogs-midblue-4);
}
.cogs-help-center--card--active:focus {
  outline: none;
}

.cogs-help-center--visible {
  width: calc(100% - 256px);
  transition: width 260ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: width var(--cogs-transition-time) var(--cogs-ease-out);
}

.cogs-help-center--wrapper {
  background-color: #4a67fb;
  background-color: var(--cogs-primary);
}

.drawer-right.drawer-open .drawer-content-wrapper {
  box-shadow: none;
}

.cogs-help-center--cards, .cogs-help-center--cards--overflow {
  position: relative;
  display: flex;
  width: calc(100% - 32px);
  height: 430px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
  overflow-y: auto;
}

.cogs-help-center--cards--overflow::after {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 93%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  content: "";
}

.cogs-help-center .drawer-content-wrapper {
  border-left: 1px solid #e8e8e8;
  border-left: 1px solid var(--cogs-greyscale-grey3);
  background-color: #fafafa;
  background-color: var(--cogs-greyscale-grey1);
}
.cogs-help-center .drawer-content-wrapper .cogs-flex {
  display: none;
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  padding: initial;
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--header {
  display: flex;
  width: inherit;
  align-items: center;
  justify-content: space-between;
  margin: 16px;
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--header .cogs-help-center--title {
  color: #595959;
  color: var(--cogs-greyscale-grey7);
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--bottom {
  display: flex;
  width: inherit;
  flex: 0 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin: auto 16px 16px 16px;
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--bottom .cogs-documentation--header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--bottom .cogs-documentation--header .cogs-documentation--section-title {
  padding-right: 8px;
  color: #333333;
  color: var(--cogs-greyscale-grey9);
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--bottom .cogs-documentation--link {
  margin-bottom: 8px;
  font-weight: 400;
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 32px;
  color: #595959;
  color: var(--cogs-greyscale-grey7);
  font-size: 12px;
}
.cogs-help-center .drawer-content-wrapper .cogs-drawer-content .cogs-help-center--footer .cogs-help-center--privacy-policy {
  color: inherit;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.hp-wrapper {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
}

.hp-append {
  position: absolute;
  top: 0;
  left: 0;
}

.hp-preview {
  position: absolute;
  z-index: 1;
  display: flex;
  width: 360px;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #ffffff;
  color: #111111;
  opacity: 0;
  transform: translate(0, 0);
  transition: none;
  visibility: hidden;
  word-break: break-word;
}

.hp-transform {
  transform: translate(5px, 0px);
}

.hp-opacity {
  opacity: 1;
  visibility: visible;
}

.hp-icons {
  padding: 0;
  margin-left: 5px;
  cursor: help;
}

.hp-header {
  display: flex;
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 20px 16px;
  border-bottom: 0;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.hp-header-underline {
  border-bottom: 1px solid #d9d9d9;
}

.hp-title {
  align-self: flex-start;
}

.hp-cell {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  padding: 16px;
  border: none;
  margin-left: auto;
  color: #262626;
  font-size: 14px;
  line-height: 24px;
}
.hp-cell .hp-cell-title {
  color: #595959;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

.hp-cell-border {
  border: 1px solid #d9d9d9;
  border-style: "none";
  border-style: var(--border-style, "none");
}

.hp-cell-align {
  width: 50%;
}

.hp-cell-align-left {
  margin-left: auto;
}

.hp-displayon-show {
  opacity: 1;
  visibility: visible;
}

.hp-preview-shadow {
  box-shadow: 0px 10px 10px #e8e8e8;
}

.hp-preview-transform {
  transform: translate(5px, 0px);
}

.hp-preview-transition {
  transition: all 0.25s ease-out;
}

.cogs-infobar {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
  padding: 0 8px 0 8px;
  /**
   *
   * TYPES
   *
   **/
}
.cogs-infobar__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cogs-infobar__content p {
  margin: 10px 0 10px 0;
  line-height: var(--cogs-t5-line-height);
}
.cogs-infobar .cogs-infobar--action .cogs.cogs-button {
  margin: 6px 0 6px 16px;
}
.cogs-infobar .cogs-infobar--close .close {
  margin-left: auto;
}
.cogs-infobar .cogs-infobar--close p {
  margin-left: auto;
}
.cogs-infobar--type-default {
  background-color: rgba(102, 102, 102, 0.1);
  background-color: var(--cogs-surface--status-undefined--muted--default);
}
.cogs-infobar--type-success {
  background-color: rgba(57, 162, 99, 0.1);
  background-color: var(--cogs-surface--status-success--muted--default);
}
.cogs-infobar--type-warning {
  background-color: rgba(255, 187, 0, 0.12);
  background-color: var(--cogs-surface--status-warning--muted--default);
}
.cogs-infobar--type-danger {
  background-color: rgba(223, 64, 55, 0.08);
  background-color: var(--cogs-surface--status-critical--muted--default);
}
.cogs-infobar--type-neutral {
  background-color: rgba(64, 120, 240, 0.1);
  background-color: var(--cogs-surface--status-neutral--muted--default);
}
.cogs-infobar--type-default-bold {
  background-color: rgb(57, 107, 215);
  background-color: var(--cogs-surface--status-neutral--strong--default);
  color: rgba(255, 255, 255, 0.95);
  color: var(--cogs-text-icon--strong--inverted);
}
.cogs-infobar--type-danger-bold {
  background-color: rgb(189, 36, 28);
  background-color: var(--cogs-surface--status-critical--strong--default);
  color: rgba(255, 255, 255, 0.95);
  color: var(--cogs-text-icon--strong--inverted);
}
.cogs-infobar-wrapper--solid {
  position: relative;
  isolation: isolate;
}
.cogs-infobar-wrapper--solid::before {
  position: absolute;
  width: 100%;
  background: rgb(255, 255, 255);
  background: var(--cogs-themed-surface--muted);
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
}

.cogs-infobox {
  background-color: rgba(102, 102, 102, 0.1);
  background-color: var(--cogs-themed-surface--status-undefined--muted--default);
  border: 1px solid rgba(102, 102, 102, 0.2);
  border: 1px solid var(--cogs-themed-border--status-undefined--muted);
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  z-index: 1;
  gap: 8px;
  width: 100%;
}
.cogs-infobox-wrapper {
  width: 100%;
}
.cogs-infobox-wrapper-solid {
  position: relative;
  isolation: isolate;
}
.cogs-infobox-compact {
  padding: 8px;
}
.cogs-infobox-without-title {
  align-items: center;
}
.cogs-infobox__icon-wrapper {
  padding-block: 3px;
}
.cogs-infobox__icon-wrapper .cogs-icon {
  display: block;
}
.cogs-infobox-wrapper-solid::before {
  position: absolute;
  width: 100%;
  background: rgb(255, 255, 255);
  background: var(--cogs-themed-surface--muted);
  height: 100%;
  border-radius: 8px;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
}
.cogs-infobox-critical {
  background-color: rgba(223, 64, 55, 0.08);
  background-color: var(--cogs-themed-surface--status-critical--muted--default);
  border: 1px solid rgba(223, 66, 55, 0.2);
  border: 1px solid var(--cogs-themed-border--status-critical--muted);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs-infobox-critical .cogs-infobox-icon {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs-infobox-warning {
  background-color: rgba(255, 187, 0, 0.12);
  background-color: var(--cogs-themed-surface--status-warning--muted--default);
  border: 1px solid rgba(255, 187, 0, 0.2);
  border: 1px solid var(--cogs-themed-border--status-warning--muted);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs-infobox-warning .cogs-infobox-icon {
  color: rgb(143, 76, 15);
  color: var(--cogs-themed-text-icon--status-warning);
}
.cogs-infobox-success {
  background-color: rgba(57, 162, 99, 0.1);
  background-color: var(--cogs-themed-surface--status-success--muted--default);
  border: 1px solid rgba(57, 162, 99, 0.2);
  border: 1px solid var(--cogs-themed-border--status-success--muted);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs-infobox-success .cogs-infobox-icon {
  color: rgb(44, 105, 53);
  color: var(--cogs-themed-text-icon--status-success);
}
.cogs-infobox-undefined .cogs-infobox-icon {
  color: rgb(93, 93, 93);
  color: var(--cogs-themed-text-icon--status-undefined);
}
.cogs-infobox-neutral {
  background-color: rgba(64, 120, 240, 0.1);
  background-color: var(--cogs-themed-surface--status-neutral--muted--default);
  border: 1px solid rgba(64, 120, 240, 0.2);
  border: 1px solid var(--cogs-themed-border--status-neutral--muted);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs-infobox-neutral .cogs-infobox-icon {
  color: rgb(48, 89, 179);
  color: var(--cogs-themed-text-icon--status-neutral);
}
.cogs-infobox-close-button {
  align-self: start;
  margin-left: auto;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
:root {
  --cogs-input-hover-background: var(--cogs-white);
  --cogs-input-hover-border: var(--cogs-border-width--default) solid
    var(--cogs-midblue-4);
  --cogs-input-active-border: var(--cogs-border-width--default) solid
    var(--cogs-midblue-3);
  --cogs-input-border: var(--cogs-border-width--default) solid
    var(--cogs-greyscale-grey4);
  --cogs-input-inner-border: 1px solid var(--cogs-greyscale-grey4);
}

.cogs-input-placeholder-to-top, .cogs-input.cogs-input-title-as-placeholder:focus ~ .placeholder, .cogs-input.cogs-input-title-as-placeholder.placeholder-not-shown ~ .placeholder, .cogs-input.cogs-input-title-as-placeholder:not(:placeholder-shown) ~ .placeholder {
  top: calc(50% - 6px - 10px);
  color: #404040;
  color: var(--cogs-greyscale-grey8);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
}

.cogs-input-font, .cogs-input, .cogs-input-container {
  color: #262626;
  color: var(--cogs-greyscale-grey10);
  font-size: var(--cogs-font-size-sm);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.cogs-input-container > * {
  transition: 200ms all;
  transition: var(--cogs-transition-time-fast) all;
}

.cogs-input-container {
  text-align: left;
  transition: 260ms all;
  transition: var(--cogs-transition-time) all;
}
.cogs-input-container .title {
  display: block;
  margin-bottom: 4px;
  color: #404040;
  color: var(--cogs-greyscale-grey8);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}
.cogs-input-container .error-space {
  margin-top: 4px;
  color: #595959;
  color: var(--cogs-text-secondary);
  font-size: 13px;
  line-height: 16px;
}
.cogs-input-container .title-as-placeholder-wrapper {
  display: flex;
}
.cogs-input-container .addons-input-wrapper {
  display: flex;
}
.cogs-input-container.full-width {
  width: 100%;
}
.cogs-input-container.full-width .input-wrapper {
  width: 100%;
}
.cogs-input-container .input-wrapper {
  position: relative;
  display: flex;
}
.cogs-input-container .input-content {
  position: absolute;
  display: flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
}
.cogs-input-container .input-icon {
  top: calc(50% - 8px);
}
.cogs-input-container .input__prefix,
.cogs-input-container .input__postfix {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #d9d9d9;
  border: 1px solid var(--cogs-greyscale-grey4);
  background-color: #f5f5f5;
  background-color: var(--cogs-greyscale-grey2);
  color: #595959;
  color: var(--cogs-greyscale-grey7);
}
.cogs-input-container .input__prefix {
  order: -1;
  border-radius: 6px 0 0 6px;
}
.cogs-input-container .input__postfix {
  border-radius: 0 6px 6px 0;
}
.cogs-input-container .input__prefix:not(.cogs-input-no-border) {
  border-right: none;
}
.cogs-input-container .input__postfix:not(.cogs-input-no-border) {
  border-left: none;
}
.cogs-input-container .input__prefix--node {
  order: -1;
}
.cogs-input-container .input__prefix--node > * {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.cogs-input-container .input__postfix--node > * {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.cogs-input-container .input__prefix--node,
.cogs-input-container .input__postfix--node {
  display: inline-flex;
}
.cogs-input-container .input-clear-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
}

.cogs-input {
  --cogs-input-border-transparent: 1px solid transparent;
  --cogs-input-bordered-shadow: 0 0 0 1px var(--cogs-midblue-4) inset;
  --cogs-input-default-border-color: var(--cogs-greyscale-grey4);
  --cogs-input-default-height: 36px;
  --cogs-title-as-placeholder-height: 40px;
  --cogs-title-as-placeholder-side-padding: 12px;
  --cogs-title-as-placeholder-with-icon-side-padding: 34px;
  --cogs-input-side-padding: 12px;
  --cogs-input-with-icon-side-padding: 38px;
  height: var(--cogs-input-default-height);
  box-sizing: border-box;
  padding: 0 var(--cogs-input-side-padding);
  border: 2px solid
    #d9d9d9;
  border: var(--cogs-input-border);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  caret-color: var(--cogs-color-black);
  outline: none;
}
.cogs-input::placeholder {
  color: #8c8c8c;
  color: var(--cogs-greyscale-grey6);
}
.cogs-input:disabled {
  cursor: not-allowed;
}
.cogs-input.full-width {
  width: 100%;
}
.cogs-input.with-prefix {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.cogs-input.with-postfix {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.cogs-input.cogs-input-default {
  transition: border calc(200ms / 2) linear;
  transition: border calc(var(--cogs-transition-time-fast) / 2) linear;
}
.cogs-input.cogs-input-default:hover {
  border: 2px solid
    #6e85fc;
  border: var(--cogs-input-hover-border);
  background: #ffffff;
  background: var(--cogs-input-hover-background);
  transition: border 200ms linear;
  transition: border var(--cogs-transition-time-fast) linear;
}
.cogs-input.cogs-input-default:focus {
  border-color: #6e85fc;
  border-color: var(--cogs-midblue-4);
  background: #ffffff;
  background: var(--cogs-white);
  box-shadow: var(--cogs-input-bordered-shadow);
}
.cogs-input.cogs-input-default:disabled {
  border-color: #bfbfbf;
  border-color: var(--cogs-greyscale-grey5);
  background: #e8e8e8;
  background: var(--cogs-greyscale-grey3);
}
.cogs-input.cogs-input-default:invalid, .cogs-input.cogs-input-default.has-error {
  border-color: #e32351;
  border-color: var(--cogs-danger);
  box-shadow: none;
}
.cogs-input.cogs-input-default:invalid:hover, .cogs-input.cogs-input-default.has-error:hover {
  background: #ffffff;
  background: var(--cogs-white);
}
.cogs-input.cogs-input-default.valid {
  border-color: #18af8e;
  border-color: var(--cogs-green);
  box-shadow: none;
}
.cogs-input.cogs-input-default.valid:hover {
  background: #ffffff;
  background: var(--cogs-white);
}
.cogs-input.cogs-input-no-border {
  border: 2px solid transparent;
  border: var(--cogs-border-width--default) solid transparent;
  background: #f5f5f5;
  background: var(--cogs-greyscale-grey2);
  transition: border 200ms linear;
  transition: border var(--cogs-transition-time-fast) linear;
}
.cogs-input.cogs-input-no-border:hover {
  border: 2px solid
    #6e85fc;
  border: var(--cogs-input-hover-border);
  background: #ffffff;
  background: var(--cogs-input-hover-background);
  transition: border 200ms linear;
  transition: border var(--cogs-transition-time-fast) linear;
}
.cogs-input.cogs-input-no-border:focus {
  border: 2px solid
    #4a67fb;
  border: var(--cogs-input-active-border);
  background: var(--cogs-color-white);
}
.cogs-input.cogs-input-no-border:disabled {
  border: none;
  background: #e8e8e8;
  background: var(--cogs-greyscale-grey3);
  box-shadow: none;
}
.cogs-input.cogs-input-no-border:invalid, .cogs-input.cogs-input-no-border.has-error {
  border: none;
  background: #fafafa;
  background: var(--cogs-greyscale-grey1);
  box-shadow: inset 0px -12px 0px -10px #e32351;
  box-shadow: inset 0px -12px 0px -10px var(--cogs-danger);
}
.cogs-input.cogs-input-no-border:invalid:hover, .cogs-input.cogs-input-no-border.has-error:hover {
  background: #fafafa;
  background: var(--cogs-greyscale-grey1);
}
.cogs-input.cogs-input-no-border.valid {
  border: none;
  background: #fafafa;
  background: var(--cogs-greyscale-grey1);
  box-shadow: inset 0px -12px 0px -10px #18af8e;
  box-shadow: inset 0px -12px 0px -10px var(--cogs-green);
}
.cogs-input.cogs-input-no-border.valid:hover {
  background: #fafafa;
  background: var(--cogs-greyscale-grey1);
}
.cogs-input.with-icon-left {
  padding-left: var(--cogs-input-with-icon-side-padding);
}
.cogs-input.with-icon-left ~ .input-icon {
  left: 16px;
}
.cogs-input.with-icon-left ~ .input-clear-button {
  right: 4px;
}
.cogs-input.with-icon-right {
  padding-right: var(--cogs-input-with-icon-side-padding);
}
.cogs-input.with-icon-right ~ .input-icon {
  right: 16px;
}
.cogs-input.with-icon-right ~ .input-clear-button {
  right: 32px;
}
.cogs-input.cogs-input-title-as-placeholder {
  height: var(--cogs-title-as-placeholder-height);
  padding: 0 var(--cogs-title-as-placeholder-side-padding);
}
.cogs-input.cogs-input-title-as-placeholder:not(:placeholder-shown) {
  padding-top: 16px;
  padding-bottom: 4px;
}
.cogs-input.cogs-input-title-as-placeholder.placeholder-not-shown {
  padding-top: 16px;
  padding-bottom: 4px;
}
.cogs-input.cogs-input-title-as-placeholder:hover {
  border: 2px solid
    #6e85fc;
  border: var(--cogs-input-hover-border);
  background: #ffffff;
  background: var(--cogs-input-hover-background);
}
.cogs-input.cogs-input-title-as-placeholder:focus {
  padding-top: 16px;
  padding-bottom: 4px;
  border-color: #6e85fc;
  border-color: var(--cogs-midblue-4);
  background: #ffffff;
  background: var(--cogs-white);
  box-shadow: var(--cogs-input-bordered-shadow);
}
.cogs-input.cogs-input-title-as-placeholder:disabled {
  border-color: #bfbfbf;
  border-color: var(--cogs-greyscale-grey5);
  background: #e8e8e8;
  background: var(--cogs-greyscale-grey3);
}
.cogs-input.cogs-input-title-as-placeholder:invalid, .cogs-input.cogs-input-title-as-placeholder.has-error {
  border-color: #e32351;
  border-color: var(--cogs-danger);
  box-shadow: none;
}
.cogs-input.cogs-input-title-as-placeholder:invalid:hover, .cogs-input.cogs-input-title-as-placeholder.has-error:hover {
  background: #ffffff;
  background: var(--cogs-white);
}
.cogs-input.cogs-input-title-as-placeholder.valid {
  border-color: #18af8e;
  border-color: var(--cogs-green);
  box-shadow: none;
}
.cogs-input.cogs-input-title-as-placeholder.valid:hover {
  background: #ffffff;
  background: var(--cogs-white);
}
.cogs-input.cogs-input-title-as-placeholder ~ .placeholder {
  position: absolute;
  top: calc(50% - 8px);
  left: 12px;
  color: #8c8c8c;
  color: var(--cogs-greyscale-grey6);
  line-height: 16px;
  pointer-events: none;
  transition: 0.3s all;
}
.cogs-input.cogs-input-title-as-placeholder.with-icon-left {
  padding-left: var(--cogs-title-as-placeholder-with-icon-side-padding);
}
.cogs-input.cogs-input-title-as-placeholder.with-icon-left ~ .placeholder {
  left: 34px;
}
.cogs-input.cogs-input-title-as-placeholder.with-icon-left ~ .input-icon {
  left: 12px;
}
.cogs-input.cogs-input-title-as-placeholder.with-icon-right {
  padding-right: var(--cogs-title-as-placeholder-with-icon-side-padding);
}
.cogs-input.cogs-input-title-as-placeholder.with-icon-right ~ .placeholder {
  right: 34px;
}
.cogs-input.cogs-input-title-as-placeholder.with-icon-right ~ .input-icon {
  right: 12px;
}

.cogs-input-tiny {
  height: 28px;
}

.cogs-input-large {
  height: 40px;
}

input[type=number] {
  -webkit-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.numberInputWrapper .arrows {
  display: flex;
  width: 20px;
  flex-direction: column;
  justify-content: center;
}
.numberInputWrapper .arrows button {
  display: flex;
  height: 50%;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-bottom: var(--cogs-input-inner-border);
  border-left: 1px solid #d9d9d9;
  border-left: var(--cogs-input-inner-border);
  background: none;
  color: #333333;
  color: var(--cogs-greyscale-grey9);
  cursor: pointer;
}
.numberInputWrapper .arrows button:focus {
  outline: none;
}
.numberInputWrapper .arrows button:last-child {
  border-bottom: none;
}
.numberInputWrapper .arrows .increase-icon {
  margin-top: 2px;
}
.numberInputWrapper .arrows .decrease-icon {
  margin-bottom: 2px;
}
.numberInputWrapper .disabled button {
  color: #8c8c8c;
  color: var(--cogs-greyscale-grey6);
  cursor: not-allowed;
}

.cogs.cogs-inputexp-container .cogs-inputexp {
  align-items: center;
  border: 2px solid rgba(83, 88, 127, 0.16);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--default);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  display: flex;
  padding: 0 8px;
  width: 220px;
}
.cogs.cogs-inputexp-container .cogs-inputexp:hover {
  border-color: rgb(110, 133, 252);
  border-color: var(--cogs-themed-border--interactive--hover);
}
.cogs.cogs-inputexp-container .cogs-inputexp.Mui-focused {
  border-color: rgb(74, 103, 251);
  border-color: var(--cogs-themed-border--interactive--toggled-default);
}
.cogs.cogs-inputexp-container .cogs-inputexp.Mui-focused .cogs-inputexp-adornment-start-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
}
.cogs.cogs-inputexp-container .cogs-inputexp.cogs-inputexp-with-no-right-padding {
  padding-right: 0;
}
.cogs.cogs-inputexp-container .cogs-inputexp.cogs-inputexp-full-width {
  width: 100%;
}
.cogs.cogs-inputexp-container .cogs-inputexp input {
  background-color: transparent;
  border: none;
  flex: 1 1;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cogs.cogs-inputexp-container .cogs-inputexp input::placeholder {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
  opacity: 1;
}
.cogs.cogs-inputexp-container .cogs-inputexp--size-small {
  font-size: 13px;
  height: 28px;
  padding: 0 6px;
}
.cogs.cogs-inputexp-container .cogs-inputexp--size-medium {
  font-size: 14px;
  height: 36px;
}
.cogs.cogs-inputexp-container .cogs-inputexp--size-large {
  font-size: 14px;
  height: 40px;
}
.cogs.cogs-inputexp-container .cogs-inputexp--variant-outline {
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
}
.cogs.cogs-inputexp-container .cogs-inputexp--variant-ghost {
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-themed-surface--misc-transparent);
  border-color: transparent;
}
.cogs.cogs-inputexp-container .cogs-inputexp--variant-solid {
  background-color: rgba(83, 88, 127, 0.08);
  background-color: var(--cogs-themed-surface--action--muted--default);
  border-color: transparent;
}
.cogs.cogs-inputexp-container .cogs-inputexp--variant-solid:hover, .cogs.cogs-inputexp-container .cogs-inputexp--variant-solid.Mui-focused {
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
}
.cogs.cogs-inputexp-container .cogs-inputexp--text-align-center {
  text-align: center;
}
.cogs.cogs-inputexp-container .cogs-inputexp--text-align-left {
  text-align: left;
}
.cogs.cogs-inputexp-container .cogs-inputexp--text-align-right {
  text-align: right;
}
.cogs.cogs-inputexp-container .cogs-inputexp--status-critical, .cogs.cogs-inputexp-container .cogs-inputexp--status-critical:hover, .cogs.cogs-inputexp-container .cogs-inputexp--status-critical.Mui-focused {
  border-color: rgb(229, 59, 56);
  border-color: var(--cogs-themed-border--status-critical--strong);
}
.cogs.cogs-inputexp-container .cogs-inputexp--status-success, .cogs.cogs-inputexp-container .cogs-inputexp--status-success:hover, .cogs.cogs-inputexp-container .cogs-inputexp--status-success.Mui-focused {
  border-color: rgb(57, 162, 99);
  border-color: var(--cogs-themed-border--status-success--strong);
}
.cogs.cogs-inputexp-container .cogs-inputexp--status-warning, .cogs.cogs-inputexp-container .cogs-inputexp--status-warning:hover, .cogs.cogs-inputexp-container .cogs-inputexp--status-warning.Mui-focused {
  border-color: rgb(235, 155, 0);
  border-color: var(--cogs-themed-border--status-warning--strong);
}
.cogs.cogs-inputexp-container .cogs-inputexp-disabled, .cogs.cogs-inputexp-container .cogs-inputexp-disabled:hover, .cogs.cogs-inputexp-container .cogs-inputexp-disabled.Mui-focused {
  background-color: rgba(0, 0, 0, 0.03);
  background-color: var(--cogs-themed-surface--interactive--disabled);
  border-color: transparent;
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  cursor: not-allowed;
}
.cogs.cogs-inputexp-container .cogs-inputexp-disabled input, .cogs.cogs-inputexp-container .cogs-inputexp-disabled:hover input, .cogs.cogs-inputexp-container .cogs-inputexp-disabled.Mui-focused input {
  cursor: not-allowed;
}
.cogs.cogs-inputexp-container .cogs-inputexp-disabled input::placeholder, .cogs.cogs-inputexp-container .cogs-inputexp-disabled:hover input::placeholder, .cogs.cogs-inputexp-container .cogs-inputexp-disabled.Mui-focused input::placeholder {
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-inputexp-container .cogs-inputexp-disabled:hover, .cogs.cogs-inputexp-container .cogs-inputexp-disabled.Mui-focused, .cogs.cogs-inputexp-container .cogs-inputexp-disabled:hover:hover, .cogs.cogs-inputexp-container .cogs-inputexp-disabled:hover.Mui-focused, .cogs.cogs-inputexp-container .cogs-inputexp-disabled.Mui-focused:hover, .cogs.cogs-inputexp-container .cogs-inputexp-disabled.Mui-focused.Mui-focused {
  border-color: transparent;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment {
  align-items: center;
  display: flex;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment--size-medium, .cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment--size-large {
  gap: 8px;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment--size-small {
  gap: 6px;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-start .cogs-micro {
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-start-icon {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-start--size-medium, .cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-start--size-large {
  margin-right: 8px;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-start--size-small {
  margin-right: 6px;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end--size-small {
  height: calc(28px - 2px * 2);
  height: calc(28px - var(--cogs-border-width--default) * 2);
  margin-left: 6px;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end--size-small .cogs-inputexp-number-arrow {
  height: calc((28px - 2px * 2) / 2 - 2px);
  height: calc((28px - var(--cogs-border-width--default) * 2) / 2 - var(--cogs-border-width--default));
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end--size-medium {
  height: calc(36px - 2px * 2);
  height: calc(36px - var(--cogs-border-width--default) * 2);
  margin-left: 8px;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end--size-medium .cogs-inputexp-number-arrow {
  height: calc((36px - 2px * 2) / 2 - 2px);
  height: calc((36px - var(--cogs-border-width--default) * 2) / 2 - var(--cogs-border-width--default));
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end--size-large {
  height: calc(40px - 2px * 2);
  height: calc(40px - var(--cogs-border-width--default) * 2);
  margin-left: 8px;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end--size-large .cogs-inputexp-number-arrow {
  height: calc((40px - 2px * 2) / 2 - 2px);
  height: calc((40px - var(--cogs-border-width--default) * 2) / 2 - var(--cogs-border-width--default));
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container {
  border-left: 2px solid rgba(83, 88, 127, 0.16);
  border-left: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--default);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrow {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex: 1 1;
  line-height: 0;
  padding: 0;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrow-up {
  align-items: flex-end;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrow-down {
  align-items: flex-start;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrow:hover:not(:disabled) {
  background-color: rgba(34, 42, 83, 0.06);
  background-color: var(--cogs-themed-surface--interactive--hover);
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrow:active:not(:disabled) {
  background-color: rgba(34, 42, 83, 0.1);
  background-color: var(--cogs-themed-surface--interactive--pressed);
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrow:disabled {
  cursor: not-allowed;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrow .cogs-input-number-arrow-icon {
  align-items: center;
  display: flex;
  height: 100%;
}
.cogs.cogs-inputexp-container .cogs-inputexp .cogs-inputexp-adornment-end .cogs-inputexp-number-arrows-container .cogs-inputexp-number-arrows-divider {
  border-bottom: 2px solid rgba(83, 88, 127, 0.16);
  border-bottom: 2px solid var(--cogs-themed-border--interactive--default);
  height: 0;
  width: 100%;
}
.cogs.cogs-inputexp-container .cogs-inputexp-help-text {
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
  display: block;
  margin-top: 4px;
}
.cogs.cogs-inputexp-container .cogs-inputexp-status-text-container {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.cogs.cogs-inputexp-container .cogs-inputexp-status-text-container .cogs-inputexp-status-icon--status-critical {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-inputexp-container .cogs-inputexp-status-text-container .cogs-inputexp-status-icon--status-success {
  color: rgb(44, 105, 53);
  color: var(--cogs-themed-text-icon--status-success);
}
.cogs.cogs-inputexp-container .cogs-inputexp-status-text-container .cogs-inputexp-status-icon--status-warning {
  color: rgb(143, 76, 15);
  color: var(--cogs-themed-text-icon--status-warning);
}
.cogs.cogs-inputexp-container .cogs-inputexp-status-text-container .cogs-inputexp-status-text--status-critical {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-inputexp-container .cogs-inputexp-status-text-container .cogs-inputexp-status-text--status-success {
  color: rgb(44, 105, 53);
  color: var(--cogs-themed-text-icon--status-success);
}
.cogs.cogs-inputexp-container .cogs-inputexp-status-text-container .cogs-inputexp-status-text--status-warning {
  color: rgb(143, 76, 15);
  color: var(--cogs-themed-text-icon--status-warning);
}

.cogs.cogs-link[aria-disabled=true] {
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-info--wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.cogs-info--wrapper .cogs-info--title {
  margin: 16px 0 8px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.cogs-info--wrapper .loader-text--white {
  color: #ffffff;
  color: var(--cogs-white);
}
.cogs-info--wrapper .loader-text--black {
  color: #1f1f1f;
  color: var(--cogs-black);
}
.cogs-info--wrapper .cogs-info--text-wrapper {
  position: relative;
  left: calc(50% - 300px);
  width: 600px;
  background: transparent;
  box-shadow: none;
  text-align: center;
  white-space: pre-wrap;
}
.cogs-info--wrapper .cogs-info--text-wrapper .cogs-info--text {
  width: 400px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
}

.cogs-loader {
  --silo-height: calc(var(--width) * 0.3);
  --silo-width: calc(var(--width) * 0.09);
  --silo-height-animate: calc(var(--width) * -0.3);
  --silo-width-animate: calc(var(--width) * -0.125);
  --animation-length: var(--animation-duration);
  position: fixed;
  top: 45%;
  left: 50%;
  display: flex;
  width: var(--width);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transform: translate3d(calc(var(--width) / -2), calc(var(--width) * -0.3), 0);
  will-change: transform;
}
.cogs-loader > div {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.cogs-loader > div > div {
  width: var(--silo-width);
  height: var(--silo-height);
  background: #ffffff;
  box-shadow: var(--dark-mode);
}
.cogs-loader .has-no-text {
  top: 50%;
}
.cogs-loader .upper > div:before,
.cogs-loader .lower > div {
  animation-direction: alternate;
  animation-duration: var(--animation-length);
  animation-iteration-count: infinite;
  animation-name: breakSilos;
  animation-timing-function: ease-out;
}
.cogs-loader .upper > div:before {
  position: relative;
  top: var(--silo-height);
  display: block;
  width: var(--silo-width);
  height: var(--silo-height);
  content: "";
}
.cogs-loader .upper > div:nth-child(1):before {
  animation-delay: 0.3s;
  background-image: linear-gradient(to right, #ffc0cb, rgb(186, 93, 0));
  background-image: linear-gradient(to right, #ffc0cb, var(--cogs-surface--status-warning--strong--default));
}
.cogs-loader .upper > div:nth-child(2):before {
  animation-delay: 0.4s;
  background-image: linear-gradient(to right, #800080, #ffc0cb);
}
.cogs-loader .upper > div:nth-child(3):before {
  animation-delay: 0.5s;
  background-image: linear-gradient(to right, rgb(186, 93, 0), #ffff00);
  background-image: linear-gradient(to right, var(--cogs-surface--status-warning--strong--default), #ffff00);
}
.cogs-loader .upper > div:nth-child(4):before {
  animation-delay: 0.6s;
  background-image: linear-gradient(to right, #add8e6, var(--cogs-surface--action-strong--default));
}
.cogs-loader .lower > div:nth-child(1) {
  animation-delay: 0.1s;
}
.cogs-loader .lower > div:nth-child(2) {
  animation-delay: 0.2s;
}
.cogs-loader .lower > div:nth-child(3) {
  animation-delay: 0.3s;
}
.cogs-loader .lower > div:nth-child(4) {
  animation-delay: 0.4s;
}
@keyframes breakSilos {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0, 0);
  }
  45% {
    transform: translate(var(--silo-width-animate), 0);
  }
  55% {
    transform: translate(var(--silo-width-animate), 0);
  }
  90% {
    transform: translate(var(--silo-width-animate), var(--silo-height-animate));
  }
  100% {
    transform: translate(var(--silo-width-animate), var(--silo-height-animate));
  }
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-menu, .cogs-select__menu, .cogs-menu-item .cogs-menu-submenu, .cogs-select__option .cogs-menu-submenu {
  display: flex;
  flex-direction: column;
  padding: 8px;
  background: rgb(255, 255, 255);
  background: var(--cogs-themed-surface--muted);
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
  min-width: 156px;
  max-width: 386px;
  background-image: none;
  background-image: var(--cogs-themed-overlay--elevation--overlay);
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
}
.cogs-menu--loading {
  min-height: 128px;
}
.cogs-menu__loading-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 100%;
  width: 100%;
  margin: auto 0;
}
.cogs-menu .cogs-divider, .cogs-select__menu .cogs-divider, .cogs-menu-item .cogs-menu-submenu .cogs-divider, .cogs-select__option .cogs-menu-submenu .cogs-divider {
  width: calc(100% + 16px);
  max-width: calc(100% + 16px);
  margin: 4px -16px;
}
.cogs-menu .cogs-menu-footer, .cogs-select__menu .cogs-menu-footer, .cogs-menu-item .cogs-menu-submenu .cogs-menu-footer, .cogs-select__option .cogs-menu-submenu .cogs-menu-footer {
  padding: 8px 4px;
  font-weight: 400;
}
.cogs-menu .cogs-menu--show-on-hover, .cogs-select__menu .cogs-menu--show-on-hover, .cogs-menu-item .cogs-menu-submenu .cogs-menu--show-on-hover, .cogs-select__option .cogs-menu-submenu .cogs-menu--show-on-hover {
  opacity: 0;
}

.cogs-menu-header {
  padding: 8px 12px 8px 8px;
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}

.cogs-menu-item, .cogs-select__option {
  border: none;
  background: transparent;
  position: relative;
  display: flex;
  gap: 8px;
  width: 100%;
  align-items: center;
  padding: 8px;
  margin: 0;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: background-color 200ms;
  transition: background-color var(--cogs-transition-time-fast);
}
.cogs-menu-item:hover, .cogs-select__option:hover, .cogs-menu-item.hover, .hover.cogs-select__option {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  background-color: rgba(34, 42, 83, 0.06);
  background-color: var(--cogs-themed-surface--interactive--hover);
}
.cogs-menu-item:has(input[type=checkbox]:checked):not(.cogs-menu-item--disabled), .cogs-select__option:has(input[type=checkbox]:checked):not(.cogs-menu-item--disabled) {
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
}
.cogs-menu-item:has(input[type=checkbox]:checked):not(.cogs-menu-item--disabled):hover, .cogs-select__option:has(input[type=checkbox]:checked):not(.cogs-menu-item--disabled):hover {
  color: rgb(52, 71, 150);
  color: var(--cogs-themed-text-icon--interactive--hover);
  background-color: rgba(74, 103, 251, 0.12);
  background-color: var(--cogs-themed-surface--interactive--toggled-hover);
}
.cogs-menu-item:visited, .cogs-select__option:visited {
  color: inherit;
}
.cogs-menu-item:focus-visible, .cogs-select__option:focus-visible, .cogs-menu-item:not(:has(.cogs-menu-item__action-button:focus)):focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
  outline: none;
}
.cogs-menu-item:active, .cogs-select__option:active, .cogs-menu-item.active, .active.cogs-select__option {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  background-color: rgba(34, 42, 83, 0.1);
  background-color: var(--cogs-themed-surface--interactive--pressed);
}
.cogs-menu-item[data-projection-id], [data-projection-id].cogs-select__option {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.cogs-menu-item.cogs-menu-item--toggled, .cogs-menu-item--toggled.cogs-select__option {
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
}
.cogs-menu-item.cogs-menu-item--toggled:hover, .cogs-menu-item--toggled.cogs-select__option:hover, .cogs-menu-item.cogs-menu-item--toggled.hover, .cogs-menu-item--toggled.hover.cogs-select__option {
  color: rgb(52, 71, 150);
  color: var(--cogs-themed-text-icon--interactive--hover);
  background-color: rgba(74, 103, 251, 0.12);
  background-color: var(--cogs-themed-surface--interactive--toggled-hover);
}
.cogs-menu-item.cogs-menu-item--toggled:active, .cogs-menu-item--toggled.cogs-select__option:active {
  color: rgb(41, 55, 128);
  color: var(--cogs-themed-text-icon--interactive--pressed);
  background-color: rgba(74, 103, 251, 0.18);
  background-color: var(--cogs-themed-surface--interactive--toggled-pressed);
}
.cogs-menu-item.cogs-menu-item--disabled, .cogs-menu-item--disabled.cogs-select__option {
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-themed-surface--misc-transparent);
  cursor: not-allowed;
}
.cogs-menu-item.cogs-menu-item--disabled:hover, .cogs-menu-item--disabled.cogs-select__option:hover, .cogs-menu-item.cogs-menu-item--disabled.hover, .cogs-menu-item--disabled.hover.cogs-select__option {
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-themed-surface--misc-transparent);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs-menu-item.cogs-menu-item--disabled .cogs-menu-item__action-button, .cogs-menu-item--disabled.cogs-select__option .cogs-menu-item__action-button {
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs-menu-item.cogs-menu-item--destructive, .cogs-menu-item--destructive.cogs-select__option {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs-menu-item.cogs-menu-item--destructive:hover, .cogs-menu-item--destructive.cogs-select__option:hover, .cogs-menu-item.cogs-menu-item--destructive.hover, .cogs-menu-item--destructive.hover.cogs-select__option {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
  background-color: rgba(223, 63, 55, 0.12);
  background-color: var(--cogs-themed-surface--status-critical--muted--hover);
}
.cogs-menu-item.cogs-menu-item--destructive:active, .cogs-menu-item--destructive.cogs-select__option:active {
  background-color: rgba(223, 64, 55, 0.16);
  background-color: var(--cogs-themed-surface--status-critical--muted--pressed);
}
.cogs-menu-item .cogs-menu-submenu, .cogs-select__option .cogs-menu-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.cogs-menu-item:hover .cogs-menu-submenu, .cogs-select__option:hover .cogs-menu-submenu, .cogs-menu-item:active .cogs-menu-submenu, .cogs-select__option:active .cogs-menu-submenu, .cogs-menu-item:focus-within .cogs-menu-submenu, .cogs-select__option:focus-within .cogs-menu-submenu, .cogs-menu-item.focus .cogs-menu-submenu, .focus.cogs-select__option .cogs-menu-submenu {
  display: flex;
}
.cogs-menu-item__container {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  gap: 8px;
  max-width: 100%;
}
.cogs-menu-item__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2px;
  flex-grow: 1;
  overflow: hidden;
}
.cogs-menu-item__content__title {
  display: block;
  flex-grow: 1;
  text-align: start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 20px;
}
.cogs-menu-item__content__description {
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cogs-menu-item__content__toggled {
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
}
.cogs-menu-item__column {
  min-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  flex-grow: 0;
  flex-shrink: 0;
}
.cogs-menu-item__action-button__container {
  margin-top: -4px;
  margin-bottom: -4px;
  max-height: 28px;
  align-self: center;
}
.cogs-menu-item__action-button .cogs-icon {
  color: inherit;
}
.cogs-menu-item .cogs-icon, .cogs-select__option .cogs-icon {
  flex-grow: 0;
  flex-shrink: 0;
  color: inherit;
}
.cogs-menu-item .cogs-detail, .cogs-select__option .cogs-detail, .cogs-menu-item .cogs-modal-subtitle, .cogs-select__option .cogs-modal-subtitle {
  color: inherit;
  text-align: start;
}
.cogs-menu-item .cogs-switch .switch-ui, .cogs-select__option .cogs-switch .switch-ui {
  margin-right: 0;
}
.cogs-menu-item .cogs-menu-arrow, .cogs-select__option .cogs-menu-arrow {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
}
.cogs-menu-item:hover .cogs-menu--show-on-hover, .cogs-select__option:hover .cogs-menu--show-on-hover {
  opacity: 1;
}

.cogs.cogs-modal {
  overflow: hidden;
  position: fixed;
  left: 50%;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
  border-radius: 12px;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
.cogs.cogs-modal--position-center {
  top: 50%;
  transform: translate(-50%, -50%);
}
.cogs.cogs-modal--position-top {
  top: 16px;
  transform: translate(-50%, 0);
}
.cogs.cogs-modal--no-footer {
  padding-bottom: 16px;
}
.cogs.cogs-modal--full-screen {
  display: flex;
  flex-direction: column;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
}
.cogs.cogs-modal--full-screen .cogs-modal__content {
  flex-grow: 1;
}
.cogs.cogs-modal--x-large {
  width: 1380px;
}
.cogs.cogs-modal--large {
  width: 840px;
}
.cogs.cogs-modal--medium {
  width: 620px;
}
.cogs.cogs-modal--small {
  width: 400px;
}
.cogs.cogs-modal--x-small {
  width: 264px;
}
.cogs.cogs-modal--x-small .cogs-modal-footer {
  height: 48px;
  align-items: flex-start;
  padding: 8px 16px 20px 16px;
}
.cogs.cogs-modal--x-small .cogs-modal__content {
  padding: 0px 16px;
}
.cogs.cogs-modal--x-small.cogs-modal--no-footer {
  padding-bottom: 0;
}
.cogs.cogs-modal--x-small.cogs-modal--no-footer .cogs-modal-close-button {
  display: block;
}
.cogs.cogs-modal--x-small.cogs-modal--no-footer .cogs-modal__content {
  max-width: calc(100% - 44px);
  padding: 16px;
  margin-bottom: 0;
}
.cogs.cogs-modal--x-small.cogs-modal--no-footer.cogs-modal--not-closable .cogs-modal-close-button {
  display: none;
}
.cogs.cogs-modal--x-small.cogs-modal--no-footer.cogs-modal--not-closable .cogs-modal__content {
  max-width: 100%;
}
.cogs.cogs-modal--show-borders .cogs-modal-header {
  border-bottom: 1px solid rgb(217, 217, 217);
  border-bottom: 1px solid var(--cogs-themed-border--muted);
}
.cogs.cogs-modal--show-borders .cogs-modal-footer {
  border-top: 1px solid rgb(217, 217, 217);
  border-top: 1px solid var(--cogs-themed-border--muted);
}
.cogs.cogs-modal-enter, .cogs.cogs-modal-appear {
  opacity: 0;
}
.cogs.cogs-modal-enter.cogs.cogs-modal--position-center, .cogs.cogs-modal-appear.cogs.cogs-modal--position-center {
  transform: translate(-50%, calc(-50% - 5px));
}
.cogs.cogs-modal-enter.cogs.cogs-modal--position-top, .cogs.cogs-modal-appear.cogs.cogs-modal--position-top {
  transform: translate(-50%, -5px);
}
.cogs.cogs-modal-enter-active, .cogs.cogs-modal-appear-active {
  opacity: 1;
  transition: transform 260ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 260ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform var(--cogs-transition-time) var(--cogs-ease-out), opacity var(--cogs-transition-time) var(--cogs-ease-out);
}
.cogs.cogs-modal-enter-active.cogs.cogs-modal--position-center, .cogs.cogs-modal-appear-active.cogs.cogs-modal--position-center {
  transform: translate(-50%, -50%);
}
.cogs.cogs-modal-enter-active.cogs.cogs-modal--position-top, .cogs.cogs-modal-appear-active.cogs.cogs-modal--position-top {
  transform: translate(-50%, 0);
}
.cogs.cogs-modal-exit {
  opacity: 1;
}
.cogs.cogs-modal-exit.cogs.cogs-modal--position-center {
  transform: translate(-50%, -50%);
}
.cogs.cogs-modal-exit.cogs.cogs-modal--position-top {
  transform: translate(-50%, 0);
}
.cogs.cogs-modal-exit-active {
  opacity: 0;
  transition: transform 260ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 260ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform var(--cogs-transition-time) var(--cogs-ease-out), opacity var(--cogs-transition-time) var(--cogs-ease-out);
}
.cogs.cogs-modal-exit-active.cogs.cogs-modal--position-center {
  transform: translate(-50%, calc(-50% + 5px));
}
.cogs.cogs-modal-exit-active.cogs.cogs-modal--position-top {
  transform: translate(-50%, 5px);
}

.cogs-modal-backdrop {
  position: fixed;
  z-index: 1000;
  inset: 0;
  overflow: auto;
  background-color: rgba(71, 71, 71, 0.4);
  background-color: var(--cogs-themed-surface--misc-backdrop);
}

.cogs-modal-header {
  color: inherit;
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: start;
  padding-top: 14px;
  padding-right: 60px;
  padding-bottom: 14px;
  padding-left: 16px;
}
.cogs-modal-header--with-icon {
  gap: 8px;
}
.cogs-modal-header--with-back-button {
  padding-left: 8px;
}

.cogs-modal-title-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-x: hidden;
}

.cogs-modal-title,
.cogs-modal-subtitle {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cogs-modal-subtitle {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}

.cogs-modal-close-button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 14px 12px 0 12px;
}

.cogs-modal__content-container {
  flex: 1 1;
  overflow: auto;
}
.cogs-modal__content-container .cogs-modal__content {
  max-height: 100%;
  padding: 0 16px;
}
.cogs-modal__content-container .cogs-modal__content--hide-paddings {
  padding: 0;
}

.cogs-modal-footer {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 14px 16px;
}
.cogs-modal-footer--with-additional-actions {
  justify-content: space-between;
  padding-left: 8px;
}

.cogs-modal-footer-buttons-container {
  display: flex;
}

.cogs-modal-footer-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cogs--walkthrough footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-notification-dot {
  position: relative;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -webkit-min-content;
  min-width: min-content;
  max-width: -webkit-max-content;
  max-width: max-content;
}
.cogs-notification-dot__element {
  position: relative;
}
.cogs-notification-dot__bubble {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 12px;
  min-height: 12px;
  border: 2px solid rgb(255, 255, 255);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-surface--muted);
  background: rgb(189, 36, 28);
  background: var(--cogs-themed-surface--status-critical--strong--default);
  border-radius: 4px;
}
.cogs-notification-dot__bubble--with-text {
  min-width: 16px;
  min-height: 16px;
  padding: 1px 2px;
  color: rgb(255, 255, 255);
  color: var(--cogs-themed-text-icon--on-contrast--strong);
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
  pointer-events: none;
  text-align: center;
}
.cogs-notification-dot__bubble--elevated {
  box-shadow: 0px 1px 1px rgba(79, 82, 104, 0.08), 0px 2px 2px rgba(79, 82, 104, 0.08), 0px 2px 4px rgba(79, 82, 104, 0.06);
}
.cogs-notification-dot .cogs-themed--inverted.cogs-notification-dot__bubble--elevated {
  box-shadow: none;
}

.cogs.cogs-pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
}
.cogs.cogs-pagination .cogs-pagination-input-wrapper {
  position: relative;
  display: flex;
  min-width: 86px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border: 2px solid rgba(83, 88, 127, 0.16);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--default);
  border-radius: 4px;
  transition: border-color 200ms;
  transition: border-color var(--cogs-transition-time-fast);
}
.cogs.cogs-pagination .cogs-pagination-input-wrapper:hover {
  border: 2px solid rgb(110, 133, 252);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--hover);
}
.cogs.cogs-pagination .cogs-pagination-input-wrapper:focus-within {
  border: 2px solid rgb(74, 103, 251);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--toggled-default);
}
.cogs.cogs-pagination .cogs-pagination-separator {
  position: absolute;
  left: 45%;
  width: 10%;
  overflow: visible;
  text-align: center;
}
.cogs.cogs-pagination--elevated {
  padding: 6px;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
  border-radius: 8px;
  box-shadow: var(--cogs-themed-elevation--overlay);
}
.cogs.cogs-pagination .cogs-pagination-counter {
  position: absolute;
  top: 0;
  left: 55%;
  width: 45%;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0;
  text-align: left;
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}
.cogs.cogs-pagination .cogs-pagination-input {
  padding: 0;
  position: absolute;
  background-color: transparent !important;
  width: 45%;
  left: 0;
  border: none !important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  text-align: right;
}
.cogs.cogs-pagination .cogs-select__menu {
  width: 132px;
  max-height: 200px;
}
.cogs.cogs-pagination .cogs-select__control {
  height: 36px;
  min-height: 0;
  min-height: initial;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
}
.cogs.cogs-pagination.cogs-pagination--size-small--elevated {
  padding: 4px;
  border-radius: 6px;
}
.cogs.cogs-pagination.cogs-pagination--size-small .cogs-select__control {
  height: 28px;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-popconfirm-wrapper:focus {
  outline: none;
}

.cogs-popconfirm {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: none !important;
  max-width: initial !important;
  padding: 12px 16px;
  background-color: white;
  color: #1f1f1f;
  color: var(--cogs-black);
}
.cogs-popconfirm--content {
  display: flex;
  white-space: nowrap;
}
.cogs-popconfirm--content .cogs-icon {
  margin-top: 2px;
  margin-right: 8px;
}
.cogs-popconfirm--actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.cogs-popconfirm--actions button:not(:last-child) {
  margin-right: 8px;
}
.cogs-popconfirm .tippy-arrow {
  color: white;
}
.cogs-popconfirm .tippy-content {
  padding: 0;
}

/* stylelint-disable declaration-property-value-allowed-list */
.tippy-box.primary {
  background: rgb(74, 103, 251);
  background: var(--cogs-surface--action--strong--default);
}
.tippy-box.primary .tippy-arrow {
  color: rgb(74, 103, 251);
  color: var(--cogs-surface--action--strong--default);
}

.cogs-presence-dot {
  position: relative;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: -webkit-min-content;
  min-width: min-content;
  max-width: -webkit-max-content;
  max-width: max-content;
}
.cogs-presence-dot__element {
  position: relative;
}
.cogs-presence-dot__bubble {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 12px;
  height: 12px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  border: 2px solid rgb(255, 255, 255);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-text-icon--on-contrast--strong);
  border-radius: 4px;
  background: rgb(186, 93, 0);
  background: var(--cogs-themed-surface--status-warning--strong--default);
}
.cogs-presence-dot__online {
  background: rgb(44, 133, 79);
  background: var(--cogs-themed-surface--status-success--strong--default);
}
.cogs-presence-dot__offline {
  background: rgb(117, 117, 117);
  background: var(--cogs-themed-surface--status-undefined--strong--default);
}

.cogs.cogs-promochip {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: rgb(43, 58, 136);
  color: var(--cogs-decorative--blue--700);
  background-color: rgb(237, 240, 255);
  background-color: var(--cogs-decorative--blue--100);
  padding: 3.5px 6px 4.5px 6px;
  border-radius: 100px;
  font-size: 10px;
  font-size: var(--cogs-overline-small-font-size);
  letter-spacing: 0.4px;
  letter-spacing: var(--cogs-overline-small-letter-spacing);
  line-height: 12px;
  line-height: var(--cogs-overline-small-line-height);
  font-weight: 600;
  max-width: 200px;
}
.cogs.cogs-promochip__text {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cogs.cogs-promochip--dense {
  height: 16px;
  padding: 1.5px 6px 2.5px 6px;
}

.cogs.cogs-radio {
  --Radio-size: 16px;
  --Radio-color: var(--cogs-themed-surface--action--strong--default);
  --Radio-color-hover: var(--cogs-themed-surface--action--strong--hover);
  --Radio-color-pressed: var(--cogs-themed-surface--action--strong--pressed);
  --Radio-border: var(--cogs-themed-border--interactive--default--alt);
  --Radio-border-hover: var(--cogs-themed-border--interactive--hover);
  --Radio-border-pressed: var(
    --cogs-themed-border--interactive--toggled-default
  );
  color: var(--Radio-color);
  transition: all 200ms;
  transition: all var(--cogs-transition-time-fast);
  cursor: pointer;
}
.cogs.cogs-radio .cogs-radio__radio {
  border: 2px solid var(--Radio-border);
  border: var(--cogs-border-width--default) solid var(--Radio-border);
  transition: all 200ms;
  transition: all var(--cogs-transition-time-fast);
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
  position: relative;
  color: transparent;
  margin: 4px 0 4px 2px;
}
.cogs.cogs-radio .cogs-radio__radio::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 8px;
  height: 8px;
  width: 8px;
}
.cogs.cogs-radio:hover .cogs-radio__radio {
  border: 2px solid var(--Radio-border-hover);
  border: var(--cogs-border-width--default) solid var(--Radio-border-hover);
}
.cogs.cogs-radio:active .cogs-radio__radio {
  border: 2px solid var(--Radio-border-pressed);
  border: var(--cogs-border-width--default) solid var(--Radio-border-pressed);
}
.cogs.cogs-radio .cogs-radio__label {
  font-family: inherit;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 4px 2px 4px 10px;
  margin-left: 0;
  cursor: pointer;
}
.cogs.cogs-radio.Joy-checked:not(.cogs.cogs-radio.cogs-radio--disabled) .cogs-radio__radio {
  border-color: var(--Radio-color);
}
.cogs.cogs-radio.Joy-checked:not(.cogs.cogs-radio.cogs-radio--disabled) .cogs-radio__radio::after {
  background: var(--Radio-color);
  transition: all 200ms;
  transition: all var(--cogs-transition-time-fast);
}
.cogs.cogs-radio.Joy-checked:not(.cogs.cogs-radio.cogs-radio--disabled):hover .cogs-radio__radio {
  border: 2px solid var(--Radio-color-hover);
  border: var(--cogs-border-width--default) solid var(--Radio-color-hover);
}
.cogs.cogs-radio.Joy-checked:not(.cogs.cogs-radio.cogs-radio--disabled):hover .cogs-radio__radio::after {
  background-color: var(--Radio-color-hover);
}
.cogs.cogs-radio.Joy-checked:not(.cogs.cogs-radio.cogs-radio--disabled):active .cogs-radio__radio {
  border: 2px solid var(--Radio-color-pressed);
  border: var(--cogs-border-width--default) solid var(--Radio-color-pressed);
}
.cogs.cogs-radio.Joy-checked:not(.cogs.cogs-radio.cogs-radio--disabled):active .cogs-radio__radio::after {
  background-color: var(--Radio-color-pressed);
}
.cogs.cogs-radio.cogs-radio--disabled {
  cursor: not-allowed;
}
.cogs.cogs-radio.cogs-radio--disabled .cogs-radio__radio {
  cursor: not-allowed;
  border-color: rgba(0, 0, 0, 0.06);
  border-color: var(--cogs-themed-border--interactive--disabled);
  background-color: rgba(0, 0, 0, 0.03);
  background-color: var(--cogs-themed-surface--interactive--disabled);
}
.cogs.cogs-radio.cogs-radio--disabled.Joy-checked .cogs-radio__radio::after {
  background-color: rgba(0, 0, 0, 0.06);
  background-color: var(--cogs-themed-surface--interactive--disabled--alt);
}
.cogs.cogs-radio.cogs-radio--disabled .cogs-radio__label {
  cursor: not-allowed;
}

.cogs.cogs-html.cogs-radio {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  line-height: var(--Radio-size);
}
.cogs.cogs-html.cogs-radio .cogs-radio__radio {
  box-sizing: border-box;
  width: var(--Radio-size);
  height: var(--Radio-size);
  border-radius: var(--Radio-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.cogs.cogs-html.cogs-radio.cogs-radio--checked .cogs-radio__radio {
  border-color: var(--Radio-color);
}
.cogs.cogs-html.cogs-radio.cogs-radio--checked .cogs-radio__radio:after {
  background: var(--Radio-color);
}

.cogs.cogs-segmented-control .cogs-segmented-control__list {
  display: inline-flex;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  background-color: rgba(83, 88, 127, 0.08);
  background-color: var(--cogs-surface--action--muted--default);
  padding: 2px;
  width: auto;
  height: 36px;
  height: var(--cogs-size--default);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--disabled {
  background-color: rgba(0, 0, 0, 0.03);
  background-color: var(--cogs-surface--interactive--disabled);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--size-small {
  height: 28px;
  height: var(--cogs-size--small);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--size-small .cogs-segmented-control__list__button {
  padding-top: 4px;
  padding-bottom: 4px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--size-small .cogs-segmented-control__list__button:not(:first-child) {
  margin-left: 4px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--size-small .cogs-segmented-control__list__button--icon-only {
  padding: 4px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--full-width {
  width: 100%;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--full-width .cogs-segmented-control__list__button {
  flex-grow: 1;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 8px;
  height: 100%;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  line-height: var(--cogs-t5-line-height);
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-themed-surface--misc-transparent);
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button:not(:first-child) {
  margin-left: 2px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button--disabled {
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  cursor: not-allowed;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button--disabled[aria-selected=true] {
  border: 2px solid rgba(0, 0, 0, 0.06);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--disabled);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button__text {
  padding: 0 4px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button .cogs-segmented-control__list__button__icon--left {
  margin-right: 2px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button .cogs-segmented-control__list__button__icon--right {
  margin-left: 2px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button--icon-only {
  padding: 8px;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list .cogs-segmented-control__list__button--icon-only .cogs-segmented-control__list__button__icon {
  margin: 0;
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--type-default {
  background-color: rgba(83, 88, 127, 0.08);
  background-color: var(--cogs-themed-surface--action--muted--default);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--type-default .cogs-segmented-control__list__button[aria-selected=true]:not(.cogs-segmented-control__list__button--disabled) {
  cursor: default;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--on--action--muted--default);
  box-shadow: 0px 1px 2px 1px
      rgba(79, 82, 104, 0.04),
    0px 1px 1px 1px rgba(79, 82, 104, 0.06);
  box-shadow: var(--cogs-elevation--surface--non-interactive);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--type-default .cogs-segmented-control__list__button:hover:not(.cogs-segmented-control__list__button--disabled):not([aria-selected=true]) {
  background-color: rgba(255, 255, 255, 0.5);
  background-color: var(--cogs-themed-surface--on--action--muted--hover);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--type-ghost {
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-themed-surface--misc-transparent);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--type-ghost .cogs-segmented-control__list__button[aria-selected=true]:not(.cogs-segmented-control__list__button--disabled) {
  cursor: default;
  background-color: rgba(83, 88, 127, 0.24);
  background-color: var(--cogs-themed-surface--action--muted--default--alt);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-segmented-control .cogs-segmented-control__list--type-ghost .cogs-segmented-control__list__button:hover:not(.cogs-segmented-control__list__button--disabled):not([aria-selected=true]) {
  background-color: rgba(83, 88, 127, 0.12);
  background-color: var(--cogs-themed-surface--action--muted--hover);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, color-hex, function-disallowed-list, color-named */
.cogs-select {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  gap: 6px;
}
.cogs-select__label {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
  font-weight: 500;
}
.cogs-select--container {
  width: 100%;
}
.cogs-select.group-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.cogs-select--disable-typing {
  cursor: default;
}
.cogs-select__group {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.cogs-select__group-heading {
  padding-left: 0 !important;
  text-transform: none !important;
}
.cogs-select--disabled {
  background: #e8e8e8;
  background: var(--cogs-greyscale-grey3);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  -webkit-user-select: none;
          user-select: none;
}
.cogs-select--disabled .cogs-select__control {
  border: 2px solid #e8e8e8;
  border: var(--cogs-border-width--default) solid var(--cogs-greyscale-grey3);
  cursor: not-allowed;
  pointer-events: all;
}
.cogs-select__control {
  display: flex;
  width: 100%;
  min-height: 36px;
  border: 2px solid #d9d9d9;
  border: var(--cogs-border-width--default) solid var(--cogs-border-default);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  transition: border 200ms linear;
  transition: border var(--cogs-transition-time-fast) linear;
}
.cogs-select__control--menu-is-open {
  border: 2px solid #6e85fc;
  border: var(--cogs-border-width--default) solid var(--cogs-midblue-4);
}
.cogs-select__control .cogs-select__value-container {
  display: flex;
  align-items: center;
  padding: 0;
  font-weight: 400;
}
.cogs-select__control .cogs-select__value-container:first-child {
  padding: 0 8px;
}
.cogs-select__control .cogs-select__value-container .cogs-select__multi-value .cogs-select__multi-value__remove {
  display: flex;
  align-items: center;
  margin: 4px;
  cursor: pointer;
}
.cogs-select__control .cogs-select__value-container .cogs-select__multi-value .cogs-select__multi-value__remove:hover {
  background-color: transparent;
  background-color: initial;
  color: inherit;
}
.cogs-select--title {
  display: flex;
  align-items: center;
  padding: 0 4px 0 12px;
  font-weight: 600;
  line-height: 20px;
}
.cogs-select__option {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 8px 12px;
  color: #262626;
  color: var(--cogs-text-color);
  transition: color 200ms, background 200ms;
  transition: color var(--cogs-transition-time-fast), background var(--cogs-transition-time-fast);
}
.cogs-select__option--is-focused, .cogs-select__option:hover {
  background-color: #edf0ff;
  background-color: var(--cogs-midblue-7);
  cursor: default;
}
.cogs-select__option .cogs-icon--type-checkmark {
  margin-right: 0;
}
.cogs-select__option--is-selected {
  color: #4a67fb;
  color: var(--cogs-text-accent);
}
.cogs-select__option--is-selected:hover {
  background: rgba(74, 103, 251, 0.05);
  background: var(--cogs-bg-status-large--default);
}
.cogs-select__option--is-selected:active {
  background: rgba(74, 103, 251, 0.1);
  background: var(--cogs-bg-control--toggled);
}
.cogs-select__option--is-disabled {
  color: #8c8c8c;
  color: var(--cogs-text-hint);
  pointer-events: all;
}
.cogs-select__single-value {
  font-weight: 400;
  line-height: 20px;
}
.cogs-select__single-value.cogs-select__single-value {
  color: #262626;
  color: var(--cogs-text-color);
}
.cogs-select__indicators .cogs-select__dropdown-indicator {
  color: #8c8c8c;
  color: var(--cogs-greyscale-grey6);
}
.cogs-select__indicators .cogs-select__clear-indicator {
  color: #bfbfbf;
  color: var(--cogs-greyscale-grey5);
}
.cogs-select.ghost .cogs-select--container .cogs-select__control {
  border: none;
}
.cogs-select.ghost .cogs-select--title {
  border: none;
}
.cogs-select.grey .cogs-select__control {
  border: 2px solid #f1f1f1;
  border: var(--cogs-border-width--default) solid var(--cogs-bg-control--secondary);
  background-color: #f1f1f1;
  background-color: var(--cogs-bg-control--secondary);
}
.cogs-select.grey .cogs-select__control--menu-is-open {
  border: 2px solid #6e85fc;
  border: var(--cogs-border-width--default) solid var(--cogs-midblue-4);
  background-color: #ffffff;
  background-color: var(--cogs-white);
}
.cogs-select.grey .cogs-select__multi-value {
  background-color: #fafafa;
  background-color: var(--cogs-greyscale-grey1);
}
.cogs-select.grey .cogs-select__multi-value__remove {
  cursor: pointer;
}
.cogs-select.dark .cogs-select__control {
  border: medium none currentColor;
  border: initial;
  background-color: #404040;
  background-color: var(--cogs-greyscale-grey8);
  color: white;
}
.cogs-select.dark .cogs-select__single-value {
  color: white;
}
.cogs-select.dark .cogs-select__multi-value .cogs-select__multi-value__remove {
  color: #262626;
  color: var(--cogs-text-color);
  cursor: pointer;
}
.cogs-select.dark .cogs-select__multi-value .cogs-select__multi-value__remove:hover {
  color: #262626 !important;
  color: var(--cogs-text-color) !important;
}
.cogs-select.dark .cogs-select__indicators .cogs-select__dropdown-indicator {
  color: white;
}
.cogs-select.dark .cogs-select__indicators .cogs-select__clear-indicator {
  color: white;
}
.cogs-select.dark .cogs-select__placeholder {
  color: white;
}
.cogs-select.dark .cogs-select__input {
  color: white;
}
.cogs-select__menu {
  z-index: 2 !important;
  position: relative;
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1) !important;
  box-shadow: var(--cogs-elevation--overlay) !important;
  /*
    menuHeader and menuFooter props
  */
  z-index: 1002 !important;
}
.cogs-select__menu-list {
  padding: 0 !important;
}
.cogs-select__menu--with-header {
  padding-top: 8px !important;
}
.cogs-select__menu--with-footer {
  padding-bottom: 8px !important;
}
.cogs-select__menu__button {
  display: flex;
  width: 100%;
}
.cogs-select__menu__button-header {
  padding-bottom: 8px;
}
.cogs-select__menu__button-footer {
  padding-top: 8px;
}
.cogs-select__menu__button .cogs-button {
  width: 100%;
}
.cogs-select__menu__text {
  padding: 0 16px;
  margin: 0 -8px;
  color: #8c8c8c;
  color: var(--cogs-text-hint);
  line-height: 20px;
}
.cogs-select__menu__text-header {
  padding-bottom: 8px;
  border-bottom: 1px solid #d9d9d9;
  border-bottom: 1px solid var(--cogs-border-default);
}
.cogs-select__menu__text-footer {
  padding-top: 8px;
  border-top: 1px solid #d9d9d9;
  border-top: 1px solid var(--cogs-border-default);
}
.cogs-select .cogs-select__control:focus-within {
  border: 2px solid rgb(64, 120, 240);
  border: var(--cogs-border-width--default) solid var(--cogs-border--status-neutral--strong);
}

.cogs.cogs-shortcut {
  padding: 0 6px;
  border: 1px solid rgb(217, 217, 217);
  border: 1px solid var(--cogs-themed-border--muted);
  margin-left: 2px;
  background-color: rgb(245, 245, 245);
  background-color: var(--cogs-themed-surface--strong);
  border-radius: 1.5px;
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

/* stylelint-disable declaration-property-value-allowed-list, color-no-hex, function-disallowed-list */
.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  box-sizing: border-box;
  padding: 5px 0;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 0;
  border: 2px solid rgb(217, 217, 217);
  border: var(--cogs-border-width--default) solid var(--cogs-border--muted);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border: 2px solid rgb(74, 103, 251);
  border: var(--cogs-border-width--default) solid var(--cogs-border--interactive--toggled-default);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
}

.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid rgb(74, 103, 251);
  border: var(--cogs-border-width--default) solid var(--cogs-border--interactive--toggled-default);
  transition: border 200ms;
  transition: border var(--cogs-transition-time-fast);
  margin-top: -5px;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-surface--muted);
  border-radius: 50%;
  cursor: grab;
  touch-action: pan-x;
  outline: none;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border: 1px solid rgb(43, 58, 136);
  border: 1px solid var(--cogs-border--interactive--toggled-pressed);
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
}

.rc-slider-handle:focus {
  box-shadow: none;
}

.rc-slider-handle:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
  border: 4px solid rgb(43, 58, 136);
  border: 4px solid var(--cogs-border--interactive--toggled-pressed);
}

.rc-slider-handle-click-focused:focus-visible {
  box-shadow: none;
}

.rc-slider-handle:hover {
  border-color: rgb(66, 85, 187);
  border-color: var(--cogs-border--interactive--toggled-hover);
}

.rc-slider-handle:active {
  border: 4px solid rgb(43, 58, 136);
  border: 4px solid var(--cogs-border--interactive--toggled-pressed);
  cursor: grabbing;
}

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-text-icon--muted);
  transition: color 200ms;
  transition: color var(--cogs-transition-time-fast);
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

.rc-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
}

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  border: var(--cogs-border-width--default) solid #e9e9e9;
  margin-left: -4px;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
}

.rc-slider-dot-active {
  border-color: #6e85fc;
  border-color: var(--cogs-midblue-4);
}

.rc-slider-dot-reverse {
  margin-right: -4px;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #cccccc;
}

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #cccccc;
  background-color: #ffffff;
  box-shadow: none;
  cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  touch-action: pan-y;
}

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: var(--cogs-ease-out);
  transform: scale(0, 0);
}

.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  animation-timing-function: var(--cogs-ease-in);
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: 50% 100%;
  }
}
.rc-slider-tooltip {
  position: absolute;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  visibility: visible;
}

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-tooltip-hidden {
  display: none;
}

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}

.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  background-color: #6c6c6c;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  box-shadow: 0 0 4px #d9d9d9;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
  margin-left: -4px;
}

.cogs.cogs-status {
  line-height: 20px;
  display: flex;
  align-items: center;
}
.cogs.cogs-status .cogs-status__icon--type-neutral {
  color: rgb(48, 89, 179);
  color: var(--cogs-themed-text-icon--status-neutral);
}
.cogs.cogs-status .cogs-status__icon--type-success {
  color: rgb(44, 105, 53);
  color: var(--cogs-themed-text-icon--status-success);
}
.cogs.cogs-status .cogs-status__icon--type-warning {
  color: rgb(143, 76, 15);
  color: var(--cogs-themed-text-icon--status-warning);
}
.cogs.cogs-status .cogs-status__icon--type-critical {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-status .cogs-status__icon--type-undefined {
  color: rgb(93, 93, 93);
  color: var(--cogs-themed-text-icon--status-undefined);
}
.cogs.cogs-status .cogs-status__icon--type-default {
  color: rgb(93, 93, 93);
  color: var(--cogs-themed-text-icon--status-undefined);
}
.cogs.cogs-status .text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}

.cogs-statuschip--success {
  --status-background: var(
    --cogs-themed-surface--status-success--muted--default
  );
  --status-border: var(--cogs-themed-border--status-success--muted);
  --status-text-color: var(--cogs-themed-text-icon--status-success);
  --status-pulse: var(--cogs-themed-surface-status-success--muted-default);
}

.cogs-statuschip--warning {
  --status-background: var(
    --cogs-themed-surface--status-warning--muted--default
  );
  --status-border: var(--cogs-themed-border--status-warning--muted);
  --status-text-color: var(--cogs-themed-text-icon--status-warning);
  --status-pulse: var(--cogs-themed-surface-status-warning--muted-default);
}

.cogs-statuschip--critical {
  --status-background: var(
    --cogs-themed-surface--status-critical--muted--default
  );
  --status-border: var(--cogs-themed-border--status-critical--muted);
  --status-text-color: var(--cogs-themed-text-icon--status-critical);
  --status-pulse: var(--cogs-themed-surface-status-critical--muted-default);
}

.cogs-statuschip--neutral {
  --status-background: var(
    --cogs-themed-surface--status-neutral--muted--default
  );
  --status-border: var(--cogs-themed-border--status-neutral--muted);
  --status-text-color: var(--cogs-themed-text-icon--status-neutral);
  --status-pulse: var(--cogs-themed-surface-status-neutral--muted-default);
}

.cogs-statuschip--undefined {
  --status-background: var(
    --cogs-themed-surface--status-undefined--muted--default
  );
  --status-border: var(--cogs-themed-border--status-undefined--muted);
  --status-text-color: var(--cogs-themed-text-icon--status-undefined);
  --status-pulse: var(--cogs-themed-surface-status-undefined--muted-default);
}

.cogs-statuschip {
  display: flex;
  align-items: center;
  gap: 7px;
  width: -webkit-min-content;
  width: min-content;
  max-width: 200px;
  color: --cogs-themed-text-icon-status--undefined;
  color: var(--status-text-color, --cogs-themed-text-icon-status--undefined);
}
.cogs-statuschip--outline {
  padding: 4px 12px 4px 8px;
  border-radius: 100px;
  background: --cogs-themed-surface-status-undefined--muted-default;
  background: var(--status-background, --cogs-themed-surface-status-undefined--muted-default);
  border: 1px solid --cogs-themed-border-status--undefined-muted;
  border: 1px solid var(--status-border, --cogs-themed-border-status--undefined-muted);
}
.cogs-statuschip--medium {
  padding: 8px 12px 8px 8px;
}
.cogs-statuschip--text {
  color: --cogs-themed-text-icon-status--undefined;
  color: var(--status-text-color, --cogs-themed-text-icon-status--undefined);
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cogs-step {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  transition: background 0.2s;
  background-color: rgba(83, 88, 127, 0.08);
  background-color: var(--cogs-surface--action--muted--default);
}
.cogs-step:hover {
  background-color: rgb(58, 74, 163);
  background-color: var(--cogs-surface--action--strong--hover);
}
.cogs-step:active {
  background-color: rgb(43, 58, 136);
  background-color: var(--cogs-surface--action--strong--pressed);
}
.cogs-step__selected {
  background-color: rgb(74, 103, 251);
  background-color: var(--cogs-surface--action--strong--default);
}

.cogs.cogs-switch {
  --Switch-checked: var(--cogs-themed-surface--action--strong--default);
  --Switch-checked-hover: var(--cogs-themed-surface--action--strong--hover);
  --Switch-checked-pressed: var(--cogs-themed-surface--action--strong--pressed);
  --Switch-unchecked: var(--cogs-themed-surface--action--muted--default--alt);
  --Switch-unchecked-hover: var(--cogs-themed-surface--action--muted--hover);
  --Switch-unchecked-pressed: var(
    --cogs-themed-surface--action--strong--default
  );
  position: relative;
  display: flex;
  flex-direction: row;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.cogs.cogs-switch .Mui-focusVisible .cogs-switch__track {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
  border-radius: 50px;
}
.cogs.cogs-switch .cogs-switch__root {
  position: relative;
}
.cogs.cogs-switch .cogs-switch__root .cogs-switch__track {
  transition: background-color 200ms;
  transition: background-color var(--cogs-transition-time-fast);
  transition-timing-function: var(--cogs-ease);
  display: block;
  background-color: var(--Switch-unchecked);
  border-radius: 16px;
}
.cogs.cogs-switch .cogs-switch__root .cogs-switch__thumb {
  transition: transform 200ms, box-shadow 200ms;
  transition: transform var(--cogs-transition-time-fast), box-shadow var(--cogs-transition-time-fast);
  transition-timing-function: var(--cogs-ease);
  border-radius: 16px;
  left: 3px;
  top: 3px;
  position: absolute;
  display: block;
  background: rgb(255, 255, 255);
  background: var(--cogs-themed-surface--muted);
}
.cogs.cogs-switch .cogs-switch__root.Mui-checked .cogs-switch__track {
  background-color: var(--Switch-checked);
}
.cogs.cogs-switch .cogs-switch__root.Mui-checked .cogs-switch__thumb {
  transform: translateX(16px);
}
.cogs.cogs-switch:hover .cogs-switch__root .cogs-switch__track {
  background-color: var(--Switch-unchecked-hover);
}
.cogs.cogs-switch:hover .cogs-switch__root .cogs-switch__thumb {
  box-shadow: 0px 2px 6px 1px
      rgba(79, 82, 104, 0.12),
    0px 6px 20px 2px rgba(79, 82, 104, 0.06);
  box-shadow: var(--cogs-elevation--surface--interactive--hover);
}
.cogs.cogs-switch:hover .cogs-switch__root.Mui-checked .cogs-switch__track {
  background-color: var(--Switch-checked-hover);
}
.cogs.cogs-switch:active .cogs-switch__root .cogs-switch__track {
  background-color: var(--Switch-unchecked-pressed);
}
.cogs.cogs-switch:active .cogs-switch__root.Mui-checked .cogs-switch__track {
  background-color: var(--Switch-checked-pressed);
}
.cogs.cogs-switch .cogs-switch__input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: inherit;
}
.cogs.cogs-switch .cogs-switch__label {
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  -webkit-user-select: none;
          user-select: none;
}
.cogs.cogs-switch--disabled.cogs-switch {
  cursor: not-allowed;
}
.cogs.cogs-switch--disabled.cogs-switch .cogs-switch__root, .cogs.cogs-switch--disabled.cogs-switch:hover .cogs-switch__root {
  cursor: inherit;
}
.cogs.cogs-switch--disabled.cogs-switch .cogs-switch__root .cogs-switch__track, .cogs.cogs-switch--disabled.cogs-switch:hover .cogs-switch__root .cogs-switch__track {
  background: rgba(0, 0, 0, 0.06);
  background: var(--cogs-themed-surface--interactive--disabled--alt);
}
.cogs.cogs-switch--disabled.cogs-switch .cogs-switch__root .cogs-switch__thumb, .cogs.cogs-switch--disabled.cogs-switch:hover .cogs-switch__root .cogs-switch__thumb {
  background: rgba(0, 0, 0, 0.06);
  background: var(--cogs-themed-surface--interactive--disabled--alt);
  box-shadow: none;
}
.cogs.cogs-switch--size-x-small .cogs-switch__track {
  width: 36px;
  height: 20px;
}
.cogs.cogs-switch--size-x-small .cogs-switch__thumb {
  width: 14px;
  height: 14px;
}
.cogs.cogs-switch--size-tiny .cogs-switch__root .cogs-switch__track {
  width: 28px;
  height: 16px;
}
.cogs.cogs-switch--size-tiny .cogs-switch__root .cogs-switch__thumb {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
}
.cogs.cogs-switch--size-tiny .cogs-switch__root.Mui-checked .cogs-switch__thumb {
  transform: translateX(12px);
}
.cogs.cogs-switch--size-tiny .cogs-switch__label {
  line-height: 16px;
}

/* stylelint-disable declaration-property-value-allowed-list, color-named, function-disallowed-list */
.cogs-table {
  width: 100%;
}
.cogs-table th {
  position: relative;
  padding: 16px;
  border-bottom: 1px solid #e8e8e8;
  border-bottom: 1px solid var(--cogs-greyscale-grey3);
  background: #fafafa;
  background: var(--cogs-greyscale-grey1);
  font-weight: 500;
  text-align: left;
}
.cogs-table th .cogs-th-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.cogs-table th .cogs-th-container .cogs-select {
  width: 100%;
}
.cogs-table th .cogs-th-container .filter-button {
  margin-top: 4px;
  margin-right: 8px;
}
.cogs-table th .cogs-th-container .filter-button:hover {
  color: #4a67fb;
  color: var(--cogs-midblue-3);
}
.cogs-table th .cogs-th-container .cogs-menu, .cogs-table th .cogs-th-container .cogs-menu-item .cogs-menu-submenu, .cogs-menu-item .cogs-table th .cogs-th-container .cogs-menu-submenu, .cogs-table th .cogs-th-container .cogs-select__option .cogs-menu-submenu, .cogs-select__option .cogs-table th .cogs-th-container .cogs-menu-submenu, .cogs-table th .cogs-th-container .cogs-select__menu {
  padding: 8px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
}
.cogs-table th:hover .cogs-table-sort {
  opacity: 0.5;
}
.cogs-table th:hover .cogs-table-sort.sorted {
  opacity: 1;
}
.cogs-table td {
  padding: 16px;
  border-bottom: 1px solid #f5f5f5;
  border-bottom: 1px solid var(--cogs-greyscale-grey2);
  text-align: left;
}
.cogs-table tr {
  background: white;
  transition: 0.2s background;
}
.cogs-table tr:nth-child(2n) {
  background: #fafafa;
  background: var(--cogs-greyscale-grey1);
}
.cogs-table tr:hover {
  background: #f5f5f5;
  background: var(--cogs-greyscale-grey2);
}
.cogs-table.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #8c8c8c;
  color: var(--cogs-greyscale-grey6);
  text-align: center;
}
.cogs-table .resizer {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  display: inline-block;
  width: 10px;
  height: 100%;
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  touch-action: none;
}
.cogs-table .resizer.isResizing {
  border-right: 2px solid rgba(0, 0, 0, 0.3);
}
.cogs-table .cogs-table-sort {
  position: absolute;
  top: 50%;
  right: 16px;
  opacity: 0;
  transform: translateY(-50%);
  transition: 0.3s opacity;
}
.cogs-table .cogs-table-sort.sorted {
  opacity: 1;
}

.cogs-table-pagination {
  margin: 16px 0 0;
}

.cogs.cogs-tabs {
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  position: static;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
.cogs.cogs-tabs .cogs-tabs__tabbar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cogs.cogs-tabs .cogs-tabs__children {
  height: 100%;
  overflow: auto;
}
.cogs.cogs-tabs .cogs-tabs__list {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  background: none;
  position: static;
  overflow-y: visible;
  overflow-x: scroll;
  white-space: nowrap;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.cogs.cogs-tabs .cogs-tabs__list > * {
  height: 44px;
}
.cogs.cogs-tabs .cogs-tabs__list::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.cogs.cogs-tabs .cogs-tabs__list > :not(:last-child) {
  margin-right: 16px;
}
.cogs.cogs-tabs .cogs-tabs__list > :has(.cogs-tabs--hide-padding):not(:last-child) {
  margin-right: 24px;
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-weight: 500;
  line-height: var(--cogs-t5-line-height);
  padding: 12px 16px;
  height: 100%;
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252) inset;
  box-shadow: var(--cogs-focus-ring) inset;
  border-radius: 4px;
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab.cogs-tabs--hide-padding {
  padding: 12px 0;
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab[aria-selected=true] {
  box-shadow: inset 0 -2px 0 rgb(74, 103, 251);
  box-shadow: inset 0 -2px 0 var(--cogs-themed-border--interactive--toggled-default);
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab:hover:not(.cogs-tabs__list__tab--disabled) {
  background-color: rgba(34, 42, 83, 0.06);
  background-color: var(--cogs-themed-surface--interactive--hover);
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab:hover:not(.cogs-tabs__list__tab--disabled)[aria-selected=true] {
  background-color: rgba(74, 103, 251, 0.12);
  background-color: var(--cogs-themed-surface--interactive--toggled-hover);
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab:active:not(.cogs-tabs__list__tab--disabled) {
  background-color: rgba(34, 42, 83, 0.1);
  background-color: var(--cogs-themed-surface--interactive--pressed);
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab:active:not(.cogs-tabs__list__tab--disabled)[aria-selected=true] {
  background-color: rgba(74, 103, 251, 0.18);
  background-color: var(--cogs-themed-surface--interactive--toggled-pressed);
}
.cogs.cogs-tabs .cogs-tabs__list .cogs-tabs__list__tab.cogs-tabs__list__tab--disabled {
  cursor: not-allowed;
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-tabs .cogs-tabs__list.cogs-tabs--size-medium > * {
  height: 36px;
}
.cogs.cogs-tabs .cogs-tabs__list.cogs-tabs--size-xlarge > * {
  height: 44px;
}
.cogs.cogs-tabs .cogs-tabs__list.cogs-tabs--size-large > * {
  height: 40px;
}
.cogs.cogs-tabs .cogs-tabs__list.cogs-tabs--full-width {
  width: 100%;
}
.cogs.cogs-tabs .cogs-tabs__list.cogs-tabs--full-width > * {
  flex-grow: 1;
  width: 100%;
}
.cogs.cogs-tabs .cogs-tabs__list.cogs-tabs--full-width > * span .cogs-tabs__list__tab {
  width: 100%;
  justify-content: space-between;
}
.cogs.cogs-tabs .cogs-tabs--show-track {
  box-shadow: 0 -1px 0 0 rgb(217, 217, 217) inset;
  box-shadow: 0 -1px 0 0 var(--cogs-themed-border--muted) inset;
}
.cogs.cogs-tabs.cogs-tabs--position-bottom .cogs-tabs__tabbar {
  order: 2;
}

.cogs-tagchip--blue {
  --tagchip-background-color: var(--cogs-decorative--blue--200);
  --tagchip-border-color: var(--cogs-decorative--blue--300);
}

.cogs-tagchip--green {
  --tagchip-background-color: var(--cogs-decorative--green--200);
  --tagchip-border-color: var(--cogs-decorative--green--300);
}

.cogs-tagchip--lightBlue {
  --tagchip-background-color: var(--cogs-decorative--lightBlue--200);
  --tagchip-border-color: var(--cogs-decorative--lightBlue--300);
}

.cogs-tagchip--orange {
  --tagchip-background-color: var(--cogs-decorative--orange--200);
  --tagchip-border-color: var(--cogs-decorative--orange--300);
}

.cogs-tagchip--pink {
  --tagchip-background-color: var(--cogs-decorative--pink--200);
  --tagchip-border-color: var(--cogs-decorative--pink--300);
}

.cogs-tagchip--purple {
  --tagchip-background-color: var(--cogs-decorative--purple--200);
  --tagchip-border-color: var(--cogs-decorative--purple--300);
}

.cogs-tagchip--red {
  --tagchip-background-color: var(--cogs-decorative--red--200);
  --tagchip-border-color: var(--cogs-decorative--red--300);
}

.cogs-tagchip--yellow {
  --tagchip-background-color: var(--cogs-decorative--yellow--200);
  --tagchip-border-color: var(--cogs-decorative--yellow--300);
}

.cogs-tagchip {
  border-radius: 100px;
  border: 1px solid rgb(232, 232, 232);
  border: 1px solid var(--tagchip-border-color, var(--cogs-decorative--grayscale--300));
  display: flex;
  gap: 6px;
  max-width: 200px;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-text-icon--medium);
  background-color: rgb(245, 245, 245);
  background-color: var(--tagchip-background-color, var(--cogs-decorative--grayscale--200));
}
.cogs-tagchip--small {
  height: 28px;
  padding: 5px 8px;
  gap: 6px;
}
.cogs-tagchip--medium {
  height: 28px;
  padding: 8px 12px;
  gap: 6px;
}
.cogs-tagchip--x-small {
  height: 20px;
  padding: 2px 8px;
  gap: 4px;
}
.cogs-tagchip--text {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cogs-tagchipgroup {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}
.cogs-tagchipgroup--x-small {
  gap: 2px;
}
.cogs-tagchipgroup--medium {
  gap: 6px;
}
.cogs-tagchipgroup .cogs-tagchipgroup__overflow {
  flex-direction: row-reverse;
  cursor: pointer;
  border-color: rgba(83, 88, 127, 0.16);
  border-color: var(--cogs-themed-border--interactive--default);
  background: rgba(83, 88, 127, 0.08);
  background: var(--cogs-themed-surface--action--muted--default);
}
.cogs-tagchipgroup .cogs-tagchipgroup__overflow:hover {
  background: rgba(83, 88, 127, 0.12);
  background: var(--cogs-themed-surface--action--muted--hover);
}
.cogs-tagchipgroup .cogs-tagchipgroup__overflow:focus, .cogs-tagchipgroup .cogs-tagchipgroup__overflow:active {
  outline: 2px solid rgb(74, 103, 251);
  outline: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--toggled-default);
  background-color: rgba(83, 88, 127, 0.16);
  background-color: var(--cogs-themed-surface--action--muted--pressed);
}
.cogs-tagchipgroup .cogs-tagchipgroup__overflow--toggled {
  background-color: rgba(102, 102, 102, 0.2);
  background-color: var(--cogs-themed-surface--status-undefined--muted--pressed);
}
.cogs-tagchipgroup .cogs-tagchipgroup__clear-button--x-small {
  border-radius: 4px;
  font-size: 12px;
  height: 20px;
  padding: 2px 6px;
}
.cogs-tagchipgroup .cogs-tagchipgroup__clear-button__menu {
  overflow: auto;
  max-height: 150px;
}
.cogs-tagchipgroup .cogs-tagchipgroup__clear-button--small {
  border-radius: 4px;
}

.cogs.cogs-textarea {
  display: flex;
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.cogs.cogs-textarea textarea {
  width: 100%;
  min-width: 220px;
  padding: 8px 12px 8px 12px;
  background: rgb(255, 255, 255);
  background: var(--cogs-themed-surface--muted);
  border: 2px solid rgba(83, 88, 127, 0.16);
  border: var(--cogs-border-width--default) solid var(--cogs-themed-border--interactive--default);
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  outline: none;
  resize: none;
}
.cogs.cogs-textarea textarea::placeholder {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}
.cogs.cogs-textarea textarea:hover {
  border-color: rgb(110, 133, 252);
  border-color: var(--cogs-themed-border--interactive--hover);
}
.cogs.cogs-textarea textarea:focus, .cogs.cogs-textarea textarea:focus-visible {
  border-color: rgb(74, 103, 251);
  border-color: var(--cogs-themed-border--interactive--toggled-default);
}
.cogs.cogs-textarea textarea::-webkit-resizer {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27%3E%3Crect x=%276.65674%27 y=%274%27 width=%271%27 height=%274%27 transform=%27rotate%2845 6.65674 4%29%27 fill=%27%238C8C8C%27/%3E%3Crect x=%275.65674%27 width=%271%27 height=%278%27 transform=%27rotate%2845 5.65674 0%29%27 fill=%27%238C8C8C%27/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% 50%, auto;
}
.cogs.cogs-textarea-container {
  position: relative;
}
.cogs.cogs-textarea--full-width {
  width: 100%;
}
.cogs.cogs-textarea--full-width textarea {
  min-width: 100%;
  max-width: 100%;
}
.cogs.cogs-textarea--onClear {
  position: absolute;
  right: 4px;
  top: 4px;
}
.cogs.cogs-textarea--resizable textarea {
  min-height: 80px;
}
.cogs.cogs-textarea--resizable-both textarea {
  resize: both;
}
.cogs.cogs-textarea--resizable-horizontal textarea {
  resize: horizontal;
}
.cogs.cogs-textarea--resizable-vertical textarea {
  resize: vertical;
}
.cogs.cogs-textarea:hover textarea {
  border-color: rgb(110, 133, 252);
  border-color: var(--cogs-themed-border--interactive--hover);
}
.cogs.cogs-textarea:active textarea, .cogs.cogs-textarea:focus-visible textarea {
  border-color: rgb(110, 133, 252);
  border-color: var(--cogs-themed-border--interactive--hover);
}
.cogs.cogs-textarea--title {
  padding-bottom: 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.cogs.cogs-textarea--solid textarea {
  background-color: rgba(83, 88, 127, 0.08);
  background-color: var(--cogs-themed-surface--action--muted--default);
}
.cogs.cogs-textarea--solid textarea:focus {
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
}
.cogs.cogs-textarea--solid textarea:focus-visible {
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
}
.cogs.cogs-textarea--solid textarea::-webkit-resizer {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%277%27 height=%277%27 viewBox=%270 0 7 7%27 fill=%27none%27%3E%3Crect width=%270.930516%27 height=%273.72206%27 transform=%27matrix%280.716448 0.69764 -0.716448 0.69764 6.33325 3.75415%29%27 fill=%27%23595959%27/%3E%3Crect width=%270.930516%27 height=%277.44413%27 transform=%27matrix%280.716448 0.69764 -0.716448 0.69764 5.39062 0.0820312%29%27 fill=%27%23595959%27/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% 50%, auto;
}
.cogs.cogs-textarea--disabled textarea,
.cogs.cogs-textarea--disabled textarea:focus,
.cogs.cogs-textarea--disabled textarea:focus-visible, .cogs.cogs-textarea--disabled:hover textarea,
.cogs.cogs-textarea--disabled:hover textarea:focus,
.cogs.cogs-textarea--disabled:hover textarea:focus-visible {
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  background-color: rgba(0, 0, 0, 0.03);
  background-color: var(--cogs-themed-surface--interactive--disabled);
  border-color: rgba(255, 255, 255, 0);
  border-color: var(--cogs-themed-surface--misc-transparent);
  resize: none;
  cursor: not-allowed;
}
.cogs.cogs-textarea--error textarea,
.cogs.cogs-textarea--error textarea:focus,
.cogs.cogs-textarea--error textarea:focus-visible, .cogs.cogs-textarea--error:hover textarea,
.cogs.cogs-textarea--error:hover textarea:focus,
.cogs.cogs-textarea--error:hover textarea:focus-visible {
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
  border-color: rgb(229, 59, 56);
  border-color: var(--cogs-themed-border--status-critical--strong);
}
.cogs.cogs-textarea--ghost textarea {
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-themed-surface--misc-transparent);
  border-color: rgba(255, 255, 255, 0);
  border-color: var(--cogs-themed-surface--misc-transparent);
}

.Toastify__toast[class*=cogs-toast] {
  padding: 16px;
  background: rgb(255, 255, 255);
  background: var(--cogs-surface--muted);
  border-radius: 2px;
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
}
.Toastify__toast[class*=cogs-toast] .cogs-toast-inner {
  display: grid;
  grid-template-columns: 28px calc(100% - 28px);
}
.Toastify__toast[class*=cogs-toast] .cogs-toast-inner .cogs-icon {
  height: 20px;
  width: 20px;
  margin-top: 4px;
  margin-right: 8px;
}
.Toastify__toast[class*=cogs-toast] .cogs-toast-inner .cogs-icon svg {
  width: 20px;
  height: 20px;
}
.Toastify__toast[class*=cogs-toast].cogs-toast-error {
  border-left: 4px solid rgb(229, 59, 56);
  border-left: 4px solid var(--cogs-border--status-critical--strong);
}
.Toastify__toast[class*=cogs-toast].cogs-toast-error .cogs-icon {
  color: rgb(168, 54, 28);
  color: var(--cogs-text-icon--status-critical);
}
.Toastify__toast[class*=cogs-toast].cogs-toast-warning {
  border-left: 4px solid rgb(235, 155, 0);
  border-left: 4px solid var(--cogs-border--status-warning--strong);
}
.Toastify__toast[class*=cogs-toast].cogs-toast-warning .cogs-icon {
  color: rgb(143, 76, 15);
  color: var(--cogs-text-icon--status-warning);
}
.Toastify__toast[class*=cogs-toast].cogs-toast-success {
  border-left: 4px solid rgb(57, 162, 99);
  border-left: 4px solid var(--cogs-border--status-success--strong);
}
.Toastify__toast[class*=cogs-toast].cogs-toast-success .cogs-icon {
  color: rgb(44, 105, 53);
  color: var(--cogs-text-icon--status-success);
}
.Toastify__toast[class*=cogs-toast].cogs-toast-info {
  border-left: 4px solid rgb(64, 120, 240);
  border-left: 4px solid var(--cogs-border--status-neutral--strong);
}
.Toastify__toast[class*=cogs-toast].cogs-toast-info .cogs-icon {
  color: rgb(48, 89, 179);
  color: var(--cogs-text-icon--status-neutral);
}

.cogs-toolbar {
  display: flex;
  padding: 8px;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-surface--muted);
  border-radius: 8px;
  gap: 4px;
}
.cogs-toolbar .cogs-button {
  display: flex;
  width: 100%;
}
.cogs-toolbar .cogs-button-ghost:hover {
  background: rgba(83, 88, 127, 0.12);
  background: var(--cogs-surface--action--muted--hover);
}

.cogs-toolbar-vertical {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  align-items: center;
}
.cogs-toolbar-vertical .cogs-toolbar__dropdown-container [data-tippy-root] {
  position: absolute !important;
  left: calc(100% - 6px) !important;
}
.cogs-toolbar-vertical .cogs-toolbar__dropdown-container [data-placement=bottom-start] {
  top: -53px !important;
}
.cogs-toolbar-vertical .cogs-toolbar__dropdown-container [data-placement=top-start] {
  top: 53px !important;
}

.cogs-toolbar-horizontal {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row;
  align-items: center;
}

.cogs-tooltip {
  outline: none;
}
.cogs-tooltip .tippy-iOS {
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}
.cogs-tooltip.cogs-tooltip-elevated {
  box-shadow: 0px 1px 2px 0px rgba(79, 82, 104, 0.24),
    0px 1px 8px 0px rgba(79, 82, 104, 0.08),
    0px 1px 16px 4px rgba(79, 82, 104, 0.1);
  box-shadow: var(--cogs-elevation--overlay);
}
.cogs-tooltip.cogs-tooltip-wrapped .tippy-content {
  max-width: 200px;
  overflow-wrap: break-word;
}
.cogs-tooltip.tippy-box {
  background-color: rgb(38, 38, 38);
  background-color: var(--cogs-surface--muted--inverted);
  color: rgba(255, 255, 255, 0.95);
  color: var(--cogs-text-icon--strong--inverted);
}
.cogs-tooltip.tippy-box .tippy-svg-arrow {
  fill: rgb(38, 38, 38);
  fill: var(--cogs-surface--muted--inverted);
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  stroke: rgb(38, 38, 38);
  stroke: var(--cogs-surface--muted--inverted);
}
.cogs-tooltip.tippy-box[data-theme=inverted] {
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-surface--muted);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-text-icon--strong);
}
.cogs-tooltip.tippy-box[data-theme=inverted] .tippy-svg-arrow {
  fill: rgb(255, 255, 255);
  fill: var(--cogs-surface--muted);
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  stroke: rgb(255, 255, 255);
  stroke: var(--cogs-surface--muted);
}

.cogs-topbar {
  display: grid;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid rgb(217, 217, 217);
  border-bottom: 1px solid var(--cogs-border--muted);
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
}
.cogs-topbar [class*=cogs-topbar--item] {
  display: flex;
  height: 100%;
  align-items: center;
  border-left: 1px solid rgb(217, 217, 217);
  border-left: 1px solid var(--cogs-border--muted);
  white-space: nowrap;
}
.cogs-topbar .cogs-topbar--left {
  display: flex;
  -webkit-user-select: none;
          user-select: none;
  overflow-x: hidden;
}
.cogs-topbar .cogs-topbar--left > [class*=cogs-topbar--item]:first-of-type {
  border-left: none;
}
.cogs-topbar .cogs-topbar--right {
  display: flex;
}
.cogs-topbar .cogs-topbar--item__logo {
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.cogs-topbar .cogs-topbar--item__logo .logo-icon {
  width: 32px !important;
  margin: 0 16px;
}
.cogs-topbar .cogs-topbar--item__logo header {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
}
.cogs-topbar .cogs-topbar--item__logo__clickable {
  cursor: pointer;
}
.cogs-topbar .cogs-topbar--uninteractive-container {
  display: flex;
  width: 56px;
  align-items: center;
  justify-content: center;
}
.cogs-topbar .cogs-topbar--app-switcher {
  width: 288px;
}
.cogs-topbar .cogs-topbar--item__navigation {
  position: relative;
  flex-grow: 1;
  align-items: flex-start;
  padding-left: 16px;
}
.cogs-topbar .cogs-topbar--item__navigation .rc-tabs-nav {
  z-index: 3;
  max-width: 100%;
  height: 100%;
}
.cogs-topbar .cogs-topbar--item__action {
  padding: 0 16px;
  border-radius: 0;
}
.cogs-topbar .cogs-topbar--item__action:not(:hover):not(:active) {
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-surface--misc-transparent);
}
.cogs-topbar .cogs-topbar--item__action:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
}
.cogs-topbar .cogs-topbar--item__action:focus {
  box-shadow: none;
}
.cogs-topbar .cogs-topbar--item__action .action-title--with-icon {
  margin-left: 12px;
}
.cogs-topbar .cogs-topbar--item__actions {
  height: 100%;
}
.cogs-topbar .cogs-topbar--item__actions .actions-item {
  display: flex;
  min-width: 56px;
  align-items: center;
  padding: 0 16px;
  border-radius: 0;
  height: 100%;
}
.cogs-topbar .cogs-topbar--item__actions .actions-item:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: var(--cogs-focus-ring);
}
.cogs-topbar .cogs-topbar--item__actions .actions-item:not(:hover):not(:active) {
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-surface--misc-transparent);
}
.cogs-topbar .cogs-topbar--item__actions > span {
  display: flex;
  height: 100%;
}
.cogs-topbar .cogs-topbar--item__search .cogs-icon {
  position: absolute;
  margin-left: 16px;
}
.cogs-topbar .cogs-topbar--item__search input {
  height: 100%;
  padding-left: 42px;
  border: transparent;
  border-radius: 0;
}
.cogs-topbar .cogs-menu--app-switcher-menu-item {
  display: flex;
  gap: 8px;
  align-items: center;
  color: inherit;
}

.cogs-topbarexp {
  width: 100%;
  background-color: rgb(255, 255, 255);
  background-color: var(--cogs-themed-surface--muted);
  padding: 12px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(217, 217, 217);
  border-bottom: 1px solid var(--cogs-themed-border--muted);
  align-items: center;
}
.cogs-topbarexp__left, .cogs-topbarexp__right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cogs-topbarexp__button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--cogs-themed-text-icon--medium);
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--cogs-themed-surface--misc-transparent);
}
.cogs-topbarexp__button:hover {
  background-color: rgba(83, 88, 127, 0.12);
  background-color: var(--cogs-themed-surface--action--muted--hover);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs-topbarexp__link {
  color: rgba(0, 0, 0, 0.9) !important;
  color: var(--cogs-themed-text-icon--strong) !important;
}
.cogs-topbarexp__link--as-container-only {
  padding: 0 !important;
}
.cogs-topbarexp__link--as-container-only > * {
  color: rgba(0, 0, 0, 0.9) !important;
  color: var(--cogs-themed-text-icon--strong) !important;
  padding: 8px 16px;
  text-align: center;
}
.cogs-topbarexp__logo {
  padding-right: 6px;
}
.cogs-topbarexp__logo:hover {
  cursor: pointer;
}
.cogs-topbarexp__logo-title {
  -webkit-user-select: none;
          user-select: none;
}
.cogs-topbarexp__appswitcher-item {
  width: 36px;
  height: 36px;
  border-radius: 6px;
}
.cogs-topbarexp__search--expanded .cogs-inputexp-container .cogs-inputexp {
  width: auto;
  width: initial;
}
.cogs-topbarexp__search--expanded .cogs-inputexp-container .cogs-inputexp .MuiInput-input {
  animation: expandanimation 500ms ease-in-out forwards;
}
.cogs-topbarexp__search .cogs-inputexp-container .cogs-inputexp {
  width: -webkit-min-content;
  width: min-content;
}
.cogs-topbarexp__search .cogs-inputexp-container .cogs-inputexp .MuiInput-input {
  animation: collapseanimation 300ms ease-in-out forwards;
}
.cogs-topbarexp .cogs-inputexp-container .cogs-inputexp .cogs-micro {
  border: 1px solid rgb(217, 217, 217);
  border: 1px solid var(--cogs-themed-border--muted);
  background-color: rgb(245, 245, 245);
  background-color: var(--cogs-themed-surface--strong);
  border-radius: 1.5px;
  padding: 0 6px;
}
.cogs-topbarexp .cogs-button--toggled, .cogs-topbarexp .cogs.cogs-button__counterchip {
  background-color: rgba(83, 88, 127, 0.24);
  background-color: var(--cogs-themed-surface--action--muted--default--alt);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs-topbarexp .cogs-button--toggled:hover:not([aria-disabled=true]), .cogs-topbarexp .cogs.cogs-button__counterchip:hover:not([aria-disabled=true]), .cogs-topbarexp .cogs-button--toggled:active:not([aria-disabled=true]), .cogs-topbarexp .cogs.cogs-button__counterchip:active:not([aria-disabled=true]) {
  background-color: rgba(83, 88, 127, 0.24);
  background-color: var(--cogs-themed-surface--action--muted--default--alt);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}

@keyframes expandanimation {
  0% {
    opacity: 0;
    max-width: 0px;
  }
  75% {
    opacity: 1;
    max-width: 144px;
  }
  100% {
    opacity: 1;
    max-width: 140px;
  }
}
@keyframes collapseanimation {
  0% {
    opacity: 1;
    max-width: 136px;
    margin-right: 0px;
  }
  75% {
    opacity: 0;
    max-width: 0px;
    margin-right: -4px;
  }
  100% {
    opacity: 0;
    max-width: 0px;
    margin-right: 0px;
  }
}
.cogs.cogs-helptext {
  display: inline-flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}
.cogs.cogs-helptext--ghost {
  margin-left: 10px;
}
.cogs.cogs-helptext--helptext-line {
  display: flex;
  flex-direction: row;
  margin-bottom: 4px;
  margin-top: 4px;
}
.cogs.cogs-helptext--helptext-line--icon {
  margin-right: 6px;
}

.cogs.cogs-messages {
  display: inline-flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 12px;
}
.cogs.cogs-messages--cogs-message {
  display: inline-flex;
  flex-direction: row;
  margin-bottom: 4px;
  margin-top: 4px;
}
.cogs.cogs-messages--cogs-message--icon {
  margin-right: 6px;
}
.cogs.cogs-messages--cogs-message--error {
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-messages--cogs-message--warning {
  color: rgb(143, 76, 15);
  color: var(--cogs-themed-text-icon--status-warning);
}
.cogs.cogs-messages--cogs-message--success {
  color: rgb(44, 105, 53);
  color: var(--cogs-themed-text-icon--status-success);
}
.cogs.cogs-messages--cogs-message--line {
  margin-bottom: 8px;
}

.cogs.cogs-textlabel {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-bottom: 6px;
}
.cogs.cogs-textlabel--info {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 6px;
}
.cogs.cogs-textlabel--tooltip {
  display: inline-flex;
  align-items: center;
}
.cogs.cogs-textlabel--required {
  margin-left: 4px;
  color: rgb(168, 54, 28);
  color: var(--cogs-themed-text-icon--status-critical);
}
.cogs.cogs-textlabel--icon {
  color: rgba(0, 0, 0, 0.55);
  color: var(--cogs-themed-text-icon--muted);
}

.cogs.cogs-iconbutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 6px;
  border-radius: var(--cogs-border-radius--default);
  cursor: pointer;
  font-weight: 500;
  transition: background-color 200ms, color 200ms;
  transition: background-color var(--cogs-transition-time-fast), color var(--cogs-transition-time-fast);
  -webkit-user-select: none;
          user-select: none;
  background: rgba(255, 255, 255, 0);
  background: var(--cogs-themed-surface--misc-transparent);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
  /**********************
   **       SIZE       **
   **********************/
  /**********************
   **       ICON       **
   **********************/
  /*************************
   **       TOGGLED       **
   *************************/
  /*************************
   **       LOADING       **
   *************************/
  /**************************
   **       DISABLED       **
   **************************/
}
.cogs.cogs-iconbutton:hover:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.06);
  background: var(--cogs-themed-surface--interactive--hover);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-iconbutton:active:not([aria-disabled=true]) {
  background: rgba(34, 42, 83, 0.1);
  background: var(--cogs-themed-surface--interactive--pressed);
  color: rgba(0, 0, 0, 0.9);
  color: var(--cogs-themed-text-icon--strong);
}
.cogs.cogs-iconbutton:focus-visible {
  box-shadow: 0px 0px 0px 2px rgb(110, 133, 252);
  box-shadow: 0px 0px 0px var(--cogs-border-width--default) var(--cogs-border--interactive--hover);
  /* Visible in Windows high-contrast themes */
  outline: 2px dotted transparent;
  outline: var(--cogs-border-width--default) dotted transparent;
}
.cogs.cogs-iconbutton--size-x-small {
  padding: 4px 8px;
  font-size: 12px;
  font-size: var(--cogs-body-x-small-font-size);
  letter-spacing: -0.008em;
  letter-spacing: var(--cogs-body-x-small-letter-spacing);
  line-height: 16px;
  line-height: var(--cogs-body-x-small-line-height);
}
.cogs.cogs-iconbutton--icon-only {
  padding: 5px;
}
.cogs.cogs-iconbutton--toggled {
  background: rgba(74, 103, 251, 0.08);
  background: var(--cogs-themed-surface--interactive--toggled-default);
  color: rgb(63, 86, 181);
  color: var(--cogs-themed-text-icon--interactive--default);
}
.cogs.cogs-iconbutton--toggled:hover:not([aria-disabled=true]) {
  background: rgba(74, 103, 251, 0.12);
  background: var(--cogs-themed-surface--interactive--toggled-hover);
  color: rgb(52, 71, 150);
  color: var(--cogs-themed-text-icon--interactive--hover);
}
.cogs.cogs-iconbutton--toggled:active:not([aria-disabled=true]) {
  background: rgba(74, 103, 251, 0.18);
  background: var(--cogs-themed-surface--interactive--toggled-pressed);
  color: rgb(41, 55, 128);
  color: var(--cogs-themed-text-icon--interactive--pressed);
}
.cogs.cogs-iconbutton--loading {
  cursor: not-allowed;
  opacity: 0.5;
}
.cogs.cogs-iconbutton--loading .cogs-icon--type-loader {
  margin-right: 0;
}
.cogs.cogs-iconbutton--disabled {
  background: rgba(0, 0, 0, 0.03);
  background: var(--cogs-themed-surface--interactive--disabled);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
  cursor: not-allowed;
  outline: none;
  box-shadow: none;
}
.cogs.cogs-iconbutton--disabled:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.03);
  background: var(--cogs-themed-surface--interactive--disabled);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-iconbutton--disabled:active:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.03);
  background: var(--cogs-themed-surface--interactive--disabled);
  color: rgb(140, 140, 140);
  color: var(--cogs-themed-text-icon--interactive--disabled);
}
.cogs.cogs-iconbutton--disabled:focus-visible {
  outline: none;
  box-shadow: none;
}
.cogs.cogs-iconbutton--disabled.cogs-iconbutton--inverted {
  background: var(--cogs-themed-surface--interactive--disabled--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
  cursor: not-allowed;
  outline: none;
  box-shadow: none;
}
.cogs.cogs-iconbutton--disabled.cogs-iconbutton--inverted:hover:not([aria-disabled=true]) {
  background: var(--cogs-themed-surface--interactive--disabled--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
}
.cogs.cogs-iconbutton--disabled.cogs-iconbutton--inverted:active:not([aria-disabled=true]) {
  background: var(--cogs-themed-surface--interactive--disabled--inverted);
  color: var(--cogs-themed-text-icon--interactive--disabled--inverted);
}
.cogs.cogs-iconbutton.cogs-iconbutton--skeleton {
  display: inline-block;
  height: 26px;
  width: 26px;
  min-height: 1em;
  color: transparent;
  pointer-events: none;
}
.cogs.cogs-iconbutton.cogs-iconbutton--skeleton:focus {
  display: none;
}

.cogs-visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}

.cogs.cogs-document-icon {
  display: block;
}
.cogs.cogs-document-icon > svg {
  height: 100%;
  width: 100%;
}

.cogs-illustration {
  display: inline-block;
  width: 120px;
  line-height: 0;
}
.cogs-illustration svg {
  width: 100%;
  height: auto;
}

.cogs-icon {
  display: inline-block;
  width: 16px;
  line-height: 0;
  outline: none;
  overflow: hidden;
}
.cogs-icon svg {
  width: 100%;
  height: auto;
}

.cogs-icon--rotating {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  animation: spinner-loading 2s linear infinite;
  background: inherit;
}
@keyframes spinner-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.cogs-cognite-logo {
  fill: rgba(0, 0, 0, 0.9);
  fill: var(--cogs-themed-text-icon--strong);
}
.react-checkbox-tree {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 16px;
}
.react-checkbox-tree > ol {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.react-checkbox-tree ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}
.react-checkbox-tree ol ol {
  padding-left: 24px;
}
.react-checkbox-tree button {
  line-height: normal;
  color: inherit;
}
.react-checkbox-tree button:disabled {
  cursor: not-allowed;
}
.react-checkbox-tree .rct-bare-label {
  cursor: default;
}
.react-checkbox-tree label {
  margin-bottom: 0;
  cursor: pointer;
}
.react-checkbox-tree label:hover {
  background: rgba(51, 51, 204, 0.1);
}
.react-checkbox-tree label:active, .react-checkbox-tree label:focus {
  background: rgba(51, 51, 204, 0.15);
}
.react-checkbox-tree:not(.rct-native-display) input {
  display: none;
}
.react-checkbox-tree.rct-native-display input {
  margin: 0 5px;
}
.react-checkbox-tree .rct-icon {
  display: inline-block;
  text-align: center;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  font-style: normal;
}

.rct-disabled > .rct-text > label {
  opacity: 0.75;
  cursor: not-allowed;
}
.rct-disabled > .rct-text > label:hover {
  background: transparent;
}
.rct-disabled > .rct-text > label:active {
  background: transparent;
}

.rct-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.rct-options {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: 0.5rem;
  text-align: right;
}

.rct-option {
  opacity: 0.75;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0 4px;
  font-size: 18px;
}
.rct-option:hover {
  opacity: 1;
}
.rct-option + .rct-option {
  margin-left: 2px;
}

.rct-collapse,
.rct-checkbox,
.rct-node-icon {
  padding: 0 5px;
}
.rct-collapse *,
.rct-checkbox *,
.rct-node-icon * {
  display: inline-block;
  margin: 0;
  width: 14px;
}

.rct-collapse {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border: 0;
  background: none;
  line-height: normal;
  color: inherit;
  font-size: 12px;
}
.rct-collapse.rct-collapse-btn {
  cursor: pointer;
}
.rct-collapse > .rct-icon-expand-close {
  opacity: 0.5;
}
.rct-collapse > .rct-icon-expand-close:hover {
  opacity: 1;
}

.rct-native-display .rct-checkbox {
  display: none;
}

.rct-node-clickable {
  cursor: pointer;
}
.rct-node-clickable:hover {
  background: rgba(51, 51, 204, 0.1);
}
.rct-node-clickable:focus {
  outline: 0;
  background: rgba(51, 51, 204, 0.2);
}

.rct-node-icon {
  color: #33c;
}

.rct-title {
  padding: 0 5px;
}

.rct-icons-fa4 .rct-icon-expand-close::before {
  content: "\f054";
}
.rct-icons-fa4 .rct-icon-expand-open::before {
  content: "\f078";
}
.rct-icons-fa4 .rct-icon-uncheck::before {
  content: "\f096";
}
.rct-icons-fa4 .rct-icon-check::before {
  content: "\f046";
}
.rct-icons-fa4 .rct-icon-half-check::before {
  opacity: 0.5;
  content: "\f046";
}
.rct-icons-fa4 .rct-icon-leaf::before {
  content: "\f016";
}
.rct-icons-fa4 .rct-icon-parent-open::before {
  content: "\f115";
}
.rct-icons-fa4 .rct-icon-parent-close::before {
  content: "\f114";
}
.rct-icons-fa4 .rct-icon-expand-all::before {
  content: "\f0fe";
}
.rct-icons-fa4 .rct-icon-collapse-all::before {
  content: "\f146";
}

.rct-icons-fa5 .rct-icon-expand-close::before {
  font-weight: 900;
  content: "\f054";
}
.rct-icons-fa5 .rct-icon-expand-open::before {
  font-weight: 900;
  content: "\f078";
}
.rct-icons-fa5 .rct-icon-uncheck::before {
  content: "\f0c8";
}
.rct-icons-fa5 .rct-icon-check::before {
  content: "\f14a";
}
.rct-icons-fa5 .rct-icon-half-check::before {
  opacity: 0.5;
  content: "\f14a";
}
.rct-icons-fa5 .rct-icon-leaf::before {
  content: "\f15b";
}
.rct-icons-fa5 .rct-icon-parent-open::before {
  content: "\f07c";
}
.rct-icons-fa5 .rct-icon-parent-close::before {
  content: "\f07b";
}
.rct-icons-fa5 .rct-icon-expand-all::before {
  content: "\f0fe";
}
.rct-icons-fa5 .rct-icon-collapse-all::before {
  content: "\f146";
}

.rct-direction-rtl {
  direction: rtl;
}
.rct-direction-rtl ol ol {
  padding-right: 24px;
  padding-left: 0;
}
.rct-direction-rtl.rct-icons-fa4 .rct-icon-expand-close::before {
  content: "\f105";
}
.rct-direction-rtl.rct-icons-fa5 .rct-icon-expand-close::before {
  content: "\f053";
}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}
div #threed-viewer {
  height: calc(100vh - 56px);
}