/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/antd@5.20.3_luxon@3.5.0_moment@2.30.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/dist/reset.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/css/application.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
/**
  Vendor
*/
/**
  Global
*/
html {
  overflow: hidden;
}

.scrollable-container {
  height: 100%;
  overflow: scroll;
}

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

html,
body,
#app {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  color: #475872;
}

#app {
  background: #ffffff;
}

::-webkit-scrollbar {
  height: 7px;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dbe7;
  border-radius: 40px;
  height: 7px;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/**
 Headings
*/
h1,
h2,
h3,
h4,
h5,
h6,
.crl-subheading {
  margin: 0;
  color: #394455;
}

h1 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 48px;
}

h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  line-height: 48px;
}

h3 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 32px;
}

h4 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
}

h5 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
}

h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.crl-subheading {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 32px;
}

/**
 Links
*/
a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #0055ff;
  text-decoration: none;
}
a:hover {
  color: #0055ff;
}

/**
 Buttons
*/
button {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  letter-spacing: 0.02em;
}

/**
 Input labels
*/
label {
  display: block;
  margin-bottom: 8px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  line-height: 16px;
  color: #475872;
}

/**
 Lists
*/
ol,
ul,
dl {
  margin-bottom: 0;
}

/**
 Tables
*/
th {
  text-align: inherit;
}

/**
 Code blocks
*/
pre,
code {
  padding: 8px 16px;
  background-color: #f5f7fa;
  border-radius: 3px;
  font-family: monospace;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}

pre p,
pre span,
pre p span {
  display: inline;
  font-family: monospace;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}

pre li {
  font-family: monospace;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}

