/* src/styles/addon.css */
html,
body,
button,
input,
select,
textarea {
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

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

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

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

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

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

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

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

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

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    'Noto Sans',
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji'; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--nfc-color-foreground-3);
  opacity: 1;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--nfc-color-foreground-3);
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
  color: var(--nfc-color-foreground-3);
  opacity: 1;
}

button,
[role='button'] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/* src/styles/material/material-variables.css */
:root {
  --swift-ease-out-duration: 0.4s;
  --swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  --swift-ease-out: all var(--swift-ease-out-duration) var(--swift-ease-out-timing-function);

  --swift-ease-in-duration: 0.3s;
  --swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  --swift-ease-in: all var(--swift-ease-in-duration) var(--swift-ease-in-timing-function);

  --swift-ease-in-out-duration: 0.5s;
  --swift-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  --swift-ease-in-out: all var(--swift-ease-in-out-duration);

  --swift-linear-duration: 0.08s;
  --swift-linear-timing-function: linear;
  --swift-linear: all var(--swift-linear-duration) var(--swift-linear-timing-function);

  --material-enter-duration: 0.3s;
  --material-enter-timing-function: cubic-bezier(0, 0, 0.2, 1);
  --material-enter: all var(--material-enter-duration) var(--material-enter-timing-function);

  --material-leave-duration: 0.3s;
  --material-leave-timing-function: cubic-bezier(0.4, 0, 1, 1);
  --material-leave: all var(--material-leave-duration) var(--material-leave-timing-function);

  --mat-default-opacity: 1;

  --mat-z-index-progress-circular: 2;
  --mat-z-index-backdrop: 50;
  --mat-z-index-dialog: 80;
  --mat-z-index-tooltip: 100;
  --mat-z-index-menu: 100;
  --mat-z-index-toast: 105;
}

/* src/styles/nfield/_defaults.css */
::selection {
  background: var(--nfc-color-primary);
  color: var(--nfc-color-primary-contrast);
}

body {
  /* set default colors */
  color: var(--nfc-color-foreground);
  background: var(--nfc-color-background);
}

.flex-1 {
  flex: 1;
}

.ember-basic-dropdown-content.nfc-select-dropdown,
  .ember-basic-dropdown-content.nfc-datepicker-content,
  .ember-basic-dropdown-content.nfc-help-content-container {
    z-index: calc(var(--mat-z-index-dialog) + 1);
  }

/* src/styles/nfield/_palette.css */
:root {
  --nfc-color-definition-slate-50: 248 250 252;
  --nfc-color-definition-slate-100: 241 245 249;
  --nfc-color-definition-slate-200: 226 232 240;
  --nfc-color-definition-slate-600: 71 85 105;
  --nfc-color-definition-slate-300: 203 213 225;
  --nfc-color-definition-slate-400: 148 163 184;
  --nfc-color-definition-slate-500: 100 116 139;
  --nfc-color-definition-slate-700: 51 65 85;
  --nfc-color-definition-slate-800: 30 41 59;
  --nfc-color-definition-slate-900: 15 23 42;
  --nfc-color-slate-50: rgb(var(--nfc-color-definition-slate-50) / 1);
  --nfc-color-slate-100: rgb(var(--nfc-color-definition-slate-100) / 1);
  --nfc-color-slate-200: rgb(var(--nfc-color-definition-slate-200) / 1);
  --nfc-color-slate-300: rgb(var(--nfc-color-definition-slate-300) / 1);
  --nfc-color-slate-400: rgb(var(--nfc-color-definition-slate-400) / 1);
  --nfc-color-slate-500: rgb(var(--nfc-color-definition-slate-500) / 1);
  --nfc-color-slate-600: rgb(var(--nfc-color-definition-slate-600) / 1);
  --nfc-color-slate-700: rgb(var(--nfc-color-definition-slate-700) / 1);
  --nfc-color-slate-800: rgb(var(--nfc-color-definition-slate-800) / 1);
  --nfc-color-slate-900: rgb(var(--nfc-color-definition-slate-900) / 1);

  --nfc-color-definition-gray-50: 249 250 251;
  --nfc-color-definition-gray-100: 243 244 246;
  --nfc-color-definition-gray-200: 229 231 235;
  --nfc-color-definition-gray-300: 209 213 219;
  --nfc-color-definition-gray-400: 156 163 175;
  --nfc-color-definition-gray-500: 107 114 128;
  --nfc-color-definition-gray-600: 75 85 99;
  --nfc-color-definition-gray-700: 55 65 81;
  --nfc-color-definition-gray-800: 31 41 55;
  --nfc-color-definition-gray-900: 17 24 39;
  --nfc-color-gray-50: rgb(var(--nfc-color-definition-gray-50) / 1);
  --nfc-color-gray-100: rgb(var(--nfc-color-definition-gray-100) / 1);
  --nfc-color-gray-200: rgb(var(--nfc-color-definition-gray-200) / 1);
  --nfc-color-gray-300: rgb(var(--nfc-color-definition-gray-300) / 1);
  --nfc-color-gray-400: rgb(var(--nfc-color-definition-gray-400) / 1);
  --nfc-color-gray-500: rgb(var(--nfc-color-definition-gray-500) / 1);
  --nfc-color-gray-600: rgb(var(--nfc-color-definition-gray-600) / 1);
  --nfc-color-gray-700: rgb(var(--nfc-color-definition-gray-700) / 1);
  --nfc-color-gray-800: rgb(var(--nfc-color-definition-gray-800) / 1);
  --nfc-color-gray-900: rgb(var(--nfc-color-definition-gray-900) / 1);

  --nfc-color-definition-zinc-50: 250 250 250;
  --nfc-color-definition-zinc-100: 244 244 245;
  --nfc-color-definition-zinc-200: 228 228 231;
  --nfc-color-definition-zinc-300: 212 212 216;
  --nfc-color-definition-zinc-400: 161 161 170;
  --nfc-color-definition-zinc-500: 113 113 122;
  --nfc-color-definition-zinc-600: 82 82 91;
  --nfc-color-definition-zinc-700: 63 63 70;
  --nfc-color-definition-zinc-800: 39 39 42;
  --nfc-color-definition-zinc-900: 24 24 27;
  --nfc-color-zinc-50: rgb(var(--nfc-color-definition-zinc-50) / 1);
  --nfc-color-zinc-100: rgb(var(--nfc-color-definition-zinc-100) / 1);
  --nfc-color-zinc-200: rgb(var(--nfc-color-definition-zinc-200) / 1);
  --nfc-color-zinc-300: rgb(var(--nfc-color-definition-zinc-300) / 1);
  --nfc-color-zinc-400: rgb(var(--nfc-color-definition-zinc-400) / 1);
  --nfc-color-zinc-500: rgb(var(--nfc-color-definition-zinc-500) / 1);
  --nfc-color-zinc-600: rgb(var(--nfc-color-definition-zinc-600) / 1);
  --nfc-color-zinc-700: rgb(var(--nfc-color-definition-zinc-700) / 1);
  --nfc-color-zinc-800: rgb(var(--nfc-color-definition-zinc-800) / 1);
  --nfc-color-zinc-900: rgb(var(--nfc-color-definition-zinc-900) / 1);

  --nfc-color-definition-neutral-50: 250 250 250;
  --nfc-color-definition-neutral-100: 245 245 245;
  --nfc-color-definition-neutral-200: 229 229 229;
  --nfc-color-definition-neutral-300: 212 212 212;
  --nfc-color-definition-neutral-400: 163 163 163;
  --nfc-color-definition-neutral-500: 115 115 115;
  --nfc-color-definition-neutral-600: 82 82 82;
  --nfc-color-definition-neutral-700: 64 64 64;
  --nfc-color-definition-neutral-800: 38 38 38;
  --nfc-color-definition-neutral-900: 23 23 23;
  --nfc-color-neutral-50: rgb(var(--nfc-color-definition-neutral-50) / 1);
  --nfc-color-neutral-100: rgb(var(--nfc-color-definition-neutral-100) / 1);
  --nfc-color-neutral-200: rgb(var(--nfc-color-definition-neutral-200) / 1);
  --nfc-color-neutral-300: rgb(var(--nfc-color-definition-neutral-300) / 1);
  --nfc-color-neutral-400: rgb(var(--nfc-color-definition-neutral-400) / 1);
  --nfc-color-neutral-500: rgb(var(--nfc-color-definition-neutral-500) / 1);
  --nfc-color-neutral-600: rgb(var(--nfc-color-definition-neutral-600) / 1);
  --nfc-color-neutral-700: rgb(var(--nfc-color-definition-neutral-700) / 1);
  --nfc-color-neutral-800: rgb(var(--nfc-color-definition-neutral-800) / 1);
  --nfc-color-neutral-900: rgb(var(--nfc-color-definition-neutral-900) / 1);

  --nfc-color-definition-stone-50: 250 250 249;
  --nfc-color-definition-stone-100: 245 245 244;
  --nfc-color-definition-stone-200: 231 229 228;
  --nfc-color-definition-stone-300: 214 211 209;
  --nfc-color-definition-stone-400: 168 162 158;
  --nfc-color-definition-stone-500: 120 113 108;
  --nfc-color-definition-stone-600: 87 83 78;
  --nfc-color-definition-stone-700: 68 64 60;
  --nfc-color-definition-stone-800: 41 37 36;
  --nfc-color-definition-stone-900: 28 25 23;
  --nfc-color-stone-50: rgb(var(--nfc-color-definition-stone-50) / 1);
  --nfc-color-stone-100: rgb(var(--nfc-color-definition-stone-100) / 1);
  --nfc-color-stone-200: rgb(var(--nfc-color-definition-stone-200) / 1);
  --nfc-color-stone-300: rgb(var(--nfc-color-definition-stone-300) / 1);
  --nfc-color-stone-400: rgb(var(--nfc-color-definition-stone-400) / 1);
  --nfc-color-stone-500: rgb(var(--nfc-color-definition-stone-500) / 1);
  --nfc-color-stone-600: rgb(var(--nfc-color-definition-stone-600) / 1);
  --nfc-color-stone-700: rgb(var(--nfc-color-definition-stone-700) / 1);
  --nfc-color-stone-800: rgb(var(--nfc-color-definition-stone-800) / 1);
  --nfc-color-stone-900: rgb(var(--nfc-color-definition-stone-900) / 1);

  --nfc-color-definition-red-50: 254 242 242;
  --nfc-color-definition-red-100: 254 226 226;
  --nfc-color-definition-red-200: 254 202 202;
  --nfc-color-definition-red-300: 252 165 165;
  --nfc-color-definition-red-400: 248 113 113;
  --nfc-color-definition-red-500: 239 68 68;
  --nfc-color-definition-red-600: 220 38 38;
  --nfc-color-definition-red-700: 185 28 28;
  --nfc-color-definition-red-800: 153 27 27;
  --nfc-color-definition-red-900: 127 29 29;
  --nfc-color-red-50: rgb(var(--nfc-color-definition-red-50) / 1);
  --nfc-color-red-100: rgb(var(--nfc-color-definition-red-100) / 1);
  --nfc-color-red-200: rgb(var(--nfc-color-definition-red-200) / 1);
  --nfc-color-red-300: rgb(var(--nfc-color-definition-red-300) / 1);
  --nfc-color-red-400: rgb(var(--nfc-color-definition-red-400) / 1);
  --nfc-color-red-500: rgb(var(--nfc-color-definition-red-500) / 1);
  --nfc-color-red-600: rgb(var(--nfc-color-definition-red-600) / 1);
  --nfc-color-red-700: rgb(var(--nfc-color-definition-red-700) / 1);
  --nfc-color-red-800: rgb(var(--nfc-color-definition-red-800) / 1);
  --nfc-color-red-900: rgb(var(--nfc-color-definition-red-900) / 1);

  --nfc-color-definition-orange-50: 255 247 237;
  --nfc-color-definition-orange-100: 255 237 213;
  --nfc-color-definition-orange-200: 254 215 170;
  --nfc-color-definition-orange-300: 253 186 116;
  --nfc-color-definition-orange-400: 251 146 60;
  --nfc-color-definition-orange-500: 249 115 22;
  --nfc-color-definition-orange-600: 234 88 12;
  --nfc-color-definition-orange-700: 194 65 12;
  --nfc-color-definition-orange-800: 154 52 18;
  --nfc-color-definition-orange-900: 124 45 18;
  --nfc-color-orange-50: rgb(var(--nfc-color-definition-orange-50) / 1);
  --nfc-color-orange-100: rgb(var(--nfc-color-definition-orange-100) / 1);
  --nfc-color-orange-200: rgb(var(--nfc-color-definition-orange-200) / 1);
  --nfc-color-orange-300: rgb(var(--nfc-color-definition-orange-300) / 1);
  --nfc-color-orange-400: rgb(var(--nfc-color-definition-orange-400) / 1);
  --nfc-color-orange-500: rgb(var(--nfc-color-definition-orange-500) / 1);
  --nfc-color-orange-600: rgb(var(--nfc-color-definition-orange-600) / 1);
  --nfc-color-orange-700: rgb(var(--nfc-color-definition-orange-700) / 1);
  --nfc-color-orange-800: rgb(var(--nfc-color-definition-orange-800) / 1);
  --nfc-color-orange-900: rgb(var(--nfc-color-definition-orange-900) / 1);

  --nfc-color-definition-amber-50: 255 251 235;
  --nfc-color-definition-amber-100: 254 243 199;
  --nfc-color-definition-amber-200: 253 230 138;
  --nfc-color-definition-amber-300: 252 211 77;
  --nfc-color-definition-amber-400: 251 191 36;
  --nfc-color-definition-amber-500: 245 158 11;
  --nfc-color-definition-amber-600: 217 119 6;
  --nfc-color-definition-amber-700: 180 83 9;
  --nfc-color-definition-amber-800: 146 64 14;
  --nfc-color-definition-amber-900: 120 53 15;
  --nfc-color-amber-50: rgb(var(--nfc-color-definition-amber-50) / 1);
  --nfc-color-amber-100: rgb(var(--nfc-color-definition-amber-100) / 1);
  --nfc-color-amber-200: rgb(var(--nfc-color-definition-amber-200) / 1);
  --nfc-color-amber-300: rgb(var(--nfc-color-definition-amber-300) / 1);
  --nfc-color-amber-400: rgb(var(--nfc-color-definition-amber-400) / 1);
  --nfc-color-amber-500: rgb(var(--nfc-color-definition-amber-500) / 1);
  --nfc-color-amber-600: rgb(var(--nfc-color-definition-amber-600) / 1);
  --nfc-color-amber-700: rgb(var(--nfc-color-definition-amber-700) / 1);
  --nfc-color-amber-800: rgb(var(--nfc-color-definition-amber-800) / 1);
  --nfc-color-amber-900: rgb(var(--nfc-color-definition-amber-900) / 1);

  --nfc-color-definition-yellow-50: 254 252 232;
  --nfc-color-definition-yellow-100: 254 249 195;
  --nfc-color-definition-yellow-200: 254 240 138;
  --nfc-color-definition-yellow-300: 253 224 71;
  --nfc-color-definition-yellow-400: 250 204 21;
  --nfc-color-definition-yellow-500: 234 179 8;
  --nfc-color-definition-yellow-600: 202 138 4;
  --nfc-color-definition-yellow-700: 161 98 7;
  --nfc-color-definition-yellow-800: 133 77 14;
  --nfc-color-definition-yellow-900: 113 63 18;
  --nfc-color-yellow-50: rgb(var(--nfc-color-definition-yellow-50) / 1);
  --nfc-color-yellow-100: rgb(var(--nfc-color-definition-yellow-100) / 1);
  --nfc-color-yellow-200: rgb(var(--nfc-color-definition-yellow-200) / 1);
  --nfc-color-yellow-300: rgb(var(--nfc-color-definition-yellow-300) / 1);
  --nfc-color-yellow-400: rgb(var(--nfc-color-definition-yellow-400) / 1);
  --nfc-color-yellow-500: rgb(var(--nfc-color-definition-yellow-500) / 1);
  --nfc-color-yellow-600: rgb(var(--nfc-color-definition-yellow-600) / 1);
  --nfc-color-yellow-700: rgb(var(--nfc-color-definition-yellow-700) / 1);
  --nfc-color-yellow-800: rgb(var(--nfc-color-definition-yellow-800) / 1);
  --nfc-color-yellow-900: rgb(var(--nfc-color-definition-yellow-900) / 1);

  --nfc-color-definition-lime-50: 247 254 231;
  --nfc-color-definition-lime-100: 236 252 203;
  --nfc-color-definition-lime-200: 217 249 157;
  --nfc-color-definition-lime-300: 190 242 100;
  --nfc-color-definition-lime-400: 163 230 53;
  --nfc-color-definition-lime-500: 132 204 22;
  --nfc-color-definition-lime-600: 101 163 13;
  --nfc-color-definition-lime-700: 77 124 15;
  --nfc-color-definition-lime-800: 63 98 18;
  --nfc-color-definition-lime-900: 54 83 20;
  --nfc-color-lime-50: rgb(var(--nfc-color-definition-lime-50) / 1);
  --nfc-color-lime-100: rgb(var(--nfc-color-definition-lime-100) / 1);
  --nfc-color-lime-200: rgb(var(--nfc-color-definition-lime-200) / 1);
  --nfc-color-lime-300: rgb(var(--nfc-color-definition-lime-300) / 1);
  --nfc-color-lime-400: rgb(var(--nfc-color-definition-lime-400) / 1);
  --nfc-color-lime-500: rgb(var(--nfc-color-definition-lime-500) / 1);
  --nfc-color-lime-600: rgb(var(--nfc-color-definition-lime-600) / 1);
  --nfc-color-lime-700: rgb(var(--nfc-color-definition-lime-700) / 1);
  --nfc-color-lime-800: rgb(var(--nfc-color-definition-lime-800) / 1);
  --nfc-color-lime-900: rgb(var(--nfc-color-definition-lime-900) / 1);
  --nfc-color-green-50: rgb(var(--nfc-color-definition-green-50) / 1);

  --nfc-color-definition-green-50: 240 253 244;
  --nfc-color-definition-green-100: 220 252 231;
  --nfc-color-definition-green-200: 187 247 208;
  --nfc-color-definition-green-300: 134 239 172;
  --nfc-color-definition-green-400: 74 222 128;
  --nfc-color-definition-green-500: 34 197 94;
  --nfc-color-definition-green-600: 22 163 74;
  --nfc-color-definition-green-700: 21 128 61;
  --nfc-color-definition-green-800: 22 101 52;
  --nfc-color-definition-green-900: 20 83 45;
  --nfc-color-green-100: rgb(var(--nfc-color-definition-green-100) / 1);
  --nfc-color-green-200: rgb(var(--nfc-color-definition-green-200) / 1);
  --nfc-color-green-300: rgb(var(--nfc-color-definition-green-300) / 1);
  --nfc-color-green-400: rgb(var(--nfc-color-definition-green-400) / 1);
  --nfc-color-green-500: rgb(var(--nfc-color-definition-green-500) / 1);
  --nfc-color-green-600: rgb(var(--nfc-color-definition-green-600) / 1);
  --nfc-color-green-700: rgb(var(--nfc-color-definition-green-700) / 1);
  --nfc-color-green-800: rgb(var(--nfc-color-definition-green-800) / 1);
  --nfc-color-green-900: rgb(var(--nfc-color-definition-green-900) / 1);

  --nfc-color-definition-emerald-50: 236 253 245;
  --nfc-color-definition-emerald-100: 209 250 229;
  --nfc-color-definition-emerald-200: 167 243 208;
  --nfc-color-definition-emerald-300: 110 231 183;
  --nfc-color-definition-emerald-400: 52 211 153;
  --nfc-color-definition-emerald-500: 16 185 129;
  --nfc-color-definition-emerald-600: 5 150 105;
  --nfc-color-definition-emerald-700: 4 120 87;
  --nfc-color-definition-emerald-800: 6 95 70;
  --nfc-color-definition-emerald-900: 6 78 59;
  --nfc-color-emerald-50: rgb(var(--nfc-color-definition-emerald-50) / 1);
  --nfc-color-emerald-100: rgb(var(--nfc-color-definition-emerald-100) / 1);
  --nfc-color-emerald-200: rgb(var(--nfc-color-definition-emerald-200) / 1);
  --nfc-color-emerald-300: rgb(var(--nfc-color-definition-emerald-300) / 1);
  --nfc-color-emerald-400: rgb(var(--nfc-color-definition-emerald-400) / 1);
  --nfc-color-emerald-500: rgb(var(--nfc-color-definition-emerald-500) / 1);
  --nfc-color-emerald-600: rgb(var(--nfc-color-definition-emerald-600) / 1);
  --nfc-color-emerald-700: rgb(var(--nfc-color-definition-emerald-700) / 1);
  --nfc-color-emerald-800: rgb(var(--nfc-color-definition-emerald-800) / 1);
  --nfc-color-emerald-900: rgb(var(--nfc-color-definition-emerald-900) / 1);

  --nfc-color-definition-teal-50: 240 253 250;
  --nfc-color-definition-teal-100: 204 251 241;
  --nfc-color-definition-teal-200: 153 246 228;
  --nfc-color-definition-teal-300: 94 234 212;
  --nfc-color-definition-teal-400: 45 212 191;
  --nfc-color-definition-teal-500: 20 184 166;
  --nfc-color-definition-teal-600: 13 148 136;
  --nfc-color-definition-teal-700: 15 118 110;
  --nfc-color-definition-teal-800: 17 94 89;
  --nfc-color-definition-teal-900: 19 78 74;
  --nfc-color-teal-50: rgb(var(--nfc-color-definition-teal-50) / 1);
  --nfc-color-teal-100: rgb(var(--nfc-color-definition-teal-100) / 1);
  --nfc-color-teal-200: rgb(var(--nfc-color-definition-teal-200) / 1);
  --nfc-color-teal-300: rgb(var(--nfc-color-definition-teal-300) / 1);
  --nfc-color-teal-400: rgb(var(--nfc-color-definition-teal-400) / 1);
  --nfc-color-teal-500: rgb(var(--nfc-color-definition-teal-500) / 1);
  --nfc-color-teal-600: rgb(var(--nfc-color-definition-teal-600) / 1);
  --nfc-color-teal-700: rgb(var(--nfc-color-definition-teal-700) / 1);
  --nfc-color-teal-800: rgb(var(--nfc-color-definition-teal-800) / 1);
  --nfc-color-teal-900: rgb(var(--nfc-color-definition-teal-900) / 1);

  --nfc-color-definition-cyan-50: 236 254 255;
  --nfc-color-definition-cyan-100: 207 250 254;
  --nfc-color-definition-cyan-200: 165 243 252;
  --nfc-color-definition-cyan-300: 103 232 249;
  --nfc-color-definition-cyan-400: 34 211 238;
  --nfc-color-definition-cyan-500: 6 182 212;
  --nfc-color-definition-cyan-600: 8 145 178;
  --nfc-color-definition-cyan-700: 14 116 144;
  --nfc-color-definition-cyan-800: 21 94 117;
  --nfc-color-definition-cyan-900: 22 78 99;
  --nfc-color-cyan-50: rgb(var(--nfc-color-definition-cyan-50) / 1);
  --nfc-color-cyan-100: rgb(var(--nfc-color-definition-cyan-100) / 1);
  --nfc-color-cyan-200: rgb(var(--nfc-color-definition-cyan-200) / 1);
  --nfc-color-cyan-300: rgb(var(--nfc-color-definition-cyan-300) / 1);
  --nfc-color-cyan-400: rgb(var(--nfc-color-definition-cyan-400) / 1);
  --nfc-color-cyan-500: rgb(var(--nfc-color-definition-cyan-500) / 1);
  --nfc-color-cyan-600: rgb(var(--nfc-color-definition-cyan-600) / 1);
  --nfc-color-cyan-700: rgb(var(--nfc-color-definition-cyan-700) / 1);
  --nfc-color-cyan-800: rgb(var(--nfc-color-definition-cyan-800) / 1);
  --nfc-color-cyan-900: rgb(var(--nfc-color-definition-cyan-900) / 1);

  --nfc-color-definition-sky-50: 240 249 255;
  --nfc-color-definition-sky-100: 224 242 254;
  --nfc-color-definition-sky-200: 186 230 253;
  --nfc-color-definition-sky-300: 125 211 252;
  --nfc-color-definition-sky-400: 56 189 248;
  --nfc-color-definition-sky-500: 14 165 233;
  --nfc-color-definition-sky-600: 2 132 199;
  --nfc-color-definition-sky-700: 3 105 161;
  --nfc-color-definition-sky-800: 7 89 133;
  --nfc-color-definition-sky-900: 12 74 110;
  --nfc-color-sky-50: rgb(var(--nfc-color-definition-sky-50) / 1);
  --nfc-color-sky-100: rgb(var(--nfc-color-definition-sky-100) / 1);
  --nfc-color-sky-200: rgb(var(--nfc-color-definition-sky-200) / 1);
  --nfc-color-sky-300: rgb(var(--nfc-color-definition-sky-300) / 1);
  --nfc-color-sky-400: rgb(var(--nfc-color-definition-sky-400) / 1);
  --nfc-color-sky-500: rgb(var(--nfc-color-definition-sky-500) / 1);
  --nfc-color-sky-600: rgb(var(--nfc-color-definition-sky-600) / 1);
  --nfc-color-sky-700: rgb(var(--nfc-color-definition-sky-700) / 1);
  --nfc-color-sky-800: rgb(var(--nfc-color-definition-sky-800) / 1);
  --nfc-color-sky-900: rgb(var(--nfc-color-definition-sky-900) / 1);

  --nfc-color-definition-blue-50: 239 246 255;
  --nfc-color-definition-blue-100: 219 234 254;
  --nfc-color-definition-blue-200: 191 219 254;
  --nfc-color-definition-blue-300: 147 197 253;
  --nfc-color-definition-blue-400: 96 165 250;
  --nfc-color-definition-blue-500: 59 130 246;
  --nfc-color-definition-blue-600: 37 99 235;
  --nfc-color-definition-blue-700: 29 78 216;
  --nfc-color-definition-blue-800: 30 64 175;
  --nfc-color-definition-blue-900: 30 58 138;
  --nfc-color-blue-50: rgb(var(--nfc-color-definition-blue-50) / 1);
  --nfc-color-blue-100: rgb(var(--nfc-color-definition-blue-100) / 1);
  --nfc-color-blue-200: rgb(var(--nfc-color-definition-blue-200) / 1);
  --nfc-color-blue-300: rgb(var(--nfc-color-definition-blue-300) / 1);
  --nfc-color-blue-400: rgb(var(--nfc-color-definition-blue-400) / 1);
  --nfc-color-blue-500: rgb(var(--nfc-color-definition-blue-500) / 1);
  --nfc-color-blue-600: rgb(var(--nfc-color-definition-blue-600) / 1);
  --nfc-color-blue-700: rgb(var(--nfc-color-definition-blue-700) / 1);
  --nfc-color-blue-800: rgb(var(--nfc-color-definition-blue-800) / 1);
  --nfc-color-blue-900: rgb(var(--nfc-color-definition-blue-900) / 1);

  --nfc-color-definition-indigo-50: 238 242 255;
  --nfc-color-definition-indigo-100: 224 231 255;
  --nfc-color-definition-indigo-200: 199 210 254;
  --nfc-color-definition-indigo-300: 165 180 252;
  --nfc-color-definition-indigo-400: 129 140 248;
  --nfc-color-definition-indigo-500: 99 102 241;
  --nfc-color-definition-indigo-600: 79 70 229;
  --nfc-color-definition-indigo-700: 67 56 202;
  --nfc-color-definition-indigo-800: 55 48 163;
  --nfc-color-definition-indigo-900: 49 46 129;
  --nfc-color-indigo-50: rgb(var(--nfc-color-definition-indigo-50) / 1);
  --nfc-color-indigo-100: rgb(var(--nfc-color-definition-indigo-100) / 1);
  --nfc-color-indigo-200: rgb(var(--nfc-color-definition-indigo-200) / 1);
  --nfc-color-indigo-300: rgb(var(--nfc-color-definition-indigo-300) / 1);
  --nfc-color-indigo-400: rgb(var(--nfc-color-definition-indigo-400) / 1);
  --nfc-color-indigo-500: rgb(var(--nfc-color-definition-indigo-500) / 1);
  --nfc-color-indigo-600: rgb(var(--nfc-color-definition-indigo-600) / 1);
  --nfc-color-indigo-700: rgb(var(--nfc-color-definition-indigo-700) / 1);
  --nfc-color-indigo-800: rgb(var(--nfc-color-definition-indigo-800) / 1);
  --nfc-color-indigo-900: rgb(var(--nfc-color-definition-indigo-900) / 1);

  --nfc-color-definition-violet-50: 245 243 255;
  --nfc-color-definition-violet-100: 237 233 254;
  --nfc-color-definition-violet-200: 221 214 254;
  --nfc-color-definition-violet-300: 196 181 253;
  --nfc-color-definition-violet-400: 167 139 250;
  --nfc-color-definition-violet-500: 139 92 246;
  --nfc-color-definition-violet-600: 124 58 237;
  --nfc-color-definition-violet-700: 109 40 217;
  --nfc-color-definition-violet-800: 91 33 182;
  --nfc-color-definition-violet-900: 76 29 149;
  --nfc-color-violet-50: rgb(var(--nfc-color-definition-violet-50) / 1);
  --nfc-color-violet-100: rgb(var(--nfc-color-definition-violet-100) / 1);
  --nfc-color-violet-200: rgb(var(--nfc-color-definition-violet-200) / 1);
  --nfc-color-violet-300: rgb(var(--nfc-color-definition-violet-300) / 1);
  --nfc-color-violet-400: rgb(var(--nfc-color-definition-violet-400) / 1);
  --nfc-color-violet-500: rgb(var(--nfc-color-definition-violet-500) / 1);
  --nfc-color-violet-600: rgb(var(--nfc-color-definition-violet-600) / 1);
  --nfc-color-violet-700: rgb(var(--nfc-color-definition-violet-700) / 1);
  --nfc-color-violet-800: rgb(var(--nfc-color-definition-violet-800) / 1);
  --nfc-color-violet-900: rgb(var(--nfc-color-definition-violet-900) / 1);

  --nfc-color-definition-purple-50: 250 245 255;
  --nfc-color-definition-purple-100: 243 232 255;
  --nfc-color-definition-purple-200: 233 213 255;
  --nfc-color-definition-purple-300: 216 180 254;
  --nfc-color-definition-purple-400: 192 132 252;
  --nfc-color-definition-purple-500: 168 85 247;
  --nfc-color-definition-purple-600: 147 51 234;
  --nfc-color-definition-purple-700: 126 34 206;
  --nfc-color-definition-purple-800: 107 33 168;
  --nfc-color-definition-purple-900: 88 28 135;
  --nfc-color-purple-50: rgb(var(--nfc-color-definition-purple-50) / 1);
  --nfc-color-purple-100: rgb(var(--nfc-color-definition-purple-100) / 1);
  --nfc-color-purple-200: rgb(var(--nfc-color-definition-purple-200) / 1);
  --nfc-color-purple-300: rgb(var(--nfc-color-definition-purple-300) / 1);
  --nfc-color-purple-400: rgb(var(--nfc-color-definition-purple-400) / 1);
  --nfc-color-purple-500: rgb(var(--nfc-color-definition-purple-500) / 1);
  --nfc-color-purple-600: rgb(var(--nfc-color-definition-purple-600) / 1);
  --nfc-color-purple-700: rgb(var(--nfc-color-definition-purple-700) / 1);
  --nfc-color-purple-800: rgb(var(--nfc-color-definition-purple-800) / 1);
  --nfc-color-purple-900: rgb(var(--nfc-color-definition-purple-900) / 1);
  --nfc-color-fuchsia-50: rgb(var(--nfc-color-definition-fuchsia-50) / 1);

  --nfc-color-definition-fuchsia-50: 253 244 255;
  --nfc-color-definition-fuchsia-100: 250 232 255;
  --nfc-color-definition-fuchsia-200: 245 208 254;
  --nfc-color-definition-fuchsia-300: 240 171 252;
  --nfc-color-definition-fuchsia-400: 232 121 249;
  --nfc-color-definition-fuchsia-500: 217 70 239;
  --nfc-color-definition-fuchsia-600: 192 38 211;
  --nfc-color-definition-fuchsia-700: 162 28 175;
  --nfc-color-definition-fuchsia-800: 134 25 143;
  --nfc-color-definition-fuchsia-900: 112 26 117;
  --nfc-color-fuchsia-100: rgb(var(--nfc-color-definition-fuchsia-100) / 1);
  --nfc-color-fuchsia-200: rgb(var(--nfc-color-definition-fuchsia-200) / 1);
  --nfc-color-fuchsia-300: rgb(var(--nfc-color-definition-fuchsia-300) / 1);
  --nfc-color-fuchsia-400: rgb(var(--nfc-color-definition-fuchsia-400) / 1);
  --nfc-color-fuchsia-500: rgb(var(--nfc-color-definition-fuchsia-500) / 1);
  --nfc-color-fuchsia-600: rgb(var(--nfc-color-definition-fuchsia-600) / 1);
  --nfc-color-fuchsia-700: rgb(var(--nfc-color-definition-fuchsia-700) / 1);
  --nfc-color-fuchsia-800: rgb(var(--nfc-color-definition-fuchsia-800) / 1);
  --nfc-color-fuchsia-900: rgb(var(--nfc-color-definition-fuchsia-900) / 1);

  --nfc-color-definition-pink-50: 253 242 248;
  --nfc-color-definition-pink-100: 252 231 243;
  --nfc-color-definition-pink-200: 251 207 232;
  --nfc-color-definition-pink-300: 249 168 212;
  --nfc-color-definition-pink-400: 244 114 182;
  --nfc-color-definition-pink-500: 236 72 153;
  --nfc-color-definition-pink-600: 219 39 119;
  --nfc-color-definition-pink-700: 190 24 93;
  --nfc-color-definition-pink-800: 157 23 77;
  --nfc-color-definition-pink-900: 131 24 67;
  --nfc-color-pink-50: rgb(var(--nfc-color-definition-pink-50) / 1);
  --nfc-color-pink-100: rgb(var(--nfc-color-definition-pink-100) / 1);
  --nfc-color-pink-200: rgb(var(--nfc-color-definition-pink-200) / 1);
  --nfc-color-pink-300: rgb(var(--nfc-color-definition-pink-300) / 1);
  --nfc-color-pink-400: rgb(var(--nfc-color-definition-pink-400) / 1);
  --nfc-color-pink-500: rgb(var(--nfc-color-definition-pink-500) / 1);
  --nfc-color-pink-600: rgb(var(--nfc-color-definition-pink-600) / 1);
  --nfc-color-pink-700: rgb(var(--nfc-color-definition-pink-700) / 1);
  --nfc-color-pink-800: rgb(var(--nfc-color-definition-pink-800) / 1);
  --nfc-color-pink-900: rgb(var(--nfc-color-definition-pink-900) / 1);

  --nfc-color-definition-rose-50: 255 241 242;
  --nfc-color-definition-rose-100: 255 228 230;
  --nfc-color-definition-rose-200: 254 205 211;
  --nfc-color-definition-rose-300: 253 164 175;
  --nfc-color-definition-rose-400: 251 113 133;
  --nfc-color-definition-rose-500: 244 63 94;
  --nfc-color-definition-rose-600: 225 29 72;
  --nfc-color-definition-rose-700: 190 18 60;
  --nfc-color-definition-rose-800: 159 18 57;
  --nfc-color-definition-rose-900: 136 19 55;
  --nfc-color-rose-50: rgb(var(--nfc-color-definition-rose-50) / 1);
  --nfc-color-rose-100: rgb(var(--nfc-color-definition-rose-100) / 1);
  --nfc-color-rose-200: rgb(var(--nfc-color-definition-rose-200) / 1);
  --nfc-color-rose-300: rgb(var(--nfc-color-definition-rose-300) / 1);
  --nfc-color-rose-400: rgb(var(--nfc-color-definition-rose-400) / 1);
  --nfc-color-rose-500: rgb(var(--nfc-color-definition-rose-500) / 1);
  --nfc-color-rose-600: rgb(var(--nfc-color-definition-rose-600) / 1);
  --nfc-color-rose-700: rgb(var(--nfc-color-definition-rose-700) / 1);
  --nfc-color-rose-800: rgb(var(--nfc-color-definition-rose-800) / 1);
  --nfc-color-rose-900: rgb(var(--nfc-color-definition-rose-900) / 1);

  /* nfield brand colors */
  --nfc-color-definition-brand-1: 2 167 156; /* nfield teal */
  --nfc-color-definition-brand-2: 234 89 46; /* nfield orange */

  /* gray scale */
  --nfc-color-definition-background: 255 255 255;
  --nfc-color-background: rgb(var(--nfc-color-definition-background) / 1); /* base layer */
  --nfc-color-background-1: rgb(var(--nfc-color-definition-gray-50) / 0.5); /* app background */
  --nfc-color-background-2: rgb(var(--nfc-color-definition-background)); /* "active" background */
  --nfc-color-background-3: rgb(var(--nfc-color-definition-gray-100)); /* highlight */

  --nfc-color-definition-foreground: 0 0 0;
  --nfc-color-alpha-foreground-1: 0.87;
  --nfc-color-alpha-foreground-2: 0.54;
  --nfc-color-alpha-foreground-3: 0.38;
  --nfc-color-alpha-foreground-4: 0.12;
  --nfc-color-alpha-foreground-5: 0.03;
  --nfc-color-foreground: rgb(var(--nfc-color-definition-foreground) / 1);
  --nfc-color-foreground-1: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-1));
  --nfc-color-foreground-2: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-2));
  --nfc-color-foreground-3: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-3));
  --nfc-color-foreground-4: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-4));
  --nfc-color-foreground-5: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-5));

  /* primary / secondary / danger */
  --nfc-color-definition-primary-50: var(--nfc-color-definition-teal-50);
  --nfc-color-definition-primary-100: var(--nfc-color-definition-teal-100);
  --nfc-color-definition-primary-200: var(--nfc-color-definition-teal-200);
  --nfc-color-definition-primary-300: var(--nfc-color-definition-teal-300);
  --nfc-color-definition-primary-400: var(--nfc-color-definition-teal-400);
  --nfc-color-definition-primary-500: var(--nfc-color-definition-brand-1);
  --nfc-color-definition-primary-600: var(--nfc-color-definition-teal-600);
  --nfc-color-definition-primary-700: var(--nfc-color-definition-teal-700);
  --nfc-color-definition-primary-800: var(--nfc-color-definition-teal-800);
  --nfc-color-definition-primary-900: var(--nfc-color-definition-teal-900);
  --nfc-color-primary-50: rgb(var(--nfc-color-definition-primary-50) / 1);
  --nfc-color-primary-100: rgb(var(--nfc-color-definition-primary-100) / 1);
  --nfc-color-primary-200: rgb(var(--nfc-color-definition-primary-200) / 1);
  --nfc-color-primary-300: rgb(var(--nfc-color-definition-primary-300) / 1);
  --nfc-color-primary-400: rgb(var(--nfc-color-definition-primary-400) / 1);
  --nfc-color-primary-500: rgb(var(--nfc-color-definition-primary-500) / 1);
  --nfc-color-primary-600: rgb(var(--nfc-color-definition-primary-600) / 1);
  --nfc-color-primary-700: rgb(var(--nfc-color-definition-primary-700) / 1);
  --nfc-color-primary-800: rgb(var(--nfc-color-definition-primary-800) / 1);
  --nfc-color-primary-900: rgb(var(--nfc-color-definition-primary-900) / 1);
  --nfc-color-primary: var(--nfc-color-primary-500);
  --nfc-color-primary-contrast: var(--nfc-color-background);

  --nfc-color-definition-secondary-50: var(--nfc-color-definition-orange-50);
  --nfc-color-definition-secondary-100: var(--nfc-color-definition-orange-100);
  --nfc-color-definition-secondary-200: var(--nfc-color-definition-orange-200);
  --nfc-color-definition-secondary-300: var(--nfc-color-definition-orange-300);
  --nfc-color-definition-secondary-400: var(--nfc-color-definition-orange-400);
  --nfc-color-definition-secondary-500: var(--nfc-color-definition-brand-2);
  --nfc-color-definition-secondary-600: var(--nfc-color-definition-orange-600);
  --nfc-color-definition-secondary-700: var(--nfc-color-definition-orange-700);
  --nfc-color-definition-secondary-800: var(--nfc-color-definition-orange-800);
  --nfc-color-definition-secondary-900: var(--nfc-color-definition-orange-900);
  --nfc-color-secondary-50: rgb(var(--nfc-color-definition-secondary-50) / 1);
  --nfc-color-secondary-100: rgb(var(--nfc-color-definition-secondary-100) / 1);
  --nfc-color-secondary-200: rgb(var(--nfc-color-definition-secondary-200) / 1);
  --nfc-color-secondary-300: rgb(var(--nfc-color-definition-secondary-300) / 1);
  --nfc-color-secondary-400: rgb(var(--nfc-color-definition-secondary-400) / 1);
  --nfc-color-secondary-500: rgb(var(--nfc-color-definition-secondary-500) / 1);
  --nfc-color-secondary-600: rgb(var(--nfc-color-definition-secondary-600) / 1);
  --nfc-color-secondary-700: rgb(var(--nfc-color-definition-secondary-700) / 1);
  --nfc-color-secondary-800: rgb(var(--nfc-color-definition-secondary-800) / 1);
  --nfc-color-secondary-900: rgb(var(--nfc-color-definition-secondary-900) / 1);
  --nfc-color-secondary: var(--nfc-color-secondary-500);
  --nfc-color-secondary-contrast: var(--nfc-color-background);

  --nfc-color-definition-danger-50: var(--nfc-color-definition-rose-50);
  --nfc-color-definition-danger-100: var(--nfc-color-definition-rose-100);
  --nfc-color-definition-danger-200: var(--nfc-color-definition-rose-200);
  --nfc-color-definition-danger-300: var(--nfc-color-definition-rose-300);
  --nfc-color-definition-danger-400: var(--nfc-color-definition-rose-400);
  --nfc-color-definition-danger-500: var(--nfc-color-definition-rose-500);
  --nfc-color-definition-danger-600: var(--nfc-color-definition-rose-600);
  --nfc-color-definition-danger-700: var(--nfc-color-definition-rose-700);
  --nfc-color-definition-danger-800: var(--nfc-color-definition-rose-800);
  --nfc-color-definition-danger-900: var(--nfc-color-definition-rose-900);
  --nfc-color-danger-50: rgb(var(--nfc-color-definition-danger-50) / 1);
  --nfc-color-danger-100: rgb(var(--nfc-color-definition-danger-100) / 1);
  --nfc-color-danger-200: rgb(var(--nfc-color-definition-danger-200) / 1);
  --nfc-color-danger-300: rgb(var(--nfc-color-definition-danger-300) / 1);
  --nfc-color-danger-400: rgb(var(--nfc-color-definition-danger-400) / 1);
  --nfc-color-danger-500: rgb(var(--nfc-color-definition-danger-500) / 1);
  --nfc-color-danger-600: rgb(var(--nfc-color-definition-danger-600) / 1);
  --nfc-color-danger-700: rgb(var(--nfc-color-definition-danger-700) / 1);
  --nfc-color-danger-800: rgb(var(--nfc-color-definition-danger-800) / 1);
  --nfc-color-danger-900: rgb(var(--nfc-color-definition-danger-900) / 1);
  --nfc-color-danger: var(--nfc-color-danger-500);
  --nfc-color-danger-contrast: var(--nfc-color-background);

  --nfc-color-transition: var(--swift-ease-out-duration) var(--swift-ease-out-timing-function);
}

[nfc-color] {
  --nfc-color-current-filled: var(--nfc-color-current-500);
  --nfc-color-current-text: var(--nfc-color-current-600);
  --nfc-color-current-filled-contrast: var(--nfc-color-background);
  --nfc-color-current-tonal: rgb(var(--nfc-color-definition-current-500) / 0.15);
  --nfc-color-current-tonal-contrast: var(--nfc-color-foreground);
  --nfc-color-current-line-alpha: 0.36;
  --nfc-color-definition-current-line: var(--nfc-color-definition-current-500);
  --nfc-color-current-line: rgb(var(--nfc-color-definition-current-line) / var(--nfc-color-current-line-alpha));
  --nfc-color-current-alpha: 1;
  --nfc-color-current-background: rgb(var(--nfc-color-definition-current-500) / 0.06);

  --nfc-color-definition-current-50: var(--nfc-color-definition-gray-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-gray-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-gray-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-gray-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-gray-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-gray-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-gray-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-gray-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-gray-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-gray-900);

  --nfc-color-current-50: rgb(var(--nfc-color-definition-current-50) / var(--nfc-color-current-alpha));
  --nfc-color-current-100: rgb(var(--nfc-color-definition-current-100) / var(--nfc-color-current-alpha));
  --nfc-color-current-200: rgb(var(--nfc-color-definition-current-200) / var(--nfc-color-current-alpha));
  --nfc-color-current-300: rgb(var(--nfc-color-definition-current-300) / var(--nfc-color-current-alpha));
  --nfc-color-current-400: rgb(var(--nfc-color-definition-current-400) / var(--nfc-color-current-alpha));
  --nfc-color-current-500: rgb(var(--nfc-color-definition-current-500) / var(--nfc-color-current-alpha));
  --nfc-color-current-600: rgb(var(--nfc-color-definition-current-600) / var(--nfc-color-current-alpha));
  --nfc-color-current-700: rgb(var(--nfc-color-definition-current-700) / var(--nfc-color-current-alpha));
  --nfc-color-current-800: rgb(var(--nfc-color-definition-current-800) / var(--nfc-color-current-alpha));
  --nfc-color-current-900: rgb(var(--nfc-color-definition-current-900) / var(--nfc-color-current-alpha));

  color: var(--nfc-color-current-text);

  transition:
    color var(--nfc-color-transition),
    background-color var(--nfc-color-transition),
    border-color var(--nfc-color-transition);
}

[nfc-color] [nfc-color='current'] {
  --nfc-color-definition-current-50: inherit;
  --nfc-color-definition-current-100: inherit;
  --nfc-color-definition-current-200: inherit;
  --nfc-color-definition-current-300: inherit;
  --nfc-color-definition-current-400: inherit;
  --nfc-color-definition-current-500: inherit;
  --nfc-color-definition-current-600: inherit;
  --nfc-color-definition-current-700: inherit;
  --nfc-color-definition-current-800: inherit;
  --nfc-color-definition-current-900: inherit;

  --nfc-color-current-line-alpha: 0.36;
  --nfc-color-definition-current-line: var(--nfc-color-definition-current-500);
}

[nfc-color='none'],
[nfc-color='current'] {
  --nfc-color-current-text: currentColor;
  --nfc-color-current-line-alpha: var(--nfc-color-alpha-foreground-4);
  --nfc-color-definition-current-line: var(--nfc-color-definition-foreground);
}
[nfc-color='inherit'] {
  color: inherit;
}
[nfc-color='primary'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-primary-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-primary-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-primary-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-primary-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-primary-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-primary-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-primary-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-primary-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-primary-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-primary-900);
}
[nfc-color='danger'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-danger-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-danger-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-danger-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-danger-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-danger-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-danger-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-danger-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-danger-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-danger-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-danger-900);
}
[nfc-color='secondary'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-secondary-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-secondary-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-secondary-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-secondary-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-secondary-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-secondary-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-secondary-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-secondary-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-secondary-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-secondary-900);
}
[nfc-color='slate'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-slate-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-slate-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-slate-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-slate-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-slate-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-slate-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-slate-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-slate-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-slate-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-slate-900);
}
[nfc-color='gray'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-gray-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-gray-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-gray-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-gray-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-gray-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-gray-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-gray-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-gray-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-gray-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-gray-900);
}
[nfc-color='zinc'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-zinc-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-zinc-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-zinc-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-zinc-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-zinc-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-zinc-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-zinc-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-zinc-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-zinc-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-zinc-900);
}
[nfc-color='neutral'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-neutral-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-neutral-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-neutral-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-neutral-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-neutral-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-neutral-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-neutral-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-neutral-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-neutral-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-neutral-900);
}
[nfc-color='stone'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-stone-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-stone-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-stone-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-stone-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-stone-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-stone-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-stone-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-stone-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-stone-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-stone-900);
}
[nfc-color='red'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-red-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-red-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-red-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-red-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-red-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-red-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-red-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-red-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-red-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-red-900);
}
[nfc-color='orange'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-orange-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-orange-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-orange-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-orange-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-orange-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-orange-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-orange-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-orange-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-orange-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-orange-900);
}
[nfc-color='amber'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-amber-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-amber-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-amber-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-amber-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-amber-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-amber-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-amber-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-amber-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-amber-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-amber-900);
}
[nfc-color='yellow'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-yellow-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-yellow-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-yellow-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-yellow-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-yellow-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-yellow-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-yellow-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-yellow-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-yellow-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-yellow-900);
}
[nfc-color='lime'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-lime-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-lime-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-lime-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-lime-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-lime-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-lime-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-lime-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-lime-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-lime-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-lime-900);
}
[nfc-color='green'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-green-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-green-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-green-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-green-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-green-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-green-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-green-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-green-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-green-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-green-900);
}
[nfc-color='emerald'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-emerald-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-emerald-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-emerald-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-emerald-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-emerald-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-emerald-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-emerald-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-emerald-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-emerald-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-emerald-900);
}
[nfc-color='teal'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-teal-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-teal-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-teal-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-teal-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-teal-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-teal-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-teal-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-teal-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-teal-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-teal-900);
}
[nfc-color='cyan'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-cyan-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-cyan-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-cyan-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-cyan-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-cyan-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-cyan-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-cyan-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-cyan-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-cyan-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-cyan-900);
}
[nfc-color='sky'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-sky-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-sky-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-sky-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-sky-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-sky-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-sky-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-sky-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-sky-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-sky-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-sky-900);
}
[nfc-color='blue'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-blue-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-blue-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-blue-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-blue-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-blue-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-blue-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-blue-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-blue-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-blue-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-blue-900);
}
[nfc-color='indigo'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-indigo-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-indigo-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-indigo-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-indigo-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-indigo-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-indigo-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-indigo-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-indigo-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-indigo-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-indigo-900);
}
[nfc-color='violet'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-violet-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-violet-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-violet-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-violet-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-violet-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-violet-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-violet-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-violet-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-violet-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-violet-900);
}
[nfc-color='purple'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-purple-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-purple-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-purple-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-purple-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-purple-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-purple-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-purple-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-purple-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-purple-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-purple-900);
}
[nfc-color='fuchsia'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-fuchsia-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-fuchsia-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-fuchsia-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-fuchsia-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-fuchsia-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-fuchsia-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-fuchsia-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-fuchsia-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-fuchsia-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-fuchsia-900);
}
[nfc-color='pink'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-pink-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-pink-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-pink-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-pink-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-pink-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-pink-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-pink-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-pink-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-pink-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-pink-900);
}
[nfc-color='rose'] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-rose-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-rose-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-rose-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-rose-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-rose-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-rose-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-rose-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-rose-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-rose-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-rose-900);
}

:is([disabled], [aria-disabled='true'], .nfc-disabled)[nfc-color],
:not(.nfc-no-disabled-styling):is([disabled], [aria-disabled='true'], .nfc-disabled) [nfc-color] {
  --nfc-color-definition-current-50: var(--nfc-color-definition-gray-50);
  --nfc-color-definition-current-100: var(--nfc-color-definition-gray-100);
  --nfc-color-definition-current-200: var(--nfc-color-definition-gray-200);
  --nfc-color-definition-current-300: var(--nfc-color-definition-gray-300);
  --nfc-color-definition-current-400: var(--nfc-color-definition-gray-400);
  --nfc-color-definition-current-500: var(--nfc-color-definition-gray-500);
  --nfc-color-definition-current-600: var(--nfc-color-definition-gray-600);
  --nfc-color-definition-current-700: var(--nfc-color-definition-gray-700);
  --nfc-color-definition-current-800: var(--nfc-color-definition-gray-800);
  --nfc-color-definition-current-900: var(--nfc-color-definition-gray-900);

  --nfc-color-current-alpha: 0.5;

  --nfc-color-current-tonal-contrast: var(--nfc-color-current-600);
  --nfc-color-current-text: var(--nfc-color-current-600);
  --nfc-color-current-line-alpha: var(--nfc-color-alpha-foreground-4);
  --nfc-color-definition-current-line: var(--nfc-color-definition-foreground);
}
[nfc-color='invert'] {
  --nfc-color-current-filled: var(--nfc-color-background);
  --nfc-color-current-text: var(--nfc-color-background);
  --nfc-color-current-filled-contrast: var(--nfc-color-current-500);
  --nfc-color-current-tonal: var(--nfc-color-current-900);
  --nfc-color-current-tonal-contrast: var(--nfc-color-background);
  --nfc-color-current-line-alpha: 0.5;
  --nfc-color-definition-current-line: var(--nfc-color-definition-background);
}

.nfc-dark {
  --nfc-color-definition-background: 0 0 0;
  --nfc-color-background: rgb(var(--nfc-color-definition-background) / 1);
  --nfc-color-background-1: rgb(var(--nfc-color-definition-gray-900) / 0.5);
  --nfc-color-background-2: rgb(var(--nfc-color-definition-gray-800));
  --nfc-color-background-3: rgb(var(--nfc-color-definition-gray-700));

  --nfc-color-definition-foreground: var(--nfc-color-definition-gray-50);
  --nfc-color-foreground: rgb(var(--nfc-color-definition-foreground) / 1);
  --nfc-color-foreground-1: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-1));
  --nfc-color-foreground-2: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-2));
  --nfc-color-foreground-3: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-3));
  --nfc-color-foreground-4: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-4));
  --nfc-color-foreground-5: rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-5));

  --nfc-color-definition-background: var(--nfc-color-definition-gray-900);
  --nfc-color-definition-foreground: var(--nfc-color-definition-gray-50);
  --nfc-color-background: rgb(var(--nfc-color-definition-background) / 1);
  --nfc-color-foreground: rgb(var(--nfc-color-definition-foreground) / 1);
}

.nfc-dark [nfc-color] {
    --nfc-color-current-filled: var(--nfc-color-current-600);
    --nfc-color-current-text: var(--nfc-color-current-400);
    --nfc-color-current-filled-contrast: var(--nfc-color-foreground);
    --nfc-color-current-tonal: rgb(var(--nfc-color-definition-current-500) / 0.25);
    --nfc-color-current-tonal-contrast: var(--nfc-color-foreground);
    --nfc-color-current-line-alpha: 0.72;
    --nfc-color-definition-current-line: var(--nfc-color-definition-current-500);
    --nfc-color-current-line: rgb(var(--nfc-color-definition-current-line) / var(--nfc-color-current-line-alpha));
    --nfc-color-current-background: rgb(var(--nfc-color-definition-current-500) / 0.06);
  }

.nfc-dark [nfc-color='none'],
  .nfc-dark [nfc-color='current'] {
    --nfc-color-current-text: currentColor;
    --nfc-color-current-line-alpha: var(--nfc-color-alpha-foreground-3);
    --nfc-color-definition-current-line: var(--nfc-color-definition-foreground);
  }

.nfc-dark [nfc-color] [nfc-color='current'] {
    --nfc-color-current-line-alpha: 0.72;
    --nfc-color-definition-current-line: var(--nfc-color-definition-current-500);
  }

.nfc-dark [nfc-color]:is([disabled], [aria-disabled='true'], .nfc-disabled), .nfc-dark :not(.nfc-no-disabled-styling):is([disabled], [aria-disabled='true'], .nfc-disabled) [nfc-color] {
    --nfc-color-definition-current-50: var(--nfc-color-definition-gray-50);
    --nfc-color-definition-current-100: var(--nfc-color-definition-gray-100);
    --nfc-color-definition-current-200: var(--nfc-color-definition-gray-200);
    --nfc-color-definition-current-300: var(--nfc-color-definition-gray-300);
    --nfc-color-definition-current-400: var(--nfc-color-definition-gray-400);
    --nfc-color-definition-current-500: var(--nfc-color-definition-gray-500);
    --nfc-color-definition-current-600: var(--nfc-color-definition-gray-600);
    --nfc-color-definition-current-700: var(--nfc-color-definition-gray-700);
    --nfc-color-definition-current-800: var(--nfc-color-definition-gray-800);
    --nfc-color-definition-current-900: var(--nfc-color-definition-gray-900);

    --nfc-color-current-alpha: 0.5;

    --nfc-color-current-tonal-contrast: var(--nfc-color-current-300);
    --nfc-color-current-filled-contrast: var(--nfc-color-current-300);
    --nfc-color-current-text: var(--nfc-color-current-300);
    --nfc-color-current-line-alpha: var(--nfc-color-alpha-foreground-4);
    --nfc-color-definition-current-line: var(--nfc-color-definition-foreground);
  }

/* src/styles/nfield/async-status-animation.css */
.nfc-async-status-animation {
  --animate-size: var(--mat-icon-size);
  display: inline-block;
  height: var(--animate-size);
  width: var(--animate-size);
  --animate-primary-color: var(--nfc-color-primary);
  --animate-secondary-color: var(--nfc-color-secondary);
  --animate-danger-color: var(--nfc-color-danger);
}
.nfc-async-status-animation.light-contrast {
    --animate-primary-color: var(--nfc-color-foreground);
    --animate-secondary-color: rgb(var(--nfc-color-definition-foreground) / 0.54);
    --animate-danger-color: rgb(var(--nfc-color-definition-foreground) / 0.54);
  }
.nfc-async-status-animation.dark-contrast {
    --animate-primary-color: var(--nfc-color-background);
    --animate-secondary-color: rgb(var(--nfc-color-definition-background) / 0.54);
    --animate-danger-color: rgb(var(--nfc-color-definition-background) / 0.54);
  }
.nfc-async-status-animation .primary-fill {
    fill: var(--animate-primary-color);
  }
.nfc-async-status-animation .secondary-fill {
    fill: var(--animate-secondary-color);
  }
.nfc-async-status-animation .danger-fill {
    fill: var(--animate-danger-color);
  }
.nfc-async-status-animation .primary-stroke {
    stroke: var(--animate-primary-color);
  }
.nfc-async-status-animation .secondary-stroke {
    stroke: var(--animate-secondary-color);
  }
.nfc-async-status-animation .danger-stroke {
    stroke: var(--animate-danger-color);
  }

/* src/styles/nfield/backdrop.css */
html.nfc-prevent-scrolling {
  position: fixed;
}

nfc-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 50ms;
  pointer-events: auto;
  z-index: calc(var(--mat-z-index-backdrop) - 1);
  background-color: rgb(0 0 0 / 0);
}

nfc-backdrop.nfc-opaque {
    opacity: 0.32;
    background-color: rgb(0 0 0);
  }

/* src/styles/nfield/badge.css */
.nfc-badge {
  display: inline-block;
  padding: var(--nfc-container-gap-size-xs) var(--nfc-container-gap-size-sm);
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
  color: var(--nfc-color-current-text);
  border-radius: 50px;
  background: var(--nfc-color-current-tonal);
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.025em;

  position: relative;
}

.nfc-badge .mat-icon {
  --mat-icon-size: 20px;
  color: var(--nfc-color-current-text);
  position: relative;
  top: -1px;
}

/* src/styles/nfield/button-group.css */
.nfc-button-group {
  /* give the first/last icon 1.5x as much padding if it's rounded */
  --nfc-last-rounded-icon-padding: calc(
    var(--mat-button-horizontal-padding) + (var(--mat-button-horizontal-padding) / 2)
  );
}
.nfc-button-group [mat-button] {
    border-radius: 0;
    margin: 0 -0.5px; /* overlap borders so there are no gaps */

    border-right-color: transparent;
    border-left-color: transparent;
  }
.nfc-button-group [mat-button]:first-child {
      border-radius: var(--mat-button-border-radius) 0 0 var(--mat-button-border-radius);
      border-left-color: var(--mat-button-border-color);
    }
.nfc-button-group .mat-icon-button[mat-button][nfc-button-rounded]:first-child {
        padding-left: var(--nfc-last-rounded-icon-padding);
      }
.nfc-button-group [mat-button]:last-child {
      border-radius: 0 var(--mat-button-border-radius) var(--mat-button-border-radius) 0;
      border-right-color: var(--mat-button-border-color);
    }
.nfc-button-group .mat-icon-button[mat-button][nfc-button-rounded]:last-child {
        padding-right: var(--nfc-last-rounded-icon-padding);
      }
.nfc-button-group [mat-button]:where(:hover, :focus):not(:disabled) {
      border-left-color: var(--mat-button-border-color);
      border-right-color: var(--mat-button-border-color);
    }

/* src/styles/nfield/button.css */
:root {
  --mat-button-min-height: 36px;
  --mat-button-min-width: 64px;
  --mat-button-line-height: 34px;
  --mat-button-font-size: 14px;
  --mat-button-vertical-padding: 0px;
  --mat-button-horizontal-padding: 8px;
  --mat-button-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);
  --mat-button-shadow-small: 0 2px 5px 0 rgb(0 0 0 / 26%);
  --mat-button-disabled-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
  --mat-button-border-radius: 4px;
  --mat-button-border-width: 0px;
  --mat-button-outlined-border-width: 1px;
  --mat-button-transition: 200ms cubic-bezier(0.35, 0, 0.25, 1);
  --mat-button-icon-spacing: 4px;
  --mat-button-focus-opacity: 0.12;
}

[mat-button] {
  /* these vars are affected by the color utility, so must be defined on the element scope */
  --mat-button-focus-overlay-color: var(--nfc-color-current-200);
  --nfc-ripple-color: var(--nfc-color-current-400);
  --mat-button-border-color: unset;

  border-width: var(--mat-button-border-width);
  border-color: var(--mat-button-border-color);
  border-radius: var(--mat-button-border-radius);
  cursor: pointer;
  display: inline-block;
  position: relative;
  letter-spacing: 0.05em;
  font-size: var(--mat-button-font-size);
  vertical-align: middle;
  text-align: center;
  align-items: center;
  font-weight: 500;
  overflow: hidden;
  user-select: none;
  white-space: nowrap;
  background: transparent;
  color: var(--nfc-color-current-text);
  min-height: var(--mat-button-min-height);
  height: var(--mat-button-min-height);
  min-width: var(--mat-button-min-width);
  line-height: var(--mat-button-line-height);
  outline: none;
  text-transform: capitalize;
  padding: var(--mat-button-vertical-padding) var(--mat-button-horizontal-padding);
  transition:
    box-shadow var(--swift-ease-out-duration) var(--swift-ease-out-timing-function),
    background-color var(--swift-ease-out-duration) var(--swift-ease-out-timing-function) opacity
      var(--mat-button-transition),
    width var(--mat-button-transition);
}

[mat-button]:focus {
    outline: none;
  }

[mat-button]:focus:not([disabled]) .mat-button-focus-overlay, [mat-button]:hover:not([disabled]) .mat-button-focus-overlay {
      opacity: var(--mat-button-focus-opacity);
    }

[mat-button] .mat-button-focus-overlay {
    position: absolute;
    overflow: hidden;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    background: var(--mat-button-focus-overlay-color);
    transition:
      opacity var(--mat-button-transition),
      background-color var(--mat-button-transition);
  }

.mat-icon-button[mat-button] {
    min-width: var(--mat-button-min-height);
    max-height: var(--mat-button-min-height);
    background: none;
  }

.mat-icon-button[mat-button] .mat-icon {
      position: relative;
      top: -1px;
    }

.mat-icon-button[mat-button]:not([nfc-button-rounded]) {
      padding: 0;
    }

.mat-icon-button[mat-button][nfc-button-rounded] [mat-icon] {
      margin: 0 -3px;
    }

[mat-button] .material-icons[mat-leading-icon] {
    margin-left: 0;
    margin-right: var(--mat-button-icon-spacing); /* compensate for whitespace */
    --mat-icon-size: 20px;
    margin-bottom: 1px;
  }

[mat-button][nfc-button-kind='text']:not([nfc-button-elevated]) .material-icons[mat-leading-icon] {
    margin-right: 0;
  }

[mat-button][nfc-button-elevated] [mat-leading-icon], [mat-button][nfc-button-kind='outlined'] [mat-leading-icon], [mat-button][nfc-button-kind='tonal'] [mat-leading-icon], [mat-button][nfc-button-kind='filled'] [mat-leading-icon] {
      margin-left: calc(0px - var(--mat-button-icon-spacing));
    }

[mat-button][nfc-button-elevated] {
    box-shadow: var(--mat-button-shadow-small);
    transition: box-shadow var(--mat-button-transition);
  }

[mat-button][nfc-button-kind='outlined'],
  [mat-button][nfc-button-kind='filled'],
  [mat-button][nfc-button-kind='tonal'] {
    --mat-button-border-width: var(--mat-button-outlined-border-width);
    border-style: solid;
  }

[mat-button][nfc-button-kind='outlined'] {
    --mat-button-border-color: var(--nfc-color-current-line);
  }

[mat-button][nfc-button-kind='outlined'] .nfc-text-wrapper {
      color: var(--nfc-color-current-tonal-contrast);
    }

[mat-button][nfc-button-kind='filled'] {
    --mat-button-focus-overlay-color: var(--nfc-color-background);
    --nfc-ripple-color: var(--nfc-color-background);
    --mat-button-border-color: var(--nfc-color-current-filled);
    background-color: var(--nfc-color-current-filled);
    color: var(--nfc-color-current-filled-contrast);
  }

[mat-button][nfc-button-kind='tonal'] {
    --mat-button-focus-overlay-color: var(--nfc-color-current-400);
    --mat-button-border-color: var(--nfc-color-current-line);
    background: var(--nfc-color-current-tonal);
    color: var(--nfc-color-current-tonal-contrast);
  }

[mat-button][nfc-color='current'] {
    --mat-button-focus-overlay-color: var(--nfc-color-current-400);
  }

[mat-button][nfc-button-elevated]:not(.mat-icon-button),
    [mat-button][nfc-button-kind='filled']:not(.mat-icon-button),
    [mat-button][nfc-button-kind='tonal']:not(.mat-icon-button),
    [mat-button][nfc-button-kind='outlined']:not(.mat-icon-button) {
      padding: 0 calc((var(--mat-button-horizontal-padding) * 2) - var(--mat-button-outlined-border-width));
    }

[mat-button][nfc-button-rounded] {
    --mat-button-border-radius: calc(var(--mat-button-min-height) / 2);
  }

[mat-button][nfc-button-rounded]:not([nfc-button-kind='outlined']):not(.mat-icon-button) {
      padding: 0 calc(var(--mat-button-horizontal-padding) * 2);
    }

[mat-button][nfc-button-elevated]:not([disabled]):focus {
        box-shadow: var(--mat-button-shadow-small);
      }

[mat-button][nfc-button-elevated]:not([disabled]):active {
        box-shadow: var(--mat-button-shadow);
      }

[mat-button][nfc-button-kind='filled']:not([disabled]):focus,
      [mat-button][nfc-button-kind='filled']:not([disabled]):hover {
        box-shadow: var(--mat-button-shadow-small);
      }

[mat-button][nfc-button-kind='filled']:not([disabled]):active {
        box-shadow: var(--mat-button-shadow);
      }

[mat-button] .mat-ripple-container {
    background-clip: padding-box;
    overflow: hidden;
    border-radius: inherit;
    -webkit-transform: translateZ(0);
  }

[mat-button]:not(.mat-async-button-idle) {
    cursor: default;
  }

[mat-button][disabled] {
    cursor: default;
  }

[mat-button][disabled][nfc-button-elevated],
    [mat-button][disabled][nfc-button-kind='filled'] {
      box-shadow: var(--mat-button-disabled-shadow);
    }

[mat-button][disabled][nfc-button-kind='tonal'] {
      box-shadow: var(--mat-button-disabled-shadow);
    }

.nfc-icon-large[mat-button] [mat-leading-icon] {
    --mat-icon-size: 24px;
    --mat-button-icon-spacing: 8px;

    margin-right: 0;
  }

[mat-button] .nfc-text-wrapper {
    position: relative;
    top: 1px;
  }

a[mat-button] .nfc-text-wrapper {
  text-decoration: underline;
  text-decoration-color: transparent;

  transition:
    box-shadow var(--swift-ease-out-duration) var(--swift-ease-out-timing-function),
    background-color var(--swift-ease-out-duration) var(--swift-ease-out-timing-function),
    text-decoration-color var(--mat-button-transition),
    opacity var(--mat-button-transition);
}

a[mat-button]:hover .nfc-text-wrapper,
a[mat-button]:focus .nfc-text-wrapper {
  /* subtle underline on links to differentiate them from plain buttons */
  text-decoration-color: currentColor;
}

/* src/styles/nfield/calendar.css */
:root {
  --nfc-calendar-day-width: 36px;
  --nfc-calendar-gap: 0px;
}
.nfc-calendar {
  outline: none;
  width: calc((var(--nfc-calendar-day-width) + 2px) * 7);
}
.nfc-calendar button[data-action='toggle-year-selection'] i {
    transition: transform 150ms ease-in-out;
  }
.nfc-calendar.nfc-calendar-years button[data-action='toggle-year-selection'] i {
      transform: rotate(180deg);
    }
.nfc-calendar abbr[title] {
    text-decoration: none;
    pointer-events: none;
  }
.nfc-calendar ol,
  .nfc-calendar li {
    margin-bottom: 0;
  }

.nfc-calendar-days-of-week,
.nfc-calendar-days-grid {
  padding: 0 var(--nfc-calendar-gap);
  display: grid;
  column-gap: var(--nfc-calendar-gap);
  grid-template-columns: repeat(7, 1fr);
}

.nfc-calendar-days-of-week .cal-day-container, .nfc-calendar-days-grid .cal-day-container {
    height: var(--nfc-calendar-day-width);
    width: var(--nfc-calendar-day-width);
  }

.nfc-calendar-days-of-week .nfc-calendar-day, .nfc-calendar-days-grid .nfc-calendar-day {
    height: var(--nfc-calendar-day-width);
    width: var(--nfc-calendar-day-width);
    max-width: var(--nfc-calendar-day-width);
    text-align: center;
  }

.nfc-calendar-days-grid .cal-day-container {
    grid-column: var(--nfc-calendar-initial-column, initial);
  }

.nfc-calendar-days-grid .nfc-calendar-day {
    --mat-button-border-radius: calc(var(--mat-button-min-height) / 2);
  }

.nfc-calendar-days-grid .nfc-calendar-day.cal-date-today {
      --mat-button-border-color: var(--nfc-color-primary);
      --mat-button-border-width: var(--mat-button-outlined-border-width);
      border-style: solid;
    }

.nfc-calendar-days-grid .nfc-calendar-day:hover,
    .nfc-calendar-days-grid .nfc-calendar-day:focus {
      --mat-button-focus-overlay-color: var(--nfc-color-primary);
    }

.nfc-calendar-days-grid .nfc-calendar-day.cal-date-selected {
      --nfc-color-definition-current-500: var(--nfc-color-definition-primary-500);
      background: var(--nfc-color-primary);
      color: var(--nfc-color-primary-contrast);
    }
.nfc-calendar-year-selector {
  display: grid;
  padding: 0 1px;
  grid-template-columns: repeat(4, 1fr);
}
.nfc-calendar-year-selector .nfc-calendar-year {
    --mat-button-focus-overlay-color: var(--nfc-color-primary);
    --mat-button-border-color: var(--nfc-color-primary);
  }
.nfc-calendar-year-selector .nfc-calendar-year.cal-year-current:not(.cal-year-selected) .mat-button-focus-overlay {
      opacity: 0.12;
    }
.nfc-calendar-year-selector .nfc-calendar-year.cal-year-selected {
      --nfc-color-definition-current-500: var(--nfc-color-definition-primary-500);
      background: var(--nfc-color-primary);
      color: var(--nfc-color-primary-contrast);
      opacity: 1;
    }

.nfc-calendar-range {
  --cal-start-end-radius: 50%;
}

.nfc-calendar-range .nfc-calendar-day {
    transition: border-radius 15ms ease-in-out;
  }

.nfc-calendar-range .nfc-calendar-day.cal-date-range-start,
  .nfc-calendar-range .nfc-calendar-day.cal-date-range-end {
    --nfc-color-definition-current-500: var(--nfc-color-definition-primary-500);
    background: var(--nfc-color-primary);
    color: var(--nfc-color-primary-contrast);
    opacity: 1;
  }

.nfc-calendar-range .cal-date-range-start {
    border-top-left-radius: var(--cal-start-end-radius);
    border-bottom-left-radius: var(--cal-start-end-radius);
  }

.nfc-calendar-range .cal-date-range-end {
    border-top-right-radius: var(--cal-start-end-radius);
    border-bottom-right-radius: var(--cal-start-end-radius);
  }

.nfc-calendar-range .cal-day-container.cal-date-range-contained {
    background: var(--nfc-color-primary-100);
  }

.nfc-dark .cal-day-container.cal-date-range-contained {
    color: var(--nfc-color-background);
  }

.nfc-dark .cal-day-container.cal-date-today .nfc-text-wrapper {
    color: currentColor;
  }

/* src/styles/nfield/card.css */
.nfc-card {
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  border-radius: 6px;
  position: relative;

  background: var(--nfc-color-background-2);
  color: var(--nfc-color-foreground);
  margin: 2px;

  overflow: hidden;
  max-width: var(--nfc-card-width);
}

.nfc-card.width-normal {
    flex-grow: 1;
    --nfc-card-width: 992px;
  }

.nfc-card.width-full {
    width: 100%;
    --nfc-card-width: calc(100% - 8px);
  }

.nfc-card:not(:last-child) {
  margin-bottom: 24px;
}

.nfc-card .nfc-card-header {
  background-color: var(--nfc-color-background-3);
  padding: 0 6px 0 12px;
  min-height: 40px;

  /* do not reserve space for label in card header */
  --mat-input-field-height: auto;
}

.nfc-card .nfc-card-title {
  color: var(--nfc-color-foreground-1);

  font-size: 14px;
  font-weight: 200;
  line-height: 40px;

  display: inline-block;
  flex-shrink: 0;

  cursor: default;
}

.nfc-card .nfc-card-save-button {
  overflow: visible;
}

.nfc-card .nfc-card-save-button.can-save {
  animation-name: nfc-save-pulse;
  animation-delay: 0s;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

.nfc-card .nfc-card-save-button-spacer {
  flex: 1;
}

.nfc-card .nfc-card-buttons {
  justify-self: end;
  flex: 1;
}

.nfc-card .nfc-card-buttons > button {
  /* 
  remove margin from buttons by default as space
  between buttons is set by css gap property
  */
  margin: 0;
}

.nfc-card .nfc-card-buttons > div {
  /* 
  likely some group of buttons, we don't want it to
  grow too large or the save button will wrap under
  it, which is not ideal
   */
  max-width: 80%;
}

.nfc-card .nfc-card-buttons .nfc-card-save-button-spacer {
  display: none;
}

.nfc-card .nfc-card-content {
  padding: 12px;
  position: relative;
}

.nfc-no-data {
  padding: 32px 24px 40px 24px;
  color: var(--nfc-color-gray-400);
  text-align: center;
}

.nfc-no-data .nfc-no-data-actions {
  color: black; /* buttons should have black text, not gray */
}

.nfc-no-data h2 {
  font-size: 150%;
}
.nfc-no-data p {
  font-size: 120%;
}

@keyframes nfc-save-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.7);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes nfc-placeholder-pulse {
  0% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.5;
  }
}

.nfc-card .nfc-card-placeholder {
  min-height: 36px;
}

.nfc-card .nfc-card-placeholder.mb {
    margin-bottom: 12px;
  }

.nfc-card .nfc-card-placeholder.mr {
    margin-right: 12px;
  }

.nfc-card .nfc-card-placeholder.ml {
    margin-left: 12px;
  }

.nfc-card .nfc-card-placeholder .placeholder {
    left: 0;
    width: 100%;
    opacity: 0.1;
    background-color: var(--nfc-color-gray-400);
    animation-name: nfc-placeholder-pulse;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-play-state: running;
  }

.nfc-card .nfc-card-placeholder.nfield-card-placeholder-block {
    min-height: 0;
  }

.nfc-card .nfc-card-placeholder.nfield-card-placeholder-block .placeholder.block {
      width: 100%;
      height: 100%;
    }

.nfc-card .nfc-card-placeholder.nfield-card-placeholder-button {
    float: left;
    height: auto;
  }

.nfc-card .nfc-card-placeholder.nfield-card-placeholder-button.block {
      clear: both;
    }

.nfc-card .nfc-card-placeholder.nfield-card-placeholder-button .placeholder.button {
      background-color: var(--nfc-color-gray-300);
      height: 36px;
      width: 88px;
      margin-bottom: 6px;
      margin-right: 12px;
    }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input {
    height: auto;
    padding: 18px 0;
    position: relative;
  }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input .placeholder.label {
        height: 15px;
        width: 150px;
        background-color: var(--nfc-color-gray-300);
        margin-bottom: 6px;
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input .placeholder.input {
        --nfc-input-lineheight: 36px;
        height: var(--nfc-input-lineheight);
        padding-top: 1px;
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input .placeholder.input.line-2 {
          height: calc(2 * var(--nfc-input-lineheight));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input .placeholder.input.line-3 {
          height: calc(3 * var(--nfc-input-lineheight));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input .placeholder.input.line-4 {
          height: calc(4 * var(--nfc-input-lineheight));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input .placeholder.input.line-5 {
          height: calc(5 * var(--nfc-input-lineheight));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-input .placeholder.char-count {
        position: absolute;
        width: 50px;
        right: 0;
        left: unset;

        /* margin-left: -50px; */
        margin-top: 3px;

        height: 15px;
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table {
    height: auto;
  }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table-tabs {
        background-color: var(--nfc-color-gray-300);
        height: 42px;
        margin-bottom: 1px;
        width: 300px;
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table-filter {
        height: var(--nfc-table-default-row-height);
        width: 120px;
        border: none;
        border-radius: 21px;

        margin-bottom: 6px;
        margin-left: 3px;
        margin-top: 0;
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table-pager {
        height: var(--nfc-table-default-row-height);
        width: 350px;

        margin-top: 6px;
        margin-left: calc(100% - 350px);
        margin-bottom: 6px;
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table-header {
        margin-top: 1px;
        height: var(--nfc-table-default-row-height);
        background-color: var(--nfc-color-gray-500);
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table {
        background-color: var(--nfc-color-gray-300);
        height: calc(var(--nfc-table-default-row-height) * 10);
      }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table.height-5 {
          height: calc(5 * var(--nfc-table-default-row-height));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table.height-10 {
          height: calc(10 * var(--nfc-table-default-row-height));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table.height-25 {
          height: calc(25 * var(--nfc-table-default-row-height));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.table.height-50 {
          height: calc(50 * var(--nfc-table-default-row-height));
        }

.nfc-card .nfc-card-placeholder.nfc-card-placeholder.nfield-card-placeholder-table .placeholder.char-count {
        position: absolute;
        width: 50px;
        left: 100%;

        margin-left: -50px;
        margin-top: 3px;

        height: 15px;
      }

/* src/styles/nfield/checkbox.css */
:root {
  --nfc-checkbox-top: 7px;
  --nfc-checkbox-left: 7px;
}

.nfc-checkbox {
  display: flex;
  align-items: center;
  user-select: none;
}

.nfc-checkbox:not(.nfc-disabled) {
  cursor: pointer;
  color: var(--nfc-color-foreground);
}

.nfc-checkbox input[type='checkbox'] {
  appearance: none;
  margin: 0;
  width: 0;
}

.nfc-checkbox .nfc-checkbox-label {
  position: relative;
  top: 2px; /* compensate for focus border on the icon */
}

.nfc-checkbox .nfc-checkbox-icon {
  display: inline-block;
  margin-right: 6px;
  color: var(--nfc-color-foreground-2);
  z-index: 1;
  border-radius: 3px;
  border: 2px solid transparent;
  transition: all 120ms ease-out;
}

.nfc-checkbox input[type='checkbox']:not([disabled]):checked ~ .nfc-checkbox-icon {
  color: var(--nfc-color-current-filled);
}

.nfc-checkbox.nfc-disabled .nfc-checkbox-icon {
  color: var(--nfc-color-foreground-3);
}

.nfc-checkbox input:focus ~ .nfc-checkbox-icon {
  transform: scale(1.1);
}

.nfc-checkbox input:focus {
  outline: none;
}

.nfc-checkbox input:focus-visible ~ .nfc-checkbox-icon {
  /* 
  only shows if browser determines it useful (usually when element
  receives focus through keyboard navigation)
  */
  border: 2px solid currentColor;
}

.nfc-checkbox .nfc-checkbox-ripple-container {
  display: none;
}

/* src/styles/nfield/container.css */
:root {
  --nfc-container-gap-size-xs: 4px;
  --nfc-container-gap-size-sm: 8px;
  --nfc-container-gap-size-md: 16px;
  --nfc-container-gap-size-lg: 32px;
  --nfc-container-gap-size-xl: 64px;
  --nfc-container-gap-size: var(--nfc-container-gap-size-sm);
  --nfc-container-justify: start;
  --nfc-container-align: stretch;
}

.nfc-container {
  display: flex;
  justify-content: var(--nfc-container-justify);
  align-items: var(--nfc-container-align);
  align-content: var(--nfc-container-align);
}

.nfc-container.nfc-gap {
  gap: var(--nfc-container-gap-size);
}

.nfc-container.nfc-gap-xs {
  --nfc-container-gap-size: var(--nfc-container-gap-size-xs);
}
.nfc-container.nfc-gap-sm {
  --nfc-container-gap-size: var(--nfc-container-gap-size-sm);
}
.nfc-container.nfc-gap-md {
  --nfc-container-gap-size: var(--nfc-container-gap-size-md);
}
.nfc-container.nfc-gap-lg {
  --nfc-container-gap-size: var(--nfc-container-gap-size-lg);
}
.nfc-container.nfc-gap-xl {
  --nfc-container-gap-size: var(--nfc-container-gap-size-xl);
}

.nfc-container.nfc-wrap {
  flex-wrap: wrap;
}

.nfc-container.nfc-inline {
  display: inline-flex;
}

.nfc-container.nfc-row {
  flex-direction: row;
}

.nfc-container.nfc-column {
  flex-direction: column;
}

.nfc-container.nfc-padding-left {
  padding-left: var(--nfc-container-gap-size);
}
.nfc-container.nfc-padding-top {
  padding-top: var(--nfc-container-gap-size);
}
.nfc-container.nfc-padding-right {
  padding-right: var(--nfc-container-gap-size);
}
.nfc-container.nfc-padding-bottom {
  padding-bottom: var(--nfc-container-gap-size);
}

.nfc-container.nfc-justify-start {
  --nfc-container-justify: start;
}
.nfc-container.nfc-justify-center {
  --nfc-container-justify: center;
}
.nfc-container.nfc-justify-end {
  --nfc-container-justify: end;
}
.nfc-container.nfc-justify-between {
  --nfc-container-justify: space-between;
}
.nfc-container.nfc-justify-around {
  --nfc-container-justify: space-around;
}
.nfc-container.nfc-justify-evenly {
  --nfc-container-justify: space-evenly;
}
.nfc-container.nfc-justify-stretch {
  --nfc-container-justify: stretch;
}

.nfc-container.nfc-align-stretch {
  --nfc-container-align: stretch;
}
.nfc-container.nfc-align-center {
  --nfc-container-align: center;
}
.nfc-container.nfc-align-start {
  --nfc-container-align: start;
}
.nfc-container.nfc-align-end {
  --nfc-container-align: end;
}
.nfc-container.nfc-align-baseline {
  --nfc-container-align: baseline;
}

/* src/styles/nfield/datepicker.css */

  .nfc-datepicker .nfc-datepicker-trigger {
    display: flex;
  }
.nfc-datepicker .nfc-datepicker-trigger .mat-icon {
      transition: color var(--nfc-color-transition);
    }
.nfc-datepicker .nfc-datepicker-trigger:hover,
    .nfc-datepicker .nfc-datepicker-trigger:focus,
    .nfc-datepicker .nfc-datepicker-trigger[aria-expanded='true'] {
      outline: none;
    }
:is(.nfc-datepicker .nfc-datepicker-trigger) + .ember-basic-dropdown-content-wormhole-origin {
      position: absolute;
    }
.nfc-datepicker:focus-within .nfc-datepicker-trigger .mat-icon {
      color: var(--nfc-color-primary);
    }
:scope .nfc-datepicker-content {
  border-color: var(--nfc-color-foreground-3);
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding: 2px;
}
:scope .nfc-datepicker-content.ember-basic-dropdown-content {
    background-color: var(--nfc-color-background-2);
    color: var(--nfc-color-foreground);
  }

/* src/styles/nfield/dialog.css */
.nfc-dialog-container {
  z-index: var(--mat-z-index-dialog);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.nfc-dialog {
  --dialog-min-width: 560px;
  --dialog-max-width: 950px;
  --dialog-max-height: 650px;
  --dialog-padding: 24px;

  width: var(--nfc-dialog-width);
  opacity: 0.5;
  transition: opacity 50ms;
  pointer-events: initial;

  z-index: var(--mat-z-index-dialog);
  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  border-radius: 6px;
  padding: 0;
  background-color: var(--nfc-color-background-2);
  color: var(--nfc-color-foreground);

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nfc-dialog.nfc-opaque {
    opacity: 1;
  }

.nfc-dialog-header {
  padding: var(--dialog-padding);

  min-width: var(--dialog-min-width);
  max-width: var(--dialog-max-width);

  display: flex;
  flex-direction: row;
  align-items: center;

  font-size: 120%;
  font-weight: 600;
}

.nfc-dialog-header .dialog-buttons {
    margin-left: auto;
  }

.nfc-dialog-header .dialog-buttons .nfc-dialog-close-button {
      margin-top: 0px;
      margin-bottom: 0px;
    }

.nfc-dialog-content {
  padding: var(--dialog-padding);
  min-width: var(--dialog-min-width);
  max-width: var(--dialog-max-width);
  max-height: var(--dialog-max-height);
  overflow-y: auto;
}

.nfc-dialog-actions {
  padding: var(--dialog-padding);

  min-width: var(--dialog-min-width);
  max-width: var(--dialog-max-width);
}

.nfc-dialog-header ~ .nfc-dialog-content {
  padding-top: 0;
}

/* src/styles/nfield/filter.css */
.nfc-filter-row {
  /* slightly larger vertical gap looks better with the wrap */
  --nfc-container-gap-x: var(--nfc-container-gap-size-sm);
  --nfc-container-gap-y: calc(var(--nfc-container-gap-size-sm) + var(--nfc-container-gap-size-xs));

  --mat-input-field-height: 38px;

  background-color: transparent;

  /* specificity issue */
}
.nfc-filter-row.nfc-container {
    --nfc-container-gap-size: var(--nfc-container-gap-y) var(--nfc-container-gap-x);
  }
.nfc-filter-row mat-input-container {
    margin: 0 6px 6px 6px;
    --mat-input-trailing-icon-margin: 3px;
    min-width: auto;
  }
.nfc-filter-row mat-input-container div.ember-power-select-trigger[aria-disabled='true'] {
      background-color: unset;
    }
.nfc-filter-row .filter-section {
    color: var(--nfc-color-foreground-1);
    flex-wrap: wrap;
    transition:
      border-radius 0.5s ease,
      width 0.5s ease,
      background-color 0.5s ease;
    border-width: 1px;
    border-color: var(--nfc-color-primary-500);
    border-radius: calc(var(--mat-input-field-height) / 2);
    border-style: none;
    background-color: rgb(var(--nfc-color-definition-primary-500) / 0.2);
  }
.nfc-filter-row div.or {
    margin-left: var(--nfc-container-gap-x);
  }
.nfc-filter-row .add-filter[mat-button] {
      --mat-button-min-width: 88px;
    }
.nfc-filter-row .add-or-filter[mat-button] {
      margin: 0;
      border-width: 0;
      border-style: none;
    }
.nfc-filter-row .filter-content {
    padding-left: 9px;
    padding-right: 4px;
    border-width: 0;
    border-radius: 19px;

    --mat-input-field-height: 32px;
  }
.nfc-filter-row .filter-content input[type='date'] {
      /*
      fixes an alignment issue in firefox and also
      makes it look better in chrome
      */
      --mat-input-padding-top: 7px;
      --mat-input-padding-bottom: 0;
    }
.nfc-filter-row .filter-content.applied {
      transition: background-color 125ms;
      background-color: rgb(var(--nfc-color-definition-primary-500) / 0.4);
    }
.nfc-filter-row .filter-content.applied .filter-name,
      .nfc-filter-row .filter-content.applied .filter-value {
        font-weight: 700;
      }
.nfc-filter-row .filter-content .filter-operator.single-option {
      display: inline-block;
      padding: 4px 6px 0 6px;
    }
.nfc-filter-row .filter-content .edit-filter-button {
      padding: 0 3px;
    }
.nfc-filter-row .filter-content .edit-filter-button:focus {
        outline: none;
      }
.nfc-filter-row .filter-content .edit-filter-button:focus-visible {
        outline: 5px auto currentColor;
      }
.nfc-filter-row .filter-content .edit-filter-button[disabled] {
        cursor: inherit;
      }
.nfc-filter-row .filter-content mat-input-container mat-value-field div.ember-power-select-trigger {
        padding-right: 28px;
      }
.nfc-filter-row .filter-content mat-input-container mat-value-field .mat-input {
        border-bottom-color: var(--nfc-color-foreground-4);
      }
.nfc-filter-row .filter-content mat-input-container mat-value-field .mat-input:not([aria-disabled]):not([disabled]):hover {
          border-bottom-color: rgb(var(--nfc-color-definition-primary-500) / 1);
        }
.nfc-filter-row .filter-content mat-input-container mat-value-field i:not(.mat-value-field-trailing-icon) {
        margin-right: -5px;
      }
.nfc-filter-row .filter-content [mat-button] {
      --mat-button-focus-overlay-color: var(--nfc-color-primary);
      --nfc-ripple-color: var(--nfc-color-primary);
    }
.nfc-filter-row .filter-content.applied [mat-button] {
      --mat-button-focus-overlay-color: var(--nfc-color-background);
      --nfc-ripple-color: var(--nfc-color-background);
    }

/* src/styles/nfield/help.css */
.nfc-help-trigger {
  display: inline-block;
}

.nfc-help-trigger .mat-icon {
    transition: color var(--nfc-color-transition);
  }

.nfc-help-trigger:hover,
  .nfc-help-trigger:focus,
  .nfc-help-trigger[aria-expanded='true'] {

    outline: none;
  }

.nfc-help-trigger:hover .mat-icon, .nfc-help-trigger:focus .mat-icon, .nfc-help-trigger[aria-expanded='true'] .mat-icon {
      color: var(--nfc-color-foreground-1);
    }

.nfc-help-trigger + .ember-basic-dropdown-content-wormhole-origin {
    position: absolute;
  }

.nfc-help-content-container {
  background: var(--nfc-color-background-2);
  color: var(--nfc-color-foreground);
  max-width: 380px;

  filter: drop-shadow(0 1px 2px rgb(var(--nfc-color-definition-current-900) / 0.1))
    drop-shadow(0 1px 1px rgb(var(--nfc-color-definition-current-900) / 0.06));
  border-radius: 5px;
  overflow: hidden;

  will-change: transform, opacity;
}

.nfc-help-content-container.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
    animation: nfc-help-enter-below 0.15s;
  }

.nfc-help-content-container.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
    animation: nfc-help-enter-below 0.15s reverse;
  }

.nfc-help-content-container.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
    animation: nfc-help-enter-above 0.15s;
  }

.nfc-help-content-container.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
    animation: nfc-help-enter-above 0.15s reverse;
  }

.nfc-help-content-container .nfc-help-content {
    background: var(--nfc-color-current-background);
    padding: 16px 12px;
  }

@keyframes nfc-help-enter-below {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes nfc-help-enter-above {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* src/styles/nfield/icon.css */
:root {
  --mat-icon-size: 24px;
}

[mat-icon]:not([nfc-color]),
[mat-icon][nfc-color='none'] {
  color: var(--nfc-color-foreground-2);
}

[mat-button] [mat-icon]:not([nfc-color]) {
  color: inherit;
}

[nfc-color]:not([nfc-color='none']) > [mat-icon]:not([nfc-color]) {
  color: inherit;
}

[mat-icon].material-icons {
  user-select: none;
  fill: currentColor;
  vertical-align: middle;
  height: var(--mat-icon-size);
  width: var(--mat-icon-size);
  min-height: var(--mat-icon-size);
  min-width: var(--mat-icon-size);
  line-height: var(--mat-icon-size);
  font-size: var(--mat-icon-size);
  background-repeat: no-repeat;
}

.material-icons.material-symbols-outlined.fill[mat-icon] {
      font-variation-settings: 'FILL' 1;
    }

.material-icons.material-symbols-outlined.outlined[mat-icon] {
      font-variation-settings: 'FILL' 0;
    }

/* src/styles/nfield/input-container.css */
:root {
  --mat-input-container-default-width: 250px;
  --mat-input-background-color: transparent;
  --mat-input-border-bottom: 1px solid;
  --mat-input-caret-color: var(--nfc-color-primary-500);
  --mat-input-field-default-height: 56px;
  --mat-input-field-height: var(--mat-input-field-default-height);
  --mat-input-elem-height: 20px;
  --mat-input-icon-offset: 0;
  --mat-input-input-display: block;
  --mat-input-label-focused-maxwidth: initial;
  --mat-input-label-focused-overflow: ellipsis;
  --mat-input-label-left: 0;
  --mat-input-label-bottom: 0;
  --mat-input-label-transform: translateY(-20px) scale(75%);
  --mat-input-label-transform-leading: var(--mat-input-label-transform);
  --mat-input-label-vertical-transform: translateY(0px);
  --mat-input-label-left-adjust-leading: 32px;
  --mat-input-line-height: 26px;
  --mat-input-offset: 0px;
  --mat-input-line-ripple-offset: 0;
  --mat-input-padding-bottom: 0;
  --mat-input-padding-left: 0;
  --mat-input-padding-leading: 0;
  --mat-input-padding-right: 0;
  --mat-input-padding-top: 0;
  --mat-input-ripple-display: block;
  --mat-input-line-ripple-display: block;
  --mat-hint-font-size: 0.75rem;
  --mat-hint-line-height: 1.25rem;
  --mat-input-trailing-icon-margin: 12px;
}

mat-input-container {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  display: inline-flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

mat-input-container mat-value-field {
    display: inline-flex;
    align-content: stretch;
    justify-content: flex-end;
    flex-direction: column;
    height: var(--mat-input-field-height);

    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--mat-input-background-color);
    will-change: opacity, transform, color;
  }

mat-input-container mat-value-field .mat-input {
      box-sizing: border-box;
      height: auto;
      min-height: var(--mat-input-elem-height);
      text-overflow: ellipsis;
      margin-left: var(--mat-input-offset);
      width: calc(100% - var(--mat-input-offset));
      display: var(--mat-input-input-display);
      color: var(--nfc-color-foreground-1);
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: 0.009375em;
      text-decoration: inherit;
      text-transform: inherit;
      padding-bottom: var(--mat-input-padding-bottom);
      padding-left: var(--mat-input-padding-left);
      padding-right: var(--mat-input-padding-right);
      padding-top: var(--mat-input-padding-top);
      transition:
        opacity 150ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 100ms;
      border: none;
      border-bottom: var(--mat-input-border-bottom);
      border-bottom-color: var(--nfc-color-current-line);
      border-radius: 0;
      background: none;

      line-height: var(--mat-input-line-height);
    }

mat-input-container mat-value-field .mat-input:focus {
        outline: none;
        caret-color: var(--nfc-color-primary-500);
      }

mat-input-container mat-value-field .mat-input:invalid {
        outline: none;
        box-shadow: none;
      }

mat-input-container mat-value-field .mat-line-ripple {
      position: absolute;
      bottom: 0;
      left: var(--mat-input-offset);
      width: calc(100% - var(--mat-input-offset));
      display: var(--mat-input-line-ripple-display);
      height: 2px;
      transform: scaleX(0);
      transition:
        transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
        opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
      opacity: 0;
      z-index: 2;
      background-color: var(--nfc-color-primary-500);
    }

mat-input-container mat-value-field .mat-line-ripple.mat-ripple-active {
        transform: scaleX(1);
        opacity: 1;
      }

mat-input-container mat-value-field.mat-input-invalid:not([aria-disabled='true']) .mat-input,
      mat-input-container mat-value-field.mat-input-invalid:not([aria-disabled='true']) .mat-input:hover {
        border-bottom-color: var(--nfc-color-danger-500);
      }

mat-input-container mat-value-field.mat-input-invalid:not([aria-disabled='true']) .mat-line-ripple {
        background-color: var(--nfc-color-danger-500);
      }

mat-input-container mat-value-field.mat-input-invalid:not([aria-disabled='true']) .mat-value-field-trailing-icon,
      mat-input-container mat-value-field.mat-input-invalid:not([aria-disabled='true']) .mat-value-field-trailing-custom {
        color: var(--nfc-color-danger-500);
      }

:is(mat-input-container mat-value-field.mat-input-invalid:not([aria-disabled='true'])) + .mat-value-field-hints .mat-validation-message {
          opacity: 1;
          color: var(--nfc-color-danger-500);
        }

mat-input-container mat-value-field:not([aria-disabled='true']) .mat-input:hover {
        border-bottom-color: var(--nfc-color-foreground-2);
      }

mat-input-container mat-value-field .mat-label {
      padding-left: var(--mat-input-label-padding);
      color: var(--nfc-color-foreground-2);
      letter-spacing: 0.009375em;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;

      left: var(--mat-input-label-left);
      right: initial;
      bottom: var(--mat-input-label-bottom);

      transform: var(--mat-input-label-vertical-transform);
      transform-origin: top left;
      transition:
        transform 150ms cubic-bezier(0.4, 0, 0.2, 1),
        color 150ms cubic-bezier(0.4, 0, 0.2, 1);

      pointer-events: none;
      cursor: text;

      overflow: hidden;
      display: block;
      position: absolute;
    }

mat-input-container mat-value-field[aria-required='true']:not(.mat-input-focused):not(.mat-input-invalid) .mat-label::after {
          color: var(--nfc-color-foreground-2);
        }

mat-input-container mat-value-field.mat-input-has-value:not(.mat-input-invalid) label {
          color: var(--nfc-color-foreground-2);
        }

mat-input-container mat-value-field.mat-input-focused:not(.mat-input-invalid) .mat-label {
          color: var(--nfc-color-primary-500);
        }

mat-input-container mat-value-field.mat-input-focused .mat-label:not(.mat-no-float), mat-input-container mat-value-field.mat-input-has-placeholder .mat-label:not(.mat-no-float), mat-input-container mat-value-field.mat-input-has-value .mat-label:not(.mat-no-float) {
        max-width: var(--mat-input-label-focused-maxwidth);
        transform: var(--mat-input-label-transform);
        text-overflow: var(--mat-input-label-focused-overflow);
        font-weight: 400;
      }

mat-input-container mat-value-field .mat-errors-spacer {
      float: right;
      min-height: 24px;
      min-width: 1px;
    }

mat-input-container mat-value-field.mat-input-invalid .mat-label,
      :is(mat-input-container mat-value-field.mat-input-invalid) + .mat-value-field-hints mat-hint {
        color: var(--nfc-color-danger-500);
      }

mat-input-container .mat-input-hide-label {
    --mat-input-field-height: auto;
  }

[aria-disabled='true'] .mat-input,
.mat-input[aria-disabled='true'],
.mat-input[disabled] {
  border-bottom-color: transparent;
  color: var(--nfc-color-foreground-2);
  opacity: 1;
}

.mat-value-field-hints {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-left: var(--mat-input-offset);
  width: calc(100% - var(--mat-input-offset));
  font-size: var(--mat-hint-font-size);
  line-height: var(--mat-hint-line-height);
  min-height: var(--mat-hint-line-height);
}
mat-hint {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: var(--mat-hint-font-size);
  line-height: var(--mat-hint-line-height);
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
mat-hint.mat-hint-shown {
    opacity: 1;
  }

/* src/styles/nfield/input.css */
mat-input-container {
  --mat-input-charcounter-opacity: 0;
}
mat-input-container textarea,
  mat-input-container input[type='text'],
  mat-input-container input[type='password'],
  mat-input-container input[type='datetime'],
  mat-input-container input[type='datetime-local'],
  mat-input-container input[type='date'],
  mat-input-container input[type='month'],
  mat-input-container input[type='time'],
  mat-input-container input[type='week'],
  mat-input-container input[type='number'],
  mat-input-container input[type='email'],
  mat-input-container input[type='url'],
  mat-input-container input[type='search'],
  mat-input-container input[type='tel'],
  mat-input-container input[type='color'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
:is(mat-input-container textarea,mat-input-container input[type='text'],mat-input-container input[type='password'],mat-input-container input[type='datetime'],mat-input-container input[type='datetime-local'],mat-input-container input[type='date'],mat-input-container input[type='month'],mat-input-container input[type='time'],mat-input-container input[type='week'],mat-input-container input[type='number'],mat-input-container input[type='email'],mat-input-container input[type='url'],mat-input-container input[type='search'],mat-input-container input[type='tel'],mat-input-container input[type='color'])::placeholder {
      opacity: 1;
      color: var(--nfc-color-foreground-3);
    }
mat-input-container textarea.mat-input {
    resize: vertical;
    padding: 6px 0;
    margin-top: calc(1.5em + 2px);
    line-height: 1;
  }
mat-input-container .mat-input-hide-label textarea.mat-input {
    margin-top: initial;
  }
mat-input-container mat-value-field.mat-value-field-multiline {
      --mat-input-field-height: initial;
      justify-content: flex-start;
    }
mat-input-container mat-value-field.mat-value-field-multiline .mat-label {
        bottom: unset;
        top: var(--mat-input-line-height);
      }
mat-input-container mat-value-field.mat-value-field-with-leading-icon {
      --mat-input-padding-left: var(--mat-input-padding-leading);
      --mat-input-label-left: var(--mat-input-label-left-adjust-leading);
      --mat-input-label-transform: var(--mat-input-label-transform-leading);
    }
mat-input-container mat-value-field.mat-value-field-with-trailing-icon .mat-input {
      --mat-input-padding-right: 48px;
    }
mat-input-container mat-value-field .mat-value-field-icon {
      position: absolute;
      cursor: pointer;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      margin-top: var(--mat-input-trailing-icon-margin);
    }
mat-input-container mat-value-field .mat-value-field-icon:not([tabindex]),
      mat-input-container mat-value-field .mat-value-field-icon:not([tabindex='-1']) {
        cursor: default;
        pointer-events: none;
      }
mat-input-container mat-value-field .mat-value-field-icon.mat-value-field-leading-icon {
        right: auto;
        left: var(--mat-input-icon-offset);
        color: var(--nfc-color-foreground-2);
      }
mat-input-container mat-value-field .mat-value-field-icon.mat-value-field-trailing-icon {
        left: auto;
        right: var(--mat-input-icon-offset);
      }
:is(mat-input-container mat-value-field) + .mat-value-field-hints {
      padding-left: var(--mat-input-padding-left);
      padding-right: var(--mat-input-padding-right);
    }
:is(mat-input-container mat-value-field) + .mat-value-field-hints .mat-character-counter {
        margin-left: auto;
        margin-right: 0;
        padding-right: 0;
        opacity: var(--mat-input-charcounter-opacity);
        padding-left: var(--mat-input-padding-left);
        transition: opacity 50ms;
      }
:is(mat-input-container mat-value-field) + .mat-value-field-hints .mat-value-field-hint {
        color: var(--nfc-color-foreground-2);
      }
:is(mat-input-container mat-value-field.mat-input-invalid) + .mat-value-field-hints .mat-character-counter, :is(mat-input-container mat-value-field:focus-within) + .mat-value-field-hints .mat-character-counter {
        --mat-input-charcounter-opacity: 1;
      }
mat-input-container mat-value-field[aria-required='true'] .mat-label::after {
        content: '*';
        margin-left: 1px;
      }

/* src/styles/nfield/message.css */
.nfc-message {
  color: var(--nfc-color-current-text);
  border-radius: 10px;
  background: var(--nfc-color-current-background);
  max-width: 650px;
  overflow: hidden;
}

.nfc-message .nfc-message-title {
    min-height: var(--mat-button-min-height);
  }

.nfc-message-actions [mat-button][nfc-button-kind='outlined'] .nfc-text-wrapper {
  color: var(--nfc-color-current-text);
}

.nfc-message .mat-icon {
  --glow-color: var(--nfc-color-background);
  filter: drop-shadow(0 1px 2px rgb(var(--glow-color) / 0.1)) drop-shadow(0 1px 1px rgb(var(--glow-color) / 0.06));
}

/* on a no-data card everything is centered, so we adjust the layout a bit and we reset the font size */
.nfc-card .nfc-no-data .nfc-message {
  margin-left: auto;
  margin-right: auto;
}
.nfc-card .nfc-no-data .nfc-message .nfc-message-icon {
    display: none;
  }
.nfc-card .nfc-no-data .nfc-message .nfc-message-actions {
    --nfc-container-justify: center;
  }
.nfc-card .nfc-no-data .nfc-message p {
    font-size: 100%;
  }

/* src/styles/nfield/pager.css */
.nfc-pager {
  position: relative;
}

.nfc-pager .nfc-pager-pagesize {
  width: 60px;
  position: relative;
  top: 1px;
}

.nfc-pager[aria-disabled='true'] {
  color: var(--nfc-color-foreground-2);
}

/* src/styles/nfield/progress-bar.css */
nfc-progress-bar {
  --nfc-progress-bar-progress: 0;
  --nfc-progress-bar-color: var(--nfc-color-current-filled);
  --nfc-progress-bar-track-color: var(--nfc-color-current-tonal);

  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

nfc-progress-bar .nfc-progress-track {
    background-color: var(--nfc-progress-bar-track-color);
    transition: background-color var(--nfc-color-transition);
  }

nfc-progress-bar .nfc-progress-bar-fill {
    background-color: var(--nfc-progress-bar-color);
  }

nfc-progress-bar .nfc-progress-bar-element {
    height: 100%;
    width: 100%;
    position: absolute;
    animation: none;
    transform-origin: top left;
  }

nfc-progress-bar .nfc-progress-bar-primary {
    transform: scaleX(0);
  }

nfc-progress-bar .nfc-progress-bar-secondary {
    display: none;
  }

nfc-progress-bar .nfc-progress-bar-inner {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    animation: none;
    transition:
      width 250ms,
      background-color var(--nfc-color-transition);
  }

nfc-progress-bar .nfc-progress-buffer-element {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
  }

nfc-progress-bar .nfc-progress-buffer-dots {
    display: none;
    animation: var(--nfc-progress-buffering-animation) 200ms infinite linear;
    fill: var(--nfc-progress-bar-track-color);
    transition: fill var(--nfc-color-transition);
  }

nfc-progress-bar[nfc-mode='determinate'] .nfc-progress-bar-primary, nfc-progress-bar[nfc-mode='buffering'] .nfc-progress-bar-primary {
      transform: scaleX(1);
      top: 0;
    }

nfc-progress-bar[nfc-mode='determinate'] .nfc-progress-bar-inner, nfc-progress-bar[nfc-mode='buffering'] .nfc-progress-bar-inner {
      width: var(--nfc-progress-bar-progress);
    }

nfc-progress-bar[nfc-mode='buffering'] {
    --nfc-progress-buffering-animation: nfc-buffering;
  }

nfc-progress-bar[nfc-mode='buffering'] .nfc-progress-buffer-dots {
      display: block;
    }

nfc-progress-bar[nfc-mode='indeterminate'] {
    --nfc-primary-progress-animation: nfc-indeterminate-primary-translate;
    --nfc-secondary-progress-animation: nfc-indeterminate-secondary-translate;
  }

nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-primary {
      left: -145%;
    }

nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-secondary {
      left: -55%;
      display: block;
    }

nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-primary, nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-primary {
      animation: var(--nfc-primary-progress-animation) 2s infinite linear;
    }

nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-primary .nfc-progress-bar-inner, nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-primary .nfc-progress-bar-inner {
        animation: nfc-indeterminate-primary-scale 2s infinite linear;
      }

nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-secondary, nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-secondary {
      animation: var(--nfc-secondary-progress-animation) 2s infinite linear;
    }

nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-secondary .nfc-progress-bar-inner, nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-secondary .nfc-progress-bar-inner {
        animation: nfc-indeterminate-secondary-scale 2s infinite linear;
      }

nfc-progress-bar[nfc-mode='query'] {
    --nfc-primary-progress-animation: nfc-indeterminate-primary-translate-reverse;
    --nfc-secondary-progress-animation: nfc-indeterminate-secondary-translate-reverse;
  }

nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-primary {
      right: -145%;
      left: auto;
    }

nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-secondary {
      right: -55%;
      left: auto;
      display: block;
    }

[dir='rtl'] nfc-progress-bar .nfc-progress-bar-element {
    right: 0;
    transform-origin: center right;
  }

[dir='rtl'] nfc-progress-bar[nfc-mode='indeterminate'] {
    --nfc-primary-progress-animation: nfc-indeterminate-primary-translate-reverse;
    --nfc-secondary-progress-animation: nfc-indeterminate-secondary-translate-reverse;
  }

[dir='rtl'] nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-primary {
      right: -145%;
      left: auto;
    }

[dir='rtl'] nfc-progress-bar[nfc-mode='indeterminate'] .nfc-progress-bar-secondary {
      right: -55%;
      left: auto;
    }

[dir='rtl'] nfc-progress-bar[nfc-mode='query'] {
    --nfc-primary-progress-animation: nfc-indeterminate-primary-translate;
    --nfc-secondary-progress-animation: nfc-indeterminate-secondary-translate;
  }

[dir='rtl'] nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-primary {
      left: -145%;
    }

[dir='rtl'] nfc-progress-bar[nfc-mode='query'] .nfc-progress-bar-secondary {
      left: -55%;
    }

[dir='rtl'] nfc-progress-bar[nfc-mode='buffering'] {
    --nfc-progress-buggering-animation: nfc-buffering-reverse;
  }

/* adopted/adapted from https://github.com/material-components/material-components-web/blob/master/packages/mdc-linear-progress/_linear-progress.scss */
@keyframes nfc-indeterminate-primary-translate {
  0% {
    transform: translateX(0);
  }

  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.5);
    transform: translateX(0);
  }

  56% {
    animation-timing-function: cubic-bezier(0.3, 0.38, 0.55, 0.95);
    transform: translateX(84%);
  }

  100% {
    transform: translateX(200%);
  }
}
@keyframes nfc-indeterminate-primary-scale {
  0% {
    transform: scaleX(0.08);
  }

  37% {
    animation-timing-function: cubic-bezier(0.33, 0.12, 0.79, 1);
    transform: scaleX(0.08);
  }

  70% {
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    transform: scaleX(0.67);
  }

  100% {
    transform: scaleX(0.08);
  }
}

@keyframes nfc-indeterminate-secondary-translate {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.52, 0.41);
    transform: translateX(0);
  }

  25% {
    animation-timing-function: cubic-bezier(0.31, 0.28, 0.8, 0.73);
    transform: translateX(37.5%);
  }

  48% {
    animation-timing-function: cubic-bezier(0.4, 0.63, 0.6, 0.9);
    transform: translateX(85%);
  }

  100% {
    transform: translateX(160%);
  }
}

@keyframes nfc-indeterminate-secondary-scale {
  0% {
    animation-timing-function: cubic-bezier(0.21, 0.057, 0.58, 0.45);
    transform: scaleX(0.08);
  }

  19% {
    animation-timing-function: cubic-bezier(0.15, 0.2, 0.65, 1);
    transform: scaleX(0.46);
  }

  45% {
    animation-timing-function: cubic-bezier(0.26, -0.003, 0.22, 1.38);
    transform: scaleX(0.73);
  }

  100% {
    transform: scaleX(0.08);
  }
}

@keyframes nfc-indeterminate-primary-translate-reverse {
  0% {
    transform: translateX(0);
  }

  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.5);
    transform: translateX(0);
  }

  60% {
    animation-timing-function: cubic-bezier(0.3, 0.38, 0.55, 0.96);
    transform: translateX(-83.7%);
  }

  100% {
    transform: translateX(-200%);
  }
}

@keyframes nfc-indeterminate-secondary-translate-reverse {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.52, 0.41);
    transform: translateX(0);
  }

  25% {
    animation-timing-function: cubic-bezier(0.31, 0.28, 0.8, 0.73);
    transform: translateX(-37.5%);
  }

  48% {
    animation-timing-function: cubic-bezier(0.4, 0.63, 0.6, 0.9);
    transform: translateX(-84%);
  }

  100% {
    transform: translateX(-160%);
  }
}

@keyframes nfc-buffering {
  100% {
    transform: translateX(-10px);
  }
}

@keyframes nfc-buffering-reverse {
  100% {
    transform: translateX(10px);
  }
}

/**
 * If the progress bar is placed directly below a `Nfield::Card` header
 * the bar is moved up a bit, so it appears to be floating
 * on the edge of the header and the content
 */
.nfc-card-header ~ nfc-progress-bar {
  transform: translateY(-2px);
  margin-bottom: -4px;
}

/* src/styles/nfield/radio-button.css */
.nfc-radio-button {
  display: flex;
  align-items: center;
  position: relative;
  user-select: none;
  padding: 1px 0;
  color: var(--nfc-color-foreground);
}

.nfc-radio-button:not(.nfc-disabled) {
    cursor: pointer;
  }

.nfc-radio-button input[type='radio'] {
    appearance: none;
    margin: 0;
    width: 0;
  }

.nfc-radio-button .nfc-radio-button-label {
    position: relative;
    top: 2px; /* compensate for focus border on the icon */
  }

.nfc-radio-button .nfc-radio-button-icon {
    --nfc-radio-icon-color: var(--nfc-color-foreground-2);
    display: inline-block;
    padding: 2px;
    margin-right: 6px;
    color: var(--nfc-radio-icon-color);
    z-index: 1;
    border-radius: 50%;
    border: solid 2px transparent;
    transition: all 125ms;
    width: 28px;
    height: 28px;
    transform-origin: center;
  }

.nfc-radio-button .nfc-radio-button-icon .nfc-radio-icon-part {
      position: absolute;
      border-radius: 50%;
      width: 20px;
      height: 20px;
    }

.nfc-radio-button .nfc-radio-button-icon .nfc-radio-outer-circle {
      border-color: var(--nf);
      border-width: 2px;
    }

.nfc-radio-button .nfc-radio-button-icon .nfc-radio-inner-circle {
      background-color: var(--nfc-radio-icon-color);
      width: 20px;
      height: 20px;
      transform-origin: center;
      transform: scale(0.001);
      transition:
        transform ease 280ms,
        background-color ease 280ms;
    }

.nfc-radio-button .nfc-radio-button-icon .nfc-radio-focus-circle {
      background-color: var(--nfc-radio-icon-color);
      opacity: 0;
      width: 20px;
      height: 20px;
      transition: opacity ease 280ms;
    }

.nfc-radio-button input[type='radio']:not([disabled]):checked ~ .nfc-radio-button-icon {
    --nfc-radio-icon-color: var(--nfc-color-current-filled);
  }

.nfc-radio-button input[type='radio']:checked ~ .nfc-radio-button-icon .nfc-radio-inner-circle {
    transform: scale(0.5);
  }

.nfc-radio-button.nfc-disabled .nfc-radio-button-icon {
    --nfc-radio-icon-color: var(--nfc-color-current-text);
  }

.nfc-radio-button.nfc-disabled .nfc-radio-button-label {
    color: var(--nfc-color-current-text);
  }

.nfc-radio-button.nfc-disabled .nfc-radio-button-label * {
      color: var(--nfc-color-current-text);
    }

.nfc-radio-button input:focus ~ .nfc-radio-button-icon {
    transform: scale(1.1);
  }

.nfc-radio-button input:focus {
    outline: none;
  }

.nfc-radio-button circle.focus {
    visibility: hidden;
  }

.nfc-radio-button input:focus-visible ~ .nfc-radio-button-icon .nfc-radio-focus-circle {
    /*
  only shows if browser determines it useful (usually when element
  receives focus through keyboard navigation)
  */
    opacity: 0.54;
  }

.nfc-radio-button .nfc-radio-button-ripple-container {
    display: none;
  }

/*
  radios should be aligned properly when used in a table.
  this assumes a column width of 24px
*/
.nfc-cell-content .nfc-radio-button {
  position: relative;
  top: 7px;
  left: 7px;
}

/* src/styles/nfield/resize-handle.css */
nfc-resize-handle {
  --resize-handle-height: unset;
  --resize-handle-width: unset;
  position: absolute;
  z-index: 110;
  width: var(--resize-handle-width);
  height: var(--resize-handle-height);
}
nfc-resize-handle.nfc-resize-vertical {
    --resize-handle-width: 15px;
    top: 0;
    right: -9px;
    cursor: col-resize;
  }
nfc-resize-handle.nfc-resize-vertical.nfc-last-handle {
    /* last one should not stick out on the right side */
    --resize-handle-width: 6px;
    right: 0;
  }
nfc-resize-handle.nfc-resize-horizontal {
    --resize-handle-height: 15px;
    top: -9px;
    right: 0;
    cursor: row-resize;
  }

/* src/styles/nfield/ripple.css */
:root {
  --nfc-ripple-color: rgb(0, 0, 0);
}

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
mat-ripple-container {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border-radius: inherit;
  transition: all 0.55s var(--swift-ease-out-timing-function);
}

.mat-ripple {
  --ripple-size-duration: 0.9s;

  background-color: var(--nfc-ripple-color);
  border-color: var(--nfc-ripple-color);

  position: absolute;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  border-radius: 50%;
}

.mat-ripple.mat-ripple-placed {
    transition:
      margin var(--ripple-size-duration) var(--swift-ease-out-timing-function),
      border var(--ripple-size-duration) var(--swift-ease-out-timing-function),
      width var(--ripple-size-duration) var(--swift-ease-out-timing-function),
      height var(--ripple-size-duration) var(--swift-ease-out-timing-function),
      opacity var(--ripple-size-duration) var(--swift-ease-out-timing-function),
      transform var(--ripple-size-duration) var(--swift-ease-out-timing-function);
  }

.mat-ripple.mat-ripple-scaled {
    transform: translate(-50%, -50%) scale(1);
  }

.mat-ripple.mat-ripple-active,
  .mat-ripple.mat-ripple-full,
  .mat-ripple.mat-ripple-visible {
    opacity: 0.2;
  }

.mat-ripple.mat-ripple-remove {
    animation-name: ripple-remove;
    animation-duration: var(--ripple-size-duration);
    animation-timing-function: var(--swift-ease-out-timing-function);
  }

@keyframes ripple-remove {
  0% {
    opacity: 0.15;
  }
  100% {
    opacity: 0;
  }
}

/* src/styles/nfield/select.css */
/** based on material theme from ember-power-select */

@keyframes drop-fade-below {
  0% {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
  }
  100% {
    opacity: 1;
    transform: translateY(3px);
    pointer-events: auto;
  }
}

@keyframes drop-fade-above {
  0% {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
  }
  100% {
    opacity: 1;
    transform: translateY(-3px);
    pointer-events: auto;
  }
}

.nfc-select-dropdown.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
    animation: drop-fade-below 0.15s;
  }

.nfc-select-dropdown.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
    animation: drop-fade-below 0.15s reverse;
  }

.nfc-select-dropdown.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
    animation: drop-fade-above 0.15s;
  }

.nfc-select-dropdown.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
    animation: drop-fade-above 0.15s reverse;
  }

.nfc-select-dropdown.ember-basic-dropdown {
    position: relative;
  }

.nfc-select-dropdown.ember-basic-dropdown,
  .nfc-select-dropdown.ember-basic-dropdown-content,
  .nfc-select-dropdown.ember-basic-dropdown-content * {
    box-sizing: border-box;
  }

.nfc-select-dropdown.ember-basic-dropdown-content {
    position: absolute;
    width: auto;
    background-color: var(--nfc-color-background-2);
    color: var(--nfc-color-foreground);
  }

.nfc-select-dropdown.ember-basic-dropdown-content--left {
    left: 0;
  }

.nfc-select-dropdown.ember-basic-dropdown-content--right {
    right: 0;
  }

.nfc-select-dropdown.ember-basic-dropdown-overlay {
    position: fixed;
    background: var(--nfc-color-foreground-2);
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    pointer-events: none;
  }

.nfc-select-dropdown.ember-power-select-dropdown * {
    box-sizing: border-box;
  }

.nfc-select-dropdown.ember-power-select-dropdown {
    border-left: none;
    border-right: none;
    line-height: 2.5;
    border-radius: none;
    box-shadow:
      0 2px 5px 0 rgba(0, 0, 0, 0.16),
      0 2px 10px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
    color: var(--nfc-color-foreground);
  }

.nfc-select-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--above {
    border-top: none;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.nfc-select-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--below,
  .nfc-select-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
    border-top: none;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.nfc-select-dropdown.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
    width: 100%;
  }

.nfc-select-dropdown .ember-power-select-options {
    list-style: none;
    margin: 0;
    padding: 0;
    user-select: none;
    -webkit-user-select: none;
  }

.nfc-select-dropdown .ember-power-select-options[role='listbox'] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    -webkit-overflow-scrolling: touch;
    max-height: 17.5em;
  }

.nfc-select-dropdown .ember-power-select-option {
    cursor: pointer;
    padding: 4px 16px;
  }

.nfc-select-dropdown .ember-power-select-group[aria-disabled='true'] {
    color: #999999;
    cursor: not-allowed;
  }

.nfc-select-dropdown .ember-power-select-group[aria-disabled='true'] .ember-power-select-option,
  .nfc-select-dropdown .ember-power-select-option[aria-disabled='true'] {
    color: #999999;
    pointer-events: none;
    cursor: not-allowed;
  }

.nfc-select-dropdown .ember-power-select-option[aria-selected='true'] {
    background-color: var(--nfc-color-background-3);
  }

.nfc-select-dropdown .ember-power-select-option[aria-current='true'] {
    background-color: var(--nfc-color-background-3);
    color: inherit;
  }

.nfc-select-dropdown .ember-power-select-group-name {
    cursor: default;
    font-weight: bold;
  }

.nfc-select-dropdown .ember-power-select-multiple-options {
    padding: 0;
    margin: 0;
  }

.nfc-select-dropdown .ember-power-select-multiple-option {
    border: none;
    border-radius: 15px;
    color: #333333;
    background-color: #e4e4e4;
    padding: 0 10px;
    display: inline-block;
    line-height: 2;
    float: left;
    margin: 2px 0 2px 3px;
  }

.nfc-select-dropdown .ember-power-select-multiple-remove-btn {
    cursor: pointer;
  }

.nfc-select-dropdown .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5;
  }

.nfc-select-dropdown .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
    padding-left: 24px;
  }

.nfc-select-dropdown .ember-power-select-group .ember-power-select-group .ember-power-select-option {
    padding-left: 40px;
  }

.nfc-select-dropdown .ember-power-select-group .ember-power-select-option {
    padding-left: 24px;
  }

.nfc-select-dropdown .ember-power-select-group .ember-power-select-group-name {
    padding-left: 8px;
  }

.nfc-select-dropdown.ember-power-select-dropdown[dir='rtl']
    .ember-power-select-group
    .ember-power-select-group
    .ember-power-select-group-name {
    padding-right: 24px;
  }

.nfc-select-dropdown.ember-power-select-dropdown[dir='rtl']
    .ember-power-select-group
    .ember-power-select-group
    .ember-power-select-option {
    padding-right: 40px;
  }

.nfc-select-dropdown.ember-power-select-dropdown[dir='rtl'] .ember-power-select-group .ember-power-select-option {
    padding-right: 24px;
  }

.nfc-select-dropdown.ember-power-select-dropdown[dir='rtl'] .ember-power-select-group .ember-power-select-group-name {
    padding-right: 8px;
  }

.mat-input-has-label .nfc-select-trigger .ember-power-select-placeholder {
  opacity: 0;
  transition-property: opacity;
  transition-delay: 150ms;
}

.mat-input-focused .nfc-select-trigger .ember-power-select-placeholder {
  opacity: 1;
}

.nfc-select-trigger + .ember-basic-dropdown-content-wormhole-origin {
    display: inline;
  }

.nfc-select-trigger.ember-power-select-trigger {
    position: relative;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: none;
    line-height: 2.5;
    overflow-x: hidden;
    text-overflow: ellipsis;
    height: 100%;
    user-select: none;
    -webkit-user-select: none;
    color: inherit;
  }

/* Minimum clearfix for modern browsers */

.nfc-select-trigger.ember-power-select-trigger:after {
    content: '';
    display: table;
    clear: both;
  }

.nfc-select-trigger.ember-power-select-trigger:focus,
  .nfc-select-trigger.ember-power-select-trigger--active {
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: none;
    outline: none;
  }

.nfc-select-trigger.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded='true'],
  .nfc-select-trigger.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded='true'] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.nfc-select-trigger.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded='true'] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.nfc-select-trigger .ember-power-select-placeholder {
    color: var(--nfc-color-foreground-3);
    display: block;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.nfc-select-trigger .ember-power-select-status-icon {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: var(--nfc-color-foreground-4) transparent transparent transparent;
    transition:
      transform 100ms ease-in,
      border-color 100ms;
  }

.nfc-select-trigger.ember-basic-dropdown-trigger:not([aria-disabled]):hover .ember-power-select-status-icon {
    border-color: var(--nfc-color-foreground-2) transparent transparent transparent;
  }

.nfc-select-trigger.ember-basic-dropdown-trigger[aria-expanded='true'] .ember-power-select-status-icon {
    transform: rotate(-180deg);
    border-color: var(--nfc-color-foreground-2) transparent transparent transparent;
  }

.nfc-select-trigger .ember-power-select-clear-btn {
    position: absolute;
    cursor: pointer;
  }

.nfc-select-trigger.ember-power-select-trigger-multiple-input {
    font-family: inherit;
    font-size: inherit;
    border: none;
    display: inline-block;
    line-height: inherit;
    -webkit-appearance: none;
    outline: none;
    padding: 0;
    float: left;
    background-color: transparent;
    text-indent: 2px;
    /* There's a browser bug where this selectos cannot be chained with commas */
  }

.nfc-select-trigger.ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee;
  }

.nfc-select-trigger.ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999;
  }

.nfc-select-trigger.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999;
  }

.nfc-select-trigger.ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999;
  }

.nfc-select-trigger.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999;
  }

.nfc-select-trigger.ember-power-select-trigger[aria-disabled='true'] {
    background-color: #eeeeee;
    cursor: default;
  }

.nfc-select-trigger.ember-power-select-trigger {
    padding: 0 16px 0 0;
  }

.nfc-select-trigger .ember-power-select-selected-item,
  .nfc-select-trigger .ember-power-select-placeholder {
    margin-left: 8px;
  }

.nfc-select-trigger .ember-power-select-status-icon {
    right: 5px;
  }

.nfc-select-trigger .ember-power-select-clear-btn {
    right: 25px;
  }

.nfc-select-trigger.ember-power-select-trigger[dir='rtl'] {
    padding: 0 0 0 16px;
  }

.nfc-select-trigger.ember-power-select-trigger[dir='rtl'] .ember-power-select-selected-item,
  .nfc-select-trigger.ember-power-select-trigger[dir='rtl'] .ember-power-select-placeholder {
    margin-right: 8px;
  }

.nfc-select-trigger.ember-power-select-trigger[dir='rtl'] .ember-power-select-multiple-option {
    float: right;
  }

.nfc-select-trigger.ember-power-select-trigger[dir='rtl'] .ember-power-select-trigger-multiple-input {
    float: right;
  }

.nfc-select-trigger.ember-power-select-trigger[dir='rtl'] .ember-power-select-status-icon {
    left: 5px;
    right: initial;
  }

.nfc-select-trigger.ember-power-select-trigger[dir='rtl'] .ember-power-select-clear-btn {
    left: 25px;
    right: initial;
  }

/** some specific tweaks for the nfield select */

.nfc-select .ember-power-select-selected-item,
.nfc-select .ember-power-select-placeholder {
  margin-left: 0;
  line-height: var(--mat-input-line-height);
  height: var(--mat-input-line-height);
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
}

.nfc-select .ember-power-select-trigger[aria-disabled='true'] {
  background: transparent;
}

.nfc-select .ember-power-select-placeholder {
  color: var(--nfc-color-foreground-3);
}

.nfc-select .ember-power-select-status-icon {
  bottom: 8px;
  top: initial;
}

.nfc-select .mat-input-focused .ember-basic-dropdown-trigger:not([aria-disabled]) .ember-power-select-status-icon {
  border-color: var(--nfc-color-primary-500) transparent transparent transparent;
}

.nfc-select-dropdown {
  min-width: var(--mat-input-container-default-width);
}

.nfc-select-dropdown .ember-power-select-search {
    padding: 4px;
  }

.nfc-select-dropdown .ember-power-select-search-input {
    border: none;
    border-radius: 0;
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    padding: 0 5px;

    background: var(--nfc-color-background-3);
    color: var(--nfc-color-foreground);
  }

.nfc-select-dropdown .ember-power-select-search-input:focus {
    border: none;
    box-shadow: none;
    outline: none;
  }

.nfc-select .ember-basic-dropdown-trigger[aria-expanded='true'] ~ .mat-label {
  /* if there is currently no value and someone selects one, there is a small
   * window in which the trigger loses focus while there is no value yet.
   * in that case we do not want to animate the label back or it looks weird
   */
  transition-delay: 150ms;
}
.nfc-select .nfc-select-trigger.ember-power-select-trigger {
  height: auto;
}

.nfc-select-trigger[aria-disabled='true'] {
  color: var(--nfc-color-foreground-2);
}

/* src/styles/nfield/shortcuts.css */

  .nfc-keyboard-shortcuts th {
    text-align: left;
  }
.nfc-keyboard-shortcuts td:first-child {
    text-align: right;
  }
.nfc-keyboard-shortcuts td {
    padding-right: 10px;
  }
.nfc-keyboard-shortcuts kbd {
    display: inline-block;
    font-size: 11px;
    padding: 3px 5px;
    line-height: 10px;
    color: #444d56;
    vertical-align: middle;
    background-color: #fafbfc;
    border: solid 1px #d1d5da;
    border-bottom-color: #c6cbd1;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #c6cbd1;
  }

/* src/styles/nfield/sidenav.css */
:root {
  --nfc-sidenav-collapsed-width: 56px;
  --nfc-sidenav-expanded-width: 275px;
  --nfc-sidenav-animation-duration: 150ms;
}

.nfc-sidenav.nfc-tabs-container {
  --nfc-sidenav-width: var(--nfc-sidenav-expanded-width);

  --mat-button-min-height: 62px;
  --mat-button-vertical-padding: 14px;

  width: var(--nfc-sidenav-width);
  /* overflow: hidden; */
  transition: width ease-out var(--nfc-sidenav-animation-duration);
}

.nfc-sidenav.nfc-tabs-container .nfc-tab-button.nfc-sidenav-item[nfc-button-kind='text']:not([nfc-button-elevated]) {
    --mat-button-min-width: var(--nfc-sidenav-collapsed-width);

    border-radius: 0;
    width: 100%;
  }

.nfc-sidenav.nfc-tabs-container .nfc-tab-button.nfc-sidenav-item[nfc-button-kind='text']:not([nfc-button-elevated]):not([aria-selected='true']) {
      font-weight: normal;
    }

.nfc-sidenav.nfc-tabs-container .nfc-tab-button.nfc-sidenav-item[nfc-button-kind='text']:not([nfc-button-elevated]):not(.mat-icon-button) {
      --mat-button-horizontal-padding: 16px;
      --mat-button-icon-spacing: 9px;
    }

.nfc-sidenav.nfc-tabs-container .nfc-tab-button.nfc-sidenav-item[nfc-button-kind='text']:not([nfc-button-elevated]) [mat-leading-icon] {
      --mat-icon-size: 24px;
    }

.nfc-sidenav.nfc-tabs-container .nfc-tab-button.nfc-sidenav-item[nfc-button-kind='text']:not([nfc-button-elevated]) .nfc-text-wrapper {
      opacity: 1;
    }

.nfc-sidenav.nfc-tabs-container .nfc-tab-button.nfc-sidenav-item-return[nfc-button-kind='text']:not([nfc-button-elevated]):after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(
        90deg,
        rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-5)) 0%,
        rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-4)) 50%,
        rgb(var(--nfc-color-definition-foreground) / var(--nfc-color-alpha-foreground-5)) 100%
      );
    }

.nfc-sidenav.nfc-tabs-container.nfc-sidenav-collapsed {
    --nfc-sidenav-width: var(--nfc-sidenav-collapsed-width);
  }

.nfc-sidenav.nfc-tabs-container.nfc-sidenav-collapsed .nfc-tab-button.nfc-sidenav-item[nfc-button-kind='text']:not([nfc-button-elevated]) .nfc-text-wrapper {
        opacity: 0;
      }

/* src/styles/nfield/slider.css */
.nfc-slider-div {
  margin-top: 10px;
  position: relative;
}

.nfc-slider {
  accent-color: var(--nfc-color-primary);
  width: 100%;
}

.nfc-slider.gradient {
    appearance: none;
    height: 10px;
    border-radius: 5px;
    position: relative;
  }

.nfc-slider.gradient::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: transparent;
}

.nfc-slider.gradient::-moz-range-track {
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: transparent;
}

.nfc-slider.gradient::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  background-color: var(--nfc-color-primary);
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #333;
  position: relative;
  top: -9px;
  z-index: 2;
}

.nfc-slider.gradient::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background-color: var(--nfc-color-primary);
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #333;
  position: relative;
  top: -9px;
}

.thumb-label {
  position: absolute;
  font-size: 12px;
  color: black;
  top: -13px;
}

/* src/styles/nfield/switch.css */
:root {
  --nfc-switch-height: 28px;
}

.nfc-switch {
  display: flex;
  user-select: none;
  align-items: center;
  flex-direction: row;
  height: var(--nfc-switch-height);
}

.nfc-switch:not(.nfc-disabled) {
    cursor: pointer;
  }

.nfc-switch.nfc-disabled {
    opacity: 0.38;
  }

.nfc-switch input[type='checkbox'] {
    appearance: none;
    margin: 0;
    width: 0;
  }

.nfc-switch .nfc-switch-track {
    position: relative;
    width: 36px;
    height: 14px;
    border-radius: 8px;
    flex-shrink: 0;
    margin-right: 8px;
    background-color: var(--nfc-color-foreground-3);
    transition: background-color 60ms ease-out;
  }

.nfc-switch .nfc-switch-thumb-container {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -3px;
    transition: all 120ms ease-out;
    transition-property: transform;
    transform: translateX(0);
    z-index: 1;
  }

.nfc-switch .nfc-switch-thumb {
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    z-index: 2;
    box-shadow:
      0 2px 1px -1px rgb(var(--nfc-color-definition-foreground) / 0.2),
      0 1px 1px rgb(var(--nfc-color-definition-foreground) / 0.14),
      0 1px 3px rgb(var(--nfc-color-definition-foreground) / 0.12);
    background-color: var(--nfc-color-background-3);
  }

.nfc-switch .nfc-switch-focus {
    z-index: 1;
    background-color: var(--nfc-ripple-color);
  }

.nfc-switch input[type='checkbox']:checked ~ .nfc-switch-track {
    background-color: rgb(var(--nfc-color-definition-secondary-500) / var(--nfc-color-alpha-foreground-3));
  }

.nfc-switch input[type='checkbox']:checked ~ .nfc-switch-track .nfc-switch-thumb-container {
      transform: translateX(16px);
    }

.nfc-switch input[type='checkbox']:checked ~ .nfc-switch-track .nfc-switch-thumb-container .nfc-switch-thumb,
      .nfc-switch input[type='checkbox']:checked ~ .nfc-switch-track .nfc-switch-thumb-container .nfc-switch-focus {
        background-color: var(--nfc-color-secondary);
      }

.nfc-switch input:focus ~ .nfc-switch-track .nfc-switch-thumb {
    transform: scale(1.1);
  }

.nfc-switch input:focus ~ .nfc-switch-track .nfc-switch-thumb {
    transform: scale(1.1);
  }

.nfc-switch input:focus {
    outline: none;
  }

.nfc-switch .nfc-switch-track .nfc-switch-focus {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    height: 40px;
    width: 40px;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    border-radius: 50%;
    transition: opacity 120ms ease-out;
  }

.nfc-switch input:focus-visible ~ .nfc-switch-track .nfc-switch-focus {
    opacity: 0.12;
  }

/* src/styles/nfield/table-configuration.css */
.nfc-table-configuration .visually-hidden {
  appearance: none;
}

.nfc-table-configuration .nfc-table-configuration-column-list {
  padding: 0 20px;
  margin: 0;
  max-height: var(--dialog-max-height);
  overflow-y: auto;
  user-select: none;
}

.nfc-table-configuration .nfc-table-configuration-column-list li {
  padding: 6px;
  position: relative;
  margin-bottom: 6px;

  border: 1px solid var(--nfc-color-foreground-5);

  background: var(--nfc-color-background-2);
  border-radius: 4px;

  z-index: 0;
}

.nfc-table-configuration .nfc-table-configuration-column-list .sortable-item {
  border-color: var(--nfc-color-foreground-4);
}

.nfc-table-configuration .nfc-table-configuration-column-list .sortable-item.is-dragging {
  background: var(--nfc-color-background-3);
  z-index: 1;
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
}

.nfc-table-configuration .nfc-table-configuration-column-list .sortable-item [data-sortable-handle] {
  cursor: grab;
}
.nfc-table-configuration .nfc-table-configuration-column-list .sortable-item.is-dragging [data-sortable-handle] {
  cursor: grabbing;
}

/* src/styles/nfield/table-layout.css */
:root {
  --nfc-table-container-max-height-correction: 60px;
}

.nfc-container.nfc-table-layout {
  position: relative;
}

.nfc-container.nfc-table-layout .nfc-sticky-header {
    max-height: calc(var(--nfc-table-container-max-height) - var(--nfc-table-container-max-height-correction));
  }

.nfc-container.nfc-table-layout .nfc-table-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(var(--nfc-color-definition-background) / 0.3);
    z-index: var(--mat-z-index-dialog);
  }

.nfc-container.nfc-table-layout [nfc-table-side-by-side-left],
  .nfc-container.nfc-table-layout [nfc-table-side-by-side-right] {
    max-width: 100%;
    overflow: hidden;
    flex: 1;
  }

.nfc-container.nfc-table-layout [nfc-table-side-by-side-right] {
    padding-left: var(--nfc-container-gap-size);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--nfc-color-foreground-4);
  }

/* src/styles/nfield/table.css */
:root {
  --nfc-table-default-row-height: 42px;
}

/* This selector has a specificity of 0, but is still applied in all normal cases.
 * It specified like this to allow easy overriding without having to figure out how to get to
 * a higher specificity (e.g. if you need to add a `{{flex-container}}` to the cell.
 * Read all about specificity here: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
 */
:where(.nfc-table .nfc-cell-content .nfc-data-cell) {
  display: block;
}

table.nfc-table {
  --column-zindex: 0;
  --sticky-column-zindex: 5;
  --nfc-table-column-left: unset;
  --default-row-height: var(--nfc-table-default-row-height);
  --min-row-width: 42px;
  --header-row-height: var(--default-row-height);
  --body-row-height: var(--default-row-height);
  --table-bg-color: var(--nfc-color-background-2);

  cursor: default;
  display: block;
  overflow: auto;
  scrollbar-gutter: stable;
  border-color: var(--nfc-color-foreground-4);
  border-collapse: collapse;
  font-size: initial;
  border-width: 0;
}

table.nfc-table tr,
  table.nfc-table .nfc-body-row,
  table.nfc-table .nfc-nested-row {
    position: relative;
    min-width: var(--nfc-table-width);
    border: inherit;
    border-color: var(--nfc-color-foreground-4);
    border-spacing: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: 100%;
    background-color: var(--table-bg-color);
    transition: background-color 100ms ease;
  }

table.nfc-table .nfc-nested-row {
    border: none;
  }

table.nfc-table .nfc-expanded-content {
    height: initial;
    position: sticky;
    left: 0;
    padding: 3px 6px;
    max-width: var(--nfc-table-width);
  }

table.nfc-table .nfc-expandable-row {
    user-select: text;
  }

table.nfc-table .nfc-expandable-row,
  table.nfc-table .nfc-expandable-row .nfc-table-cell[nfc-sticky] {
    flex-direction: column;
    text-align: left;
    transition: background-color 100ms ease;
  }

table.nfc-table .nfc-expandable-row:not([disabled]):hover {
    --table-bg-color: var(--nfc-color-background-3);
  }

table.nfc-table .nfc-expandable-row:disabled {
    cursor: default;
  }

table.nfc-table .nfc-expandable-row:focus {
    --table-bg-color: var(--nfc-color-background-3);
    outline: none;
  }

table.nfc-table thead {
    background-color: var(--table-bg-color);
    z-index: calc(var(--sticky-column-zindex) + 2);
    position: sticky;
    top: 0;
    line-height: calc(var(--header-row-height) - 1px);
    height: var(--header-row-height);
  }

table.nfc-table thead tr {
      max-height: var(--header-row-height);
    }

table.nfc-table thead nfc-resize-handle {
      --resize-handle-height: var(--header-row-height);
    }

table.nfc-table .nfc-cell-content {
    position: absolute;
    line-height: var(--body-row-height);

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

table.nfc-table .nfc-cell-content .nfc-data-cell {
      padding-left: 6px;
      padding-right: 6px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      height: 100%;
    }

table.nfc-table .nfc-table-cell {
    z-index: var(--column-zindex);
    position: relative;
    flex-direction: column;
    text-align: left;
    overflow: visible;
    min-width: var(--min-row-width);
  }

table.nfc-table .nfc-table-cell[nfc-sticky] {
      background-color: var(--table-bg-color);
      position: sticky;
      left: var(--nfc-table-column-left);
      --column-zindex: var(--sticky-column-zindex);
    }

table.nfc-table .nfc-table-cell.nfc-table-header-column {
      border-right-style: dashed;
      border-right-width: 1px;
      border-right-color: inherit;
    }

table.nfc-table .nfc-table-cell[nfc-resizable] {
      border-right-style: solid;
    }

table.nfc-table th {
    border: none;
    height: calc(var(--header-row-height) - 1px);
  }

table.nfc-table td {
    border: none;
    height: var(--body-row-height);
  }

/*
    This prevents items in the body from being interacted with while scrolling, which can cause all kinds of weird issues
    (e.g. checkboxes getting checked/unchecked, buttons getting clicked, text getting selected, etc.).
  */

table.nfc-table.nfc-scrolling tbody,
    table.nfc-table.nfc-scrolling tbody * {
      pointer-events: none;
      user-select: none;
    }

/*
    checkboxes/icons should be aligned properly when used in a table.
    this assumes a column width of 42px
  */

table.nfc-table .nfc-data-cell > :is(.nfc-checkbox, .nfc-radio-button) {
    /* inside <Cell.Content> */
    position: relative;
    top: 7px;
    left: 0;
  }

table.nfc-table .nfc-cell-content > :is(.nfc-checkbox, .nfc-radio-button) {
    /* outside <Cell.Content> */
    position: relative;
    top: 7px;
    left: 7px;
  }

table.nfc-table .nfc-data-cell > .mat-icon {
    /* inside <Cell.Content> */
    position: relative;
    left: 3px;
  }

table.nfc-table .nfc-cell-content > .mat-icon {
    /* outside <Cell.Content> */
    position: relative;
    left: 8px;
  }

table.nfc-table .nfc-data-cell > .mat-button.mat-icon-button {
    /* inside <Cell.Content> */
    position: relative;
    left: -3px;
  }

table.nfc-table .nfc-cell-content > .mat-button.mat-icon-button {
    /* outside <Cell.Content> */
    position: relative;
    left: 3px;
  }

.nfc-table .nfc-table-cell {
  --mat-input-field-height: initial;
  --mat-input-border-bottom: 0px solid;
}

.nfc-table :is(.nfc-body-row:hover, .nfc-body-row:focus-within) .nfc-table-cell {
  --mat-input-border-bottom: 1px solid;
}

nfc-column-sorter {
  background: transparent;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

nfc-column-sorter .nfc-sort-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
  }

.nfc-save-state-container {
  width: 0;
  position: sticky;
  left: 0;
  top: 0;
  z-index: calc(var(--sticky-column-zindex) + 1);
}

.nfc-table-save-state {
  height: var(--nfc-table-default-row-height);
  background: var(--table-bg-color);
  width: max-content;

  opacity: 0;
  pointer-events: none;
  transition: opacity 125ms;

  border-left: 2px solid var(--nfc-color-background);
}

.nfc-table-save-state.can-save .nfc-save-button {
    animation-name: nfc-save-pulse;
    animation-delay: 0s;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;

    color: var(--nfc-color-secondary);
  }

.nfc-table-save-state[data-has-changes='true'] {
    border-left-color: var(--nfc-color-primary);
  }

.nfc-table-save-state:not([data-is-valid='true']) {
    border-left-color: var(--nfc-color-danger);
  }

.nfc-table-save-state.nfc-show {
  opacity: 1;
  pointer-events: auto;
}

/* src/styles/nfield/tabs.css */
.nfc-tabs-container {
  --mat-line-ripple-start: 0;
  --mat-line-ripple-size: 0;
  --mat-button-min-height: 48px;
  --mat-button-vertical-padding: 6px;
  --mat-button-horizontal-padding: 12px;

  position: relative;
}
.nfc-tabs-container.nfc-column [mat-button]:not(.mat-icon-button) {
      --mat-button-horizontal-padding: 8px;
      --mat-button-icon-spacing: 4px;
    }
.nfc-tabs-container.nfc-column > .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]) {
      text-align: left;
      align-items: start;
      border-radius: var(--mat-button-border-radius);
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
.nfc-tabs-container.nfc-column > .nfc-tab-button.mat-icon-button[nfc-button-kind='text']:not([nfc-button-elevated]) {
        max-width: var(--mat-button-min-height);
        padding: var(--mat-button-vertical-padding) var(--mat-button-horizontal-padding);
      }
.nfc-tabs-container.nfc-column > .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]) .nfc-text-wrapper {
        top: 2px;
      }
.nfc-tabs-container.nfc-column > .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]) [mat-leading-icon] {
        margin-bottom: -1px;
      }
.nfc-tabs-container .mat-line-ripple {
    display: block;
    position: absolute;
    transition:
      width 180ms cubic-bezier(0.4, 0, 0.2, 1),
      height 180ms cubic-bezier(0.4, 0, 0.2, 1),
      top 180ms cubic-bezier(0.4, 0, 0.2, 1),
      left 180ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    background-color: var(--nfc-color-secondary-500);
  }
.nfc-tabs-container .mat-line-ripple.mat-line-ripple-horizontal {
      left: var(--mat-line-ripple-start);
      bottom: 0;
      width: var(--mat-line-ripple-size);
      height: 2px;
    }
.nfc-tabs-container .mat-line-ripple.mat-line-ripple-vertical {
      top: var(--mat-line-ripple-start);
      left: 0;
      height: var(--mat-line-ripple-size);
      width: 2px;
    }
/*
  we will override some button styling so this needs to be fairly
  specific (otherwise we'd lose)
  */
.nfc-tabs-container .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]) {
    --nfc-tabs-tab-color: var(--nfc-color-foreground-1);
    --nfc-tabs-selected-tab-color: var(--nfc-color-primary);

    color: var(--nfc-tabs-tab-color);
    position: relative;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid transparent;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    letter-spacing: 0.1px;

    --mat-button-focus-overlay-color: var(--nfc-color-primary-100);
    --nfc-ripple-color: var(--nfc-color-primary-400);
  }
.nfc-tabs-container .nfc-tab-button[nfc-button-kind='text'][aria-selected='true']:not([nfc-button-elevated]) {
      --nfc-tabs-tab-color: var(--nfc-tabs-selected-tab-color);
      cursor: default;
    }
.nfc-tabs-container .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]) .material-icons[mat-leading-icon] {
      margin-left: calc(0px - var(--mat-button-icon-spacing));
      margin-right: var(--mat-button-icon-spacing);
    }
.nfc-tabs-container .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]):not(.mat-icon-button) {
      padding: var(--mat-button-vertical-padding) calc(var(--mat-button-horizontal-padding) * 2);
    }
.nfc-tabs-container .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]) .mat-line-ripple {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      display: block;
      height: 2px;
      transform: scaleX(0);
      transition:
        transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
        opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
      opacity: 0;
      z-index: 2;
      background-color: var(--nfc-color-secondary-500);
    }
.nfc-tabs-container .nfc-tab-button[nfc-button-kind='text']:not([nfc-button-elevated]) .mat-line-ripple.mat-ripple-active {
        transform: scaleX(1);
        opacity: 1;
      }

/* src/styles/nfield/toggle-button.css */
.nfc-toggle-button {
  will-change: color, background-color, border;
}

.nfc-toggle-button.stacked:not(.mat-icon-button) {
  min-width: 85px;
  max-width: 100px;
  aspect-ratio: 1/1;
  line-height: normal;
  padding: var(--mat-button-horizontal-padding);
  white-space: normal;
  height: unset;

  --mat-icon-size: 36px;
  --animate-size: 36px;
  --mat-button-border-width: 2px;
}

.nfc-toggle-button.stacked:not(.mat-icon-button) .mat-icon {
    transition: color var(--nfc-color-transition);
  }

.nfc-toggle-button.stacked:not(.mat-icon-button):where(:hover, :focus):not([nfc-button-kind='filled']) .mat-icon {
    color: var(--nfc-color-current-text);
  }

.nfc-toggle-button:not(:hover):not(:focus):not(:disabled) {
  --nfc-color-current-line: var(--nfc-color-foreground-4);
}

.nfc-dark .nfc-toggle-button:not(:hover):not(:focus):not(:disabled) {
  --nfc-color-current-line: var(--nfc-color-foreground-3);
}

.nfc-toggle-button:not(:hover):not(:focus):not(:disabled):not([nfc-button-kind='filled']) {
  color: var(--nfc-color-foreground-1);
}

/* src/styles/nfield/tooltip.css */
.mat-tooltip-container {
  visibility: hidden;
  display: none;
}

@keyframes mat-tooltip-transform {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

[mat-tooltip] {
  z-index: var(--mat-z-index-tooltip);
  position: absolute;
  color: #fff;
  border-radius: 4px;
  max-width: 300px;
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--nfc-color-gray-700);
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  pointer-events: none;
}

.mat-tooltip-bottom[mat-tooltip] {
    margin-top: 14px;
  }

.mat-tooltip-top[mat-tooltip] {
    margin-top: -14px;
  }

.mat-tooltip-left[mat-tooltip] {
    margin-left: -14px;
  }

.mat-tooltip-right[mat-tooltip] {
    margin-left: 14px;
  }

.showing[mat-tooltip] {
    animation-name: mat-tooltip-transform;
    animation-duration: 200ms;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    opacity: 1;
  }

/* ./node_modules/ember-power-select/vendor/ember-power-select.css */
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}
/* src/components/components.css */
/*
   The file is organized in three main sections
   Everything lives under ember-nfield-reporting which is the main class (like entry point for reporting
   When editing the file we should put the rules inside one of the three sections based on the component we need to modify
*/

:root {
  /*
   * Custom Reports View Height
   * Calculates the viewport height minus the header/navigation bar height (88px).
   * Used to set the maximum height of the custom reports view container to fill
   * the remaining vertical space without causing overflow or unwanted scrollbars.
  */
  --custom-reports-view-height: calc(100vh - 88px);
}
.ember-nfield-reporting.reporting-configuration.questions-configuration .scrollable-columns {
      overflow-y: hidden;
    }
.ember-nfield-reporting.report-viewer .selected-report {
    height: var(--custom-reports-view-height);
  }
.ember-nfield-reporting .error-message .mat-icon {
    color: var(--nfc-color-danger);
  }
.ember-nfield-reporting #currently-viewed-report {
    position: relative;
    height: 100%;
    border-top-left-radius: 5px;
    overflow: hidden;
  }
.ember-nfield-reporting #currently-viewed-report iframe {
      position: relative;
      border: 0;
      z-index: 1;
    }
.ember-nfield-reporting #currently-viewed-report::before {
      content: '';
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      pointer-events: none;
    }
.ember-nfield-reporting.reports-container button.show-report {
      border: none;
      padding: 0;
      background-color: white;
      display: block;
      cursor: default;
    }
.ember-nfield-reporting.reports-container .templates-list,
    .ember-nfield-reporting.reports-container .reports-list {
      margin-bottom: 24px;
    }
.ember-nfield-reporting.reports-container h3 {
      color: var(--nfc-color-gray-400);
      text-shadow: 0px 2px 0px white;
      font-weight: normal;

      margin-top: 3px;
      margin-bottom: 12px;
      margin-left: 8px;
      margin-right: 0;
    }
.ember-nfield-reporting.reports-container .report-item {
      background: white;
      filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
      border-radius: 6px;
      margin: 8px;
      display: flex;
      flex-direction: column;

      height: 400px;
      width: 340px;
      position: relative;
      cursor: default;
      overflow: hidden;

      transition: transform 100ms ease-out;
    }
.ember-nfield-reporting.reports-container .report-item .card-content {
        padding: 6px;
      }
.ember-nfield-reporting.reports-container .report-item .card-title {
        padding: 6px;
        text-align: left;
      }
.ember-nfield-reporting.reports-container .report-item .card-title .main {
          font-size: 120%;
        }
.ember-nfield-reporting.reports-container .report-item .card-title .sub {
          font-size: 80%;
        }
.ember-nfield-reporting.reports-container .report-item.clickable:hover {
        transform: scale(1.01);
      }
.ember-nfield-reporting.reports-container .report-item.clickable:hover button.show-report {
          cursor: pointer;
        }
.ember-nfield-reporting.reports-container .report-item .image-placeholder {
        height: 115px;
        width: 100%;
        background-color: var(--nfc-color-primary);
      }
.ember-nfield-reporting.reports-container .report-item .image-placeholder .mat-icon {
          color: white;
        }
.ember-nfield-reporting.reports-container .report-item .report-dialog {
        min-width: inherit !important;
        max-width: 95% !important;
      }
.ember-nfield-reporting.reports-container .report-item .report-action {
        position: absolute;
        top: 88px;
        right: 6px;
      }
.ember-nfield-reporting.reports-container .report-item .report-action [nfc-button-kind='filled'] {
          --mat-button-min-height: 50px;
        }
.ember-nfield-reporting.reports-container .report-item .report-action [nfc-button-kind='outlined'] {
          background-color: white;
        }
.ember-nfield-reporting.reports-container .report-item .report-navigation {
        position: absolute;
      }
.ember-nfield-reporting.reports-container .report-item .report-navigation.cancel-button {
          right: 0px;
          top: 6px;
        }
.ember-nfield-reporting.reports-container .report-item .report-item-is-busy {
        z-index: 1001;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 95%;
        height: 94%;
        background-color: white;
        opacity: 0.7;
      }
.ember-nfield-reporting.reports-container .report-item .report-item-is-busy div {
          height: 100%;
        }
.ember-nfield-reporting.reports-container .report-item .report-info {
        height: 185px;
      }
.ember-nfield-reporting.reports-container .report-item .report-info .error-message-container {
          margin-bottom: 5px;
          margin-left: 16px;
          height: 24px;
        }
.ember-nfield-reporting.reports-container .report-item .report-info .report-date-info {
          width: 100%;
          position: absolute;
          bottom: 0;
          padding: 0;
        }
.ember-nfield-reporting.reports-container .report-item .share-report hr {
          margin: 0px -16px;
          border-top-color: var(--nfc-color-primary);
        }
.ember-nfield-reporting.reports-container .report-item .share-report .share-report-slider {
          margin-left: 15px;
          margin-right: 15px;
        }
.ember-nfield-reporting.reports-container .report-item .share-report .push-to-bottom {
          margin-top: 20px;
        }
.ember-nfield-reporting.reports-container .report-item .share-report .share-report-link .push-to-bottom-share-link {
            margin-top: 39px;
          }
.ember-nfield-reporting.reports-container .report-item .share-report .share-report-link .public-link-container {
            margin-top: 15px;
          }
.ember-nfield-reporting.reports-container .report-item .error-activating {
        height: 100%;
      }
.ember-nfield-reporting.reports-container .loading-placeholder .card-title {
        display: block;
        width: 200px;
        height: 35px;
      }
.ember-nfield-reporting.share-reports .scrollable-columns {
      overflow: hidden;
    }
.ember-nfield-reporting.share-reports .data-row.invalid-report-link {
      color: var(--nfc-color-gray-400);
    }
.ember-nfield-reporting.share-reports .button-content {
      color: black;
    }
.ember-nfield-reporting.questions-transformations-list .row-actions .mat-icon[mat-font-icon='call-split'],
      .ember-nfield-reporting.questions-transformations-list .row-actions .mat-icon[mat-font-icon='call-merge'] {
        transform: rotate(90deg);
      }
.ember-nfield-reporting.data-repository-general .plan-tooltip {
      position: unset;
      margin: 0;
    }
.ember-nfield-reporting.data-repository-access .add-firewall-rule {
      height: 125px;
      padding: 3px;
      margin-bottom: 30px;

      border-style: solid;
      border-width: 1px;
      border-color: var(--nfc-color-primary);
      border-radius: 2px;
    }
.ember-nfield-reporting.data-repository-access .add-firewall-rule .button-container {
        flex-direction: row-reverse;
      }
.ember-nfield-reporting.data-repository-access .add-firewall-rule .firewall-group {
        flex: 1;
      }
.ember-nfield-reporting.data-repository-access .add-firewall-rule .firewall-group.top-row {
          padding-top: 6px;
        }
.ember-nfield-reporting.data-repository-access .add-firewall-rule .firewall-group .firewall-editor {
          margin-left: 9px;
        }
.ember-nfield-reporting.data-repository-access .add-firewall-rule .firewall-group .firewall-editor:last-child {
            margin-right: 9px;
          }
.ember-nfield-reporting.data-repository-surveys div.scrollable-columns {
      overflow-y: hidden;
    }
.ember-nfield-reporting.data-repository-manage-subscription .title {
      color: #bdbdbd;
      text-shadow: 0 2px 0 #fff;
      font-size: 400;
      margin: 3px 0 18px;
    }
.ember-nfield-reporting.data-repository-manage-subscription div.interval-filters {
      padding-right: 10px;
    }
.ember-nfield-reporting.data-repository-manage-subscription div.one-week-interval {
      padding-right: 20px;
    }

.nfc-toggle-button.stacked.select-repository-size-button {
  flex: 1;
  max-width: unset;
}

.nfc-toggle-button.stacked.select-repository-size-button .name {
    font-size: 110%;
  }

.nfc-toggle-button.stacked.select-repository-size-button .price {
    font-weight: 300;
  }

svg g.tick {
      opacity: 0.8;
    }

svg g text.axis-label {
        text-anchor: start;
        opacity: 0.6;
        font-size: small;
      }

svg g text .chartLine {
        stroke: var(--nfc-color-primary);
        stroke-width: 3px;
        fill: none;
      }

svg g circle.markerCircle {
        fill: #fff;
        stroke: #02a79c;
        stroke-width: 2px;
      }

svg g circle.markerCircle:hover {
        stroke: #3571cc;
        stroke-width: 3px;
      }

svg g path.red {
        fill: #e65100;
      }

svg g path.grey {
        fill: #e0e0e0;
      }

svg g path.domain {
        stroke: #e0e0e0;
      }

svg g path.line {
        stroke: #02a79c;
        stroke-width: 3px;
        fill: none;
      }

svg text tspan.chart-label {
      text-shadow: 0 -1px 0 #e0e0e0;
      font-weight: bold;
    }

#storage-chart {
  position: relative;
  min-height: 300px;
  min-width: 195px;
  height: 100%;
  width: 100%;
}

#dtu-chart {
  position: relative;
  min-height: 300px;
  min-width: 195px;
  height: 100%;
  width: 100%;
}

#storage-line-chart {
  position: relative;
  width: 100%;
  height: 100%;
}

#dtu-line-chart {
  position: relative;
  width: 100%;
  height: 100%;
}

.edit-question-dialog {
  --dialog-max-width: 700px;
}

.edit-question-dialog .progress-error-indication {
    height: 50px;
  }

.edit-question-dialog .progress-error-indication .mat-icon {
      margin: 0px 5px 0px 10px;
    }

.edit-question-dialog .data-table .table-body div.scrollable-columns {
    overflow-x: unset;
  }

.edit-question-dialog .row-actions {
    padding-left: 0.5em;
  }

.edit-question-dialog .mat-icon[mat-font-icon='call-split'],
  .edit-question-dialog .mat-icon[mat-font-icon='call-merge'] {
    transform: rotate(90deg);
  }

.create-repository-dialog-button {
  right: 24px;
  bottom: 6px;
}

.manage-repository-dialog > div {
    min-width: 700px;
    max-width: 700px;
  }

.manage-repository-dialog .plan-description {
    height: 100px;
    padding: 20px 0px 20px 0px;
  }

.manage-repository-dialog hr.connector-line {
    top: 32px;
  }

.pulsing-text {
  --grey-color: var(--nfc-color-gray-400);
  --pulse-color: rgb(var(--nfc-color-definition-primary-500) / 0.6);

  --normal-font-size: 30px;
  --big-font-size: 31px;

  color: var(--grey-color);
  cursor: default;
  text-align: center;
  font-size: var(--normal-font-size);
  text-shadow: 0px 2px 0px white;
  animation: pulsing-text 5s ease-in-out infinite;

  @keyframes pulsing-text {
    0% {
      color: var(--grey-color);
      font-size: var(--normal-font-size);
    }
    40% {
      color: var(--grey-color);
      font-size: var(--normal-font-size);
    }
    45% {
      color: var(--pulse-color);
      font-size: var(--big-font-size);
    }
    50% {
      color: var(--grey-color);
      font-size: var(--normal-font-size);
    }
    55% {
      color: var(--pulse-color);
      font-size: var(--big-font-size);
    }
    60% {
      color: var(--grey-color);
      font-size: var(--normal-font-size);
    }
    100% {
      color: var(--grey-color);
      font-size: var(--normal-font-size);
    }
  }
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-aria-container {
	position: absolute; /* try to hide from window but not from screen readers */
	left:-999em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .selection-anchor {
	background-color: #007ACC;
	width: 2px !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: var(--vscode-editorBracketMatch-background);
	border: 1px solid var(--vscode-editorBracketMatch-border);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: var(--vscode-icon-x-content);
	font-family: var(--vscode-icon-x-font-family);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rendered-markdown kbd {
	background-color: var(--vscode-keybindingLabel-background);
	color: var(--vscode-keybindingLabel-foreground);
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: var(--vscode-keybindingLabel-border);
	border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
	box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
	vertical-align: middle;
	padding: 1px 3px;
}

.rendered-markdown li:has(input[type=checkbox]) {
	list-style-type: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-text-button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--vscode-button-border, transparent);
	line-height: 18px;
}

.monaco-text-button:focus {
	outline-offset: 2px !important;
}

.monaco-text-button:hover {
	text-decoration: none !important;
}

.monaco-button.disabled:focus,
.monaco-button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

.monaco-text-button .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

.monaco-text-button.monaco-text-button-with-short-label {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 4px;
	overflow: hidden;
	height: 28px;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
	flex-basis: 100%;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	flex-grow: 1;
	width: 0;
	overflow: hidden;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-style: inherit;
	padding: 4px 0;
}

.monaco-button-dropdown {
	display: flex;
	cursor: pointer;
}

.monaco-button-dropdown.disabled {
	cursor: default;
}

.monaco-button-dropdown > .monaco-button:focus {
	outline-offset: -1px !important;
}

.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
	opacity: 0.4 !important;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-right-width: 0 !important;
}

.monaco-button-dropdown .monaco-button-dropdown-separator {
	padding: 4px 0;
	cursor: default;
}

.monaco-button-dropdown .monaco-button-dropdown-separator > div {
	height: 100%;
	width: 1px;
}

.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
	border: 1px solid var(--vscode-button-border, transparent);
	border-left-width: 0 !important;
	border-radius: 0 2px 2px 0;
	display: flex;
	align-items: center;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-radius: 2px 0 0 2px;
}

.monaco-description-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4px 5px; /* allows button focus outline to be visible */
}

.monaco-description-button .monaco-button-description {
	font-style: italic;
	font-size: 11px;
	padding: 4px 20px;
}

.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

/* default color styles - based on CSS variables */

.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
	background-color: var(--vscode-button-secondaryHoverBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-background);
	border-top: 1px solid var(--vscode-button-border);
	border-bottom: 1px solid var(--vscode-button-border);
}

.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
	background-color: var(--vscode-button-separator);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-secondaryHoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(/f6283f7ccaed1249d9eb.ttf) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

@keyframes codicon-spin {
	100% {
		transform:rotate(360deg);
	}
}

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}

/* gutter decoration */
.monaco-editor .glyph-margin-widgets .cgmr[class*="codicon-gutter-lightbulb"] {
	display: block;
	cursor: pointer;
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-list {
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}

.monaco-list.mouse-support {
	user-select: none;
	-webkit-user-select: none;
}

.monaco-list > .monaco-scrollable-element {
	height: 100%;
}

.monaco-list-rows {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-list.horizontal-scrolling .monaco-list-rows {
	width: auto;
	min-width: 100%;
}

.monaco-list-row {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.monaco-list.mouse-support .monaco-list-row {
	cursor: pointer;
	touch-action: none;
}

/* Make sure the scrollbar renders above overlays (sticky scroll) */
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
	z-index: 14;
}

/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
	display: none !important;
}

/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
	outline: 0 !important;
}

/* Dnd */
.monaco-drag-image {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 10px;
	font-size: 12px;
	position: absolute;
	z-index: 1000;
}

/* Filter */

.monaco-list-type-filter-message {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 1em 1em 1em;
	text-align: center;
	white-space: normal;
	opacity: 0.7;
	pointer-events: none;
}

.monaco-list-type-filter-message:empty {
	display: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.monaco-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.monaco-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.monaco-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}

.monaco-scrollable-element > .scrollbar > .slider {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-scrollable-element > .scrollbar > .slider.active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Use custom CSS vars to expose padding into parent select for padding calculation */
.monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 1px;
	--dropdown-padding-bottom: 1px;
}

.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 3px;
	--dropdown-padding-bottom: 4px;
}

.monaco-select-box-dropdown-container {
	display: none;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
	margin: 0;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
	line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
	font-family: var(--monaco-monospace-font);
}


.monaco-select-box-dropdown-container.visible {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 1px;
	overflow: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	flex: 0 0 auto;
	align-self: flex-start;
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
	overflow: hidden;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane {
	padding: 5px;
}

.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
	cursor: pointer;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
	opacity: 0.7;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}


/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
	flex: 1 1 auto;
	align-self: flex-start;
	opacity: 0;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
	overflow: hidden;
	max-height: 0px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box {
	width: 100%;
	cursor: pointer;
	border-radius: 2px;
}

.monaco-select-box-dropdown-container {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

/** Actions */

.monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-action-bar .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.mac .monaco-action-bar .action-item .monaco-select-box {
	font-size: 11px;
	border-radius: 5px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar {
	white-space: nowrap;
	height: 100%;
}

.monaco-action-bar .actions-container {
	display: flex;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	align-items: center;
}

.monaco-action-bar.vertical .actions-container {
	display: inline-block;
}

.monaco-action-bar .action-item {
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}

.monaco-action-bar .action-item.disabled {
	cursor: default;
}

.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
	display: block;
}

.monaco-action-bar .action-item .codicon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.monaco-action-bar .action-label {
	display: flex;
	font-size: 11px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label::before,
.monaco-action-bar .action-item.disabled .action-label:hover {
	color: var(--vscode-disabledForeground);
}

/* Vertical actions */

.monaco-action-bar.vertical {
	text-align: left;
}

.monaco-action-bar.vertical .action-item {
	display: block;
}

.monaco-action-bar.vertical .action-label.separator {
	display: block;
	border-bottom: 1px solid #bbb;
	padding-top: 1px;
	margin-left: .8em;
	margin-right: .8em;
}

.monaco-action-bar .action-item .action-label.separator {
	width: 1px;
	height: 16px;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px;
	padding: 0;
	background-color: #bbb;
}

.secondary-actions .monaco-action-bar .action-label {
	margin-left: 6px;
}

/* Action Items */
.monaco-action-bar .action-item.select-container {
	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
	flex: 1;
	max-width: 170px;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.monaco-action-bar .action-item.action-dropdown-item {
	display: flex;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	display: flex;
	align-items: center;
	cursor: default;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	width: 1px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 160px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-editorWidget-border) !important;
	border-radius: 5px;
	background-color: var(--vscode-editorActionList-background);
	color: var(--vscode-editorActionList-foreground);
	padding: 4px;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 10px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
	border-radius: 4px;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-editorActionList-focusBackground) !important;
	color: var(--vscode-editorActionList-focusForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
	font-size: 12px;
}

.action-widget .monaco-list-row.group-header:not(:first-of-type) {
	margin-top: 2px;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 8px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
		background-color: var(--vscode-keybindingLabel-background);
		color: var(--vscode-keybindingLabel-foreground);
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		border-color: var(--vscode-keybindingLabel-border);
		border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
		box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-editorActionList-background);
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
	margin-top: 2px;
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 3px 8px 0;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 12px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-keybinding {
	display: flex;
	align-items: center;
	line-height: 10px;
}

.monaco-keybinding > .monaco-keybinding-key {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	vertical-align: middle;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 2px;
}

.monaco-keybinding > .monaco-keybinding-key:first-child {
	margin-left: 0;
}

.monaco-keybinding > .monaco-keybinding-key:last-child {
	margin-right: 0;
}

.monaco-keybinding > .monaco-keybinding-key-separator {
	display: inline-block;
}

.monaco-keybinding > .monaco-keybinding-key-chord-separator {
	width: 6px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	color: var(--vscode-editor-foreground);
	background-color: var(--vscode-editor-background);
	overflow-wrap: initial;
}
.monaco-editor-background {
	background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
	background-color: var(--vscode-editor-rangeHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
	border-style: dotted;
}
.monaco-editor .symbolHighlight {
	background-color: var(--vscode-editor-symbolHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
	border-style: dotted;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

.monaco-editor .view-overlays > div, .monaco-editor .margin-view-overlays > div {
	position: absolute;
	width: 100%;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/


.monaco-editor .squiggly-error {
	border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
	border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
	border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
	border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
	border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
	text-decoration: line-through;
	text-decoration-color: var(--vscode-editor-foreground, inherit);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inputarea {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
	z-index: 10;
	caret-color: var(--vscode-editorCursor-foreground);
	color: var(--vscode-editor-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .line-numbers {
	bottom: 0;
	font-variant-numeric: tabular-nums;
	position: absolute;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: default;
}

.monaco-editor .relative-current-line-number {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
	margin-top: 1px;
}

.monaco-editor .line-numbers {
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-editor .line-numbers.active-line-number {
	color: var(--vscode-editorLineNumber-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin {
	background-color: var(--vscode-editorGutter-background);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-mouse-cursor-text {
	cursor: text;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .blockDecorations-container {
	position: absolute;
	top: 0;
	pointer-events: none;
}

.monaco-editor .blockDecorations-block {
	position: absolute;
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor .margin-view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor
	.margin-view-overlays
	.current-line.current-line-margin.current-line-margin-both {
	border-right: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
	position: absolute;
	height: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .glyph-margin {
	position: absolute;
	top: 0;
}

/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lines-content .core-guide {
	position: absolute;
	box-sizing: border-box;
	height: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/

.mtkcontrol {
	color: rgb(255, 255, 255) !important;
	background: rgb(150, 0, 0) !important;
}

.mtkoverflow {
	background-color: var(--vscode-button-background, var(--vscode-editor-background));
	color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
	border-width: 1px;
	border-style: solid;
	border-color: var(--vscode-contrastBorder);
	border-radius: 2px;
	padding: 4px;
	cursor: pointer;
}
.mtkoverflow:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
	user-select: none;
	-webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

.monaco-editor.enable-user-select {
	user-select: initial;
	-webkit-user-select: initial;
}

.monaco-editor .view-lines {
	white-space: nowrap;
}

.monaco-editor .view-line {
	position: absolute;
	width: 100%;
}

/* There are view-lines in view-zones. We have to make sure this rule does not apply to them, as they don't set a line height */
.monaco-editor .lines-content > .view-lines > .view-line > span {
	top: 0;
	bottom: 0;
	position: absolute;
}

.monaco-editor .mtkw {
	color: var(--vscode-editorWhitespace-foreground) !important;
}

.monaco-editor .mtkz {
	display: inline-block;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
	position: absolute;
	top: 0;
	background: white;
}

/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
	position: absolute;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
	opacity: 0;
	transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
	opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
	opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
	box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
	position: absolute;
	width: 0;
}
.monaco-editor .minimap-shadow-visible {
	position: absolute;
	left: -6px;
	width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
	position: absolute;
	left: -1px;
	width: 1px;
}

/* 0.5s fade in/out for the minimap */
.minimap.autohide {
	opacity: 0;
	transition: opacity 0.5s;
}
.minimap.autohide:hover {
	opacity: 1;
}

.monaco-editor .minimap {
	z-index: 5;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
	position: absolute;
	top: 0;
	left:0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-ruler {
	position: absolute;
	top: 0;
	box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .scroll-decoration {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
	position: absolute;
}

.monaco-editor .focused .selected-text {
	background-color: var(--vscode-editor-selectionBackground);
}

.monaco-editor .selected-text {
	background-color: var(--vscode-editor-inactiveSelectionBackground);
}

.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }

.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }

.monaco-editor.hc-light .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-light .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-light .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-light .bottom-right-radius	{ border-bottom-right-radius: 0; }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
	position: absolute;
	top: 0;
}

.monaco-editor .cursors-layer > .cursor {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}

/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
	transition: all 80ms;
}

/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
	background: transparent !important;
	border-style: solid;
	border-width: 1px;
}

/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background: transparent !important;
}

/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: transparent !important;
}

@keyframes monaco-cursor-smooth {
	0%,
	20% {
		opacity: 1;
	}
	60%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-phase {
	0%,
	20% {
		opacity: 1;
	}
	90%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-expand {
	0%,
	20% {
		transform: scaleY(1);
	}
	80%,
	100% {
		transform: scaleY(0);
	}
}

.cursor-smooth {
	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}

.cursor-phase {
	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}

.cursor-expand > .cursor {
	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .mwh {
	position: absolute;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codelens-decoration {
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
	padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
	font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
	font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}

.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
	user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
	vertical-align: sub;
}

.monaco-editor .codelens-decoration > a {
	text-decoration: none;
}

.monaco-editor .codelens-decoration > a:hover {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration > a:hover .codicon {
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration .codicon {
	vertical-align: middle;
	color: currentColor !important;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
}

.monaco-editor .codelens-decoration > a:hover .codicon::before {
	cursor: pointer;
}

@keyframes fadein {
	0% {
		opacity: 0;
		visibility: visible;
	}

	100% {
		opacity: 1;
	}
}

.monaco-editor .codelens-decoration.fadein {
	animation: fadein 0.1s linear;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-dropdown {
	height: 100%;
	padding: 0;
}

.monaco-dropdown > .dropdown-label {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-dropdown > .dropdown-label > .action-label.disabled {
	cursor: default;
}

.monaco-dropdown-with-primary {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-primary > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.menu-entry .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-action-bar .action-item.menu-entry.text-only .action-label {
	color: var(--vscode-descriptionForeground);
	overflow: hidden;
	border-radius: 2px;
}

.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label::after {
	content: ', ';
}

.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
	color: var(--vscode-descriptionForeground);
}

.monaco-dropdown-with-default {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-default > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-toolbar {
	height: 100%;
}

.monaco-toolbar .toolbar-toggle-more {
	display: inline-block;
	padding: 0;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

:root {
	--vscode-sash-size: 4px;
	--vscode-sash-hover-size: 4px;
}

.monaco-sash {
	position: absolute;
	z-index: 35;
	touch-action: none;
}

.monaco-sash.disabled {
	pointer-events: none;
}

.monaco-sash.mac.vertical {
	cursor: col-resize;
}

.monaco-sash.vertical.minimum {
	cursor: e-resize;
}

.monaco-sash.vertical.maximum {
	cursor: w-resize;
}

.monaco-sash.mac.horizontal {
	cursor: row-resize;
}

.monaco-sash.horizontal.minimum {
	cursor: s-resize;
}

.monaco-sash.horizontal.maximum {
	cursor: n-resize;
}

.monaco-sash.disabled {
	cursor: default !important;
	pointer-events: none !important;
}

.monaco-sash.vertical {
	cursor: ew-resize;
	top: 0;
	width: var(--vscode-sash-size);
	height: 100%;
}

.monaco-sash.horizontal {
	cursor: ns-resize;
	left: 0;
	width: 100%;
	height: var(--vscode-sash-size);
}

.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
	content: " ";
	height: calc(var(--vscode-sash-size) * 2);
	width: calc(var(--vscode-sash-size) * 2);
	z-index: 100;
	display: block;
	cursor: all-scroll;
	position: absolute;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.end {
	cursor: nwse-resize;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.start {
	cursor: nesw-resize;
}

.monaco-sash.vertical > .orthogonal-drag-handle.start {
	left: calc(var(--vscode-sash-size) * -0.5);
	top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
	left: calc(var(--vscode-sash-size) * -0.5);
	bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
	top: calc(var(--vscode-sash-size) * -0.5);
	left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
	top: calc(var(--vscode-sash-size) * -0.5);
	right: calc(var(--vscode-sash-size) * -1);
}

.monaco-sash:before {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
	transition: background-color 0.1s ease-out;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
	background: var(--vscode-sash-hoverBorder);
}

.monaco-sash.vertical:before {
	width: var(--vscode-sash-hover-size);
	left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.monaco-sash.horizontal:before {
	height: var(--vscode-sash-hover-size);
	top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.pointer-events-disabled {
	pointer-events: none !important;
}

/** Debug **/

.monaco-sash.debug {
	background: cyan;
}

.monaco-sash.debug.disabled {
	background: rgba(0, 255, 255, 0.2);
}

.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
	background: red;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-hover {
	cursor: default;
	position: absolute;
	overflow: hidden;
	user-select: text;
	-webkit-user-select: text;
	box-sizing: border-box;
	animation: fadein 100ms linear;
	line-height: 1.5em;
	white-space: var(--vscode-hover-whiteSpace, normal);
}

.monaco-hover.hidden {
	display: none;
}

.monaco-hover a:hover:not(.disabled) {
	cursor: pointer;
}

.monaco-hover .hover-contents:not(.html-hover-contents) {
	padding: 4px 8px;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
	max-width: var(--vscode-hover-maxWidth, 500px);
	word-wrap: break-word;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
	min-width: 100%;
}

.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	margin: 8px 0;
}

.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	line-height: 1.1;
}

.monaco-hover code {
	font-family: var(--monaco-monospace-font);
}

.monaco-hover hr {
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -8px;
	margin-right: -8px;
	height: 1px;
}

.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
	margin-top: 0;
}

.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
	margin-bottom: 0;
}

/* MarkupContent Layout */
.monaco-hover ul {
	padding-left: 20px;
}
.monaco-hover ol {
	padding-left: 20px;
}

.monaco-hover li > p {
	margin-bottom: 0;
}

.monaco-hover li > ul {
	margin-top: 0;
}

.monaco-hover code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-hover .monaco-tokenized-source {
	white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}

.monaco-hover .hover-row.status-bar {
	font-size: 12px;
	line-height: 22px;
}

.monaco-hover .hover-row.status-bar .info {
	font-style: italic;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions {
	display: flex;
	padding: 0px 8px;
	width: 100%;
}

.monaco-hover .hover-row.status-bar .actions .action-container {
	margin-right: 16px;
	cursor: pointer;
}

.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
	padding-right: 4px;
}

.monaco-hover .hover-row.status-bar .actions .action-container a {
	color: var(--vscode-textLink-foreground);
	text-decoration: var(--text-link-decoration);
}

.monaco-hover .markdown-hover .hover-contents .codicon {
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
}

.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
	color: inherit;
}

.monaco-hover .hover-contents a.code-link:before {
	content: '(';
}

.monaco-hover .hover-contents a.code-link:after {
	content: ')';
}

.monaco-hover .hover-contents a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .hover-contents a.code-link > span:hover {
	color: var(--vscode-textLink-activeForeground);
}

/** Spans in markdown hovers need a margin-bottom to avoid looking cramped: https://github.com/microsoft/vscode/issues/101496 **/
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
	margin-bottom: 4px;
	display: inline-block;
}

.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
	margin-bottom: 2px;
}

.monaco-hover-content .action-container a {
	-webkit-user-select: none;
	user-select: none;
}

.monaco-hover-content .action-container.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-split-view2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .sash-container {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.monaco-split-view2 > .sash-container > .monaco-sash {
	pointer-events: initial;
}

.monaco-split-view2 > .monaco-scrollable-element {
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: relative;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
	white-space: initial;
	position: absolute;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
	display: none;
}

.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
	width: 100%;
}

.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
	height: 100%;
}

.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background-color: var(--separator-border);
}

.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 100%;
	width: 1px;
}

.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 1px;
	width: 100%;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-table {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-table > .monaco-split-view2 {
	border-bottom: 1px solid transparent;
}

.monaco-table > .monaco-list {
	flex: 1;
}

.monaco-table-tr {
	display: flex;
	height: 100%;
}

.monaco-table-th {
	width: 100%;
	height: 100%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-table-th,
.monaco-table-td {
	box-sizing: border-box;
	flex-shrink: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	content: "";
	position: absolute;
	left: calc(var(--vscode-sash-size) / 2);
	width: 0;
	border-left: 1px solid transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	transition: border-color 0.2s ease-out;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-custom-toggle {
	margin-left: 2px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 1px;
	box-sizing:	border-box;
	user-select: none;
	-webkit-user-select: none;
}

.monaco-custom-toggle:hover {
	background-color: var(--vscode-inputOption-hoverBackground);
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	border: 1px dashed var(--vscode-focusBorder);
}

.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
	background: none;
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	background: none;
}

.monaco-custom-toggle.monaco-checkbox {
	height: 18px;
	width: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding: 0px;
	opacity: 1;
	background-size: 16px !important;
}

.monaco-action-bar .checkbox-action-item {
	display: flex;
	align-items: center;
	border-radius: 2px;
	padding-right: 2px;
}

.monaco-action-bar .checkbox-action-item:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
	margin-right: 4px;
}

.monaco-action-bar .checkbox-action-item > .checkbox-label {
	font-size: 12px;
}

/* hide check when unchecked */
.monaco-custom-toggle.monaco-checkbox:not(.checked)::before {
	visibility: hidden;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-inputbox {
	position: relative;
	display: block;
	padding: 0;
	box-sizing:	border-box;
	border-radius: 2px;

	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

	/* Customizable */
	padding: 4px 6px;
}

.monaco-inputbox > .ibwrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-inputbox > .ibwrapper > .input {
	display: inline-block;
	box-sizing:	border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	color: inherit;
}

.monaco-inputbox > .ibwrapper > input {
	text-overflow: ellipsis;
}

.monaco-inputbox > .ibwrapper > textarea.input {
	display: block;
	scrollbar-width: none; /* Firefox: hide scrollbars */
	outline: none;
}

.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

.monaco-inputbox > .ibwrapper > textarea.input.empty {
	white-space: nowrap;
}

.monaco-inputbox > .ibwrapper > .mirror {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	white-space: pre-wrap;
	visibility: hidden;
	word-wrap: break-word;
}

/* Context view */

.monaco-inputbox-container {
	text-align: right;
}

.monaco-inputbox-container .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing:	border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	margin-top: -1px;
	word-wrap: break-word;
}

/* Action bar support */
.monaco-inputbox .monaco-action-bar {
	position: absolute;
	right: 2px;
	top: 4px;
}

.monaco-inputbox .monaco-action-bar .action-item {
	margin-left: 2px;
}

.monaco-inputbox .monaco-action-bar .action-item .codicon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */

.monaco-findInput {
	position: relative;
}

.monaco-findInput .monaco-inputbox {
	font-size: 13px;
	width: 100%;
}

.monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

.vs .monaco-findInput.disabled {
	background-color: #E1E1E1;
}

/* Theming */
.vs-dark .monaco-findInput.disabled {
	background-color: #333;
}

/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-0 100ms linear 0s;
}

.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-1 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark  .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark  .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}

@keyframes monaco-findInput-highlight-0 {
	0% { background: rgba(253, 255, 0, 0.8); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-1 {
	0% { background: rgba(253, 255, 0, 0.8); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

@keyframes monaco-findInput-highlight-dark-0 {
	0% { background: rgba(255, 255, 255, 0.44); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-dark-1 {
	0% { background: rgba(255, 255, 255, 0.44); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-tl-row {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.monaco-tl-row.disabled {
	cursor: default;
}
.monaco-tl-indent {
	height: 100%;
	position: absolute;
	top: 0;
	left: 16px;
	pointer-events: none;
}

.hide-arrows .monaco-tl-indent {
	left: 12px;
}

.monaco-tl-indent > .indent-guide {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
	transition: border-color 0.1s linear;
}

.monaco-tl-twistie,
.monaco-tl-contents {
	height: 100%;
}

.monaco-tl-twistie {
	font-size: 10px;
	text-align: right;
	padding-right: 6px;
	flex-shrink: 0;
	width: 16px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(3px);
}

.monaco-tl-contents {
	flex: 1;
	overflow: hidden;
}

.monaco-tl-twistie::before {
	border-radius: 20px;
}

.monaco-tl-twistie.collapsed::before {
	transform: rotate(-90deg);
}

.monaco-tl-twistie.codicon-tree-item-loading::before {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.25s steps(30) infinite;
}

.monaco-tree-type-filter {
	position: absolute;
	top: 0;
	display: flex;
	padding: 3px;
	max-width: 200px;
	z-index: 100;
	margin: 0 6px;
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
	transition: top 0.3s;
}

.monaco-tree-type-filter.disabled {
	top: -40px !important;
}

.monaco-tree-type-filter-grab {
	display: flex !important;
	align-items: center;
	justify-content: center;
	cursor: grab;
	margin-right: 2px;
}

.monaco-tree-type-filter-grab.grabbing {
	cursor: grabbing;
}

.monaco-tree-type-filter-input {
	flex: 1;
}

.monaco-tree-type-filter-input .monaco-inputbox {
	height: 23px;
}

.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
	padding: 2px 4px;
}

.monaco-tree-type-filter-input .monaco-findInput > .controls {
	top: 2px;
}

.monaco-tree-type-filter-actionbar {
	margin-left: 4px;
}

.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
	padding: 2px;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 13; /* Settings editor uses z-index: 12 */

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
	position: absolute;
	width: 100%;
	opacity: 1 !important; /* Settings editor uses opacity < 1 */
	overflow: hidden;

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	cursor: pointer;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
	display: none;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
	position: absolute;
	bottom: -3px;
	left: 0px;
	height: 0px; /* heigt is 3px and only set when there is a treeStickyScrollShadow color */
	width: 100%;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{
	outline: none;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-count-badge {
	padding: 3px 6px;
	border-radius: 11px;
	font-size: 11px;
	min-width: 18px;
	min-height: 18px;
	line-height: 11px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.monaco-count-badge.long {
	padding: 2px 3px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
	display: flex; /* required for icons support :before rule */
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	line-height: inherit !important;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;

	flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
}

.monaco-icon-label-iconpath {
	width: 16px;
	height: 16px;
	padding-left: 2px;
	margin-top: 2px;
	display: flex;
}

.monaco-icon-label-container.disabled {
	color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
	color: inherit;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
	margin: 0 2px;
	opacity: 0.5;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
	opacity: .7;
	white-space: pre;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .7;
	margin-left: 0.5em;
	font-size: 0.9em;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
	white-space: nowrap
}

.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .95;
}

.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-style: italic;
}

.monaco-icon-label.deprecated {
	text-decoration: line-through;
	opacity: 0.66;
}

/* make sure apply italic font style to decorations as well */
.monaco-icon-label.italic::after {
	font-style: italic;
}

.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	text-decoration: line-through;
}

.monaco-icon-label::after {
	opacity: 0.75;
	font-size: 90%;
	font-weight: 600;
	margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
	text-align: center;
}

/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label, /* list */
.monaco-list:focus .selected .monaco-icon-label::after
{
	color: inherit !important;
}

.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
	opacity: .8;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-hover-content {
	padding-right: 2px;
	padding-bottom: 2px;
	box-sizing: border-box;
}

.monaco-editor .monaco-hover {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row {
	display: flex;
}

.monaco-editor .monaco-hover .hover-row .hover-row-contents {
	min-width:0;
	display: flex;
	flex-direction: column;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	padding-right: 5px;
	justify-content: end;
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon {
	cursor: pointer;
	font-size: 11px;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.enabled {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.disabled {
	opacity: 0.6;
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}



/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .diff-hidden-lines-widget {
	width: 100%;
}

.monaco-editor .diff-hidden-lines {
	height: 0px; /* The children each have a fixed height, the transform confuses the browser */
	transform: translate(0px, -10px);
	font-size: 13px;
	line-height: 14px;
}

.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
	background-color: var(--vscode-focusBorder);
}

.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
	transition: background-color 0.1s ease-out;
	height: 4px;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid transparent;
	border-top: 4px solid transparent;
	/*cursor: n-resize;*/
}

.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
	cursor: n-resize !important;
}

.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
	cursor: s-resize !important;
}

.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
	cursor: ns-resize !important;
}

.monaco-editor .diff-hidden-lines .top {
	transform: translate(0px, 4px);
}

.monaco-editor .diff-hidden-lines .bottom {
	transform: translate(0px, -6px);
}

.monaco-editor .diff-unchanged-lines {
	background: var(--vscode-diffEditor-unchangedCodeBackground);
}

.monaco-editor .noModificationsOverlay {
	z-index: 1;
	background: var(--vscode-editor-background);

	display: flex;
	justify-content: center;
	align-items: center;
}


.monaco-editor .diff-hidden-lines .center {
	background: var(--vscode-diffEditor-unchangedRegionBackground);
	color: var(--vscode-diffEditor-unchangedRegionForeground);
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;

	height: 24px;
	box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}

.monaco-editor .diff-hidden-lines .center span.codicon {
	vertical-align: middle;
}

.monaco-editor .diff-hidden-lines .center a:hover .codicon {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item {
	cursor: pointer;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
	color: var(--vscode-editorLink-activeForeground);
}

.monaco-editor .movedOriginal {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedModified {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
	border: 2px solid var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path.currentMove {
	stroke: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path {
	pointer-events: visiblestroke;
}

.monaco-diff-editor .moved-blocks-lines .arrow {
	fill: var(--vscode-diffEditor-move-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
	fill: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
	fill: var(--vscode-editor-background);
}

.monaco-diff-editor .moved-blocks-lines {
	position: absolute;
	pointer-events: none;
}

.monaco-diff-editor .moved-blocks-lines path {
	fill: none;
	stroke: var(--vscode-diffEditor-move-border);
	stroke-width: 2;
}

.monaco-editor .char-delete.diff-range-empty {
	margin-left: -1px;
	border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}

.monaco-editor .char-insert.diff-range-empty {
	border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}

.monaco-editor .fold-unchanged {
	cursor: pointer;
}

.monaco-diff-editor .diff-moved-code-block {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px;
}

.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

/* ---------- DiffEditor ---------- */

.monaco-diff-editor .diffOverview {
	z-index: 9;
}

.monaco-diff-editor .diffOverview .diffViewport {
	z-index: 10;
}

/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }

.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar { background: none; }

.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
	z-index: 10;
}
.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
.modified-in-monaco-diff-editor.hc-light	.slider.active { background: none; }

/* ---------- Diff ---------- */

.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
	font-size: 11px !important;
	opacity: 0.7 !important;
	display: flex !important;
	align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
	opacity: 1;
}

.monaco-editor .inline-deleted-margin-view-zone {
	text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
	text-align: right;
}

.monaco-editor .arrow-revert-change {
	z-index: 10;
	position: absolute;
}

.monaco-editor .arrow-revert-change:hover {
	cursor: pointer;
}

/* ---------- Inline Diff ---------- */

.monaco-editor .view-zones .view-lines .view-line span {
	display: inline-block;
}

.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
	cursor: pointer;
}

.monaco-editor .char-insert, .monaco-diff-editor .char-insert {
	background-color: var(--vscode-diffEditor-insertedTextBackground);
}

.monaco-editor .line-insert, .monaco-diff-editor .line-insert {
	background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .line-insert,
.monaco-editor .char-insert {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
	border-style: dashed;
}

.monaco-editor .line-delete,
.monaco-editor .char-delete {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
	border-style: dashed;
}

.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
	background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .char-delete, .monaco-diff-editor .char-delete, .monaco-editor .inline-deleted-text {
	background-color: var(--vscode-diffEditor-removedTextBackground);
}

.monaco-editor .inline-deleted-text {
	text-decoration: line-through;
}

.monaco-editor .line-delete, .monaco-diff-editor .line-delete {
	background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}

.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
	background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}

.monaco-diff-editor.side-by-side .editor.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-left: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor.side-by-side .editor.original {
	box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-right: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor .diffViewport {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-diff-editor .diffViewport:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-diff-editor .diffViewport:active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

.monaco-editor .diagonal-fill {
	background-image: linear-gradient(
		-45deg,
		var(--vscode-diffEditor-diagonalFill) 12.5%,
		#0000 12.5%, #0000 50%,
		var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
		#0000 62.5%, #0000 100%
	);
	background-size: 8px 8px;
}

.monaco-diff-editor .gutter {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	flex-grow: 0;

	& > div {
		position: absolute;
	}

	.gutterItem {
		opacity: 0;
		transition: opacity 0.7s;

		&.showAlways {
			opacity: 1;
			transition: none;
		}

		&.noTransition {
			transition: none;
		}
	}

	&:hover .gutterItem {
		opacity: 1;
		transition: opacity 0.1s ease-in-out;
	}

	.gutterItem {
		.background {
			position: absolute;
			height: 100%;
			left: 50%;
			width: 1px;

			border-left: 2px var(--vscode-menu-border) solid;
		}

		.buttons {
			position: absolute;
			/*height: 100%;*/
			width: 100%;

			display: flex;
			justify-content: center;
			align-items: center;

			.monaco-toolbar {
				height: fit-content;
				.monaco-action-bar  {
					line-height: 1;

					.actions-container {
						width: fit-content;
						border-radius: 4px;
						background: var(--vscode-editorGutter-commentRangeForeground);

						.action-item {
							&:hover {
								background: var(--vscode-toolbar-hoverBackground);
							}

							.action-label {
								padding: 1px 2px;
							}
						}
					}
				}
			}
		}
	}
}


.monaco-diff-editor .diff-hidden-lines-compact {
	display: flex;
	height: 11px;
	.line-left, .line-right {
		height: 1px;
		border-top: 1px solid;
		border-color: var(--vscode-editorCodeLens-foreground);
		opacity: 0.5;
		margin: auto;
		width: 100%;
	}

	.line-left {
		width: 20px;
	}

	.text {
		color: var(--vscode-editorCodeLens-foreground);
		text-wrap: nowrap;
		font-size: 11px;
		line-height: 11px;
		margin: 0 4px;
	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-component.diff-review {
	user-select: none;
	-webkit-user-select: none;
	z-index: 99;
}

.monaco-diff-editor .diff-review {
	position: absolute;

}

.monaco-component.diff-review .diff-review-line-number {
	text-align: right;
	display: inline-block;
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-component.diff-review .diff-review-summary {
	padding-left: 10px;
}

.monaco-component.diff-review .diff-review-shadow {
	position: absolute;
	box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
}

.monaco-component.diff-review .diff-review-row {
	white-space: pre;
}

.monaco-component.diff-review .diff-review-table {
	display: table;
	min-width: 100%;
}

.monaco-component.diff-review .diff-review-row {
	display: table-row;
	width: 100%;
}

.monaco-component.diff-review .diff-review-spacer {
	display: inline-block;
	width: 10px;
	vertical-align: middle;
}

.monaco-component.diff-review .diff-review-spacer > .codicon {
	font-size: 9px !important;
}

.monaco-component.diff-review .diff-review-actions {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 2px;
	z-index: 100;
}

.monaco-component.diff-review .diff-review-actions .action-label {
	width: 16px;
	height: 16px;
	margin: 2px 0;
}

.monaco-component.diff-review .revertButton {
	cursor: pointer;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .findOptionsWidget {
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 2px solid var(--vscode-contrastBorder);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	color: var(--vscode-editorWidget-foreground);
	border-left: 1px solid var(--vscode-widget-border);
	border-right: 1px solid var(--vscode-widget-border);
	border-bottom: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
}

.monaco-workbench.reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible  {
	transform: translateY(0);
}

/* This outline-color rule is used to override the outline color for synthetic-focus find input. */
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex:1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	display: flex;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display:none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display:none;
}

.monaco-editor .find-widget.no-results .matchesCount {
	color: var(--vscode-errorForeground);
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor .currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
	border: 2px solid var(--vscode-editor-findMatchBorder);
	padding: 1px;
	box-sizing: border-box;
}

.monaco-editor .findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
	background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Action bars */
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
	background-color: var(--vscode-toolbar-hoverBackground) !important;
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor.currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
}

.monaco-editor.findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editorWidget-background);
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: var(--vscode-editor-foldPlaceholderForeground);
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
	color: var(--vscode-textLink-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.preferences-editor .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info,
.preferences-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .goto-definition-link {
	text-decoration: underline;
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


.monaco-editor.vs .valueSetReplacement {
	outline: solid 2px var(--vscode-editorBracketMatch-border);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration, .monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	color: var(--vscode-editorGhostText-foreground) !important;
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget > .message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget > .tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details.focused {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details > .monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 12px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inline-edit-remove {
	background-color: var(--vscode-editorGhostText-background);
	font-style: italic;
}

.monaco-editor .inline-edit-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .inline-edit-decoration, .monaco-editor .suggest-preview-text .inline-edit {
	font-style: italic;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .inline-edit-decoration,
.monaco-editor .inline-edit-decoration-preview,
.monaco-editor .suggest-preview-text .inline-edit {
	color: var(--vscode-editorGhostText-foreground) !important;
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}



/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineEditHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineEditHints a {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineEditHints a:hover {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineEditHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineEditHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineEditStatusBarItemLabel {
	margin-right: 2px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineEditSideBySide {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	white-space: pre;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor div.inline-edits-widget {
	--widget-color: var(--vscode-notifications-background);

	.promptEditor .monaco-editor {
		--vscode-editor-placeholder-foreground: var(--vscode-editorGhostText-foreground);
	}

	.toolbar, .promptEditor {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
	}
	&:hover, &.focused {
		.toolbar, .promptEditor {
			opacity: 1;
		}
	}

	.preview .monaco-editor {

		.mtk1 {
			/*color: rgba(215, 215, 215, 0.452);*/
			color: var(--vscode-editorGhostText-foreground);
		}
		.view-overlays .current-line-exact {
			border: none;
		}

		.current-line-margin {
			border: none;
		}

		--vscode-editor-background: var(--widget-color);
	}

	svg {
		.gradient-start {
			stop-color: var(--vscode-editor-background);
		}

		.gradient-stop {
			stop-color: var(--widget-color);
		}
	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	user-select: text;
	-webkit-user-select: text;
	padding: 10px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget {
	border-width: 2px;
}

.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
	height: 1px;
	border: 0;
	background-color: var(--vscode-editorHoverWidget-border);
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .linked-editing-decoration {
	background-color: var(--vscode-editor-linkedEditingBackground);

	/* Ensure decoration is visible even if range is empty */
	min-width: 1px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .focused .selectionHighlight {
	background-color: var(--vscode-editor-selectionHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlight {
	background-color: var(--vscode-editor-wordHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlightStrong {
	background-color: var(--vscode-editor-wordHighlightStrongBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong {
	border-style: dotted;
}

.monaco-editor .wordHighlightText {
	background-color: var(--vscode-editor-wordHighlightTextBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText {
	border-style: dotted;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .parameter-hints-widget {
	/* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
	z-index: 39;
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	cursor: default;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
	border-width: 2px;
}

.monaco-editor .parameter-hints-widget > .phwrapper {
	max-width: 440px;
	display: flex;
	flex-direction: row;
}

.monaco-editor .parameter-hints-widget.multiple {
	min-height: 3.3em;
	padding: 0;
}

.monaco-editor .parameter-hints-widget.multiple .body::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
	margin: 8px 0;
}

.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100%;
}

.monaco-editor .parameter-hints-widget .signature {
	padding: 4px 5px;
	position: relative;
}

.monaco-editor .parameter-hints-widget .signature.has-docs::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: 4px;
	opacity: 0.5;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget .code {
	font-family: var(--vscode-parameterHintsWidget-editorFontFamily), var(--vscode-parameterHintsWidget-editorFontFamilyDefault);
}

.monaco-editor .parameter-hints-widget .docs {
	padding: 0 10px 0 5px;
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .docs.empty {
	display: none;
}

.monaco-editor .parameter-hints-widget .docs a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .parameter-hints-widget .docs a:hover {
	color: var(--vscode-textLink-activeForeground);
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .docs .markdown-docs {
	white-space: initial;
}

.monaco-editor .parameter-hints-widget .docs code {
	font-family: var(--monaco-monospace-font);
	border-radius: 3px;
	padding: 0 0.4em;
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .controls {
	display: none;
	flex-direction: column;
	align-items: center;
	min-width: 22px;
	justify-content: flex-end;
}

.monaco-editor .parameter-hints-widget.multiple .controls {
	display: flex;
	padding: 0 2px;
}

.monaco-editor .parameter-hints-widget.multiple .button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .button.previous {
	bottom: 24px;
}

.monaco-editor .parameter-hints-widget .overloads {
	text-align: center;
	height: 12px;
	line-height: 12px;
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .parameter-hints-widget .signature .parameter.active {
	color: var(--vscode-editorHoverWidget-highlightForeground);
	font-weight: bold;
}

.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
	font-weight: bold;
	margin-right: 0.5em;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	--vscode-editor-placeholder-foreground: var(--vscode-editorGhostText-foreground);

	.editorPlaceholder {
		top: 0px;
		position: absolute;
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		pointer-events: none;

		color: var(--vscode-editor-placeholder-foreground);
	}
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input-with-button {
	padding: 3px;
	border-radius: 2px;
	width: calc(100% - 8px); /* 4px padding on each side */
}

.monaco-editor .rename-box .rename-input {
	width: calc(100% - 8px); /* 4px padding on each side */
	padding: 0;
}

.monaco-editor .rename-box .rename-input:focus {
	outline: none;
}

.monaco-editor .rename-box .rename-suggestions-button {
	display: flex;
	align-items: center;
	padding: 3px;
	background-color: transparent;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.monaco-editor .rename-box .rename-suggestions-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground)
}

.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
}

.monaco-editor .sticky-widget-line-numbers {
	float: left;
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number, .monaco-editor .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
}

.monaco-editor .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor .sticky-widget {
	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
}

.monaco-editor .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}

.monaco-editor .sticky-widget {
	width: 100%;
	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
	z-index: 4;
	background-color: var(--vscode-editorStickyScroll-background);
	right: initial !important;
}

.monaco-editor .sticky-widget.peek {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .unicode-highlight {
	border: 1px solid var(--vscode-editorUnicodeHighlight-border);
	background-color: var(--vscode-editorUnicodeHighlight-background);
	box-sizing: border-box;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.editor-banner {
	box-sizing: border-box;
	cursor: default;
	width: 100%;
	font-size: 12px;
	display: flex;
	overflow: visible;

	height: 26px;

	background: var(--vscode-banner-background);
}


.editor-banner .icon-container {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 6px 0 10px;
}

.editor-banner .icon-container.custom-icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	width: 16px;
	padding: 0;
	margin: 0 6px 0 10px;
}

.editor-banner .message-container {
	display: flex;
	align-items: center;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-banner .message-container p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.editor-banner .message-actions-container {
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 26px;
	margin: 0 4px;
}

.editor-banner .message-actions-container a.monaco-button {
	width: inherit;
	margin: 2px 8px;
	padding: 0px 12px;
}

.editor-banner .message-actions-container a {
	padding: 3px;
	margin-left: 12px;
	text-decoration: underline;
}

.editor-banner .action-container {
	padding: 0 10px 0 6px;
}

.editor-banner {
	background-color: var(--vscode-banner-background);
}

.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
	color: var(--vscode-banner-foreground);
}

.editor-banner .icon-container .codicon {
	color: var(--vscode-banner-iconForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


/* Default standalone editor fonts */
.monaco-editor {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
	--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}

.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-hover p {
	margin: 0;
}

/* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
.monaco-aria-container {
	position: absolute !important;
	top: 0; /* avoid being placed underneath a sibling element */
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.monaco-editor, .monaco-diff-editor .synthetic-focus,
.monaco-editor, .monaco-diff-editor [tabindex="0"]:focus,
.monaco-editor, .monaco-diff-editor [tabindex="-1"]:focus,
.monaco-editor, .monaco-diff-editor button:focus,
.monaco-editor, .monaco-diff-editor input[type=button]:focus,
.monaco-editor, .monaco-diff-editor input[type=checkbox]:focus,
.monaco-editor, .monaco-diff-editor input[type=search]:focus,
.monaco-editor, .monaco-diff-editor input[type=text]:focus,
.monaco-editor, .monaco-diff-editor select:focus,
.monaco-editor, .monaco-diff-editor textarea:focus {
	outline-width: 1px;
	outline-style: solid;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
	opacity: 1
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .workbench-hover {
	position: relative;
	font-size: 13px;
	line-height: 19px;
	/* Must be higher than sash's z-index and terminal canvases */
	z-index: 40;
	overflow: hidden;
	max-width: 700px;
	background: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	color: var(--vscode-editorHoverWidget-foreground);
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.monaco-workbench .workbench-hover hr {
	border-bottom: none;
}

.monaco-workbench .workbench-hover:not(.skip-fade-in) {
	animation: fadein 100ms linear;
}

.monaco-workbench .workbench-hover.compact {
	font-size: 12px;
}

.monaco-workbench .workbench-hover.compact .hover-contents {
	padding: 2px 8px;
}

.monaco-workbench .workbench-hover-container.locked .workbench-hover {
	outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover:focus,
.monaco-workbench .workbench-hover-lock:focus {
	outline: 1px solid var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover-lock:hover {
	background: var(--vscode-toolbar-hoverBackground);
}

.monaco-workbench .workbench-hover-pointer {
	position: absolute;
	/* Must be higher than workbench hover z-index */
	z-index: 41;
	pointer-events: none;
}

.monaco-workbench .workbench-hover-pointer:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: var(--vscode-editorHoverWidget-background);
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .locked .workbench-hover-pointer:after {
	width: 4px;
	height: 4px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

.monaco-workbench .workbench-hover-pointer.left   { left: -3px; }
.monaco-workbench .workbench-hover-pointer.right  { right: 3px; }
.monaco-workbench .workbench-hover-pointer.top    { top: -3px; }
.monaco-workbench .workbench-hover-pointer.bottom { bottom: 3px; }

.monaco-workbench .workbench-hover-pointer.left:after {
	transform: rotate(135deg);
}

.monaco-workbench .workbench-hover-pointer.right:after {
	transform: rotate(315deg);
}

.monaco-workbench .workbench-hover-pointer.top:after {
	transform: rotate(225deg);
}

.monaco-workbench .workbench-hover-pointer.bottom:after {
	transform: rotate(45deg);
}

.monaco-workbench .workbench-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-workbench .workbench-hover a:focus {
	outline: 1px solid;
	outline-offset: -1px;
	text-decoration: underline;
	outline-color: var(--vscode-focusBorder);
}

.monaco-workbench .workbench-hover a:hover,
.monaco-workbench .workbench-hover a:active {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-workbench .workbench-hover code {
	background: var(--vscode-textCodeBlock-background);
}

.monaco-workbench .workbench-hover .hover-row .actions {
	background: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-workbench .workbench-hover.right-aligned {
	/* The context view service wraps strangely when it's right up against the edge without this */
	left: 1px;
}

.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions {
	flex-direction: row-reverse;
}

.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
	margin-right: 0;
	margin-left: 16px;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.context-view {
	position: absolute;
}

.context-view.fixed {
	all: initial;
	font-family: inherit;
	font-size: 13px;
	position: fixed;
	color: inherit;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	font-size: 13px;
}

.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
	color: #0066BF;
}

.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: #9DDDFF;
}

.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0097fb;
}

.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
	color: #F38518;
}

.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0F4A85;
}

.monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(221, 221, 221, 0.4);
	border: solid 1px rgba(204, 204, 204, 0.4);
	border-bottom-color: rgba(187, 187, 187, 0.4);
	box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
	color: #555;
}

.hc-black .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px rgb(111, 195, 223);
	box-shadow: none;
	color: #fff;
}

.hc-light .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px #0F4A85;
	box-shadow: none;
	color: #292929;
}

.vs-dark .monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(128, 128, 128, 0.17);
	border: solid 1px rgba(51, 51, 51, 0.6);
	border-bottom-color: rgba(68, 68, 68, 0.6);
	box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
	color: #ccc;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	position: absolute;
	width: 600px;
	z-index: 2550;
	left: 50%;
	margin-left: -300px;
	-webkit-app-region: no-drag;
	border-radius: 6px;
}

.quick-input-titlebar {
	display: flex;
	align-items: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.quick-input-left-action-bar {
	display: flex;
	margin-left: 4px;
	flex: 1;
}

.quick-input-inline-action-bar {
	margin: 2px 0 0 5px;
}

.quick-input-title {
	padding: 3px 0px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-right-action-bar {
	display: flex;
	margin-right: 4px;
	flex: 1;
}

.quick-input-right-action-bar > .actions-container {
	justify-content: flex-end;
}

.quick-input-titlebar .monaco-action-bar .action-label.codicon {
	background-position: center;
	background-repeat: no-repeat;
	padding: 2px;
}

.quick-input-description {
	margin: 6px 6px 6px 11px;
}

.quick-input-header .quick-input-description {
	margin: 4px 2px;
	flex: 1;
}

.quick-input-header {
	display: flex;
	padding: 8px 6px 2px 6px;
}

.quick-input-widget.hidden-input .quick-input-header {
	/* reduce margins and paddings when input box hidden */
	padding: 0;
	margin-bottom: 0;
}

.quick-input-and-message {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
	position: relative;
}

.quick-input-check-all {
	align-self: center;
	margin: 0;
}

.quick-input-filter {
	flex-grow: 1;
	display: flex;
	position: relative;
}

.quick-input-box {
	flex-grow: 1;
}

.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
	margin-left: 5px;
}

.quick-input-visible-count {
	position: absolute;
	left: -10000px;
}

.quick-input-count {
	align-self: center;
	position: absolute;
	right: 4px;
	display: flex;
	align-items: center;
}

.quick-input-count .monaco-count-badge {
	vertical-align: middle;
	padding: 2px 4px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

.quick-input-action {
	margin-left: 6px;
}

.quick-input-action .monaco-text-button {
	font-size: 11px;
	padding: 0 6px;
	display: flex;
	height: 25px;
	align-items: center;
}

.quick-input-message {
	margin-top: -1px;
	padding: 5px;
	overflow-wrap: break-word;
}

.quick-input-message > .codicon {
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

/* Links in descriptions & validations */
.quick-input-message a {
	color: inherit;
}

.quick-input-progress.monaco-progress-container {
	position: relative;
}

.quick-input-list {
	line-height: 22px;
}

.quick-input-widget.hidden-input .quick-input-list {
	margin-top: 4px; /* reduce margins when input box hidden */
	padding-bottom: 4px;
}

.quick-input-list .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-list .monaco-scrollable-element {
	padding: 0px 5px;
}

.quick-input-list .quick-input-list-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
	border-top-width: 1px;
	border-top-style: solid;
}

.quick-input-list .monaco-list-row {
	border-radius: 3px;
}

.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
	border-top-style: none;
}

.quick-input-list .quick-input-list-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-list .quick-input-list-checkbox {
	align-self: center;
	margin: 0;
}

.quick-input-list .quick-input-list-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-list .quick-input-list-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
	margin-left: 10px;
}

.quick-input-widget .quick-input-list .quick-input-list-checkbox {
	display: none;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
	display: inline;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row {
	display: flex;
	align-items: center;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1; /* make sure the icon label grows within the row */
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
	margin-right: 8px; /* separate from the separator label or scrollbar if any */
}

.quick-input-list .quick-input-list-label-meta {
	opacity: 0.7;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
	font-weight: bold;
	background-color: unset;
	color: var(--vscode-list-highlightForeground) !important;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: var(--vscode-list-focusHighlightForeground) !important;
}

.quick-input-list .quick-input-list-entry .quick-input-list-separator {
	margin-right: 4px; /* separate from keybindings or actions */
}

.quick-input-list .quick-input-list-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-top: 1px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-right: 4px; /* separate from scrollbar */
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label {
	display: flex;
}

/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
	color: inherit
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
	background: none;
}

.quick-input-list .quick-input-list-separator-as-item {
	padding: 4px 6px;
	font-size: 12px;
}

/* Quick input separators as full-row item */
.quick-input-list .quick-input-list-separator-as-item .label-name {
	font-weight: 600;
}

.quick-input-list .quick-input-list-separator-as-item .label-description {
	/* Override default description opacity so we don't have a contrast ratio issue. */
	opacity: 1 !important;
}

/* Hide border when the item becomes the sticky one */
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
	border-top-style: none;
}

/* Give sticky row the same padding as the scrollable list */
.quick-input-list .monaco-tree-sticky-row {
	padding: 0 5px;
}

/* Hide the twistie containers so that there isn't blank indent */
.quick-input-list .monaco-tl-twistie {
	display: none !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-progress-container {
	width: 100%;
	height: 2px;
	overflow: hidden; /* keep progress bit in bounds */
}

.monaco-progress-container .progress-bit {
	width: 2%;
	height: 2px;
	position: absolute;
	left: 0;
	display: none;
}

.monaco-progress-container.active .progress-bit {
	display: inherit;
}

.monaco-progress-container.discrete .progress-bit {
	left: 0;
	transition: width 100ms linear;
}

.monaco-progress-container.discrete.done .progress-bit {
	width: 100%;
}

.monaco-progress-container.infinite .progress-bit {
	animation-name: progress;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}

.monaco-progress-container.infinite.infinite-long-running .progress-bit {
	/*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
	animation-timing-function: steps(100);
}

/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-component.multiDiffEditor {
	background: var(--vscode-multiDiffEditor-background);

	position: relative;

	height: 100%;
	width: 100%;

	overflow-y: hidden;

	> div {
		position: absolute;
		top: 0px;
		left: 0px;

		height: 100%;
		width: 100%;

		&.placeholder {
			visibility: hidden;

			&.visible {
				visibility: visible;
			}

			display: grid;
			place-items: center;
			place-content: center;
		}
	}

	.active {
		--vscode-multiDiffEditor-border: var(--vscode-focusBorder);
	}

	.multiDiffEntry {
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;


		.collapse-button {
			margin: 0 5px;
			cursor: pointer;

			a {
				display: block;
			}
		}

		.header {
			z-index: 1000;
			background: var(--vscode-editor-background);

			&:not(.collapsed) .header-content {
				border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
			}

			.header-content {
				margin: 8px 0px 0px 0px;
				padding: 4px 5px;

				border-top: 1px solid var(--vscode-multiDiffEditor-border);

				display: flex;
				align-items: center;

				color: var(--vscode-foreground);
				background: var(--vscode-multiDiffEditor-headerBackground);

				&.shadow {
					box-shadow: var(--vscode-scrollbar-shadow) 0px 6px 6px -6px;
				}

				.file-path {
					display: flex;
					flex: 1;
					min-width: 0;

					.title {
						font-size: 14px;
						line-height: 22px;

						&.original {
							flex: 1;
							min-width: 0;
							text-overflow: ellipsis;
						}
					}

					.status {
						font-weight: 600;
						opacity: 0.75;
						margin: 0px 10px;
						line-height: 22px;

						/*
							TODO@hediet: move colors from git extension to core!
						&.renamed {
							color: v ar(--vscode-gitDecoration-renamedResourceForeground);
						}

						&.deleted {
							color: v ar(--vscode-gitDecoration-deletedResourceForeground);
						}

						&.added {
							color: v ar(--vscode-gitDecoration-addedResourceForeground);
						}
						*/
					}
				}

				.actions {
					padding: 0 8px;
				}
			}


		}

		.editorParent {
			flex: 1;
			display: flex;
			flex-direction: column;

			border-bottom: 1px solid var(--vscode-multiDiffEditor-border);
			overflow: hidden;
		}

		.editorContainer {
			flex: 1;
		}
	}
}

.ember-animated-hidden {
  visibility: hidden !important;
}

.ember-animated-none {
  display: none !important;
}

.ember-animated-top-collapse {
  margin-top: 0 !important;
}

.animated-container {
  position: relative;
}

.animated-container:before,
.animated-container:after {
  content: " ";
  display: table;
}

.animated-orphans {
  position: relative;
}

/*!-----------------------------------------------------------
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
 * Released under the MIT license
 * https://github.com/microsoft/vscode/blob/main/LICENSE.txt
 *-----------------------------------------------------------*/.monaco-action-bar{height:100%;white-space:nowrap}.monaco-action-bar .actions-container{align-items:center;display:flex;height:100%;margin:0 auto;padding:0;width:100%}.monaco-action-bar.vertical .actions-container{display:inline-block}.monaco-action-bar .action-item{align-items:center;cursor:pointer;display:block;justify-content:center;position:relative}.monaco-action-bar .action-item.disabled{cursor:default}.monaco-action-bar .action-item .codicon,.monaco-action-bar .action-item .icon{display:block}.monaco-action-bar .action-item .codicon{align-items:center;display:flex;height:16px;width:16px}.monaco-action-bar .action-label{border-radius:5px;display:flex;font-size:11px;padding:3px}.monaco-action-bar .action-item.disabled .action-label,.monaco-action-bar .action-item.disabled .action-label:before,.monaco-action-bar .action-item.disabled .action-label:hover{color:var(--vscode-disabledForeground)}.monaco-action-bar.vertical{text-align:left}.monaco-action-bar.vertical .action-item{display:block}.monaco-action-bar.vertical .action-label.separator{border-bottom:1px solid #bbb;display:block;margin-left:.8em;margin-right:.8em;padding-top:1px}.monaco-action-bar .action-item .action-label.separator{background-color:#bbb;cursor:default;height:16px;margin:5px 4px!important;min-width:1px;padding:0;width:1px}.secondary-actions .monaco-action-bar .action-label{margin-left:6px}.monaco-action-bar .action-item.select-container{align-items:center;display:flex;flex:1;justify-content:center;margin-right:10px;max-width:170px;min-width:60px;overflow:hidden}.monaco-action-bar .action-item.action-dropdown-item{display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator{align-items:center;cursor:default;display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator>div{width:1px}.monaco-aria-container{left:-999em;position:absolute}.monaco-text-button{align-items:center;border:1px solid var(--vscode-button-border,transparent);border-radius:2px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;line-height:18px;padding:4px;text-align:center;width:100%}.monaco-text-button:focus{outline-offset:2px!important}.monaco-text-button:hover{text-decoration:none!important}.monaco-button.disabled,.monaco-button.disabled:focus{cursor:default;opacity:.4!important}.monaco-text-button .codicon{color:inherit!important;margin:0 .2em}.monaco-text-button.monaco-text-button-with-short-label{flex-direction:row;flex-wrap:wrap;height:28px;overflow:hidden;padding:0 4px}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label{flex-basis:100%}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label-short{flex-grow:1;overflow:hidden;width:0}.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label,.monaco-text-button.monaco-text-button-with-short-label>.monaco-button-label-short{align-items:center;display:flex;font-style:inherit;font-weight:400;justify-content:center;padding:4px 0}.monaco-button-dropdown{cursor:pointer;display:flex}.monaco-button-dropdown.disabled{cursor:default}.monaco-button-dropdown>.monaco-button:focus{outline-offset:-1px!important}.monaco-button-dropdown.disabled>.monaco-button-dropdown-separator,.monaco-button-dropdown.disabled>.monaco-button.disabled,.monaco-button-dropdown.disabled>.monaco-button.disabled:focus{opacity:.4!important}.monaco-button-dropdown>.monaco-button.monaco-text-button{border-right-width:0!important}.monaco-button-dropdown .monaco-button-dropdown-separator{cursor:default;padding:4px 0}.monaco-button-dropdown .monaco-button-dropdown-separator>div{height:100%;width:1px}.monaco-button-dropdown>.monaco-button.monaco-dropdown-button{align-items:center;border:1px solid var(--vscode-button-border,transparent);border-left-width:0!important;border-radius:0 2px 2px 0;display:flex}.monaco-button-dropdown>.monaco-button.monaco-text-button{border-radius:2px 0 0 2px}.monaco-description-button{align-items:center;display:flex;flex-direction:column;margin:4px 5px}.monaco-description-button .monaco-button-description{font-size:11px;font-style:italic;padding:4px 20px}.monaco-description-button .monaco-button-description,.monaco-description-button .monaco-button-label{align-items:center;display:flex;justify-content:center}.monaco-description-button .monaco-button-description>.codicon,.monaco-description-button .monaco-button-label>.codicon{color:inherit!important;margin:0 .2em}.monaco-button-dropdown.default-colors>.monaco-button,.monaco-button.default-colors{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground)}.monaco-button-dropdown.default-colors>.monaco-button:hover,.monaco-button.default-colors:hover{background-color:var(--vscode-button-hoverBackground)}.monaco-button-dropdown.default-colors>.monaco-button.secondary,.monaco-button.default-colors.secondary{background-color:var(--vscode-button-secondaryBackground);color:var(--vscode-button-secondaryForeground)}.monaco-button-dropdown.default-colors>.monaco-button.secondary:hover,.monaco-button.default-colors.secondary:hover{background-color:var(--vscode-button-secondaryHoverBackground)}.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator{background-color:var(--vscode-button-background);border-bottom:1px solid var(--vscode-button-border);border-top:1px solid var(--vscode-button-border)}.monaco-button-dropdown.default-colors .monaco-button.secondary+.monaco-button-dropdown-separator{background-color:var(--vscode-button-secondaryBackground)}.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator>div{background-color:var(--vscode-button-separator)}@font-face{font-display:block;font-family:codicon;src:url(/f6283f7ccaed1249d9eb.ttf) format("truetype")}.codicon[class*=codicon-]{display:inline-block;font:normal normal normal 16px/1 codicon;text-align:center;text-decoration:none;text-rendering:auto;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}.codicon-wrench-subaction{opacity:.5}@keyframes codicon-spin{to{transform:rotate(1turn)}}.codicon-gear.codicon-modifier-spin,.codicon-loading.codicon-modifier-spin,.codicon-notebook-state-executing.codicon-modifier-spin,.codicon-sync.codicon-modifier-spin{animation:codicon-spin 1.5s steps(30) infinite}.codicon-modifier-disabled{opacity:.4}.codicon-loading,.codicon-tree-item-loading:before{animation-duration:1s!important;animation-timing-function:cubic-bezier(.53,.21,.29,.67)!important}.context-view{position:absolute}.context-view.fixed{all:initial;color:inherit;font-family:inherit;font-size:13px;position:fixed}.monaco-count-badge{border-radius:11px;box-sizing:border-box;display:inline-block;font-size:11px;font-weight:400;line-height:11px;min-height:18px;min-width:18px;padding:3px 6px;text-align:center}.monaco-count-badge.long{border-radius:2px;line-height:normal;min-height:auto;padding:2px 3px}.monaco-dropdown{height:100%;padding:0}.monaco-dropdown>.dropdown-label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center}.monaco-dropdown>.dropdown-label>.action-label.disabled{cursor:default}.monaco-dropdown-with-primary{border-radius:5px;display:flex!important;flex-direction:row}.monaco-dropdown-with-primary>.action-container>.action-label{margin-right:0}.monaco-dropdown-with-primary>.dropdown-action-container>.monaco-dropdown>.dropdown-label .codicon[class*=codicon-]{font-size:12px;line-height:16px;margin-left:-3px;padding-left:0;padding-right:0}.monaco-dropdown-with-primary>.dropdown-action-container>.monaco-dropdown>.dropdown-label>.action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block}.monaco-findInput{position:relative}.monaco-findInput .monaco-inputbox{font-size:13px;width:100%}.monaco-findInput>.controls{position:absolute;right:2px;top:3px}.vs .monaco-findInput.disabled{background-color:#e1e1e1}.vs-dark .monaco-findInput.disabled{background-color:#333}.hc-light .monaco-findInput.highlight-0 .controls,.monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-0 .1s linear 0s}.hc-light .monaco-findInput.highlight-1 .controls,.monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-1 .1s linear 0s}.hc-black .monaco-findInput.highlight-0 .controls,.vs-dark .monaco-findInput.highlight-0 .controls{animation:monaco-findInput-highlight-dark-0 .1s linear 0s}.hc-black .monaco-findInput.highlight-1 .controls,.vs-dark .monaco-findInput.highlight-1 .controls{animation:monaco-findInput-highlight-dark-1 .1s linear 0s}@keyframes monaco-findInput-highlight-0{0%{background:rgba(253,255,0,.8)}to{background:transparent}}@keyframes monaco-findInput-highlight-1{0%{background:rgba(253,255,0,.8)}99%{background:transparent}}@keyframes monaco-findInput-highlight-dark-0{0%{background:hsla(0,0%,100%,.44)}to{background:transparent}}@keyframes monaco-findInput-highlight-dark-1{0%{background:hsla(0,0%,100%,.44)}99%{background:transparent}}.monaco-hover{animation:fadein .1s linear;box-sizing:border-box;cursor:default;line-height:1.5em;overflow:hidden;position:absolute;user-select:text;-webkit-user-select:text;white-space:var(--vscode-hover-whiteSpace,normal)}.monaco-hover.hidden{display:none}.monaco-hover a:hover:not(.disabled){cursor:pointer}.monaco-hover .hover-contents:not(.html-hover-contents){padding:4px 8px}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents){max-width:var(--vscode-hover-maxWidth,500px);word-wrap:break-word}.monaco-hover .markdown-hover>.hover-contents:not(.code-hover-contents) hr{min-width:100%}.monaco-hover .code,.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6,.monaco-hover p,.monaco-hover ul{margin:8px 0}.monaco-hover h1,.monaco-hover h2,.monaco-hover h3,.monaco-hover h4,.monaco-hover h5,.monaco-hover h6{line-height:1.1}.monaco-hover code{font-family:var(--monaco-monospace-font)}.monaco-hover hr{border-left:0;border-right:0;box-sizing:border-box;height:1px;margin:4px -8px -4px}.monaco-hover .code:first-child,.monaco-hover p:first-child,.monaco-hover ul:first-child{margin-top:0}.monaco-hover .code:last-child,.monaco-hover p:last-child,.monaco-hover ul:last-child{margin-bottom:0}.monaco-hover ol,.monaco-hover ul{padding-left:20px}.monaco-hover li>p{margin-bottom:0}.monaco-hover li>ul{margin-top:0}.monaco-hover code{border-radius:3px;padding:0 .4em}.monaco-hover .monaco-tokenized-source{white-space:var(--vscode-hover-sourceWhiteSpace,pre-wrap)}.monaco-hover .hover-row.status-bar{font-size:12px;line-height:22px}.monaco-hover .hover-row.status-bar .info{font-style:italic;padding:0 8px}.monaco-hover .hover-row.status-bar .actions{display:flex;padding:0 8px;width:100%}.monaco-hover .hover-row.status-bar .actions .action-container{cursor:pointer;margin-right:16px}.monaco-hover .hover-row.status-bar .actions .action-container .action .icon{padding-right:4px}.monaco-hover .hover-row.status-bar .actions .action-container a{color:var(--vscode-textLink-foreground);text-decoration:var(--text-link-decoration)}.monaco-hover .markdown-hover .hover-contents .codicon{color:inherit;font-size:inherit;vertical-align:middle}.monaco-hover .hover-contents a.code-link,.monaco-hover .hover-contents a.code-link:hover{color:inherit}.monaco-hover .hover-contents a.code-link:before{content:"("}.monaco-hover .hover-contents a.code-link:after{content:")"}.monaco-hover .hover-contents a.code-link>span{border-bottom:1px solid transparent;color:var(--vscode-textLink-foreground);text-decoration:underline;text-underline-position:under}.monaco-hover .hover-contents a.code-link>span:hover{color:var(--vscode-textLink-activeForeground)}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span{display:inline-block;margin-bottom:4px}.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon{margin-bottom:2px}.monaco-hover-content .action-container a{-webkit-user-select:none;user-select:none}.monaco-hover-content .action-container.disabled{cursor:default;opacity:.4;pointer-events:none}.monaco-icon-label{display:flex;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label:before{background-position:0;background-repeat:no-repeat;background-size:16px;display:inline-block;height:22px;line-height:inherit!important;padding-right:6px;width:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-shrink:0;vertical-align:top}.monaco-icon-label-iconpath{display:flex;height:16px;margin-top:2px;padding-left:2px;width:16px}.monaco-icon-label-container.disabled{color:var(--vscode-disabledForeground)}.monaco-icon-label>.monaco-icon-label-container{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{color:inherit;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name>.label-separator{margin:0 2px;opacity:.5}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-suffix-container>.label-suffix{opacity:.7;white-space:pre}.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{font-size:.9em;margin-left:.5em;opacity:.7;white-space:pre}.monaco-icon-label.nowrap>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{white-space:nowrap}.vs .monaco-icon-label>.monaco-icon-label-container>.monaco-icon-description-container>.label-description{opacity:.95}.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.italic>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{font-style:italic}.monaco-icon-label.deprecated{opacity:.66;text-decoration:line-through}.monaco-icon-label.italic:after{font-style:italic}.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-description-container>.label-description,.monaco-icon-label.strikethrough>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{text-decoration:line-through}.monaco-icon-label:after{font-size:90%;font-weight:600;margin:auto 16px 0 5px;opacity:.75;text-align:center}.monaco-list:focus .selected .monaco-icon-label,.monaco-list:focus .selected .monaco-icon-label:after{color:inherit!important}.monaco-list-row.focused.selected .label-description,.monaco-list-row.selected .label-description{opacity:.8}.monaco-inputbox{border-radius:2px;box-sizing:border-box;display:block;font-size:inherit;padding:0;position:relative}.monaco-inputbox>.ibwrapper>.input,.monaco-inputbox>.ibwrapper>.mirror{padding:4px 6px}.monaco-inputbox>.ibwrapper{height:100%;position:relative;width:100%}.monaco-inputbox>.ibwrapper>.input{border:none;box-sizing:border-box;color:inherit;display:inline-block;font-family:inherit;font-size:inherit;height:100%;line-height:inherit;resize:none;width:100%}.monaco-inputbox>.ibwrapper>input{text-overflow:ellipsis}.monaco-inputbox>.ibwrapper>textarea.input{display:block;outline:none;scrollbar-width:none}.monaco-inputbox>.ibwrapper>textarea.input::-webkit-scrollbar{display:none}.monaco-inputbox>.ibwrapper>textarea.input.empty{white-space:nowrap}.monaco-inputbox>.ibwrapper>.mirror{box-sizing:border-box;display:inline-block;left:0;position:absolute;top:0;visibility:hidden;white-space:pre-wrap;width:100%;word-wrap:break-word}.monaco-inputbox-container{text-align:right}.monaco-inputbox-container .monaco-inputbox-message{box-sizing:border-box;display:inline-block;font-size:12px;line-height:17px;margin-top:-1px;overflow:hidden;padding:.4em;text-align:left;width:100%;word-wrap:break-word}.monaco-inputbox .monaco-action-bar{position:absolute;right:2px;top:4px}.monaco-inputbox .monaco-action-bar .action-item{margin-left:2px}.monaco-inputbox .monaco-action-bar .action-item .codicon{background-repeat:no-repeat;height:16px;width:16px}.monaco-keybinding{align-items:center;display:flex;line-height:10px}.monaco-keybinding>.monaco-keybinding-key{border-radius:3px;border-style:solid;border-width:1px;display:inline-block;font-size:11px;margin:0 2px;padding:3px 5px;vertical-align:middle}.monaco-keybinding>.monaco-keybinding-key:first-child{margin-left:0}.monaco-keybinding>.monaco-keybinding-key:last-child{margin-right:0}.monaco-keybinding>.monaco-keybinding-key-separator{display:inline-block}.monaco-keybinding>.monaco-keybinding-key-chord-separator{width:6px}.monaco-list{height:100%;position:relative;white-space:nowrap;width:100%}.monaco-list.mouse-support{user-select:none;-webkit-user-select:none}.monaco-list>.monaco-scrollable-element{height:100%}.monaco-list-rows{height:100%;position:relative;width:100%}.monaco-list.horizontal-scrolling .monaco-list-rows{min-width:100%;width:auto}.monaco-list-row{box-sizing:border-box;overflow:hidden;position:absolute;width:100%}.monaco-list.mouse-support .monaco-list-row{cursor:pointer;touch-action:none}.monaco-list .monaco-scrollable-element>.scrollbar.vertical,.monaco-pane-view>.monaco-split-view2.vertical>.monaco-scrollable-element>.scrollbar.vertical{z-index:14}.monaco-list-row.scrolling{display:none!important}.monaco-list.element-focused,.monaco-list.selection-multiple,.monaco-list.selection-single{outline:0!important}.monaco-drag-image{border-radius:10px;display:inline-block;font-size:12px;padding:1px 7px;position:absolute;z-index:1000}.monaco-list-type-filter-message{box-sizing:border-box;height:100%;left:0;opacity:.7;padding:40px 1em 1em;pointer-events:none;position:absolute;text-align:center;top:0;white-space:normal;width:100%}.monaco-list-type-filter-message:empty{display:none}.monaco-mouse-cursor-text{cursor:text}.monaco-progress-container{height:2px;overflow:hidden;width:100%}.monaco-progress-container .progress-bit{display:none;height:2px;left:0;position:absolute;width:2%}.monaco-progress-container.active .progress-bit{display:inherit}.monaco-progress-container.discrete .progress-bit{left:0;transition:width .1s linear}.monaco-progress-container.discrete.done .progress-bit{width:100%}.monaco-progress-container.infinite .progress-bit{animation-duration:4s;animation-iteration-count:infinite;animation-name:progress;animation-timing-function:linear;transform:translateZ(0)}.monaco-progress-container.infinite.infinite-long-running .progress-bit{animation-timing-function:steps(100)}@keyframes progress{0%{transform:translateX(0) scaleX(1)}50%{transform:translateX(2500%) scaleX(3)}to{transform:translateX(4900%) scaleX(1)}}:root{--vscode-sash-size:4px;--vscode-sash-hover-size:4px}.monaco-sash{position:absolute;touch-action:none;z-index:35}.monaco-sash.disabled{pointer-events:none}.monaco-sash.mac.vertical{cursor:col-resize}.monaco-sash.vertical.minimum{cursor:e-resize}.monaco-sash.vertical.maximum{cursor:w-resize}.monaco-sash.mac.horizontal{cursor:row-resize}.monaco-sash.horizontal.minimum{cursor:s-resize}.monaco-sash.horizontal.maximum{cursor:n-resize}.monaco-sash.disabled{cursor:default!important;pointer-events:none!important}.monaco-sash.vertical{cursor:ew-resize;height:100%;top:0;width:var(--vscode-sash-size)}.monaco-sash.horizontal{cursor:ns-resize;height:var(--vscode-sash-size);left:0;width:100%}.monaco-sash:not(.disabled)>.orthogonal-drag-handle{content:" ";cursor:all-scroll;display:block;height:calc(var(--vscode-sash-size)*2);position:absolute;width:calc(var(--vscode-sash-size)*2);z-index:100}.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)>.orthogonal-drag-handle.start,.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)>.orthogonal-drag-handle.end{cursor:nwse-resize}.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)>.orthogonal-drag-handle.end,.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)>.orthogonal-drag-handle.start{cursor:nesw-resize}.monaco-sash.vertical>.orthogonal-drag-handle.start{left:calc(var(--vscode-sash-size)*-.5);top:calc(var(--vscode-sash-size)*-1)}.monaco-sash.vertical>.orthogonal-drag-handle.end{bottom:calc(var(--vscode-sash-size)*-1);left:calc(var(--vscode-sash-size)*-.5)}.monaco-sash.horizontal>.orthogonal-drag-handle.start{left:calc(var(--vscode-sash-size)*-1);top:calc(var(--vscode-sash-size)*-.5)}.monaco-sash.horizontal>.orthogonal-drag-handle.end{right:calc(var(--vscode-sash-size)*-1);top:calc(var(--vscode-sash-size)*-.5)}.monaco-sash:before{background:transparent;content:"";height:100%;pointer-events:none;position:absolute;width:100%}.monaco-workbench:not(.reduce-motion) .monaco-sash:before{transition:background-color .1s ease-out}.monaco-sash.active:before,.monaco-sash.hover:before{background:var(--vscode-sash-hoverBorder)}.monaco-sash.vertical:before{left:calc(50% - var(--vscode-sash-hover-size)/2);width:var(--vscode-sash-hover-size)}.monaco-sash.horizontal:before{height:var(--vscode-sash-hover-size);top:calc(50% - var(--vscode-sash-hover-size)/2)}.pointer-events-disabled{pointer-events:none!important}.monaco-sash.debug{background:cyan}.monaco-sash.debug.disabled{background:rgba(0,255,255,.2)}.monaco-sash.debug:not(.disabled)>.orthogonal-drag-handle{background:red}.monaco-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.monaco-scrollable-element>.visible{background:transparent;opacity:1;transition:opacity .1s linear;z-index:11}.monaco-scrollable-element>.invisible{opacity:0;pointer-events:none}.monaco-scrollable-element>.invisible.fade{transition:opacity .8s linear}.monaco-scrollable-element>.shadow{display:none;position:absolute}.monaco-scrollable-element>.shadow.top{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;display:block;height:3px;left:3px;top:0;width:100%}.monaco-scrollable-element>.shadow.left{box-shadow:var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;display:block;height:100%;left:0;top:3px;width:3px}.monaco-scrollable-element>.shadow.top-left-corner{display:block;height:3px;left:0;top:0;width:3px}.monaco-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset}.monaco-scrollable-element>.scrollbar>.slider{background:var(--vscode-scrollbarSlider-background)}.monaco-scrollable-element>.scrollbar>.slider:hover{background:var(--vscode-scrollbarSlider-hoverBackground)}.monaco-scrollable-element>.scrollbar>.slider.active{background:var(--vscode-scrollbarSlider-activeBackground)}.monaco-select-box{border-radius:2px;cursor:pointer;width:100%}.monaco-select-box-dropdown-container{font-size:13px;font-weight:400;text-transform:none}.monaco-action-bar .action-item.select-container{cursor:default}.monaco-action-bar .action-item .monaco-select-box{cursor:pointer;min-height:18px;min-width:100px;padding:2px 23px 2px 8px}.mac .monaco-action-bar .action-item .monaco-select-box{border-radius:5px;font-size:11px}.monaco-select-box-dropdown-padding{--dropdown-padding-top:1px;--dropdown-padding-bottom:1px}.hc-black .monaco-select-box-dropdown-padding,.hc-light .monaco-select-box-dropdown-padding{--dropdown-padding-top:3px;--dropdown-padding-bottom:4px}.monaco-select-box-dropdown-container{box-sizing:border-box;display:none}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown *{margin:0}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown a:focus{outline:1px solid -webkit-focus-ring-color;outline-offset:-1px}.monaco-select-box-dropdown-container>.select-box-details-pane>.select-box-description-markdown code{font-family:var(--monaco-monospace-font);line-height:15px}.monaco-select-box-dropdown-container.visible{border-bottom-left-radius:3px;border-bottom-right-radius:3px;display:flex;flex-direction:column;overflow:hidden;text-align:left;width:1px}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container{align-self:flex-start;box-sizing:border-box;flex:0 0 auto;overflow:hidden;padding-bottom:var(--dropdown-padding-bottom);padding-left:1px;padding-right:1px;padding-top:var(--dropdown-padding-top);width:100%}.monaco-select-box-dropdown-container>.select-box-details-pane{padding:5px}.hc-black .monaco-select-box-dropdown-container>.select-box-dropdown-list-container{padding-bottom:var(--dropdown-padding-bottom);padding-top:var(--dropdown-padding-top)}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row{cursor:pointer}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-text{float:left;overflow:hidden;padding-left:3.5px;text-overflow:ellipsis;white-space:nowrap}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-detail{float:left;opacity:.7;overflow:hidden;padding-left:3.5px;text-overflow:ellipsis;white-space:nowrap}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.option-decorator-right{float:right;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.monaco-select-box-dropdown-container>.select-box-dropdown-list-container .monaco-list .monaco-list-row>.visually-hidden{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control{align-self:flex-start;flex:1 1 auto;opacity:0}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control>.width-control-div{max-height:0;overflow:hidden}.monaco-select-box-dropdown-container>.select-box-dropdown-container-width-control>.width-control-div>.option-text-width-control{padding-left:4px;padding-right:8px;white-space:nowrap}.monaco-split-view2{height:100%;position:relative;width:100%}.monaco-split-view2>.sash-container{height:100%;pointer-events:none;position:absolute;width:100%}.monaco-split-view2>.sash-container>.monaco-sash{pointer-events:auto}.monaco-split-view2>.monaco-scrollable-element{height:100%;width:100%}.monaco-split-view2>.monaco-scrollable-element>.split-view-container{height:100%;position:relative;white-space:nowrap;width:100%}.monaco-split-view2>.monaco-scrollable-element>.split-view-container>.split-view-view{position:absolute;white-space:normal}.monaco-split-view2>.monaco-scrollable-element>.split-view-container>.split-view-view:not(.visible){display:none}.monaco-split-view2.vertical>.monaco-scrollable-element>.split-view-container>.split-view-view{width:100%}.monaco-split-view2.horizontal>.monaco-scrollable-element>.split-view-container>.split-view-view{height:100%}.monaco-split-view2.separator-border>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{background-color:var(--separator-border);content:" ";left:0;pointer-events:none;position:absolute;top:0;z-index:5}.monaco-split-view2.separator-border.horizontal>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{height:100%;width:1px}.monaco-split-view2.separator-border.vertical>.monaco-scrollable-element>.split-view-container>.split-view-view:not(:first-child):before{height:1px;width:100%}.monaco-table{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;white-space:nowrap;width:100%}.monaco-table>.monaco-split-view2{border-bottom:1px solid transparent}.monaco-table>.monaco-list{flex:1}.monaco-table-tr{display:flex;height:100%}.monaco-table-th{font-weight:700;height:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.monaco-table-td,.monaco-table-th{box-sizing:border-box;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-table>.monaco-split-view2 .monaco-sash.vertical:before{border-left:1px solid transparent;content:"";left:calc(var(--vscode-sash-size)/2);position:absolute;width:0}.monaco-workbench:not(.reduce-motion) .monaco-table>.monaco-split-view2,.monaco-workbench:not(.reduce-motion) .monaco-table>.monaco-split-view2 .monaco-sash.vertical:before{transition:border-color .2s ease-out}.monaco-custom-toggle{border:1px solid transparent;border-radius:3px;box-sizing:border-box;cursor:pointer;float:left;height:20px;margin-left:2px;overflow:hidden;padding:1px;user-select:none;-webkit-user-select:none;width:20px}.monaco-custom-toggle:hover{background-color:var(--vscode-inputOption-hoverBackground)}.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle:hover{border:1px dashed var(--vscode-focusBorder)}.hc-black .monaco-custom-toggle,.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle,.hc-light .monaco-custom-toggle:hover{background:none}.monaco-custom-toggle.monaco-checkbox{background-size:16px!important;border:1px solid transparent;border-radius:3px;height:18px;margin-left:0;margin-right:9px;opacity:1;padding:0;width:18px}.monaco-action-bar .checkbox-action-item{align-items:center;border-radius:2px;display:flex;padding-right:2px}.monaco-action-bar .checkbox-action-item:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-action-bar .checkbox-action-item>.monaco-custom-toggle.monaco-checkbox{margin-right:4px}.monaco-action-bar .checkbox-action-item>.checkbox-label{font-size:12px}.monaco-custom-toggle.monaco-checkbox:not(.checked):before{visibility:hidden}.monaco-toolbar{height:100%}.monaco-toolbar .toolbar-toggle-more{display:inline-block;padding:0}.monaco-tl-row{align-items:center;display:flex;height:100%;position:relative}.monaco-tl-row.disabled{cursor:default}.monaco-tl-indent{height:100%;left:16px;pointer-events:none;position:absolute;top:0}.hide-arrows .monaco-tl-indent{left:12px}.monaco-tl-indent>.indent-guide{border-left:1px solid transparent;box-sizing:border-box;display:inline-block;height:100%}.monaco-workbench:not(.reduce-motion) .monaco-tl-indent>.indent-guide{transition:border-color .1s linear}.monaco-tl-contents,.monaco-tl-twistie{height:100%}.monaco-tl-twistie{align-items:center;display:flex!important;flex-shrink:0;font-size:10px;justify-content:center;padding-right:6px;text-align:right;transform:translateX(3px);width:16px}.monaco-tl-contents{flex:1;overflow:hidden}.monaco-tl-twistie:before{border-radius:20px}.monaco-tl-twistie.collapsed:before{transform:rotate(-90deg)}.monaco-tl-twistie.codicon-tree-item-loading:before{animation:codicon-spin 1.25s steps(30) infinite}.monaco-tree-type-filter{border:1px solid var(--vscode-widget-border);border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex;margin:0 6px;max-width:200px;padding:3px;position:absolute;top:0;z-index:100}.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter{transition:top .3s}.monaco-tree-type-filter.disabled{top:-40px!important}.monaco-tree-type-filter-grab{align-items:center;cursor:grab;display:flex!important;justify-content:center;margin-right:2px}.monaco-tree-type-filter-grab.grabbing{cursor:grabbing}.monaco-tree-type-filter-input{flex:1}.monaco-tree-type-filter-input .monaco-inputbox{height:23px}.monaco-tree-type-filter-input .monaco-inputbox>.ibwrapper>.input,.monaco-tree-type-filter-input .monaco-inputbox>.ibwrapper>.mirror{padding:2px 4px}.monaco-tree-type-filter-input .monaco-findInput>.controls{top:2px}.monaco-tree-type-filter-actionbar{margin-left:4px}.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label{padding:2px}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{background-color:var(--vscode-sideBar-background);height:0;left:0;position:absolute;top:0;width:100%;z-index:13}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{background-color:var(--vscode-sideBar-background);opacity:1!important;overflow:hidden;position:absolute;width:100%}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{background-color:var(--vscode-list-hoverBackground)!important;cursor:pointer}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow{display:none}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow{bottom:-3px;height:0;left:0;position:absolute;width:100%}.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{outline:none}.monaco-editor .inputarea{background-color:transparent;border:none;color:transparent;margin:0;min-height:0;min-width:0;outline:none!important;overflow:hidden;padding:0;position:absolute;resize:none;z-index:-10}.monaco-editor .inputarea.ime-input{caret-color:var(--vscode-editorCursor-foreground);color:var(--vscode-editor-foreground);z-index:10}.monaco-workbench .workbench-hover{background:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);border-radius:3px;box-shadow:0 2px 8px var(--vscode-widget-shadow);color:var(--vscode-editorHoverWidget-foreground);font-size:13px;line-height:19px;max-width:700px;overflow:hidden;position:relative;z-index:40}.monaco-workbench .workbench-hover hr{border-bottom:none}.monaco-workbench .workbench-hover:not(.skip-fade-in){animation:fadein .1s linear}.monaco-workbench .workbench-hover.compact{font-size:12px}.monaco-workbench .workbench-hover.compact .hover-contents{padding:2px 8px}.monaco-workbench .workbench-hover-container.locked .workbench-hover{outline:1px solid var(--vscode-editorHoverWidget-border)}.monaco-workbench .workbench-hover-container.locked .workbench-hover:focus,.monaco-workbench .workbench-hover-lock:focus{outline:1px solid var(--vscode-focusBorder)}.monaco-workbench .workbench-hover-container.locked .workbench-hover-lock:hover{background:var(--vscode-toolbar-hoverBackground)}.monaco-workbench .workbench-hover-pointer{pointer-events:none;position:absolute;z-index:41}.monaco-workbench .workbench-hover-pointer:after{background-color:var(--vscode-editorHoverWidget-background);border-bottom:1px solid var(--vscode-editorHoverWidget-border);border-right:1px solid var(--vscode-editorHoverWidget-border);content:"";height:5px;position:absolute;width:5px}.monaco-workbench .locked .workbench-hover-pointer:after{border-bottom-width:2px;border-right-width:2px;height:4px;width:4px}.monaco-workbench .workbench-hover-pointer.left{left:-3px}.monaco-workbench .workbench-hover-pointer.right{right:3px}.monaco-workbench .workbench-hover-pointer.top{top:-3px}.monaco-workbench .workbench-hover-pointer.bottom{bottom:3px}.monaco-workbench .workbench-hover-pointer.left:after{transform:rotate(135deg)}.monaco-workbench .workbench-hover-pointer.right:after{transform:rotate(315deg)}.monaco-workbench .workbench-hover-pointer.top:after{transform:rotate(225deg)}.monaco-workbench .workbench-hover-pointer.bottom:after{transform:rotate(45deg)}.monaco-workbench .workbench-hover a{color:var(--vscode-textLink-foreground)}.monaco-workbench .workbench-hover a:focus{outline:1px solid;outline-color:var(--vscode-focusBorder);outline-offset:-1px;text-decoration:underline}.monaco-workbench .workbench-hover a:active,.monaco-workbench .workbench-hover a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-workbench .workbench-hover code{background:var(--vscode-textCodeBlock-background)}.monaco-workbench .workbench-hover .hover-row .actions{background:var(--vscode-editorHoverWidget-statusBarBackground)}.monaco-workbench .workbench-hover.right-aligned{left:1px}.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions{flex-direction:row-reverse}.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions .action-container{margin-left:16px;margin-right:0}.monaco-editor .blockDecorations-container{pointer-events:none;position:absolute;top:0}.monaco-editor .blockDecorations-block{box-sizing:border-box;position:absolute}.monaco-editor .margin-view-overlays .current-line,.monaco-editor .view-overlays .current-line{box-sizing:border-box;display:block;height:100%;left:0;position:absolute;top:0}.monaco-editor
	.margin-view-overlays
	.current-line.current-line-margin.current-line-margin-both{border-right:0}.monaco-editor .lines-content .cdr{height:100%;position:absolute}.monaco-editor .glyph-margin{position:absolute;top:0}.monaco-editor .glyph-margin-widgets .cgmr{align-items:center;display:flex;justify-content:center;position:absolute}.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.monaco-editor .lines-content .core-guide{box-sizing:border-box;height:100%;position:absolute}.monaco-editor .margin-view-overlays .line-numbers{bottom:0;box-sizing:border-box;cursor:default;display:inline-block;font-variant-numeric:tabular-nums;position:absolute;text-align:right;vertical-align:middle}.monaco-editor .relative-current-line-number{display:inline-block;text-align:left;width:100%}.monaco-editor .margin-view-overlays .line-numbers.lh-odd{margin-top:1px}.monaco-editor .line-numbers{color:var(--vscode-editorLineNumber-foreground)}.monaco-editor .line-numbers.active-line-number{color:var(--vscode-editorLineNumber-activeForeground)}.mtkcontrol{background:#960000!important;color:#fff!important}.mtkoverflow{background-color:var(--vscode-button-background,var(--vscode-editor-background));border-color:var(--vscode-contrastBorder);border-radius:2px;border-style:solid;border-width:1px;color:var(--vscode-button-foreground,var(--vscode-editor-foreground));cursor:pointer;padding:4px}.mtkoverflow:hover{background-color:var(--vscode-button-hoverBackground)}.monaco-editor.no-user-select .lines-content,.monaco-editor.no-user-select .view-line,.monaco-editor.no-user-select .view-lines{user-select:none;-webkit-user-select:none}.monaco-editor.mac .lines-content:hover,.monaco-editor.mac .view-line:hover,.monaco-editor.mac .view-lines:hover{user-select:text;-webkit-user-select:text;-ms-user-select:text}.monaco-editor.enable-user-select{user-select:auto;-webkit-user-select:initial}.monaco-editor .view-lines{white-space:nowrap}.monaco-editor .view-line{position:absolute;width:100%}.monaco-editor .lines-content>.view-lines>.view-line>span{bottom:0;position:absolute;top:0}.monaco-editor .mtkw,.monaco-editor .mtkz{color:var(--vscode-editorWhitespace-foreground)!important}.monaco-editor .mtkz{display:inline-block}.monaco-editor .lines-decorations{background:#fff;position:absolute;top:0}.monaco-editor .margin-view-overlays .cldr{height:100%;position:absolute}.monaco-editor .margin{background-color:var(--vscode-editorGutter-background)}.monaco-editor .margin-view-overlays .cmdr{height:100%;left:0;position:absolute;width:100%}.monaco-editor .minimap.slider-mouseover .minimap-slider{opacity:0;transition:opacity .1s linear}.monaco-editor .minimap.slider-mouseover .minimap-slider.active,.monaco-editor .minimap.slider-mouseover:hover .minimap-slider{opacity:1}.monaco-editor .minimap-slider .minimap-slider-horizontal{background:var(--vscode-minimapSlider-background)}.monaco-editor .minimap-slider:hover .minimap-slider-horizontal{background:var(--vscode-minimapSlider-hoverBackground)}.monaco-editor .minimap-slider.active .minimap-slider-horizontal{background:var(--vscode-minimapSlider-activeBackground)}.monaco-editor .minimap-shadow-visible{box-shadow:var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset}.monaco-editor .minimap-shadow-hidden{position:absolute;width:0}.monaco-editor .minimap-shadow-visible{left:-6px;position:absolute;width:6px}.monaco-editor.no-minimap-shadow .minimap-shadow-visible{left:-1px;position:absolute;width:1px}.minimap.autohide{opacity:0;transition:opacity .5s}.minimap.autohide:hover{opacity:1}.monaco-editor .minimap{z-index:5}.monaco-editor .overlayWidgets{left:0;position:absolute;top:0}.monaco-editor .view-ruler{box-shadow:1px 0 0 0 var(--vscode-editorRuler-foreground) inset;position:absolute;top:0}.monaco-editor .scroll-decoration{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;height:6px;left:0;position:absolute;top:0}.monaco-editor .lines-content .cslr{position:absolute}.monaco-editor .focused .selected-text{background-color:var(--vscode-editor-selectionBackground)}.monaco-editor .selected-text{background-color:var(--vscode-editor-inactiveSelectionBackground)}.monaco-editor			.top-left-radius{border-top-left-radius:3px}.monaco-editor			.bottom-left-radius{border-bottom-left-radius:3px}.monaco-editor			.top-right-radius{border-top-right-radius:3px}.monaco-editor			.bottom-right-radius{border-bottom-right-radius:3px}.monaco-editor.hc-black .top-left-radius{border-top-left-radius:0}.monaco-editor.hc-black .bottom-left-radius{border-bottom-left-radius:0}.monaco-editor.hc-black .top-right-radius{border-top-right-radius:0}.monaco-editor.hc-black .bottom-right-radius{border-bottom-right-radius:0}.monaco-editor.hc-light .top-left-radius{border-top-left-radius:0}.monaco-editor.hc-light .bottom-left-radius{border-bottom-left-radius:0}.monaco-editor.hc-light .top-right-radius{border-top-right-radius:0}.monaco-editor.hc-light .bottom-right-radius{border-bottom-right-radius:0}.monaco-editor .cursors-layer{position:absolute;top:0}.monaco-editor .cursors-layer>.cursor{box-sizing:border-box;overflow:hidden;position:absolute}.monaco-editor .cursors-layer.cursor-smooth-caret-animation>.cursor{transition:all 80ms}.monaco-editor .cursors-layer.cursor-block-outline-style>.cursor{background:transparent!important;border-style:solid;border-width:1px}.monaco-editor .cursors-layer.cursor-underline-style>.cursor{background:transparent!important;border-bottom-style:solid;border-bottom-width:2px}.monaco-editor .cursors-layer.cursor-underline-thin-style>.cursor{background:transparent!important;border-bottom-style:solid;border-bottom-width:1px}@keyframes monaco-cursor-smooth{0%,20%{opacity:1}60%,to{opacity:0}}@keyframes monaco-cursor-phase{0%,20%{opacity:1}90%,to{opacity:0}}@keyframes monaco-cursor-expand{0%,20%{transform:scaleY(1)}80%,to{transform:scaleY(0)}}.cursor-smooth{animation:monaco-cursor-smooth .5s ease-in-out 0s 20 alternate}.cursor-phase{animation:monaco-cursor-phase .5s ease-in-out 0s 20 alternate}.cursor-expand>.cursor{animation:monaco-cursor-expand .5s ease-in-out 0s 20 alternate}.monaco-editor .mwh{color:var(--vscode-editorWhitespace-foreground)!important;position:absolute}::-ms-clear{display:none}.monaco-editor .editor-widget input{color:inherit}.monaco-editor{overflow:visible;position:relative;-webkit-text-size-adjust:100%;color:var(--vscode-editor-foreground);overflow-wrap:normal}.monaco-editor,.monaco-editor-background{background-color:var(--vscode-editor-background)}.monaco-editor .rangeHighlight{background-color:var(--vscode-editor-rangeHighlightBackground);border:1px solid var(--vscode-editor-rangeHighlightBorder);box-sizing:border-box}.monaco-editor.hc-black .rangeHighlight,.monaco-editor.hc-light .rangeHighlight{border-style:dotted}.monaco-editor .symbolHighlight{background-color:var(--vscode-editor-symbolHighlightBackground);border:1px solid var(--vscode-editor-symbolHighlightBorder);box-sizing:border-box}.monaco-editor.hc-black .symbolHighlight,.monaco-editor.hc-light .symbolHighlight{border-style:dotted}.monaco-editor .overflow-guard{overflow:hidden;position:relative}.monaco-editor .view-overlays{position:absolute;top:0}.monaco-editor .margin-view-overlays>div,.monaco-editor .view-overlays>div{position:absolute;width:100%}.monaco-editor .squiggly-error{border-bottom:4px double var(--vscode-editorError-border)}.monaco-editor .squiggly-error:before{background:var(--vscode-editorError-background);content:"";display:block;height:100%;width:100%}.monaco-editor .squiggly-warning{border-bottom:4px double var(--vscode-editorWarning-border)}.monaco-editor .squiggly-warning:before{background:var(--vscode-editorWarning-background);content:"";display:block;height:100%;width:100%}.monaco-editor .squiggly-info{border-bottom:4px double var(--vscode-editorInfo-border)}.monaco-editor .squiggly-info:before{background:var(--vscode-editorInfo-background);content:"";display:block;height:100%;width:100%}.monaco-editor .squiggly-hint{border-bottom:2px dotted var(--vscode-editorHint-border)}.monaco-editor.showUnused .squiggly-unnecessary{border-bottom:2px dashed var(--vscode-editorUnnecessaryCode-border)}.monaco-editor.showDeprecated .squiggly-inline-deprecated{text-decoration:line-through;text-decoration-color:var(--vscode-editor-foreground,inherit)}.monaco-component.diff-review{user-select:none;-webkit-user-select:none;z-index:99}.monaco-diff-editor .diff-review{position:absolute}.monaco-component.diff-review .diff-review-line-number{color:var(--vscode-editorLineNumber-foreground);display:inline-block;text-align:right}.monaco-component.diff-review .diff-review-summary{padding-left:10px}.monaco-component.diff-review .diff-review-shadow{box-shadow:var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;position:absolute}.monaco-component.diff-review .diff-review-row{white-space:pre}.monaco-component.diff-review .diff-review-table{display:table;min-width:100%}.monaco-component.diff-review .diff-review-row{display:table-row;width:100%}.monaco-component.diff-review .diff-review-spacer{display:inline-block;vertical-align:middle;width:10px}.monaco-component.diff-review .diff-review-spacer>.codicon{font-size:9px!important}.monaco-component.diff-review .diff-review-actions{display:inline-block;position:absolute;right:10px;top:2px;z-index:100}.monaco-component.diff-review .diff-review-actions .action-label{height:16px;margin:2px 0;width:16px}.monaco-component.diff-review .revertButton{cursor:pointer}.monaco-editor .diff-hidden-lines-widget{width:100%}.monaco-editor .diff-hidden-lines{font-size:13px;height:0;line-height:14px;transform:translateY(-10px)}.monaco-editor .diff-hidden-lines .bottom.dragging,.monaco-editor .diff-hidden-lines .top.dragging,.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover{background-color:var(--vscode-focusBorder)}.monaco-editor .diff-hidden-lines .bottom,.monaco-editor .diff-hidden-lines .top{background-clip:padding-box;background-color:transparent;border-bottom:2px solid transparent;border-top:4px solid transparent;height:4px;transition:background-color .1s ease-out}.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom),.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *{cursor:n-resize!important}.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom,.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *{cursor:s-resize!important}.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom,.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *{cursor:ns-resize!important}.monaco-editor .diff-hidden-lines .top{transform:translateY(4px)}.monaco-editor .diff-hidden-lines .bottom{transform:translateY(-6px)}.monaco-editor .diff-unchanged-lines{background:var(--vscode-diffEditor-unchangedCodeBackground)}.monaco-editor .noModificationsOverlay{align-items:center;background:var(--vscode-editor-background);display:flex;justify-content:center;z-index:1}.monaco-editor .diff-hidden-lines .center{background:var(--vscode-diffEditor-unchangedRegionBackground);box-shadow:inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow),inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);color:var(--vscode-diffEditor-unchangedRegionForeground);display:block;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .diff-hidden-lines .center span.codicon{vertical-align:middle}.monaco-editor .diff-hidden-lines .center a:hover .codicon{color:var(--vscode-editorLink-activeForeground)!important;cursor:pointer}.monaco-editor .diff-hidden-lines div.breadcrumb-item{cursor:pointer}.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover{color:var(--vscode-editorLink-activeForeground)}.monaco-editor .movedModified,.monaco-editor .movedOriginal{border:2px solid var(--vscode-diffEditor-move-border)}.monaco-editor .movedModified.currentMove,.monaco-editor .movedOriginal.currentMove{border:2px solid var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines path.currentMove{stroke:var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines path{pointer-events:visiblestroke}.monaco-diff-editor .moved-blocks-lines .arrow{fill:var(--vscode-diffEditor-move-border)}.monaco-diff-editor .moved-blocks-lines .arrow.currentMove{fill:var(--vscode-diffEditor-moveActive-border)}.monaco-diff-editor .moved-blocks-lines .arrow-rectangle{fill:var(--vscode-editor-background)}.monaco-diff-editor .moved-blocks-lines{pointer-events:none;position:absolute}.monaco-diff-editor .moved-blocks-lines path{fill:none;stroke:var(--vscode-diffEditor-move-border);stroke-width:2}.monaco-editor .char-delete.diff-range-empty{border-left:3px solid var(--vscode-diffEditor-removedTextBackground);margin-left:-1px}.monaco-editor .char-insert.diff-range-empty{border-left:3px solid var(--vscode-diffEditor-insertedTextBackground)}.monaco-editor .fold-unchanged{cursor:pointer}.monaco-diff-editor .diff-moved-code-block{display:flex;justify-content:flex-end;margin-top:-4px}.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon{font-size:12px;height:12px;width:12px}.monaco-diff-editor .diffOverview{z-index:9}.monaco-diff-editor .diffOverview .diffViewport{z-index:10}.monaco-diff-editor.vs			.diffOverview{background:rgba(0,0,0,.03)}.monaco-diff-editor.vs-dark		.diffOverview{background:hsla(0,0%,100%,.01)}.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar,.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar{background:transparent}.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar,.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar{background:none}.monaco-scrollable-element.modified-in-monaco-diff-editor .slider{z-index:10}.modified-in-monaco-diff-editor				.slider.active{background:hsla(0,0%,67%,.4)}.modified-in-monaco-diff-editor.hc-black	.slider.active,.modified-in-monaco-diff-editor.hc-light	.slider.active{background:none}.monaco-diff-editor .delete-sign,.monaco-diff-editor .insert-sign,.monaco-editor .delete-sign,.monaco-editor .insert-sign{align-items:center;display:flex!important;font-size:11px!important;opacity:.7!important}.monaco-diff-editor.hc-black .delete-sign,.monaco-diff-editor.hc-black .insert-sign,.monaco-diff-editor.hc-light .delete-sign,.monaco-diff-editor.hc-light .insert-sign,.monaco-editor.hc-black .delete-sign,.monaco-editor.hc-black .insert-sign,.monaco-editor.hc-light .delete-sign,.monaco-editor.hc-light .insert-sign{opacity:1}.monaco-editor .inline-added-margin-view-zone,.monaco-editor .inline-deleted-margin-view-zone{text-align:right}.monaco-editor .arrow-revert-change{position:absolute;z-index:10}.monaco-editor .arrow-revert-change:hover{cursor:pointer}.monaco-editor .view-zones .view-lines .view-line span{display:inline-block}.monaco-editor .margin-view-zones .lightbulb-glyph:hover{cursor:pointer}.monaco-diff-editor .char-insert,.monaco-editor .char-insert{background-color:var(--vscode-diffEditor-insertedTextBackground)}.monaco-diff-editor .line-insert,.monaco-editor .line-insert{background-color:var(--vscode-diffEditor-insertedLineBackground,var(--vscode-diffEditor-insertedTextBackground))}.monaco-editor .char-insert,.monaco-editor .line-insert{border:1px solid var(--vscode-diffEditor-insertedTextBorder);box-sizing:border-box}.monaco-editor.hc-black .char-insert,.monaco-editor.hc-black .line-insert,.monaco-editor.hc-light .char-insert,.monaco-editor.hc-light .line-insert{border-style:dashed}.monaco-editor .char-delete,.monaco-editor .line-delete{border:1px solid var(--vscode-diffEditor-removedTextBorder);box-sizing:border-box}.monaco-editor.hc-black .char-delete,.monaco-editor.hc-black .line-delete,.monaco-editor.hc-light .char-delete,.monaco-editor.hc-light .line-delete{border-style:dashed}.monaco-diff-editor .gutter-insert,.monaco-editor .gutter-insert,.monaco-editor .inline-added-margin-view-zone{background-color:var(--vscode-diffEditorGutter-insertedLineBackground,var(--vscode-diffEditor-insertedLineBackground),var(--vscode-diffEditor-insertedTextBackground))}.monaco-diff-editor .char-delete,.monaco-editor .char-delete,.monaco-editor .inline-deleted-text{background-color:var(--vscode-diffEditor-removedTextBackground)}.monaco-editor .inline-deleted-text{text-decoration:line-through}.monaco-diff-editor .line-delete,.monaco-editor .line-delete{background-color:var(--vscode-diffEditor-removedLineBackground,var(--vscode-diffEditor-removedTextBackground))}.monaco-diff-editor .gutter-delete,.monaco-editor .gutter-delete,.monaco-editor .inline-deleted-margin-view-zone{background-color:var(--vscode-diffEditorGutter-removedLineBackground,var(--vscode-diffEditor-removedLineBackground),var(--vscode-diffEditor-removedTextBackground))}.monaco-diff-editor.side-by-side .editor.modified{border-left:1px solid var(--vscode-diffEditor-border);box-shadow:-6px 0 5px -5px var(--vscode-scrollbar-shadow)}.monaco-diff-editor.side-by-side .editor.original{border-right:1px solid var(--vscode-diffEditor-border);box-shadow:6px 0 5px -5px var(--vscode-scrollbar-shadow)}.monaco-diff-editor .diffViewport{background:var(--vscode-scrollbarSlider-background)}.monaco-diff-editor .diffViewport:hover{background:var(--vscode-scrollbarSlider-hoverBackground)}.monaco-diff-editor .diffViewport:active{background:var(--vscode-scrollbarSlider-activeBackground)}.monaco-editor .diagonal-fill{background-image:linear-gradient(-45deg,var(--vscode-diffEditor-diagonalFill) 12.5%,#0000 12.5%,#0000 50%,var(--vscode-diffEditor-diagonalFill) 50%,var(--vscode-diffEditor-diagonalFill) 62.5%,#0000 62.5%,#0000 100%);background-size:8px 8px}.monaco-diff-editor .gutter{flex-grow:0;flex-shrink:0;overflow:hidden;position:relative}.monaco-diff-editor .gutter>div{position:absolute}.monaco-diff-editor .gutter .gutterItem{opacity:0;transition:opacity .7s}.monaco-diff-editor .gutter .gutterItem.showAlways{opacity:1;transition:none}.monaco-diff-editor .gutter .gutterItem.noTransition{transition:none}.monaco-diff-editor .gutter:hover .gutterItem{opacity:1;transition:opacity .1s ease-in-out}.monaco-diff-editor .gutter .gutterItem .background{border-left:2px solid var(--vscode-menu-border);height:100%;left:50%;position:absolute;width:1px}.monaco-diff-editor .gutter .gutterItem .buttons{align-items:center;display:flex;justify-content:center;position:absolute;width:100%}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar{height:fit-content}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar{line-height:1}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container{background:var(--vscode-editorGutter-commentRangeForeground);border-radius:4px;width:fit-content}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item:hover{background:var(--vscode-toolbar-hoverBackground)}.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item .action-label{padding:1px 2px}.monaco-diff-editor .diff-hidden-lines-compact{display:flex;height:11px}.monaco-diff-editor .diff-hidden-lines-compact .line-left,.monaco-diff-editor .diff-hidden-lines-compact .line-right{border-top:1px solid;border-color:var(--vscode-editorCodeLens-foreground);height:1px;margin:auto;opacity:.5;width:100%}.monaco-diff-editor .diff-hidden-lines-compact .line-left{width:20px}.monaco-diff-editor .diff-hidden-lines-compact .text{color:var(--vscode-editorCodeLens-foreground);text-wrap:nowrap;font-size:11px;line-height:11px;margin:0 4px}.monaco-editor .rendered-markdown kbd{background-color:var(--vscode-keybindingLabel-background);border-color:var(--vscode-keybindingLabel-border);border-bottom-color:var(--vscode-keybindingLabel-bottomBorder);border-radius:3px;border-style:solid;border-width:1px;box-shadow:inset 0 -1px 0 var(--vscode-widget-shadow);color:var(--vscode-keybindingLabel-foreground);padding:1px 3px;vertical-align:middle}.rendered-markdown li:has(input[type=checkbox]){list-style-type:none}.monaco-component.multiDiffEditor{background:var(--vscode-multiDiffEditor-background);height:100%;overflow-y:hidden;position:relative;width:100%}.monaco-component.multiDiffEditor>div{height:100%;left:0;position:absolute;top:0;width:100%}.monaco-component.multiDiffEditor>div.placeholder{display:grid;place-content:center;place-items:center;visibility:hidden}.monaco-component.multiDiffEditor>div.placeholder.visible{visibility:visible}.monaco-component.multiDiffEditor .active{--vscode-multiDiffEditor-border:var(--vscode-focusBorder)}.monaco-component.multiDiffEditor .multiDiffEntry{display:flex;flex:1;flex-direction:column;overflow:hidden}.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button{cursor:pointer;margin:0 5px}.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button a{display:block}.monaco-component.multiDiffEditor .multiDiffEntry .header{background:var(--vscode-editor-background);z-index:1000}.monaco-component.multiDiffEditor .multiDiffEntry .header:not(.collapsed) .header-content{border-bottom:1px solid var(--vscode-sideBarSectionHeader-border)}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content{align-items:center;background:var(--vscode-multiDiffEditor-headerBackground);border-top:1px solid var(--vscode-multiDiffEditor-border);color:var(--vscode-foreground);display:flex;margin:8px 0 0;padding:4px 5px}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content.shadow{box-shadow:var(--vscode-scrollbar-shadow) 0 6px 6px -6px}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path{display:flex;flex:1;min-width:0}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title{font-size:14px;line-height:22px}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title.original{flex:1;min-width:0;text-overflow:ellipsis}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .status{font-weight:600;line-height:22px;margin:0 10px;opacity:.75}.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .actions{padding:0 8px}.monaco-component.multiDiffEditor .multiDiffEntry .editorParent{border-bottom:1px solid var(--vscode-multiDiffEditor-border);display:flex;flex:1;flex-direction:column;overflow:hidden}.monaco-component.multiDiffEditor .multiDiffEntry .editorContainer{flex:1}.monaco-editor .selection-anchor{background-color:#007acc;width:2px!important}.monaco-editor .bracket-match{background-color:var(--vscode-editorBracketMatch-background);border:1px solid var(--vscode-editorBracketMatch-border);box-sizing:border-box}.monaco-editor .lightBulbWidget{align-items:center;display:flex;justify-content:center}.monaco-editor .lightBulbWidget:hover{cursor:pointer}.monaco-editor .lightBulbWidget.codicon-light-bulb,.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle{color:var(--vscode-editorLightBulb-foreground)}.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix{color:var(--vscode-editorLightBulbAutoFix-foreground,var(--vscode-editorLightBulb-foreground))}.monaco-editor .lightBulbWidget.codicon-sparkle-filled{color:var(--vscode-editorLightBulbAi-foreground,var(--vscode-icon-foreground))}.monaco-editor .lightBulbWidget:before{position:relative;z-index:2}.monaco-editor .lightBulbWidget:after{content:"";display:block;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%;z-index:1}.monaco-editor .glyph-margin-widgets .cgmr[class*=codicon-gutter-lightbulb]{cursor:pointer;display:block}.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle{color:var(--vscode-editorLightBulb-foreground)}.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix,.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix{color:var(--vscode-editorLightBulbAutoFix-foreground,var(--vscode-editorLightBulb-foreground))}.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled{color:var(--vscode-editorLightBulbAi-foreground,var(--vscode-icon-foreground))}.monaco-editor .codelens-decoration{color:var(--vscode-editorCodeLens-foreground);display:inline-block;font-family:var(--vscode-editorCodeLens-fontFamily),var(--vscode-editorCodeLens-fontFamilyDefault);font-feature-settings:var(--vscode-editorCodeLens-fontFeatureSettings);font-size:var(--vscode-editorCodeLens-fontSize);line-height:var(--vscode-editorCodeLens-lineHeight);overflow:hidden;padding-right:calc(var(--vscode-editorCodeLens-fontSize)*.5);text-overflow:ellipsis;white-space:nowrap}.monaco-editor .codelens-decoration>a,.monaco-editor .codelens-decoration>span{user-select:none;-webkit-user-select:none;vertical-align:sub;white-space:nowrap}.monaco-editor .codelens-decoration>a{text-decoration:none}.monaco-editor .codelens-decoration>a:hover{cursor:pointer}.monaco-editor .codelens-decoration>a:hover,.monaco-editor .codelens-decoration>a:hover .codicon{color:var(--vscode-editorLink-activeForeground)!important}.monaco-editor .codelens-decoration .codicon{color:currentColor!important;color:var(--vscode-editorCodeLens-foreground);font-size:var(--vscode-editorCodeLens-fontSize);line-height:var(--vscode-editorCodeLens-lineHeight);vertical-align:middle}.monaco-editor .codelens-decoration>a:hover .codicon:before{cursor:pointer}@keyframes fadein{0%{opacity:0;visibility:visible}to{opacity:1}}.monaco-editor .codelens-decoration.fadein{animation:fadein .1s linear}.colorpicker-widget{height:190px;user-select:none;-webkit-user-select:none}.colorpicker-color-decoration,.hc-light .colorpicker-color-decoration{border:.1em solid #000;box-sizing:border-box;cursor:pointer;display:inline-block;height:.8em;line-height:.8em;margin:.1em .2em 0;width:.8em}.hc-black .colorpicker-color-decoration,.vs-dark .colorpicker-color-decoration{border:.1em solid #eee}.colorpicker-header{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);background-size:9px 9px;display:flex;height:24px;image-rendering:pixelated;position:relative}.colorpicker-header .picked-color{align-items:center;color:#fff;cursor:pointer;display:flex;flex:1;justify-content:center;line-height:24px;overflow:hidden;white-space:nowrap;width:240px}.colorpicker-header .picked-color .picked-color-presentation{margin-left:5px;margin-right:5px;white-space:nowrap}.colorpicker-header .picked-color .codicon{color:inherit;font-size:14px}.colorpicker-header .picked-color.light{color:#000}.colorpicker-header .original-color{cursor:pointer;width:74px;z-index:inherit}.standalone-colorpicker{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);color:var(--vscode-editorHoverWidget-foreground)}.colorpicker-header.standalone-colorpicker{border-bottom:none}.colorpicker-header .close-button{background-color:var(--vscode-editorHoverWidget-background);border-left:1px solid var(--vscode-editorHoverWidget-border);cursor:pointer}.colorpicker-header .close-button-inner-div{height:100%;text-align:center;width:100%}.colorpicker-header .close-button-inner-div:hover{background-color:var(--vscode-toolbar-hoverBackground)}.colorpicker-header .close-icon{padding:3px}.colorpicker-body{display:flex;padding:8px;position:relative}.colorpicker-body .saturation-wrap{flex:1;height:150px;min-width:220px;overflow:hidden;position:relative}.colorpicker-body .saturation-box{height:150px;position:absolute}.colorpicker-body .saturation-selection{border:1px solid #fff;border-radius:100%;box-shadow:0 0 2px rgba(0,0,0,.8);height:9px;margin:-5px 0 0 -5px;position:absolute;width:9px}.colorpicker-body .strip{height:150px;width:25px}.colorpicker-body .standalone-strip{height:122px;width:25px}.colorpicker-body .hue-strip{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);cursor:grab;margin-left:8px;position:relative}.colorpicker-body .opacity-strip{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);background-size:9px 9px;cursor:grab;image-rendering:pixelated;margin-left:8px;position:relative}.colorpicker-body .strip.grabbing{cursor:grabbing}.colorpicker-body .slider{border:1px solid hsla(0,0%,100%,.71);box-shadow:0 0 1px rgba(0,0,0,.85);box-sizing:border-box;height:4px;left:-2px;position:absolute;top:0;width:calc(100% + 4px)}.colorpicker-body .strip .overlay{height:150px;pointer-events:none}.colorpicker-body .standalone-strip .standalone-overlay{height:122px;pointer-events:none}.standalone-colorpicker-body{border:1px solid transparent;border-bottom:1px solid var(--vscode-editorHoverWidget-border);display:block;overflow:hidden}.colorpicker-body .insert-button{background:var(--vscode-button-background);border:none;border-radius:2px;bottom:8px;color:var(--vscode-button-foreground);cursor:pointer;height:20px;padding:0;position:absolute;right:8px;width:58px}.colorpicker-body .insert-button:hover{background:var(--vscode-button-hoverBackground)}.monaco-editor.hc-light .dnd-target,.monaco-editor.vs .dnd-target{border-right:2px dotted #000;color:#fff}.monaco-editor.vs-dark .dnd-target{border-right:2px dotted #aeafad;color:#51504f}.monaco-editor.hc-black .dnd-target{border-right:2px dotted #fff;color:#000}.monaco-editor.hc-black.mac.mouse-default .view-lines,.monaco-editor.hc-light.mac.mouse-default .view-lines,.monaco-editor.mouse-default .view-lines,.monaco-editor.vs-dark.mac.mouse-default .view-lines{cursor:default}.monaco-editor.hc-black.mac.mouse-copy .view-lines,.monaco-editor.hc-light.mac.mouse-copy .view-lines,.monaco-editor.mouse-copy .view-lines,.monaco-editor.vs-dark.mac.mouse-copy .view-lines{cursor:copy}.post-edit-widget{background-color:var(--vscode-editorWidget-background);border:1px solid var(--vscode-widget-border,transparent);border-radius:4px;box-shadow:0 0 8px 2px var(--vscode-widget-shadow);overflow:hidden}.post-edit-widget .monaco-button{border:none;border-radius:0;padding:2px}.post-edit-widget .monaco-button:hover{background-color:var(--vscode-button-secondaryHoverBackground)!important}.post-edit-widget .monaco-button .codicon{margin:0}.monaco-editor .findOptionsWidget{border:2px solid var(--vscode-contrastBorder)}.monaco-editor .find-widget,.monaco-editor .findOptionsWidget{background-color:var(--vscode-editorWidget-background);box-shadow:0 0 8px 2px var(--vscode-widget-shadow);color:var(--vscode-editorWidget-foreground)}.monaco-editor .find-widget{border-bottom:1px solid var(--vscode-widget-border);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-left:1px solid var(--vscode-widget-border);border-right:1px solid var(--vscode-widget-border);box-sizing:border-box;height:33px;line-height:19px;overflow:hidden;padding:0 4px;position:absolute;transform:translateY(calc(-100% - 10px));transition:transform .2s linear;z-index:35}.monaco-workbench.reduce-motion .monaco-editor .find-widget{transition:transform 0ms linear}.monaco-editor .find-widget textarea{margin:0}.monaco-editor .find-widget.hiddenEditor{display:none}.monaco-editor .find-widget.replaceToggled>.replace-part{display:flex}.monaco-editor .find-widget.visible{transform:translateY(0)}.monaco-editor .find-widget .monaco-inputbox.synthetic-focus{outline:1px solid -webkit-focus-ring-color;outline-color:var(--vscode-focusBorder);outline-offset:-1px}.monaco-editor .find-widget .monaco-inputbox .input{background-color:transparent;min-height:0}.monaco-editor .find-widget .monaco-findInput .input{font-size:13px}.monaco-editor .find-widget>.find-part,.monaco-editor .find-widget>.replace-part{display:flex;font-size:12px;margin:3px 25px 0 17px}.monaco-editor .find-widget>.find-part .monaco-inputbox,.monaco-editor .find-widget>.replace-part .monaco-inputbox{min-height:25px}.monaco-editor .find-widget>.replace-part .monaco-inputbox>.ibwrapper>.mirror{padding-right:22px}.monaco-editor .find-widget>.find-part .monaco-inputbox>.ibwrapper>.input,.monaco-editor .find-widget>.find-part .monaco-inputbox>.ibwrapper>.mirror,.monaco-editor .find-widget>.replace-part .monaco-inputbox>.ibwrapper>.input,.monaco-editor .find-widget>.replace-part .monaco-inputbox>.ibwrapper>.mirror{padding-bottom:2px;padding-top:2px}.monaco-editor .find-widget>.find-part .find-actions,.monaco-editor .find-widget>.replace-part .replace-actions{align-items:center;display:flex;height:25px}.monaco-editor .find-widget .monaco-findInput{display:flex;flex:1;vertical-align:middle}.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element{width:100%}.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical{opacity:0}.monaco-editor .find-widget .matchesCount{box-sizing:border-box;display:flex;flex:initial;height:25px;line-height:23px;margin:0 0 0 3px;padding:2px 0 0 2px;text-align:center;vertical-align:middle}.monaco-editor .find-widget .button{align-items:center;background-position:50%;background-repeat:no-repeat;border-radius:5px;cursor:pointer;display:flex;flex:initial;height:16px;justify-content:center;margin-left:3px;padding:3px;width:16px}.monaco-editor .find-widget .codicon-find-selection{border-radius:5px;height:22px;padding:3px;width:22px}.monaco-editor .find-widget .button.left{margin-left:0;margin-right:3px}.monaco-editor .find-widget .button.wide{padding:1px 6px;top:-1px;width:auto}.monaco-editor .find-widget .button.toggle{border-radius:0;box-sizing:border-box;height:100%;left:3px;position:absolute;top:0;width:18px}.monaco-editor .find-widget .button.toggle.disabled{display:none}.monaco-editor .find-widget .disabled{color:var(--vscode-disabledForeground);cursor:default}.monaco-editor .find-widget>.replace-part{display:none}.monaco-editor .find-widget>.replace-part>.monaco-findInput{display:flex;flex:auto;flex-grow:0;flex-shrink:0;position:relative;vertical-align:middle}.monaco-editor .find-widget>.replace-part>.monaco-findInput>.controls{position:absolute;right:2px;top:3px}.monaco-editor .find-widget.reduced-find-widget .matchesCount{display:none}.monaco-editor .find-widget.narrow-find-widget{max-width:257px!important}.monaco-editor .find-widget.collapsed-find-widget{max-width:170px!important}.monaco-editor .find-widget.collapsed-find-widget .button.next,.monaco-editor .find-widget.collapsed-find-widget .button.previous,.monaco-editor .find-widget.collapsed-find-widget .button.replace,.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,.monaco-editor .find-widget.collapsed-find-widget>.find-part .monaco-findInput .controls{display:none}.monaco-editor .find-widget.no-results .matchesCount{color:var(--vscode-errorForeground)}.monaco-editor .findMatch{animation-duration:0;animation-name:inherit!important;background-color:var(--vscode-editor-findMatchHighlightBackground)}.monaco-editor .currentFindMatch{background-color:var(--vscode-editor-findMatchBackground);border:2px solid var(--vscode-editor-findMatchBorder);box-sizing:border-box;padding:1px}.monaco-editor .findScope{background-color:var(--vscode-editor-findRangeHighlightBackground)}.monaco-editor .find-widget .monaco-sash{background-color:var(--vscode-editorWidget-resizeBorder,var(--vscode-editorWidget-border));left:0!important}.monaco-editor.hc-black .find-widget .button:before{left:2px;position:relative;top:1px}.monaco-editor .find-widget .button:not(.disabled):hover,.monaco-editor .find-widget .codicon-find-selection:hover{background-color:var(--vscode-toolbar-hoverBackground)!important}.monaco-editor.findMatch{background-color:var(--vscode-editor-findMatchHighlightBackground)}.monaco-editor.currentFindMatch{background-color:var(--vscode-editor-findMatchBackground)}.monaco-editor.findScope{background-color:var(--vscode-editor-findRangeHighlightBackground)}.monaco-editor.findMatch{background-color:var(--vscode-editorWidget-background)}.monaco-editor .find-widget>.button.codicon-widget-close{position:absolute;right:4px;top:5px}.monaco-editor .margin-view-overlays .codicon-folding-collapsed,.monaco-editor .margin-view-overlays .codicon-folding-expanded,.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded{align-items:center;cursor:pointer;display:flex;font-size:140%;justify-content:center;margin-left:2px;opacity:0;transition:opacity .5s}.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed,.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded{transition:initial}.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons,.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,.monaco-editor .margin-view-overlays:hover .codicon{opacity:1}.monaco-editor .inline-folded:after{color:var(--vscode-editor-foldPlaceholderForeground);content:"\22EF";cursor:pointer;display:inline;line-height:1em;margin:.1em .2em 0}.monaco-editor .folded-background{background-color:var(--vscode-editor-foldBackground)}.monaco-editor .cldr.codicon.codicon-folding-collapsed,.monaco-editor .cldr.codicon.codicon-folding-expanded,.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed,.monaco-editor .cldr.codicon.codicon-folding-manual-expanded{color:var(--vscode-editorGutter-foldingControlForeground)!important}.monaco-editor .peekview-widget .head .peekview-title .severity-icon{display:inline-block;margin-right:4px;vertical-align:text-top}.monaco-editor .marker-widget{text-overflow:ellipsis;white-space:nowrap}.monaco-editor .marker-widget>.stale{font-style:italic;opacity:.6}.monaco-editor .marker-widget .title{display:inline-block;padding-right:5px}.monaco-editor .marker-widget .descriptioncontainer{padding:8px 12px 0 20px;position:absolute;user-select:text;-webkit-user-select:text;white-space:pre}.monaco-editor .marker-widget .descriptioncontainer .message{display:flex;flex-direction:column}.monaco-editor .marker-widget .descriptioncontainer .message .details{padding-left:6px}.monaco-editor .marker-widget .descriptioncontainer .message .source,.monaco-editor .marker-widget .descriptioncontainer .message span.code{opacity:.6}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link{color:inherit;opacity:.6}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before{content:"("}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after{content:")"}.monaco-editor .marker-widget .descriptioncontainer .message a.code-link>span{border-bottom:1px solid transparent;color:var(--vscode-textLink-activeForeground);text-decoration:underline;text-underline-position:under}.monaco-editor .marker-widget .descriptioncontainer .filename{color:var(--vscode-textLink-activeForeground);cursor:pointer}.monaco-editor .goto-definition-link{color:var(--vscode-editorLink-activeForeground)!important;cursor:pointer;text-decoration:underline}.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget{border-bottom-width:1px;border-top-width:1px}.monaco-editor .reference-zone-widget .inline{display:inline-block;vertical-align:top}.monaco-editor .reference-zone-widget .messages{height:100%;padding:3em 0;text-align:center;width:100%}.monaco-editor .reference-zone-widget .ref-tree{background-color:var(--vscode-peekViewResult-background);color:var(--vscode-peekViewResult-lineForeground);line-height:23px}.monaco-editor .reference-zone-widget .ref-tree .reference{overflow:hidden;text-overflow:ellipsis}.monaco-editor .reference-zone-widget .ref-tree .reference-file{color:var(--vscode-peekViewResult-fileForeground);display:inline-flex;height:100%;width:100%}.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file{color:inherit!important}.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows>.monaco-list-row.selected:not(.highlighted){background-color:var(--vscode-peekViewResult-selectionBackground);color:var(--vscode-peekViewResult-selectionForeground)!important}.monaco-editor .reference-zone-widget .ref-tree .reference-file .count{margin-left:auto;margin-right:12px}.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight{background-color:var(--vscode-peekViewResult-matchHighlightBackground)}.monaco-editor .reference-zone-widget .preview .reference-decoration{background-color:var(--vscode-peekViewEditor-matchHighlightBackground);border:2px solid var(--vscode-peekViewEditor-matchHighlightBorder);box-sizing:border-box}.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input,.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background{background-color:var(--vscode-peekViewEditor-background)}.monaco-editor .reference-zone-widget .preview .monaco-editor .margin{background-color:var(--vscode-peekViewEditorGutter-background)}.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file{font-weight:700}.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight{border:1px dotted var(--vscode-contrastActiveBorder,transparent);box-sizing:border-box}.monaco-editor .hoverHighlight{background-color:var(--vscode-editor-hoverHighlightBackground)}.monaco-editor .monaco-hover-content{box-sizing:border-box;padding-bottom:2px;padding-right:2px}.monaco-editor .monaco-hover{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);border-radius:3px;color:var(--vscode-editorHoverWidget-foreground)}.monaco-editor .monaco-hover a{color:var(--vscode-textLink-foreground)}.monaco-editor .monaco-hover a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor .monaco-hover .hover-row{display:flex}.monaco-editor .monaco-hover .hover-row .hover-row-contents{display:flex;flex-direction:column;min-width:0}.monaco-editor .monaco-hover .hover-row .verbosity-actions{border-right:1px solid var(--vscode-editorHoverWidget-border);display:flex;flex-direction:column;justify-content:end;padding-left:5px;padding-right:5px}.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon{cursor:pointer;font-size:11px}.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.enabled{color:var(--vscode-textLink-foreground)}.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.disabled{opacity:.6}.monaco-editor .monaco-hover .hover-row .actions{background-color:var(--vscode-editorHoverWidget-statusBarBackground)}.monaco-editor .monaco-hover code{background-color:var(--vscode-textCodeBlock-background)}.monaco-editor.vs .valueSetReplacement{outline:solid 2px var(--vscode-editorBracketMatch-border)}.monaco-editor .inlineSuggestionsHints.withBorder{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);color:var(--vscode-editorHoverWidget-foreground);z-index:39}.monaco-editor .inlineSuggestionsHints a,.monaco-editor .inlineSuggestionsHints a:hover{color:var(--vscode-foreground)}.monaco-editor .inlineSuggestionsHints .keybinding{display:flex;margin-left:4px;opacity:.6}.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key{font-size:8px;padding:2px 3px}.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a{display:flex;justify-content:center;min-width:19px}.monaco-editor .inlineSuggestionStatusBarItemLabel{margin-right:2px}.monaco-editor .suggest-preview-additional-widget{white-space:nowrap}.monaco-editor .suggest-preview-additional-widget .content-spacer{color:transparent;white-space:pre}.monaco-editor .suggest-preview-additional-widget .button{cursor:pointer;display:inline-block;text-decoration:underline;text-underline-position:under}.monaco-editor .ghost-text-hidden{font-size:0;opacity:0}.monaco-editor .ghost-text-decoration,.monaco-editor .suggest-preview-text .ghost-text{font-style:italic}.monaco-editor .ghost-text-decoration,.monaco-editor .ghost-text-decoration-preview,.monaco-editor .suggest-preview-text .ghost-text{background-color:var(--vscode-editorGhostText-background);border:1px solid var(--vscode-editorGhostText-border);color:var(--vscode-editorGhostText-foreground)!important}.monaco-editor .inline-edit-remove{background-color:var(--vscode-editorGhostText-background);font-style:italic}.monaco-editor .inline-edit-hidden{font-size:0;opacity:0}.monaco-editor .inline-edit-decoration,.monaco-editor .suggest-preview-text .inline-edit{font-style:italic}.monaco-editor .inline-completion-text-to-replace{text-decoration:underline;text-underline-position:under}.monaco-editor .inline-edit-decoration,.monaco-editor .inline-edit-decoration-preview,.monaco-editor .suggest-preview-text .inline-edit{background-color:var(--vscode-editorGhostText-background);border:1px solid var(--vscode-editorGhostText-border);color:var(--vscode-editorGhostText-foreground)!important}.monaco-editor .inlineEditHints.withBorder{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);color:var(--vscode-editorHoverWidget-foreground);z-index:39}.monaco-editor .inlineEditHints a,.monaco-editor .inlineEditHints a:hover{color:var(--vscode-foreground)}.monaco-editor .inlineEditHints .keybinding{display:flex;margin-left:4px;opacity:.6}.monaco-editor .inlineEditHints .keybinding .monaco-keybinding-key{font-size:8px;padding:2px 3px}.monaco-editor .inlineEditStatusBarItemLabel{margin-right:2px}.monaco-editor .inlineEditSideBySide{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);color:var(--vscode-editorHoverWidget-foreground);white-space:pre;z-index:39}.monaco-editor div.inline-edits-widget{--widget-color:var(--vscode-notifications-background)}.monaco-editor div.inline-edits-widget .promptEditor .monaco-editor{--vscode-editor-placeholder-foreground:var(--vscode-editorGhostText-foreground)}.monaco-editor div.inline-edits-widget .promptEditor,.monaco-editor div.inline-edits-widget .toolbar{opacity:0;transition:opacity .2s ease-in-out}.monaco-editor div.inline-edits-widget.focused .promptEditor,.monaco-editor div.inline-edits-widget.focused .toolbar,.monaco-editor div.inline-edits-widget:hover .promptEditor,.monaco-editor div.inline-edits-widget:hover .toolbar{opacity:1}.monaco-editor div.inline-edits-widget .preview .monaco-editor{--vscode-editor-background:var(--widget-color)}.monaco-editor div.inline-edits-widget .preview .monaco-editor .mtk1{color:var(--vscode-editorGhostText-foreground)}.monaco-editor div.inline-edits-widget .preview .monaco-editor .current-line-margin,.monaco-editor div.inline-edits-widget .preview .monaco-editor .view-overlays .current-line-exact{border:none}.monaco-editor div.inline-edits-widget svg .gradient-start{stop-color:var(--vscode-editor-background)}.monaco-editor div.inline-edits-widget svg .gradient-stop{stop-color:var(--widget-color)}.inline-editor-progress-decoration{display:inline-block;height:1em;width:1em}.inline-progress-widget{align-items:center;display:flex!important;justify-content:center}.inline-progress-widget .icon{font-size:80%!important}.inline-progress-widget:hover .icon{animation:none;font-size:90%!important}.inline-progress-widget:hover .icon:before{content:var(--vscode-icon-x-content);font-family:var(--vscode-icon-x-font-family)}.monaco-editor .linked-editing-decoration{background-color:var(--vscode-editor-linkedEditingBackground);min-width:1px}.monaco-editor .detected-link,.monaco-editor .detected-link-active{text-decoration:underline;text-underline-position:under}.monaco-editor .detected-link-active{color:var(--vscode-editorLink-activeForeground)!important;cursor:pointer}.monaco-editor .monaco-editor-overlaymessage{padding-bottom:8px;z-index:10000}.monaco-editor .monaco-editor-overlaymessage.below{padding-bottom:0;padding-top:8px;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.monaco-editor .monaco-editor-overlaymessage.fadeIn{animation:fadeIn .15s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.monaco-editor .monaco-editor-overlaymessage.fadeOut{animation:fadeOut .1s ease-out}.monaco-editor .monaco-editor-overlaymessage .message{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-inputValidation-infoBorder);border-radius:3px;color:var(--vscode-editorHoverWidget-foreground);padding:2px 4px}.monaco-editor .monaco-editor-overlaymessage .message p{margin-block:0}.monaco-editor .monaco-editor-overlaymessage .message a{color:var(--vscode-textLink-foreground)}.monaco-editor .monaco-editor-overlaymessage .message a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor.hc-black .monaco-editor-overlaymessage .message,.monaco-editor.hc-light .monaco-editor-overlaymessage .message{border-width:2px}.monaco-editor .monaco-editor-overlaymessage .anchor{border:8px solid transparent;height:0!important;left:2px;position:absolute;width:0!important;z-index:1000}.monaco-editor .monaco-editor-overlaymessage .anchor.top{border-bottom-color:var(--vscode-inputValidation-infoBorder)}.monaco-editor .monaco-editor-overlaymessage .anchor.below{border-top-color:var(--vscode-inputValidation-infoBorder)}.monaco-editor .monaco-editor-overlaymessage.below .anchor.below,.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top{display:none}.monaco-editor .monaco-editor-overlaymessage.below .anchor.top{display:inherit;top:-8px}.monaco-editor .parameter-hints-widget{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);color:var(--vscode-editorHoverWidget-foreground);cursor:default;display:flex;flex-direction:column;line-height:1.5em;z-index:39}.hc-black .monaco-editor .parameter-hints-widget,.hc-light .monaco-editor .parameter-hints-widget{border-width:2px}.monaco-editor .parameter-hints-widget>.phwrapper{display:flex;flex-direction:row;max-width:440px}.monaco-editor .parameter-hints-widget.multiple{min-height:3.3em;padding:0}.monaco-editor .parameter-hints-widget.multiple .body:before{border-left:1px solid var(--vscode-editorHoverWidget-border);content:"";display:block;height:100%;opacity:.5;position:absolute}.monaco-editor .parameter-hints-widget p,.monaco-editor .parameter-hints-widget ul{margin:8px 0}.monaco-editor .parameter-hints-widget .body,.monaco-editor .parameter-hints-widget .monaco-scrollable-element{display:flex;flex:1;flex-direction:column;min-height:100%}.monaco-editor .parameter-hints-widget .signature{padding:4px 5px;position:relative}.monaco-editor .parameter-hints-widget .signature.has-docs:after{border-bottom:1px solid var(--vscode-editorHoverWidget-border);content:"";display:block;left:0;opacity:.5;padding-top:4px;position:absolute;width:100%}.monaco-editor .parameter-hints-widget .code{font-family:var(--vscode-parameterHintsWidget-editorFontFamily),var(--vscode-parameterHintsWidget-editorFontFamilyDefault)}.monaco-editor .parameter-hints-widget .docs{padding:0 10px 0 5px;white-space:pre-wrap}.monaco-editor .parameter-hints-widget .docs.empty{display:none}.monaco-editor .parameter-hints-widget .docs a{color:var(--vscode-textLink-foreground)}.monaco-editor .parameter-hints-widget .docs a:hover{color:var(--vscode-textLink-activeForeground);cursor:pointer}.monaco-editor .parameter-hints-widget .docs .markdown-docs{white-space:normal}.monaco-editor .parameter-hints-widget .docs code{background-color:var(--vscode-textCodeBlock-background);border-radius:3px;font-family:var(--monaco-monospace-font);padding:0 .4em}.monaco-editor .parameter-hints-widget .docs .code,.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source{white-space:pre-wrap}.monaco-editor .parameter-hints-widget .controls{align-items:center;display:none;flex-direction:column;justify-content:flex-end;min-width:22px}.monaco-editor .parameter-hints-widget.multiple .controls{display:flex;padding:0 2px}.monaco-editor .parameter-hints-widget.multiple .button{background-repeat:no-repeat;cursor:pointer;height:16px;width:16px}.monaco-editor .parameter-hints-widget .button.previous{bottom:24px}.monaco-editor .parameter-hints-widget .overloads{font-family:var(--monaco-monospace-font);height:12px;line-height:12px;text-align:center}.monaco-editor .parameter-hints-widget .signature .parameter.active{color:var(--vscode-editorHoverWidget-highlightForeground);font-weight:700}.monaco-editor .parameter-hints-widget .documentation-parameter>.parameter{font-weight:700;margin-right:.5em}.monaco-editor .peekview-widget .head{box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:space-between}.monaco-editor .peekview-widget .head .peekview-title{align-items:baseline;display:flex;font-size:13px;margin-left:20px;min-width:0;overflow:hidden;text-overflow:ellipsis}.monaco-editor .peekview-widget .head .peekview-title.clickable{cursor:pointer}.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty){font-size:.9em;margin-left:.5em}.monaco-editor .peekview-widget .head .peekview-title .dirname,.monaco-editor .peekview-widget .head .peekview-title .filename,.monaco-editor .peekview-widget .head .peekview-title .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty):before{content:"-";padding:0 .3em}.monaco-editor .peekview-widget .head .peekview-actions{flex:1;padding-right:2px;text-align:right}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar{display:inline-block}.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar,.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar>.actions-container{height:100%}.monaco-editor .peekview-widget>.body{border-top:1px solid;position:relative}.monaco-editor .peekview-widget .head .peekview-title .codicon{align-self:center;margin-right:4px}.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon{color:inherit!important}.monaco-editor{--vscode-editor-placeholder-foreground:var(--vscode-editorGhostText-foreground)}.monaco-editor .editorPlaceholder{overflow:hidden;position:absolute;text-overflow:ellipsis;top:0;text-wrap:nowrap;color:var(--vscode-editor-placeholder-foreground);pointer-events:none}.monaco-editor .rename-box{border-radius:4px;color:inherit;z-index:100}.monaco-editor .rename-box.preview{padding:4px 4px 0}.monaco-editor .rename-box .rename-input-with-button{border-radius:2px;padding:3px;width:calc(100% - 8px)}.monaco-editor .rename-box .rename-input{padding:0;width:calc(100% - 8px)}.monaco-editor .rename-box .rename-input:focus{outline:none}.monaco-editor .rename-box .rename-suggestions-button{align-items:center;background-color:transparent;border:none;border-radius:5px;cursor:pointer;display:flex;padding:3px}.monaco-editor .rename-box .rename-suggestions-button:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row{border-radius:2px}.monaco-editor .rename-box .rename-label{display:none;opacity:.8}.monaco-editor .rename-box.preview .rename-label{display:inherit}.monaco-editor .snippet-placeholder{background-color:var(--vscode-editor-snippetTabstopHighlightBackground,transparent);min-width:2px;outline-color:var(--vscode-editor-snippetTabstopHighlightBorder,transparent);outline-style:solid;outline-width:1px}.monaco-editor .finish-snippet-placeholder{background-color:var(--vscode-editor-snippetFinalTabstopHighlightBackground,transparent);outline-color:var(--vscode-editor-snippetFinalTabstopHighlightBorder,transparent);outline-style:solid;outline-width:1px}.monaco-editor .sticky-widget{overflow:hidden}.monaco-editor .sticky-widget-line-numbers{background-color:inherit;float:left}.monaco-editor .sticky-widget-lines-scrollable{background-color:inherit;display:inline-block;overflow:hidden;position:absolute;width:var(--vscode-editorStickyScroll-scrollableWidth)}.monaco-editor .sticky-widget-lines{background-color:inherit;position:absolute}.monaco-editor .sticky-line-content,.monaco-editor .sticky-line-number{background-color:inherit;color:var(--vscode-editorLineNumber-foreground);display:inline-block;position:absolute;white-space:nowrap}.monaco-editor .sticky-line-number .codicon-folding-collapsed,.monaco-editor .sticky-line-number .codicon-folding-expanded{float:right;transition:var(--vscode-editorStickyScroll-foldingOpacityTransition)}.monaco-editor .sticky-line-content{background-color:inherit;white-space:nowrap;width:var(--vscode-editorStickyScroll-scrollableWidth)}.monaco-editor .sticky-line-number-inner{display:inline-block;text-align:right}.monaco-editor .sticky-widget{border-bottom:1px solid var(--vscode-editorStickyScroll-border)}.monaco-editor .sticky-line-content:hover{background-color:var(--vscode-editorStickyScrollHover-background);cursor:pointer}.monaco-editor .sticky-widget{background-color:var(--vscode-editorStickyScroll-background);box-shadow:var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;right:auto!important;width:100%;z-index:4}.monaco-editor .sticky-widget.peek{background-color:var(--vscode-peekViewEditorStickyScroll-background)}.monaco-editor .suggest-widget{border-radius:3px;display:flex;flex-direction:column;width:430px;z-index:40}.monaco-editor .suggest-widget.message{align-items:center;flex-direction:row}.monaco-editor .suggest-details,.monaco-editor .suggest-widget{background-color:var(--vscode-editorSuggestWidget-background);border-color:var(--vscode-editorSuggestWidget-border);border-style:solid;border-width:1px;flex:0 1 auto;width:100%}.monaco-editor.hc-black .suggest-details,.monaco-editor.hc-black .suggest-widget,.monaco-editor.hc-light .suggest-details,.monaco-editor.hc-light .suggest-widget{border-width:2px}.monaco-editor .suggest-widget .suggest-status-bar{border-top:1px solid var(--vscode-editorSuggestWidget-border);box-sizing:border-box;display:none;flex-flow:row nowrap;font-size:80%;justify-content:space-between;overflow:hidden;padding:0 4px;width:100%}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar{display:flex}.monaco-editor .suggest-widget .suggest-status-bar .left{padding-right:8px}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label{color:var(--vscode-editorSuggestWidgetStatus-foreground)}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label{margin-right:0}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label:after{content:", ";margin-right:.3em}.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore,.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label{width:100%}.monaco-editor .suggest-widget>.message{padding-left:22px}.monaco-editor .suggest-widget>.tree{height:100%;width:100%}.monaco-editor .suggest-widget .monaco-list{user-select:none;-webkit-user-select:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row{background-position:2px 2px;background-repeat:no-repeat;-mox-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:flex;padding-right:10px;touch-action:none;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused{color:var(--vscode-editorSuggestWidget-selectedForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon{color:var(--vscode-editorSuggestWidget-selectedIconForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents{flex:1;height:100%;overflow:hidden;padding-left:2px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main{display:flex;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:pre}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{display:flex}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label{color:var(--vscode-editorSuggestWidget-foreground)}.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight{font-weight:700}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-highlightForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-focusHighlightForeground)}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:before{color:inherit;cursor:pointer;font-size:14px;opacity:1}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close{position:absolute;right:2px;top:6px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close:hover,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:hover{opacity:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{opacity:.7}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.signature-label{opacity:.6;overflow:hidden;text-overflow:ellipsis}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.qualifier-label{align-self:center;font-size:85%;line-height:normal;margin-left:12px;opacity:.4;overflow:hidden;text-overflow:ellipsis}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{font-size:85%;margin-left:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label>.monaco-tokenized-source{display:inline}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.right>.details-label,.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label)>.contents>.main>.right>.details-label,.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused>.contents>.main>.right>.details-label{display:inline}.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right.can-expand-details>.details-label{width:calc(100% - 26px)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left{flex-grow:1;flex-shrink:1;overflow:hidden}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.monaco-icon-label{flex-shrink:0}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.left>.monaco-icon-label{max-width:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.left>.monaco-icon-label{flex-shrink:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{flex-shrink:4;max-width:70%;overflow:hidden}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:inline-block;height:18px;position:absolute;right:10px;visibility:hidden;width:18px}.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:none!important}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore{display:inline-block}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right>.readMore{visibility:visible}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated{opacity:.66;text-decoration:unset}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated>.monaco-icon-label-container>.monaco-icon-name-container{text-decoration:line-through}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before{height:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon{background-position:50%;background-repeat:no-repeat;background-size:80%;display:block;height:16px;margin-left:2px;width:16px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon{align-items:center;display:flex;margin-right:4px}.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan{border:.1em solid #000;display:inline-block;height:.7em;margin:0 0 0 .3em;width:.7em}.monaco-editor .suggest-details-container{z-index:41}.monaco-editor .suggest-details{color:var(--vscode-editorSuggestWidget-foreground);cursor:default;display:flex;flex-direction:column}.monaco-editor .suggest-details.focused{border-color:var(--vscode-focusBorder)}.monaco-editor .suggest-details a{color:var(--vscode-textLink-foreground)}.monaco-editor .suggest-details a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor .suggest-details code{background-color:var(--vscode-textCodeBlock-background)}.monaco-editor .suggest-details.no-docs{display:none}.monaco-editor .suggest-details>.monaco-scrollable-element{flex:1}.monaco-editor .suggest-details>.monaco-scrollable-element>.body{box-sizing:border-box;height:100%;width:100%}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type{flex:2;margin:0 24px 0 0;opacity:.7;overflow:hidden;padding:4px 0 12px 5px;text-overflow:ellipsis;white-space:pre}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type.auto-wrap{white-space:normal;word-break:break-all}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs{margin:0;padding:4px 5px;white-space:pre-wrap}.monaco-editor .suggest-details.no-type>.monaco-scrollable-element>.body>.docs{margin-right:24px;overflow:hidden}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs{min-height:calc(1rem + 8px);padding:0;white-space:normal}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div,.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty){padding:4px 5px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child{margin-top:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child{margin-bottom:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .monaco-tokenized-source{white-space:pre}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs .code{white-space:pre-wrap;word-wrap:break-word}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .codicon{vertical-align:sub}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>p:empty{display:none}.monaco-editor .suggest-details code{border-radius:3px;padding:0 .4em}.monaco-editor .suggest-details ol,.monaco-editor .suggest-details ul{padding-left:20px}.monaco-editor .suggest-details p code{font-family:var(--monaco-monospace-font)}.monaco-editor .codicon.codicon-symbol-array,.monaco-workbench .codicon.codicon-symbol-array{color:var(--vscode-symbolIcon-arrayForeground)}.monaco-editor .codicon.codicon-symbol-boolean,.monaco-workbench .codicon.codicon-symbol-boolean{color:var(--vscode-symbolIcon-booleanForeground)}.monaco-editor .codicon.codicon-symbol-class,.monaco-workbench .codicon.codicon-symbol-class{color:var(--vscode-symbolIcon-classForeground)}.monaco-editor .codicon.codicon-symbol-method,.monaco-workbench .codicon.codicon-symbol-method{color:var(--vscode-symbolIcon-methodForeground)}.monaco-editor .codicon.codicon-symbol-color,.monaco-workbench .codicon.codicon-symbol-color{color:var(--vscode-symbolIcon-colorForeground)}.monaco-editor .codicon.codicon-symbol-constant,.monaco-workbench .codicon.codicon-symbol-constant{color:var(--vscode-symbolIcon-constantForeground)}.monaco-editor .codicon.codicon-symbol-constructor,.monaco-workbench .codicon.codicon-symbol-constructor{color:var(--vscode-symbolIcon-constructorForeground)}.monaco-editor .codicon.codicon-symbol-enum,.monaco-editor .codicon.codicon-symbol-value,.monaco-workbench .codicon.codicon-symbol-enum,.monaco-workbench .codicon.codicon-symbol-value{color:var(--vscode-symbolIcon-enumeratorForeground)}.monaco-editor .codicon.codicon-symbol-enum-member,.monaco-workbench .codicon.codicon-symbol-enum-member{color:var(--vscode-symbolIcon-enumeratorMemberForeground)}.monaco-editor .codicon.codicon-symbol-event,.monaco-workbench .codicon.codicon-symbol-event{color:var(--vscode-symbolIcon-eventForeground)}.monaco-editor .codicon.codicon-symbol-field,.monaco-workbench .codicon.codicon-symbol-field{color:var(--vscode-symbolIcon-fieldForeground)}.monaco-editor .codicon.codicon-symbol-file,.monaco-workbench .codicon.codicon-symbol-file{color:var(--vscode-symbolIcon-fileForeground)}.monaco-editor .codicon.codicon-symbol-folder,.monaco-workbench .codicon.codicon-symbol-folder{color:var(--vscode-symbolIcon-folderForeground)}.monaco-editor .codicon.codicon-symbol-function,.monaco-workbench .codicon.codicon-symbol-function{color:var(--vscode-symbolIcon-functionForeground)}.monaco-editor .codicon.codicon-symbol-interface,.monaco-workbench .codicon.codicon-symbol-interface{color:var(--vscode-symbolIcon-interfaceForeground)}.monaco-editor .codicon.codicon-symbol-key,.monaco-workbench .codicon.codicon-symbol-key{color:var(--vscode-symbolIcon-keyForeground)}.monaco-editor .codicon.codicon-symbol-keyword,.monaco-workbench .codicon.codicon-symbol-keyword{color:var(--vscode-symbolIcon-keywordForeground)}.monaco-editor .codicon.codicon-symbol-module,.monaco-workbench .codicon.codicon-symbol-module{color:var(--vscode-symbolIcon-moduleForeground)}.monaco-editor .codicon.codicon-symbol-namespace,.monaco-workbench .codicon.codicon-symbol-namespace{color:var(--vscode-symbolIcon-namespaceForeground)}.monaco-editor .codicon.codicon-symbol-null,.monaco-workbench .codicon.codicon-symbol-null{color:var(--vscode-symbolIcon-nullForeground)}.monaco-editor .codicon.codicon-symbol-number,.monaco-workbench .codicon.codicon-symbol-number{color:var(--vscode-symbolIcon-numberForeground)}.monaco-editor .codicon.codicon-symbol-object,.monaco-workbench .codicon.codicon-symbol-object{color:var(--vscode-symbolIcon-objectForeground)}.monaco-editor .codicon.codicon-symbol-operator,.monaco-workbench .codicon.codicon-symbol-operator{color:var(--vscode-symbolIcon-operatorForeground)}.monaco-editor .codicon.codicon-symbol-package,.monaco-workbench .codicon.codicon-symbol-package{color:var(--vscode-symbolIcon-packageForeground)}.monaco-editor .codicon.codicon-symbol-property,.monaco-workbench .codicon.codicon-symbol-property{color:var(--vscode-symbolIcon-propertyForeground)}.monaco-editor .codicon.codicon-symbol-reference,.monaco-workbench .codicon.codicon-symbol-reference{color:var(--vscode-symbolIcon-referenceForeground)}.monaco-editor .codicon.codicon-symbol-snippet,.monaco-workbench .codicon.codicon-symbol-snippet{color:var(--vscode-symbolIcon-snippetForeground)}.monaco-editor .codicon.codicon-symbol-string,.monaco-workbench .codicon.codicon-symbol-string{color:var(--vscode-symbolIcon-stringForeground)}.monaco-editor .codicon.codicon-symbol-struct,.monaco-workbench .codicon.codicon-symbol-struct{color:var(--vscode-symbolIcon-structForeground)}.monaco-editor .codicon.codicon-symbol-text,.monaco-workbench .codicon.codicon-symbol-text{color:var(--vscode-symbolIcon-textForeground)}.monaco-editor .codicon.codicon-symbol-type-parameter,.monaco-workbench .codicon.codicon-symbol-type-parameter{color:var(--vscode-symbolIcon-typeParameterForeground)}.monaco-editor .codicon.codicon-symbol-unit,.monaco-workbench .codicon.codicon-symbol-unit{color:var(--vscode-symbolIcon-unitForeground)}.monaco-editor .codicon.codicon-symbol-variable,.monaco-workbench .codicon.codicon-symbol-variable{color:var(--vscode-symbolIcon-variableForeground)}.editor-banner{background:var(--vscode-banner-background);box-sizing:border-box;cursor:default;display:flex;font-size:12px;height:26px;overflow:visible;width:100%}.editor-banner .icon-container{align-items:center;display:flex;flex-shrink:0;padding:0 6px 0 10px}.editor-banner .icon-container.custom-icon{background-position:50%;background-repeat:no-repeat;background-size:16px;margin:0 6px 0 10px;padding:0;width:16px}.editor-banner .message-container{align-items:center;display:flex;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-banner .message-container p{margin-block-end:0;margin-block-start:0}.editor-banner .message-actions-container{flex-grow:1;flex-shrink:0;line-height:26px;margin:0 4px}.editor-banner .message-actions-container a.monaco-button{margin:2px 8px;padding:0 12px;width:inherit}.editor-banner .message-actions-container a{margin-left:12px;padding:3px;text-decoration:underline}.editor-banner .action-container{padding:0 10px 0 6px}.editor-banner{background-color:var(--vscode-banner-background)}.editor-banner,.editor-banner .action-container .codicon,.editor-banner .message-actions-container .monaco-link{color:var(--vscode-banner-foreground)}.editor-banner .icon-container .codicon{color:var(--vscode-banner-iconForeground)}.monaco-editor .unicode-highlight{background-color:var(--vscode-editorUnicodeHighlight-background);border:1px solid var(--vscode-editorUnicodeHighlight-border);box-sizing:border-box}.monaco-editor .focused .selectionHighlight{background-color:var(--vscode-editor-selectionHighlightBackground);border:1px solid var(--vscode-editor-selectionHighlightBorder);box-sizing:border-box}.monaco-editor.hc-black .focused .selectionHighlight,.monaco-editor.hc-light .focused .selectionHighlight{border-style:dotted}.monaco-editor .wordHighlight{background-color:var(--vscode-editor-wordHighlightBackground);border:1px solid var(--vscode-editor-wordHighlightBorder);box-sizing:border-box}.monaco-editor.hc-black .wordHighlight,.monaco-editor.hc-light .wordHighlight{border-style:dotted}.monaco-editor .wordHighlightStrong{background-color:var(--vscode-editor-wordHighlightStrongBackground);border:1px solid var(--vscode-editor-wordHighlightStrongBorder);box-sizing:border-box}.monaco-editor.hc-black .wordHighlightStrong,.monaco-editor.hc-light .wordHighlightStrong{border-style:dotted}.monaco-editor .wordHighlightText{background-color:var(--vscode-editor-wordHighlightTextBackground);border:1px solid var(--vscode-editor-wordHighlightTextBorder);box-sizing:border-box}.monaco-editor.hc-black .wordHighlightText,.monaco-editor.hc-light .wordHighlightText{border-style:dotted}.monaco-editor .zone-widget{position:absolute;z-index:10}.monaco-editor .zone-widget .zone-widget-container{border-bottom-style:solid;border-bottom-width:0;border-top-style:solid;border-top-width:0;position:relative}.monaco-editor .iPadShowKeyboard{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MyIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjNDI0MjQyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzYgNC4wMUg0LjAwOFYzMi4wM2g0NC4wMjh6TTQuMDA4LjAwOEE0LjAwMyA0LjAwMyAwIDAgMCAuMDA1IDQuMDFWMzIuMDNhNC4wMDMgNC4wMDMgMCAwIDAgNC4wMDMgNC4wMDJoNDQuMDI4YTQuMDAzIDQuMDAzIDAgMCAwIDQuMDAzLTQuMDAyVjQuMDFBNC4wMDMgNC4wMDMgMCAwIDAgNDguMDM2LjAwOHpNOC4wMSA4LjAxM2g0LjAwM3Y0LjAwM0g4LjAxem0xMi4wMDggMGgtNC4wMDJ2NC4wMDNoNC4wMDJ6bTQuMDAzIDBoNC4wMDJ2NC4wMDNoLTQuMDAyem0xMi4wMDggMGgtNC4wMDN2NC4wMDNoNC4wMDN6bTQuMDAyIDBoNC4wMDN2NC4wMDNINDAuMDN6bS0yNC4wMTUgOC4wMDVIOC4wMXY0LjAwM2g4LjAwNnptNC4wMDIgMGg0LjAwM3Y0LjAwM2gtNC4wMDN6bTEyLjAwOCAwaC00LjAwM3Y0LjAwM2g0LjAwM3ptMTIuMDA4IDB2NC4wMDNoLTguMDA1di00LjAwM3ptLTMyLjAyMSA4LjAwNUg4LjAxdjQuMDAzaDQuMDAzem00LjAwMyAwaDIwLjAxM3Y0LjAwM0gxNi4wMTZ6bTI4LjAxOCAwSDQwLjAzdjQuMDAzaDQuMDAzeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1M3YzNkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==) 50% no-repeat;border:4px solid #f6f6f6;border-radius:4px;height:36px;margin:0;min-height:0;min-width:0;overflow:hidden;padding:0;position:absolute;resize:none;width:58px}.monaco-editor.vs-dark .iPadShowKeyboard{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MyIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjQzVDNUM1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzYgNC4wMUg0LjAwOFYzMi4wM2g0NC4wMjh6TTQuMDA4LjAwOEE0LjAwMyA0LjAwMyAwIDAgMCAuMDA1IDQuMDFWMzIuMDNhNC4wMDMgNC4wMDMgMCAwIDAgNC4wMDMgNC4wMDJoNDQuMDI4YTQuMDAzIDQuMDAzIDAgMCAwIDQuMDAzLTQuMDAyVjQuMDFBNC4wMDMgNC4wMDMgMCAwIDAgNDguMDM2LjAwOHpNOC4wMSA4LjAxM2g0LjAwM3Y0LjAwM0g4LjAxem0xMi4wMDggMGgtNC4wMDJ2NC4wMDNoNC4wMDJ6bTQuMDAzIDBoNC4wMDJ2NC4wMDNoLTQuMDAyem0xMi4wMDggMGgtNC4wMDN2NC4wMDNoNC4wMDN6bTQuMDAyIDBoNC4wMDN2NC4wMDNINDAuMDN6bS0yNC4wMTUgOC4wMDVIOC4wMXY0LjAwM2g4LjAwNnptNC4wMDIgMGg0LjAwM3Y0LjAwM2gtNC4wMDN6bTEyLjAwOCAwaC00LjAwM3Y0LjAwM2g0LjAwM3ptMTIuMDA4IDB2NC4wMDNoLTguMDA1di00LjAwM3ptLTMyLjAyMSA4LjAwNUg4LjAxdjQuMDAzaDQuMDAzem00LjAwMyAwaDIwLjAxM3Y0LjAwM0gxNi4wMTZ6bTI4LjAxOCAwSDQwLjAzdjQuMDAzaDQuMDAzeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1M3YzNkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==) 50% no-repeat;border:4px solid #252526}.monaco-editor .tokens-inspect-widget{background-color:var(--vscode-editorHoverWidget-background);border:1px solid var(--vscode-editorHoverWidget-border);color:var(--vscode-editorHoverWidget-foreground);padding:10px;user-select:text;-webkit-user-select:text;z-index:50}.monaco-editor.hc-black .tokens-inspect-widget,.monaco-editor.hc-light .tokens-inspect-widget{border-width:2px}.monaco-editor .tokens-inspect-widget .tokens-inspect-separator{background-color:var(--vscode-editorHoverWidget-border);border:0;height:1px}.monaco-editor .tokens-inspect-widget .tm-token{font-family:var(--monaco-monospace-font)}.monaco-editor .tokens-inspect-widget .tm-token-length{float:right;font-size:60%;font-weight:400}.monaco-editor .tokens-inspect-widget .tm-metadata-table{width:100%}.monaco-editor .tokens-inspect-widget .tm-metadata-value{font-family:var(--monaco-monospace-font);text-align:right}.monaco-editor .tokens-inspect-widget .tm-token-type{font-family:var(--monaco-monospace-font)}.quick-input-widget{font-size:13px}.quick-input-widget .monaco-highlighted-label .highlight{color:#0066bf}.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight{color:#9dddff}.vs-dark .quick-input-widget .monaco-highlighted-label .highlight{color:#0097fb}.hc-black .quick-input-widget .monaco-highlighted-label .highlight{color:#f38518}.hc-light .quick-input-widget .monaco-highlighted-label .highlight{color:#0f4a85}.monaco-keybinding>.monaco-keybinding-key{background-color:hsla(0,0%,87%,.4);border:1px solid hsla(0,0%,80%,.4);border-bottom-color:hsla(0,0%,73%,.4);box-shadow:inset 0 -1px 0 hsla(0,0%,73%,.4);color:#555}.hc-black .monaco-keybinding>.monaco-keybinding-key{background-color:transparent;border:1px solid #6fc3df;box-shadow:none;color:#fff}.hc-light .monaco-keybinding>.monaco-keybinding-key{background-color:transparent;border:1px solid #0f4a85;box-shadow:none;color:#292929}.vs-dark .monaco-keybinding>.monaco-keybinding-key{background-color:hsla(0,0%,50%,.17);border:1px solid rgba(51,51,51,.6);border-bottom-color:rgba(68,68,68,.6);box-shadow:inset 0 -1px 0 rgba(68,68,68,.6);color:#ccc}.monaco-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,HelveticaNeue-Light,system-ui,Ubuntu,Droid Sans,sans-serif;--monaco-monospace-font:"SF Mono",Monaco,Menlo,Consolas,"Ubuntu Mono","Liberation Mono","DejaVu Sans Mono","Courier New",monospace}.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label{stroke-width:1.2px}.monaco-hover p{margin:0}.monaco-aria-container{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;top:0;width:1px;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}.monaco-diff-editor .synthetic-focus,.monaco-diff-editor [tabindex="-1"]:focus,.monaco-diff-editor [tabindex="0"]:focus,.monaco-diff-editor button:focus,.monaco-diff-editor input[type=button]:focus,.monaco-diff-editor input[type=checkbox]:focus,.monaco-diff-editor input[type=search]:focus,.monaco-diff-editor input[type=text]:focus,.monaco-diff-editor select:focus,.monaco-diff-editor textarea:focus,.monaco-editor{opacity:1;outline-color:var(--vscode-focusBorder);outline-offset:-1px;outline-style:solid;outline-width:1px}.action-widget{background-color:var(--vscode-editorActionList-background);border:1px solid var(--vscode-editorWidget-border)!important;border-radius:0;border-radius:5px;box-shadow:0 2px 8px var(--vscode-widget-shadow);color:var(--vscode-editorActionList-foreground);display:block;font-size:13px;max-width:80vw;min-width:160px;padding:4px;width:100%;z-index:40}.context-view-block{z-index:-1}.context-view-block,.context-view-pointerBlock{cursor:auto;height:100%;left:0;position:fixed;top:0;width:100%}.context-view-pointerBlock{z-index:2}.action-widget .monaco-list{border:0!important;user-select:none;-webkit-user-select:none}.action-widget .monaco-list:focus:before{outline:0!important}.action-widget .monaco-list .monaco-scrollable-element{overflow:visible}.action-widget .monaco-list .monaco-list-row{border-radius:4px;cursor:pointer;padding:0 10px;touch-action:none;white-space:nowrap;width:100%}.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled){background-color:var(--vscode-editorActionList-focusBackground)!important;color:var(--vscode-editorActionList-focusForeground);outline:1px solid var(--vscode-menu-selectionBorder,transparent);outline-offset:-1px}.action-widget .monaco-list-row.group-header{color:var(--vscode-descriptionForeground)!important;font-size:12px;font-weight:600}.action-widget .monaco-list-row.group-header:not(:first-of-type){margin-top:2px}.action-widget .monaco-list .group-header,.action-widget .monaco-list .option-disabled,.action-widget .monaco-list .option-disabled .focused,.action-widget .monaco-list .option-disabled .focused:before,.action-widget .monaco-list .option-disabled:before{cursor:default!important;-webkit-touch-callout:none;background-color:transparent!important;outline:0 solid!important;-webkit-user-select:none;user-select:none}.action-widget .monaco-list-row.action{align-items:center;display:flex;gap:8px}.action-widget .monaco-list-row.action.option-disabled,.action-widget .monaco-list-row.action.option-disabled .codicon,.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled{color:var(--vscode-disabledForeground)}.action-widget .monaco-list-row.action:not(.option-disabled) .codicon{color:inherit}.action-widget .monaco-list-row.action .title{flex:1;overflow:hidden;text-overflow:ellipsis}.action-widget .monaco-list-row.action .monaco-keybinding>.monaco-keybinding-key{background-color:var(--vscode-keybindingLabel-background);border-color:var(--vscode-keybindingLabel-border);border-bottom-color:var(--vscode-keybindingLabel-bottomBorder);border-radius:3px;border-style:solid;border-width:1px;box-shadow:inset 0 -1px 0 var(--vscode-widget-shadow);color:var(--vscode-keybindingLabel-foreground)}.action-widget .action-widget-action-bar{background-color:var(--vscode-editorActionList-background);border-top:1px solid var(--vscode-editorHoverWidget-border);margin-top:2px}.action-widget .action-widget-action-bar:before{content:"";display:block;width:100%}.action-widget .action-widget-action-bar .actions-container{padding:3px 8px 0}.action-widget-action-bar .action-label{color:var(--vscode-textLink-activeForeground);font-size:12px;line-height:22px;padding:0;pointer-events:all}.action-widget-action-bar .action-item{margin-right:16px;pointer-events:none}.action-widget-action-bar .action-label:hover{background-color:transparent!important}.monaco-action-bar .actions-container.highlight-toggled .action-label.checked{background:var(--vscode-actionBar-toggledBackground)!important}.monaco-action-bar .action-item.menu-entry .action-label.icon{background-position:50%;background-repeat:no-repeat;background-size:16px;height:16px;width:16px}.monaco-action-bar .action-item.menu-entry.text-only .action-label{border-radius:2px;color:var(--vscode-descriptionForeground);overflow:hidden}.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label:after{content:", "}.monaco-action-bar .action-item.menu-entry.text-only+.action-item:not(.text-only)>.monaco-dropdown .action-label{color:var(--vscode-descriptionForeground)}.monaco-dropdown-with-default{border-radius:5px;display:flex!important;flex-direction:row}.monaco-dropdown-with-default>.action-container>.action-label{margin-right:0}.monaco-dropdown-with-default>.action-container.menu-entry>.action-label.icon{background-position:50%;background-repeat:no-repeat;background-size:16px;height:16px;width:16px}.monaco-dropdown-with-default:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-dropdown-with-default>.dropdown-action-container>.monaco-dropdown>.dropdown-label .codicon[class*=codicon-]{font-size:12px;line-height:16px;margin-left:-3px;padding-left:0;padding-right:0}.monaco-dropdown-with-default>.dropdown-action-container>.monaco-dropdown>.dropdown-label>.action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block}.monaco-link{color:var(--vscode-textLink-foreground)}.monaco-link:hover{color:var(--vscode-textLink-activeForeground)}.quick-input-widget{left:50%;margin-left:-300px;position:absolute;width:600px;z-index:2550;-webkit-app-region:no-drag;border-radius:6px}.quick-input-titlebar{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex}.quick-input-left-action-bar{display:flex;flex:1;margin-left:4px}.quick-input-inline-action-bar{margin:2px 0 0 5px}.quick-input-title{overflow:hidden;padding:3px 0;text-align:center;text-overflow:ellipsis}.quick-input-right-action-bar{display:flex;flex:1;margin-right:4px}.quick-input-right-action-bar>.actions-container{justify-content:flex-end}.quick-input-titlebar .monaco-action-bar .action-label.codicon{background-position:50%;background-repeat:no-repeat;padding:2px}.quick-input-description{margin:6px 6px 6px 11px}.quick-input-header .quick-input-description{flex:1;margin:4px 2px}.quick-input-header{display:flex;padding:8px 6px 2px}.quick-input-widget.hidden-input .quick-input-header{margin-bottom:0;padding:0}.quick-input-and-message{display:flex;flex-direction:column;flex-grow:1;min-width:0;position:relative}.quick-input-check-all{align-self:center;margin:0}.quick-input-filter{display:flex;flex-grow:1;position:relative}.quick-input-box{flex-grow:1}.quick-input-widget.show-checkboxes .quick-input-box,.quick-input-widget.show-checkboxes .quick-input-message{margin-left:5px}.quick-input-visible-count{left:-10000px;position:absolute}.quick-input-count{align-items:center;align-self:center;display:flex;position:absolute;right:4px}.quick-input-count .monaco-count-badge{border-radius:2px;line-height:normal;min-height:auto;padding:2px 4px;vertical-align:middle}.quick-input-action{margin-left:6px}.quick-input-action .monaco-text-button{align-items:center;display:flex;font-size:11px;height:25px;padding:0 6px}.quick-input-message{margin-top:-1px;overflow-wrap:break-word;padding:5px}.quick-input-message>.codicon{margin:0 .2em;vertical-align:text-bottom}.quick-input-message a{color:inherit}.quick-input-progress.monaco-progress-container{position:relative}.quick-input-list{line-height:22px}.quick-input-widget.hidden-input .quick-input-list{margin-top:4px;padding-bottom:4px}.quick-input-list .monaco-list{max-height:440px;overflow:hidden;padding-bottom:5px}.quick-input-list .monaco-scrollable-element{padding:0 5px}.quick-input-list .quick-input-list-entry{box-sizing:border-box;display:flex;overflow:hidden;padding:0 6px}.quick-input-list .quick-input-list-entry.quick-input-list-separator-border{border-top-style:solid;border-top-width:1px}.quick-input-list .monaco-list-row{border-radius:3px}.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border{border-top-style:none}.quick-input-list .quick-input-list-label{display:flex;flex:1;height:100%;overflow:hidden}.quick-input-list .quick-input-list-checkbox{align-self:center;margin:0}.quick-input-list .quick-input-list-icon{align-items:center;background-position:0;background-repeat:no-repeat;background-size:16px;display:flex;height:22px;justify-content:center;padding-right:6px;width:16px}.quick-input-list .quick-input-list-rows{display:flex;flex:1;flex-direction:column;height:100%;margin-left:5px;overflow:hidden;text-overflow:ellipsis}.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows{margin-left:10px}.quick-input-widget .quick-input-list .quick-input-list-checkbox{display:none}.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox{display:inline}.quick-input-list .quick-input-list-rows>.quick-input-list-row{align-items:center;display:flex}.quick-input-list .quick-input-list-rows>.quick-input-list-row .monaco-icon-label,.quick-input-list .quick-input-list-rows>.quick-input-list-row .monaco-icon-label .monaco-icon-label-container>.monaco-icon-name-container{flex:1}.quick-input-list .quick-input-list-rows>.quick-input-list-row .codicon[class*=codicon-]{vertical-align:text-bottom}.quick-input-list .quick-input-list-rows .monaco-highlighted-label>span{opacity:1}.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding{margin-right:8px}.quick-input-list .quick-input-list-label-meta{line-height:normal;opacity:.7;overflow:hidden;text-overflow:ellipsis}.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight{background-color:unset;color:var(--vscode-list-highlightForeground)!important;font-weight:700}.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight{color:var(--vscode-list-focusHighlightForeground)!important}.quick-input-list .quick-input-list-entry .quick-input-list-separator{margin-right:4px}.quick-input-list .quick-input-list-entry-action-bar{display:flex;flex:0;overflow:visible}.quick-input-list .quick-input-list-entry-action-bar .action-label{display:none}.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon{margin-right:4px;padding:2px}.quick-input-list .quick-input-list-entry-action-bar{margin-right:4px;margin-top:1px}.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label,.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label{display:flex}.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator{color:inherit}.quick-input-list .monaco-list-row.focused .monaco-keybinding-key{background:none}.quick-input-list .quick-input-list-separator-as-item{font-size:12px;padding:4px 6px}.quick-input-list .quick-input-list-separator-as-item .label-name{font-weight:600}.quick-input-list .quick-input-list-separator-as-item .label-description{opacity:1!important}.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border{border-top-style:none}.quick-input-list .monaco-tree-sticky-row{padding:0 5px}.quick-input-list .monaco-tl-twistie{display:none!important}.extension-editor .codicon.codicon-error,.extensions-viewlet>.extensions .codicon.codicon-error,.markers-panel .marker-icon .codicon.codicon-error,.markers-panel .marker-icon.error,.monaco-editor .zone-widget .codicon.codicon-error,.preferences-editor .codicon.codicon-error,.text-search-provider-messages .providerMessage .codicon.codicon-error{color:var(--vscode-problemsErrorIcon-foreground)}.extension-editor .codicon.codicon-warning,.extensions-viewlet>.extensions .codicon.codicon-warning,.markers-panel .marker-icon .codicon.codicon-warning,.markers-panel .marker-icon.warning,.monaco-editor .zone-widget .codicon.codicon-warning,.preferences-editor .codicon.codicon-warning,.text-search-provider-messages .providerMessage .codicon.codicon-warning{color:var(--vscode-problemsWarningIcon-foreground)}.extension-editor .codicon.codicon-info,.extensions-viewlet>.extensions .codicon.codicon-info,.markers-panel .marker-icon .codicon.codicon-info,.markers-panel .marker-icon.info,.monaco-editor .zone-widget .codicon.codicon-info,.preferences-editor .codicon.codicon-info,.text-search-provider-messages .providerMessage .codicon.codicon-info{color:var(--vscode-problemsInfoIcon-foreground)}