.crl-container {
  padding-right: 16px;
  padding-left: 16px;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (min-width: 768px) {
  .crl-container {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media screen and (min-width: 1366px) {
  .crl-container {
    padding-right: 5%;
    padding-left: 5%;
  }
}
@media screen and (min-width: 1500px) {
  .crl-container {
    padding-right: 10%;
    padding-left: 10%;
  }
}

.crl-split-container {
  padding-right: 16px;
  padding-left: 16px;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (min-width: 768px) {
  .crl-split-container {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media screen and (min-width: 1366px) {
  .crl-split-container {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.crl-section-backdrop {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  padding: 16px 16px 0;
  background: #ffffff;
  border-radius: 3px;
  /**
    Desc:
      This mixin sets the `box-shadow` property
      to reflect the depth layers outlined in the
      CRL design system.

    Example usage:
      `@include depth(3);`
  */
  box-shadow: 0 1px 5px 0px rgba(0, 41, 77, 0.17);
}
.crl-section-backdrop__header {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 0 0 8px;
}
.crl-section-backdrop__header-label {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
}
.crl-section-backdrop__header button, .crl-section-backdrop__header-link, .crl-section-backdrop__header-button {
  margin-left: auto;
}

/**
 Groupings
*/
.crl-form-group {
  margin-bottom: 16px;
}

.crl-form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.crl-form-actions button {
  margin-left: 8px;
}
.crl-form-actions--action-column {
  width: 100px;
}
.crl-form-actions--action-column button {
  /* TODO(celia) - couldn't get "center align" style to work; using this hack for now "*/
  float: right;
  margin-right: 16px;
}
.crl-form-actions--bottom-padding {
  margin-bottom: 24px;
}

.crl-input-list {
  list-style-type: none;
  padding-left: 0;
}

/**
 Captions
*/
.crl-caption {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.crl-link--inline {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  line-height: 16px;
}

.crl-ant-dropdown .crl-ant-dropdown-menu {
  min-width: 100px;
  padding: 0;
}
.crl-ant-dropdown .crl-ant-dropdown-menu .crl-ant-dropdown-menu-item,
.crl-ant-dropdown .crl-ant-dropdown-menu .crl-ant-dropdown-menu-item-selected {
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
}
.crl-ant-dropdown .crl-ant-dropdown-menu .crl-ant-dropdown-menu-item a,
.crl-ant-dropdown .crl-ant-dropdown-menu .crl-ant-dropdown-menu-item-selected a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  color: #394455;
}
.crl-ant-dropdown .crl-ant-dropdown-menu .crl-ant-dropdown-menu-item-divider,
.crl-ant-dropdown .crl-ant-dropdown-menu .crl-ant-dropdown-menu-item-selected-divider {
  margin: 0;
}
.crl-ant-dropdown .crl-ant-dropdown-menu-item-group-list {
  margin: 0;
}
.crl-ant-select-dropdown {
  padding: 0;
}
.crl-ant-tooltip-inner {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.crl-ant-tooltip-inner > a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: inherit;
  text-decoration: underline;
}
.crl-ant-table-row-cell-break-word {
  word-wrap: normal;
  word-break: normal;
}
.crl-ant-pagination {
  display: flex;
  align-items: center;
}
.crl-ant-pagination-item-link {
  line-height: 24px;
}
.crl-ant-pagination-item a {
  line-height: 22px;
}
.crl-ant-input-affix-wrapper::before {
  content: "";
}

.grecaptcha-badge {
  visibility: hidden;
}

/**
  Design Tokens for Color Palette
*/
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/util/form.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-form {
  height: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/actionMenu.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-action-menu__option--danger {
  color: #ff3b4e;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/confirmModal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.confirm-modal-body {
  padding: 16px 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/util/load.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 250px;
  width: 100%;
}
.loading--small {
  min-height: 50px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/table.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-table {
  width: 100%;
  background: #ffffff;
  border-radius: 3px;
  color: #475872;
}
.crl-table--has-header {
  padding-top: 16px;
}
.crl-table__header {
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 16px;
}
.crl-table__header-title {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
  color: #475872;
}
.crl-table__header-action-buttons {
  margin-left: auto;
}
.crl-table__state-template {
  display: flex;
  flex-direction: column;
  padding: 56px 0;
  text-align: center;
  align-items: center;
}
.crl-table__state-template-icon-container {
  margin-bottom: 12px;
}
.crl-table__state-template-heading {
  color: #060c12;
}
.crl-table__state-template-message {
  max-width: 400px;
  margin-bottom: 16px;
}
.crl-table__state-template-message a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.crl-table__state-template-action {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.crl-table__state-template-help-text {
  margin-top: 64px;
}
.crl-table__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 250px;
  width: 100%;
  background-color: #ffffff;
}
.crl-table__inner-container {
  padding-bottom: 8px;
}
.crl-table .crl-ant-table-thead > tr > th {
  border-bottom: 1px solid #d6dbe7;
  text-wrap: nowrap;
}
.crl-table .crl-ant-table-thead > tr > th.crl-table__column--with-sorter-tooltip .crl-ant-table-column-title {
  -webkit-text-decoration: underline dashed #c0c6d9;
          text-decoration: underline dashed #c0c6d9;
  text-underline-offset: 4px;
}
.crl-table .crl-ant-table-thead > tr > th.crl-ant-table-cell {
  padding: 20px 16px 8px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.crl-table .crl-ant-table-thead > tr > th.crl-table__data--right-align {
  text-align: right;
}
.crl-table .crl-ant-table-thead > tr > th .crl-ant-table-column-sorters {
  padding: 0;
}
.crl-table .crl-ant-table-thead > tr > th .crl-ant-table-column-sorters > span:not(.crl-ant-table-column-sorter-full) {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.crl-table .crl-ant-table-thead > tr > th .crl-ant-table-column-sorter {
  margin-left: 5px;
}
.crl-table .crl-ant-table-thead > tr > th .crl-ant-table-column-sorter-inner-full {
  margin-top: -5px;
}
.crl-table .crl-ant-table-tbody > tr:last-child > td {
  border-bottom: none;
}
.crl-table .crl-ant-table-tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid #d6dbe7;
}
.crl-table .crl-ant-table-tbody > tr > td {
  padding: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.crl-table .crl-ant-table-tbody > tr > td a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.crl-table .crl-ant-table-wrapper {
  height: 100%;
  overflow: auto;
}
.crl-table .crl-ant-table-column-title {
  padding: 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.crl-table .crl-ant-table .crl-ant-table-row-indent + .crl-ant-table-row-expand-icon {
  margin-right: 12px;
}
.crl-table--darkmode {
  background: #242a35;
}
.crl-table--darkmode .crl-ant-table {
  background: #242a35;
}
.crl-table--darkmode .crl-ant-table-thead > tr:hover > th {
  background: #242a35;
}
.crl-table--darkmode .crl-ant-table-thead > tr > th {
  background: #242a35;
}
.crl-table--darkmode .crl-ant-table-thead > tr > th.crl-ant-table-column-sort {
  background: #242a35;
}
.crl-table--darkmode .crl-ant-table-thead > tr > th.crl-ant-table-cell {
  color: #ffffff;
}
.crl-table--darkmode .crl-ant-table-thead > tr > th.crl-ant-table-cell span {
  color: #ffffff;
}
.crl-table--darkmode .crl-ant-table-thead > tr > th.crl-ant-table-cell:hover {
  background: #242a35;
}
.crl-table--darkmode .crl-ant-table-tbody > tr:hover > td {
  background: #242a35 !important;
}
.crl-table--darkmode .crl-ant-table-tbody > tr > td {
  color: #ffffff;
}
.crl-table--darkmode .crl-ant-table-tbody > tr > td.crl-ant-table-column-sort {
  background: #242a35;
}
.crl-table--darkmode .crl-ant-table-tbody > tr > td span {
  color: #ffffff;
}
.crl-table--darkmode .crl-ant-table-cell-row-hover {
  background: #394455;
}
.crl-table--darkmode .crl-ant-pagination .crl-ant-pagination-item a {
  color: #ffffff;
}
.crl-table--darkmode .crl-ant-pagination .crl-ant-pagination-item-container .crl-ant-pagination-item-ellipsis {
  color: #ffffff;
}
.crl-table--darkmode .crl-ant-pagination .crl-ant-pagination-item-link {
  color: #ffffff;
}
.crl-table--darkmode .crl-ant-pagination .crl-ant-pagination-item-active {
  background-color: #394455;
}

.nested-table-container .crl-table__inner-container {
  padding: 0;
}
.nested-table-container .crl-ant-table-content {
  padding: 5px;
}
.nested-table-container .crl-table .crl-ant-table-thead > tr > .crl-ant-table-cell {
  padding-bottom: 0;
  border-bottom: 0;
}
.nested-table-container .crl-table .crl-ant-table-thead::after {
  content: "@";
  height: 1px;
  color: #ffffff;
}
.nested-table-container .crl-table .crl-ant-table-tbody {
  outline: 1px solid #d6dbe7;
  border-radius: 3px;
}
.nested-table-container .crl-table .crl-ant-table-tbody tr:first-child td:first-child {
  border-top-left-radius: 6px;
}
.nested-table-container .crl-table .crl-ant-table-tbody tr:first-child td:last-child {
  border-top-right-radius: 6px;
}
.nested-table-container .crl-table .crl-ant-table-expanded-row > td {
  padding: 0;
}
.nested-table-container .crl-ant-table-cell::before {
  width: 0 !important;
}
.nested-table-container .crl-table .crl-ant-table-tbody > .expanded-row > td {
  background-color: #e7ecf3 !important;
}

.nested-inner-table-container {
  animation-name: fade-in;
  animation-duration: 0.3s;
}
.nested-inner-table-container .crl-table__inner-container {
  padding: 0;
}
.nested-inner-table-container .crl-table .crl-ant-table-content {
  padding: 0 16px 16px 16px;
  background-color: #f5f7fa;
}
.nested-inner-table-container .crl-table .crl-ant-table-tbody {
  outline: 0;
}
.nested-inner-table-container .crl-table .crl-ant-table-tbody .crl-ant-table-cell {
  background: #f5f7fa !important;
}
.nested-inner-table-container .crl-table .crl-ant-table-thead .crl-ant-table-cell {
  background: #f5f7fa !important;
  transition: background-color 0.3s;
}
.nested-inner-table-container .crl-table .crl-ant-table-thead::after {
  content: "" !important;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/header.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-header {
  position: relative;
  width: 100%;
  z-index: 20;
}
.crl-header__nav {
  display: flex;
  align-items: center;
  width: 100%;
}
.crl-header--fixed-margins-horizontal {
  padding-left: 32px;
  padding-right: 32px;
}
.crl-header--fixed-padding-left {
  padding-left: 32px;
}
.crl-header--fixed-padding-right {
  padding-right: 32px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/banner.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-banner__container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  color: #ffffff;
  height: 40px;
  align-items: center;
}
.crl-banner__container a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  text-decoration: underline;
  color: #ffffff;
  line-height: 18px;
}
.crl-banner__container--neutral {
  background: linear-gradient(to right, #00a2ff, #6933ff);
}
.crl-banner__container--warning {
  color: #394455;
  background: #ffa53b;
}
.crl-banner__container--warning a {
  color: #394455;
}
.crl-banner__container--danger {
  background: #ff3b4e;
}
.crl-banner__content {
  display: flex;
  align-items: center;
}
.crl-banner__close-icon-container {
  position: absolute;
  right: 16px;
}
.crl-banner__close-icon {
  cursor: pointer;
  fill: #ffffff;
}
.crl-banner__message {
  margin-left: 16px;
  margin-right: 16px;
  font-weight: 600;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/horizTabs.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.horiz-tabs {
  padding-bottom: 7px;
  padding-left: 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #c0c6d9;
  list-style-type: none;
  white-space: nowrap;
}
.horiz-tabs__tab {
  display: inline-flex;
  margin-right: 16px;
}
.horiz-tabs__button {
  background-color: transparent;
  border: none;
  font: unset;
  display: inline;
  cursor: pointer;
}
.horiz-tabs__node {
  padding: 0 0 2px 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
  color: #475872;
}
.horiz-tabs__node--active {
  position: relative;
  color: #242a35;
}
.horiz-tabs__node--active:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0055ff;
}
.horiz-tabs__node--disabled {
  color: #c0c6d9;
  cursor: not-allowed;
}
.horiz-tabs--secondary .horiz-tabs__node {
  padding: 0 0 5px 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.horiz-tabs--secondary .horiz-tabs__node:after {
  bottom: -7px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/infoBox.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-info-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1lh;
  background: #e7ecf3;
  border-radius: 3px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  /**
    Desc:
      Helper for maintaining consistent transitions.

    Example usage:
      ```
      .my-css-class {
        @include crl-transition(color, border-color, height);
      }
      ```
  */
  transition-property: background;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  line-height: inherit;
}
.crl-info-box:hover {
  background: #0037a5;
}
.crl-info-box:hover .crl-info-box__question-mark {
  color: #ffffff;
}
.crl-info-box__question-mark {
  /**
    Desc:
      Helper for maintaining consistent transitions.

    Example usage:
      ```
      .my-css-class {
        @include crl-transition(color, border-color, height);
      }
      ```
  */
  transition-property: color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/errorMessage.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.error-message-page {
  min-width: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 64px 0;
}
.error-message-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 32px;
}
.error-message-page__img {
  max-width: 100%;
}
.error-message-page__body {
  text-align: center;
  max-width: 450px;
  padding: 48px 0 40px;
}
.error-message-page__body p {
  margin: 0px;
}
.error-message-page__message {
  color: #060c12;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 32px;
}
.error-message-page__button {
  margin-top: 8px;
  display: inline-flex;
}
.error-message-page__button:last-child {
  margin-left: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/notification.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 384px;
  position: fixed;
  z-index: 1010;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.crl-notification-fade-enter {
  animation: fade-enter 0.5s;
}
.crl-notification-fade-leave {
  animation: fade-leave 0.5s;
}
.crl-notification__title {
  font-weight: 600;
}
.crl-notification-notice {
  display: flex;
  width: 100%;
  max-height: 90vh;
  background-color: #ffffff;
  padding: 16px;
  margin-bottom: 8px;
  /**
    Desc:
      This mixin sets the `box-shadow` property
      to reflect the depth layers outlined in the
      CRL design system.

    Example usage:
      `@include depth(3);`
  */
  box-shadow: 0 6px 15px 0px rgba(0, 41, 77, 0.17);
}
.crl-notification-notice .crl-notification-notice-close {
  cursor: pointer;
  line-height: 0;
  margin-top: 8px;
}
.crl-notification-notice-content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 8px);
}
.crl-notification-notice-content__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-weight: bold;
}
.crl-notification-notice-content__body {
  margin-top: 4px;
  padding-left: 24px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crl-notification-notice-content__body a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  letter-spacing: 0;
}

@keyframes fade-enter {
  0% {
    right: -500px;
  }
  100% {
    right: 0;
  }
}
@keyframes fade-leave {
  0% {
    margin-bottom: 16px;
    max-height: 250px;
    padding: 16px grl-gutters(1.5);
    right: 0;
    opacity: 1;
  }
  100% {
    margin-bottom: 0;
    max-height: 0;
    padding: 0;
    right: -500px;
    opacity: 0;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/logo.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-logo-symbol--default {
  height: 48px;
}
.crl-logo-symbol--xs {
  height: 5px;
}
.crl-logo-symbol--small {
  height: 16px;
}
.crl-logo-symbol--smedium {
  height: 24px;
}
.crl-logo-symbol--medium {
  height: 64px;
}
.crl-logo-symbol--large {
  height: 86px;
}
.crl-logo-lockup--small, .crl-logo-lockup--medium, .crl-logo-lockup--smedium, .crl-logo-lockup--default {
  height: 24px;
}
.crl-logo-lockup--large {
  height: 36px;
}
.crl-logo-lockup--xlg {
  height: 44px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/Password/NewPasswordInput.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-new-password-input__container {
  position: relative;
  margin-bottom: 8px;
}
.crl-new-password-input__label:after {
  content: " *";
  color: #ff3b4e;
}
.crl-new-password-input__validations {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  list-style: none;
  margin-bottom: 12px;
  padding: 0;
}
.crl-new-password-input__validation {
  align-items: flex-start;
  display: flex;
  font-size: 12px;
}
.crl-new-password-input__validation-icon {
  margin: auto 8px auto auto;
}
.crl-new-password-input__validation-icon__container {
  opacity: 0.35;
  padding: 4px 12px 0 0;
  transition: opacity 0.35s ease;
}
.crl-new-password-input__validation-icon__container.valid__container {
  opacity: 1;
}
.crl-new-password-input__toggle {
  margin-left: auto;
}
.crl-new-password-input__footer {
  margin-top: 8px;
  display: flex;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/Password/ExistingPasswordInput.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-existing-password-input__label {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.crl-existing-password-input__label--inline-link {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  line-height: 16px;
  margin-bottom: 8px;
  white-space: nowrap;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/search/search.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.search {
  width: 280px;
}
.search__button {
  background-color: transparent;
  padding: 0;
  color: #475872;
}
.search__button:focus {
  box-shadow: none;
  border: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/select.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-select {
  width: 100%;
}
.crl-select--caret-down {
  height: 8px;
  margin-top: 3px;
  fill: #7e89a9;
}
.crl-select__option {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  cursor: pointer;
}
.crl-select__option-title {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: -4px;
}
.crl-select__option:hover .crl-select__option-title {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #0055ff;
}
.crl-select__description {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #7e89a9;
}
.crl-select .crl-ant-select-selector > .crl-ant-select-selection-search > input.crl-ant-select-selection-search-input {
  height: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/designSystem/notificationExample.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.notification-example {
  display: grid;
  grid: "a b" auto;
  -moz-column-gap: 32px;
       column-gap: 32px;
  align-items: start;
  grid-template-columns: 1fr 1fr;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/stringWithSubstitutions.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.string-with-subs__sub {
  color: #ffa53b;
}
.string-with-subs__revealable {
  color: #0055ff;
  cursor: pointer;
}
.string-with-subs__editable {
  background-color: #e7ecf3;
  border: none;
  border-radius: 3px 3px;
  padding: 2px;
}
.string-with-subs__editable::-moz-placeholder {
  color: #475872;
}
.string-with-subs__editable::placeholder {
  color: #475872;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterOps/createCluster/shared/cloudCard.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-cloud-card {
  height: 110px;
  width: 160px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterOps/components/regionsSelector/selectorUI.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.regions-selector-container:nth-last-child(2) .regions-selector-ui__region {
  padding-bottom: 16px;
}
.regions-selector-container:nth-last-child(2) .regions-selector-ui__nodes {
  padding-bottom: 16px;
}

.regions-selector-ui__region {
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
}
.regions-selector-ui__region-select {
  width: 355px;
}
.regions-selector-ui__nodes {
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}
.regions-selector-ui__region-select, .regions-selector-ui__nodes-select {
  height: 42px;
}
.regions-selector-ui__info-box {
  margin: 0 12px 0 8px;
}
.regions-selector-ui__add-region-button {
  margin-top: 16px;
}

.regions-selector-region-option {
  display: flex;
  height: 100%;
}
.regions-selector-region-option__flag, .regions-selector-region-option__info {
  display: inline-block;
}
.regions-selector-region-option__flag {
  margin-right: 8px;
}
.regions-selector-region-option__info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.regions-selector-region-option__info--human-readable {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-right: 8px;
}
.regions-selector-region-option__info--code {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.regions-selector-nodes-option {
  margin-right: 16px;
  color: #394455;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/views/organizationBilling/manageOrgBilling/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.manage-org-billing {
  margin-bottom: 16px;
}
.manage-org-billing__address-description {
  margin-bottom: 16px;
}
.manage-org-billing__address-description__copy {
  color: #7e89a9;
}
.manage-org-billing__inline-section {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.manage-org-billing__inline-section :first-child {
  margin-right: 4px;
}
.manage-org-billing__inline-section :last-child {
  margin-left: 4px;
}
.manage-org-billing .crl-input__container {
  margin-bottom: 16px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/views/organizationBilling/manageBusinessAddress/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.manage-business-address {
  margin-bottom: 16px;
}
.manage-business-address .crl-input__container {
  margin-bottom: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/views/organizationBilling/manageOrgEmail/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.manage-org-email {
  margin-bottom: 16px;
}

.role-required-alert {
  margin-top: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/views/organizationBilling/managePaymentMethod/index.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.manage-payment-method {
  margin-bottom: 16px;
}
.manage-payment-method__alert-container {
  margin-bottom: 16px;
}
.manage-payment-method__address-description {
  margin-bottom: 16px;
}
.manage-payment-method__address-description__copy {
  color: #7e89a9;
}
.manage-payment-method__inline-section {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.manage-payment-method__inline-section :first-child,
.manage-payment-method__inline-section :last-child {
  margin-right: 4px;
}
.manage-payment-method .crl-input__container {
  margin-bottom: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/designSystem/designSystem.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.design-system {
  height: 100vh;
  overflow: auto;
  padding: 80px;
}
.design-system__heading-container {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}
.design-system__heading-container p {
  margin-bottom: 0;
}
.design-system__heading {
  display: flex;
  font-weight: bold;
}
.design-system__section {
  margin-bottom: 48px;
  padding: 24px;
  border: 1px solid #d6dbe7;
  border-radius: 6px;
}
.design-system__items {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
  gap: 16px;
}
.design-system__items-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}
.design-system__items-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
}
.design-system__items-content {
  width: 100%;
}
.design-system__button-example th,
.design-system__button-example td {
  padding: 8px;
  text-align: center;
}
.design-system__button-fluid-container {
  border: 1px dotted #242a35;
  display: inline-block;
  padding: 24px;
}
.design-system__banners {
  width: 1200px;
}
.design-system__steps-example-title {
  margin-bottom: 8px;
}
.design-system__steps-example-column {
  display: inline-block;
  margin-right: 40px;
}
.design-system__card-example-container {
  display: flex;
  margin-top: 8px;
  margin-bottom: 16px;
}
.design-system__card-example-topology-card-link {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.design-system__card-example .crl-card,
.design-system__card-example .crl-incrementor-card {
  margin-right: 24px;
}
.design-system__copy-zone-wrapper {
  margin-bottom: 16px;
}

.form-inputs__container {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.form-inputs__column {
  flex-basis: 20%;
  display: flex;
  flex-direction: column;
}
.form-inputs h3 {
  margin-bottom: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/clusterActionMenu/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.cluster-action-menu__red {
  color: #ff3b4e;
}
.cluster-action-menu__red:hover {
  color: #ff3b4e;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/uplot@1.6.19/node_modules/uplot/dist/uPlot.min.css ***!
  \***********************************************************************************************************************************************************************************************************************/
.uplot, .uplot *, .uplot *::before, .uplot *::after {box-sizing: border-box;}.uplot {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height: 1.5;width: min-content;}.u-title {text-align: center;font-size: 18px;font-weight: bold;}.u-wrap {position: relative;user-select: none;}.u-over, .u-under {position: absolute;}.u-under {overflow: hidden;}.uplot canvas {display: block;position: relative;width: 100%;height: 100%;}.u-axis {position: absolute;}.u-legend {font-size: 14px;margin: auto;text-align: center;}.u-inline {display: block;}.u-inline * {display: inline-block;}.u-inline tr {margin-right: 16px;}.u-legend th {font-weight: 600;}.u-legend th > * {vertical-align: middle;display: inline-block;}.u-legend .u-marker {width: 1em;height: 1em;margin-right: 4px;background-clip: padding-box !important;}.u-inline.u-live th::after {content: ":";vertical-align: middle;}.u-inline:not(.u-live) .u-value {display: none;}.u-series > * {padding: 4px;}.u-series th {cursor: pointer;}.u-legend .u-off > * {opacity: 0.3;}.u-select {background: rgba(0,0,0,0.07);position: absolute;pointer-events: none;}.u-cursor-x, .u-cursor-y {position: absolute;left: 0;top: 0;pointer-events: none;will-change: transform;z-index: 100;}.u-hz .u-cursor-x, .u-vt .u-cursor-y {height: 100%;border-right: 1px dashed #607D8B;}.u-hz .u-cursor-y, .u-vt .u-cursor-x {width: 100%;border-bottom: 1px dashed #607D8B;}.u-cursor-pt {position: absolute;top: 0;left: 0;border-radius: 50%;border: 0 solid;pointer-events: none;will-change: transform;z-index: 100;/*this has to be !important since we set inline "background" shorthand */background-clip: padding-box !important;}.u-axis.u-off, .u-select.u-off, .u-cursor-x.u-off, .u-cursor-y.u-off, .u-cursor-pt.u-off {display: none;}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/timeSeriesGraph/timeSeriesuPlot.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.uplot {
  width: inherit;
}

.u-label {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-hz .u-cursor-x {
  border-right: 1px solid #7e89a9;
}

.u-legend {
  display: block;
  padding: 8px 20px 0;
  border-top: 1px solid #d6dbe7;
  margin: 0px -20px;
  text-align: left;
}

.u-legend.u-inline {
  display: block;
  text-align: left;
}

.u-legend .u-marker {
  border-radius: 2px;
  border-width: 6px;
  height: 12px;
  width: 12px;
}

.u-over {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
}

.u-baseline-marker {
  border-radius: 0;
  height: 4px;
  margin-right: 12px;
  position: relative;
  width: 6px;
}

.u-baseline-marker::before {
  content: "";
  width: 6px;
  height: 4px;
  background: inherit;
  position: absolute;
  left: -9px;
  top: 0;
}

.u-baseline-marker::after {
  content: "";
  width: 6px;
  height: 4px;
  background: inherit;
  position: absolute;
  left: 9px;
  top: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/stripeCardInput/stripeCardInput.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.stripe-card-element__card-input-container {
  height: 40px;
  padding: 11px 8px 8px;
  margin-bottom: 24px;
  border: 1px solid #d6dbe7;
  border-radius: 3px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/inputs/input.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-input {
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.crl-input:not([type=checkbox]) {
  display: block;
  width: 100%;
  padding: 8px;
  color: #394455;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #d6dbe7;
  border-radius: 3px;
  /**
    Desc:
      Helper for maintaining consistent transitions.

    Example usage:
      ```
      .my-css-class {
        @include crl-transition(color, border-color, height);
      }
      ```
  */
  transition-property: color, box-shadow, border-color, background-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  resize: none;
}
.crl-input:not([type=checkbox]):not(textarea) {
  height: 40px;
}
.crl-input:not([type=checkbox])::-moz-placeholder {
  color: #7e89a9;
  /**
    Desc:
      Helper for maintaining consistent transitions.

    Example usage:
      ```
      .my-css-class {
        @include crl-transition(color, border-color, height);
      }
      ```
  */
  -moz-transition-property: color;
  transition-property: color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}
.crl-input:not([type=checkbox])::placeholder {
  color: #7e89a9;
  /**
    Desc:
      Helper for maintaining consistent transitions.

    Example usage:
      ```
      .my-css-class {
        @include crl-transition(color, border-color, height);
      }
      ```
  */
  transition-property: color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}
.crl-input:not([type=checkbox]):hover {
  background-color: #ffffff;
  border-color: #c0c6d9;
}
.crl-input:not([type=checkbox]):disabled {
  background-color: #f5f7fa;
  color: #7e89a9;
  border-color: #d6dbe7;
}
.crl-input:focus {
  background-color: #ffffff;
  color: #394455;
  border-color: #0037a5;
  /**
    Desc:
      Helper for cross-browser box-shadows.

    Example usage:
      ```
      .my-css-class {
        @include crl-box-shadows(0, 2px, 4px, 0, $color-core-blue-5);
      }
      ```
  */
  box-shadow: 0 0 4px 2px rgba(0, 55, 165, 0.4);
}
.crl-input:invalid, .crl-input.crl-input--invalid {
  background-color: rgba(255, 59, 78, 0.05);
  color: #ff3b4e;
  border-color: #ff3b4e;
}
.crl-input:invalid:focus, .crl-input.crl-input--invalid:focus {
  /**
    Desc:
      Helper for cross-browser box-shadows.

    Example usage:
      ```
      .my-css-class {
        @include crl-box-shadows(0, 2px, 4px, 0, $color-core-blue-5);
      }
      ```
  */
  box-shadow: 0 0 4px 2px rgba(255, 59, 78, 0.4);
}
.crl-input--reference:not([type=checkbox]):disabled {
  color: #394455;
  background-color: #f5f7fa;
  border-color: #f5f7fa;
}
.crl-input[type=checkbox] {
  margin-right: 8px;
  cursor: pointer;
}
.crl-input__container {
  width: 100%;
  position: relative;
}
.crl-input__container.crl-input--inline {
  display: inline-block;
  margin-right: 6%;
  width: 47%;
  vertical-align: top;
}
.crl-input__autocomplete-container {
  position: relative;
}
.crl-input__autocomplete {
  position: absolute;
  top: 8px;
  display: flex;
  flex-direction: column;
  z-index: 10;
  /**
    Desc:
      This mixin sets the `box-shadow` property
      to reflect the depth layers outlined in the
      CRL design system.

    Example usage:
      `@include depth(3);`
  */
  box-shadow: 0 1px 5px 0px rgba(0, 41, 77, 0.17);
  background-color: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  list-style: none;
  padding-left: 0;
}
.crl-input__option {
  height: 40px;
  display: flex;
  align-items: center;
}
.crl-input__message--info, .crl-input__message--error {
  padding-top: 8px;
}
.crl-input__message--info {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.crl-input__message--error {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ff3b4e;
  font-size: 13px;
  line-height: 16px;
}
.crl-input__message--error > .crl-icon__container {
  padding-right: 8px;
}
.crl-input__affix-container {
  position: relative;
}
.crl-input--prefix:not([type=checkbox]) {
  padding-left: 30px;
}
.crl-input--suffix:not([type=checkbox]) {
  padding-right: 50px;
}
.crl-input__prefix, .crl-input__suffix {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  height: 40px;
}
.crl-input__prefix {
  left: 10px;
}
.crl-input__suffix {
  right: 10px;
}
.crl-input--required:after {
  content: " *";
  color: #ff3b4e;
}
.crl-input__checkbox-input {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.crl-input__checkbox-input input {
  margin-top: 1px;
}
.crl-input__checkbox-input label {
  margin-bottom: 0;
  cursor: pointer;
}
.crl-input__checkbox-input--disabled label {
  color: #7e89a9;
}
.crl-input__header {
  display: flex;
  justify-content: space-between;
}
.crl-input__label {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 0;
}

.crl-form-group .crl-input--inline:last-child {
  margin-right: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/login/createOrgForm.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.create-org-form__header {
  text-align: center;
}
.create-org-form__user-info {
  margin-top: 40px;
}
.create-org-form__button {
  margin-top: 24px;
  width: 100%;
}
.create-org-form__org-explain {
  margin-bottom: 24px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/unauthenticated/components/termsOfService.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.terms-of-service {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.terms-of-service__label {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin: 0;
}
.terms-of-service__label .terms-of-service__link {
  margin: 0 0.2em;
}
.terms-of-service__link {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/invite/acceptInvite.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.login {
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.1px;
  grid-template-columns: 14px max-content max-content;
  grid-column-gap: 5px;
}
.login--v1 {
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 991px) {
  .login--v1 {
    display: none;
  }
}

.user-info {
  margin-top: 24px;
}

.button {
  margin-top: 24px;
  width: 100%;
}

.link {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.form-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 460px;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 767px) {
  .form-wrapper {
    order: 1;
  }
}

.oauth-buttons-divider {
  display: flex;
}
.oauth-buttons-divider::before, .oauth-buttons-divider::after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #d6dbe7;
  margin: auto;
}
.oauth-buttons-divider-text {
  padding: 0 16px;
}

.google-tos {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-top: 16px;
}
.google-tos a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin: 0 0.2em;
}

.divider {
  height: 1px;
  border-top: 1px solid #d6dbe7;
}

.accept-invite__heading {
  margin-bottom: 24px;
  text-align: center;
}
.accept-invite__heading-cta {
  font-weight: bold;
  line-height: 1.5;
}
.accept-invite__sub-text {
  margin-bottom: 32px;
}
.accept-invite__last-form-group {
  margin-bottom: 24px;
}
.accept-invite__submit-button {
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/account/editUserEmail/verificationPage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.verification-page__header {
  text-align: center;
  padding: 16px;
  margin-bottom: 32px;
  font-size: 28px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/createAccount/components/verificationStatus.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.verification-status {
  text-align: center;
  color: white;
  max-width: 85vw;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 459px) {
  .verification-status {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.verification-status__header {
  margin-bottom: 16px;
}
.verification-status__heading {
  margin-bottom: 24px;
  color: white;
  font-weight: bold;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 459px) {
  .verification-status__heading {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.verification-status__email-icon {
  margin-bottom: 16px;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 459px) {
  .verification-status__email-icon {
    height: 24px;
  }
}
.verification-status__actions {
  display: inline-flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-top: 24px;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 459px) {
  .verification-status__actions {
    margin-top: 8px;
  }
}
.verification-status__actions-horizontal-rule {
  background-color: #c0c6d9;
  border: none;
  height: 1px;
  width: 66px;
}
.verification-status__actions-prompt {
  margin-top: 12px;
}
.verification-status__recaptcha {
  display: flex;
  justify-content: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/billing/views/invoices/downloadInvoice.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.download-invoice {
  display: inline-block;
}
.download-invoice button {
  height: 32px;
  padding: 0 7px;
}
.download-invoice button.disable-download {
  cursor: not-allowed;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/organization/editOrgNameModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.edit-org-name-modal__actions {
  margin-top: 32px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/organization/deleteOrgModal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.delete-org-modal__actions {
  margin-bottom: 16px;
  margin-top: 32px;
}
.delete-org-modal__description {
  margin-bottom: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/accessManagement/orgUsersList.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.org-users-header {
  display: grid;
  grid-column-gap: 16px;
  align-items: center;
  grid-template-columns: 1fr max-content;
  margin-bottom: 16px;
}

.filters {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-bottom: 16px;
}

.org-users-list {
  height: 100%;
}
.org-users-list__heading {
  max-width: 40ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.org-users-list__team-member-cell {
  display: flex;
  align-items: center;
}
.org-users-list__team-member-cell-info {
  display: flex;
  flex-direction: column;
}
.org-users-list__team-member-cell-info--upper {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #394455;
  margin-bottom: -2px;
}
.org-users-list__avatar {
  margin-right: 16px;
}
.org-users-list__avatar-icon {
  height: 20px;
}
.org-users-list__logged-in-user {
  margin-left: 4px;
  color: #7e89a9;
}
.org-users-list-popover__option:hover {
  color: inherit;
  cursor: pointer;
}
.org-users-list-popover__option--delete {
  color: #ff3b4e;
}
.org-users-list-popover__option--delete:hover {
  color: #ff3b4e;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/accessManagement/highlightTextOnSearch.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.highlight-text {
  text-decoration: underline;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/layout/orgHomeLayout.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.org-home {
  padding-top: 32px;
  padding-bottom: 32px;
}
.org-home__heading {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.org-home__heading--deleted {
  color: #ff3b4e;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/layout/orgMenu.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.org-menu__summary {
  margin-left: 8px;
}
.org-menu__org {
  max-width: 230px;
  max-width: 32ch;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 1199px) {
  .org-menu__org {
    max-width: 160px;
  }
}
@media screen and (max-width: 1023px) {
  .org-menu__org {
    max-width: 130px;
  }
}
@media screen and (max-width: 991px) {
  .org-menu__org {
    max-width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .org-menu__org {
    max-width: 70px;
  }
}
.org-menu__single-org {
  display: flex;
  align-items: center;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/layout/resourcePanel/resourcePanel.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.resource-panel__container-active {
  z-index: 1;
}
.resource-panel__toggle {
  padding: 0;
}
.resource-panel__close-container {
  display: flex;
  justify-content: flex-end;
  top: 0;
  position: sticky;
}
.resource-panel__close-icon {
  padding: 24px 24px 0 0;
}
.resource-panel__content-container {
  position: absolute;
  right: 0px;
  z-index: 20;
  top: 50px;
  background-color: #ffffff;
  width: 400px;
  height: calc(100vh - 50px);
  overflow: auto;
  border-left: 1px solid #d6dbe7;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (min-width: 768px) {
  .resource-panel__content-container {
    width: 350px;
  }
}
@media screen and (min-width: 1366px) {
  .resource-panel__content-container {
    width: 400px;
  }
}
@media screen and (min-width: 1500px) {
  .resource-panel__content-container {
    width: 450px;
  }
}
.resource-panel__info-page-section {
  padding-right: 48px;
  padding-left: 48px;
}
.resource-panel__section-header {
  display: flex;
  align-items: center;
}
.resource-panel__section-header__icon {
  margin: 0 24px;
}
.resource-panel__section-header__title {
  font-size: 20px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.resource-panel__section-header__info-page-title {
  font-size: 20px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 24px;
}
.resource-panel__items {
  padding-left: 84px;
}
.resource-panel__link {
  display: flex;
  padding: 8px 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: -moz-fit-content;
  width: fit-content;
}
.resource-panel__slack-icon__container {
  padding-right: 12px;
}
.resource-panel__divider {
  height: 1px;
  border-top: 1px solid #e7ecf3;
  margin: 16px auto;
  width: calc(100% - 32px);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/layout/userMenu.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.user-menu__internal-link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user-menu__user {
  color: #475872;
  max-width: 100px;
  max-width: 13ch;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 12px;
  margin-bottom: -5px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.user-menu a {
  line-height: 40px;
}
.user-menu__demo-option {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.user-menu__badge-purple {
  background-color: #e6ddff;
  color: #6933ff;
  margin-left: 8px;
  font-weight: bold;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/clusterBanner.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.banner-actions__container {
  display: flex;
  align-items: center;
}
.banner-actions__action-button {
  margin: 4px;
}
.banner-actions__action-button:not(:hover) {
  color: #ffffff;
  background-color: rgba(215, 228, 255, 0.26);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/cloudProviderDisplay.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.cloud-provider {
  float: right;
}
.cloud-provider .crl-icon {
  margin-right: 8px;
}
.cloud-provider__logo {
  display: flex;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/overview/clusterOverviewPage.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.cluster-detail-overview {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cluster-nodes-overview__heading {
  line-height: 20px;
}
.cluster-nodes-overview__table-region-row td {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.cluster-nodes-overview__table-node-row td:first-child {
  padding-left: 40px;
}

.cluster-overview-creating,
.cluster-overview-failed {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 24px;
}
.cluster-overview-creating__card-container,
.cluster-overview-failed__card-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-top: 32px;
  text-align: left;
  /**
    Desc:
      Helper function for setting media queries.

    Example usage:
      `@include crl-media-query(min-width, $crl-screen-sm) { ... }`
  */
}
@media screen and (max-width: 991px) {
  .cluster-overview-creating__card-container,
  .cluster-overview-failed__card-container {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
}
.cluster-overview-creating__helper-text,
.cluster-overview-failed__helper-text {
  font-size: 16px;
}

.cluster-overview-failed {
  margin-top: 16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/monitoring/DBConsole/DBConsole.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.cluster-detail-monitoring {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.cluster-detail-monitoring__upper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  margin: 0 auto;
  padding: 56px 40px 40px;
}
.cluster-detail-monitoring__upper-graphic {
  margin-bottom: 16px;
}
.cluster-detail-monitoring__upper-heading {
  margin-bottom: 8px;
}
.cluster-detail-monitoring__callout {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 20px;
  background: rgba(137, 176, 255, 0.12);
  border-width: 1px;
  border-style: solid;
  border-color: #89b0ff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cluster-detail-monitoring__callout-text, .cluster-detail-monitoring__callout-arrow {
  margin-right: 16px;
}
.cluster-detail-monitoring__callout-text {
  display: flex;
  align-items: center;
  color: #394455;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.cluster-detail-monitoring__callout-actions-list {
  list-style-type: none;
  padding: 0;
}
.cluster-detail-monitoring__callout-action {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.cluster-detail-monitoring__open-admin-ui {
  margin: 16px 0;
}
.cluster-detail-monitoring__region-list {
  padding-left: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/monitoring/oldMonitoring/oldMonitoring.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.old-cluster-detail-monitoring {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.old-cluster-detail-monitoring__upper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  margin: 0 auto;
  padding: 56px 40px 40px;
}
.old-cluster-detail-monitoring__upper-graphic {
  margin-bottom: 16px;
}
.old-cluster-detail-monitoring__upper-heading {
  margin-bottom: 8px;
}
.old-cluster-detail-monitoring__upper-text {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.old-cluster-detail-monitoring__callout {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 20px;
  background: rgba(137, 176, 255, 0.12);
  border-width: 1px;
  border-style: solid;
  border-color: #89b0ff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.old-cluster-detail-monitoring__callout-text, .old-cluster-detail-monitoring__callout-arrow {
  margin-right: 16px;
}
.old-cluster-detail-monitoring__callout-text {
  display: flex;
  align-items: center;
  color: #394455;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.old-cluster-detail-monitoring__callout-actions-list {
  list-style-type: none;
  padding: 0;
}
.old-cluster-detail-monitoring__callout-action {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.old-cluster-detail-monitoring__open-admin-ui {
  display: block;
  margin: 16px 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/monitoring/monitoring.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.monitoring-subheader {
  font-weight: 800;
  margin-bottom: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/networking/layout.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.networking-container {
  width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/networking/ipAllowlist/cidrSelector.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.crl-cidr-selector {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.crl-cidr-selector__container {
  display: flex;
}
.crl-cidr-selector__select {
  flex-basis: 35%;
  margin-right: 8px;
}
.crl-cidr-selector__input {
  display: flex;
  flex-basis: 65%;
  flex-direction: column;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/networking/ipAllowlist/ipAllowlistPage.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.ip-allowlist {
  width: 100%;
}
.ip-allowlist__add-network {
  margin-left: auto;
}
.ip-allowlist__network-name {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #394455;
}
.ip-allowlist__permission-check {
  fill: #37a806;
}

.edit-network-modal-body .network-name__label--muted {
  display: inline-block;
  color: #7e89a9;
}
.edit-network-modal-body__label {
  display: inline-block;
}
.edit-network-modal-body__label--network-type {
  margin-right: 8px;
}
.edit-network-modal-body .crl-alert {
  margin-bottom: 8px;
}

.manage-network-popover__option:hover {
  color: inherit;
  cursor: pointer;
}
.manage-network-popover__option--delete {
  color: #ff3b4e;
}
.manage-network-popover__option--delete:hover {
  color: #ff3b4e;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/networking/peering/peeringModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.peering-modal__input-info-link {
  font-size: 12px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/networking/peering/peering.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.peering-status {
  display: flex;
  align-items: center;
}
.peering-status .crl-icon__container {
  padding-right: 8px;
}

.peerings-page__header-button {
  margin-left: auto;
}
.peerings-page__empty-state-link {
  display: block;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/networking/privateNetworking/deletePrivateNetworkingModal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.delete-private-networking-modal__endpoint-id {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/networking/privateNetworking/privateNetworking.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.private-networking__header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.private-networking__header-alert {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 16px;
}
.private-networking__header-alert .crl-alert__icon__container {
  display: flex;
}
.private-networking__header-button {
  min-width: 125px;
  margin-left: auto;
}
.private-networking__region {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.private-networking__flag {
  margin-right: 8px;
}
.private-networking__endpoint-status {
  text-transform: capitalize;
  white-space: nowrap;
}
.private-networking__status-icon {
  margin-right: 8px;
}
.private-networking__actions-button {
  background-color: #ffffff;
}
.private-networking__actions-button svg {
  fill: #cd2939;
}
.private-networking__actions-button:active, .private-networking__actions-button:focus {
  border-color: #ffffff;
  box-shadow: none;
}
.private-networking__actions-button:hover, .private-networking__actions-button:focus {
  color: #cd2939;
}
.private-networking__actions-button:hover svg, .private-networking__actions-button:focus svg {
  fill: #cd2939;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/sharedComponents/deleteOutlined.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.delete-outlined--size {
  font-size: 16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/backupRestore/incompleteBackups/incompleteBackupsTable.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.incomplete-backups-table-status {
  max-width: 400px;
  white-space: normal;
  overflow-wrap: break-word;
}

.incomplete-backups-table-capitalize {
  text-transform: capitalize;
}

.incomplete-backups-table-description {
  font-family: monospace;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 24px;
  max-width: 600px;
  white-space: normal;
  overflow-wrap: break-word;
}

.incomplete-backups-table-col {
  vertical-align: top;
  white-space: nowrap;
}

.incomplete-backups-table-container {
  overflow-x: scroll;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/backupRestore/restoreModal/modal.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.restore-modal__step {
  padding: 0 12px 8px;
}
.restore-modal__step--details, .restore-modal__step--review, .restore-modal__step--complete {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.restore-modal__restore-danger-alert, .restore-modal__restore-conflict-alert, .restore-modal__restore-multi-region-unsupported {
  margin-top: 0;
}
.restore-modal__section--backup-details, .restore-modal__section--restore-review, .restore-modal__section--restore-options {
  flex: 1;
}
.restore-modal__section-title-container {
  display: flex;
}
.restore-modal__error-container {
  flex: 1;
}
.restore-modal__table {
  width: 100%;
  margin-bottom: 16px;
  flex: 1;
}
.restore-modal__table td:first-child {
  width: 40%;
}
.restore-modal__table-category, .restore-modal__table-data {
  vertical-align: top;
  padding-bottom: 12px;
}
.restore-modal__table-category {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  color: #475872;
}
.restore-modal__table-data, .restore-modal__multi-region-text {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #475872;
}
.restore-modal__multi-region-container {
  margin-bottom: 16px;
}
.restore-modal__multi-region-text {
  display: block;
  margin-bottom: 8px;
}
.restore-modal__resolution-heading {
  margin-bottom: 16px;
}
.restore-modal__dependency-option {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  color: #475872;
}
.restore-modal__dependency-option--human-readable {
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.restore-modal__dependency-options {
  list-style-type: none;
  padding: 0;
}
.restore-modal__dependency-options li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.restore-modal__dependency-options label {
  margin-bottom: 0;
}
.restore-modal__divider {
  height: 1px;
  width: 100%;
  border-top: 1px solid #d6dbe7;
  margin-bottom: 12px;
}
.restore-modal__subheading {
  display: block;
  margin-bottom: 4px;
}
.restore-modal__subheading--strong {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.restore-modal__loading-container {
  display: flex;
  flex: 1;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.restore-modal__instruction-text {
  display: block;
  flex: 1;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.restore-modal__instruction-text a {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.restore-modal__footer {
  display: flex;
}
.restore-modal__footer-button:not(:last-child) {
  margin-right: 16px;
}
.restore-modal__footer-button--cancel {
  margin-left: auto;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/cmek/addCMEKKeyModal/steps/shared/stepNavigation.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.step-navigation {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/connectModal/connectSectionTabs/chooseOS.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.choose-os {
  margin-bottom: 24px;
}
.choose-os__label {
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
  margin-right: 16px;
}
.choose-os__value {
  display: inline-block;
}
.choose-os__value .crl-select-input__selection {
  padding: 4px 8px;
}
.choose-os__select {
  min-width: 125px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/connectModal/modalBody.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.connect-modal {
  position: relative;
  display: flex;
  flex-direction: column;
}
.connect-modal__header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 32px 24px 24px 24px;
}
.connect-modal__title {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 32px;
  color: #475872;
}
.connect-modal__cancel {
  margin-top: -5px;
  z-index: 1;
  cursor: pointer;
}
.connect-modal__text {
  color: #394455;
}
.connect-modal__text--inline-code {
  display: inline;
  padding: 0px 2px;
  margin-left: 2px;
}
.connect-modal__steps {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  background-color: #f5f7fa;
  margin: 0 -32px;
}
.connect-modal__step {
  color: #7e89a9;
  cursor: pointer;
  line-height: normal;
}
.connect-modal__step:first-child {
  margin-right: 48px;
}
.connect-modal__step-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  margin-right: 8px;
  padding-bottom: 2px;
  border-radius: 50%;
  background: #e7ecf3;
  color: #7e89a9;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
}
.connect-modal__step-number-check {
  margin-top: 2px;
  height: 9px;
  fill: #ffffff;
}
.connect-modal__step-name {
  display: inline-block;
  vertical-align: bottom;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
}
.connect-modal__step:not(.connect-modal__step--active) .connect-modal__step-name {
  color: #7e89a9;
}
.connect-modal__step--completed > .connect-modal__step-number, .connect-modal__step--active > .connect-modal__step-number {
  background-color: #0055ff;
  color: #ffffff;
}
.connect-modal__step--completed > .connect-modal__step-name, .connect-modal__step--active > .connect-modal__step-name {
  color: #060c12;
}
.connect-modal__step--disabled {
  cursor: not-allowed;
}
.connect-modal__footer--connect {
  display: flex;
  justify-content: space-between;
}
.connect-modal__info-box {
  margin-left: 8px;
}
.connect-modal__section {
  padding-top: 32px;
}
.connect-modal__section--connect {
  border-bottom-right-radius: 3px;
  z-index: 1;
}
.connect-modal__network-security-options {
  padding-top: 4px;
  display: flex;
  gap: 8px;
}
.connect-modal__network-security-option {
  padding: 8px 24px;
}
.connect-modal__network-security-option.crl-card--selected span {
  color: #0055ff;
}
.connect-modal__network-security-option.crl-card--disabled span {
  color: #7e89a9;
}
.connect-modal__network-security-description {
  display: block;
  margin-top: 8px;
}
.connect-modal__add-sql-user {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin: -4px -16px -8px;
  padding: 8px 16px;
  border-top: 1px solid #d6dbe7;
}
.connect-modal__link-in-span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.connect-modal__network-security-status-ok {
  display: flex;
  align-items: center;
}
.connect-modal__network-security-status-ok-icon {
  height: 16px;
  margin-right: 8px;
}
.connect-modal__network-security-status-ok-message {
  color: #394455;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
}
.connect-modal__network-security-status-ok-tooltip {
  list-style-type: none;
  padding: 8px;
  color: #ffffff;
}
.connect-modal__network-security-status-ok-tooltip-header {
  display: block;
  margin-bottom: 2px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.connect-modal__network-security-status-ok-tooltip li {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #ffffff;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.connect-modal__network-security-status-ok-tooltip li span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #ffffff;
  opacity: 0.6;
}
.connect-modal__network-security-status-ok-tooltip-footer {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #ffffff;
  border-top: rgba(255, 255, 255, 0.2) solid 1px;
  padding-top: 8px;
  margin-top: 8px;
}
.connect-modal__connection-string {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  white-space: normal;
}
.connect-modal__connection-string-copy {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0;
}
.connect-modal__connection-string-param {
  display: flex;
  align-items: center;
  padding: 4px 8px;
}
.connect-modal__connection-string-param:hover .connect-modal__connection-string-param__button {
  visibility: visible;
}
.connect-modal__connection-string-param-list {
  list-style-type: none;
  padding: 0;
}
.connect-modal__connection-string-param-label {
  font-weight: 700;
  margin-right: 8px;
  white-space: nowrap;
}
.connect-modal__connection-string-param-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.connect-modal__connection-string-param__button {
  visibility: hidden;
}
.connect-modal__connection-string--params {
  padding: 8px;
}
.connect-modal__copy-connection-string {
  display: flex;
  margin-bottom: 16px;
}
.connect-modal__copy-connection-string-button {
  width: 100%;
}
.connect-modal__download-cert-button {
  display: inline-flex;
  margin-left: 8px;
}

.connect-modal-tab__step {
  margin-bottom: 16px;
}
.connect-modal-tab__step-text {
  display: block;
  margin-bottom: 8px;
}
.connect-modal-tab__step-text--indent {
  text-indent: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/clusterDetail/layout.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.cluster-detail__section-header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 24px;
  min-height: 40px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/account/editUserNameModal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.edit-user-name-modal__actions {
  margin-top: 32px;
}
.edit-user-name-modal__name-inputs {
  display: flex;
  justify-content: space-between;
}
.edit-user-name-modal__spacer {
  padding-left: 8px;
  padding-right: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/account/editUserPasswordModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.edit-user-password-modal__current-password-input {
  padding-bottom: 16px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/account/editUserEmail/modal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.edit-user-email-modal__upper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.edit-user-email-modal__title-icon {
  fill: #0055ff;
}
.edit-user-email-modal__title-icon__container {
  padding-right: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/pages/account/profile.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.account-profile__github-login {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.account-profile__github-account {
  display: flex;
  align-items: center;
}
.account-profile__github-username {
  margin-left: 12px;
}
.account-profile__section-label {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 24px;
  color: #394455;
}
.account-profile__helper-text {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #7e89a9;
}
.account-profile__login-method {
  display: grid;
  grid-template-columns: 2fr 1fr;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: self-end;
  padding: 8px 0;
}
.account-profile__sso-account {
  display: flex;
  justify-self: end;
  align-items: center;
}
.account-profile__sso-logo {
  margin-right: 4px;
}
.account-profile__button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/views/clusterActions/deleteCluster/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.delete-cluster-modal__description {
  padding-bottom: 20px;
  margin: 0;
}
.delete-cluster-modal__actions {
  margin-top: 32px;
}
.delete-cluster-modal .delete-alert {
  margin-top: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/.pnpm/css-loader@6.11.0_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../node_modules/.pnpm/postcss-loader@7.3.4_postcss@8.4.41_typescript@5.4.5_webpack@5.94.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../../node_modules/.pnpm/sass-loader@13.3.3_sass@1.77.8_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../../../node_modules/.pnpm/sass-resources-loader@2.2.5/node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./assets/js/views/clusterActions/getSupport/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 Mixins
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
 Variables
*/
/**
 Mixins
*/
/** Padding should be used instead of margin for views that will have
* scrollbars. If margin is used, the scrollbars will be between the
* padding and the margin. The content in views with sidebars will not
* get as wide as content without sidebars, so the max viewport
* overrides aren't relevant.
*/
/**
 Variables
*/
/**
 Functions
*/
/**
 Variables
*/
/**
 Mixins
*/
/**
 Functions
*/
/**
 Source Sans Pro
*/
/**
 Monospace
*/
/**
 Roboto
*/
/**
  Headings
*/
/**
 Body copy
*/
/**
 Captions
*/
/**
 Links
*/
/**
 Buttons
*/
/**
 Input labels
*/
/**
 Error Message
*/
/**
 Code
*/
/**
 Text Adjustments
*/
/**
  The width for a paragraph of body-typed text to keep each line about
  15 words long for maximum readability.
*/
.get-support-modal__product-type {
  margin-top: 24px;
  margin-bottom: 16px;
}
.get-support-modal__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}