/********************************************
IMPORTS
********************************************/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
*/
*,
:before,
:after {
  box-sizing: border-box; /* 1 */
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif); /* 4 */
  font-feature-settings: normal; /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  text-decoration: inherit;
  color: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-size: 1em; /* 2 */
  font-family: "Lucida Console", monaco, monospace; /* 1 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  padding: 0; /* 3 */
  margin: 0; /* 2 */
  font-weight: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  font-family: inherit; /* 1 */
  color: inherit; /* 1 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  border: 0;
  background-image: none; /* 2 */
  background-color: transparent; /* 2 */
  appearance: button; /* 1 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/
input::placeholder,
textarea::placeholder {
  opacity: 1;
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

/**
 * https://zellwk.com/blog/css-reset/
 *
 * When users click on something in a button,
 * event.target is the thing they clicked on, not the button.
 * This style makes it easier to work with click events
 * if there are HTML elements inside a button.
 */
button * {
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.00001s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.00001s !important;
    scroll-behavior: auto !important;
  }
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  color: #2f3748;
  letter-spacing: normal;
  background-color: #fff;
}

*:last-child {
  margin-bottom: 0;
}

::selection {
  color: #fff;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

*:focus, *:focus-visible {
  outline: none;
}

*:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

@media (min-width: 36em) {
  .l-container\@sm, .l-container {
    max-width: 540px;
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 48em) {
  .l-container\@md, .l-container\@sm, .l-container {
    max-width: 720px;
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 62em) {
  .l-container\@lg, .l-container\@md, .l-container\@sm, .l-container {
    max-width: 960px;
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 75em) {
  .l-container\@xl, .l-container\@lg, .l-container\@md, .l-container\@sm, .l-container {
    max-width: 1140px;
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
  }
}
.l-container {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}

.l-container--fluid {
  max-width: 100%;
}

.l-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-bottom: -1.5rem;
  margin-left: -0.75rem;
}

.l-grid[gutter-x="0.5"] {
  margin-right: -0.0625rem;
  margin-left: -0.0625rem;
}

.l-grid[gutter-x="0.5"] > .l-grid__col {
  padding-right: 0.0625rem;
  padding-left: 0.0625rem;
}

.l-grid[gutter-x="1"] {
  margin-right: -0.125rem;
  margin-left: -0.125rem;
}

.l-grid[gutter-x="1"] > .l-grid__col {
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}

.l-grid[gutter-x="1.5"] {
  margin-right: -0.1875rem;
  margin-left: -0.1875rem;
}

.l-grid[gutter-x="1.5"] > .l-grid__col {
  padding-right: 0.1875rem;
  padding-left: 0.1875rem;
}

.l-grid[gutter-x="2"] {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.l-grid[gutter-x="2"] > .l-grid__col {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.l-grid[gutter-x="3"] {
  margin-right: -0.375rem;
  margin-left: -0.375rem;
}

.l-grid[gutter-x="3"] > .l-grid__col {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.l-grid[gutter-x="4"] {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.l-grid[gutter-x="4"] > .l-grid__col {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.l-grid[gutter-x="5"] {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.l-grid[gutter-x="5"] > .l-grid__col {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.l-grid[gutter-x="6"] {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.l-grid[gutter-x="6"] > .l-grid__col {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.l-grid[gutter-x="8"] {
  margin-right: -1rem;
  margin-left: -1rem;
}

.l-grid[gutter-x="8"] > .l-grid__col {
  padding-right: 1rem;
  padding-left: 1rem;
}

.l-grid[gutter-x="10"] {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}

.l-grid[gutter-x="10"] > .l-grid__col {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.l-grid[gutter-x="12"] {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.l-grid[gutter-x="12"] > .l-grid__col {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.l-grid[gutter-x="14"] {
  margin-right: -1.75rem;
  margin-left: -1.75rem;
}

.l-grid[gutter-x="14"] > .l-grid__col {
  padding-right: 1.75rem;
  padding-left: 1.75rem;
}

.l-grid[gutter-x="16"] {
  margin-right: -2rem;
  margin-left: -2rem;
}

.l-grid[gutter-x="16"] > .l-grid__col {
  padding-right: 2rem;
  padding-left: 2rem;
}

.l-grid[gutter-x="20"] {
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}

.l-grid[gutter-x="20"] > .l-grid__col {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.l-grid[gutter-x="24"] {
  margin-right: -3rem;
  margin-left: -3rem;
}

.l-grid[gutter-x="24"] > .l-grid__col {
  padding-right: 3rem;
  padding-left: 3rem;
}

.l-grid[gutter-x="28"] {
  margin-right: -3.5rem;
  margin-left: -3.5rem;
}

.l-grid[gutter-x="28"] > .l-grid__col {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}

.l-grid[gutter-x="0"] {
  margin-right: 0;
  margin-left: 0;
}

.l-grid[gutter-x="0"] > .l-grid__col {
  padding-right: 0;
  padding-left: 0;
}

.l-grid[gutter-y="0.5"] {
  margin-bottom: -0.125rem;
}

.l-grid[gutter-y="0.5"] > .l-grid__col {
  margin-bottom: 0.125rem;
}

.l-grid[gutter-y="1"] {
  margin-bottom: -0.25rem;
}

.l-grid[gutter-y="1"] > .l-grid__col {
  margin-bottom: 0.25rem;
}

.l-grid[gutter-y="1.5"] {
  margin-bottom: -0.375rem;
}

.l-grid[gutter-y="1.5"] > .l-grid__col {
  margin-bottom: 0.375rem;
}

.l-grid[gutter-y="2"] {
  margin-bottom: -0.5rem;
}

.l-grid[gutter-y="2"] > .l-grid__col {
  margin-bottom: 0.5rem;
}

.l-grid[gutter-y="3"] {
  margin-bottom: -0.75rem;
}

.l-grid[gutter-y="3"] > .l-grid__col {
  margin-bottom: 0.75rem;
}

.l-grid[gutter-y="4"] {
  margin-bottom: -1rem;
}

.l-grid[gutter-y="4"] > .l-grid__col {
  margin-bottom: 1rem;
}

.l-grid[gutter-y="5"] {
  margin-bottom: -1.25rem;
}

.l-grid[gutter-y="5"] > .l-grid__col {
  margin-bottom: 1.25rem;
}

.l-grid[gutter-y="6"] {
  margin-bottom: -1.5rem;
}

.l-grid[gutter-y="6"] > .l-grid__col {
  margin-bottom: 1.5rem;
}

.l-grid[gutter-y="8"] {
  margin-bottom: -2rem;
}

.l-grid[gutter-y="8"] > .l-grid__col {
  margin-bottom: 2rem;
}

.l-grid[gutter-y="10"] {
  margin-bottom: -2.5rem;
}

.l-grid[gutter-y="10"] > .l-grid__col {
  margin-bottom: 2.5rem;
}

.l-grid[gutter-y="12"] {
  margin-bottom: -3rem;
}

.l-grid[gutter-y="12"] > .l-grid__col {
  margin-bottom: 3rem;
}

.l-grid[gutter-y="14"] {
  margin-bottom: -3.5rem;
}

.l-grid[gutter-y="14"] > .l-grid__col {
  margin-bottom: 3.5rem;
}

.l-grid[gutter-y="16"] {
  margin-bottom: -4rem;
}

.l-grid[gutter-y="16"] > .l-grid__col {
  margin-bottom: 4rem;
}

.l-grid[gutter-y="20"] {
  margin-bottom: -5rem;
}

.l-grid[gutter-y="20"] > .l-grid__col {
  margin-bottom: 5rem;
}

.l-grid[gutter-y="24"] {
  margin-bottom: -6rem;
}

.l-grid[gutter-y="24"] > .l-grid__col {
  margin-bottom: 6rem;
}

.l-grid[gutter-y="28"] {
  margin-bottom: -7rem;
}

.l-grid[gutter-y="28"] > .l-grid__col {
  margin-bottom: 7rem;
}

.l-grid[gutter-y="0"] {
  margin-bottom: 0;
}

.l-grid[gutter-y="0"] > .l-grid__col {
  margin-bottom: 0;
}

.l-grid__col {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-bottom: 1.5rem;
}

@media all {
  .l-grid__col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .l-grid__col--auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-grid__col--1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-grid__col--2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-grid__col--3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-grid__col--4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-grid__col--5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-grid__col--6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-grid__col--7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-grid__col--8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-grid__col--9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-grid__col--10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-grid__col--11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-grid__col--12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-grid__col--offset-1 {
    margin-left: 8.3333333333%;
  }
  .l-grid__col--offset-2 {
    margin-left: 16.6666666667%;
  }
  .l-grid__col--offset-3 {
    margin-left: 25%;
  }
  .l-grid__col--offset-4 {
    margin-left: 33.3333333333%;
  }
  .l-grid__col--offset-5 {
    margin-left: 41.6666666667%;
  }
  .l-grid__col--offset-6 {
    margin-left: 50%;
  }
  .l-grid__col--offset-7 {
    margin-left: 58.3333333333%;
  }
  .l-grid__col--offset-8 {
    margin-left: 66.6666666667%;
  }
  .l-grid__col--offset-9 {
    margin-left: 75%;
  }
  .l-grid__col--offset-10 {
    margin-left: 83.3333333333%;
  }
  .l-grid__col--offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 36em) {
  .l-grid__col\@sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .l-grid__col--auto\@sm {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-grid__col--1\@sm {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-grid__col--2\@sm {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-grid__col--3\@sm {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-grid__col--4\@sm {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-grid__col--5\@sm {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-grid__col--6\@sm {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-grid__col--7\@sm {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-grid__col--8\@sm {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-grid__col--9\@sm {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-grid__col--10\@sm {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-grid__col--11\@sm {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-grid__col--12\@sm {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-grid__col--offset-0\@sm {
    margin-left: 0;
  }
  .l-grid__col--offset-1\@sm {
    margin-left: 8.3333333333%;
  }
  .l-grid__col--offset-2\@sm {
    margin-left: 16.6666666667%;
  }
  .l-grid__col--offset-3\@sm {
    margin-left: 25%;
  }
  .l-grid__col--offset-4\@sm {
    margin-left: 33.3333333333%;
  }
  .l-grid__col--offset-5\@sm {
    margin-left: 41.6666666667%;
  }
  .l-grid__col--offset-6\@sm {
    margin-left: 50%;
  }
  .l-grid__col--offset-7\@sm {
    margin-left: 58.3333333333%;
  }
  .l-grid__col--offset-8\@sm {
    margin-left: 66.6666666667%;
  }
  .l-grid__col--offset-9\@sm {
    margin-left: 75%;
  }
  .l-grid__col--offset-10\@sm {
    margin-left: 83.3333333333%;
  }
  .l-grid__col--offset-11\@sm {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 48em) {
  .l-grid__col\@md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .l-grid__col--auto\@md {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-grid__col--1\@md {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-grid__col--2\@md {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-grid__col--3\@md {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-grid__col--4\@md {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-grid__col--5\@md {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-grid__col--6\@md {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-grid__col--7\@md {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-grid__col--8\@md {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-grid__col--9\@md {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-grid__col--10\@md {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-grid__col--11\@md {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-grid__col--12\@md {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-grid__col--offset-0\@md {
    margin-left: 0;
  }
  .l-grid__col--offset-1\@md {
    margin-left: 8.3333333333%;
  }
  .l-grid__col--offset-2\@md {
    margin-left: 16.6666666667%;
  }
  .l-grid__col--offset-3\@md {
    margin-left: 25%;
  }
  .l-grid__col--offset-4\@md {
    margin-left: 33.3333333333%;
  }
  .l-grid__col--offset-5\@md {
    margin-left: 41.6666666667%;
  }
  .l-grid__col--offset-6\@md {
    margin-left: 50%;
  }
  .l-grid__col--offset-7\@md {
    margin-left: 58.3333333333%;
  }
  .l-grid__col--offset-8\@md {
    margin-left: 66.6666666667%;
  }
  .l-grid__col--offset-9\@md {
    margin-left: 75%;
  }
  .l-grid__col--offset-10\@md {
    margin-left: 83.3333333333%;
  }
  .l-grid__col--offset-11\@md {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 62em) {
  .l-grid__col\@lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .l-grid__col--auto\@lg {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-grid__col--1\@lg {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-grid__col--2\@lg {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-grid__col--3\@lg {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-grid__col--4\@lg {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-grid__col--5\@lg {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-grid__col--6\@lg {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-grid__col--7\@lg {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-grid__col--8\@lg {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-grid__col--9\@lg {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-grid__col--10\@lg {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-grid__col--11\@lg {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-grid__col--12\@lg {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-grid__col--offset-0\@lg {
    margin-left: 0;
  }
  .l-grid__col--offset-1\@lg {
    margin-left: 8.3333333333%;
  }
  .l-grid__col--offset-2\@lg {
    margin-left: 16.6666666667%;
  }
  .l-grid__col--offset-3\@lg {
    margin-left: 25%;
  }
  .l-grid__col--offset-4\@lg {
    margin-left: 33.3333333333%;
  }
  .l-grid__col--offset-5\@lg {
    margin-left: 41.6666666667%;
  }
  .l-grid__col--offset-6\@lg {
    margin-left: 50%;
  }
  .l-grid__col--offset-7\@lg {
    margin-left: 58.3333333333%;
  }
  .l-grid__col--offset-8\@lg {
    margin-left: 66.6666666667%;
  }
  .l-grid__col--offset-9\@lg {
    margin-left: 75%;
  }
  .l-grid__col--offset-10\@lg {
    margin-left: 83.3333333333%;
  }
  .l-grid__col--offset-11\@lg {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 75em) {
  .l-grid__col\@xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .l-grid__col--auto\@xl {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-grid__col--1\@xl {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-grid__col--2\@xl {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-grid__col--3\@xl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-grid__col--4\@xl {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-grid__col--5\@xl {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-grid__col--6\@xl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-grid__col--7\@xl {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-grid__col--8\@xl {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-grid__col--9\@xl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-grid__col--10\@xl {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-grid__col--11\@xl {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-grid__col--12\@xl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-grid__col--offset-0\@xl {
    margin-left: 0;
  }
  .l-grid__col--offset-1\@xl {
    margin-left: 8.3333333333%;
  }
  .l-grid__col--offset-2\@xl {
    margin-left: 16.6666666667%;
  }
  .l-grid__col--offset-3\@xl {
    margin-left: 25%;
  }
  .l-grid__col--offset-4\@xl {
    margin-left: 33.3333333333%;
  }
  .l-grid__col--offset-5\@xl {
    margin-left: 41.6666666667%;
  }
  .l-grid__col--offset-6\@xl {
    margin-left: 50%;
  }
  .l-grid__col--offset-7\@xl {
    margin-left: 58.3333333333%;
  }
  .l-grid__col--offset-8\@xl {
    margin-left: 66.6666666667%;
  }
  .l-grid__col--offset-9\@xl {
    margin-left: 75%;
  }
  .l-grid__col--offset-10\@xl {
    margin-left: 83.3333333333%;
  }
  .l-grid__col--offset-11\@xl {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 87.5em) {
  .l-grid__col\@xxl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .l-grid__col--auto\@xxl {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .l-grid__col--1\@xxl {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-grid__col--2\@xxl {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-grid__col--3\@xxl {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-grid__col--4\@xxl {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-grid__col--5\@xxl {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-grid__col--6\@xxl {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-grid__col--7\@xxl {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-grid__col--8\@xxl {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-grid__col--9\@xxl {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-grid__col--10\@xxl {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-grid__col--11\@xxl {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-grid__col--12\@xxl {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-grid__col--offset-0\@xxl {
    margin-left: 0;
  }
  .l-grid__col--offset-1\@xxl {
    margin-left: 8.3333333333%;
  }
  .l-grid__col--offset-2\@xxl {
    margin-left: 16.6666666667%;
  }
  .l-grid__col--offset-3\@xxl {
    margin-left: 25%;
  }
  .l-grid__col--offset-4\@xxl {
    margin-left: 33.3333333333%;
  }
  .l-grid__col--offset-5\@xxl {
    margin-left: 41.6666666667%;
  }
  .l-grid__col--offset-6\@xxl {
    margin-left: 50%;
  }
  .l-grid__col--offset-7\@xxl {
    margin-left: 58.3333333333%;
  }
  .l-grid__col--offset-8\@xxl {
    margin-left: 66.6666666667%;
  }
  .l-grid__col--offset-9\@xxl {
    margin-left: 75%;
  }
  .l-grid__col--offset-10\@xxl {
    margin-left: 83.3333333333%;
  }
  .l-grid__col--offset-11\@xxl {
    margin-left: 91.6666666667%;
  }
}
.o-divider {
  position: relative;
  width: 2px;
  height: 16px;
  border-radius: 1px;
  background-color: #c5ced8;
}

.o-divider--horizontal {
  width: 16px;
  height: 2px;
}

.o-icon {
  position: relative;
  display: inline-block;
  width: 1em;
  max-width: 100%;
  max-height: 100%;
}

.o-icon:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.o-icon--fluid {
  display: block;
  width: 100%;
}

.o-icon svg, .o-icon__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: currentcolor;
  transform: translateZ(0);
  pointer-events: none;
}

.o-illustration {
  position: relative;
  display: inline-block;
  width: 56px;
  max-width: 100%;
  max-height: 100%;
}

.o-illustration:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.o-illustration--medium {
  width: 220px;
}

.o-illustration--medium:before {
  padding-top: 90.9090909091%;
}

.o-illustration--large {
  width: 480px;
}

.o-illustration--large:before {
  padding-top: 60%;
}

.o-illustration > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: currentcolor;
  transform: translateZ(0);
  pointer-events: none;
}

.o-ratio {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
}

.o-ratio:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.o-ratio--4-3:after {
  padding-top: 75%;
}

.o-ratio--16-9:after {
  padding-top: 56.25%;
}

.o-ratio--custom {
  width: 100%;
  height: 0;
}

.o-ratio--custom:after {
  content: none;
}

.o-ratio > *, .o-ratio > picture > img {
  position: absolute;
  z-index: 6;
}

.o-ratio > img, .o-ratio > picture, .o-ratio > picture > img, .o-ratio > video, .o-ratio > iframe, .o-ratio > svg {
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}

.o-ratio > svg {
  fill: currentcolor;
  transform: translateZ(0);
  pointer-events: none;
}

.o-skeleton {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: #f5f7f9;
  transform: translateZ(0);
}

.o-skeleton:before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: linear-gradient(to right, transparent 10%, #e3e8ed 18%, transparent 33%);
  animation-name: skeleton-shimmer;
  animation-duration: 1.6s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  background-size: cover;
  animation-timing-function: linear;
}

.o-skeleton--dark {
  background: #e3e8ed;
}

.o-skeleton--dark:before {
  background: linear-gradient(to right, transparent 10%, #c5ced8 18%, transparent 33%);
}

@keyframes skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.c-accordion {
  position: relative;
  text-align: left;
}

.c-accordion__item {
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  border-bottom: 1px solid #edf0f4;
}

.c-accordion__item:has(.c-accordion__toggle:hover) {
  border-bottom-color: #b3becb;
}

.c-accordion__item:has(.c-accordion__toggle:active) {
  border-bottom-color: #b3becb;
}

.c-accordion__item.is-disabled {
  border-bottom-color: #edf0f4;
}

.c-accordion__toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.5rem calc(24px + 0px + 0.5rem) 0.5rem 0;
  text-align: left;
  color: #656c85;
  background: transparent;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-accordion__toggle:focus, .c-accordion__toggle:focus-visible {
  outline: none;
}

.c-accordion__toggle:hover {
  color: #2f3748;
}

.c-accordion__toggle:active {
  color: #516173;
}

.c-accordion__item.is-disabled > .c-accordion__header .c-accordion__toggle {
  color: #b3becb;
  background: transparent;
  pointer-events: none;
}

.c-accordion__item.is-active:not(.is-disabled) > .c-accordion__header .c-accordion__toggle {
  color: #2f3748;
}

.c-accordion__label {
  flex-grow: 1;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: normal;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-accordion__slot {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 0;
  color: inherit;
}

.c-accordion__icon {
  position: absolute;
  inset: 50% 0 auto auto;
  z-index: 1;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  transform: translateY(-50%);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  border: 1px solid #fff;
}

.c-accordion__icon:before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #656c85;
  mask-size: 16px;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.207 6a.5.5 0 0 0-.353.854l3.792 3.792a.5.5 0 0 0 .708 0l3.792-3.792A.5.5 0 0 0 11.793 6H4.207Z'/%3E%3C/svg%3E");
  transform: translate(-50%, -50%);
  transition: 0.2s transform linear, 0.2s background-color ease-in-out;
}

.c-accordion__toggle:focus-visible .c-accordion__icon {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-accordion__item.is-disabled > .c-accordion__header .c-accordion__icon:before {
  background-color: #b3becb;
}

.c-accordion__item.is-active > .c-accordion__header .c-accordion__icon:before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.c-accordion__item.is-active:not(.is-disabled) > .c-accordion__header .c-accordion__icon:before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.207 6a.5.5 0 0 0-.353.854l3.792 3.792a.5.5 0 0 0 .708 0l3.792-3.792A.5.5 0 0 0 11.793 6H4.207Z'/%3E%3C/svg%3E");
}

.c-accordion__body {
  display: none;
}

.c-accordion__item.is-active > .c-accordion__body {
  display: block;
}

.c-accordion__content {
  padding: 0.25rem 0 1rem 0;
}

.c-activity-log {
  position: relative;
}

.c-activity-log__list {
  position: relative;
  margin: calc(0.5rem * -1) 0;
}

.c-activity-log__item {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  min-height: 3rem;
}

.c-activity-log__item > .c-activity-log__slot {
  position: relative;
  display: flex;
  align-items: center;
}

.c-activity-log__item > .c-activity-log__slot:before, .c-activity-log__item > .c-activity-log__slot:after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: calc(50% - 1.5rem * 0.5 - 2px * 2);
  border-radius: 0 0 1px 1px;
  background: #edf0f4;
}

.c-activity-log__item > .c-activity-log__slot:after {
  top: auto;
  bottom: 0;
  border-radius: 1px 1px 0 0;
}

.c-activity-log__item:first-of-type .c-activity-log__slot:before {
  content: none;
}

.c-activity-log__item:last-of-type .c-activity-log__slot:after {
  content: none;
}

.c-activity-log__inner > .c-activity-log__slot {
  flex-shrink: 0;
}

.c-activity-log__inner {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  gap: 1rem;
}

.c-activity-log__content {
  flex-grow: 1;
}

.c-activity-log:has(.c-activity-log__content:not(:last-child)) .c-activity-log__content:last-child {
  padding-right: 3.5rem;
}

.c-activity-log__heading {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #2f3748;
}

.c-activity-log__heading strong {
  font-weight: 600;
}

.c-activity-log__description {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #656c85;
}

.c-activity-log__heading + .c-activity-log__description {
  margin-top: 0.25rem;
}

.c-activity-log__description > .c-activity-log__meta + .c-activity-log__meta:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 0.375rem;
  vertical-align: middle;
  border-radius: 50%;
  background: currentcolor;
}

.c-asset {
  position: relative;
  text-align: left;
}

.c-asset:focus, .c-asset:focus-visible {
  outline: none;
}

.c-asset__control {
  position: absolute;
  inset: 0;
  z-index: 7;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.c-asset__thumbnail {
  position: relative;
  z-index: 7;
  overflow: hidden;
  border-radius: 8px;
  background-color: #e3e8ed;
  transform: translateZ(0);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-asset:focus-visible .c-asset__thumbnail, .c-asset__control:focus-visible + .c-asset__thumbnail {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-asset__control + .c-asset__thumbnail {
  pointer-events: none;
}

.c-asset:not(.c-asset--tile) .c-asset__thumbnail:not([style*=padding-top]):after {
  content: "";
  display: block;
  padding-top: 100%;
}

:is(.c-asset--audio, .c-asset--video) .c-asset__thumbnail:before {
  content: "";
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: 18px;
  background-repeat: no-repeat;
  pointer-events: none;
}

.c-asset--audio .c-asset__thumbnail:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10 2a1 1 0 1 1 2 0v12a1 1 0 1 1-2 0V2ZM8 4a1 1 0 0 0-1 1v6a1 1 0 1 0 2 0V5a1 1 0 0 0-1-1ZM1 6a1 1 0 0 1 2 0v4a1 1 0 1 1-2 0V6Zm3 1a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0V7Zm10-1a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.c-asset--video .c-asset__thumbnail:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath fill='%23fff' d='m5.934 2.138 7.172 4.933c.344.237.633.435.85.615.222.185.428.397.544.68.167.409.167.866 0 1.275-.116.283-.322.495-.544.68-.217.18-.506.378-.85.614L5.934 15.87c-.438.301-.8.55-1.098.717-.299.167-.625.308-.98.29a1.69 1.69 0 0 1-1.26-.66c-.215-.283-.284-.631-.315-.972-.031-.341-.031-.779-.031-1.31V4.073c0-.532 0-.97.031-1.31.031-.341.1-.69.316-.972a1.69 1.69 0 0 1 1.26-.661c.354-.018.68.123.979.29.299.169.66.417 1.098.718Z' /%3E%3C/svg%3E");
}

.c-asset__slot {
  position: absolute;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.c-asset__slot--top-left {
  top: 12px;
  left: 12px;
  z-index: 9;
  pointer-events: auto;
}

.c-asset__slot--top-right {
  top: 12px;
  right: 12px;
  flex-direction: column;
  align-items: flex-end;
}

.c-asset__slot--bottom {
  right: 12px;
  bottom: 12px;
  left: 12px;
  align-items: center;
  justify-content: center;
}

.c-asset--tile .c-asset__slot {
  z-index: 9;
  opacity: 0;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-asset--tile:is(:hover, :focus-within) .c-asset__slot {
  opacity: 1;
}

.c-asset__outline {
  position: absolute;
  inset: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: 3px solid var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-radius: 8px;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-asset__outline:before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: calc(8px - 3px);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-asset.is-checked .c-asset__outline, .c-asset.is-checked .c-asset__outline:before {
  visibility: visible;
  opacity: 1;
}

.c-asset.is-disabled .c-asset__outline {
  border-color: #e3e8ed;
}

.c-asset__overlay {
  position: absolute;
  z-index: 8;
  display: flex;
  opacity: 0;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1rem;
  gap: 1rem;
  color: #fff;
  background-color: rgba(47, 55, 72, 0.8);
  pointer-events: none;
  transition: 0.2s all ease-in-out;
  inset: 0;
}

:is(.c-asset__thumbnail:hover, .c-asset__control:is(:hover, :focus-visible) + .c-asset__thumbnail, .c-asset--tile:focus-within) .c-asset__overlay, .c-asset__overlay:focus-within {
  opacity: 1;
}

.c-asset__overlay:active {
  background-color: rgba(47, 55, 72, 0.9);
}

.c-asset__overlay * {
  pointer-events: auto;
}

.c-asset__overlay-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.c-asset__overlay-footer {
  width: 100%;
  margin-top: auto;
  text-align: center;
}

.c-asset__overlay-label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-asset__overlay-description {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-asset__overlay-label + .c-asset__overlay-description {
  margin-top: 0.125rem;
}

.c-asset__drop-state {
  position: absolute;
  z-index: 9;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  text-align: center;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  pointer-events: none;
  transition: 0.2s all ease-in-out;
  inset: 0;
  gap: 0.5rem;
}

.is-drop-allowed .c-asset__drop-state--allowed, .is-drop-disallowed .c-asset__drop-state--disallowed {
  visibility: visible;
  opacity: 1;
}

.c-asset__drop-state:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-asset__drop-state--disallowed {
  color: #7d1b1e;
}

.c-asset__drop-state--disallowed:after {
  background: #f8787c;
}

.c-asset__drop-icon {
  font-size: 16px;
  line-height: 0;
}

.c-asset__drop-action {
  display: block;
  max-width: 280px;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-asset__loading {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: 0.2s all ease-in-out;
}

.c-asset.is-loading .c-asset__loading {
  visibility: visible;
  opacity: 1;
}

.c-asset__progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  display: flex;
  transition: 0.2s all ease-in-out;
}

.c-asset:focus-visible .c-asset__progress {
  right: 3px;
  bottom: 3px;
  left: 3px;
}

.c-asset.is-checked .c-asset__progress {
  right: calc(3px + 2px);
  bottom: calc(3px + 2px);
  left: calc(3px + 2px);
}

.c-asset__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #2f3748;
}

.c-asset__media :is(img, picture) {
  width: 100%;
  height: 100%;
}

.c-asset__media img {
  object-fit: contain;
}

.c-asset:not(.c-asset--tile) .c-asset__thumbnail > .c-asset__media {
  position: absolute;
  inset: 0;
  z-index: 5;
}

.c-asset__grid > .c-asset__media {
  overflow: hidden;
  border-radius: 3px;
}

.c-asset {
  /* stylelint-disable selector-max-compound-selectors */
}

.c-asset__grid > .c-asset__media img {
  object-fit: cover;
}

.c-asset {
  /* stylelint-enable selector-max-compound-selectors */
}

.c-asset:is(.is-disabled, .is-loading) .c-asset__media {
  opacity: 0.3;
}

:is(.c-asset--shadow, .c-asset--shadow-top) .c-asset__media:before, :is(.c-asset--shadow, .c-asset--shadow-bottom) .c-asset__media:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: 6;
  display: block;
  width: 100%;
  height: 32%;
}

:is(.c-asset--shadow, .c-asset--shadow-top) .c-asset__media:before {
  top: 0;
  background: linear-gradient(180deg, rgba(47, 55, 72, 0.6) 0%, rgba(47, 55, 72, 0) 100%);
}

:is(.c-asset--shadow, .c-asset--shadow-bottom) .c-asset__media:after {
  bottom: 0;
  background: linear-gradient(180deg, rgba(47, 55, 72, 0) 0%, rgba(47, 55, 72, 0.6) 100%);
}

.c-asset--cover .c-asset__media img {
  object-fit: cover;
}

.c-asset--tile:not(.c-asset--folder) .c-asset__media {
  min-height: 160px;
}

.c-asset--tile.c-asset--folder, .c-asset--tile.c-asset--folder .c-asset__thumbnail {
  height: 100%;
}

.c-asset--tile.c-asset--folder .c-asset__thumbnail {
  min-height: 160px;
}

.c-asset--tile:not(.c-asset--folder) .c-asset__media img {
  object-fit: cover;
  min-height: 160px;
}

.c-asset--folder .c-asset__thumbnail {
  background: transparent;
}

.c-asset--folder .c-asset__thumbnail:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 70px;
  height: 20px;
  mask-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 70 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8a8 8 0 0 1 8-8h40v20H0V8ZM48 0h.233a12 12 0 0 1 9.37 4.504L70 20H48V0Z' opacity='.8'/%3E%3C/svg%3E");
  background: rgba(179, 190, 203, 0.8);
}

.c-asset--folder .c-asset__grid {
  top: auto;
  height: calc(100% - 20px);
  overflow: hidden;
  border-radius: 8px;
  border-top-left-radius: 0;
}

.c-asset--folder .c-asset__grid:before, .c-asset--folder .c-asset__grid:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.c-asset--folder .c-asset__grid:before {
  z-index: -1;
  background: rgba(179, 190, 203, 0.4);
}

.c-asset--folder .c-asset__grid:after {
  z-index: -2;
  background: #fff;
}

.c-asset--folder .c-asset__media {
  background: rgba(179, 190, 203, 0.6);
}

.c-asset--folder .c-asset__media:not(:has(*)), .c-asset--folder .c-asset__media:empty, .c-asset--folder .c-asset__media--empty, .c-asset--folder:is(.is-drop-allowed, .is-drop-disallowed) :is(.c-asset__media, .c-asset__count) {
  background: rgba(179, 190, 203, 0.1);
}

.c-asset--folder:is(.is-drop-allowed, .is-drop-disallowed) :is(.c-asset__media, .c-asset__count) {
  opacity: 0.1;
}

.c-asset--folder:is(.is-drop-allowed, .is-drop-disallowed) :is(.c-asset__media, .c-asset__count) > * {
  opacity: 0;
}

.c-asset--folder:is(.is-drop-allowed, .is-drop-disallowed) .c-asset__count {
  font-size: 0;
}

.c-asset--folder.is-drop-allowed :is(.c-asset__media, .c-asset__count) {
  background: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-asset--folder.is-drop-allowed .c-asset__thumbnail:before {
  background: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-asset--folder.is-drop-disallowed :is(.c-asset__media, .c-asset__count) {
  background: #f8787c;
}

.c-asset--folder.is-drop-disallowed .c-asset__thumbnail:before {
  background: #f8787c;
}

.c-asset__stack {
  position: relative;
  padding-top: 12px;
  padding-right: 12px;
}

.c-asset__stack:before, .c-asset__stack:after {
  content: "";
  position: absolute;
  z-index: 6;
  display: block;
  border-radius: 6px;
}

.c-asset__stack:before {
  inset: 6px 6px 12px 12px;
  z-index: 6;
  background-color: #b3becb;
  box-shadow: 0 0 8px 6px #e3e8ed inset;
}

.c-asset__stack:after {
  z-index: 5;
  inset: 0 0 24px 24px;
  background-color: #b3becb;
  box-shadow: 0 0 8px 6px #e3e8ed inset;
}

.c-asset__stack:not(.c-asset--tile) .c-asset__thumbnail > .c-asset__media {
  inset: 6px;
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 2px;
  background: #e3e8ed;
}

.c-asset--stack .c-asset__media:not(:has(*)):before, .c-asset--stack .c-asset__media:empty:before, .c-asset--stack .c-asset__media--empty:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 48px;
  height: 48px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M43.5 0A4.5 4.5 0 0 1 48 4.5v27a4.5 4.5 0 0 1-4.5 4.5H42v1.5a4.5 4.5 0 0 1-4.5 4.5H36v1.5a4.5 4.5 0 0 1-4.5 4.5h-27A4.5 4.5 0 0 1 0 43.5v-27A4.5 4.5 0 0 1 4.5 12H6v-1.5A4.5 4.5 0 0 1 10.5 6H12V4.5A4.5 4.5 0 0 1 16.5 0h27ZM26.81 34.93a1.5 1.5 0 0 0-2.233.124L16.62 45H31.5a1.5 1.5 0 0 0 1.5-1.5v-2.379l-6.19-6.19Zm-15.25 5.752a1.5 1.5 0 0 0-1.886-.19l-.235.19L5.121 45h7.658l1.377-1.723-2.596-2.595ZM4.5 15A1.5 1.5 0 0 0 3 16.5v26.379l4.318-4.319.343-.307a4.499 4.499 0 0 1 6.02.307l2.359 2.359 6.193-7.737a4.502 4.502 0 0 1 6.698-.372L33 36.879V16.5a1.5 1.5 0 0 0-1.5-1.5h-27Zm6-6A1.5 1.5 0 0 0 9 10.5V12h22.5a4.5 4.5 0 0 1 4.5 4.5V39h1.5a1.5 1.5 0 0 0 1.5-1.5v-27A1.5 1.5 0 0 0 37.5 9h-27Zm6-6A1.5 1.5 0 0 0 15 4.5V6h22.5a4.5 4.5 0 0 1 4.5 4.5V33h1.5a1.5 1.5 0 0 0 1.5-1.5v-27A1.5 1.5 0 0 0 43.5 3h-27ZM12 18a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background: #9ea8b7;
  transform: translate(-50%, -50%);
}

.c-asset__grid {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  grid-template: repeat(3, 1fr)/repeat(3, 1fr);
  grid-gap: 0.25rem;
  width: 100%;
  height: 100%;
  padding: 0.375rem;
}

.c-asset__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #fff;
  border-radius: 3px;
  background-color: #2f3748;
  letter-spacing: normal;
}

.c-asset__thumbnail + .c-asset__content, .c-asset__stack + .c-asset__content {
  margin-top: 0.5rem;
}

.c-asset__media .c-asset__content {
  text-align: center;
}

.c-asset__label {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.125rem 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #2f3748;
  letter-spacing: normal;
}

.c-asset.is-disabled .c-asset__label {
  color: #b3becb;
}

.c-asset__description {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.125rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #656c85;
  letter-spacing: normal;
}

.c-asset.is-disabled .c-asset__description {
  color: #b3becb;
}

.c-asset__media .c-asset__description {
  justify-content: center;
}

.c-asset__content-slot {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 0;
}

.c-asset-card {
  position: relative;
  text-align: left;
}

.c-asset-card:focus, .c-asset-card:focus-visible {
  outline: none;
}

.c-asset-card:before, .c-asset-card:after {
  content: "";
  position: absolute;
  z-index: 13;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-asset-card:before {
  inset: 0;
  width: 100%;
  height: 100%;
  border: 3px solid var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-radius: 8px;
}

.c-asset-card:after {
  inset: 3px;
  border: 2px solid #fff;
  border-radius: calc(8px - 3px);
}

.c-asset-card.is-checked:before, .c-asset-card.is-checked:after {
  visibility: visible;
  opacity: 1;
}

.c-asset-card.is-disabled:before {
  border-color: #e3e8ed;
}

.c-asset-card {
  --__pf__asset-card-canvas-inner-spacing: 0;
  --__pf__asset-card-canvas-background: transparent;
  --__pf__asset-card-media-fit: contain;
  --__pf__asset-card-border-width: 1px;
}

.c-asset-card.is-disabled, .c-asset-card:has(.c-asset-card__control:disabled) {
  --__pf__asset-card-canvas-background: #e3e8ed;
}

.c-asset-card--folder {
  --__pf__asset-card-canvas-inner-spacing: 1.5rem;
  --__pf__asset-card-canvas-background: #edf0f4;
  --__pf__asset-card-media-fit: cover;
}

.c-asset-card--folder.is-drop-allowed {
  --__pf__asset-card-canvas-background: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-asset-card--folder.is-drop-disallowed {
  --__pf__asset-card-canvas-background: #fff0f0;
}

.c-asset-card--collection {
  --__pf__asset-card-canvas-inner-spacing: 0;
  --__pf__asset-card-canvas-background: #e3e8ed;
  --__pf__asset-card-media-fit: cover;
}

.c-asset-card--stack {
  --__pf__asset-card-canvas-inner-spacing: 1.5rem;
  --__pf__asset-card-canvas-background: #edf0f4;
  --__pf__asset-card-media-fit: cover;
}

.c-asset-card--tile {
  --__pf__asset-card-border-width: 0;
}

.c-asset-card__control {
  position: absolute;
  inset: 0;
  z-index: 9;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.c-asset-card__control:focus, .c-asset-card__control:focus-visible {
  outline: none;
}

.c-asset-card__inner {
  position: relative;
  overflow: hidden;
  border: var(--__pf__asset-card-border-width) solid #e3e8ed;
  border-radius: 8px;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-asset-card:has(.c-asset-card__control:not(:disabled)):hover .c-asset-card__inner {
  box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.c-asset-card:has(.c-asset-card__control:not(:disabled)):active .c-asset-card__inner {
  box-shadow: none;
}

.c-asset-card__control:focus-visible + .c-asset-card__inner {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-asset-card__canvas {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--__pf__asset-card-canvas-inner-spacing);
  overflow: hidden;
  background: var(--__pf__asset-card-canvas-background);
  transform: translateZ(0);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  inset: 0;
  user-select: none;
}

.c-asset-card--video .c-asset-card__canvas:before {
  content: "";
  position: absolute;
  z-index: 8;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath fill='%23fff' d='m5.934 2.138 7.172 4.933c.344.237.633.435.85.615.222.185.428.397.544.68.167.409.167.866 0 1.275-.116.283-.322.495-.544.68-.217.18-.506.378-.85.614L5.934 15.87c-.438.301-.8.55-1.098.717-.299.167-.625.308-.98.29a1.69 1.69 0 0 1-1.26-.66c-.215-.283-.284-.631-.315-.972-.031-.341-.031-.779-.031-1.31V4.073c0-.532 0-.97.031-1.31.031-.341.1-.69.316-.972a1.69 1.69 0 0 1 1.26-.661c.354-.018.68.123.979.29.299.169.66.417 1.098.718Z' /%3E%3C/svg%3E");
  background-position: center center;
  background-size: 16px;
  background-repeat: no-repeat;
  pointer-events: none;
  inset: 0;
}

.c-asset-card--video .c-asset-card__canvas:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 7;
  width: 120px;
  height: 120px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.c-asset-card.is-disabled .c-asset-card__canvas > *, .c-asset-card:has(.c-asset-card__control:disabled) .c-asset-card__canvas > * {
  opacity: 0.5;
}

.c-asset-card__thumbnail {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%), linear-gradient(-45deg, #fff 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #fff 75%), linear-gradient(-45deg, transparent 75%, #fff 75%);
  background-position: 0 0, 0 4px, 4px -4px, -4px 0;
  background-size: 8px 8px;
  background-color: #f5f7f9;
}

.c-asset-card__control + .c-asset-card__thumbnail {
  pointer-events: none;
}

.c-asset-card__thumbnail:not([style*=padding-top]):after {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-asset-card__thumbnail:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 11;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
}

.c-asset-card:active .c-asset-card__control:not(:disabled) + .c-asset-card__inner .c-asset-card__thumbnail:before {
  opacity: 0.1;
}

.c-asset-card__slot {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  padding: 0.75rem;
  gap: 0.25rem;
  pointer-events: none;
}

.c-asset-card__slot * {
  pointer-events: auto;
}

.c-asset-card__slot--top-left {
  top: 0;
  left: 0;
  z-index: 12;
  opacity: 0;
  min-width: 80px;
  min-height: 80px;
  background: radial-gradient(141.42% 141.42% at 0% 0%, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  transition: 0.2s all ease-in-out;
  transition-property: opacity;
}

.c-asset-card__slot--top-left.c-asset-card__slot--static, .c-asset-card__slot--top-right.c-asset-card__slot--static, .c-asset-card:is(.is-checked, :hover, :focus-within) .c-asset-card__slot--top-left, .c-asset-card:is(:hover, :focus-within) .c-asset-card__slot--top-right {
  opacity: 1;
}

.c-asset-card__slot--top-right {
  top: 0;
  right: 0;
  z-index: 12;
  opacity: 0;
  align-items: flex-end;
  min-width: 80px;
  min-height: 80px;
  background: radial-gradient(141.42% 141.42% at 100% 0%, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  transition: 0.2s all ease-in-out;
  transition-property: opacity;
}

.c-asset-card__slot--bottom {
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  padding-top: 2.5rem;
  transition: 0.2s all ease-in-out;
}

.c-asset-card__slot--bottom:before, .c-asset-card__slot--bottom:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.2s all ease-in-out;
  transition-property: opacity;
}

.c-asset-card__slot--bottom:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.c-asset-card__slot--bottom:after {
  opacity: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.c-asset-card:has(.c-asset-card__control:not(:disabled)):hover .c-asset-card__slot--bottom:before {
  opacity: 0;
}

.c-asset-card:has(.c-asset-card__control:not(:disabled)):hover .c-asset-card__slot--bottom:after {
  opacity: 1;
}

.c-asset-card__drop-state {
  position: absolute;
  z-index: 12;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  overflow: hidden;
  text-align: center;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-radius: 6px;
  border-top-left-radius: 0;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
  inset: 20px 0 0;
  gap: 0.5rem;
}

.is-drop-allowed .c-asset-card__drop-state--allowed, .is-drop-disallowed .c-asset-card__drop-state--disallowed {
  visibility: visible;
  opacity: 1;
}

.c-asset-card__drop-state:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-asset-card__drop-state--disallowed {
  color: #7d1b1e;
}

.c-asset-card__drop-state--disallowed:after {
  background: #f8787c;
}

.c-asset-card__drop-icon {
  font-size: 16px;
  line-height: 0;
}

.c-asset-card__drop-action {
  display: block;
  max-width: 280px;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-asset-card__loading {
  position: absolute;
  z-index: 6;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #2f3748;
  background: rgba(255, 255, 255, 0.6);
  transition: 0.2s all ease-in-out;
  inset: 0;
}

.c-asset-card.is-loading .c-asset-card__loading {
  visibility: visible;
  opacity: 1;
}

.c-asset-card__progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12;
  display: flex;
  transition: 0.2s all ease-in-out;
}

.c-asset-card:focus-visible .c-asset-card__progress {
  right: 3px;
  bottom: 3px;
  left: 3px;
}

.c-asset-card__media {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 48px;
  color: #2f3748;
}

.c-asset-card__media :is(img, video, picture) {
  width: 100%;
  height: 100%;
}

.c-asset-card__canvas > .c-asset-card__media:has(:not(img, video, picture)) {
  background: #edf0f4;
}

.c-asset-card__media :is(img, video) {
  object-fit: var(--__pf__asset-card-media-fit);
}

.c-asset-card:is(.is-loading) .c-asset-card__canvas, .c-asset-card:is(.is-loading) .c-asset-card__slot--bottom {
  filter: blur(8px);
}

.c-asset-card--cover {
  --__pf__asset-card-media-fit: cover;
}

.c-asset-card--folder .c-asset-card__media {
  background: rgba(179, 190, 203, 0.6);
}

.c-asset-card--folder .c-asset-card__media:not(:has(*)), .c-asset-card--folder .c-asset-card__media:empty, .c-asset-card--folder .c-asset-card__media--empty, .c-asset-card--folder:is(.is-drop-allowed, .is-drop-disallowed) :is(.c-asset-card__media, .c-asset-card__count) {
  background: rgba(179, 190, 203, 0.1);
}

.c-asset-card--folder:is(.is-drop-allowed, .is-drop-disallowed) :is(.c-asset-card__media, .c-asset-card__count) {
  opacity: 0.1;
}

.c-asset-card--folder:is(.is-drop-allowed, .is-drop-disallowed) :is(.c-asset-card__media, .c-asset-card__count) > * {
  opacity: 0;
}

.c-asset-card--folder:is(.is-drop-allowed, .is-drop-disallowed) .c-asset-card__count {
  font-size: 0;
}

.c-asset-card--folder.is-drop-allowed :is(.c-asset-card__media, .c-asset-card__count), .c-asset-card--folder.is-drop-allowed .c-asset-card__folder:before {
  background: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-asset-card--folder.is-drop-disallowed :is(.c-asset-card__media, .c-asset-card__count), .c-asset-card--folder.is-drop-disallowed .c-asset-card__folder:before {
  background: #f8787c;
}

.c-asset-card__folder {
  position: relative;
  display: grid;
  grid-template: repeat(3, 1fr)/repeat(3, 1fr);
  grid-gap: 0.25rem;
  width: 100%;
  height: 100%;
  padding: calc(20px + 0.375rem) 0.375rem 0.375rem;
}

.c-asset-card__folder:after {
  content: "";
  position: absolute;
  inset: 20px 0 0;
  overflow: hidden;
  border-radius: 6px;
  border-top-left-radius: 0;
}

.c-asset-card__folder:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 70px;
  height: 20px;
  mask-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 70 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8a8 8 0 0 1 8-8h40v20H0V8ZM48 0h.233a12 12 0 0 1 9.37 4.504L70 20H48V0Z' opacity='.8'/%3E%3C/svg%3E");
  background: rgba(179, 190, 203, 0.8);
}

.c-asset-card__folder:after {
  z-index: -2;
  background: #d8dee5;
}

:is(.is-drop-allowed, .is-drop-disallowed) .c-asset-card__folder:after {
  background: transparent;
}

.c-asset-card__folder > .c-asset-card__media {
  overflow: hidden;
  font-size: 16px;
  border-radius: 3px;
}

.c-asset-card__stack {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 12px;
  padding-right: 12px;
}

.c-asset-card__stack:before, .c-asset-card__stack:after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 6px;
}

.c-asset-card__stack:before {
  z-index: -1;
  inset: 6px 6px 12px 12px;
  background-color: #b3becb;
  box-shadow: 0 0 8px 6px #d8dee5 inset;
}

.c-asset-card__stack:after {
  z-index: -2;
  inset: 0 0 24px 24px;
  background-color: #b3becb;
  box-shadow: 0 0 8px 6px #d8dee5 inset;
}

.c-asset-card__stack .c-asset-card__media {
  overflow: hidden;
  border-radius: 6px;
  background: #d8dee5;
}

.c-asset-card--stack .c-asset-card__media:not(:has(*)):before, .c-asset-card--stack .c-asset-card__media:empty:before, .c-asset-card--stack .c-asset-card__media--empty:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 48px;
  height: 48px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M43.5 0A4.5 4.5 0 0 1 48 4.5v27a4.5 4.5 0 0 1-4.5 4.5H42v1.5a4.5 4.5 0 0 1-4.5 4.5H36v1.5a4.5 4.5 0 0 1-4.5 4.5h-27A4.5 4.5 0 0 1 0 43.5v-27A4.5 4.5 0 0 1 4.5 12H6v-1.5A4.5 4.5 0 0 1 10.5 6H12V4.5A4.5 4.5 0 0 1 16.5 0h27ZM26.81 34.93a1.5 1.5 0 0 0-2.233.124L16.62 45H31.5a1.5 1.5 0 0 0 1.5-1.5v-2.379l-6.19-6.19Zm-15.25 5.752a1.5 1.5 0 0 0-1.886-.19l-.235.19L5.121 45h7.658l1.377-1.723-2.596-2.595ZM4.5 15A1.5 1.5 0 0 0 3 16.5v26.379l4.318-4.319.343-.307a4.499 4.499 0 0 1 6.02.307l2.359 2.359 6.193-7.737a4.502 4.502 0 0 1 6.698-.372L33 36.879V16.5a1.5 1.5 0 0 0-1.5-1.5h-27Zm6-6A1.5 1.5 0 0 0 9 10.5V12h22.5a4.5 4.5 0 0 1 4.5 4.5V39h1.5a1.5 1.5 0 0 0 1.5-1.5v-27A1.5 1.5 0 0 0 37.5 9h-27Zm6-6A1.5 1.5 0 0 0 15 4.5V6h22.5a4.5 4.5 0 0 1 4.5 4.5V33h1.5a1.5 1.5 0 0 0 1.5-1.5v-27A1.5 1.5 0 0 0 43.5 3h-27ZM12 18a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background: #9ea8b7;
  transform: translate(-50%, -50%);
}

.c-asset-card__collection {
  position: relative;
  display: grid;
  grid-template: repeat(3, 1fr)/repeat(3, 1fr);
  grid-gap: 0.25rem;
  width: 100%;
  height: 100%;
  padding: 0.375rem;
}

.c-asset-card__collection .c-asset-card__media {
  overflow: hidden;
  font-size: 16px;
  border-radius: 3px;
  background: rgba(179, 190, 203, 0.6);
}

.c-asset-card__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #fff;
  border-radius: 3px;
  background-color: #2f3748;
  letter-spacing: normal;
}

.c-asset-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: #fff;
}

.c-asset-card__label {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  min-height: calc(1.4 * 0.875rem * 2);
  overflow: hidden;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #2f3748;
  letter-spacing: normal;
  word-break: break-word;
}

.c-asset-card.is-disabled .c-asset-card__label {
  color: #656c85;
}

.c-asset-card__description {
  display: block;
  margin-top: 0.25rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #656c85;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-asset-card__description:has(.c-asset-card__meta) {
  display: flex;
}

.c-asset-card.is-disabled .c-asset-card__description {
  color: #656c85;
}

.c-asset-card__meta {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-asset-card__meta + .c-asset-card__meta:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 0.25rem;
  vertical-align: middle;
  border-radius: 50%;
  background: #b3becb;
}

.c-asset-card__meta--interactive {
  z-index: 10;
}

.c-asset-card__content-slot {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
  line-height: 0;
}

.c-asset-card__content-slot > * {
  min-width: 0;
}

.c-asset-card__content-slot--interactive {
  z-index: 10;
}

.c-asset-card--tile .c-asset-card__thumbnail:not([style*=padding-top]):after {
  content: none;
}

.c-asset-card--tile:not(.c-asset-card--folder, .c-asset-card--stack, .c-asset-card--collection) .c-asset-card__canvas {
  position: static;
}

.c-asset-card--tile, .c-asset-card--tile .c-asset-card__inner, .c-asset-card--tile .c-asset-card__thumbnail {
  width: 100%;
  height: 100%;
}

.c-asset-card--tile .c-asset-card__inner, .c-asset-card--tile:not(.c-asset-card--folder, .c-asset-card--stack, .c-asset-card--collection) .c-asset-card__media, .c-asset-card--tile:not(.c-asset-card--folder, .c-asset-card--stack, .c-asset-card--collection) .c-asset-card__media :is(img, video, picture), .c-asset-card--tile:is(.c-asset-card--folder, .c-asset-card--stack, .c-asset-card--collection) .c-asset-card__thumbnail {
  min-height: 180px;
}

.c-asset-card--tile .c-asset-card__media :is(img, video) {
  object-fit: cover;
}

.c-asset-card--tile .c-asset-card__content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  padding-top: 2rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
  transition: 0.2s all ease-in-out;
}

.c-asset-card--tile:not(.is-disabled, .c-asset-card:has(.c-asset-card__control:disabled)):is(:hover, :focus-within) .c-asset-card__content {
  visibility: visible;
  opacity: 1;
}

.c-asset-card--tile:not(.is-disabled, .c-asset-card:has(.c-asset-card__control:disabled)):is(:hover, :focus-within) .c-asset-card__slot--bottom {
  opacity: 0;
}

.c-asset-card--tile .c-asset-card__label, .c-asset-card--tile .c-asset-card__description {
  color: #fff;
}

.c-asset-card--tile .c-asset-card__thumbnail:before {
  background-color: #000;
}

.c-asset-card--tile:hover .c-asset-card__control:not(:disabled) + .c-asset-card__inner .c-asset-card__thumbnail:before {
  opacity: 0.6;
}

.c-avatar {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 2.5rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: center;
  text-transform: uppercase;
  user-select: none;
}

.c-avatar:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-avatar:is(:disabled, .is-disabled) {
  opacity: 0.5;
  cursor: default;
}

.c-avatar--tiny {
  width: 1.5rem;
  height: 1.5rem;
  font-weight: 700;
  font-size: 0.5rem;
  line-height: 1.5rem;
}

.c-avatar--tiny .c-avatar__inner {
  border-width: 1px;
}

.c-avatar--small {
  width: 2rem;
  height: 2rem;
  font-weight: 700;
  font-size: 0.625rem;
  line-height: 2rem;
}

.c-avatar--small .c-avatar__inner {
  border-width: 2px;
}

.c-avatar--large {
  width: 3rem;
  height: 3rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 3rem;
}

.c-avatar--large .c-avatar__inner {
  border-width: 2px;
}

.c-avatar--primary .c-avatar__inner {
  color: #fff;
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-avatar__inner {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #516173;
  border-radius: 50%;
  background: #f5f7f9;
}

.c-avatar__inner:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 999;
  display: block;
  opacity: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-avatar--outline .c-avatar__inner {
  border: 2px solid #fff;
}

.c-avatar--outline.c-avatar--info .c-avatar__inner {
  border-color: #077fae;
}

.c-avatar--outline.c-avatar--info .c-avatar__inner:before {
  opacity: 1;
}

.c-avatar--outline.c-avatar--success .c-avatar__inner {
  border-color: #0c874b;
}

.c-avatar--outline.c-avatar--success .c-avatar__inner:before {
  opacity: 1;
}

.c-avatar--outline.c-avatar--warning .c-avatar__inner {
  border-color: #f7981c;
}

.c-avatar--outline.c-avatar--warning .c-avatar__inner:before {
  opacity: 1;
}

.c-avatar--outline.c-avatar--error .c-avatar__inner {
  border-color: #df2f36;
}

.c-avatar--outline.c-avatar--error .c-avatar__inner:before {
  opacity: 1;
}

.c-avatar__slot {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-avatar img,
.c-avatar picture > img {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-avatar__text {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.c-avatar__icon {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
}

.c-avatar--tiny .c-avatar__icon {
  font-size: 16px;
}

.c-avatar--small .c-avatar__icon {
  font-size: 16px;
}

.c-avatar--large .c-avatar__icon {
  font-size: 16px;
}

button.c-avatar:focus, button.c-avatar:focus-visible,
a.c-avatar:focus,
a.c-avatar:focus-visible,
.c-avatar[tabindex]:not([tabindex^="-"]):focus,
.c-avatar[tabindex]:not([tabindex^="-"]):focus-visible {
  outline: none;
}

button.c-avatar .c-avatar__inner,
a.c-avatar .c-avatar__inner,
.c-avatar[tabindex]:not([tabindex^="-"]) .c-avatar__inner {
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

button.c-avatar:not(:disabled, .is-disabled):hover .c-avatar__inner,
a.c-avatar:not(:disabled, .is-disabled):hover .c-avatar__inner,
.c-avatar[tabindex]:not([tabindex^="-"]):not(:disabled, .is-disabled):hover .c-avatar__inner {
  color: #516173;
  background: #f5f7f9;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

button.c-avatar:focus-visible .c-avatar__inner,
a.c-avatar:focus-visible .c-avatar__inner,
.c-avatar[tabindex]:not([tabindex^="-"]):focus-visible .c-avatar__inner {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

button.c-avatar:not(:disabled, .is-disabled):active .c-avatar__inner,
a.c-avatar:not(:disabled, .is-disabled):active .c-avatar__inner,
.c-avatar[tabindex]:not([tabindex^="-"]):not(:disabled, .is-disabled):active .c-avatar__inner {
  color: #516173;
  background: #f5f7f9;
  box-shadow: none;
}

button.c-avatar--primary:not(:disabled, .is-disabled):hover .c-avatar__inner,
a.c-avatar--primary:not(:disabled, .is-disabled):hover .c-avatar__inner,
.c-avatar--primary[tabindex]:not([tabindex^="-"]):not(:disabled, .is-disabled):hover .c-avatar__inner {
  color: #fff;
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

button.c-avatar--primary:not(:disabled, .is-disabled):active .c-avatar__inner,
a.c-avatar--primary:not(:disabled, .is-disabled):active .c-avatar__inner,
.c-avatar--primary[tabindex]:not([tabindex^="-"]):not(:disabled, .is-disabled):active .c-avatar__inner {
  color: #fff;
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  box-shadow: none;
}

.c-avatar-group {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  padding-left: 16px;
  white-space: nowrap;
}

.c-avatar-group--tiny {
  padding-left: 8px;
}

.c-avatar-group--small {
  padding-left: 12px;
}

.c-avatar-group--large {
  padding-left: 20px;
}

.c-avatar-group > * {
  z-index: 1;
  flex-shrink: 0;
  margin-left: calc(16px * -1);
  transition: transform 0.2s ease-in-out;
}

.c-avatar-group > *:is(:hover, :focus-visible) {
  z-index: 2;
  transform: translateY(-4px);
}

.c-avatar-group > *:active {
  transform: translateY(-2px);
}

.c-avatar-group--tiny > * {
  margin-left: calc(8px * -1);
}

.c-avatar-group--small > * {
  margin-left: calc(12px * -1);
}

.c-avatar-group--large > * {
  margin-left: calc(20px * -1);
}

.c-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  height: 1.5rem;
  padding: 0 0.375rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  vertical-align: middle;
  color: #2f3748;
  border-radius: 4px;
  background: #f5f7f9;
  gap: 0.375rem;
  letter-spacing: normal;
  user-select: none;
}

.c-badge {
  border: 1px solid #f5f7f9;
}

.c-badge:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-badge__icon {
  max-width: 100%;
  font-size: 16px;
  line-height: 0;
}

.c-badge__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-badge--small:not(.c-badge--dot) {
  height: 16px;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 16px;
  text-transform: none;
  border-radius: 4px;
  gap: 0.125rem;
  letter-spacing: normal;
}

.c-badge--small:not(.c-badge--dot):not(.c-badge--icon) {
  padding: 0 0.25rem;
}

.c-badge--small:not(.c-badge--dot) .c-badge__icon {
  font-size: 16px;
}

.c-badge--large:not(.c-badge--dot) {
  height: 2rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2rem;
  text-transform: none;
  border-radius: 6px;
  gap: 0.375rem;
  letter-spacing: normal;
}

.c-badge--large:not(.c-badge--dot):not(.c-badge--icon) {
  padding: 0 0.5rem;
}

.c-badge--large:not(.c-badge--dot) .c-badge__icon {
  font-size: 16px;
}

.c-badge--outline:not(.c-badge--dot) {
  border-color: #c5ced8;
}

.c-badge--primary {
  color: #fff;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-badge--primary:focus-visible:before {
  border-color: #fff;
}

.c-badge--primary.c-badge--dot:after {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-badge--primary.c-badge--outline:not(.c-badge--dot) {
  border-color: #fff;
}

.c-badge--gray {
  color: #fff;
  border-color: #656c85;
  background-color: #656c85;
}

.c-badge--gray:focus-visible:before {
  border-color: #fff;
}

.c-badge--gray.c-badge--dot:after {
  border-color: #656c85;
}

.c-badge--gray.c-badge--outline:not(.c-badge--dot) {
  border-color: #fff;
}

.c-badge--success {
  color: #fff;
  border-color: #0c874b;
  background-color: #0c874b;
}

.c-badge--success:focus-visible:before {
  border-color: #fff;
}

.c-badge--success.c-badge--dot:after {
  border-color: #0c874b;
}

.c-badge--success.c-badge--outline:not(.c-badge--dot) {
  border-color: #fff;
}

.c-badge--success-light {
  color: #0a6c3c;
  border-color: #eeffe6;
  background-color: #eeffe6;
}

.c-badge--success-light:focus-visible:before {
  border-color: #0a6c3c;
}

.c-badge--success-light.c-badge--dot:after {
  border-color: #0a6c3c;
}

.c-badge--success-light.c-badge--outline:not(.c-badge--dot) {
  border-color: #0a6c3c;
}

.c-badge--info {
  color: #fff;
  border-color: #077fae;
  background-color: #077fae;
}

.c-badge--info:focus-visible:before {
  border-color: #fff;
}

.c-badge--info.c-badge--dot:after {
  border-color: #077fae;
}

.c-badge--info.c-badge--outline:not(.c-badge--dot) {
  border-color: #fff;
}

.c-badge--info-light {
  color: #06668b;
  border-color: #e8faff;
  background-color: #e8faff;
}

.c-badge--info-light:focus-visible:before {
  border-color: #06668b;
}

.c-badge--info-light.c-badge--dot:after {
  border-color: #06668b;
}

.c-badge--info-light.c-badge--outline:not(.c-badge--dot) {
  border-color: #06668b;
}

.c-badge--warning {
  color: #2f3748;
  border-color: #f7981c;
  background-color: #f7981c;
}

.c-badge--warning:focus-visible:before {
  border-color: #2f3748;
}

.c-badge--warning.c-badge--dot:after {
  border-color: #f7981c;
}

.c-badge--warning.c-badge--outline:not(.c-badge--dot) {
  border-color: #ad6507;
}

.c-badge--warning-light {
  color: #8a5106;
  border-color: #fffbe5;
  background-color: #fffbe5;
}

.c-badge--warning-light:focus-visible:before {
  border-color: #8a5106;
}

.c-badge--warning-light.c-badge--dot:after {
  border-color: #8a5106;
}

.c-badge--warning-light.c-badge--outline:not(.c-badge--dot) {
  border-color: #8a5106;
}

.c-badge--error {
  color: #fff;
  border-color: #df2f36;
  background-color: #df2f36;
}

.c-badge--error:focus-visible:before {
  border-color: #fff;
}

.c-badge--error.c-badge--dot:after {
  border-color: #df2f36;
}

.c-badge--error.c-badge--outline:not(.c-badge--dot) {
  border-color: #fff;
}

.c-badge--error-light {
  color: #b2262b;
  border-color: #fff0f0;
  background-color: #fff0f0;
}

.c-badge--error-light:focus-visible:before {
  border-color: #b2262b;
}

.c-badge--error-light.c-badge--dot:after {
  border-color: #b2262b;
}

.c-badge--error-light.c-badge--outline:not(.c-badge--dot) {
  border-color: #b2262b;
}

.c-badge--dot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
}

.c-badge--dot:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  border: 1px solid #c5ced8;
  border-radius: 50%;
}

.c-badge--dot[style*=background]:after {
  border-color: transparent;
}

.c-badge--dot .c-badge__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-badge--dot.c-badge--small {
  width: 8px;
  height: 8px;
  border-width: 1px;
}

.c-badge--dot.c-badge--large {
  width: 14px;
  height: 14px;
  border-width: 2px;
}

.c-badge--icon {
  width: 1.5rem;
  padding: 0;
}

.c-badge--icon .c-badge__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-badge--icon .c-badge__icon {
  font-size: 16px;
}

.c-badge--icon.c-badge--small {
  width: 16px;
}

.c-badge--icon.c-badge--small .c-badge__icon {
  font-size: 16px;
}

.c-badge--icon.c-badge--large {
  width: 2rem;
}

.c-badge--icon.c-badge--large .c-badge__icon {
  font-size: 16px;
}

.c-badge--rounded:not(.c-badge--dot):not(.c-badge--icon) {
  border-radius: calc(1.5rem * 0.5);
}

.c-badge--rounded.c-badge--small:not(.c-badge--dot):not(.c-badge--icon) {
  border-radius: calc(16px * 0.5);
}

.c-badge--rounded.c-badge--large:not(.c-badge--dot):not(.c-badge--icon) {
  border-radius: calc(2rem * 0.5);
}

.c-badge--rounded.c-badge--icon, .c-badge--rounded.c-badge--icon:before {
  border-radius: 50%;
}

.c-badge--fluid {
  display: flex;
  width: 100%;
}

.c-box-model {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #fafafb;
}

.c-box-model {
  border: 1px solid #c5ced8;
}

.c-box-model:after {
  content: "";
  display: block;
  padding-top: 75%;
}

.c-box-model__margin {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: #242b39;
}

.c-box-model__padding {
  position: absolute;
  inset: 32px;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
  border: 1px solid var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-box-model__inner-box {
  position: absolute;
  inset: calc(32px * 2);
  background: #fff;
}

.c-box-model__label {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 32px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  color: inherit;
  user-select: none;
}

.c-box-model__control {
  position: absolute;
  width: 28px;
  height: 0.625rem;
  padding: 0;
  appearance: textfield;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.625rem;
  text-align: center;
  color: #242b39;
  border: 0;
  background: transparent;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-box-model__control::-webkit-inner-spin-button, .c-box-model__control::-webkit-outer-spin-button {
  appearance: none;
}

.c-box-model__control:focus {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-box-model__control--top {
  inset: calc(32px * 0.5) auto auto 50%;
  transform: translate(-50%, -50%);
}

.c-box-model__control--right {
  inset: 50% calc(32px * 0.5) auto auto;
  transform: translate(50%, -50%);
}

.c-box-model__control--bottom {
  inset: auto auto calc(32px * 0.5) 50%;
  transform: translate(-50%, 50%);
}

.c-box-model__control--left {
  inset: 50% auto auto calc(32px * 0.5);
  transform: translate(-50%, -50%);
}

.c-box-model__control.is-selected {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-button {
  --__pf__button-color: #2f3748;
  --__pf__button-border-color: transparent;
  --__pf__button-background: transparent;
  --__pf__button-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-hover-color: #2f3748;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-hover-background: #fafafb;
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12));
  --__pf__button-active-color: #2f3748;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-active-background: #f5f7f9;
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button {
  --__pf__button-icon-color: #656c85;
  --__pf__button-hover-icon-color: #2f3748;
  --__pf__button-active-icon-color: #2f3748;
}

.c-button {
  --__pf__button-disabled-opacity: 1;
  --__pf__button-disabled-color: #b3becb;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-disabled-background: transparent;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #b3becb;
}

.c-button {
  --__pf__button-checked-color: #2f3748;
  --__pf__button-checked-background: #f5f7f9;
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-unchecked-color: #656c85;
  --__pf__button-checked-icon-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__button-expanded-color: #2f3748;
  --__pf__button-expanded-background: #fff;
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-expanded-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
  --__pf__button-expanded-icon-color: #656c85;
  --__pf__button-expanded-hover-color: #2f3748;
  --__pf__button-expanded-hover-background: #fafafb;
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-expanded-hover-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
  --__pf__button-expanded-hover-icon-color: #2f3748;
  --__pf__button-expanded-active-color: #2f3748;
  --__pf__button-expanded-active-background: #f5f7f9;
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #2f3748;
}

.c-button {
  --__pf__button-size: 2.5rem;
  --__pf__button-spacing: 0.75rem;
  --__pf__button-inner-spacing: 0.375rem;
  --__pf__button-font-size: 0.875rem;
  --__pf__button-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__button-font-weight: 500;
  --__pf__button-letter-spacing: normal;
  --__pf__button-border-radius: var(--__pf__button-override-border-radius, 8px);
  --__pf__button-border-width: 1px;
  --__pf__button-icon-size: 16px;
  --__pf__button-wide-size: 140px;
}

.c-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--__pf__button-inner-spacing);
  width: auto;
  min-width: var(--__pf__button-size);
  max-width: 100%;
  height: var(--__pf__button-size);
  padding: 0 var(--__pf__button-spacing);
  font-weight: var(--__pf__button-font-weight);
  font-size: var(--__pf__button-font-size);
  line-height: var(--__pf__button-size);
  font-family: var(--__pf__button-font-family);
  text-decoration: none;
  color: var(--__pf__button-color);
  border: var(--__pf__button-border-width) solid var(--__pf__button-border-color);
  border-radius: var(--__pf__button-border-radius);
  background: var(--__pf__button-background);
  box-shadow: var(--__pf__button-shadow);
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: var(--__pf__button-letter-spacing);
  user-select: none;
}

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

.c-button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(button.c-button) {
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
  padding: 0;
  border: 0;
  background-image: none; /* 2 */
  background-color: transparent; /* 2 */
  appearance: button; /* 1 */
  cursor: pointer;
  /*
    Make sure disabled buttons don't get the pointer cursor.
  */
}

:where(button.c-button):disabled {
  cursor: default;
}

:where(button.c-button) {
  /**
  * https://zellwk.com/blog/css-reset/
  *
  * When users click on something in a button,
  * event.target is the thing they clicked on, not the button.
  * This style makes it easier to work with click events
  * if there are HTML elements inside a button.
  */
}

:where(button.c-button) * {
  pointer-events: none;
}

:where(a.c-button) {
  text-decoration: none;
  color: inherit;
}

.c-button:not(:active, :disabled, .is-disabled):hover {
  text-decoration: none;
  color: var(--__pf__button-hover-color);
  border-color: var(--__pf__button-hover-border-color);
  background: var(--__pf__button-hover-background);
  box-shadow: var(--__pf__button-hover-shadow);
}

.c-button:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-button:active {
  text-decoration: none;
  color: var(--__pf__button-active-color);
  border-color: var(--__pf__button-active-border-color);
  background: var(--__pf__button-active-background);
  box-shadow: var(--__pf__button-active-shadow);
}

.c-button.is-disabled {
  opacity: var(--__pf__button-disabled-opacity);
  color: var(--__pf__button-disabled-color);
  border-color: var(--__pf__button-disabled-border-color);
  background: var(--__pf__button-disabled-background);
  box-shadow: var(--__pf__button-disabled-shadow);
  pointer-events: none;
  cursor: initial;
  --__pf__button-icon-color: var(--__pf__button-disabled-icon-color);
}

.c-button:disabled {
  opacity: var(--__pf__button-disabled-opacity);
  color: var(--__pf__button-disabled-color);
  border-color: var(--__pf__button-disabled-border-color);
  background: var(--__pf__button-disabled-background);
  box-shadow: var(--__pf__button-disabled-shadow);
  pointer-events: none;
  cursor: initial;
  --__pf__button-icon-color: var(--__pf__button-disabled-icon-color);
}

.c-button.is-checked:not(:disabled, .is-disabled), .c-button.is-checked:not(:active, :disabled, .is-disabled):hover, .c-button.is-checked:not(:disabled, .is-disabled):active {
  color: var(--__pf__button-checked-color);
  border-color: var(--__pf__button-checked-border-color);
  background: var(--__pf__button-checked-background);
  box-shadow: var(--__pf__button-checked-shadow);
  --__pf__button-icon-color: var(--__pf__button-checked-icon-color);
}

.c-button--checkable:not(:hover, :active, :disabled, .is-disabled, .is-checked) {
  color: var(--__pf__button-unchecked-color);
}

.c-button--primary {
  --__pf__button-color: #fff;
  --__pf__button-border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__button-background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__button-shadow: var(--__pf__button-override-shadow, 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07));
  --__pf__button-hover-color: #fff;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf)));
  --__pf__button-hover-background: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, 0 2px 6px 0 color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 30%, transparent));
  --__pf__button-active-color: #fff;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0)));
  --__pf__button-active-background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button--primary {
  --__pf__button-icon-color: #fff;
  --__pf__button-hover-icon-color: #fff;
  --__pf__button-active-icon-color: #fff;
}

.c-button--primary {
  --__pf__button-disabled-opacity: 1;
  --__pf__button-disabled-color: #b3becb;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, #f5f7f9);
  --__pf__button-disabled-background: #f5f7f9;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #b3becb;
}

.c-button--primary {
  --__pf__button-checked-color: #fff;
  --__pf__button-checked-background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)));
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, inset 0 0 0 3px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)));
  --__pf__button-unchecked-color: #fff;
  --__pf__button-checked-icon-color: #fff;
  --__pf__button-expanded-color: #fff;
  --__pf__button-expanded-background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)));
  --__pf__button-expanded-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
  --__pf__button-expanded-icon-color: #fff;
  --__pf__button-expanded-hover-color: #fff;
  --__pf__button-expanded-hover-background: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf)));
  --__pf__button-expanded-hover-shadow: 0 2px 6px 0 color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 30%, transparent);
  --__pf__button-expanded-hover-icon-color: #fff;
  --__pf__button-expanded-active-color: #fff;
  --__pf__button-expanded-active-background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0)));
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #fff;
}

.c-button--secondary {
  --__pf__button-color: #2f3748;
  --__pf__button-border-color: #f5f7f9;
  --__pf__button-background: #f5f7f9;
  --__pf__button-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-hover-color: #2f3748;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, #edf0f4);
  --__pf__button-hover-background: #edf0f4;
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-active-color: #2f3748;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, #e3e8ed);
  --__pf__button-active-background: #e3e8ed;
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button--secondary {
  --__pf__button-icon-color: #656c85;
  --__pf__button-hover-icon-color: #2f3748;
  --__pf__button-active-icon-color: #2f3748;
}

.c-button--secondary {
  --__pf__button-disabled-opacity: 1;
  --__pf__button-disabled-color: #b3becb;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, #f5f7f9);
  --__pf__button-disabled-background: #f5f7f9;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #b3becb;
}

.c-button--secondary {
  --__pf__button-checked-color: #2f3748;
  --__pf__button-checked-background: #e3e8ed;
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, #e3e8ed);
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, );
  --__pf__button-unchecked-color: #656c85;
  --__pf__button-checked-icon-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__button-expanded-color: #2f3748;
  --__pf__button-expanded-background: #f5f7f9;
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, #f5f7f9);
  --__pf__button-expanded-shadow: none;
  --__pf__button-expanded-icon-color: #656c85;
  --__pf__button-expanded-hover-color: #2f3748;
  --__pf__button-expanded-hover-background: #edf0f4;
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, #edf0f4);
  --__pf__button-expanded-hover-shadow: none;
  --__pf__button-expanded-hover-icon-color: #2f3748;
  --__pf__button-expanded-active-color: #2f3748;
  --__pf__button-expanded-active-background: #e3e8ed;
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, #e3e8ed);
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #2f3748;
}

.c-button--tertiary {
  --__pf__button-color: #2f3748;
  --__pf__button-border-color: #c5ced8;
  --__pf__button-background: #fff;
  --__pf__button-shadow: var(--__pf__button-override-shadow, 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07));
  --__pf__button-hover-color: #2f3748;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-hover-background: #fafafb;
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12));
  --__pf__button-active-color: #2f3748;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-active-background: #f5f7f9;
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button--tertiary {
  --__pf__button-icon-color: #656c85;
  --__pf__button-hover-icon-color: #2f3748;
  --__pf__button-active-icon-color: #2f3748;
}

.c-button--tertiary {
  --__pf__button-disabled-opacity: 1;
  --__pf__button-disabled-color: #b3becb;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, #e3e8ed);
  --__pf__button-disabled-background: #fafafb;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #b3becb;
}

.c-button--tertiary {
  --__pf__button-checked-color: #2f3748;
  --__pf__button-checked-background: #f5f7f9;
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)));
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, inset 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)));
  --__pf__button-unchecked-color: #656c85;
  --__pf__button-checked-icon-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__button-expanded-color: #2f3748;
  --__pf__button-expanded-background: #fff;
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-expanded-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
  --__pf__button-expanded-icon-color: #656c85;
  --__pf__button-expanded-hover-color: #2f3748;
  --__pf__button-expanded-hover-background: #fafafb;
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-expanded-hover-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
  --__pf__button-expanded-hover-icon-color: #2f3748;
  --__pf__button-expanded-active-color: #2f3748;
  --__pf__button-expanded-active-background: #f5f7f9;
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, #c5ced8);
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #2f3748;
}

.c-button--dark {
  --__pf__button-color: #fff;
  --__pf__button-border-color: #2f3748;
  --__pf__button-background: #2f3748;
  --__pf__button-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-hover-color: #fff;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, #242b39);
  --__pf__button-hover-background: #242b39;
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-active-color: #fff;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, #2f3748);
  --__pf__button-active-background: #2f3748;
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button--dark {
  --__pf__button-icon-color: #fff;
  --__pf__button-hover-icon-color: #fff;
  --__pf__button-active-icon-color: #fff;
}

.c-button--dark {
  --__pf__button-disabled-opacity: 1;
  --__pf__button-disabled-color: #b3becb;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, #656c85);
  --__pf__button-disabled-background: #656c85;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #b3becb;
}

.c-button--dark {
  --__pf__button-checked-color: #fff;
  --__pf__button-checked-background: #242b39;
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, #2f3748);
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, inset 0 0 0 3px #2f3748);
  --__pf__button-unchecked-color: #fff;
  --__pf__button-checked-icon-color: #fff;
  --__pf__button-expanded-color: #fff;
  --__pf__button-expanded-background: #2f3748;
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, #2f3748);
  --__pf__button-expanded-shadow: none;
  --__pf__button-expanded-icon-color: #fff;
  --__pf__button-expanded-hover-color: #fff;
  --__pf__button-expanded-hover-background: #242b39;
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, #242b39);
  --__pf__button-expanded-hover-shadow: none;
  --__pf__button-expanded-hover-icon-color: #fff;
  --__pf__button-expanded-active-color: #fff;
  --__pf__button-expanded-active-background: #2f3748;
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, #2f3748);
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #fff;
}

.c-button--error {
  --__pf__button-color: #fff;
  --__pf__button-border-color: #df2f36;
  --__pf__button-background: #df2f36;
  --__pf__button-shadow: var(--__pf__button-override-shadow, 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07));
  --__pf__button-hover-color: #fff;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, #b2262b);
  --__pf__button-hover-background: #b2262b;
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, 0 2px 6px 0 rgba(178, 38, 43, 0.5));
  --__pf__button-active-color: #fff;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, #7d1b1e);
  --__pf__button-active-background: #7d1b1e;
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button--error {
  --__pf__button-icon-color: #fff;
  --__pf__button-hover-icon-color: #fff;
  --__pf__button-active-icon-color: #fff;
}

.c-button--error {
  --__pf__button-disabled-opacity: 1;
  --__pf__button-disabled-color: #b3becb;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-disabled-background: #f5f7f9;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #b3becb;
}

.c-button--error {
  --__pf__button-checked-color: #fff;
  --__pf__button-checked-background: #7d1b1e;
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, #df2f36);
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, inset 0 0 0 3px #df2f36);
  --__pf__button-unchecked-color: #fff;
  --__pf__button-checked-icon-color: #fff;
  --__pf__button-expanded-color: #fff;
  --__pf__button-expanded-background: #df2f36;
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, #df2f36);
  --__pf__button-expanded-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
  --__pf__button-expanded-icon-color: #fff;
  --__pf__button-expanded-hover-color: #fff;
  --__pf__button-expanded-hover-background: #b2262b;
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, #b2262b);
  --__pf__button-expanded-hover-shadow: 0 2px 6px 0 rgba(178, 38, 43, 0.5);
  --__pf__button-expanded-hover-icon-color: #fff;
  --__pf__button-expanded-active-color: #fff;
  --__pf__button-expanded-active-background: #7d1b1e;
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, #7d1b1e);
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #fff;
}

.c-button--inversed {
  --__pf__button-color: #fff;
  --__pf__button-border-color: transparent;
  --__pf__button-background: transparent;
  --__pf__button-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-hover-color: #fff;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-hover-background: rgba(255, 255, 255, 0.1);
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-active-color: #fff;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-active-background: rgba(255, 255, 255, 0.2);
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button--inversed {
  --__pf__button-icon-color: #fff;
  --__pf__button-hover-icon-color: #fff;
  --__pf__button-active-icon-color: #fff;
}

.c-button--inversed {
  --__pf__button-disabled-opacity: 0.6;
  --__pf__button-disabled-color: #fff;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-disabled-background: transparent;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #fff;
}

.c-button--inversed {
  --__pf__button-checked-color: #fff;
  --__pf__button-checked-background: rgba(255, 255, 255, 0.1);
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, #fff);
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, 0 0 0 1px #fff);
  --__pf__button-unchecked-color: #656c85;
  --__pf__button-checked-icon-color: #fff;
  --__pf__button-expanded-color: #fff;
  --__pf__button-expanded-background: transparent;
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-expanded-shadow: none;
  --__pf__button-expanded-icon-color: #fff;
  --__pf__button-expanded-hover-color: #fff;
  --__pf__button-expanded-hover-background: rgba(255, 255, 255, 0.1);
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-expanded-hover-shadow: none;
  --__pf__button-expanded-hover-icon-color: #fff;
  --__pf__button-expanded-active-color: #fff;
  --__pf__button-expanded-active-background: rgba(255, 255, 255, 0.2);
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #fff;
}

.c-button--subtle {
  --__pf__button-color: #2f3748;
  --__pf__button-border-color: transparent;
  --__pf__button-background: transparent;
  --__pf__button-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-hover-color: #2f3748;
  --__pf__button-hover-border-color: var(--__pf__button-override-border-color, #f5f7f9);
  --__pf__button-hover-background: #f5f7f9;
  --__pf__button-hover-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-active-color: #2f3748;
  --__pf__button-active-border-color: var(--__pf__button-override-border-color, #edf0f4);
  --__pf__button-active-background: #edf0f4;
  --__pf__button-active-shadow: var(--__pf__button-override-shadow, none);
}

.c-button--subtle {
  --__pf__button-icon-color: #656c85;
  --__pf__button-hover-icon-color: #2f3748;
  --__pf__button-active-icon-color: #2f3748;
}

.c-button--subtle {
  --__pf__button-disabled-opacity: 1;
  --__pf__button-disabled-color: #b3becb;
  --__pf__button-disabled-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-disabled-background: transparent;
  --__pf__button-disabled-shadow: none;
  --__pf__button-disabled-icon-color: #b3becb;
}

.c-button--subtle {
  --__pf__button-checked-color: #2f3748;
  --__pf__button-checked-background: transparent;
  --__pf__button-checked-border-color: var(--__pf__button-override-border-color, transparent);
  --__pf__button-checked-shadow: var(--__pf__button-override-shadow, none);
  --__pf__button-unchecked-color: #656c85;
  --__pf__button-checked-icon-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__button-expanded-color: #2f3748;
  --__pf__button-expanded-background: #f5f7f9;
  --__pf__button-expanded-border-color: var(--__pf__button-override-border-color, #f5f7f9);
  --__pf__button-expanded-shadow: none;
  --__pf__button-expanded-icon-color: #656c85;
  --__pf__button-expanded-hover-color: #2f3748;
  --__pf__button-expanded-hover-background: #edf0f4;
  --__pf__button-expanded-hover-border-color: var(--__pf__button-override-border-color, #edf0f4);
  --__pf__button-expanded-hover-shadow: none;
  --__pf__button-expanded-hover-icon-color: #2f3748;
  --__pf__button-expanded-active-color: #2f3748;
  --__pf__button-expanded-active-background: #e3e8ed;
  --__pf__button-expanded-active-border-color: var(--__pf__button-override-border-color, #e3e8ed);
  --__pf__button-expanded-active-shadow: none;
  --__pf__button-expanded-active-icon-color: #2f3748;
}

.c-button--tiny {
  --__pf__button-size: 1.5rem;
  --__pf__button-spacing: 0;
  --__pf__button-inner-spacing: 0.375rem;
  --__pf__button-font-size: 0.875rem;
  --__pf__button-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__button-font-weight: 400;
  --__pf__button-letter-spacing: normal;
  --__pf__button-border-radius: var(--__pf__button-override-border-radius, 4px);
  --__pf__button-border-width: 1px;
  --__pf__button-icon-size: 16px;
}

.c-button--small {
  --__pf__button-size: 2rem;
  --__pf__button-spacing: 0.5rem;
  --__pf__button-inner-spacing: 0.375rem;
  --__pf__button-font-size: 0.875rem;
  --__pf__button-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__button-font-weight: 400;
  --__pf__button-letter-spacing: normal;
  --__pf__button-border-radius: var(--__pf__button-override-border-radius, 6px);
  --__pf__button-border-width: 1px;
  --__pf__button-icon-size: 16px;
  --__pf__button-wide-size: 70px;
}

.c-button--large {
  --__pf__button-size: 3rem;
  --__pf__button-spacing: 1rem;
  --__pf__button-inner-spacing: 0.5rem;
  --__pf__button-font-size: 0.875rem;
  --__pf__button-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__button-font-weight: 500;
  --__pf__button-letter-spacing: normal;
  --__pf__button-border-radius: var(--__pf__button-override-border-radius, 8px);
  --__pf__button-border-width: 1px;
  --__pf__button-icon-size: 16px;
  --__pf__button-wide-size: 140px;
}

.c-button--wide {
  min-width: var(--__pf__button-wide-size);
}

.c-button--icon.c-button--expandable:has(.c-button__slot) {
  width: calc(var(--__pf__button-size) + 14px + var(--__pf__button-inner-spacing));
}

.c-button--icon.c-button--rounded {
  border-radius: 50%;
}

.c-button--icon {
  flex-shrink: 0;
  width: var(--__pf__button-size);
  min-width: auto;
  padding: 0;
}

.c-button--icon .c-button__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-button--close {
  flex-shrink: 0;
  width: 2rem;
  min-width: auto;
  height: 2rem;
  padding: 0.25rem;
  margin: calc(0.25rem * -1) calc(0.25rem * -1) calc(0.25rem * -1) auto;
  font-size: inherit;
}

.c-button--close .c-button__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-button__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-button__check {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-button__check:disabled + .c-button {
  opacity: var(--__pf__button-disabled-opacity);
  color: var(--__pf__button-disabled-color);
  border-color: var(--__pf__button-disabled-border-color);
  background: var(--__pf__button-disabled-background);
  box-shadow: var(--__pf__button-disabled-shadow);
  pointer-events: none;
  cursor: initial;
  --__pf__button-icon-color: var(--__pf__button-disabled-icon-color);
}

.c-button__check:focus-visible + .c-button {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-button__check:checked + .c-button, .c-button__check:checked + .c-button:active {
  color: var(--__pf__button-checked-color);
  border-color: var(--__pf__button-checked-border-color);
  background: var(--__pf__button-checked-background);
  box-shadow: var(--__pf__button-checked-shadow);
  --__pf__button-icon-color: var(--__pf__button-checked-icon-color);
}

.c-button__check:not(:checked) + .c-button:not(:hover, :active, :disabled) {
  color: var(--__pf__button-unchecked-color);
}

.c-button__loading {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  display: none;
  max-width: 100%;
  font-size: var(--__pf__button-icon-size);
  color: var(--__pf__button-icon-color);
  transform: translate(-50%, -50%);
  transition: 0.2s color ease-in-out;
}

.c-button.is-loading {
  justify-content: center;
  pointer-events: none;
}

.c-button.is-loading > *:not(.c-button__loading) {
  visibility: hidden;
}

.c-button.is-loading > .c-button__loading {
  display: block;
}

.c-button.is-loading:after {
  content: none;
}

.c-button:not(:disabled, .is-disabled):hover {
  --__pf__button-icon-color: var(--__pf__button-hover-icon-color);
}

.c-button:active {
  --__pf__button-icon-color: var(--__pf__button-active-icon-color);
}

.c-button__slot {
  max-width: 100%;
  font-size: var(--__pf__button-icon-size);
  line-height: 0;
  color: var(--__pf__button-icon-color);
  transition: 0.2s color ease-in-out;
}

.c-button__badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(50%, -50%);
}

.c-button--rounded .c-button__badge {
  transform: translate(15%, -15%);
}

.c-button.is-expanded:not(:disabled) {
  color: var(--__pf__button-expanded-color);
  border-color: var(--__pf__button-expanded-border-color);
  background: var(--__pf__button-expanded-background);
  box-shadow: var(--__pf__button-expanded-shadow);
  --__pf__button-icon-color: var(--__pf__button-expanded-icon-color);
}

.c-button.is-expanded:not(:disabled, :active):hover {
  color: var(--__pf__button-expanded-hover-color);
  border-color: var(--__pf__button-expanded-hover-border-color);
  background: var(--__pf__button-expanded-hover-background);
  box-shadow: var(--__pf__button-expanded-hover-shadow);
  --__pf__button-icon-color: var(--__pf__button-expanded-hover-icon-color);
}

.c-button.is-expanded:not(:disabled):active {
  color: var(--__pf__button-expanded-active-color);
  border-color: var(--__pf__button-expanded-active-border-color);
  background: var(--__pf__button-expanded-active-background);
  box-shadow: var(--__pf__button-expanded-active-shadow);
  --__pf__button-icon-color: var(--__pf__button-expanded-active-icon-color);
}

.c-button--expandable.c-button--horizontal:after {
  transform: rotate(-90deg);
}

.c-button--expandable.c-button--horizontal.c-button.is-expanded:after {
  transform: rotate(0);
}

.c-button--expandable:after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.20711 5C2.76165 5 2.53857 5.53857 2.85355 5.85355L6.64645 9.64645C6.84171 9.84171 7.15829 9.84171 7.35355 9.64645L11.1464 5.85355C11.4614 5.53857 11.2383 5 10.7929 5H3.20711Z'/%3E%3C/svg%3E%0A");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: var(--__pf__button-icon-color);
  transition: 0.2s background ease-in-out, 0.2s transform linear;
}

.c-button--expandable.c-button.is-expanded:after {
  transform: rotate(180deg);
}

.c-button--fluid {
  width: 100%;
}

.c-button--start {
  justify-content: flex-start;
}

.c-button--start:after {
  margin-left: auto;
}

.c-button--auto-height {
  height: 100%;
  min-height: auto;
}

.c-button--spaceless {
  width: auto;
  min-width: auto;
  height: auto;
  padding: 0;
  line-height: 1;
}

.c-button--spaceless:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  opacity: 0;
  width: var(--pf-tap-area, 1.5rem);
  height: var(--pf-tap-area, 1.5rem);
  border-radius: var(--pf-tap-area-radius, inherit);
  transform: translate(-50%, -50%);
}

.c-button--handle {
  cursor: grab;
}

.c-button--handle:active {
  cursor: grabbing;
}

.c-button--ghost {
  color: inherit;
  border: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  transition: none;
}

.c-button--ghost:not(:active, :disabled, .is-disabled):hover, .c-button--ghost:focus-visible, .c-button--ghost:active, .c-button--ghost:not(:focus-visible):active, .c-button__check:checked + .c-button--ghost, .c-button--ghost.is-checked {
  color: inherit;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.c-button--ghost .c-button__slot, .c-button--ghost .c-button__loading {
  color: inherit;
}

.c-button-group {
  position: relative;
  display: inline-flex;
  align-items: center;
  --__pf__button-group-size: 2.5rem;
  --__pf__button-group-border-radius: 8px;
}

.c-button-group .c-button:focus-visible, .c-button-group input:focus-visible + label.c-button,
.c-button-group .c-button.is-expanded {
  z-index: 2;
}

.c-button-group--box > .c-button {
  --__pf__button-override-border-color: var(--__pf__button-border-color);
}

.c-button-group--box, .c-button-group--split, .c-button-group--toolbar {
  --__pf__button-override-shadow: none;
}

.c-button-group--vertical .c-button--icon {
  min-width: 100%;
}

.c-button-group--split, .c-button-group--box {
  border-radius: var(--__pf__button-group-border-radius);
}

.c-button-group:not(.c-button-group--vertical, .c-button-group--split, .c-button-group--box, .c-button-group--toolbar) {
  gap: 0.5rem;
}

.c-button-group:not(.c-button-group--vertical) {
  height: var(--__pf__button-group-size);
}

:is(.c-button-group--split, .c-button-group--box, .c-button-group--box.c-button-group--rounded):not(.c-button-group--vertical) .c-button:not(:first-child):not(.c-button__check:first-child + .c-button) {
  margin-left: calc(1px * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-button-group--split:not(.c-button-group--vertical) .c-button:not(:first-child) {
  border-left: 0;
}

:is(.c-button-group--split, .c-button-group--box, .c-button-group--box.c-button-group--rounded):not(.c-button-group--vertical) .c-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-button-group--vertical {
  flex-direction: column;
}

.c-button-group--vertical:not(.c-button-group--split, .c-button-group--box, .c-button-group--toolbar) {
  gap: 0.5rem;
}

.c-button-group--vertical:is(.c-button-group--split, .c-button-group--box) {
  min-width: var(--__pf__button-group-size);
}

.c-button-group--vertical:is(.c-button-group--split, .c-button-group--box, .c-button-group--box.c-button-group--rounded) .c-button:not(:first-of-type) {
  margin-top: calc(1px * -1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.c-button-group--vertical:is(.c-button-group--split, .c-button-group--box, .c-button-group--box.c-button-group--rounded) .c-button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.c-button-group--fluid {
  display: flex;
  width: 100%;
}

.c-button-group--fluid:not(.c-button-group--vertical) > .c-button:not(.c-button--fixed) {
  flex: 1;
  width: auto;
  min-width: 0;
}

.c-button-group--fluid.c-button-group--vertical > .c-button {
  width: 100%;
  min-width: 100%;
}

.c-button-group--tiny {
  --__pf__button-group-size: 1.5rem;
}

.c-button-group--tiny .c-button {
  --__pf__button-size: 1.5rem;
  --__pf__button-spacing: 0;
  --__pf__button-inner-spacing: 0.375rem;
  --__pf__button-font-size: 0.875rem;
  --__pf__button-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__button-font-weight: 400;
  --__pf__button-letter-spacing: normal;
  --__pf__button-border-radius: var(--__pf__button-override-border-radius, 4px);
  --__pf__button-border-width: 1px;
  --__pf__button-icon-size: 16px;
}

.c-button-group--small {
  --__pf__button-group-size: 2rem;
}

.c-button-group--small .c-button {
  --__pf__button-size: 2rem;
  --__pf__button-spacing: 0.5rem;
  --__pf__button-inner-spacing: 0.375rem;
  --__pf__button-font-size: 0.875rem;
  --__pf__button-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__button-font-weight: 400;
  --__pf__button-letter-spacing: normal;
  --__pf__button-border-radius: var(--__pf__button-override-border-radius, 6px);
  --__pf__button-border-width: 1px;
  --__pf__button-icon-size: 16px;
  --__pf__button-wide-size: 70px;
}

.c-button-group--large {
  --__pf__button-group-size: 3rem;
}

.c-button-group--large .c-button {
  --__pf__button-size: 3rem;
  --__pf__button-spacing: 1rem;
  --__pf__button-inner-spacing: 0.5rem;
  --__pf__button-font-size: 0.875rem;
  --__pf__button-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__button-font-weight: 500;
  --__pf__button-letter-spacing: normal;
  --__pf__button-border-radius: var(--__pf__button-override-border-radius, 8px);
  --__pf__button-border-width: 1px;
  --__pf__button-icon-size: 16px;
  --__pf__button-wide-size: 140px;
}

.c-button-group--toolbar {
  --__pf__button-override-border-radius: 8px;
  padding: 0.5rem 0.5rem;
  overflow: hidden;
  border: 1px solid #edf0f4;
  border-radius: var(--__pf__button-override-border-radius);
  background: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
  gap: 0.25rem;
}

.c-button-group--toolbar:not(.c-button-group--vertical) {
  height: calc(var(--__pf__button-group-size) + 0.5rem * 2);
}

.c-button-group--toolbar.c-button-group--vertical {
  align-items: center;
  min-width: calc(var(--__pf__button-group-size) + 0.5rem * 2);
}

.c-button-group--rounded.c-button-group--box {
  --__pf__button-override-border-radius: var(--__pf__button-group-size);
  border-radius: var(--__pf__button-override-border-radius);
}

.c-button-group--rounded.c-button-group--box:not(.c-button-group--vertical) :is(.c-button__check:first-child + .c-button--icon,
.c-button--icon:first-child,
.c-button--icon:last-child) {
  min-width: calc(var(--__pf__button-group-size) + 4px);
}

.c-button-group--rounded.c-button-group--box:not(.c-button-group--vertical) :is(.c-button__check:first-child + .c-button--icon,
.c-button--icon:first-child) {
  padding-left: 4px;
}

.c-button-group--rounded.c-button-group--box:not(.c-button-group--vertical) .c-button--icon:last-child {
  padding-right: 4px;
}

.c-button-group:is(.c-button-group--box, .c-button-group--split):has(.c-button):not(:has(.c-button:not(.c-button--tertiary))) {
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.c-button-group:not(.c-button-group--split) .c-button-group__divider {
  border-radius: 1px;
  background-color: #c5ced8;
}

.c-button-group:not(.c-button-group--split, .c-button-group--vertical) .c-button-group__divider {
  position: relative;
  width: 2px;
  height: 16px;
}

.c-button-group--vertical:not(.c-button-group--split) .c-button-group__divider {
  width: 16px;
  height: 2px;
}

.c-button-group--toolbar:not(.c-button-group--vertical) .c-button-group__divider {
  margin: 0 0.25rem;
}

.c-button-group--toolbar.c-button-group--vertical .c-button-group__divider {
  margin: 0.25rem 0;
}

.c-button-group--split .c-button-group__divider {
  position: relative;
  width: 0;
  height: 100%;
}

.c-button-group--split .c-button-group__divider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(1px * -1);
  z-index: 3;
  display: block;
  width: 1px;
  height: 100%;
  border-radius: 0;
  background-color: #e3e8ed;
  transform: translateY(-50%);
}

.c-button-group--split > .c-button--primary + .c-button-group__divider:before {
  background-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-button-group--split > .c-button--secondary + .c-button-group__divider:before {
  background-color: #d8dee5;
}

.c-button-group--split > .c-button--tertiary + .c-button-group__divider:before {
  background-color: #c5ced8;
}

.c-button-group--split > .c-button--dark + .c-button-group__divider:before {
  background-color: #516173;
}

.c-button-group--split > .c-button--error + .c-button-group__divider:before {
  background-color: #f8787c;
}

.c-button-group--split > .c-button--subtle + .c-button-group__divider:before {
  background-color: #e3e8ed;
}

.c-button-group--split > :is(.c-button:is(:disabled, .is-disabled),
input:disabled + .c-button) + .c-button-group__divider:before {
  background-color: #d8dee5;
}

.c-breadcrumbs {
  position: relative;
}

.c-breadcrumbs {
  --__pf__breadcrumbs-size: 1.5rem;
  --__pf__breadcrumbs-gap: 0.5rem;
  --__pf__breadcrumbs-radius: 6px;
  --__pf__breadcrumbs-inner-spacing: 0;
  --__pf__breadcrumbs-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__breadcrumbs-font-size: 0.875rem;
  --__pf__breadcrumbs-font-weight: 400;
  --__pf__breadcrumbs-letter-spacing: normal;
  --__pf__breadcrumbs-text-transform: none;
  --__pf__breadcrumbs-color: #656c85;
  --__pf__breadcrumbs-background: transparent;
  --__pf__breadcrumbs-text-decoration: none;
  --__pf__breadcrumbs-hover-color: #2f3748;
  --__pf__breadcrumbs-hover-background: transparent;
  --__pf__breadcrumbs-hover-text-decoration: underline;
  --__pf__breadcrumbs-active-color: #2f3748;
  --__pf__breadcrumbs-active-background: transparent;
  --__pf__breadcrumbs-current-color: #2f3748;
  --__pf__breadcrumbs-current-background: transparent;
  --__pf__breadcrumbs-disabled-color: #b3becb;
  --__pf__breadcrumbs-disabled-background: transparent;
}

.c-breadcrumbs--large {
  --__pf__breadcrumbs-size: 2rem;
  --__pf__breadcrumbs-gap: 0.5rem;
  --__pf__breadcrumbs-radius: 8px;
  --__pf__breadcrumbs-inner-spacing: 0.5rem;
  --__pf__breadcrumbs-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__breadcrumbs-font-size: 1rem;
  --__pf__breadcrumbs-font-weight: 500;
  --__pf__breadcrumbs-letter-spacing: normal;
  --__pf__breadcrumbs-text-transform: none;
  --__pf__breadcrumbs-color: #656c85;
  --__pf__breadcrumbs-background: transparent;
  --__pf__breadcrumbs-text-decoration: none;
  --__pf__breadcrumbs-hover-color: #2f3748;
  --__pf__breadcrumbs-hover-background: #edf0f4;
  --__pf__breadcrumbs-hover-text-decoration: none;
  --__pf__breadcrumbs-active-color: #2f3748;
  --__pf__breadcrumbs-active-background: #e3e8ed;
  --__pf__breadcrumbs-current-color: #2f3748;
  --__pf__breadcrumbs-current-background: transparent;
  --__pf__breadcrumbs-disabled-color: #b3becb;
  --__pf__breadcrumbs-disabled-background: transparent;
}

.c-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}

.c-breadcrumbs--spaceless .c-breadcrumbs__list {
  margin-bottom: 0;
}

.c-breadcrumbs__item {
  display: flex;
  align-items: center;
  min-height: var(--__pf__breadcrumbs-size);
  text-transform: var(--__pf__breadcrumbs-text-transform);
}

.c-breadcrumbs {
  /* stylelint-disable selector-max-compound-selectors, selector-max-universal */
}

.c-breadcrumbs__item > :is(a, button) > * + *, .c-breadcrumbs__item > * + * {
  margin-left: var(--__pf__breadcrumbs-gap);
}

.c-breadcrumbs {
  /* stylelint-enable selector-max-compound-selectors, selector-max-universal */
}

.c-breadcrumbs__item.is-current > * {
  color: var(--__pf__breadcrumbs-current-color);
}

.c-breadcrumbs__item.is-current > :is(a, button) {
  background: var(--__pf__breadcrumbs-current-background);
}

.c-breadcrumbs__item > :is(a.is-disabled, button.is-disabled, button:disabled) {
  color: var(--__pf__breadcrumbs-disabled-color);
  background: var(--__pf__breadcrumbs-disabled-background);
  pointer-events: none;
}

.c-breadcrumbs__item:not(:last-child):after {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 0.5rem;
  background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.64645 3.64645C5.84171 3.45118 6.15829 3.45118 6.35355 3.64645L10.3536 7.64645C10.5488 7.84171 10.5488 8.15829 10.3536 8.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536C5.45118 12.1583 5.45118 11.8417 5.64645 11.6464L9.29289 8L5.64645 4.35355C5.45118 4.15829 5.45118 3.84171 5.64645 3.64645Z" fill="%23656c85"/%3E%3C/svg%3E%0A');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-breadcrumbs__item > * {
  display: flex;
  align-items: center;
  min-height: var(--__pf__breadcrumbs-size);
  font-weight: var(--__pf__breadcrumbs-font-weight);
  font-size: var(--__pf__breadcrumbs-font-size);
  line-height: var(--__pf__breadcrumbs-size);
  font-family: var(--__pf__breadcrumbs-font-family);
  color: var(--__pf__breadcrumbs-color);
  border-radius: var(--__pf__breadcrumbs-radius);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: var(--__pf__breadcrumbs-letter-spacing);
}

.c-breadcrumbs__item > :is(.c-breadcrumbs__slot, .c-breadcrumbs__label):first-child {
  padding-left: var(--__pf__breadcrumbs-inner-spacing);
}

.c-breadcrumbs__item > :is(.c-breadcrumbs__slot, .c-breadcrumbs__label):last-child {
  padding-right: var(--__pf__breadcrumbs-inner-spacing);
}

.c-breadcrumbs__item > :is(a, button) {
  padding: 0 var(--__pf__breadcrumbs-inner-spacing);
  background: var(--__pf__breadcrumbs-background);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-breadcrumbs__item > :is(a, button):hover {
  text-decoration: var(--__pf__breadcrumbs-hover-text-decoration);
  color: var(--__pf__breadcrumbs-hover-color);
  background: var(--__pf__breadcrumbs-hover-background);
}

.c-breadcrumbs__item > :is(a, button):focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-breadcrumbs__item > :is(a, button):active {
  text-decoration: var(--__pf__breadcrumbs-text-decoration);
  color: var(--__pf__breadcrumbs-active-color);
  background: var(--__pf__breadcrumbs-active-background);
}

.c-breadcrumbs--large .c-breadcrumbs__item:is(.is-drop-allowed, .is-drop-disallowed) > * {
  user-select: none;
}

.c-breadcrumbs--large .c-breadcrumbs__item.is-drop-allowed > * {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
  box-shadow: inset 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-breadcrumbs--large .c-breadcrumbs__item.is-drop-disallowed > * {
  color: #b2262b;
  background: #fff0f0;
  box-shadow: inset 0 0 0 1px #b2262b;
}

.c-breadcrumbs__item--icon .c-breadcrumbs__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-breadcrumbs__slot {
  font-size: 16px;
  line-height: 0;
}

.c-chat__item {
  display: flex;
  justify-content: flex-end;
  max-width: 75%;
  margin-bottom: 1.25rem;
  margin-left: auto;
  gap: 0.5rem;
}

.c-chat__item:last-child {
  margin-bottom: 0;
}

.c-chat__item--received {
  flex-direction: row-reverse;
  margin-left: unset;
}

.c-chat__message {
  display: flex;
  flex-direction: column;
}

.c-chat__bubble {
  padding: 0.5rem 0.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #fff;
  border-radius: 6px 3px 6px 6px;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  letter-spacing: normal;
}

.c-chat__bubble::selection {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fff;
}

.c-chat__item--received .c-chat__bubble {
  color: #2f3748;
  border-radius: 3px 6px 6px 6px;
  background-color: #edf0f4;
}

.c-chat__item--received .c-chat__bubble::selection {
  color: #fff;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-chat__note {
  margin-top: 0.375rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: right;
  text-transform: none;
  color: #656c85;
  letter-spacing: normal;
}

.c-chat__item--received .c-chat__note {
  text-align: left;
}

.c-circle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  color: #2f3748;
  border: 1px solid #c5ced8;
  border-radius: 50%;
  background-color: #fff;
}

.c-circle-icon--success {
  color: #0c874b;
  border-color: #eeffe6;
  background-color: #eeffe6;
}

.c-circle-icon--info {
  color: #077fae;
  border-color: #e8faff;
  background-color: #e8faff;
}

.c-circle-icon--warning {
  color: #ad6507;
  border-color: #fffbe5;
  background-color: #fffbe5;
}

.c-circle-icon--error {
  color: #df2f36;
  border-color: #fff0f0;
  background-color: #fff0f0;
}

.c-circle-icon--primary {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
  background-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-circle-icon--large {
  width: 72px;
  height: 72px;
  font-size: 24px;
}

.c-collapse {
  position: relative;
}

.c-collapse.is-disabled {
  pointer-events: none;
}

.c-collapse__toggle {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75rem 0.75rem;
  text-align: left;
  color: #656c85;
  border-radius: 8px;
  background: transparent;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  gap: 0.375rem;
}

.c-collapse__toggle * {
  pointer-events: auto;
}

.c-collapse--small > .c-collapse__toggle {
  padding: 0.5rem 0.5rem;
}

.c-collapse__toggle:hover {
  color: #2f3748;
  background: #f5f7f9;
}

.c-collapse__toggle:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-collapse__toggle:active {
  color: #2f3748;
  background: #edf0f4;
}

.c-collapse__toggle:disabled {
  color: #b3becb;
  background: transparent;
}

.c-collapse__label {
  flex-grow: 1;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: normal;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-collapse--small > .c-collapse__toggle .c-collapse__label {
  font-weight: 400;
}

.c-collapse__toggle:before {
  content: "";
  position: relative;
  width: 16px;
  height: 16px;
  background-color: currentcolor;
  mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 11.7929C6 12.2383 6.53857 12.4614 6.85355 12.1464L10.6464 8.35355C10.8417 8.15829 10.8417 7.84171 10.6464 7.64645L6.85355 3.85355C6.53857 3.53857 6 3.76165 6 4.20711L6 11.7929Z" /%3E%3C/svg%3E%0A');
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  transition: 0.2s all ease-in-out, 0.2s transform linear;
}

.c-collapse__slot {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 0;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-collapse__body {
  display: none;
  text-align: left;
}

.c-collapse:not(.c-collapse--boxed) > .c-collapse__body {
  padding: 1rem 0 1rem 2.125rem;
  background: transparent;
}

.c-collapse--small:not(.c-collapse--boxed) > .c-collapse__body {
  padding: 1rem 0 1rem 1.875rem;
}

.c-collapse--spaceless:not(.c-collapse--boxed) > .c-collapse__body {
  padding-left: 0;
}

.c-collapse--compact:not(.c-collapse--boxed) > .c-collapse__body {
  padding-left: calc(0.75rem + 16px / 2);
}

.c-collapse--small.c-collapse--compact:not(.c-collapse--boxed) > .c-collapse__body {
  padding-left: calc(0.5rem + 16px / 2);
}

.c-collapse.is-active > .c-collapse__toggle {
  color: #2f3748;
  background: #f5f7f9;
}

.c-collapse.is-active > .c-collapse__toggle:hover {
  color: #2f3748;
  background: #edf0f4;
}

.c-collapse.is-active > .c-collapse__toggle:active {
  color: #2f3748;
  background: #f5f7f9;
}

.c-collapse.is-active > .c-collapse__toggle:disabled {
  color: #b3becb;
  background: transparent;
}

.c-collapse.is-active > .c-collapse__toggle:before {
  transform: rotate(90deg);
}

.c-collapse.is-active > .c-collapse__body {
  display: block;
}

.c-collapse.is-active > .c-collapse__toggle:not(:disabled) .c-collapse__slot {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-collapse--boxed {
  border-radius: 8px;
}

.c-collapse--boxed > .c-collapse__toggle {
  padding: 0.5rem 0.75rem;
  border: 1px solid #edf0f4;
  border-radius: 8px;
}

.c-collapse--small.c-collapse--boxed > .c-collapse__toggle {
  padding: 0.25rem 0.5rem;
}

.c-collapse--boxed.is-active > .c-collapse__toggle {
  border: 1px solid #e3e8ed;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.c-collapse--boxed > .c-collapse__toggle:before {
  content: none;
}

.c-collapse__switch .c-switch {
  position: static;
}

.c-collapse--boxed > .c-collapse__body {
  padding: 1rem 1rem;
  border: 1px solid #e3e8ed;
  border-top-width: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #fff;
}

.c-color-swatch {
  position: relative;
  display: inline-block;
  width: var(--__pf__color-swatch-computed-size);
  height: var(--__pf__color-swatch-computed-size);
  padding: var(--__pf__color-swatch-inner-spacing);
  --__pf__color-swatch-checked-border-offset: 2px;
  --__pf__color-swatch-computed-size: calc(
    var(--__pf__color-swatch-size) + var(--__pf__color-swatch-inner-spacing) * 2
  );
}

.c-color-swatch {
  --__pf__color-swatch-size: 18px;
  --__pf__color-swatch-inner-spacing: 3px;
  --__pf__color-swatch-border-radius: 3px;
}

.c-color-swatch--medium, .c-color-swatch--spaceless {
  --__pf__color-swatch-size: 1.5rem;
  --__pf__color-swatch-inner-spacing: 0px;
  --__pf__color-swatch-border-radius: 4px;
}

.c-color-swatch--large {
  --__pf__color-swatch-size: 2rem;
  --__pf__color-swatch-inner-spacing: 0px;
  --__pf__color-swatch-border-radius: 4px;
}

.c-color-swatch--rounded {
  --__pf__color-swatch-border-radius: 50%;
  --__pf__color-swatch-checked-border-offset: 0px;
}

.c-color-swatch__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.c-color-swatch__input:disabled {
  cursor: default;
}

.c-color-swatch__control {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--__pf__color-swatch-border-radius);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%), linear-gradient(-45deg, #fff 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #fff 75%), linear-gradient(-45deg, transparent 75%, #fff 75%);
  background-position: 0 0, 0 calc(calc(18px / 2.5) * 0.5), calc(calc(18px / 2.5) * 0.5) calc(calc(18px / 2.5) * 0.5 * -1), calc(calc(18px / 2.5) * 0.5 * -1) 0;
  background-size: calc(18px / 2.5) calc(18px / 2.5);
  background-origin: border-box;
  background-color: #e3e8ed;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-color-swatch__control:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  border: 1px solid rgba(47, 55, 72, 0.3);
  border-radius: var(--__pf__color-swatch-border-radius);
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-color-swatch__input:not(:disabled):hover ~ .c-color-swatch__control:after, .c-color-swatch button.c-color-swatch__control:not(:disabled):hover:after {
  background: rgba(47, 55, 72, 0.3);
}

.c-color-swatch__input:focus ~ .c-color-swatch__control,
.c-color-swatch button.c-color-swatch__control:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-color-swatch__input:not(:disabled):active ~ .c-color-swatch__control:after, .c-color-swatch button.c-color-swatch__control:not(:disabled):active:after {
  background: rgba(47, 55, 72, 0.6);
}

.c-color-swatch.is-disabled .c-color-swatch__control, .c-color-swatch__input:disabled ~ .c-color-swatch__control,
.c-color-swatch button.c-color-swatch__control:disabled {
  opacity: 0.6;
  cursor: default;
}

.c-color-swatch.is-disabled .c-color-swatch__control:after, .c-color-swatch__input:disabled ~ .c-color-swatch__control:after,
.c-color-swatch button.c-color-swatch__control:disabled:after {
  opacity: 0;
}

.c-color-swatch__input:checked + .c-color-swatch__control, .c-color-swatch.is-checked button.c-color-swatch__control {
  border: 0;
}

.c-color-swatch__input:checked + .c-color-swatch__control:after, .c-color-swatch.is-checked button.c-color-swatch__control:after {
  border: 2px solid var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-color-swatch__input:checked + .c-color-swatch__control:before, .c-color-swatch.is-checked button.c-color-swatch__control:before {
  content: "";
  position: absolute;
  inset: 2px 2px 2px 2px;
  z-index: 2;
  display: block;
  border: 1px solid #fff;
  border-radius: calc(var(--__pf__color-swatch-border-radius) - var(--__pf__color-swatch-checked-border-offset));
  background: transparent;
}

.c-color-theme {
  position: relative;
  display: flex;
  width: 100%;
  height: 2.5rem;
  max-height: 100%;
}

.c-color-theme--small {
  height: 2rem;
}

.c-color-theme--large {
  height: 3rem;
}

.c-color-theme__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.c-color-theme__input:disabled {
  cursor: default;
}

.c-color-theme__control {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background-color: #fff;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-color-theme__control:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  border: 1px solid rgba(47, 55, 72, 0.3);
  border-radius: 8px;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-color-theme__control:before {
  content: "";
  position: absolute;
  inset: 2px 2px 2px 2px;
  z-index: 2;
  display: block;
  border: 1px solid transparent;
  border-radius: calc(8px - 2px);
  background: transparent;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-color-theme__input:hover + .c-color-theme__control:after {
  border-color: transparent;
  background: rgba(47, 55, 72, 0.3);
}

.c-color-theme__input:focus + .c-color-theme__control {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-color-theme__input:active + .c-color-theme__control:after {
  border-color: transparent;
  background: rgba(47, 55, 72, 0.6);
}

.c-color-theme__input:disabled + .c-color-theme__control {
  opacity: 0.6;
}

.c-color-theme__input:disabled + .c-color-theme__control:after {
  opacity: 0;
}

.c-color-theme__input:checked + .c-color-theme__control {
  border: 0;
}

.c-color-theme__input:checked + .c-color-theme__control:after {
  border: 2px solid var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-color-theme__input:checked + .c-color-theme__control:before {
  border-color: #fff;
}

.c-color-theme__item {
  flex: 1;
}

.c-draggable-block {
  position: relative;
  user-select: none;
}

.c-draggable-block__outline {
  position: absolute;
  inset: 0;
  z-index: 0;
  border: 1px solid #c5ced8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-draggable-block__head:hover ~ .c-draggable-block__outline {
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
}

.c-draggable-block__head:focus-visible:focus, .c-draggable-block__head:focus-visible:focus-visible {
  outline: none;
}

.c-draggable-block__head:focus-visible ~ .c-draggable-block__outline {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-draggable-block__head:active ~ .c-draggable-block__outline {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  box-shadow: 0 2px 6px rgba(71, 61, 235, 0.25);
}

.c-draggable-block.is-selected > .c-draggable-block__outline {
  border-width: 2px;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-draggable-block.is-disabled {
  pointer-events: none;
}

.c-draggable-block.is-disabled .c-draggable-block__outline {
  border-color: #e3e8ed;
  background: #fafafb;
  box-shadow: none;
}

.c-draggable-block.is-disabled .c-draggable-block__label, .c-draggable-block.is-disabled .c-draggable-block__description {
  color: #b3becb;
}

.c-draggable-block--placeholder {
  border-color: transparent;
  background: #f5f7f9;
  box-shadow: none;
  pointer-events: none;
}

.c-draggable-block + .c-draggable-block {
  margin-top: 0.5rem;
}

.c-draggable-block__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.5rem;
  padding: 0.25rem 0.75rem;
  text-align: left;
}

.c-draggable-block__head:focus, .c-draggable-block__head:focus-visible {
  outline: none;
}

.c-draggable-block__head:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-draggable-block--small .c-draggable-block__head {
  min-height: 2rem;
  padding: 0.25rem 0.5rem;
}

.c-draggable-block--large .c-draggable-block__head {
  min-height: 3rem;
  padding: 0.5rem 1rem;
}

.c-draggable-block__handle {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  width: 100%;
  overflow: hidden;
  cursor: grab;
}

.c-draggable-block__handle:active {
  cursor: grabbing;
}

.c-draggable-block__handle > * {
  margin-right: 0.375rem;
}

.c-draggable-block__handle > *:last-child {
  margin-right: 0;
}

.c-draggable-block--small .c-draggable-block__handle > * {
  margin-right: 0.375rem;
}

.c-draggable-block--large .c-draggable-block__handle > * {
  margin-right: 0.5rem;
}

.c-draggable-block__label-wrapper {
  flex-grow: 1;
  overflow: hidden;
}

.c-draggable-block__label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 16px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #2f3748;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-draggable-block__description {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 16px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #656c85;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-draggable-block__prepend {
  display: flex;
  align-items: center;
  line-height: 0;
  color: #656c85;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-draggable-block:not(.is-disabled, .is-selected) > .c-draggable-block__head:hover > .c-draggable-block__handle > .c-draggable-block__prepend {
  color: #2f3748;
}

.c-draggable-block:not(.is-disabled, .is-selected) > .c-draggable-block__head:active > .c-draggable-block__handle > .c-draggable-block__prepend {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-draggable-block.is-selected:not(.is-disabled) > .c-draggable-block__head > .c-draggable-block__handle .c-draggable-block__prepend {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-draggable-block.is-disabled .c-draggable-block__prepend {
  color: #b3becb;
}

.c-draggable-block__prepend > .o-icon {
  font-size: 16px;
}

.c-draggable-block__controls {
  margin-left: 0.375rem;
}

.c-draggable-block.is-disabled .c-draggable-block__controls * {
  color: #b3becb;
}

.c-draggable-block--small .c-draggable-block__controls {
  margin-left: 0.375rem;
}

.c-draggable-block--large .c-draggable-block__controls {
  margin-left: 0.5rem;
}

.c-draggable-block__body {
  position: relative;
  z-index: 1;
}

.c-draggable-block__content {
  position: relative;
  padding: 0.25rem 0.75rem 0.75rem 0.75rem;
  overflow: auto;
}

.c-draggable-block__content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-draggable-block__content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-draggable-block__content::-webkit-scrollbar-track {
  background: transparent;
}

.c-draggable-block__content {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-draggable-block--small .c-draggable-block__content {
  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
}

.c-draggable-block--large .c-draggable-block__content {
  padding: 0.25rem 1rem 1rem 1rem;
}

.c-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  text-align: center;
  border-radius: 8px;
  background: #fafafb;
  user-select: none;
}

.c-drop-area {
  border: 1px dashed #c5ced8;
}

.c-drop-area--small {
  min-height: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.c-drop-area--large {
  min-height: 3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.c-drop-area.is-allowed {
  border-style: solid;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-drop-area.is-disallowed {
  border-style: solid;
  border-color: #df2f36;
  background: #fff0f0;
}

.c-drop-area.is-disabled {
  border-style: dashed;
  border-color: #e3e8ed;
  background: #fafafb;
}

.c-drop-area__content {
  position: relative;
}

.c-drop-area:is(.is-allowed, .is-disallowed) .c-drop-area__content--default {
  display: none;
}

.c-drop-area__content--allowed {
  display: none;
}

.c-drop-area.is-allowed .c-drop-area__content--allowed {
  display: block;
}

.c-drop-area__content--disallowed {
  display: none;
}

.c-drop-area.is-disallowed .c-drop-area__content--disallowed {
  display: block;
}

.c-drop-area__label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #516173;
}

.c-drop-area.is-allowed .c-drop-area__label {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-drop-area.is-disallowed .c-drop-area__label {
  color: #df2f36;
}

.c-drop-area.is-disabled .c-drop-area__label {
  color: #b3becb;
}

.c-dropdown {
  position: relative;
  --__pf__dropdown-padding-x: 1rem;
}

.c-dropdown--inline {
  --__pf__dropdown-padding-x: 4px;
}

.c-dropdown--inline.c-dropdown--scrollable {
  height: 100%;
}

.c-dropdown--inline.c-dropdown--scrollable .c-dropdown__dropdown {
  max-height: 100%;
}

:where(.c-dropdown:not(.c-dropdown--inline)) .c-dropdown__dropdown {
  position: absolute;
  z-index: 1000;
  visibility: hidden;
  min-width: 270px;
  max-height: 0;
  margin-top: 0.5rem;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  transition: 0.3s max-height ease-in-out;
  inset: 100% auto auto 0;
  border: 1px solid #edf0f4;
}

.c-dropdown__dropdown {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: 0 0;
  background-color: #fff;
}

.c-dropdown:not(.c-dropdown--inline).is-active .c-dropdown__dropdown {
  visibility: visible;
  max-height: 9999px;
  pointer-events: auto;
}

.c-dropdown--scrollable:not(.c-dropdown--inline).is-active .c-dropdown__dropdown {
  max-height: 300px;
}

.c-dropdown--small:not(.c-dropdown--inline) .c-dropdown__dropdown {
  width: 80px;
  min-width: auto;
}

.c-dropdown--medium:not(.c-dropdown--inline) .c-dropdown__dropdown {
  width: 170px;
  min-width: auto;
}

.c-dropdown--large:not(.c-dropdown--inline) .c-dropdown__dropdown {
  width: 320px;
  min-width: auto;
}

.c-dropdown--full-width:not(.c-dropdown--inline) .c-dropdown__dropdown {
  right: 0;
  width: 100%;
  min-width: auto;
}

.c-dropdown[placement^=top]:not(.c-dropdown--inline) .c-dropdown__dropdown {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.c-dropdown[placement^=right]:not(.c-dropdown--inline) .c-dropdown__dropdown {
  margin-top: 0;
  margin-left: 0.5rem;
}

.c-dropdown[placement^=left]:not(.c-dropdown--inline) .c-dropdown__dropdown {
  margin-top: 0;
  margin-right: 0.5rem;
}

.c-dropdown__inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.c-dropdown__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 64px;
  padding: 0.5rem var(--__pf__dropdown-padding-x);
}

.c-dropdown__body {
  padding: 1rem var(--__pf__dropdown-padding-x);
  overflow-y: auto;
  text-align: left;
  border-top: 1px solid #edf0f4;
}

.c-dropdown__body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-dropdown__body::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-dropdown__body::-webkit-scrollbar-track {
  background: transparent;
}

.c-dropdown__body {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-dropdown__section--tabs + .c-dropdown__body, .c-dropdown__inner > .c-dropdown__body:first-child {
  border-top: 0;
}

.c-dropdown__footer {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 0.5rem var(--__pf__dropdown-padding-x);
  margin-top: auto;
  border-top: 1px solid #edf0f4;
}

.c-dropdown__section {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 1rem var(--__pf__dropdown-padding-x);
}

:is(.c-dropdown__section, .c-dropdown__body) + .c-dropdown__section {
  border-top: 1px solid #edf0f4;
}

.c-dropdown__header + .c-dropdown__section {
  padding-top: 0;
}

.c-dropdown__section--tabs {
  position: relative;
  padding-bottom: 0;
}

.c-dropdown__section--tabs:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  height: 2px;
  background: #edf0f4;
}

.c-dropdown__content {
  display: block;
  padding: 0 0.5rem;
}

.c-dropdown__icon {
  font-size: 16px;
  line-height: 0;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-dropdown__title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #242b39;
  letter-spacing: normal;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-dropdown__group {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: calc(0.5rem + 1px);
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}

.c-dropdown__header + .c-dropdown__body .c-dropdown__group:first-child {
  margin-top: 0.75rem;
}

.c-dropdown__group:not(:first-child) {
  padding-top: 1rem;
}

.c-dropdown__group:not(:first-child):before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(0.5rem + 1px);
  left: calc(0.5rem + 1px);
  display: block;
  height: 1px;
  background: #edf0f4;
}

.c-dropdown__group-label {
  flex-grow: 1;
  overflow: hidden;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #656c85;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-dropdown__list {
  display: block;
}

.c-dropdown__list > .c-dropdown__item {
  margin-top: 0;
}

.c-dropdown__item > .c-dropdown__list {
  display: none;
  margin-top: 0.5rem;
  margin-left: 1rem;
}

.c-dropdown__item.is-active > .c-dropdown__list {
  display: block;
}

.c-dropdown__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.c-dropdown__cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  max-width: 100%;
  height: 2.5rem;
  padding: 0.5rem;
  font-size: 16px;
  text-decoration: none;
  color: #656c85;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  user-select: none;
}

.c-dropdown__cell:hover {
  text-decoration: none;
  color: #2f3748;
  border-color: #f5f7f9;
  background: #f5f7f9;
}

.c-dropdown__cell:focus-visible, .c-dropdown__check:focus-visible + .c-dropdown__cell {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-dropdown__cell:active {
  text-decoration: none;
  color: #2f3748;
  border-color: #edf0f4;
  background: #edf0f4;
}

.c-dropdown__check:checked + .c-dropdown__cell, .c-dropdown__cell.is-checked, .c-dropdown__check:checked + .c-dropdown__cell:active, .c-dropdown__cell.is-checked:active {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: #f5f7f9;
  box-shadow: inset 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-dropdown__cell:disabled, .c-dropdown__cell.is-disabled, .c-dropdown__check:disabled + .c-dropdown__cell {
  color: #b3becb;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
  cursor: initial;
}

.c-dropdown__check:checked:disabled + .c-dropdown__cell, .c-dropdown__cell.is-checked:disabled, .c-dropdown__cell.is-checked.is-disabled {
  color: #b3becb;
  border-color: #e3e8ed;
  background: #fafafb;
  box-shadow: inset 0 0 0 1px #e3e8ed;
}

.c-dropdown__grid--small .c-dropdown__cell {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  font-size: 16px;
  border-radius: 6px;
}

.c-dropdown__grid--large .c-dropdown__cell {
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  font-size: 16px;
  border-radius: 8px;
}

.c-dropdown__item {
  position: relative;
  display: block;
  margin: 0.5rem 0;
}

.c-dropdown__item:last-child {
  margin-bottom: 0;
}

.c-dropdown__item > .c-dropdown__list > .c-dropdown__item:not(:has(.c-dropdown__link-wrapper > .c-dropdown__toggle)) {
  margin-left: 2rem;
}

.c-dropdown__link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  display: block;
  visibility: hidden;
  opacity: 0;
  width: 16px;
  height: 16px;
  mask-size: 16px 16px;
  mask-repeat: no-repeat;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M12.0404 4.79289C12.431 5.18342 12.431 5.81658 12.0404 6.20711L7.4571 10.7904C7.26956 10.978 7.01521 11.0833 6.74999 11.0833C6.48477 11.0833 6.23042 10.978 6.04288 10.7904L3.95955 8.70711C3.56903 8.31658 3.56903 7.68342 3.95955 7.29289C4.35007 6.90237 4.98324 6.90237 5.37376 7.29289L6.74999 8.66912L10.6262 4.79289C11.0167 4.40237 11.6499 4.40237 12.0404 4.79289Z"/%3E%3C/svg%3E');
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  transform: translateY(-50%);
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-dropdown__link:is(.is-disabled, :disabled):after {
  background-color: #b3becb;
}

.c-dropdown__item.is-checked > .c-dropdown__link:after, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:after {
  visibility: visible;
  opacity: 1;
}

.c-dropdown__item.is-indeterminate.is-checked > .c-dropdown__link:after, .c-dropdown__item.is-indeterminate.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:after {
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Crect x="4" y="7" width="8" height="2" rx="1" /%3E%3C/svg%3E');
}

.c-dropdown__link-wrapper {
  position: relative;
  display: flex;
}

.c-dropdown__link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 2rem;
  padding: 0.375rem 0.5rem;
  text-align: left;
  text-decoration: none;
  color: #2f3748;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  gap: 0.375rem;
  user-select: none;
}

.c-dropdown__link:hover {
  color: #2f3748;
  border-color: transparent;
  background-color: #f5f7f9;
}

.c-dropdown__link:focus-visible, .c-dropdown__item.is-focused .c-dropdown__link {
  z-index: 1;
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-dropdown__link:active {
  color: #2f3748;
  border-color: transparent;
  background-color: #edf0f4;
}

.c-dropdown__link:is(.is-disabled, :disabled) {
  color: #b3becb;
  border-color: transparent;
  background: transparent;
  pointer-events: none;
}

.c-dropdown {
  /* stylelint-disable selector-max-compound-selectors */
}

.c-dropdown__item.is-checked > .c-dropdown__link-wrapper {
  border-radius: 6px;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-dropdown__item.is-checked > .c-dropdown__link-wrapper:not(:hover) {
  background: #f5f7f9;
}

.c-dropdown__item.is-checked > .c-dropdown__link, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link {
  padding-right: calc(0.5rem + 16px + 0.375rem);
}

.c-dropdown__item.is-checked > .c-dropdown__toggle:not(:hover) ~ .c-dropdown__link:not(:hover, :active, :disabled, .is-disabled), .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__toggle:not(:hover) ~ .c-dropdown__link:not(:hover, :active, :disabled, .is-disabled), .c-dropdown__item.is-checked > .c-dropdown__link:first-child:not(:hover, :active, :disabled, .is-disabled), .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:first-child:not(:hover, :active, :disabled, .is-disabled) {
  color: #2f3748;
  border-color: transparent;
  background-color: #f5f7f9;
}

.c-dropdown__item.is-checked > .c-dropdown__link:hover, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:hover {
  color: #2f3748;
  border-color: transparent;
  background-color: #f5f7f9;
}

.c-dropdown__item.is-checked > .c-dropdown__link:active, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:active {
  color: #2f3748;
  border-color: transparent;
  background-color: #e3e8ed;
}

.c-dropdown__item.is-checked > .c-dropdown__link:is(.is-disabled, :disabled), .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:is(.is-disabled, :disabled) {
  color: #b3becb;
  border-color: transparent;
  background: transparent;
  pointer-events: none;
}

.c-dropdown__body > .c-dropdown__list:has(.c-dropdown__list) > .c-dropdown__item > .c-dropdown__link {
  padding-left: calc(2rem + 0.5rem);
}

.c-dropdown__item:is(.is-drop-allowed, .is-drop-disallowed) {
  user-select: none;
}

.c-dropdown__item:is(.is-drop-allowed, .is-drop-allowed.is-checked) > .c-dropdown__link, .c-dropdown__item:is(.is-drop-allowed, .is-drop-allowed.is-checked) > .c-dropdown__link-wrapper > .c-dropdown__link {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-dropdown__item:is(.is-drop-disallowed, .is-drop-disallowed.is-checked) > .c-dropdown__link, .c-dropdown__item:is(.is-drop-disallowed, .is-drop-disallowed.is-checked) > .c-dropdown__link-wrapper > .c-dropdown__link {
  color: #b2262b;
  border-color: #b2262b;
  background-color: #fff0f0;
}

.c-dropdown {
  /* stylelint-enable selector-max-compound-selectors */
}

.c-dropdown__label-wrapper {
  flex-grow: 1;
  overflow: hidden;
}

.c-dropdown__label {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-dropdown__description {
  display: block;
  margin-top: 0.25rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 16px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #656c85;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-dropdown__link:hover .c-dropdown__description {
  color: #2f3748;
}

.c-dropdown__link:active .c-dropdown__description {
  color: #2f3748;
}

.c-dropdown__link:is(.is-disabled, :disabled) .c-dropdown__description {
  color: #b3becb;
}

.c-dropdown {
  /* stylelint-disable selector-max-compound-selectors */
}

.c-dropdown__item.is-checked > .c-dropdown__link .c-dropdown__description, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link .c-dropdown__description {
  color: #2f3748;
}

.c-dropdown__item.is-checked > .c-dropdown__link:hover .c-dropdown__description, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:hover .c-dropdown__description {
  color: #2f3748;
}

.c-dropdown__item.is-checked > .c-dropdown__link:active .c-dropdown__description, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:active .c-dropdown__description {
  color: #2f3748;
}

.c-dropdown__item.is-checked > .c-dropdown__link:is(.is-disabled, :disabled) .c-dropdown__description, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:is(.is-disabled, :disabled) {
  color: #b3becb;
}

.c-dropdown__item:is(.is-drop-allowed, .is-drop-allowed.is-checked) > .c-dropdown__link .c-dropdown__description, .c-dropdown__item:is(.is-drop-allowed, .is-drop-allowed.is-checked) > .c-dropdown__link-wrapper > .c-dropdown__link .c-dropdown__description {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-dropdown__item:is(.is-drop-disallowed, .is-drop-disallowed.is-checked) > .c-dropdown__link .c-dropdown__description, .c-dropdown__item:is(.is-drop-disallowed, .is-drop-disallowed.is-checked) > .c-dropdown__link-wrapper > .c-dropdown__link .c-dropdown__description {
  color: #b2262b;
}

.c-dropdown {
  /* stylelint-enable selector-max-compound-selectors */
}

.c-dropdown__slot {
  display: flex;
  align-items: center;
  line-height: 0;
  color: #656c85;
}

.c-dropdown__slot .o-icon {
  font-size: 16px;
}

.c-dropdown__link:hover .c-dropdown__slot {
  color: #2f3748;
}

.c-dropdown__link:active .c-dropdown__slot {
  color: #2f3748;
}

.c-dropdown__link:is(.is-disabled, :disabled) .c-dropdown__slot {
  color: #b3becb;
}

.c-dropdown {
  /* stylelint-disable selector-max-compound-selectors */
}

.c-dropdown__item.is-checked > .c-dropdown__link:not(.is-disabled, :disabled) > .c-dropdown__slot, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__link:not(.is-disabled, :disabled) .c-dropdown__slot {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-dropdown__item:is(.is-drop-allowed, .is-drop-allowed.is-checked) > .c-dropdown__link .c-dropdown__slot, .c-dropdown__item:is(.is-drop-allowed, .is-drop-allowed.is-checked) > .c-dropdown__link-wrapper > .c-dropdown__link .c-dropdown__slot {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-dropdown__item:is(.is-drop-disallowed, .is-drop-disallowed.is-checked) > .c-dropdown__link .c-dropdown__slot, .c-dropdown__item:is(.is-drop-disallowed, .is-drop-disallowed.is-checked) > .c-dropdown__link-wrapper > .c-dropdown__link .c-dropdown__slot {
  color: #b2262b;
}

.c-dropdown {
  /* stylelint-enable selector-max-compound-selectors */
}

.c-dropdown__divider {
  display: block;
  height: 1px;
  margin: 1rem calc(0.5rem + 1px);
  background: #edf0f4;
}

.c-dropdown__toggle {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 2rem;
  color: #656c85;
  border-radius: 6px;
  background-color: transparent;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  border: 2px solid transparent;
}

.c-dropdown__toggle:before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  display: block;
  width: 100%;
  height: 100%;
  mask-image: url('data:image/svg+xml,%0A%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 11.793a.5.5 0 0 0 .854.353l3.792-3.792a.5.5 0 0 0 0-.708L6.854 3.854A.5.5 0 0 0 6 4.207v7.586Z"/%3E%3C/svg%3E%0A');
  mask-position: center;
  mask-size: 16px;
  mask-repeat: no-repeat;
  background-color: currentcolor;
  transform: translate(-50%, -50%);
  transition: 0.2s transform linear;
}

.c-dropdown__toggle:not(:disabled):hover {
  color: #2f3748;
  background-color: #f5f7f9;
}

.c-dropdown__toggle:focus-visible {
  z-index: 1;
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-dropdown__toggle:not(:disabled):active {
  color: #2f3748;
  background-color: #edf0f4;
}

.c-dropdown__toggle:disabled {
  color: #b3becb;
  background: transparent;
  cursor: default;
}

.c-dropdown__item.is-checked > .c-dropdown__toggle:not(:disabled, :hover, :active, :has(+ .c-dropdown__link:hover)), .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__toggle:not(:disabled, :hover, :active, :has(+ .c-dropdown__link:hover)) {
  background-color: #f5f7f9;
}

.c-dropdown__item.is-checked > .c-dropdown__toggle:hover, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__toggle:hover {
  background-color: #f5f7f9;
}

.c-dropdown__item.is-checked > .c-dropdown__toggle:active, .c-dropdown__item.is-checked > .c-dropdown__link-wrapper > .c-dropdown__toggle:active {
  background-color: #e3e8ed;
}

.c-dropdown__item.is-active > .c-dropdown__link-wrapper > .c-dropdown__toggle:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.c-focus-picker {
  position: relative;
  padding: calc(18px * 0.5);
}

.c-focus-picker__inner {
  position: relative;
  background: #fafafb;
  border: 1px dashed #c5ced8;
}

.c-focus-picker__inner:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-focus-picker--4-3 > .c-focus-picker__inner:after {
  padding-top: 75%;
}

.c-focus-picker--16-9 > .c-focus-picker__inner:after {
  padding-top: 56.25%;
}

.c-focus-picker__control {
  position: absolute;
}

.c-focus-picker__control--top-left {
  inset: calc(18px * -0.5) auto auto calc(18px * -0.5);
}

.c-focus-picker__control--top-center {
  inset: calc(18px * -0.5) auto auto 50%;
  transform: translateX(-50%);
}

.c-focus-picker__control--top-right {
  inset: calc(18px * -0.5) calc(18px * -0.5) auto auto;
}

.c-focus-picker__control--center-left {
  inset: 50% auto auto calc(18px * -0.5);
  transform: translateY(-50%);
}

.c-focus-picker__control--center {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.c-focus-picker__control--center-right {
  inset: 50% calc(18px * -0.5) auto auto;
  transform: translateY(-50%);
}

.c-focus-picker__control--bottom-left {
  inset: auto auto calc(18px * -0.5) calc(18px * -0.5);
}

.c-focus-picker__control--bottom-center {
  inset: auto auto calc(18px * -0.5) 50%;
  transform: translateX(-50%);
}

.c-focus-picker__control--bottom-right {
  inset: auto calc(18px * -0.5) calc(18px * -0.5) auto;
}

.c-form-control {
  position: relative;
  width: 100%;
}

.c-form-control > :is(input, textarea, select) {
  appearance: none;
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  color: #2f3748;
  border: 1px solid #8893a7;
  border-radius: 8px;
  background-color: #fff;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-form-control > :is(input, textarea, select):not([disabled], [readonly]):hover {
  color: #2f3748;
  border-color: #9ea8b7;
  background-color: #fafafb;
}

.c-form-control > :is(input, textarea, select):focus {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: calc(1px * -1);
}

.c-form-group > .c-form-control > :is(input, textarea, select):is([disabled], [readonly]) {
  border-color: #8893a7;
}

.c-form-control--small > :is(input, textarea, select) {
  border-radius: 6px;
}

.c-form-control--large > :is(input, textarea, select) {
  border-radius: 8px;
}

.c-form-control > :is(input, textarea, select)[disabled] {
  color: #b3becb;
  border-color: #edf0f4;
  background-color: #fafafb;
}

.c-form-control > :is(input, textarea, select)[readonly] {
  color: #2f3748;
  border-color: #edf0f4;
  background-color: #fafafb;
}

.c-form-control > :is(input, textarea)::placeholder {
  color: #8893a7;
}

.c-form-control > :is(input, textarea):not([disabled], [readonly]):hover::placeholder {
  color: #8893a7;
}

.c-form-control > :is(input, textarea):not([disabled], [readonly]):focus::placeholder {
  color: #c5ced8;
}

.c-form-control > :is(input, textarea)[disabled]::placeholder {
  color: #b3becb;
}

.c-form-control > :is(input, textarea)[readonly]::placeholder {
  color: #2f3748;
}

.c-form-control.is-valid > :is(input, textarea, select), .c-form-group.is-valid > .c-form-control > :is(input, textarea, select) {
  border-color: #0c874b;
}

.c-form-control.is-valid > :is(input, textarea, select):not([disabled], [readonly]):hover, .c-form-group.is-valid > .c-form-control > :is(input, textarea, select):not([disabled], [readonly]):hover, .c-form-group > .c-form-control.is-valid > :is(input, textarea, select):is([disabled], [readonly]) {
  border-color: #0c874b;
}

.c-form-control.is-invalid > :is(input, textarea, select), .c-form-group.is-invalid > .c-form-control > :is(input, textarea, select) {
  border-color: #df2f36;
}

.c-form-control.is-invalid > :is(input, textarea, select):not([disabled], [readonly]):hover, .c-form-group.is-invalid > .c-form-control > :is(input, textarea, select):not([disabled], [readonly]):hover, .c-form-group > .c-form-control.is-invalid > :is(input, textarea, select):is([disabled], [readonly]) {
  border-color: #df2f36;
}

.c-form-control > :is(input, select) {
  min-height: 2.5rem;
  padding: 0 0.75rem;
  line-height: 1;
}

.c-form-control--small > :is(input, select), .c-form-group--small > .c-form-control > :is(input, select) {
  min-height: 2rem;
  padding: 0 0.5rem;
}

.c-form-control--large > :is(input, select), .c-form-group--large > .c-form-control > :is(input, select) {
  min-height: 3rem;
  padding: 0 1rem;
}

.c-form-control.has-reset > input {
  padding-right: calc(0.75rem + 0.375rem + 24px);
}

.c-form-control.has-reset > input[type=number] {
  padding-right: calc(0.375rem * 2 + form-control-number-controls-width + 24px);
}

.c-form-control.has-reset > select {
  padding-right: calc(0.75rem + 0.375rem * 2 + 24px * 2);
}

.c-form-control--small.has-reset > input {
  padding-right: calc(0.5rem + 0.375rem + 24px);
}

.c-form-control--small.has-reset > input[type=number] {
  padding-right: calc(0.375rem * 2 + 32px + 24px);
}

.c-form-control--small.has-reset > select {
  padding-right: calc(0.5rem + 0.375rem * 2 + 24px * 2);
}

.c-form-control--large.has-reset > input {
  padding-right: calc(1rem + 0.5rem + 24px);
}

.c-form-control--large.has-reset > input[type=number] {
  padding-right: calc(0.5rem * 2 + 32px + 24px);
}

.c-form-control--large.has-reset > select {
  padding-right: calc(1rem + 0.5rem * 2 + 24px * 2);
}

.c-form-control:-webkit-autofill, .c-form-control:-webkit-autofill:hover, .c-form-control:-webkit-autofill:focus, .c-form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px yellow inset !important;
}

.c-form-control > input[type=file]::-webkit-file-upload-button {
  appearance: none;
  width: 0;
  padding: 0;
  margin: 0;
  line-height: calc(2.5rem - 1px * 2);
  border: 0;
}

.c-form-control--small > input[type=file]::-webkit-file-upload-button, .c-form-group--small > .c-form-control > input[type=file]::-webkit-file-upload-button {
  line-height: calc(2rem - 1px * 2);
}

.c-form-control--large > input[type=file]::-webkit-file-upload-button, .c-form-group--large > .c-form-control > input[type=file]::-webkit-file-upload-button {
  line-height: calc(3rem - 1px * 2);
}

.c-form-control > textarea {
  padding: 0.75rem;
  line-height: 1.5714;
}

.c-form-control--small > textarea {
  padding: 0.5rem;
}

.c-form-control--large > textarea {
  padding: 1rem;
}

.c-form-control__icon {
  position: absolute;
  inset: 50% auto auto 0.75rem;
  z-index: 3;
  width: 16px;
  height: 16px;
  line-height: 0;
  color: #516173;
  transform: translateY(-50%);
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-form-control__icon > * {
  font-size: 16px;
}

.c-form-control--small .c-form-control__icon > * {
  font-size: 16px;
}

.c-form-control--large .c-form-control__icon > * {
  font-size: 16px;
}

.c-form-control > :is(input, textarea, select):not([disabled], [readonly]):hover .c-form-control__icon {
  color: #2f3748;
}

.c-form-control:focus-within .c-form-control__icon {
  color: #2f3748;
}

.c-form-control:has(:is(input, select, textarea):disabled) .c-form-control__icon {
  color: #b3becb;
}

.c-form-control--small .c-form-control__icon {
  left: 0.5rem;
  width: 16px;
  height: 16px;
}

.c-form-control--large .c-form-control__icon {
  left: 1rem;
  width: 16px;
  height: 16px;
}

.c-form-control__icon ~ :is(input, select) {
  padding-left: calc(0.75rem + 0.375rem + 16px);
}

.c-form-control--small .c-form-control__icon ~ :is(input, select) {
  padding-left: calc(0.5rem + 0.375rem + 16px);
}

.c-form-control--large .c-form-control__icon ~ :is(input, select) {
  padding-left: calc(1rem + 0.5rem + 16px);
}

.c-form-control--transparent > :is(input, textarea, select), .c-form-control--transparent > :is(input, textarea, select):not([disabled], [readonly]):hover, .c-form-control--transparent > :is(input, textarea, select):is([disabled], [readonly]), .c-form-control--transparent.is-valid > :is(input, textarea, select), .c-form-control--transparent.is-invalid > :is(input, textarea, select), .c-form-control--transparent :is(.c-form-control__increment, .c-form-control__decrement) {
  border-color: transparent;
}

.c-form-control--transparent > :is(input, textarea, select), .c-form-control--transparent > :is(input, textarea, select):is([disabled], [readonly]), .c-form-control--transparent.is-valid > :is(input, textarea, select), .c-form-control--transparent.is-invalid > :is(input, textarea, select), .c-form-control--transparent :is(.c-form-control__increment, .c-form-control__decrement) {
  background-color: transparent;
}

.c-form-control__reset {
  position: absolute;
  inset: 50% 0.75rem auto auto;
  z-index: 3;
  line-height: 0;
  color: #656c85;
  transform: translateY(-50%);
}

.c-form-control--small .c-form-control__reset {
  right: 0.5rem;
}

.c-form-control--large .c-form-control__reset {
  right: 1rem;
}

.c-form-control > select ~ .c-form-control__reset {
  right: calc(0.75rem + 0.375rem + 16px);
}

.c-form-control--small > select ~ .c-form-control__reset {
  right: calc(0.5rem + 0.375rem + 16px);
}

.c-form-control-large > select ~ .c-form-control__reset {
  right: calc(1rem + 0.5rem + 16px);
}

.c-form-control > [type=number] ~ .c-form-control__reset {
  right: calc(0.375rem + 32px);
}

.c-form-control--small > [type=number] ~ .c-form-control__reset {
  right: calc(0.375rem + form-control-number-controls-width);
}

.c-form-control-large > [type=number] ~ .c-form-control__reset {
  right: calc(0.5rem + 32px);
}

.c-form-control > input[type=search]::-webkit-search-decoration, .c-form-control > input[type=search]::-webkit-search-cancel-button, .c-form-control > input[type=search]::-webkit-search-results-button, .c-form-control > input[type=search]::-webkit-search-results-decoration {
  appearance: none;
}

.c-form-control > input[type=time] {
  display: flex;
}

.c-form-control > input[type=time]::-webkit-calendar-picker-indicator {
  display: none;
}

.c-form-control > input[type=number] {
  appearance: textfield;
}

.c-form-control--number-controls > input[type=number] {
  padding-right: calc(0.75rem + 64px);
}

.c-form-control > input[type=number]::-webkit-inner-spin-button, .c-form-control > input[type=number]::-webkit-outer-spin-button {
  appearance: none;
}

.c-form-control--small.c-form-control--number-controls > input[type=number] {
  padding-right: calc(0.5rem + 64px);
}

.c-form-control--large.c-form-control--number-controls > input[type=number] {
  padding-right: calc(1rem + 64px);
}

.c-form-control__number-controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  flex-direction: row-reverse;
  align-items: center;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.c-form-control--number-controls .c-form-control__number-controls {
  display: flex;
}

.c-form-control > input[type=number]:not([disabled], [readonly]):hover ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement) {
  border-color: #9ea8b7;
}

.c-form-control > input[type=number][disabled] ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement) {
  border-color: #edf0f4;
  background-color: #fafafb;
  pointer-events: none;
}

.c-form-control > input[type=number][readonly] ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement) {
  border-color: #edf0f4;
  background-color: #fafafb;
  pointer-events: none;
}

.c-form-control > input[type=number]:is([disabled], [readonly]) ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement):before {
  background-color: #b3becb;
}

:is(.c-form-control__increment, .c-form-control__decrement) {
  position: relative;
  width: 32px;
  height: 100%;
  border-style: solid;
  border-color: #8893a7;
  background-color: #fafafb;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

:is(.c-form-control__increment, .c-form-control__decrement):before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  mask-position: center;
  mask-size: 16px;
  mask-repeat: no-repeat;
  background-color: #656c85;
}

.c-form-control__increment {
  border-width: 1px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.c-form-control--small .c-form-control__increment {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.c-form-control--large .c-form-control__increment {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.c-form-control__increment:before {
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M11.75 9.017a.5.5 0 0 0 0-1H8.008V4.274a.5.5 0 0 0-1 0v3.743H3.265a.5.5 0 0 0 0 1h3.743v3.743a.5.5 0 0 0 1 0V9.017h3.742Z"/%3E%3C/svg%3E');
}

.c-form-control__decrement {
  border-width: 1px 0 1px 1px;
}

.c-form-control__decrement:before {
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M3.527 8A.514.514 0 0 0 3 8.5c0 .276.236.5.527.5h8.946A.514.514 0 0 0 13 8.5c0-.276-.236-.5-.527-.5H3.527Z"/%3E%3C/svg%3E');
}

:is(.c-form-control__increment, .c-form-control__decrement):hover {
  background-color: #edf0f4;
}

:is(.c-form-control__increment, .c-form-control__decrement):hover:before {
  background-color: #2f3748;
}

:is(.c-form-control__increment, .c-form-control__decrement):focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: -2px;
}

:is(.c-form-control__increment, .c-form-control__decrement):active {
  background-color: #d8dee5;
}

.c-form-control:is(.is-valid, .is-invalid) > input[type=number] {
  background-position: right calc(0.75rem + 32px) center;
}

.c-form-control.is-valid:not(.c-form-control--transparent) > input[type=number]:not([disabled], [readonly]) ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement), .c-form-group.is-valid > .c-form-control:not(.c-form-control--transparent) > input[type=number]:not([disabled], [readonly]) ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement) {
  border-color: #0c874b;
}

.c-form-control.is-invalid:not(.c-form-control--transparent) > input[type=number]:not([disabled], [readonly]) ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement), .c-form-group.is-invalid > .c-form-control:not(.c-form-control--transparent) > input[type=number]:not([disabled], [readonly]) ~ .c-form-control__number-controls > :is(.c-form-control__increment, .c-form-control__decrement) {
  border-color: #df2f36;
}

.c-form-control > select {
  padding-right: calc(0.75rem + 0.375rem + 16px);
  line-height: calc(2.5rem - 1px * 2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23516173' d='M4.207 6a.5.5 0 0 0-.353.854l3.792 3.792a.5.5 0 0 0 .708 0l3.792-3.792A.5.5 0 0 0 11.793 6H4.207Z'/%3E%3C/svg%3E");
  background-position: right 0.75rem top 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.c-form-control--small > select {
  padding-right: calc(0.5rem + 0.375rem + 16px);
  line-height: calc(2rem - 1px * 2);
  background-position: right 0.5rem top 50%;
  background-size: 16px;
}

.c-form-control--large > select {
  padding-right: calc(1rem + 0.5rem + 16px);
  line-height: calc(3rem - 1px * 2);
  background-position: right 1rem top 50%;
  background-size: 16px;
}

.c-date-picker {
  position: relative;
  width: calc(40px * 7 + 1rem * 2);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.12);
}

.c-date-picker {
  border: 1px solid #edf0f4;
}

.c-date-picker__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-date-picker__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  text-align: center;
  border-bottom: 1px solid #edf0f4;
}

.c-date-picker__body {
  position: relative;
  flex-grow: 1;
}

.c-date-picker__footer {
  padding: 1rem 1rem;
  border-top: 1px solid #edf0f4;
}

.c-date-picker__view-control {
  flex-shrink: 0;
}

.c-date-picker__current-period {
  min-width: 0;
  margin: 0 0.5rem;
}

.c-date-picker__grid {
  width: 100%;
  border-collapse: separate;
  padding: 1rem 1rem;
}

.c-date-picker__cell {
  position: relative;
  width: 14.2857142857%;
  height: 0;
  padding-top: calc(14.2857142857% / 2);
  padding-bottom: calc(14.2857142857% / 2);
}

.c-date-picker__cell--month {
  width: 25%;
}

.c-date-picker__cell--year {
  width: 25%;
}

.c-date-picker__weekday-label {
  padding-bottom: 1rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 32px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: center;
  color: #656c85;
  letter-spacing: normal;
  user-select: none;
}

.c-date-picker__item {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 2px;
  margin: 0;
}

.c-date-picker__item.is-focused {
  z-index: 2;
}

.c-date-picker__item:before, .c-date-picker__item:after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  z-index: -1;
  display: block;
  visibility: hidden;
  width: 50%;
  pointer-events: none;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-date-picker__item:before {
  right: auto;
  left: 0;
}

.c-date-picker__item:after {
  right: 0;
  left: auto;
}

.c-date-picker__item.is-first:before {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.c-date-picker__item.is-last:after {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.c-date-picker__item:is(.in-range-preview, .in-range):before, .c-date-picker__item:is(.in-range-preview, .in-range):after {
  visibility: visible;
}

.c-date-picker__item:is(.is-first, .is-range-start, .is-range-preview-start):before {
  visibility: hidden;
}

.c-date-picker__item:is(.is-last, .is-range-end, .is-range-preview-end):after {
  visibility: hidden;
}

.c-date-picker__item.in-range:before, .c-date-picker__item.in-range:after {
  background: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff));
}

.c-date-picker__item.in-range-preview:before, .c-date-picker__item.in-range-preview:after {
  background: #edf0f4;
}

.c-date-picker__item-inner {
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  color: #2f3748;
  border: 2px solid transparent;
  border-radius: 8px;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: normal;
  user-select: none;
}

.c-date-picker__item-inner:before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  display: block;
  border: 1px solid transparent;
  border-radius: calc(8px - 0px / 2 - 1px * 2);
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-date-picker__item-inner:focus:focus, .c-date-picker__item-inner:focus:focus-visible {
  outline: none;
}

.c-date-picker__body.has-focus .c-date-picker__item.is-focused .c-date-picker__item-inner:not(:disabled) {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-date-picker__item:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):hover {
  color: #2f3748;
  background: #f5f7f9;
}

.c-date-picker__item:not(.is-selected, :disabled, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):hover {
  border-color: transparent;
}

.c-date-picker__item:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):active {
  color: #2f3748;
  background: #edf0f4;
}

.c-date-picker__item:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):active {
  border-color: transparent;
}

.c-date-picker__item:not(.is-selected) .c-date-picker__item-inner:disabled {
  color: #b3becb;
  border-color: transparent;
  background: transparent;
  pointer-events: none;
}

.c-date-picker__item.is-current:not(.is-selected) .c-date-picker__item-inner:not(:disabled) {
  color: #2f3748;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: transparent;
}

.c-date-picker__item.is-current:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):hover {
  color: #2f3748;
  background: #f5f7f9;
}

.c-date-picker__item.is-current:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):hover {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-date-picker__item.is-current:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):active {
  color: #2f3748;
  background: #edf0f4;
}

.c-date-picker__item.is-current:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):active {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-date-picker__item.is-current:not(.is-selected) .c-date-picker__item-inner:disabled {
  color: #b3becb;
  border-color: #e3e8ed;
  background: transparent;
}

.c-date-picker__item.is-edge:not(.is-selected, .is-current) .c-date-picker__item-inner:not(:disabled) {
  color: #656c85;
  border-color: transparent;
  background: transparent;
}

.c-date-picker__item.is-edge:not(.is-selected).is-current .c-date-picker__item-inner:not(:disabled, :hover) {
  color: #656c85;
}

.c-date-picker__item.is-edge:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):hover {
  color: #2f3748;
  background: #fafafb;
}

.c-date-picker__item.is-edge:not(.is-selected, .in-range, .in-range-preview, .is-current) .c-date-picker__item-inner:not(:disabled):hover {
  border-color: transparent;
}

.c-date-picker__item.is-edge:not(.is-selected, .in-range, .in-range-preview) .c-date-picker__item-inner:not(:disabled):active {
  color: #2f3748;
  background: #edf0f4;
}

.c-date-picker__item.is-edge:not(.is-selected, .in-range, .in-range-preview, .is-current) .c-date-picker__item-inner:not(:disabled):active {
  border-color: transparent;
}

.c-date-picker__item.is-edge:not(.is-selected) .c-date-picker__item-inner:disabled {
  color: #b3becb;
  border-color: transparent;
  background: transparent;
}

.c-date-picker__item.is-selected .c-date-picker__item-inner:not(:disabled) {
  color: #fff;
  border-color: transparent;
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-date-picker__item.is-selected .c-date-picker__item-inner:not(:disabled):hover {
  color: #fff;
  border-color: transparent;
  background: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.c-date-picker__item.is-selected .c-date-picker__item-inner:not(:disabled):active {
  color: #fff;
  border-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
}

.c-date-picker__item.is-selected .c-date-picker__item-inner:disabled {
  color: #516173;
  border-color: #f5f7f9;
  background: #f5f7f9;
}

.c-date-picker__item.is-selected.is-current .c-date-picker__item-inner:not(:disabled) {
  color: #fff;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  box-shadow: inset 0 0 0 2px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-date-picker__item.is-selected.is-current .c-date-picker__item-inner:not(:disabled):hover {
  color: #fff;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
}

.c-date-picker__item.is-selected.is-current .c-date-picker__item-inner:not(:disabled):active {
  color: #fff;
  border-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  box-shadow: inset 0 0 0 2px var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.c-date-picker__item.is-selected.is-current .c-date-picker__item-inner:disabled {
  color: #b3becb;
  border-color: #fafafb;
  background: #edf0f4;
  box-shadow: inset 0 0 0 2px #fafafb;
}

.c-date-picker__item.in-range:not(.is-selected) .c-date-picker__item-inner:not(:disabled) {
  color: #2f3748;
  border-color: transparent;
  background: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff));
}

.c-date-picker__item.in-range:not(.is-selected) .c-date-picker__item-inner:not(:disabled):hover {
  color: #2f3748;
  background: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff));
}

.c-date-picker__item.in-range:not(.is-selected) .c-date-picker__item-inner:not(:disabled):hover {
  border-color: transparent;
}

.c-date-picker__item.in-range:not(.is-selected) .c-date-picker__item-inner:not(:disabled):active {
  color: #2f3748;
  background: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-date-picker__item.in-range:not(.is-selected) .c-date-picker__item-inner:not(:disabled):active {
  border-color: transparent;
}

.c-date-picker__item.in-range:not(.is-selected) .c-date-picker__item-inner:disabled {
  color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
  border-color: transparent;
  background: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff));
}

.c-date-picker__item.in-range:not(.is-selected).is-current .c-date-picker__item-inner:not(:disabled) {
  color: #2f3748;
  border-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
  background: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff));
}

.c-date-picker__item.in-range:not(.is-selected).is-current .c-date-picker__item-inner:not(:disabled):hover {
  color: #2f3748;
  background: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff));
}

.c-date-picker__item.in-range:not(.is-selected).is-current .c-date-picker__item-inner:not(:disabled):hover {
  border-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-date-picker__item.in-range:not(.is-selected).is-current .c-date-picker__item-inner:not(:disabled):active {
  color: #2f3748;
  background: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
}

.c-date-picker__item.in-range:not(.is-selected).is-current .c-date-picker__item-inner:not(:disabled):active {
  border-color: transparent;
}

.c-date-picker__item.in-range:not(.is-selected).is-current .c-date-picker__item-inner:disabled {
  color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff));
  border-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff));
  background: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff));
}

.c-date-picker__item.in-range-preview:not(.is-selected) .c-date-picker__item-inner:not(:disabled) {
  color: #2f3748;
  border-color: transparent;
  background: #edf0f4;
}

.c-date-picker__item.in-range-preview:not(.is-selected).is-current .c-date-picker__item-inner:not(:disabled) {
  color: #2f3748;
  border-color: #b3becb;
  background: #edf0f4;
}

.c-date-picker__item.in-range-preview:not(.is-selected).is-edge .c-date-picker__item-inner:not(:disabled) {
  color: #656c85;
  border-color: transparent;
  background: #edf0f4;
}

.c-date-picker__time-container {
  display: flex;
  gap: 0.5rem;
}

.c-date-picker__time-container--seconds {
  flex-wrap: wrap;
}

.c-date-picker__time-controls {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  gap: 0.5rem;
}

.c-date-picker__time-period {
  flex-grow: 1;
}

.c-form-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.c-form-group__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  padding: 0.25rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  color: #516173;
  border: 1px solid #8893a7;
  background-color: #f5f7f9;
}

.c-form-group--small .c-form-group__content:not(.c-form-group__content--spaceless) {
  min-width: 2rem;
  padding: 0.25rem 0.5rem;
}

.c-form-group--large .c-form-group__content:not(.c-form-group__content--spaceless) {
  min-width: 3rem;
  padding: 0.25rem 1rem;
}

.c-form-group__content:not(:first-child) {
  margin-left: calc(1px * -1);
}

.c-form-group__content:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.c-form-control ~ .c-form-group__content:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.c-form-group__content--transparent {
  margin-left: 0;
  background: #fff;
}

.c-form-group__content--transparent:not(:first-child) {
  border-left-width: 0;
}

.c-form-group__content--transparent + .c-form-control > input {
  border-left: 0;
}

.c-form-control + .c-form-group__content--transparent:before, .c-form-group__content--transparent + .c-form-group__content--transparent:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -1px;
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
}

.c-form-group__content--spaceless {
  min-width: auto;
  padding: 0;
}

.c-form-group.is-valid .c-form-group__content {
  border-color: #0c874b;
}

.c-form-group.is-invalid .c-form-group__content {
  border-color: #df2f36;
}

.c-form-group__content > .o-icon {
  font-size: 16px;
}

.c-form-group > .c-form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.c-form-group > .c-form-control > input {
  height: 100%;
}

.c-form-group > .c-form-control > :is(input, textarea) {
  position: relative;
}

.c-form-group > .c-form-control > :is(input, textarea):is(:hover, :focus) {
  z-index: 2;
}

.c-form-group > .c-form-control:not(:first-child) > :is(input, textarea) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-form-group > .c-form-control:not(:last-child) > :is(input, textarea) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-form-group__content + .c-form-control,
.c-form-group .c-form-control + .c-form-control {
  margin-left: calc(1px * -1);
}

.c-check {
  position: relative;
  display: block;
  min-height: calc(0.375rem + 1.125rem);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: calc(0.375rem + 1.125rem);
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
}

.c-check--spaceless {
  display: inline-block;
  min-height: 1.125rem;
  padding-left: 0;
  line-height: 1.125rem;
}

.c-check__label-wrapper {
  padding-left: calc(1.125rem + 0.5rem);
  line-height: calc(0.375rem + 1.125rem);
}

.c-check__label-wrapper > .c-check__control {
  float: left;
  margin-left: calc((1.125rem + 0.5rem) * -1);
}

.c-check__label {
  display: inline-block;
  font-size: inherit;
  line-height: calc(0.375rem + 1.125rem);
  color: #2f3748;
  cursor: pointer;
  transition: 0.15s color ease-out;
}

.c-check__control:disabled + .c-check__label {
  cursor: default;
}

.c-check__required-marker {
  color: #df2f36;
}

.c-check__required-marker:after {
  content: " *";
}

.c-check__control {
  position: relative;
  appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: calc((calc(0.375rem + 1.125rem) - 1.125rem) * 0.5);
  vertical-align: top;
  border: 1px solid #8893a7;
  border-radius: 3px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-check__control[type=radio] {
  border-radius: 50%;
}

.c-check[tap-area] .c-check__control:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  opacity: 0;
  width: var(--pf-tap-area, 1.5rem);
  height: var(--pf-tap-area, 1.5rem);
  border-radius: var(--pf-tap-area-radius, inherit);
  transform: translate(-50%, -50%);
}

.c-check--spaceless .c-check__control {
  float: none;
  margin-top: 0;
  margin-left: 0;
}

.c-check__control:not(:disabled, :checked, :indeterminate):hover {
  border-color: #656c85;
  background-color: #fafafb;
}

.c-check__control:focus {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-check__control:not(:disabled, :checked, :indeterminate):active {
  border-color: #8893a7;
  background-color: #f5f7f9;
}

.c-check__control:checked:not(:disabled) {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M12.0404 4.79289C12.431 5.18342 12.431 5.81658 12.0404 6.20711L7.4571 10.7904C7.26956 10.978 7.01521 11.0833 6.74999 11.0833C6.48477 11.0833 6.23042 10.978 6.04288 10.7904L3.95955 8.70711C3.56903 8.31658 3.56903 7.68342 3.95955 7.29289C4.35007 6.90237 4.98324 6.90237 5.37376 7.29289L6.74999 8.66912L10.6262 4.79289C11.0167 4.40237 11.6499 4.40237 12.0404 4.79289Z" fill="%23fff"/%3E%3C/svg%3E');
}

:is(.c-check__control:checked, .c-check__control[type=checkbox]:indeterminate):not(:disabled) {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

:is(.c-check__control:checked, .c-check__control[type=checkbox]:indeterminate):not(:disabled):hover {
  box-shadow: 0 1px 4px color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 50%, transparent);
}

:is(.c-check__control:checked, .c-check__control[type=checkbox]:indeterminate):not(:disabled):active {
  border-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  background-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.c-check__control[type=checkbox]:indeterminate:not(:disabled) {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Crect x="4" y="7" width="8" height="2" rx="1" fill="%23fff" /%3E%3C/svg%3E');
}

.c-check--multiple .c-check__control:checked:not(:disabled) {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Crect x="4" y="7" width="8" height="2" rx="1" fill="%23fff" /%3E%3C/svg%3E');
}

.c-check__control:disabled {
  border-color: #e3e8ed;
  background-color: #fafafb;
  cursor: default;
}

.c-check__control:disabled:checked {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M12.0404 4.79289C12.431 5.18342 12.431 5.81658 12.0404 6.20711L7.4571 10.7904C7.26956 10.978 7.01521 11.0833 6.74999 11.0833C6.48477 11.0833 6.23042 10.978 6.04288 10.7904L3.95955 8.70711C3.56903 8.31658 3.56903 7.68342 3.95955 7.29289C4.35007 6.90237 4.98324 6.90237 5.37376 7.29289L6.74999 8.66912L10.6262 4.79289C11.0167 4.40237 11.6499 4.40237 12.0404 4.79289Z" fill="%23b3becb"/%3E%3C/svg%3E');
}

.c-check__control[type=checkbox]:indeterminate:disabled {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Crect x="4" y="7" width="8" height="2" rx="1" fill="%23b3becb" /%3E%3C/svg%3E');
}

.c-check--multiple .c-check__control:disabled:checked {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Crect x="4" y="7" width="8" height="2" rx="1" fill="%23b3becb" /%3E%3C/svg%3E');
}

.c-check--inline {
  display: inline-block;
  margin-right: 0.5rem;
}

.c-check.is-valid .c-check__control {
  border-color: #0c874b;
}

.c-check.is-valid .c-check__control:not(:disabled, :checked, :indeterminate):hover {
  border-color: #0c874b;
  background-color: #eeffe6;
}

.c-check.is-valid .c-check__control:not(:disabled, :checked, :indeterminate):active {
  border-color: #0a6c3c;
  background-color: #eeffe6;
}

.c-check.is-valid .c-check__control:is(:checked, [type=checkbox]:indeterminate) {
  border-color: #0c874b;
  background-color: #0c874b;
}

.c-check.is-valid .c-check__control:is(:checked, [type=checkbox]:indeterminate):not(:disabled):hover {
  box-shadow: 0 1px 4px rgba(12, 135, 75, 0.5);
}

.c-check.is-valid .c-check__control:is(:checked, [type=checkbox]:indeterminate):not(:disabled):active {
  border-color: #0a6c3c;
  background-color: #0a6c3c;
  box-shadow: #0a6c3c;
}

.c-check.is-invalid .c-check__control {
  border-color: #df2f36;
}

.c-check.is-invalid .c-check__control:not(:disabled, :checked, :indeterminate):hover {
  border-color: #df2f36;
  background-color: #fff0f0;
}

.c-check.is-invalid .c-check__control:not(:disabled, :checked, :indeterminate):active {
  border-color: #b2262b;
  background-color: #fff0f0;
}

.c-check.is-invalid .c-check__control:is(:checked, [type=checkbox]:indeterminate) {
  border-color: #df2f36;
  background-color: #df2f36;
}

.c-check.is-invalid .c-check__control:is(:checked, [type=checkbox]:indeterminate):not(:disabled):hover {
  box-shadow: 0 1px 4px rgba(223, 47, 54, 0.5);
}

.c-check.is-invalid .c-check__control:is(:checked, [type=checkbox]:indeterminate):not(:disabled):active {
  border-color: #b2262b;
  background-color: #b2262b;
  box-shadow: #b2262b;
}

.c-check-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 100%;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid #c5ced8;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  user-select: none;
}

.c-check-card.is-disabled {
  pointer-events: none;
}

.c-check-card:hover {
  border-color: #9ea8b7;
  background-color: #fafafb;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.c-check-card:active {
  border-color: #9ea8b7;
  background-color: #fafafb;
  box-shadow: none;
}

.c-check-card.is-disabled {
  border-color: #c5ced8;
  background-color: #fff;
  box-shadow: none;
  cursor: default;
}

.c-check-card.is-checked {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fff;
  box-shadow: 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 2px 6px 0 color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 30%, transparent);
}

.c-check-card.is-checked:hover {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
  box-shadow: 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 2px 6px 0 color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 30%, transparent);
}

.c-check-card.is-checked:active {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fafafb;
  box-shadow: 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-check-card.is-disabled.is-checked {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fff;
  box-shadow: 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 2px 6px 0 color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 30%, transparent);
}

.c-check-card__content {
  position: relative;
  flex-grow: 1;
}

.c-check-card__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.c-check-card__header > .c-check-card__slot:last-child {
  margin-left: auto;
}

.c-check-card__control {
  flex-shrink: 0;
  line-height: 0;
}

.c-check-card__slot {
  display: flex;
  align-items: center;
  line-height: 0;
  color: #2f3748;
}

.c-check-card__slot .o-icon {
  font-size: 16px;
}

.c-check-card__heading {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #2f3748;
  letter-spacing: normal;
}

.c-check-card__text {
  padding-left: calc(1.125rem + 0.75rem);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #656c85;
}

.c-check-card__header + .c-check-card__text {
  margin-top: 0.25rem;
}

.c-form-message {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #656c85;
  gap: 0.375rem;
  letter-spacing: normal;
}

.c-form-message--success {
  color: #0c874b;
}

.c-form-message--info {
  color: #077fae;
}

.c-form-message--warning {
  color: #ad6507;
}

.c-form-message--error {
  color: #df2f36;
}

.c-form-message__slot {
  max-width: 100%;
  font-size: 16px;
  line-height: 0;
}

.c-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: left;
  text-transform: none;
  color: #2f3748;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-form-label--spaceless {
  margin-bottom: 0;
}

.c-form-label__required-marker {
  color: #df2f36;
}

.c-form-label__required-marker:after {
  content: " *";
}

.c-select {
  position: relative;
}

.c-select__selected {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 2.5rem;
  padding-right: calc(0.75rem * 2 + 16px);
  padding-left: 0.75rem;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: left;
  color: #2f3748;
  border: 1px solid #8893a7;
  border-radius: 8px;
  background-color: #fff;
  user-select: none;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-select:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  background-color: #fafafb;
}

.c-select:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  border-color: #9ea8b7;
}

.c-select:not(.is-disabled, .is-readonly) .c-select__selected:focus {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: calc(1px * -1);
}

.c-select.is-disabled .c-select__selected {
  color: #b3becb;
  border-color: #edf0f4;
  background-color: #fafafb;
  pointer-events: none;
  cursor: default;
}

.c-select__selected:has(.c-select__selected-tags:first-child) {
  padding-left: calc(0.25rem - 1px);
}

.c-select--small .c-select__selected, .c-form-group--small > .c-select > .c-select__selected {
  min-height: 2rem;
  padding-right: calc(0.5rem * 2 + 16px);
  padding-left: 0.5rem;
}

.c-select--small .c-select__selected:has(.c-select__selected-tags:first-child), .c-form-group--small > .c-select > .c-select__selected:has(.c-select__selected-tags:first-child) {
  padding-left: calc(0.25rem - 1px);
}

.c-select--large .c-select__selected, .c-form-group--large > .c-select > .c-select__selected {
  min-height: 3rem;
  padding-right: calc(1rem * 2 + 16px);
  padding-left: 1rem;
}

.c-select--large .c-select__selected:has(.c-select__selected-tags:first-child), .c-form-group--large > .c-select > .c-select__selected:has(.c-select__selected-tags:first-child) {
  padding-left: calc(0.5rem - 1px);
}

.c-select__selected:after {
  content: "";
  position: absolute;
  inset: 50% 0.75rem auto auto;
  display: block;
  width: 16px;
  height: 16px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.207 6a.5.5 0 0 0-.353.854l3.792 3.792a.5.5 0 0 0 .708 0l3.792-3.792A.5.5 0 0 0 11.793 6H4.207Z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #516173;
  transform: translateY(-50%);
  transition: 0.2s transform linear;
}

.c-select.is-disabled .c-select__selected:after, .c-select__selected:disabled:after {
  background-color: #b3becb;
}

.c-select--small .c-select__selected:after, .c-form-group--small > .c-select > .c-select__selected:after {
  right: 0.5rem;
}

.c-select--large .c-select__selected:after, .c-form-group--large > .c-select > .c-select__selected:after {
  right: 1rem;
}

.c-select.is-active .c-select__selected:after {
  transform: translateY(-50%) rotate(180deg);
}

.c-select.is-valid > .c-select__selected {
  border-color: #0c874b;
}

.c-select.is-valid:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  border-color: #0c874b;
}

.c-select.is-invalid > .c-select__selected {
  border-color: #df2f36;
}

.c-select.is-invalid:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  border-color: #df2f36;
}

.c-select--transparent .c-select__selected, .c-select--transparent.is-disabled .c-select__selected {
  border-color: transparent;
  background-color: transparent;
}

.c-select--transparent:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  border-color: #fafafb;
  background-color: #fafafb;
}

.c-select--visual {
  display: inline-block;
}

.c-select--visual .c-select__selected, .c-select--visual.is-disabled .c-select__selected {
  border-color: transparent;
  background-color: transparent;
}

.c-select--visual:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  border-color: #f5f7f9;
}

.c-select--visual:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  background-color: #f5f7f9;
}

.c-select--visual:not(.is-disabled, .is-readonly) .c-select__selected:active {
  border-color: #edf0f4;
}

.c-select--visual:not(.is-disabled, .is-readonly) .c-select__selected:active {
  background-color: #edf0f4;
}

.c-select--visual.c-select--secondary .c-select__selected, .c-select--visual.c-select--secondary.is-disabled .c-select__selected {
  border-color: #f5f7f9;
  background-color: #f5f7f9;
}

.c-select--visual.c-select--secondary:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  border-color: #edf0f4;
}

.c-select--visual.c-select--secondary:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  background-color: #edf0f4;
}

.c-select--visual.c-select--secondary:not(.is-disabled, .is-readonly) .c-select__selected:active {
  border-color: #f5f7f9;
}

.c-select--visual.c-select--secondary:not(.is-disabled, .is-readonly) .c-select__selected {
  background-color: #f5f7f9;
}

.c-select--visual.c-select--tertiary .c-select__selected {
  border-color: #c5ced8;
  background-color: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.c-select--visual.c-select--tertiary.is-disabled .c-select__selected {
  border-color: #e3e8ed;
  background-color: #fafafb;
  box-shadow: none;
}

.c-select--visual.c-select--tertiary:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  border-color: #9ea8b7;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
}

.c-select--visual.c-select--tertiary:not(.is-disabled, .is-readonly) .c-select__selected:hover {
  background-color: #fff;
}

.c-select--visual.c-select--tertiary:not(.is-disabled, .is-readonly) .c-select__selected:active {
  border-color: #9ea8b7;
  box-shadow: none;
}

.c-select--visual.c-select--tertiary:not(.is-disabled, .is-readonly) .c-select__selected:active {
  background-color: #fafafb;
}

.c-select__selected-container {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.375rem;
}

.c-select__selected-container > .o-icon {
  font-size: 16px;
  line-height: 0;
  color: #516173;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-select:not(.c-select--icon-only) .c-select__selected-label {
  display: block;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-select--icon-only .c-select__selected-label {
  display: none;
}

.c-select__selected-label--placeholder {
  color: #8893a7;
}

.c-select.is-disabled .c-select__selected-label--placeholder {
  color: #b3becb;
}

.c-select__selected-prepend, .c-select__selected-append {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 0;
}

.c-select__selected-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  width: 100%;
  padding-top: calc(0.25rem - 1px);
  padding-bottom: calc(0.25rem - 1px);
}

.c-select--small .c-select__selected-tags, .c-form-group--small > .c-select .c-select__selected-tags {
  gap: 0.25rem;
  padding-top: calc(0.25rem - 1px);
  padding-bottom: calc(0.25rem - 1px);
}

.c-select--large .c-select__selected-tags, .c-form-group--large > .c-select .c-select__selected-tags {
  gap: 0.25rem;
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px);
}

.c-select--multiple-no-wrap .c-select__selected-tags {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.c-select--multiple-no-wrap .c-select__selected-tags::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-select--multiple-no-wrap .c-select__selected-tags::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-select--multiple-no-wrap .c-select__selected-tags::-webkit-scrollbar-track {
  background: transparent;
}

.c-select--multiple-no-wrap .c-select__selected-tags {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-select__selected-tag {
  min-width: 0;
}

.c-select__selected-icon {
  line-height: 0;
  color: #516173;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-select__selected-icon > * {
  font-size: 16px;
}

.c-select.is-disabled .c-select__selected-icon {
  color: #b3becb;
}

.c-select:not(.c-select--icon-only) .c-select__selected-icon {
  position: absolute;
  top: 50%;
  bottom: auto;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}

.c-select:not(.c-select--icon-only) .c-select__selected-icon:first-child {
  right: auto;
  left: 0.75rem;
}

.c-select:not(.c-select--icon-only) .c-select__selected-icon:last-child {
  right: calc(0.75rem * 2 + 16px);
  left: auto;
}

.c-select:not(.c-select--icon-only) .c-select__reset + .c-select__selected-icon {
  right: calc(0.75rem * 3 + 16px * 2);
}

.c-select:not(.c-select--icon-only) .c-select__selected-icon ~ .c-select__selected-container, .c-select:not(.c-select--icon-only):not(.c-select--multiple-no-wrap) .c-select__selected-icon ~ .c-select__selected-tags {
  padding-left: calc(0.75rem * 2 + 16px - 0.75rem);
}

.c-select--multiple-no-wrap:not(.c-select--icon-only) .c-select__selected-icon ~ .c-select__selected-tags {
  margin-left: calc(0.75rem * 2 + 16px - 0.75rem);
}

.c-select:not(.c-select--icon-only) .c-select__selected-container:not(:last-child), .c-select:not(.c-select--icon-only):not(.c-select--multiple-no-wrap) .c-select__selected-tags {
  padding-right: calc(0.75rem * 2 + 16px - 0.75rem);
}

.c-select--multiple-no-wrap:not(.c-select--icon-only) .c-select__selected-tags {
  margin-right: calc(0.75rem * 2 + 16px);
}

.c-select--icon-only .c-select__selected-icon ~ .c-select__selected-icon {
  margin-left: 0.75rem;
}

.c-select__select {
  display: none;
}

.c-select__reset {
  position: absolute;
  inset: 50% calc(0.75rem * 2 + 16px) auto auto;
  line-height: 0;
  color: #656c85;
  transform: translateY(-50%);
}

.c-slider {
  position: relative;
  width: 100%;
  max-width: 300px;
  min-height: 24px;
  user-select: none;
}

.c-slider.is-disabled {
  cursor: default;
}

.c-slider__controls {
  position: relative;
  width: 100%;
  min-height: 24px;
}

.c-slider__track {
  position: absolute;
  top: calc(24px / 2);
  z-index: 1;
  width: 100%;
  height: 4px;
  margin-top: calc(4px / -2);
  overflow: hidden;
  background: #e3e8ed;
  pointer-events: none;
}

.c-slider__track ~ .c-slider__track {
  right: 0;
  left: auto;
  margin-left: 0;
}

.c-slider__track:first-of-type {
  border-top-left-radius: calc(4px / 2);
  border-bottom-left-radius: calc(4px / 2);
}

.c-slider:not(.c-slider --range):not(.c-slider --filled) .c-slider__track, .c-slider__track ~ .c-slider__track {
  border-top-right-radius: calc(4px / 2);
  border-bottom-right-radius: calc(4px / 2);
}

.c-slider--filled:not(.c-slider--range) .c-slider__track:first-of-type, .c-slider--range .c-slider__track:not(:first-of-type):not(:last-of-type) {
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-slider--filled:not(.c-slider--range).is-disabled .c-slider__track:first-of-type, .c-slider--range.is-disabled .c-slider__track:not(:first-of-type):not(:last-of-type) {
  background: #c5ced8;
}

.c-slider--transparency .c-slider__track:after {
  content: "";
  display: block;
  height: 100%;
  background: transparent;
}

.c-slider--transparency .c-slider__track:after {
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%), linear-gradient(-45deg, #fff 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #fff 75%), linear-gradient(-45deg, transparent 75%, #fff 75%);
  background-position: 0 0, 0 2px, 2px -2px, -2px 0;
  background-size: 4px 4px;
  background-color: #e3e8ed;
}

.c-slider__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.c-slider.is-disabled .c-slider__background {
  background: linear-gradient(90deg, rgba(71, 61, 235, 0) 0%, #c5ced8 100%) !important;
}

.c-slider__handle {
  position: absolute;
  top: 0;
  left: calc(24px / 2 * -1);
  z-index: 2;
  display: flex;
  width: 24px;
  height: 24px;
  outline: none;
  pointer-events: none;
  user-select: none;
}

.c-slider__knob {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 16px;
  height: 16px;
  border: 2px solid var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0.5px 1px 0 rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-slider:not(.is-disabled) .c-slider__knob {
  cursor: grab;
}

.c-slider__handle.has-hover .c-slider__knob {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.c-slider__handle.is-focused .c-slider__knob {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-slider__handle.is-pressed .c-slider__knob {
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.c-slider.is-disabled .c-slider__knob {
  border-color: #c5ced8;
  background: #fff;
  box-shadow: none;
}

.c-slider__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: calc(100% + 24px);
  height: 100%;
  margin: 0;
  background: transparent;
}

.c-slider:not(.is-disabled) .c-slider__input {
  cursor: pointer;
}

.c-slider:not(.is-disabled).is-draggable .c-slider__input {
  cursor: grab;
}

.c-slider:not(.is-disabled).is-dragged .c-slider__input {
  cursor: grabbing;
}

.c-slider__input + .c-slider__input {
  right: 0;
  left: auto;
}

.c-slider__ticks {
  display: flex;
  justify-content: space-between;
  padding-top: calc(12px / 2 + 4px);
}

.c-slider__tick {
  position: relative;
  width: 2px;
}

.c-slider__tick:first-of-type {
  left: 1px;
}

.c-slider__tick:last-of-type {
  right: 1px;
}

.c-slider__tick:after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 2px / 2);
  display: block;
  width: 2px;
  height: 12px;
  border-radius: calc(2px / 2);
  background: #e3e8ed;
}

.c-slider__label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: calc(12px + 4px);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-slider.is-disabled .c-slider__label {
  color: #b3becb;
}

.c-form-stepper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 20px;
  height: 100%;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.c-form-stepper__control {
  position: relative;
  width: 100%;
  height: 50%;
  background-color: #fafafb;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-form-stepper__control:before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  mask-position: center;
  mask-size: 50%;
  mask-repeat: no-repeat;
  background-color: #656c85;
}

.c-form-stepper__control:first-child:before {
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="5"%3E%3Cpath d="M8.793 5a.5.5 0 0 0 .353-.854L5.354.354a.5.5 0 0 0-.708 0L.854 4.146A.5.5 0 0 0 1.207 5h7.586Z"/%3E%3C/svg%3E');
}

.c-form-stepper__control:last-child:before {
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="5"%3E%3Cpath d="M1.207 0a.5.5 0 0 0-.353.854l3.792 3.792a.5.5 0 0 0 .708 0L9.146.854A.5.5 0 0 0 8.793 0H1.207Z"/%3E%3C/svg%3E');
}

.c-form-stepper__control:hover {
  background-color: #d8dee5;
}

.c-form-stepper__control:hover:before {
  background-color: #2f3748;
}

.c-form-stepper__control:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: -2px;
}

.c-form-stepper__control:active {
  background-color: #c5ced8;
}

.c-form-stepper__control[disabled] {
  background-color: #fafafb;
}

.c-form-stepper__control[disabled]:before {
  background-color: #b3becb;
}

.c-switch {
  position: relative;
  display: inline-block;
  min-height: calc(0.125rem + 1.375rem);
  padding-left: calc(2.5rem + 0.5rem);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: calc(0.125rem + 1.375rem);
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
}

.c-switch--small {
  min-height: calc(0.125rem + 1rem);
  padding-left: calc(1.8125rem + 0.5rem);
  line-height: calc(0.125rem + 1rem);
}

.c-switch--spaceless {
  padding-left: 0;
}

.c-switch__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.c-switch__input:disabled {
  cursor: default;
}

.c-switch--small .c-switch__input:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  opacity: 0;
  width: var(--pf-tap-area-width, calc(100% + 1.5rem));
  height: var(--pf-tap-area-height, 1.5rem);
  border-radius: var(--pf-tap-area-radius, inherit);
  transform: translate(-50%, -50%);
}

.c-switch__required-marker {
  color: #df2f36;
}

.c-switch__required-marker:after {
  content: " *";
}

.c-switch__label {
  display: inline-block;
  font-size: inherit;
  line-height: normal;
  color: #2f3748;
  transition: 0.15s color ease-out;
}

.c-switch__control {
  position: relative;
  display: inline-flex;
  float: left;
  width: 2.5rem;
  height: 1.375rem;
  margin-top: calc((calc(0.125rem + 1.375rem) - 1.375rem) * 0.5);
  margin-left: calc((2.5rem + 0.5rem) * -1);
  vertical-align: top;
  border: 1px solid #656c85;
  border-radius: 0.6875rem;
  background-size: 16px;
  background-repeat: no-repeat;
  background-color: #656c85;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
}

.c-switch--small .c-switch__control {
  width: 1.8125rem;
  height: 1rem;
  margin-top: calc((calc(0.125rem + 1rem) - 1rem) * 0.5);
  margin-left: calc((1.8125rem + 0.5rem) * -1);
  border-radius: calc(1rem * 0.5);
}

.c-switch--spaceless .c-switch__control {
  float: none;
  margin-left: 0;
}

.c-switch__control:before {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  display: block;
  width: calc(1.375rem - 1px * 2 - 0.125rem * 2);
  height: calc(1.375rem - 1px * 2 - 0.125rem * 2);
  border-radius: calc(0.6875rem * 2);
  background: #fff;
  box-shadow: 0 2px 6px rgba(36, 43, 57, 0.2);
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out, 0.15s transform ease-out;
}

.c-switch--small .c-switch__control:before {
  width: calc(1rem - 1px * 2 - 0.125rem * 2);
  height: calc(1rem - 1px * 2 - 0.125rem * 2);
  border-radius: calc(calc(1rem * 0.5) * 2);
}

.c-switch__control:after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  display: block;
  border: 1px solid transparent;
  border-radius: 0.6875rem;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
}

.c-switch--small .c-switch__control:after {
  border-radius: calc(1rem * 0.5);
}

.c-switch__input:not(:checked) ~ .c-switch__control {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23fff" d="M11.354 5.354a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646Z"/%3E%3C/svg%3E');
  background-position: calc(100% - 0.125rem) center;
}

.c-switch--small .c-switch__input:not(:checked) ~ .c-switch__control {
  background-position: 100% center;
}

.c-switch__input:not(:disabled, :checked):hover ~ .c-switch__control {
  border-color: #516173;
  background-color: #516173;
}

.c-switch__input:focus:focus, .c-switch__input:focus:focus-visible {
  outline: none;
}

.c-switch__input:focus ~ .c-switch__control {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-switch__input:not(:disabled, :checked):active ~ .c-switch__control {
  border-color: #656c85;
  background-color: #656c85;
}

.c-switch__input:not(:disabled, :checked):active ~ .c-switch__control:before {
  box-shadow: none;
}

.c-switch__input:disabled ~ .c-switch__control {
  border-color: #e3e8ed;
  background-color: #e3e8ed;
  box-shadow: none;
}

.c-switch__input:disabled ~ .c-switch__control:before {
  background-color: #fafafb;
  box-shadow: none;
}

.c-switch__input:checked:not(:disabled) ~ .c-switch__control {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  box-shadow: none;
}

.c-switch__input:checked ~ .c-switch__control {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%23fff" d="M11.822 5.885a.5.5 0 1 0-.707-.707L7 9.293l-2.13-2.13a.5.5 0 0 0-.708.706l2.484 2.485a.5.5 0 0 0 .708 0l4.468-4.47Z"/%3E%3C/svg%3E');
  background-position: 0.125rem center;
}

.c-switch__input:checked ~ .c-switch__control:before {
  transform: translateX(calc(2.5rem - (0.125rem + 1px) * 2 - 100%));
}

.c-switch--small .c-switch__input:checked ~ .c-switch__control {
  background-position: 0 center;
}

.c-switch--small .c-switch__input:checked ~ .c-switch__control:before {
  transform: translateX(calc(1.8125rem - (0.125rem + 1px) * 2 - 100%));
}

.c-switch__input:checked:not(:disabled):hover ~ .c-switch__control {
  border-color: #3e35cf;
  background-color: #3e35cf;
  box-shadow: none;
}

.c-switch__input:checked:not(:disabled):active ~ .c-switch__control {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-switch__input:checked:disabled ~ .c-switch__control {
  border-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff));
  background-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff));
  box-shadow: none;
}

.c-switch__input:checked:disabled ~ .c-switch__control:before {
  background-color: #fff;
  box-shadow: none;
}

.c-switch--inline {
  display: inline-block;
  margin-right: 0.5rem;
}

.c-tag-input {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  width: 100%;
  min-height: 2.5rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1;
  text-align: left;
  color: #2f3748;
  border: 1px solid #8893a7;
  border-radius: 8px;
  background-color: #fff;
  user-select: none;
  transition: 0.15s border-color ease-out, 0.15s box-shadow ease-out, 0.15s background-color ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tag-input:not(.is-disabled, .is-readonly):hover {
  border-color: #9ea8b7;
}

.c-tag-input:not(.is-disabled, .is-readonly):focus-within {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: calc(1px * -1);
}

.c-tag-input.is-disabled {
  color: #b3becb;
  border-color: #edf0f4;
  background-color: #fafafb;
  pointer-events: none;
  cursor: default;
}

.c-tag-input--small {
  gap: 0.375rem;
  min-height: 2rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-radius: 6px;
}

.c-tag-input--large {
  gap: 0.5rem;
  min-height: 3rem;
  padding-right: 1rem;
  padding-left: 1rem;
  border-radius: 8px;
}

.c-tag-input.is-valid, .c-tag-input.is-valid:not(.is-disabled, .is-readonly):hover, .c-tag-input.is-valid:is(.is-disabled, .is-readonly) {
  border-color: #0c874b;
}

.c-tag-input.is-invalid, .c-tag-input.is-invalid:not(.is-disabled, .is-readonly):hover, .c-tag-input.is-invalid:is(.is-disabled, .is-readonly) {
  border-color: #df2f36;
}

.c-tag-input--transparent, .c-tag-input--transparent:not(.is-disabled):hover, .c-tag-input--transparent:not(.is-readonly):hover, .c-tag-input--transparent.is-disabled, .c-tag-input--transparent.is-valid, .c-tag-input--transparent.is-invalid {
  border-color: transparent;
  background-color: transparent;
}

.c-tag-input__tags {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  gap: 0.25rem;
}

.c-tag-input--no-wrap .c-tag-input__tags {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.c-tag-input--no-wrap .c-tag-input__tags::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-tag-input--no-wrap .c-tag-input__tags::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-tag-input--no-wrap .c-tag-input__tags::-webkit-scrollbar-track {
  background: transparent;
}

.c-tag-input--no-wrap .c-tag-input__tags {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-tag-input:not(.c-tag-input--no-wrap) .c-tag-input__tag {
  min-width: 0;
}

.c-tag-input__input {
  appearance: none;
  flex-grow: 1;
  width: auto;
  padding-top: 0.125rem;
  padding-right: 0.5rem;
  padding-bottom: 0.125rem;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  color: #2f3748;
  border: 0;
  background: transparent;
}

.c-tag-input__input:focus:focus, .c-tag-input__input:focus:focus-visible {
  outline: none;
}

.c-tag-input__input[type=search]::-webkit-search-decoration, .c-tag-input__input[type=search]::-webkit-search-cancel-button, .c-tag-input__input[type=search]::-webkit-search-results-button, .c-tag-input__input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.c-tag-input__tag + .c-tag-input__input {
  padding-left: 0.5rem;
}

.c-tag-input__input::placeholder {
  color: #8893a7;
}

.c-tag-input__input:not([disabled], [readonly]):hover::placeholder {
  color: #8893a7;
}

.c-tag-input__input:not([disabled], [readonly]):focus::placeholder {
  color: #c5ced8;
}

.c-tag-input__input[disabled]::placeholder {
  color: #b3becb;
}

.c-tag-input__slot {
  display: flex;
  align-items: center;
  line-height: 0;
  color: #516173;
}

.c-tag-input__slot .o-icon {
  font-size: 16px;
}

.c-tag-input--small .c-tag-input__slot .o-icon {
  font-size: 16px;
}

.c-tag-input--large .c-tag-input__slot .o-icon {
  font-size: 16px;
}

.c-tag-input:focus-within .c-tag-input__slot {
  color: #2f3748;
}

.c-inline-message {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 3rem;
  padding: 0.75rem 1rem 0.75rem calc(1rem + 4px);
  overflow: hidden;
  text-align: left;
  color: #2f3748;
  border-radius: 6px;
  background: #f5f7f9;
  transform: translateZ(0);
}

.c-inline-message:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  height: 100%;
  background: #656c85;
}

.c-inline-message__header {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 1.5rem;
}

.c-inline-message__heading {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-inline-message__text {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #656c85;
}

.c-inline-message__header + .c-inline-message__text {
  margin-top: 0.25rem;
}

.c-inline-message--dismissable .c-inline-message__text {
  padding-right: 1.875rem;
}

.c-inline-message__icon {
  font-size: 16px;
  line-height: 0;
  color: #2f3748;
}

.c-inline-message__close {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  font-size: 16px;
  color: #2f3748;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-inline-message__close:hover {
  color: #242b39;
}

.c-inline-message__close:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-inline-message__slot:not(:first-child) {
  margin-top: 0.5rem;
}

.c-inline-message__link, .c-inline-message__text a {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-decoration: underline;
  letter-spacing: normal;
  color: inherit;
}

.c-inline-message__link:is(:hover, :focus, :active), .c-inline-message__text a:is(:hover, :focus, :active) {
  text-decoration: none;
}

.c-inline-message--success {
  color: #0a6c3c;
  background-color: #eeffe6;
}

.c-inline-message--success:before {
  background: #0c874b;
}

.c-inline-message--success .c-inline-message__icon {
  color: #0a6c3c;
}

.c-inline-message--success .c-inline-message__text {
  color: #0a6c3c;
}

.c-inline-message--success .c-inline-message__close {
  color: #0a6c3c;
}

.c-inline-message--success .c-inline-message__close:hover {
  color: #074c2a;
}

.c-inline-message--info {
  color: #06668b;
  border-color: #077fae;
  background-color: #e8faff;
}

.c-inline-message--info:before {
  background: #077fae;
}

.c-inline-message--info .c-inline-message__icon {
  color: #06668b;
}

.c-inline-message--info .c-inline-message__text {
  color: #06668b;
}

.c-inline-message--info .c-inline-message__close {
  color: #06668b;
}

.c-inline-message--info .c-inline-message__close:hover {
  color: #044761;
}

.c-inline-message--warning {
  color: #8a5106;
  border-color: #ad6507;
  background-color: #fffbe5;
}

.c-inline-message--warning:before {
  background: #ad6507;
}

.c-inline-message--warning .c-inline-message__icon {
  color: #8a5106;
}

.c-inline-message--warning .c-inline-message__text {
  color: #8a5106;
}

.c-inline-message--warning .c-inline-message__close {
  color: #8a5106;
}

.c-inline-message--warning .c-inline-message__close:hover {
  color: #613904;
}

.c-inline-message--error {
  color: #b2262b;
  border-color: #df2f36;
  background-color: #fff0f0;
}

.c-inline-message--error:before {
  background: #df2f36;
}

.c-inline-message--error .c-inline-message__icon {
  color: #b2262b;
}

.c-inline-message--error .c-inline-message__text {
  color: #b2262b;
}

.c-inline-message--error .c-inline-message__close {
  color: #b2262b;
}

.c-inline-message--error .c-inline-message__close:hover {
  color: #7d1b1e;
}

.c-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1050;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(36, 43, 57, 0.9);
  user-select: none;
  transition: 0.3s opacity linear;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.c-lightbox.is-active {
  opacity: 1;
}

.c-lightbox.has-dragged-child {
  pointer-events: none;
}

.c-lightbox__slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.c-lightbox__slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.c-lightbox__slide.is-active {
  pointer-events: auto;
}

.c-lightbox__content {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.c-lightbox__slide.is-zoomable .c-lightbox__content {
  cursor: zoom-in;
}

.c-lightbox__slide.has-max-zoom .c-lightbox__content {
  cursor: zoom-out;
}

.c-lightbox__slide.is-dragged .c-lightbox__content {
  cursor: grabbing;
}

.c-lightbox__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  font-size: 2rem;
  color: #9ea8b7;
  transform: translate(-50%, -50%);
}

.c-lightbox__slide.is-active .c-lightbox__loading {
  visibility: visible;
  opacity: 1;
}

.c-lightbox__notification {
  position: relative;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}

.c-lightbox__slide.is-active .c-lightbox__notification {
  visibility: visible;
  opacity: 1;
}

.c-lightbox__media {
  position: relative;
  z-index: 1;
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  user-select: none;
  transition: 0.2s opacity ease-in-out;
}

.c-lightbox__slide.is-active.is-loaded .c-lightbox__media {
  opacity: 1;
}

.c-lightbox__slide.has-error .c-lightbox__media {
  display: none;
}

.c-lightbox__shadow {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(47, 55, 72, 0) 0%, #2f3748 50%);
  pointer-events: none;
}

.c-lightbox__bar {
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 2;
  width: 100%;
}

.c-lightbox__bar-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateZ(0);
  transition: 0.2s transform ease-in-out;
  will-change: transform;
}

.c-lightbox.is-zoomed.has-gallery .c-lightbox__bar-inner {
  transform: translateY(calc(1.5rem * 2 + 56px));
}

.c-lightbox__bar-controls {
  display: flex;
  gap: 1rem;
}

.c-lightbox__close {
  position: absolute;
  inset: 1rem 1rem auto auto;
  z-index: 2;
}

.c-lightbox__control {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 1rem;
  z-index: 2;
  transform: translateY(-50%);
}

.c-lightbox__control--next {
  right: 1rem;
  left: auto;
}

.c-lightbox__zoom-controls {
  padding: 1rem 0;
}

.c-lightbox__zoom-controls * {
  transition-duration: 0s !important;
}

.c-lightbox__variant-control {
  min-width: 200px;
  padding: 1rem 0;
}

.c-lightbox__gallery {
  position: relative;
  width: 100%;
  padding: 1.5rem 0;
  text-align: center;
}

.c-lightbox__container {
  position: relative;
  display: inline-block;
  max-width: clamp(0%, 12 * (56px + 16px) - 16px, 100%);
  margin: 0 auto;
  text-align: center;
}

.c-lightbox__track {
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  max-width: 100%;
  padding: calc(1px * 2) 6px;
  overflow: hidden;
}

.c-lightbox__track::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-lightbox__track::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-lightbox__track::-webkit-scrollbar-track {
  background: transparent;
}

.c-lightbox__track {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-lightbox.is-initialized .c-lightbox__track {
  scroll-behavior: smooth;
}

.c-lightbox__list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 2px 0;
  margin: 0 auto;
}

.c-lightbox__item {
  position: relative;
  flex-shrink: 0;
  width: 56px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 8px;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-lightbox__item:before {
  content: "";
  position: absolute;
  z-index: 4;
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: calc(8px - 1px);
  box-shadow: inset 0 0 0 1px #fff;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
}

.c-lightbox__item:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-lightbox__item img {
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: #242b39;
  transform: translateZ(0);
  transition: 0.2s all ease-in-out;
  object-fit: cover;
  backface-visibility: hidden;
  user-select: none;
}

.c-lightbox__item.is-loaded img {
  opacity: 0.6;
}

.c-lightbox__item.is-loaded:hover img {
  opacity: 1;
}

.c-lightbox__item:focus:focus, .c-lightbox__item:focus:focus-visible {
  outline: none;
}

.c-lightbox__item.is-loaded:focus-visible, .c-lightbox__item.is-loaded.is-active:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-lightbox__item.is-loaded.is-active {
  box-shadow: 0 0 0 2px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  pointer-events: none;
}

.c-lightbox__item.is-loaded.is-active:before {
  opacity: 1;
}

.c-lightbox__item.is-loaded.is-active img {
  opacity: 1;
}

.c-lightbox__item--fallback {
  border-color: transparent;
  background: rgba(81, 97, 115, 0.6);
}

.c-lightbox__item--fallback:is(:hover, :focus-visible, .is-active) {
  background: #516173;
}

.c-lightbox__item--contain img {
  object-fit: contain;
}

.c-lightbox__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  font-size: 16px;
  line-height: 0;
  color: #fff;
  transform: translate(-50%, -50%);
}

.c-lightbox__overlay {
  position: absolute;
  inset: 50% auto 0 0;
  z-index: 5;
  display: block;
  visibility: hidden;
  opacity: 0;
  width: calc(56px / 2);
  height: 100%;
  background: linear-gradient(to right, #2f3748 0%, rgba(47, 55, 72, 0) 100%);
  transform: translateY(-50%);
  pointer-events: none;
  transition: 0.2s all ease-in-out;
}

.c-lightbox__overlay ~ .c-lightbox__overlay {
  right: 0;
  left: auto;
  transform: translateY(-50%) rotate(180deg);
}

.c-lightbox__gallery.is-scrollable.is-scrolled .c-lightbox__overlay:first-child, .c-lightbox__gallery.is-scrollable:not(.is-scroll-end) .c-lightbox__overlay ~ .c-lightbox__overlay {
  visibility: visible;
  opacity: 1;
}

.c-lightbox__glow {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  width: 40px;
  background-color: #fff;
  filter: blur(32px);
  transform: translateY(-50%);
  pointer-events: none;
  transition: 0.3s transform ease-out, 0.5s 0.2s opacity linear;
}

.c-lightbox.is-initialized .c-lightbox__glow {
  opacity: 1;
}

.c-lightbox__glow:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-lightbox__caption {
  width: 100%;
  max-width: calc(12 * (56px + 16px) - 16px);
  text-align: center;
  transition: 0.2s all ease-in-out;
}

.c-lightbox__caption > *:first-child {
  padding-top: 1rem;
}

.c-lightbox__caption > *:last-child {
  padding-bottom: 1rem;
}

.c-lightbox.is-zoomed .c-lightbox__caption {
  transform: scale(0);
}

.c-lightbox__caption > .c-lightbox__title:empty + .c-lightbox__description:empty {
  display: none;
}

.c-lightbox__title {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-lightbox__title:empty {
  display: none;
}

.c-lightbox__description {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-lightbox__title + .c-lightbox__description {
  margin-top: 0.5rem;
}

.c-lightbox__description:empty {
  display: none;
}

.c-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: auto;
  max-width: 100%;
  height: 1.5714285714em;
  padding: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-decoration: none;
  color: #2f3748;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  text-underline-offset: 0.2em;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-link:hover {
  text-decoration: underline;
  color: #2f3748;
}

.c-link:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-link:active {
  text-decoration: none;
  color: #242b39;
}

.c-link--small {
  height: 1.5em;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5em;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
}

.c-link--secondary {
  color: #656c85;
}

.c-link--secondary:hover {
  color: #656c85;
}

.c-link--secondary:active {
  color: #2f3748;
}

.c-link--primary {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-link--primary:hover {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-link--primary:active {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-link--inversed {
  color: #fff;
}

.c-link--inversed:hover {
  color: #fff;
}

.c-link--inversed:active {
  color: #fff;
}

.c-link--underlined {
  text-decoration: underline;
}

.c-link--underlined:hover {
  text-decoration: none;
}

.c-link--underlined:active {
  text-decoration: none;
}

.c-link--icon {
  width: 1.5714285714em;
  min-width: auto;
}

.c-link--icon .c-link__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-link__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-link__slot {
  max-width: 100%;
  font-size: 16px;
  line-height: 0;
}

.c-list-group {
  position: relative;
}

ul.c-list-group__list {
  background-color: #fff;
}

.c-list-group__item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 64px;
  padding: 0.75rem 1rem;
  text-align: left;
  background-color: #fff;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  gap: 0.5rem;
}

.c-list-group__item[tabindex]:not([tabindex^="-"], .is-disabled):hover,
.c-list-group button.c-list-group__item:not(:disabled):hover,
.c-list-group a.c-list-group__item:not(.is-disabled):hover {
  background-color: #f5f7f9;
}

.c-list-group__item:focus-visible {
  z-index: 2;
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-list-group__item[tabindex]:not([tabindex^="-"], .is-disabled):active,
.c-list-group button.c-list-group__item:not(:disabled):active,
.c-list-group a.c-list-group__item:not(.is-disabled):active {
  background-color: #edf0f4;
}

.c-list-group__item.is-disabled, .c-list-group__item[disabled] {
  pointer-events: none;
  cursor: default;
  user-select: none;
}

.c-list-group__item.is-disabled > *, .c-list-group__item[disabled] > * {
  opacity: 0.5;
}

.c-list-group__item.is-checked {
  z-index: 1;
  background-color: #f5f7f9;
}

.c-list-group__item.is-checked[tabindex]:not([tabindex^="-"], .is-disabled):hover,
.c-list-group button.c-list-group__item.is-checked:not(:disabled):hover,
.c-list-group a.c-list-group__item.is-checked:not(.is-disabled):hover {
  background-color: #edf0f4;
}

.c-list-group__item.is-checked[tabindex]:not([tabindex^="-"], .is-disabled):active,
.c-list-group button.c-list-group__item.is-checked:not(:disabled):active,
.c-list-group a.c-list-group__item.is-checked:not(.is-disabled):active {
  background-color: #f5f7f9;
}

.c-list-group--box .c-list-group__item {
  margin-bottom: calc(1px * -1);
  border: 1px solid #edf0f4;
}

.c-list-group--box .c-list-group__item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.c-list-group--box .c-list-group__item:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.c-list-group__label-wrapper {
  flex-grow: 1;
  overflow: hidden;
}

.c-list-group__label {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #2f3748;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-list-group__description {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #656c85;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-list-group__slot {
  display: flex;
  align-items: center;
  line-height: 0;
  color: #2f3748;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-list-group__slot .o-icon {
  font-size: 16px;
}

.c-loading {
  position: relative;
  display: block;
  width: 1em;
  max-width: 100%;
  max-height: 100%;
}

.c-loading:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-loading__part {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-width: 0.16em;
  border-style: solid;
  border-color: transparent;
  border-top-color: inherit;
  border-radius: 50%;
  animation: c-loading 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.c-loading__part:first-child {
  animation-delay: -0.225s;
}

.c-loading__part:nth-child(2) {
  animation-delay: -0.15s;
}

.c-loading__part:nth-child(3) {
  animation-delay: -0.075s;
}

@keyframes c-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(720deg);
  }
}
.c-loading-overlay {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 72px;
  transition: 0.2s all ease-in-out;
}

.c-loading-overlay.is-active {
  visibility: visible;
  opacity: 1;
}

.c-loading-overlay__backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  background: #fff;
}

.c-loading-overlay__inner {
  position: relative;
  display: block;
  width: 1em;
  max-width: 100%;
  max-height: 100%;
}

.c-loading-overlay__inner:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-loading-overlay__item {
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.c-loading-overlay__item:first-child {
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  animation-name: triangle;
}

.c-loading-overlay__item:nth-child(2) {
  bottom: 0;
  border-radius: 50%;
  animation-name: circle;
}

.c-loading-overlay__item:last-child {
  right: 0;
  bottom: 0;
  animation-name: square;
}

@keyframes triangle {
  0%, 8.33%, 16.66%, 100% {
    transform: translate(0%, 0%);
  }
  24.99%, 33.32%, 41.65% {
    transform: translate(0, 100%);
  }
  49.98%, 58.31%, 66.64% {
    transform: translate(100%, 100%);
  }
  74.97%, 83.30%, 91.63% {
    transform: translate(100%, 0%);
  }
}
@keyframes circle {
  0%, 8.33%, 91.63%, 100% {
    transform: translate(0%, 0%);
  }
  16.66%, 24.99%, 33.32% {
    transform: translate(100%, 0%);
  }
  41.65%, 49.98%, 58.31% {
    transform: translate(100%, -100%);
  }
  66.64%, 74.97%, 83.30% {
    transform: translate(0%, -100%);
  }
}
@keyframes square {
  0%, 83.30%, 91.63%, 100% {
    transform: translate(0, 0);
  }
  8.33%, 16.66%, 24.99% {
    transform: translate(0, -100%);
  }
  33.32%, 41.65%, 49.98% {
    transform: translate(-100%, -100%);
  }
  58.31%, 66.64%, 74.97% {
    transform: translate(-100%, 0%);
  }
}
.c-media-uploader {
  position: relative;
}

.c-media-uploader__thumbnail {
  position: relative;
  user-select: none;
}

.c-media-uploader__thumbnail:after {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.c-media-uploader--1-1 .c-media-uploader__thumbnail:after {
  padding-top: 100%;
}

.c-media-uploader--4-3 .c-media-uploader__thumbnail:after {
  padding-top: 75%;
}

.c-media-uploader--fluid, .c-media-uploader--fluid .c-media-uploader__thumbnail {
  height: 100%;
}

.c-media-uploader--fluid .c-media-uploader__thumbnail:after {
  padding-top: 0;
}

.c-media-uploader__slot {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 8;
  display: none;
}

.c-media-uploader.is-uploaded .c-media-uploader__slot {
  display: block;
}

.c-media-uploader__inner {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background-color: #e3e8ed;
  transform: translateZ(0);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-media-uploader:not(.is-allowed, .is-disallowed) :is(button.c-media-uploader__inner:not(:disabled):hover, .c-media-uploader__input:not(:disabled):hover ~ .c-media-uploader__inner) {
  background-color: #d8dee5;
}

.c-media-uploader:not(.is-allowed, .is-disallowed) :is(button.c-media-uploader__inner:not(:disabled):active, .c-media-uploader__input:not(:disabled):active ~ .c-media-uploader__inner) {
  background-color: #c5ced8;
}

.c-media-uploader__inner:focus:focus, .c-media-uploader__inner:focus:focus-visible {
  outline: none;
}

.c-media-uploader__input:focus ~ .c-media-uploader__inner,
.c-media-uploader button.c-media-uploader__inner:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-media-uploader__inner:after {
  content: "";
  position: absolute;
  inset: 2px 2px 2px 2px;
  z-index: 9;
  display: block;
  opacity: 0;
  border: 2px solid transparent;
  border-radius: calc(8px - 2px);
  box-shadow: 0 0 0 2px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-media-uploader.is-allowed .c-media-uploader__inner:after {
  box-shadow: 0 0 0 2px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-media-uploader.is-disallowed .c-media-uploader__inner:after {
  box-shadow: 0 0 0 2px #df2f36;
}

.c-media-uploader.is-uploaded .c-media-uploader__inner:after {
  border-color: #fff;
}

.c-media-uploader:is(.is-allowed, .is-disallowed) .c-media-uploader__inner:after {
  opacity: 1;
}

.c-media-uploader__input ~ .c-media-uploader__inner:before,
.c-media-uploader button.c-media-uploader__inner:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 7;
  display: flex;
  opacity: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #2f3748;
  transition: 0.2s all ease-in-out;
}

.c-media-uploader.is-uploaded :is(button.c-media-uploader__inner:not(:disabled):is(:hover, :focus-visible), .c-media-uploader__input:not(:disabled):is(:hover, :focus) ~ .c-media-uploader__inner):before {
  opacity: 0.6;
}

.c-media-uploader.is-uploaded :is(button.c-media-uploader__inner:not(:disabled):active, .c-media-uploader__input:not(:disabled):active ~ .c-media-uploader__inner):before {
  opacity: 0.8;
}

.c-media-uploader:not(.is-allowed, .is-disallowed) :is(button.c-media-uploader__inner:not(:disabled):has(.c-media-uploader__overlay):is(:hover, :focus-visible), .c-media-uploader__input:not(:disabled):is(:hover, :focus) ~ .c-media-uploader__inner:has(.c-media-uploader__overlay)):before {
  opacity: 0.9;
}

.c-media-uploader:not(.is-allowed, .is-disallowed) :is(button.c-media-uploader__inner:not(:disabled):has(.c-media-uploader__overlay):active, .c-media-uploader__input:not(:disabled):active ~ .c-media-uploader__inner:has(.c-media-uploader__overlay)):before {
  opacity: 0.95;
}

.c-media-uploader__view {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.c-media-uploader:not(.is-allowed, .is-disallowed, .is-uploaded) .c-media-uploader__view:not(.c-media-uploader__view--allowed, .c-media-uploader__view--disallowed) {
  display: flex;
}

.c-media-uploader__view--allowed {
  z-index: 8;
  display: none;
  background: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-media-uploader.is-allowed .c-media-uploader__view--allowed {
  display: flex;
}

.c-media-uploader__view--disallowed {
  z-index: 8;
  display: none;
  background: #fff0f0;
}

.c-media-uploader.is-disallowed .c-media-uploader__view--disallowed {
  display: flex;
}

.c-media-uploader.is-uploaded .c-media-uploader__view {
  display: none;
}

.c-media-uploader.is-disabled .c-media-uploader__view, .c-media-uploader.is-loading .c-media-uploader__view {
  opacity: 0.3;
}

.c-media-uploader__overlay {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  color: #fff;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
}

.c-media-uploader:not(.is-allowed, .is-disallowed) :is(button.c-media-uploader__inner:not(:disabled):is(:hover, :focus-visible), .c-media-uploader__input:not(:disabled):is(:hover, :focus) ~ .c-media-uploader__inner) .c-media-uploader__overlay {
  visibility: visible;
  opacity: 1;
}

.c-media-uploader__action {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
}

.c-media-uploader__icon + .c-media-uploader__action {
  margin-top: 0.5rem;
}

.c-media-uploader__content {
  max-width: 280px;
  text-align: center;
}

.c-media-uploader__icon {
  font-size: 16px;
  line-height: 0;
}

.c-media-uploader__view--allowed .c-media-uploader__icon {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-media-uploader__view--disallowed .c-media-uploader__icon {
  color: #df2f36;
}

.c-media-uploader__text {
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.c-media-uploader__text:first-child {
  margin-top: 0;
}

.c-media-uploader__view--allowed .c-media-uploader__text {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-media-uploader__view--disallowed .c-media-uploader__text {
  color: #df2f36;
}

.c-media-uploader__description {
  margin-top: 0.25rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #516173;
}

.c-media-uploader__view--allowed .c-media-uploader__description {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-media-uploader__view--disallowed .c-media-uploader__description {
  color: #df2f36;
}

.c-media-uploader__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.c-media-uploader__input:disabled {
  cursor: default;
}

.c-media-uploader__loading {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: 0.2s all ease-in-out;
}

.c-media-uploader.is-loading .c-media-uploader__loading {
  visibility: visible;
  opacity: 1;
}

.c-media-uploader__progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  display: flex;
  transition: 0.2s all ease-in-out;
}

.c-media-uploader__input:focus-visible ~ .c-media-uploader__inner .c-media-uploader__progress, .c-media-uploader__inner:focus-visible .c-media-uploader__progress {
  right: 2px;
  bottom: 2px;
  left: 2px;
}

.c-media-uploader {
  /* stylelint-disable selector-max-compound-selectors */
}

.c-media-uploader.is-uploaded .c-media-uploader__input:focus-visible ~ .c-media-uploader__inner .c-media-uploader__progress, .c-media-uploader.is-uploaded .c-media-uploader__inner:focus-visible .c-media-uploader__progress {
  right: calc(2px + 2px);
  bottom: calc(2px + 2px);
  left: calc(2px + 2px);
}

.c-media-uploader {
  /* stylelint-enable selector-max-compound-selectors */
}

.c-media-uploader__media {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #2f3748;
  background: #e3e8ed;
}

.c-media-uploader__media img {
  object-fit: contain;
}

.c-media-uploader__media :is(img, picture) {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.c-media-uploader.is-uploaded .c-media-uploader__media {
  display: flex;
}

.c-media-uploader:is(.is-disabled, .is-loading) .c-media-uploader__media {
  opacity: 0.3;
}

.c-media-uploader--cover .c-media-uploader__media img {
  object-fit: cover;
}

.c-media-uploader__controls {
  margin-top: 1rem;
}

.c-modal {
  position: fixed;
  inset: 0;
  z-index: 1040;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.c-modal:focus:focus, .c-modal:focus:focus-visible {
  outline: none;
}

.c-modal.is-active {
  display: block;
  overflow: hidden auto;
}

.c-modal__dialog {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: auto;
  max-width: 936px;
  min-height: calc(100% - 2.5rem * 2);
  margin: 2.5rem auto 2.5rem auto;
  pointer-events: none;
  transition: 0.2s all ease-in-out;
  transform: translateY(-50px);
}

.c-modal.is-active .c-modal__dialog {
  transform: none;
}

.c-modal--small .c-modal__dialog {
  max-width: 328px;
}

.c-modal--medium .c-modal__dialog {
  max-width: 632px;
}

.c-modal--large .c-modal__dialog {
  max-width: 1240px;
}

.c-modal--extra-large .c-modal__dialog {
  max-width: 1552px;
}

.c-modal:is(.c-modal--fluid, .c-modal--fluid-width) .c-modal__dialog {
  max-width: calc(100% - 2.5rem * 2);
}

.c-modal:is(.c-modal--fluid, .c-modal--fluid-height) .c-modal__dialog {
  align-items: stretch;
}

.c-modal:is(.c-modal--fluid, .c-modal--fluid-height) .c-modal__body {
  height: 100%;
}

.c-modal:is(.c-modal--full, .c-modal--full-width) .c-modal__dialog {
  max-width: 100%;
}

.c-modal:is(.c-modal--full, .c-modal--full-height) .c-modal__dialog {
  align-items: stretch;
  min-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.c-modal:is(.c-modal--full, .c-modal--full-height) .c-modal__inner {
  border-radius: 0;
}

.c-modal:is(.c-modal--full, .c-modal--full-height) .c-modal__body {
  height: 100%;
}

.c-modal__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
}

.c-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 1030;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 43, 57, 0.8);
  transition: 0.3s opacity linear;
}

.c-modal__backdrop--multi-layer {
  background-color: rgba(36, 43, 57, 0.95);
}

.c-modal__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 64px;
  padding: 0.5rem 1.5rem;
}

.c-modal__icon {
  font-size: 16px;
  line-height: 0;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-modal__title {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #242b39;
  letter-spacing: normal;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-modal__body {
  position: relative;
  flex-grow: 1;
  padding: 1rem 1.5rem;
  border-top: 1px solid #edf0f4;
}

.c-modal__main .c-modal__header + .c-modal__body {
  padding-top: 0;
  border-top: 0;
}

.c-modal__body:first-child, .c-modal__section--tabs + .c-modal__body {
  border-top: 0;
}

.c-modal__footer {
  padding: 1rem 1.5rem;
  margin-top: auto;
  border-top: 1px solid #edf0f4;
}

.c-modal__section {
  padding: 1rem 1.5rem;
}

.c-modal__section + .c-modal__section, .c-modal__body + .c-modal__section {
  border-top: 1px solid #edf0f4;
}

.c-modal__header + .c-modal__section {
  padding-top: 0;
}

.c-modal__section--tabs {
  position: relative;
  padding-bottom: 0;
}

.c-modal__section--tabs:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  height: 2px;
  background: #edf0f4;
}

.c-modal__split-container {
  display: flex;
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}

.c-modal__main {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  background: #f5f7f9;
}

.c-modal__sidebar {
  display: flex;
  flex: 0 0 328px;
  flex-direction: column;
  max-width: 328px;
  border-right: 1px solid #edf0f4;
}

.c-modal__main + .c-modal__sidebar {
  border-right: 0;
  border-left: 1px solid #edf0f4;
}

.c-modal__sidebar-body {
  height: 100%;
  padding: 1rem 1.5rem;
}

.c-modal__header + .c-modal__sidebar-body {
  padding-top: 0;
}

.c-modal--compact .c-modal__body {
  border-top: 0;
}

.c-modal--compact :is(.c-modal__header, .c-modal__section:not(.c-modal__section--tabs)) + .c-modal__body {
  padding-top: 0;
}

.c-modal--compact .c-modal__footer {
  padding-top: 0;
  border-top: 0;
}

.c-modal--compact :is(.c-modal__section, .c-modal__body) + .c-modal__section {
  border-top: 0;
}

.c-modal--scrollable:not(.c-modal--full-height):not(.c-modal--full):not(.c-modal--sheet) :is(.c-modal__dialog, .c-modal__inner) {
  max-height: calc(100% - 2.5rem * 2);
}

.c-modal--scrollable :is(.c-modal--full-height :is(.c-modal__dialog, .c-modal__inner), .c-modal--full :is(.c-modal__dialog, .c-modal__inner), .c-modal--sheet :is(.c-modal__dialog, .c-modal__inner)) {
  max-height: 100%;
}

.c-modal--scrollable .c-modal__main {
  display: flex;
}

.c-modal--scrollable:not(.c-modal--fluid-height):not(.c-modal--fluid):not(.c-modal--full-height):not(.c-modal--full) .c-modal__dialog, .c-modal--scrollable .c-modal__main {
  flex-direction: column;
}

.c-modal--scrollable :is(.c-modal__sidebar-body, .c-modal__body) {
  overflow-y: auto;
}

.c-modal--scrollable :is(.c-modal__sidebar-body, .c-modal__body)::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-modal--scrollable :is(.c-modal__sidebar-body, .c-modal__body)::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-modal--scrollable :is(.c-modal__sidebar-body, .c-modal__body)::-webkit-scrollbar-track {
  background: transparent;
}

.c-modal--scrollable :is(.c-modal__sidebar-body, .c-modal__body) {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-modal--centered:not(.c-modal--scrollable):not(.c-modal--fluid-height):not(.c-modal--fluid):not(.c-modal--full-height):not(.c-modal--full):not(.c-modal--sheet) .c-modal__dialog {
  align-items: center;
  justify-content: center;
}

.c-modal--centered.c-modal--scrollable:not(.c-modal--fluid-height):not(.c-modal--fluid):not(.c-modal--full-height):not(.c-modal--full):not(.c-modal--sheet) .c-modal__dialog {
  justify-content: center;
}

.c-modal--sheet .c-modal__dialog {
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.c-modal--sheet .c-modal__inner {
  height: calc(100% - 3rem);
  margin-top: 3rem;
  border-radius: 12px 12px 0 0;
}

.c-navigation--boxed {
  padding: 0.5rem;
  border-radius: 6px;
  border: 1px solid #edf0f4;
}

.c-navigation__group {
  margin-bottom: 2rem;
  --__pf__navigation-extra-spacing: 0px;
  --__pf__navigation-indent-start: 1;
}

.c-navigation__group:has(.c-navigation__list > .c-navigation__item > .c-navigation__link-wrapper > .c-navigation__link > .c-navigation__slot:first-child) {
  --__pf__navigation-extra-spacing: calc(
    16px + 0.75rem
  );
  --__pf__navigation-indent-start: 2;
}

.c-navigation__group:last-child {
  margin-bottom: 0;
}

.c-navigation__group-label {
  display: block;
  padding: 0 0.5rem 0 calc(0.75rem + var(--__pf__navigation-extra-spacing));
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #2f3748;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-navigation--collapsed .c-navigation__group-label {
  display: none;
}

.c-navigation__list, .c-navigation__sublist {
  padding: 0;
  margin: 0;
  list-style: none;
}

.c-navigation__list {
  margin: calc(0.5rem * -1) 0;
}

.c-navigation__sublist {
  display: none;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  --pf-navigation-level: 0;
}

.c-navigation__sublist:not([style*="--pf-navigation-level"]) .c-navigation__sublist:not([style*="--pf-navigation-level"]) {
  padding-left: calc(calc(0.75rem + 16px + 0.75rem) + 16px);
}

.c-navigation__sublist:not([style*="--pf-navigation-level"]) .c-navigation__sublist:not([style*="--pf-navigation-level"]) .c-navigation__sublist:not([style*="--pf-navigation-level"]) {
  padding-left: 16px;
}

.c-navigation--collapsed .c-navigation__sublist {
  display: none;
}

.c-navigation:not(.c-navigation--collapsed) :is(.c-navigation__item, .c-navigation__subitem).is-active > .c-navigation__sublist {
  display: block;
}

.c-navigation__item, .c-navigation__subitem {
  position: relative;
}

.c-navigation__item {
  margin: 0.5rem 0;
}

.c-navigation__subitem {
  margin: 0.5rem 0;
}

.c-navigation__link-wrapper {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  border-radius: 8px;
}

.c-navigation__link-wrapper:has(.c-navigation__link.is-selected):is(:not(:hover), :is(.is-disabled, :disabled)) {
  background: #f5f7f9;
}

.c-navigation__link-wrapper:has(.c-navigation__sublink.is-selected):is(:not(:hover), :is(.is-disabled, :disabled)) {
  background: #f5f7f9;
}

.c-navigation__link, .c-navigation__sublink {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  text-align: left;
  user-select: none;
}

.c-navigation--collapsed .c-navigation__link {
  flex-direction: column;
  text-align: center;
}

:is(.c-navigation__link, .c-navigation__sublink):is(:disabled, .is-disabled) {
  pointer-events: none;
}

:is(.c-navigation__link, .c-navigation__sublink), :is(.c-navigation__link, .c-navigation__sublink):hover {
  text-decoration: none;
}

.c-navigation__link, .c-navigation__sublink {
  position: relative;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

:is(.c-navigation__link, .c-navigation__sublink):focus-visible {
  z-index: 1;
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

:is(.c-navigation__link, .c-navigation__sublink).is-selected:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  transform: translateY(-50%);
}

.c-navigation--collapsed :is(.c-navigation__link, .c-navigation__sublink).is-selected:before {
  top: auto;
  bottom: 3px;
  left: 50%;
  width: 16px;
  height: 3px;
  transform: translateX(-50%);
}

:is(.c-navigation__link, .c-navigation__sublink):is(:disabled, .is-disabled).is-selected:before {
  background: #b3becb;
}

.c-navigation__link {
  min-height: 2.5rem;
  padding: 0 0.5rem 0 0.75rem;
  color: #2f3748;
  border-radius: 8px;
  background-color: transparent;
}

.c-navigation--collapsed .c-navigation__link {
  padding: 0.5rem 0.5rem;
}

.c-navigation__link:hover {
  color: #2f3748;
  border-color: #f5f7f9;
  background-color: #f5f7f9;
}

.c-navigation__link:active {
  color: #2f3748;
  border-color: #edf0f4;
  background-color: #edf0f4;
}

.c-navigation__link:is(.is-disabled, :disabled) {
  color: #b3becb;
  border-color: transparent;
  background: transparent;
}

.c-navigation__item.is-active > .c-navigation__link-wrapper > .c-navigation__link:not(:disabled, .is-disabled, :hover, :active, .is-selected) {
  color: #2f3748;
  border-color: transparent;
  background: transparent;
}

.c-navigation__link:first-child.is-selected:not(:disabled, .is-disabled, :hover, :active), .c-navigation__toggle:not(:hover) + .c-navigation__link.is-selected:not(:disabled, .is-disabled, :hover, :active) {
  color: #2f3748;
  border-color: #f5f7f9;
  background: #f5f7f9;
}

.c-navigation__link.is-selected:not(:disabled, .is-disabled):hover {
  color: #2f3748;
  border-color: #f5f7f9;
  background-color: #f5f7f9;
}

.c-navigation__link.is-selected:not(:disabled, .is-disabled):active {
  color: #2f3748;
  border-color: #edf0f4;
  background-color: #edf0f4;
}

.c-navigation__sublink {
  min-height: 2rem;
  padding-right: 0.5rem;
  color: #656c85;
  border-radius: 6px;
  background-color: transparent;
}

.c-navigation__sublist:not([style*="--pf-navigation-level"]) .c-navigation__sublink {
  padding-left: calc(0.75rem + 16px + 0.75rem);
}

.c-navigation__sublist[style*="--pf-navigation-level"] .c-navigation__sublink {
  padding-left: max(0.75rem, 0.75rem + var(--__pf__navigation-extra-spacing) + (var(--pf-navigation-level) - var(--__pf__navigation-indent-start)) * 16px);
}

.c-navigation__sublink:hover {
  color: #2f3748;
  border-color: #f5f7f9;
  background-color: #f5f7f9;
}

.c-navigation__sublink:active {
  color: #2f3748;
  border-color: #edf0f4;
  background-color: #edf0f4;
}

.c-navigation__sublink:is(.is-disabled, :disabled) {
  color: #b3becb;
  border-color: transparent;
  background: transparent;
}

.c-navigation__subitem.is-active > .c-navigation__link-wrapper > .c-navigation__sublink:not(:disabled, .is-disabled, :hover, :active, .is-selected) {
  color: #2f3748;
  border-color: transparent;
  background: transparent;
}

.c-navigation__sublink:first-child.is-selected:not(:disabled, .is-disabled, :hover, :active), .c-navigation__toggle:not(:hover) + .c-navigation__sublink.is-selected:not(:disabled, .is-disabled, :hover, :active) {
  color: #2f3748;
  border-color: #f5f7f9;
  background: #f5f7f9;
}

.c-navigation__sublink.is-selected:not(:disabled, .is-disabled):hover {
  color: #2f3748;
  border-color: #f5f7f9;
  background-color: #f5f7f9;
}

.c-navigation__sublink.is-selected:not(:disabled, .is-disabled):active {
  color: #2f3748;
  border-color: #edf0f4;
  background-color: #edf0f4;
}

.c-navigation__subitem > .c-navigation__sublist:not([style*="--pf-navigation-level"]) .c-navigation__sublink {
  padding-left: 0.75rem;
}

.c-navigation__link--toggle {
  padding-right: calc(0.5rem + 2.5rem);
}

.c-navigation__sublink--toggle {
  padding-right: calc(0.5rem + 2.5rem);
}

.c-navigation__slot {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 0;
  color: #656c85;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-navigation--collapsed .c-navigation__slot ~ .c-navigation__slot {
  position: absolute;
  top: -2px;
  right: -2px;
}

.c-navigation__link:not(:disabled, .is-disabled):hover .c-navigation__slot {
  color: #2f3748;
}

.c-navigation__link:not(:disabled, .is-disabled):active .c-navigation__slot {
  color: #2f3748;
}

.c-navigation__link:is(:disabled, .is-disabled) .c-navigation__slot {
  color: #b3becb;
}

.c-navigation__link:not(:disabled, .is-disabled).is-selected .c-navigation__slot {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-navigation__label {
  display: block;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-navigation__link .c-navigation__label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: normal;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-navigation__sublink .c-navigation__label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: normal;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-navigation--collapsed .c-navigation__link .c-navigation__label {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-navigation__toggle {
  position: relative;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  color: #656c85;
  border-radius: 8px;
  background-color: transparent;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-navigation__toggle:before, .c-navigation__link--toggle:after, .c-navigation__sublink--toggle:after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  mask-image: url('data:image/svg+xml,%0A%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 11.793a.5.5 0 0 0 .854.353l3.792-3.792a.5.5 0 0 0 0-.708L6.854 3.854A.5.5 0 0 0 6 4.207v7.586Z"/%3E%3C/svg%3E%0A');
  mask-position: center;
  mask-size: 16px;
  mask-repeat: no-repeat;
  background-color: currentcolor;
  transition: 0.2s transform linear, 0.2s background-image ease-in-out;
}

.c-navigation__toggle:before {
  inset: 50% auto auto 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.c-navigation__link--toggle:after, .c-navigation__sublink--toggle:after {
  top: 0;
  color: #656c85;
}

.c-navigation__link--toggle:after {
  right: 0;
  width: 2.5rem;
}

.c-navigation__sublink--toggle:after {
  right: calc((2.5rem - 2rem) * 0.5);
  width: 2rem;
}

.c-navigation--collapsed .c-navigation__toggle, .c-navigation--collapsed .c-navigation__link--toggle:after, .c-navigation--collapsed .c-navigation__sublink--toggle:after {
  display: none;
}

.c-navigation__toggle:not(:disabled):hover {
  color: #2f3748;
  background-color: #f5f7f9;
}

:is(.c-navigation__link--toggle, .c-navigation__sublink--toggle):hover:after {
  color: #2f3748;
}

.c-navigation__toggle:focus-visible {
  z-index: 1;
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-navigation__toggle:not(:disabled):active {
  color: #2f3748;
  background-color: #edf0f4;
}

:is(.c-navigation__link--toggle, .c-navigation__sublink--toggle):active:after {
  color: #2f3748;
}

.c-navigation__toggle:disabled {
  color: #b3becb;
  background-color: transparent;
  pointer-events: none;
}

:is(.c-navigation__link--toggle, .c-navigation__sublink--toggle):is(:disabled, .is-disabled):after {
  color: #b3becb;
}

.c-navigation__item.is-active > .c-navigation__link-wrapper > .c-navigation__toggle:before, .c-navigation__subitem.is-active > .c-navigation__link-wrapper > .c-navigation__toggle:before, .c-navigation__item.is-active > .c-navigation__link-wrapper > .c-navigation__link--toggle:after, .c-navigation__subitem.is-active > .c-navigation__link-wrapper > .c-navigation__sublink--toggle:after {
  mask-image: url('data:image/svg+xml,%0A%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 11.793a.5.5 0 0 0 .854.353l3.792-3.792a.5.5 0 0 0 0-.708L6.854 3.854A.5.5 0 0 0 6 4.207v7.586Z"/%3E%3C/svg%3E%0A');
}

.c-navigation__item.is-active > .c-navigation__link-wrapper > .c-navigation__toggle:before, .c-navigation__subitem.is-active > .c-navigation__link-wrapper > .c-navigation__toggle:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.c-navigation__item.is-active > .c-navigation__link-wrapper > .c-navigation__link--toggle:after, .c-navigation__subitem.is-active > .c-navigation__link-wrapper > .c-navigation__sublink--toggle:after {
  transform: rotate(90deg);
}

.c-navigation__toggle:not(:disabled):has(+ :is(.c-navigation__link, .c-navigation__sublink).is-selected:not(:disabled, .is-disabled, :hover)) {
  background-color: #f5f7f9;
}

.c-navigation__toggle:not(:disabled):has(+ :is(.c-navigation__link, .c-navigation__sublink).is-selected:not(:disabled, .is-disabled, :hover)):hover {
  background-color: #f5f7f9;
}

.c-navigation__toggle:not(:disabled):has(+ :is(.c-navigation__link, .c-navigation__sublink).is-selected:not(:disabled, .is-disabled, :active)):active {
  background-color: #edf0f4;
}

.c-navigation__subitem .c-navigation__toggle {
  width: 2rem;
  height: 2rem;
  margin-right: calc((2.5rem - 2rem) * 0.5);
  border-radius: 6px;
}

.c-notification {
  position: relative;
  min-height: 3rem;
  overflow: hidden;
  text-align: left;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0.5px 1px 0 rgba(0, 0, 0, 0.1);
  transform: translateZ(0);
}

.c-notification {
  border: 1px solid #c5ced8;
}

.c-notification:not(.c-notification--extended) {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #2f3748;
  background: #fff;
  gap: 0.5rem;
  letter-spacing: normal;
}

.c-notification--dismissable:not(.c-notification--extended) {
  padding-right: calc(1rem * 2 + 1.5rem);
}

.c-notification--sticky {
  position: fixed;
  inset: 1rem 1rem auto auto;
  z-index: 1020;
  border-width: 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.c-notification--sticky.c-notification--left {
  right: auto;
  left: 1rem;
}

.c-notification--sticky.c-notification--center {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.c-notification--sticky.c-notification--bottom {
  top: auto;
  bottom: 1rem;
}

.c-notification__icon {
  font-size: 16px;
  line-height: 0;
  color: #656c85;
}

.c-notification.is-loading .c-notification__icon {
  display: none;
}

.c-notification__close {
  position: absolute;
  inset: 50% 1rem auto auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 16px;
  color: #656c85;
  transform: translateY(-50%);
}

.c-notification__close:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-notification__loading {
  display: none;
  font-size: 16px;
  line-height: 0;
  color: #656c85;
}

.c-notification.is-loading .c-notification__loading {
  display: block;
}

.c-notification__progress-bar {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 1px;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  transition: 0.2s width linear;
}

.c-notification:not(.c-notification--auto-dismiss) .c-notification__progress-bar {
  right: auto;
}

.c-notification:not(.c-notification--auto-dismiss) .c-notification__progress-bar:not([style*=width]) {
  visibility: hidden;
  opacity: 0;
  width: 50%;
  animation: notification-progress-bar-loop 3s ease-in-out;
  animation-iteration-count: infinite;
}

.c-notification.is-loading:not(.c-notification--auto-dismiss) .c-notification__progress-bar {
  visibility: visible;
  opacity: 1;
}

.c-notification--auto-dismiss .c-notification__progress-bar {
  right: 0;
  width: 100%;
  animation: notification-progress-bar 10s linear;
  animation-fill-mode: forwards;
}

.c-notification--extended {
  border: 0;
}

.c-notification--extended .c-notification__progress-bar {
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-notification__header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #2f3748;
  background: #fff;
  gap: 0.5rem;
  letter-spacing: normal;
  border-bottom: 1px solid #edf0f4;
}

.c-notification--dismissable .c-notification__header {
  padding-right: calc(1rem * 2 + 1.5rem);
}

.c-notification__body {
  padding: 0.75rem 1rem;
  border-top: 1px solid #fff;
  background: #fff;
}

.c-notification a, .c-notification a:hover, .c-notification a:focus, .c-notification a:active {
  text-decoration: underline;
  color: inherit;
}

.c-notification a:focus {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-notification__slot {
  margin-left: auto;
}

.c-notification--success {
  border: 0;
}

.c-notification--success:not(.c-notification--extended), .c-notification--success.c-notification--extended .c-notification__header {
  color: #fff;
  border-color: #0c874b;
  background-color: #0c874b;
}

.c-notification--success :is(.c-notification__icon, .c-notification__loading, .c-notification__close) {
  color: #fff;
}

.c-notification--success .c-notification__progress-bar {
  background-color: #fff;
}

.c-notification--extended.c-notification--success .c-notification__progress-bar {
  background-color: #0c874b;
}

.c-notification--success .c-notification__header {
  border-color: #0c874b;
}

.c-notification--info {
  border: 0;
}

.c-notification--info:not(.c-notification--extended), .c-notification--info.c-notification--extended .c-notification__header {
  color: #fff;
  border-color: #077fae;
  background-color: #077fae;
}

.c-notification--info :is(.c-notification__icon, .c-notification__loading, .c-notification__close) {
  color: #fff;
}

.c-notification--info .c-notification__progress-bar {
  background-color: #fff;
}

.c-notification--extended.c-notification--info .c-notification__progress-bar {
  background-color: #077fae;
}

.c-notification--info .c-notification__header {
  border-color: #077fae;
}

.c-notification--warning {
  border: 0;
}

.c-notification--warning:not(.c-notification--extended), .c-notification--warning.c-notification--extended .c-notification__header {
  color: #2f3748;
  border-color: #f7981c;
  background-color: #f7981c;
}

.c-notification--warning :is(.c-notification__icon, .c-notification__loading, .c-notification__close) {
  color: #2f3748;
}

.c-notification--warning .c-notification__progress-bar {
  background-color: #2f3748;
}

.c-notification--extended.c-notification--warning .c-notification__progress-bar {
  background-color: #ad6507;
}

.c-notification--warning .c-notification__header {
  border-color: #f7981c;
}

.c-notification--error {
  border: 0;
}

.c-notification--error:not(.c-notification--extended), .c-notification--error.c-notification--extended .c-notification__header {
  color: #fff;
  border-color: #df2f36;
  background-color: #df2f36;
}

.c-notification--error :is(.c-notification__icon, .c-notification__loading, .c-notification__close) {
  color: #fff;
}

.c-notification--error .c-notification__progress-bar {
  background-color: #fff;
}

.c-notification--extended.c-notification--error .c-notification__progress-bar {
  background-color: #df2f36;
}

.c-notification--error .c-notification__header {
  border-color: #df2f36;
}

@keyframes notification-progress-bar {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes notification-progress-bar-loop {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}
.c-popover {
  position: absolute;
  z-index: 1010;
  display: block;
  opacity: 0;
}

.c-popover.is-active {
  opacity: 1;
}

.c-popover__inner {
  position: relative;
  margin-top: 0.5rem;
}

.c-popover[placement^=top] .c-popover__inner {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.c-popover[placement^=right] .c-popover__inner {
  margin-top: 0;
  margin-left: 0.5rem;
}

.c-popover[placement^=left] .c-popover__inner {
  margin-top: 0;
  margin-right: 0.5rem;
}

.c-popover__content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 320px;
  overflow: hidden;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  text-align: left;
  text-transform: none;
  color: #656c85;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.12);
  letter-spacing: normal;
}

.c-popover__scroll-container {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 1.5rem 1.5rem;
  overflow: auto;
}

.c-popover__scroll-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-popover__scroll-container::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-popover__scroll-container::-webkit-scrollbar-track {
  background: transparent;
}

.c-popover__scroll-container {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-popover--spaceless .c-popover__scroll-container {
  padding: 0;
}

.c-progress {
  display: flex;
  width: 100%;
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background-color: #e3e8ed;
}

.c-progress--transparent {
  background-color: transparent;
}

.c-progress--small {
  height: 2px;
  border-radius: 1px;
}

.c-progress__bar {
  border-radius: 2px;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  transition: 0.2s width linear;
}

.c-progress.is-complete .c-progress__bar, .c-progress--success .c-progress__bar {
  background-color: #0c874b;
}

.c-progress--info .c-progress__bar {
  background-color: #077fae;
}

.c-progress--warning .c-progress__bar {
  background-color: #ad6507;
}

.c-progress.has-error .c-progress__bar, .c-progress--error .c-progress__bar {
  background-color: #df2f36;
}

.c-progress--dark .c-progress__bar {
  background-color: #2f3748;
}

.c-progress--light .c-progress__bar {
  background-color: #fff;
}

.c-progress--small .c-progress__bar {
  border-radius: 1px;
}

.c-progress.is-looped .c-progress__bar {
  width: 50%;
  animation: progress-bar-loop 3s ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes progress-bar-loop {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}
.c-rating {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.c-rating__list {
  box-sizing: content-box;
  margin: calc(0.125rem * -1);
  font-size: 0;
  line-height: 0;
}

.c-rating__item {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
  transition-property: background-color, transform;
}

.c-rating__item:after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid transparent;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  mask-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.462 2.00132C11.8023 1.83906 12.1977 1.83906 12.538 2.00132C12.8223 2.13688 12.9852 2.37531 13.0782 2.52706C13.1735 2.68275 13.273 2.8844 13.3769 3.09498L15.5766 7.5513C15.5807 7.55964 15.5846 7.56747 15.5882 7.57484C15.5963 7.57604 15.605 7.5773 15.6142 7.57865L20.5345 8.29783C20.7668 8.33175 20.9892 8.36423 21.1667 8.4069C21.3397 8.4485 21.6166 8.53 21.8332 8.75861C22.0925 9.03225 22.2144 9.40826 22.165 9.78196C22.1238 10.0942 21.9474 10.3227 21.8317 10.4579C21.713 10.5965 21.552 10.7534 21.3838 10.9171L17.8247 14.3837C17.8181 14.3902 17.8118 14.3963 17.8059 14.402C17.8073 14.4102 17.8088 14.4188 17.8103 14.4279L18.6501 19.3243C18.6899 19.5558 18.7279 19.7775 18.7423 19.9595C18.7564 20.1369 18.7647 20.4256 18.6143 20.7025C18.4344 21.0338 18.1145 21.2662 17.7437 21.3349C17.434 21.3923 17.162 21.2951 16.9976 21.2269C16.829 21.157 16.6299 21.0522 16.422 20.9429L12.0233 18.6296C12.015 18.6253 12.0073 18.6212 12 18.6174C11.9927 18.6212 11.985 18.6253 11.9767 18.6296L7.578 20.9429C7.37011 21.0522 7.17105 21.157 7.0024 21.2269C6.83803 21.2951 6.56601 21.3923 6.25625 21.3349C5.88553 21.2662 5.56563 21.0338 5.38567 20.7025C5.2353 20.4256 5.24364 20.1369 5.25768 19.9595C5.2721 19.7775 5.31014 19.5558 5.34988 19.3243L6.18966 14.4279C6.19124 14.4188 6.19271 14.4102 6.1941 14.402C6.1882 14.3963 6.18194 14.3902 6.17527 14.3837L2.61619 10.9171C2.44801 10.7534 2.28696 10.5965 2.16831 10.4579C2.05265 10.3227 1.87619 10.0942 1.83496 9.78196C1.78561 9.40826 1.90753 9.03225 2.16678 8.75861C2.38336 8.53 2.66033 8.4485 2.83332 8.4069C3.01076 8.36423 3.23319 8.33175 3.46546 8.29783C3.47514 8.29642 3.48484 8.295 3.49456 8.29358L8.38582 7.57865C8.39502 7.5773 8.40366 7.57604 8.4118 7.57484C8.41545 7.56747 8.41931 7.55964 8.42343 7.5513L10.6231 3.09498C10.727 2.8844 10.8265 2.68275 10.9218 2.52706C11.0148 2.37531 11.1777 2.13688 11.462 2.00132Z" /%3E%3C/svg%3E%0A');
  transition: 0.2s all ease-in-out;
}

.c-rating__input:disabled + .c-rating__item {
  cursor: default;
}

.c-rating__input:disabled + .c-rating__item:after {
  background-color: #c5ced8;
}

.c-rating__input:focus-visible + .c-rating__item {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 0;
}

.c-rating__input:not(:disabled) + .c-rating__item:hover {
  transform: scale(1.2);
}

.c-rating__input:not(:disabled) + .c-rating__item:hover:after, .c-rating__list:hover:not(:active) > .c-rating__input:not(:disabled) + .c-rating__item:after, .c-rating__list:hover:not(:active) .c-rating__input:checked:not(:disabled) + .c-rating__item ~ .c-rating__item:not(:hover):after {
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-rating__input:checked:disabled + .c-rating__item ~ .c-rating__item:after {
  background-color: #e3e8ed;
}

.c-rating__input:not(:disabled):checked + .c-rating__item ~ .c-rating__item:not(:hover):after, .c-rating__list:hover > .c-rating__input:not(:disabled) + .c-rating__item:hover ~ .c-rating__input:not(:disabled) + .c-rating__item:not(:hover):after {
  background-color: #656c85;
}

.c-rating__input:not(:disabled) + .c-rating__item:active:after, .c-rating__input:not(:disabled):checked + .c-rating__item:active:after {
  background-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.c-rating__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-rating__label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #2f3748;
  letter-spacing: normal;
}

.c-segmented-control {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  max-width: 100%;
}

.c-segmented-control {
  --__pf__segmented-control-size: 2.5rem;
  --__pf__segmented-control-spacing: 0.75rem;
  --__pf__segmented-control-inner-spacing: 0.375rem;
  --__pf__segmented-control-font-size: 0.875rem;
  --__pf__segmented-control-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__segmented-control-font-weight: 500;
  --__pf__segmented-control-letter-spacing: normal;
  --__pf__segmented-control-border-radius: 8px;
  --__pf__segmented-control-border-width: 1px;
  --__pf__segmented-control-icon-size: 16px;
}

.c-segmented-control--tiny {
  --__pf__segmented-control-size: 1.5rem;
  --__pf__segmented-control-spacing: 0.5rem;
  --__pf__segmented-control-inner-spacing: 0.375rem;
  --__pf__segmented-control-font-size: 0.875rem;
  --__pf__segmented-control-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__segmented-control-font-weight: 400;
  --__pf__segmented-control-letter-spacing: normal;
  --__pf__segmented-control-border-radius: 4px;
  --__pf__segmented-control-border-width: 1px;
  --__pf__segmented-control-icon-size: 16px;
}

.c-segmented-control--small {
  --__pf__segmented-control-size: 2rem;
  --__pf__segmented-control-spacing: 0.5rem;
  --__pf__segmented-control-inner-spacing: 0.375rem;
  --__pf__segmented-control-font-size: 0.875rem;
  --__pf__segmented-control-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__segmented-control-font-weight: 400;
  --__pf__segmented-control-letter-spacing: normal;
  --__pf__segmented-control-border-radius: 6px;
  --__pf__segmented-control-border-width: 1px;
  --__pf__segmented-control-icon-size: 16px;
}

.c-segmented-control--large {
  --__pf__segmented-control-size: 3rem;
  --__pf__segmented-control-spacing: 1rem;
  --__pf__segmented-control-inner-spacing: 0.5rem;
  --__pf__segmented-control-font-size: 0.875rem;
  --__pf__segmented-control-font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  --__pf__segmented-control-font-weight: 500;
  --__pf__segmented-control-letter-spacing: normal;
  --__pf__segmented-control-border-radius: 8px;
  --__pf__segmented-control-border-width: 1px;
  --__pf__segmented-control-icon-size: 16px;
}

.c-segmented-control__item {
  overflow: hidden;
}

.c-segmented-control__item:has(.c-segmented-control__input:focus-visible) {
  z-index: 1;
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-segmented-control__item:first-child {
  border-top-left-radius: var(--__pf__segmented-control-border-radius);
  border-bottom-left-radius: var(--__pf__segmented-control-border-radius);
}

.c-segmented-control__item:last-child {
  border-top-right-radius: var(--__pf__segmented-control-border-radius);
  border-bottom-right-radius: var(--__pf__segmented-control-border-radius);
}

.c-segmented-control__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-segmented-control__control {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--__pf__segmented-control-inner-spacing);
  width: auto;
  min-width: var(--__pf__segmented-control-size);
  height: var(--__pf__segmented-control-size);
  padding: 0 var(--__pf__segmented-control-spacing);
  font-weight: var(--__pf__segmented-control-font-weight);
  font-size: var(--__pf__segmented-control-font-size);
  line-height: var(--__pf__segmented-control-size);
  font-family: var(--__pf__segmented-control-font-family);
  text-decoration: none;
  color: #656c85;
  border-width: 1px;
  border-color: #c5ced8;
  border-top-style: solid;
  border-bottom-style: solid;
  background: #fff;
  cursor: pointer;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: var(--__pf__segmented-control-letter-spacing);
  user-select: none;
}

.c-segmented-control__control:not(:active):hover {
  text-decoration: none;
  color: #2f3748;
  border-color: #c5ced8;
  background: #f5f7f9;
}

.c-segmented-control__control:active {
  color: #2f3748;
  border-color: #c5ced8;
  background: #edf0f4;
}

.c-segmented-control__input:checked:not(:disabled) + .c-segmented-control__control {
  color: #fff;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-segmented-control__input:checked:not(:disabled) + .c-segmented-control__control:not(:active):hover {
  color: #fff;
  border-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  background: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.c-segmented-control__input:checked:not(:disabled) + .c-segmented-control__control:active {
  color: #fff;
  border-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
}

.c-segmented-control__input:disabled + .c-segmented-control__control {
  color: #b3becb;
  border-color: #c5ced8;
  background: #fafafb;
  cursor: not-allowed;
}

.c-segmented-control__item:first-child .c-segmented-control__control {
  border-left-style: solid;
  border-top-left-radius: var(--__pf__segmented-control-border-radius);
  border-bottom-left-radius: var(--__pf__segmented-control-border-radius);
}

.c-segmented-control__item:last-child .c-segmented-control__control {
  border-right-style: solid;
  border-top-right-radius: var(--__pf__segmented-control-border-radius);
  border-bottom-right-radius: var(--__pf__segmented-control-border-radius);
}

.c-segmented-control__control:before, .c-segmented-control__control:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1px;
  background: #edf0f4;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-segmented-control__control:before {
  left: 0;
}

.c-segmented-control__control:after {
  right: 0;
}

.c-segmented-control__item:first-child .c-segmented-control__control:before, .c-segmented-control__item:last-child .c-segmented-control__control:after {
  content: none;
}

.c-segmented-control__input:checked:not(:disabled) + .c-segmented-control__control:before, .c-segmented-control__input:checked:not(:disabled) + .c-segmented-control__control:after {
  background: inherit;
}

.c-segmented-control__slot {
  max-width: 100%;
  font-size: var(--__pf__segmented-control-icon-size);
  line-height: 0;
}

.c-segmented-control__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-segmented-control--fluid {
  display: flex;
  width: 100%;
}

.c-segmented-control--fluid .c-segmented-control__item {
  flex-basis: 100%;
}

.c-stepper {
  position: relative;
  display: flex;
  align-items: center;
}

.c-stepper--large .c-stepper__state {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.c-stepper--state-only .c-stepper__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-stepper--state-only .c-stepper__item:not(:last-child):after {
  margin: 0;
  border-radius: 0;
}

.c-stepper__line {
  content: "";
  position: relative;
  width: 1rem;
  margin: 0 0.5rem;
  border: 1px solid #edf0f4;
  border-radius: 1px;
  background-color: #edf0f4;
}

.c-stepper--fluid .c-stepper__line {
  width: 100%;
}

.c-stepper__item {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}

.c-stepper__control {
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.c-stepper__control:focus-visible:focus, .c-stepper__control:focus-visible:focus-visible {
  outline: none;
}

.c-stepper__control:disabled {
  pointer-events: none;
}

.c-stepper__state {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  color: #656c85;
  border: 1px solid #c5ced8;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: normal;
}

.c-stepper__control:hover .c-stepper__state {
  color: #2f3748;
  border-color: #9ea8b7;
  background-color: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.c-stepper__control:active .c-stepper__state {
  color: #2f3748;
  border-color: #9ea8b7;
  background-color: #fafafb;
  box-shadow: none;
}

.c-stepper__control:focus-visible .c-stepper__state {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-stepper__control:disabled .c-stepper__state {
  color: #b3becb;
  border-color: #e3e8ed;
  background-color: #fff;
  box-shadow: none;
}

.c-stepper__control.is-active .c-stepper__state {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.c-stepper__control.is-active:hover .c-stepper__state {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fff;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 50%, transparent);
}

.c-stepper__control.is-active:active .c-stepper__state {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fafafb;
  box-shadow: none;
}

.c-stepper__control.is-active:disabled .c-stepper__state {
  color: #b3becb;
  border-color: #e3e8ed;
  background-color: #fff;
  box-shadow: none;
}

.c-stepper__control.is-done .c-stepper__state {
  position: relative;
  font-size: 0;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.c-stepper__control.is-done .c-stepper__state:after {
  content: "";
  position: absolute;
  inset: 0;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath d="M12.0404 4.79289C12.431 5.18342 12.431 5.81658 12.0404 6.20711L7.4571 10.7904C7.26956 10.978 7.01521 11.0833 6.74999 11.0833C6.48477 11.0833 6.23042 10.978 6.04288 10.7904L3.95955 8.70711C3.56903 8.31658 3.56903 7.68342 3.95955 7.29289C4.35007 6.90237 4.98324 6.90237 5.37376 7.29289L6.74999 8.66912L10.6262 4.79289C11.0167 4.40237 11.6499 4.40237 12.0404 4.79289Z" fill="%23fff"/%3E%3C/svg%3E');
  mask-position: center;
  mask-size: 1rem;
  mask-repeat: no-repeat;
  background-color: #fff;
}

.c-stepper__control.is-done:hover .c-stepper__state {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  box-shadow: 0 2px 6px color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 50%, transparent);
}

.c-stepper__control.is-done:active .c-stepper__state {
  border-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  background-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  box-shadow: none;
}

.c-stepper__control.is-done:disabled .c-stepper__state {
  border-color: #e3e8ed;
  background-color: #e3e8ed;
  box-shadow: none;
}

.c-stepper__control.is-done:disabled .c-stepper__state:after {
  background-color: #b3becb;
}

.c-stepper__label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  color: #2f3748;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-stepper__control:disabled .c-stepper__label {
  color: #656c85;
}

.c-table > table > thead > tr > th, .c-table__header-cell {
  padding: 0.5rem 1rem;
  font-weight: 500;
  font-size: 0.875rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: inherit;
  text-align: -webkit-match-parent;
  text-transform: none;
  color: #2f3748;
  border-bottom: 1px solid #edf0f4;
  background-color: #edf0f4;
  letter-spacing: normal;
}

.c-table > table > tfoot > tr > :is(td, th), .c-table__footer-cell {
  padding: 0.25rem 1rem;
  font-weight: 500;
  font-size: 0.875rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: inherit;
  text-align: -webkit-match-parent;
  text-transform: none;
  color: #2f3748;
  border-bottom: 1px solid #edf0f4;
  background-color: #edf0f4;
  letter-spacing: normal;
}

.c-table > table > tbody > tr.is-hidden, .is-hidden.c-table__row {
  display: none;
}

.c-table > table > tbody > tr > td, .c-table__cell {
  position: relative;
  z-index: 1;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #2f3748;
  background-color: #fff;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-table {
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: #edf0f4;
  border-radius: 8px;
  background: #fff;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-table > table, .c-table__container {
  position: relative;
  width: 100%;
  overflow: hidden;
  vertical-align: top;
}

.c-table > table {
  border-collapse: separate;
  border-spacing: 0;
}

.c-table--fixed > table {
  table-layout: fixed;
}

.c-table__header-row, .c-table__footer-row, .c-table__row {
  position: relative;
  display: flex;
  align-items: stretch;
  transition: 0.15s background ease-out, 0.15s border-color ease-out;
}

.c-table__row {
  width: 100%;
}

.c-table__header-cell, .c-table__footer-cell {
  align-self: stretch;
  text-align: left;
  outline: none;
  text-overflow: ellipsis;
}

.c-table__header-cell {
  min-height: 2.5rem;
}

.c-table__footer-cell {
  min-height: 2rem;
}

.c-table__header-cell, .c-table__footer-cell, .c-table__cell {
  display: flex;
  flex: 1 0;
  align-items: center;
  overflow: hidden;
  word-wrap: break-word;
}

.c-table__cell {
  min-height: 3rem;
  background-color: #fff;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-table__cell:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: transparent;
  border-top-style: solid;
  border-bottom-style: solid;
  pointer-events: none;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-table__cell:first-child:after {
  border-left-style: solid;
}

.c-table__cell:last-of-type:after {
  border-right-style: solid;
}

.c-table > table > thead, .c-table > table > tfoot {
  vertical-align: middle;
}

.c-table > table > thead > tr > th {
  height: 2.5rem;
}

.c-table > table > tfoot > tr > :is(td, th) {
  height: 2rem;
}

.c-table > table > thead > tr > th:first-child, .c-table > table > tfoot > tr > :is(td, th):first-child {
  border-left: 2px solid transparent;
}

.c-table > table > tbody > tr:last-of-type > td:first-child, .c-table__container > *:last-child > .c-table__row:last-child > .c-table__cell:first-child:after, .c-table__container > *:last-child > .c-table__group:last-child > .c-table__group > .c-table__row:last-child > .c-table__cell:first-child:after {
  border-bottom-left-radius: calc(8px - 1px);
}

.c-table > table > tbody > tr:last-of-type > td:last-of-type, .c-table__container > *:last-child > .c-table__row:last-child > .c-table__cell:last-of-type:after, .c-table__container > *:last-child > .c-table__group:last-child > .c-table__group > .c-table__row:last-child > .c-table__cell:last-of-type:after {
  border-bottom-right-radius: calc(8px - 1px);
}

.c-table > table > tbody > tr > td {
  height: 3rem;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.c-table > table > tbody > tr > td:first-child {
  border-left: 2px solid transparent;
}

.c-table > table > tbody > tr > td:last-of-type {
  border-right: 2px solid transparent;
}

.c-table > table > tbody > tr:focus-visible, .c-table__row:focus-visible {
  outline: none;
}

.c-table > table > tbody > tr:focus-visible > td, .c-table__row:focus-visible > .c-table__cell:after {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-table > table > tbody > tr:focus-visible > td:after {
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-table > table > tbody > tr:not(.is-detail) > td:before, .c-table__row:not(.is-detail) > .c-table__cell:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
  display: block;
  visibility: hidden;
  opacity: 0;
  border-width: 2px;
  border-color: transparent;
  border-top-style: solid;
  border-bottom-style: solid;
  background-color: #fff;
  pointer-events: none;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-table > table > tbody > tr:not(.is-detail) > td:before {
  top: calc(0.25rem - 2px);
  bottom: calc(0.25rem - 2px);
}

.c-table__row:not(.is-detail, .is-disabled) > .c-table__cell:not(.is-disabled):before, .c-table__row.is-active.is-disabled > .c-table__cell:before {
  top: 0.25rem;
  bottom: 0.25rem;
}

.c-table > table > tbody > tr:not(.is-detail) > td:first-child:before, .c-table__row:not(.is-detail) > .c-table__cell:first-child:before {
  border-left-style: solid;
}

.c-table > table > tbody > tr:not(.is-detail) > td:last-of-type:before, .c-table__row:not(.is-detail) > .c-table__cell:last-of-type:before {
  border-right-style: solid;
}

.c-table > table > tbody > tr:not(.is-detail) > td:first-child:before, .c-table__row:not(.is-detail) > .c-table__cell:first-child:before {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.c-table > table > tbody > tr:not(.is-detail) > td:first-child:before {
  left: calc(0.25rem - 2px);
}

.c-table__row:not(.is-detail) > .c-table__cell:first-child:before {
  left: 0.25rem;
}

.c-table > table > tbody > tr:not(.is-detail) > td:last-of-type:before, .c-table__row:not(.is-detail) > .c-table__cell:last-of-type:before {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.c-table > table > tbody > tr:not(.is-detail) > td:last-of-type:before {
  right: calc(0.25rem - 2px);
}

.c-table__row:not(.is-detail) > .c-table__cell:last-of-type:before {
  right: 0.25rem;
}

.c-table:not(.is-drag-preview) > table > tbody > tr.is-active:not(.is-detail, .is-drop-placeholder) > td:before, .c-table:not(.is-drag-preview) .c-table__row.is-active:not(.is-detail, .is-drop-placeholder) > .c-table__cell:before {
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-table:not(.is-drag-preview) > table > tbody > tr.is-active:not(.is-detail, .is-drop-placeholder, .is-disabled) > td:before, .c-table:not(.is-drag-preview) .c-table__row.is-active:not(.is-detail, .is-drop-placeholder, .is-disabled) > .c-table__cell:before {
  visibility: visible;
  opacity: 1;
}

.c-table > table > tbody > tr.is-disabled, .c-table__row.is-disabled {
  pointer-events: none;
  user-select: none;
}

.c-table > table > tbody > tr.is-disabled > td:before, .c-table__row.is-disabled > .c-table__cell:before, .c-table__cell.is-disabled:before {
  right: 0;
  left: 0;
  z-index: 99;
  visibility: visible;
  opacity: 1;
  background: rgba(237, 240, 244, 0.75);
}

.c-table > table > tbody > tr.is-disabled > td:before {
  top: calc(2px * -1);
  bottom: calc(2px * -1);
}

.c-table__row.is-disabled:not(.is-active) > .c-table__cell:before, .c-table__cell.is-disabled:before {
  top: 0;
  bottom: 0;
}

.c-table > table > tbody > tr.is-disabled:not(.is-active) > td:first-child:before, .c-table__row.is-disabled:not(.is-active) > .c-table__cell:first-child:before {
  border-radius: 0;
}

.c-table > table > tbody > tr.is-disabled:not(.is-active) > td:first-child:before, .c-table__row.is-disabled:not(.is-active) > .c-table__cell:first-child:before, .c-table__cell.is-disabled:first-child:before {
  left: calc(2px * -1);
}

.c-table > table > tbody > tr.is-disabled:not(.is-active) > td:last-of-type:before, .c-table__row.is-disabled:not(.is-active) > .c-table__cell:last-of-type:before, .c-table__cell.is-disabled:last-of-type:before {
  right: calc(2px * -1);
}

.c-table > table > tbody > tr.is-detail {
  display: none;
}

.c-table > table > tbody > tr.is-expanded + tr.is-detail {
  display: table-row;
}

.c-table__row.is-detail {
  display: none;
}

.c-table__row.is-expanded + .c-table__row.is-detail {
  display: flex;
}

.c-table > table > tbody > tr.is-drop-placeholder > td:before, .c-table__row.is-drop-placeholder > .c-table__cell:before {
  z-index: 99;
  visibility: visible;
  opacity: 1;
  border-width: 1px;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-table > table > tbody > tr.is-drop-placeholder > td:before, .c-table__row.is-drop-placeholder > .c-table__cell:before {
  border-top-style: solid;
  border-bottom-style: solid;
}

.c-table > table > tbody > tr.is-drop-placeholder > td:first-child:before, .c-table__row.is-drop-placeholder > .c-table__cell:first-child:before {
  border-left-style: solid;
}

.c-table > table > tbody > tr.is-drop-placeholder > td:last-of-type:before, .c-table__row.is-drop-placeholder > .c-table__cell:last-of-type:before {
  border-right-style: solid;
}

.c-table > table > tbody > tr.is-drop-placeholder > td:first-child:before, .c-table__row.is-drop-placeholder:before {
  left: var(--pf-table-row-indent);
}

.c-table > table > tbody > tr.is-drop-placeholder.is-drop-disallowed > td:before, .c-table__row.is-drop-placeholder.is-drop-disallowed > .c-table__cell:before {
  border-color: #b2262b;
  background-color: #fff0f0;
}

:is(.c-table, .c-table__group, .c-table__row).is-drag-preview {
  border: 2px solid var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  border-radius: 8px;
  box-shadow: 0 2px 6px 0 color-mix(in srgb, var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) 25%, transparent);
}

:is(.c-table__group, .c-table__row).is-drag-preview {
  overflow: hidden;
}

.c-table > table > tbody > tr.is-drop-target > td, .c-table__row.is-drop-target .c-table__cell {
  background-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-table > table > tbody > tr.is-drop-target > td, .c-table__row.is-drop-target > .c-table__cell:after {
  border-width: 1px;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-table > table > tbody > tr.is-drop-target.is-drop-disallowed > td, .c-table__row.is-drop-target.is-drop-disallowed .c-table__cell {
  background-color: #fff0f0;
}

.c-table > table > tbody > tr.is-drop-target.is-drop-disallowed > td, .c-table__row.is-drop-target.is-drop-disallowed > .c-table__cell:after {
  border-color: #b2262b;
}

.c-table--responsive, .c-table--responsive .c-table__container {
  overflow-x: auto;
}

.c-table--responsive::-webkit-scrollbar, .c-table--responsive .c-table__container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-table--responsive::-webkit-scrollbar-thumb, .c-table--responsive .c-table__container::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-table--responsive::-webkit-scrollbar-track, .c-table--responsive .c-table__container::-webkit-scrollbar-track {
  background: transparent;
}

.c-table--responsive, .c-table--responsive .c-table__container {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-table--bordered {
  padding-bottom: 0;
}

.c-table--bordered > table > tbody > tr:not(.is-detail, :first-child) > td:after {
  content: "";
  position: absolute;
  inset: calc(2px * -1) calc(0px * -1) auto calc(2px * -1);
  display: block;
  height: 1px;
  background-color: #edf0f4;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-table--bordered > table > tbody > tr:not(.is-detail, :first-child) > td:last-of-type:after, .c-table--bordered .c-table__row > .c-table__cell:last-of-type:after {
  right: calc(2px * -1);
}

.c-table--bordered > table > tbody > tr:not(.is-detail, :first-child):focus-visible > td:after, .c-table--bordered > table > tbody > tr:not(.is-detail):focus-visible + tr > td:after {
  visibility: hidden;
}

.c-table--bordered .c-table__row > .c-table__cell, .c-table--bordered .c-table__group > .c-table__row:first-child > .c-table__cell, .c-table__group.c-table__group--bordered .c-table__row .c-table__cell {
  border-top: 1px solid #edf0f4;
}

.c-table--hoverable > table > tbody > tr:not(.is-detail, .is-drop-placeholder, .is-drop-target):hover > td {
  z-index: 1;
}

.c-table--hoverable > table > tbody > tr:not(.is-detail, .is-drop-placeholder, .is-drop-target, .is-active):hover > td, .c-table--hoverable .c-table__row:not(.is-detail, .is-drop-placeholder, .is-drop-target, .is-active):hover > .c-table__cell {
  background-color: #fafafb;
}

.c-table--hoverable > table > tbody > tr:not(.is-detail, :focus-visible, .is-drop-placeholder, .is-drop-target):hover > td:first-child, .c-table--hoverable .c-table__row:not(.is-detail, :focus-visible, .is-drop-placeholder, .is-drop-target):hover > .c-table__cell:first-child {
  border-left-color: #fafafb;
}

.c-table.is-collapsed {
  padding-bottom: 0;
}

.c-table.is-collapsed > table > thead > tr > th, .c-table.is-collapsed .c-table__header-row > .c-table__header-cell {
  border-bottom: 0;
}

.c-table.is-collapsed > table > tbody, .c-table.is-collapsed > .c-table__container > .c-table__body {
  display: none;
}

.c-table > table > tbody > tr.is-detail > td:before, .c-table:not(.c-table--bordered) > table > tbody > tr.is-detail > td:after, .c-table__row.is-detail > .c-table__cell:before, .c-table:not(.c-table--bordered) .c-table__row.is-detail > .c-table__cell:after {
  content: "";
  position: absolute;
  right: calc(0px * -1);
  bottom: auto;
  left: calc(2px * -1);
  display: block;
  height: 1px;
  background-color: #fff;
}

.c-table > table > tbody > tr.is-detail > td:last-of-type:before, .c-table:not(.c-table--bordered) > table > tbody > tr.is-detail > td:last-of-type:after, .c-table__row.is-detail > .c-table__cell:last-of-type:before, .c-table:not(.c-table--bordered) .c-table__row.is-detail > .c-table__cell:last-of-type:after {
  right: calc(2px * -1);
}

.c-table > table > tbody > tr.is-detail > td:before, .c-table__row.is-detail > .c-table__cell:before {
  top: calc(2px * -1);
  bottom: auto;
}

.c-table:not(.c-table--bordered) > table > tbody > tr.is-detail > td:after, .c-table:not(.c-table--bordered) .c-table__row.is-detail > .c-table__cell:after {
  top: auto;
  bottom: 0;
}

.c-table--bordered > table > tbody > tr.is-detail > td {
  border-bottom: 0;
}

.c-table--bordered > table > tbody > tr.is-detail > td:before {
  background-color: #edf0f4;
}

.c-table--bordered > table > tbody > tr.is-detail + tr.is-detail > td:before {
  top: calc(0px * -1);
}

.c-table > table > tbody > tr, .c-table__row {
  --pf-table-row-level: 1;
}

.c-table > table > tbody > tr {
  --pf-table-row-indent: calc(
    (var(--pf-table-row-level) - 1) * 1rem + 2px
  );
}

.c-table__row {
  --pf-table-row-level: 1;
  --pf-table-row-indent: calc(
    (var(--pf-table-row-level) - 1) * 1rem
  );
}

.c-table > table > tbody > tr > td:first-child, .c-table__cell:first-child {
  padding-left: calc(var(--pf-table-row-indent) + 1rem);
}

.c-table--bordered > table > tbody > tr > td:first-child:after {
  left: calc(var(--pf-table-row-indent) * -1);
}

.c-table > table > tbody > tr.is-detail > td:first-child:before, .c-table > table > tbody > tr.is-detail > td:first-child:after {
  left: calc(var(--pf-table-row-indent) * -1);
}

.c-tabs {
  position: relative;
  width: 100%;
}

.c-tabs__list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  padding-top: calc(2px + 2px);
  padding-left: calc(2px + 2px);
  margin-bottom: 0.75rem;
  margin-left: calc(calc(2px + 2px) * -1);
  overflow-x: auto;
  list-style: none;
}

.c-tabs__list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.c-tabs__list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.c-tabs__list::-webkit-scrollbar-track {
  background: transparent;
}

.c-tabs__list {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.c-tabs__list:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: calc(2px + 2px);
  display: block;
  height: 2px;
  background: #edf0f4;
}

.c-tabs--spaceless .c-tabs__list {
  margin-bottom: 0;
}

.c-tabs__item {
  position: relative;
  display: flex;
  padding: 0 0.5rem;
  padding-bottom: 0.5rem;
}

.c-tabs__item:first-child {
  padding-left: 0;
}

.c-tabs__item:last-child {
  padding-right: calc(2px + 2px);
}

.c-tabs__link {
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-decoration: none;
  text-transform: none;
  color: #656c85;
  border-radius: 4px;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  gap: 0.5rem;
  letter-spacing: normal;
}

.c-tabs__link:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-tabs__link:hover {
  text-decoration: none;
  color: #2f3748;
}

.c-tabs__link:active {
  color: #2f3748;
}

.c-tabs__item.is-active .c-tabs__link {
  color: #2f3748;
  pointer-events: none;
}

.c-tabs__item:is(.is-disabled, :disabled) .c-tabs__link {
  color: #b3becb;
  pointer-events: none;
}

.c-tabs__item:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 2px;
  background: #edf0f4;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tabs__link:after {
  content: "";
  position: absolute;
  right: 0.5rem;
  bottom: 0;
  left: 0.5rem;
  display: block;
  height: 2px;
  background: #edf0f4;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tabs__item:first-child .c-tabs__link:after {
  left: 0;
}

.c-tabs__item:last-child:after, .c-tabs__item:last-child .c-tabs__link:after {
  right: calc(2px + 2px);
}

.c-tabs__link:is(:hover, :active):after {
  background: #edf0f4;
}

.c-tabs__item.is-active .c-tabs__link:after {
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-tabs__item.is-active.is-disabled .c-tabs__link:after {
  background: #b3becb;
}

.c-tabs__item.is-disabled .c-tabs__link:after {
  background: #edf0f4;
}

.c-tabs__label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-tabs--icon .c-tabs__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.c-tabs__block {
  display: none;
}

.c-tabs__block.is-active {
  display: block;
}

.c-tabs__slot {
  max-width: 100%;
  font-size: 16px;
  line-height: 0;
}

.c-tabs--medium .c-tabs__link {
  font-weight: 500;
}

.c-tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  --__pf__tag-size: 1.5rem;
  --__pf__tag-border-radius: 4px;
  --__pf__tag-description-color: #516173;
  --__pf__tag-slot-color: #516173;
  /* stylelint-disable max-nesting-depth */
}

:is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):not(:disabled, .is-checked):hover > .c-tag__control:not([style*=background]), .c-tag__input:not(:disabled, :checked):hover + .c-tag__control:not([style*=background]) {
  color: #2f3748;
  background-color: #edf0f4;
  --__pf__tag-description-color: #2f3748;
  --__pf__tag-slot-color: #2f3748;
}

:is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):not(:disabled, .is-checked):hover > .c-tag__control, .c-tag__input:not(:disabled, :checked):hover + .c-tag__control {
  border-color: #edf0f4;
}

:is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):focus:focus, :is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):focus:focus-visible {
  outline: none;
}

:is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):not(:disabled, .is-checked):active > .c-tag__control:not([style*=background]), .c-tag__input:not(:disabled, :checked):active + .c-tag__control:not([style*=background]) {
  color: #2f3748;
  border-color: #f5f7f9;
  background-color: #f5f7f9;
  --__pf__tag-description-color: #516173;
  --__pf__tag-slot-color: #516173;
}

:is(.is-disabled, :disabled) > .c-tag__control:not([style*=background]), .c-tag__input:disabled + .c-tag__control:not([style*=background]) {
  color: #b3becb;
  background-color: #f5f7f9;
  border-color: #f5f7f9;
  --__pf__tag-description-color: #b3becb;
  --__pf__tag-slot-color: #b3becb;
}

.c-tag.is-checked > .c-tag__control:not([style*=background]), .c-tag__input:checked + .c-tag__control:not([style*=background]) {
  color: #fff;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  --__pf__tag-description-color: #fff;
  --__pf__tag-slot-color: #fff;
}

:is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):not(.is-disabled, :disabled).is-checked:hover > .c-tag__control:not([style*=background]), .c-tag__input:checked:not(:disabled):hover + .c-tag__control:not([style*=background]) {
  background-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  border-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  --__pf__tag-description-color: #fff;
  --__pf__tag-slot-color: #fff;
}

:is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):not(.is-disabled, :disabled).is-checked:active > .c-tag__control:not([style*=background]), .c-tag__input:checked:not(:disabled):active + .c-tag__control:not([style*=background]) {
  border-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  background-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  --__pf__tag-description-color: #fff;
  --__pf__tag-slot-color: #fff;
}

:is(.is-disabled, :disabled):is(.is-checked, :checked) > .c-tag__control:not([style*=background]), .c-tag__input:disabled:checked + .c-tag__control:not([style*=background]) {
  color: #fff;
  background-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff));
  border-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff));
  --__pf__tag-description-color: #fff;
  --__pf__tag-slot-color: #fff;
}

:is(.c-tag[tabindex]:not([tabindex^="-"]), button.c-tag, a.c-tag):focus-visible .c-tag__control:before, .c-tag__input:focus-visible + .c-tag__control:before {
  content: "";
  position: absolute;
  z-index: 3;
  border-radius: var(--__pf__tag-border-radius);
  pointer-events: none;
  inset: calc(1px * -1);
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

:is(.c-tag--removable[tabindex]:not([tabindex^="-"]), button.c-tag --removable, a.c-tag --removable):focus-visible .c-tag__control:before, .c-tag--removable .c-tag__input:focus-visible + .c-tag__control:before {
  right: calc(var(--__pf__tag-size) - 1px * -1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-tag {
  /* stylelint-enable max-nesting-depth */
}

.c-tag[tabindex]:not([tabindex^="-"]) {
  cursor: pointer;
}

.c-tag[tabindex]:not([tabindex^="-"]).is-disabled {
  pointer-events: none;
  cursor: default;
}

.c-tag__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.c-tag__input:disabled {
  cursor: default;
}

.c-tag__control {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--__pf__tag-size);
  white-space: nowrap;
  color: #2f3748;
  border-radius: var(--__pf__tag-border-radius);
  background-color: #f5f7f9;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  gap: 0.375rem;
  user-select: none;
  border: 1px solid #f5f7f9;
}

.c-tag:not(.c-tag--vertical) .c-tag__control {
  padding: 0 0.5rem;
}

.c-tag--vertical {
  --__pf__tag-size: 2.5rem;
  --__pf__tag-border-radius: 8px;
}

.c-tag--vertical .c-tag__control {
  gap: 0.375rem;
  height: auto;
  min-height: var(--__pf__tag-size);
  padding: 0 0.5rem;
}

.c-tag--large .c-tag__control {
  gap: 0.375rem;
}

.c-tag--large:not(.c-tag--vertical) {
  --__pf__tag-size: 2rem;
  --__pf__tag-border-radius: 6px;
}

.c-tag--large:not(.c-tag--vertical) .c-tag__control {
  padding: 0 0.5rem;
}

.c-tag--large.c-tag--vertical {
  --__pf__tag-size: 3rem;
  --__pf__tag-border-radius: 8px;
}

.c-tag--large.c-tag--vertical .c-tag__control {
  gap: 0.375rem;
  padding: 0 0.5rem;
}

.c-tag__control[style*=background] {
  justify-content: center;
  min-width: 56px;
}

.c-tag--fluid, .c-tag--fluid .c-tag__control {
  display: flex;
  width: 100%;
}

.c-tag__label-wrapper {
  display: flex;
  column-gap: 0.375rem;
  overflow: hidden;
  line-height: 0;
  text-align: left;
}

.c-tag:not(.c-tag--vertical) .c-tag__label-wrapper {
  align-items: baseline;
}

.c-tag--vertical .c-tag__label-wrapper {
  flex-direction: column;
}

.c-tag__label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-tag--large .c-tag__label {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-tag__control[style*=background] .c-tag__label {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  color: #fff;
}

.c-tag__image {
  display: inline-block;
  height: calc(1.5rem - 1rem);
  vertical-align: middle;
  object-fit: contain;
}

.c-tag--large .c-tag__image {
  height: calc(2rem - 1rem);
}

.c-tag__description {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 16px;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: var(--__pf__tag-description-color);
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-tag--large .c-tag__description {
  font-weight: 400;
  font-size: 0.75rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-tag--vertical .c-tag__description {
  margin-top: 0;
}

.c-tag__control[style*=background] .c-tag__description {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  color: #fff;
}

.c-tag__slot {
  flex-shrink: 0;
  max-width: 100%;
  font-size: 16px;
  line-height: 0;
  color: var(--__pf__tag-slot-color);
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tag--vertical .c-tag__slot {
  font-size: 16px;
}

.c-tag--large .c-tag__control {
  font-size: 16px;
}

.c-tag--large:not(.c-tag--vertical) .c-tag__control {
  font-size: 16px;
}

.c-tag__control[style*=background] .c-tag__slot {
  color: #fff;
}

.c-tag__control[style*=background] .c-tag__slot svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
}

.c-tag__remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  flex-shrink: 0;
  width: var(--__pf__tag-size);
  font-size: 16px;
  line-height: 0;
  color: #2f3748;
  border: 1px solid #f5f7f9;
  border-top-right-radius: var(--__pf__tag-border-radius);
  border-bottom-right-radius: var(--__pf__tag-border-radius);
  background: #f5f7f9;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tag--removable:not(.c-tag--vertical) .c-tag__control {
  padding-right: calc(0.5rem + var(--__pf__tag-size));
}

.c-tag--removable.c-tag--vertical .c-tag__control {
  padding-right: calc(0.5rem + var(--__pf__tag-size));
}

.c-tag--removable.c-tag--vertical .c-tag__remove {
  font-size: 16px;
}

.c-tag--removable.c-tag--large:not(.c-tag--vertical) .c-tag__control {
  padding-right: calc(0.5rem + var(--__pf__tag-size));
}

.c-tag--removable.c-tag--large:not(.c-tag--vertical) .c-tag__remove {
  font-size: 16px;
}

.c-tag--removable.c-tag--large.c-tag--vertical .c-tag__control {
  padding-right: calc(0.5rem + var(--__pf__tag-size));
}

.c-tag--removable.c-tag--large.c-tag--vertical .c-tag__remove {
  font-size: 16px;
}

.c-tag__remove:hover {
  color: #2f3748;
  border-color: #edf0f4;
  background: #edf0f4;
}

.c-tag__remove:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-tag__remove:before {
  content: "";
  position: absolute;
  inset: 1px;
  display: block;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tag__remove:active {
  color: #2f3748;
  border-color: #f5f7f9;
  background: #f5f7f9;
}

.c-tag.is-checked .c-tag__remove, .c-tag__input:checked ~ .c-tag__remove {
  color: #fff;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-tag.is-checked .c-tag__remove:hover, .c-tag__input:checked ~ .c-tag__remove:hover {
  color: #fff;
  border-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
  background: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.c-tag.is-checked .c-tag__remove:active, .c-tag__input:checked ~ .c-tag__remove:active {
  color: #fff;
  border-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
  background: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0));
}

.c-tag__control[style*=background] .c-tag__remove {
  color: #fff;
}

.c-tag__control[style*=background] .c-tag__remove svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
}

.c-tile {
  position: relative;
  display: block;
  width: 200px;
  cursor: pointer;
  user-select: none;
}

.c-tile:is(:disabled, .is-disabled), input:disabled + .c-tile {
  pointer-events: none;
}

.c-tile:focus-visible:focus, .c-tile:focus-visible:focus-visible {
  outline: none;
}

.c-tile__inner {
  position: relative;
  height: 100%;
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  border: 1px solid #c5ced8;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tile:hover .c-tile__inner {
  color: #242b39;
  border-color: #9ea8b7;
  background-color: #fff;
  box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.c-tile:focus-visible .c-tile__inner, input:focus-visible + .c-tile .c-tile__inner {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-tile:active .c-tile__inner {
  color: #242b39;
  border-color: #9ea8b7;
  background-color: #fafafb;
  box-shadow: none;
}

input:disabled + .c-tile .c-tile__inner, .c-tile.is-disabled .c-tile__inner {
  opacity: 0.5;
  color: #b3becb;
  border-color: #b3becb;
  background-color: #fafafb;
  cursor: default;
}

input:checked + .c-tile .c-tile__inner, .c-tile.is-checked .c-tile__inner {
  color: #242b39;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fff;
  box-shadow: inset 0 0 0 2px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

input:checked + .c-tile:hover .c-tile__inner, .c-tile.is-checked:hover .c-tile__inner {
  color: #242b39;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fff;
  box-shadow: inset 0 0 0 2px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
}

input:active:checked + .c-tile .c-tile__inner, .c-tile.is-checked:active .c-tile__inner {
  color: #242b39;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background-color: #fafafb;
  box-shadow: inset 0 0 0 2px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

input:disabled:checked + .c-tile .c-tile__inner, .c-tile.is-disabled:checked .c-tile__inner {
  opacity: 0.5;
  color: #b3becb;
  border-color: #b3becb;
  background-color: #fafafb;
  box-shadow: 0 0 0 2px #b3becb;
  cursor: default;
}

.c-tile__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  text-align: center;
}

.c-tile__slot {
  width: 3.5rem;
}

.c-tile__label {
  display: block;
  margin-top: 1.5rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: center;
  text-transform: none;
  color: #2f3748;
  letter-spacing: normal;
}

.c-tile__description {
  display: block;
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: center;
  text-transform: none;
  color: #656c85;
  letter-spacing: normal;
}

.c-tile__checked-icon {
  position: absolute;
  inset: calc(1rem * -1) calc(1rem * -1) auto auto;
  z-index: 2;
  display: block;
  opacity: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M13.6869 3.64645C13.8821 3.84171 13.8821 4.15829 13.6869 4.35355L6.35354 11.6869C6.15828 11.8821 5.8417 11.8821 5.64644 11.6869L2.3131 8.35355C2.11784 8.15829 2.11784 7.84171 2.3131 7.64645C2.50837 7.45118 2.82495 7.45118 3.02021 7.64645L5.99999 10.6262L12.9798 3.64645C13.175 3.45118 13.4916 3.45118 13.6869 3.64645Z" fill="%23fff"/%3E%3C/svg%3E%0A');
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

input:checked + .c-tile .c-tile__checked-icon, .c-tile.is-checked .c-tile__checked-icon {
  opacity: 1;
}

input:disabled:checked + .c-tile .c-tile__checked-icon, .c-tile.is-disabled:checked .c-tile__checked-icon {
  background-color: #b3becb;
}

.c-tile svg {
  color: #656c85;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-tile:hover svg {
  color: #656c85;
}

.c-tile:active svg {
  color: #656c85;
}

input:checked + .c-tile svg, .c-tile.is-checked svg {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-tile:is(:disabled, .is-disabled) svg, input:disabled + .c-tile svg {
  color: #656c85;
}

.c-tile--small {
  width: 120px;
}

.c-tile--small .c-tile__inner {
  padding: 1.25rem 2rem;
}

.c-tile--small .c-tile__slot {
  width: 3.5rem;
}

.c-tile--small .c-tile__label {
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
}

.c-tile--small .c-tile__checked-icon {
  top: calc(0.75rem * -1);
  right: calc(0.75rem * -1);
  width: 1.5rem;
  height: 1.5rem;
}

input:disabled + .c-tile--small .c-tile__label, .c-tile--small.is-disabled .c-tile__label {
  opacity: 0.5;
}

input:checked + .c-tile--small .c-tile__inner, .c-tile--small.is-checked .c-tile__inner {
  box-shadow: inset 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

input:checked + .c-tile--small:hover .c-tile__inner, .c-tile--small.is-checked:hover .c-tile__inner {
  box-shadow: inset 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12);
}

input:active:checked + .c-tile--small .c-tile__inner, .c-tile--small.is-checked:active .c-tile__inner {
  box-shadow: inset 0 0 0 1px var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)), 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07);
}

input:disabled:checked + .c-tile--small .c-tile__inner, .c-tile--small.is-disabled:checked .c-tile__inner {
  box-shadow: 0 0 0 1px #b3becb;
}

.c-tile--fluid {
  width: 100%;
}

/**
 * @deprecated Tooltip size is no longer supported
 */
/**
 * @deprecated Tooltip size is no longer supported
 */
.c-tooltip {
  position: relative;
  display: inline-block;
  opacity: 0;
  max-width: 280px;
  min-height: 1.5rem;
  padding: 0.1875rem 0.5rem;
  overflow: hidden;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-align: left;
  text-transform: none;
  color: #fff;
  border-radius: 6px;
  background-color: rgba(47, 55, 72, 0.9);
  cursor: default;
  letter-spacing: normal;
  overflow-wrap: break-word;
  hyphens: auto;
  user-select: none;
}

.c-tooltip.is-active {
  opacity: 1;
}

.c-tree {
  position: relative;
}

.c-tree__list .c-tree__list {
  display: none;
  padding-left: 1rem;
}

.c-tree__item.is-active > .c-tree__list {
  display: block;
}

.c-tree__container {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  padding-left: calc(0.5rem + 1rem);
  margin-bottom: 0.5rem;
  gap: 0.5rem;
}

.c-tree--flat .c-tree__container {
  padding-left: 0;
}

.c-tree__handle {
  margin-right: 0.5rem;
}

.c-tree__toggle {
  width: 1rem;
  height: 1rem;
  color: #656c85;
  border-radius: 4px;
  background-color: transparent;
  transition: 0.2s all ease-in-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  border: 2px solid transparent;
}

.c-tree:not(.c-tree--flat) .c-tree__toggle {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.c-tree__toggle:before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  display: block;
  width: 100%;
  height: 100%;
  mask-image: url('data:image/svg+xml,%0A%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 11.793a.5.5 0 0 0 .854.353l3.792-3.792a.5.5 0 0 0 0-.708L6.854 3.854A.5.5 0 0 0 6 4.207v7.586Z"/%3E%3C/svg%3E%0A');
  mask-position: center;
  mask-size: 16px;
  mask-repeat: no-repeat;
  background-color: #656c85;
  transform: translate(-50%, -50%);
  transition: 0.2s all ease-in-out, 0.2s transform linear;
}

.c-tree__toggle:hover:before {
  background-color: #2f3748;
}

.c-tree__toggle:focus-visible {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

.c-tree__toggle:disabled:before {
  background-color: #b3becb;
}

.c-tree__item.is-active > .c-tree__container > .c-tree__toggle:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.c-tree__label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  letter-spacing: normal;
  color: #2f3748;
}

.c-tree:not(.c-tree--no-wrap) .c-tree__label {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c-tree--no-wrap .c-tree__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-tree__description {
  font-weight: 400;
  font-size: 0.75rem;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  color: #656c85;
  letter-spacing: normal;
}

.c-upload-area {
  position: relative;
  z-index: 1;
  width: 100%;
  --__pf__upload-area-text-color: #2f3748;
  --__pf__upload-area-description-color: #516173;
  --__pf__upload-area-slot-opacity: 1;
}

:is(.c-upload-area[tabindex]:not([tabindex^="-"]), button.c-upload-area, a.c-upload-area):not(.is-disabled,
:disabled,
.is-allowed,
.is-disallowed):hover > .c-upload-area__inner, .c-upload-area:not(.is-allowed, .is-disallowed) :is(.c-upload-area__input:not(:disabled):hover + .c-upload-area__inner, .c-upload-area__inner:has(.c-upload-area__content > .c-upload-area__input:not(:disabled):hover), .c-upload-area__inner:has(:is(.c-upload-area__content[tabindex]:not([tabindex^="-"]), button.c-upload-area__content, a.c-upload-area__content):not(:disabled,
.is-disabled):hover)) {
  background: #f5f7f9;
  --__pf__upload-area-border-color: #b3becb;
}

:is(.c-upload-area[tabindex]:not([tabindex^="-"]), button.c-upload-area, a.c-upload-area):focus, :is(.c-upload-area[tabindex]:not([tabindex^="-"]), button.c-upload-area, a.c-upload-area):focus-visible {
  outline: none;
}

:is(.c-upload-area[tabindex]:not([tabindex^="-"]), button.c-upload-area, a.c-upload-area):focus-visible .c-upload-area__inner, .c-upload-area__inner:has(.c-upload-area__input:focus), .c-upload-area__input:focus + .c-upload-area__inner {
  outline: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) solid 2px;
  outline-offset: 2px;
}

:is(.c-upload-area[tabindex]:not([tabindex^="-"]), button.c-upload-area, a.c-upload-area):not(.is-disabled,
:disabled,
.is-allowed,
.is-disallowed):active > .c-upload-area__inner, .c-upload-area:not(.is-allowed, .is-disallowed) :is(.c-upload-area__input:not(:disabled):active + .c-upload-area__inner, .c-upload-area__inner:has(.c-upload-area__content > .c-upload-area__input:not(:disabled):active), .c-upload-area__inner:has(:is(.c-upload-area__content[tabindex]:not([tabindex^="-"]), button.c-upload-area__content, a.c-upload-area__content):not(:disabled,
.is-disabled):active)) {
  background: #edf0f4;
  --__pf__upload-area-border-color: #b3becb;
}

:is(.c-upload-area[tabindex]:not([tabindex^="-"]), button.c-upload-area, a.c-upload-area):is(.is-disabled, :disabled) > .c-upload-area__inner, .c-upload-area__input:disabled + .c-upload-area__inner, .c-upload-area__inner:has(.c-upload-area__content > .c-upload-area__input:disabled), .c-upload-area__inner:has(:is(.c-upload-area__content[tabindex]:not([tabindex^="-"]), button.c-upload-area__content, a.c-upload-area__content):is(.is-disabled, :disabled)) {
  background: #fff;
  --__pf__upload-area-border-color: #e3e8ed;
  --__pf__upload-area-text-color: #b3becb;
  --__pf__upload-area-description-color: #d8dee5;
  --__pf__upload-area-slot-opacity: 0.5;
}

.c-upload-area {
  padding-top: 100%;
}

.c-upload-area--4-3 {
  padding-top: 75%;
}

.c-upload-area--16-9 {
  padding-top: 56.25%;
}

.c-upload-area--fluid {
  height: 100%;
  padding-top: 0;
}

.c-upload-area--droppable .c-upload-area__content, .c-upload-area--droppable .c-upload-area__section {
  border-style: dashed;
}

.c-upload-area__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  border-radius: 12px;
  background: #fff;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  --__pf__upload-area-border-color: #e3e8ed;
}

.c-upload-area:not(.c-upload-area--fluid) .c-upload-area__inner {
  position: absolute;
  inset: 0;
}

.c-upload-area__inner > *:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.c-upload-area__inner > *:last-child {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.c-upload-area__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  cursor: pointer;
}

.c-upload-area__input:disabled {
  cursor: default;
}

.c-upload-area__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  border: 2px solid var(--__pf__upload-area-border-color);
  pointer-events: none;
  user-select: none;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
}

.c-upload-area button.c-upload-area__content,
.c-upload-area a.c-upload-area__content, .c-upload-area__content[tabindex]:not([tabindex^="-"]) {
  pointer-events: auto;
}

.c-upload-area.is-allowed .c-upload-area__content {
  border-style: solid;
  border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
  background: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff));
}

.c-upload-area.is-disallowed .c-upload-area__content {
  border-style: solid;
  border-color: #df2f36;
  background: #fff0f0;
}

.c-upload-area__section {
  position: relative;
  width: 100%;
  padding: 1.5rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  text-transform: none;
  color: #656c85;
  border: 2px solid var(--__pf__upload-area-border-color);
  background: #fff;
  transition: 0.15s all ease-out;
  transition-property: color, border-color, background-color, box-shadow, opacity;
  letter-spacing: normal;
}

* + .c-upload-area__section {
  border-top: 0;
}

.c-upload-area__section:has(+ .c-upload-area__content) {
  border-bottom: 0;
}

.c-upload-area__section a {
  text-decoration: underline;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-upload-area__section a:hover {
  text-decoration: underline;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-upload-area__section a:focus-visible {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-upload-area__section a:active {
  color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.c-upload-area__container {
  max-width: 760px;
  margin: 0 auto;
}

.c-upload-area__slot {
  opacity: var(--__pf__upload-area-slot-opacity);
  max-width: 440px;
  line-height: 0;
}

.c-upload-area__text {
  max-width: 440px;
  margin-top: 1rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: var(--__pf__upload-area-text-color);
}

.c-upload-area__text:first-child {
  margin-top: 0;
}

.c-upload-area.is-allowed .c-upload-area__text {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-upload-area.is-disallowed .c-upload-area__text {
  color: #df2f36;
}

.c-upload-area__description {
  max-width: 440px;
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: var(--__pf__upload-area-description-color);
}

.c-upload-area.is-allowed .c-upload-area__description {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.c-upload-area.is-disallowed .c-upload-area__description {
  color: #df2f36;
}

.s-theme {
  --__pf__color-primary-100: color-mix(in srgb, var(--pf-color-primary), white 95%);
  --__pf__color-primary-200: color-mix(in srgb, var(--pf-color-primary), white 85%);
  --__pf__color-primary-300: color-mix(in srgb, var(--pf-color-primary), white 70%);
  --__pf__color-primary-400: color-mix(in srgb, var(--pf-color-primary), white 55%);
  --__pf__color-primary-500: color-mix(in srgb, var(--pf-color-primary), white 30%);
  --__pf__color-primary-600: var(--pf-color-primary);
  --__pf__color-primary-700: color-mix(in srgb, var(--pf-color-primary), black 15%);
  --__pf__color-primary-800: color-mix(in srgb, var(--pf-color-primary), black 30%);
}

.s-typo {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo blockquote,
.s-typo dl,
.s-typo figure,
.s-typo h1,
.s-typo h2,
.s-typo h3,
.s-typo h4,
.s-typo h5,
.s-typo h6,
.s-typo hr,
.s-typo ol,
.s-typo p,
.s-typo pre,
.s-typo table,
.s-typo ul {
  margin-bottom: 1rem;
}

.s-typo h1,
.s-typo h2,
.s-typo h3,
.s-typo h4,
.s-typo h5,
.s-typo h6 {
  padding-top: 0.5rem;
}

.s-typo strong {
  font-weight: 600;
}

.s-typo small {
  font-size: 0.875em;
}

.s-typo sup,
.s-typo sub {
  font-size: 0.75em;
}

.s-typo h1 {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo h2 {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo h3 {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo h4 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo h5 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo h6 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .body-medium {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .body-semibold {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .body-small-medium {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .body-small-semibold {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .lead {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .lead-medium {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .lead-semibold {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .note {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2f3748;
}

.s-typo .note-lower {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: 0.02em;
  text-transform: none;
  color: #2f3748;
}

.s-typo .action {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.14;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .action-medium {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.14;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .label {
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.2;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo .label-medium {
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.2;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo blockquote {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo blockquote > footer {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.s-typo a {
  text-decoration: underline;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.s-typo a:hover {
  text-decoration: underline;
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.s-typo a:focus-visible {
  color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.s-typo a:active {
  color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf));
}

.s-typo hr {
  margin: 1.5rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid #edf0f4;
}

.s-typo dl,
.s-typo ol,
.s-typo ol ol,
.s-typo ul,
.s-typo ul ul {
  margin-bottom: 1rem;
}

.s-typo {
  /* stylelint-disable selector-max-compound-selectors */
}

.s-typo ol li + li,
.s-typo ul li + li {
  margin-top: 0.5rem;
}

.s-typo {
  /* stylelint-enable selector-max-compound-selectors */
}

.s-typo ol {
  padding-left: 1.5rem;
  list-style: decimal;
}

.s-typo ol ol {
  margin-top: 0.5rem;
}

.s-typo ul {
  list-style: none;
}

.s-typo ul li {
  position: relative;
  padding-left: calc(1rem + 6px);
}

.s-typo ul li:before {
  content: "";
  position: absolute;
  top: calc((1.5714 * 0.875rem - 6px) * 0.5);
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb));
}

.s-typo ul ul {
  margin-top: 0.5rem;
}

.s-typo dt {
  font-weight: 600;
}

.s-typo dd {
  margin-bottom: 0.75rem;
}

.s-typo code {
  padding: 0.125rem 0.25rem;
  font-size: 0.875em;
  font-family: "Lucida Console", monaco, monospace;
  color: #2f3748;
  border-radius: 0;
  background-color: #f5f7f9;
}

.s-typo kbd {
  padding: 0.125rem 0.25rem;
  font-size: 0.875em;
  font-family: "Lucida Console", monaco, monospace;
  color: #2f3748;
  border-radius: 0;
  background-color: #f5f7f9;
}

.s-typo mark {
  padding: 0.2em;
  background-color: #ff0;
}

@media all {
  .u-bg-primary-100 {
    background-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff)) !important;
  }
  .u-bg-primary-200 {
    background-color: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff)) !important;
  }
  .u-bg-primary-300 {
    background-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff)) !important;
  }
  .u-bg-primary-400 {
    background-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff)) !important;
  }
  .u-bg-primary-500 {
    background-color: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) !important;
  }
  .u-bg-primary-600 {
    background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) !important;
  }
  .u-bg-primary-700 {
    background-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf)) !important;
  }
  .u-bg-primary-800 {
    background-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0)) !important;
  }
  .u-bg-gray-100 {
    background-color: #fff !important;
  }
  .u-bg-gray-200 {
    background-color: #fafafb !important;
  }
  .u-bg-gray-300 {
    background-color: #f5f7f9 !important;
  }
  .u-bg-gray-400 {
    background-color: #edf0f4 !important;
  }
  .u-bg-gray-500 {
    background-color: #e3e8ed !important;
  }
  .u-bg-gray-600 {
    background-color: #d8dee5 !important;
  }
  .u-bg-gray-700 {
    background-color: #c5ced8 !important;
  }
  .u-bg-gray-800 {
    background-color: #b3becb !important;
  }
  .u-bg-gray-900 {
    background-color: #9ea8b7 !important;
  }
  .u-bg-gray-1000 {
    background-color: #8893a7 !important;
  }
  .u-bg-gray-1100 {
    background-color: #656c85 !important;
  }
  .u-bg-gray-1200 {
    background-color: #516173 !important;
  }
  .u-bg-gray-1300 {
    background-color: #2f3748 !important;
  }
  .u-bg-gray-1400 {
    background-color: #242b39 !important;
  }
  .u-bg-info-100 {
    background-color: #e8faff !important;
  }
  .u-bg-info-200 {
    background-color: #06adef !important;
  }
  .u-bg-info-300 {
    background-color: #077fae !important;
  }
  .u-bg-info-400 {
    background-color: #06668b !important;
  }
  .u-bg-info-500 {
    background-color: #044761 !important;
  }
  .u-bg-success-100 {
    background-color: #eeffe6 !important;
  }
  .u-bg-success-200 {
    background-color: #00ce69 !important;
  }
  .u-bg-success-300 {
    background-color: #0c874b !important;
  }
  .u-bg-success-400 {
    background-color: #0a6c3c !important;
  }
  .u-bg-success-500 {
    background-color: #074c2a !important;
  }
  .u-bg-warning-100 {
    background-color: #fffbe5 !important;
  }
  .u-bg-warning-200 {
    background-color: #f7981c !important;
  }
  .u-bg-warning-300 {
    background-color: #ad6507 !important;
  }
  .u-bg-warning-400 {
    background-color: #8a5106 !important;
  }
  .u-bg-warning-500 {
    background-color: #613904 !important;
  }
  .u-bg-error-100 {
    background-color: #fff0f0 !important;
  }
  .u-bg-error-200 {
    background-color: #f8787c !important;
  }
  .u-bg-error-300 {
    background-color: #df2f36 !important;
  }
  .u-bg-error-400 {
    background-color: #b2262b !important;
  }
  .u-bg-error-500 {
    background-color: #7d1b1e !important;
  }
  .u-bg-none {
    background-color: transparent !important;
  }
  .u-bg-h-primary-100:hover {
    background-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff)) !important;
  }
  .u-bg-h-primary-200:hover {
    background-color: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff)) !important;
  }
  .u-bg-h-primary-300:hover {
    background-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff)) !important;
  }
  .u-bg-h-primary-400:hover {
    background-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff)) !important;
  }
  .u-bg-h-primary-500:hover {
    background-color: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) !important;
  }
  .u-bg-h-primary-600:hover {
    background-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) !important;
  }
  .u-bg-h-primary-700:hover {
    background-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf)) !important;
  }
  .u-bg-h-primary-800:hover {
    background-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0)) !important;
  }
  .u-bg-h-gray-100:hover {
    background-color: #fff !important;
  }
  .u-bg-h-gray-200:hover {
    background-color: #fafafb !important;
  }
  .u-bg-h-gray-300:hover {
    background-color: #f5f7f9 !important;
  }
  .u-bg-h-gray-400:hover {
    background-color: #edf0f4 !important;
  }
  .u-bg-h-gray-500:hover {
    background-color: #e3e8ed !important;
  }
  .u-bg-h-gray-600:hover {
    background-color: #d8dee5 !important;
  }
  .u-bg-h-gray-700:hover {
    background-color: #c5ced8 !important;
  }
  .u-bg-h-gray-800:hover {
    background-color: #b3becb !important;
  }
  .u-bg-h-gray-900:hover {
    background-color: #9ea8b7 !important;
  }
  .u-bg-h-gray-1000:hover {
    background-color: #8893a7 !important;
  }
  .u-bg-h-gray-1100:hover {
    background-color: #656c85 !important;
  }
  .u-bg-h-gray-1200:hover {
    background-color: #516173 !important;
  }
  .u-bg-h-gray-1300:hover {
    background-color: #2f3748 !important;
  }
  .u-bg-h-gray-1400:hover {
    background-color: #242b39 !important;
  }
  .u-bg-h-info-100:hover {
    background-color: #e8faff !important;
  }
  .u-bg-h-info-200:hover {
    background-color: #06adef !important;
  }
  .u-bg-h-info-300:hover {
    background-color: #077fae !important;
  }
  .u-bg-h-info-400:hover {
    background-color: #06668b !important;
  }
  .u-bg-h-info-500:hover {
    background-color: #044761 !important;
  }
  .u-bg-h-success-100:hover {
    background-color: #eeffe6 !important;
  }
  .u-bg-h-success-200:hover {
    background-color: #00ce69 !important;
  }
  .u-bg-h-success-300:hover {
    background-color: #0c874b !important;
  }
  .u-bg-h-success-400:hover {
    background-color: #0a6c3c !important;
  }
  .u-bg-h-success-500:hover {
    background-color: #074c2a !important;
  }
  .u-bg-h-warning-100:hover {
    background-color: #fffbe5 !important;
  }
  .u-bg-h-warning-200:hover {
    background-color: #f7981c !important;
  }
  .u-bg-h-warning-300:hover {
    background-color: #ad6507 !important;
  }
  .u-bg-h-warning-400:hover {
    background-color: #8a5106 !important;
  }
  .u-bg-h-warning-500:hover {
    background-color: #613904 !important;
  }
  .u-bg-h-error-100:hover {
    background-color: #fff0f0 !important;
  }
  .u-bg-h-error-200:hover {
    background-color: #f8787c !important;
  }
  .u-bg-h-error-300:hover {
    background-color: #df2f36 !important;
  }
  .u-bg-h-error-400:hover {
    background-color: #b2262b !important;
  }
  .u-bg-h-error-500:hover {
    background-color: #7d1b1e !important;
  }
  .u-bg-h-none:hover {
    background-color: transparent !important;
  }
  .u-bs-1 {
    box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07) !important;
  }
  .u-bs-2 {
    box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12) !important;
  }
  .u-bs-3 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  }
  .u-bs-4 {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.12) !important;
  }
  .u-bs-5 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 16px 32px rgba(0, 0, 0, 0.18) !important;
  }
  .u-bs-none {
    box-shadow: none !important;
  }
  .u-bs-h-1:hover {
    box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.07) !important;
  }
  .u-bs-h-2:hover {
    box-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.12) !important;
  }
  .u-bs-h-3:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  }
  .u-bs-h-4:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.12) !important;
  }
  .u-bs-h-5:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 16px 32px rgba(0, 0, 0, 0.18) !important;
  }
  .u-bs-h-none:hover {
    box-shadow: none !important;
  }
  .u-primary-100 {
    color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff)) !important;
  }
  .u-primary-200 {
    color: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff)) !important;
  }
  .u-primary-300 {
    color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff)) !important;
  }
  .u-primary-400 {
    color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff)) !important;
  }
  .u-primary-500 {
    color: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) !important;
  }
  .u-primary-600 {
    color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) !important;
  }
  .u-primary-700 {
    color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf)) !important;
  }
  .u-primary-800 {
    color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0)) !important;
  }
  .u-gray-100 {
    color: #fff !important;
  }
  .u-gray-200 {
    color: #fafafb !important;
  }
  .u-gray-300 {
    color: #f5f7f9 !important;
  }
  .u-gray-400 {
    color: #edf0f4 !important;
  }
  .u-gray-500 {
    color: #e3e8ed !important;
  }
  .u-gray-600 {
    color: #d8dee5 !important;
  }
  .u-gray-700 {
    color: #c5ced8 !important;
  }
  .u-gray-800 {
    color: #b3becb !important;
  }
  .u-gray-900 {
    color: #9ea8b7 !important;
  }
  .u-gray-1000 {
    color: #8893a7 !important;
  }
  .u-gray-1100 {
    color: #656c85 !important;
  }
  .u-gray-1200 {
    color: #516173 !important;
  }
  .u-gray-1300 {
    color: #2f3748 !important;
  }
  .u-gray-1400 {
    color: #242b39 !important;
  }
  .u-info-100 {
    color: #e8faff !important;
  }
  .u-info-200 {
    color: #06adef !important;
  }
  .u-info-300 {
    color: #077fae !important;
  }
  .u-info-400 {
    color: #06668b !important;
  }
  .u-info-500 {
    color: #044761 !important;
  }
  .u-success-100 {
    color: #eeffe6 !important;
  }
  .u-success-200 {
    color: #00ce69 !important;
  }
  .u-success-300 {
    color: #0c874b !important;
  }
  .u-success-400 {
    color: #0a6c3c !important;
  }
  .u-success-500 {
    color: #074c2a !important;
  }
  .u-warning-100 {
    color: #fffbe5 !important;
  }
  .u-warning-200 {
    color: #f7981c !important;
  }
  .u-warning-300 {
    color: #ad6507 !important;
  }
  .u-warning-400 {
    color: #8a5106 !important;
  }
  .u-warning-500 {
    color: #613904 !important;
  }
  .u-error-100 {
    color: #fff0f0 !important;
  }
  .u-error-200 {
    color: #f8787c !important;
  }
  .u-error-300 {
    color: #df2f36 !important;
  }
  .u-error-400 {
    color: #b2262b !important;
  }
  .u-error-500 {
    color: #7d1b1e !important;
  }
  .u-text-primary-100 {
    color: #2f3748 !important;
  }
  .u-text-primary-200 {
    color: #242b39 !important;
  }
  .u-text-secondary-100 {
    color: #656c85 !important;
  }
  .u-text-secondary-200 {
    color: #516173 !important;
  }
  .u-h-primary-100:hover {
    color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff)) !important;
  }
  .u-h-primary-200:hover {
    color: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff)) !important;
  }
  .u-h-primary-300:hover {
    color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff)) !important;
  }
  .u-h-primary-400:hover {
    color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff)) !important;
  }
  .u-h-primary-500:hover {
    color: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) !important;
  }
  .u-h-primary-600:hover {
    color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) !important;
  }
  .u-h-primary-700:hover {
    color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf)) !important;
  }
  .u-h-primary-800:hover {
    color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0)) !important;
  }
  .u-h-gray-100:hover {
    color: #fff !important;
  }
  .u-h-gray-200:hover {
    color: #fafafb !important;
  }
  .u-h-gray-300:hover {
    color: #f5f7f9 !important;
  }
  .u-h-gray-400:hover {
    color: #edf0f4 !important;
  }
  .u-h-gray-500:hover {
    color: #e3e8ed !important;
  }
  .u-h-gray-600:hover {
    color: #d8dee5 !important;
  }
  .u-h-gray-700:hover {
    color: #c5ced8 !important;
  }
  .u-h-gray-800:hover {
    color: #b3becb !important;
  }
  .u-h-gray-900:hover {
    color: #9ea8b7 !important;
  }
  .u-h-gray-1000:hover {
    color: #8893a7 !important;
  }
  .u-h-gray-1100:hover {
    color: #656c85 !important;
  }
  .u-h-gray-1200:hover {
    color: #516173 !important;
  }
  .u-h-gray-1300:hover {
    color: #2f3748 !important;
  }
  .u-h-gray-1400:hover {
    color: #242b39 !important;
  }
  .u-h-info-100:hover {
    color: #e8faff !important;
  }
  .u-h-info-200:hover {
    color: #06adef !important;
  }
  .u-h-info-300:hover {
    color: #077fae !important;
  }
  .u-h-info-400:hover {
    color: #06668b !important;
  }
  .u-h-info-500:hover {
    color: #044761 !important;
  }
  .u-h-success-100:hover {
    color: #eeffe6 !important;
  }
  .u-h-success-200:hover {
    color: #00ce69 !important;
  }
  .u-h-success-300:hover {
    color: #0c874b !important;
  }
  .u-h-success-400:hover {
    color: #0a6c3c !important;
  }
  .u-h-success-500:hover {
    color: #074c2a !important;
  }
  .u-h-warning-100:hover {
    color: #fffbe5 !important;
  }
  .u-h-warning-200:hover {
    color: #f7981c !important;
  }
  .u-h-warning-300:hover {
    color: #ad6507 !important;
  }
  .u-h-warning-400:hover {
    color: #8a5106 !important;
  }
  .u-h-warning-500:hover {
    color: #613904 !important;
  }
  .u-h-error-100:hover {
    color: #fff0f0 !important;
  }
  .u-h-error-200:hover {
    color: #f8787c !important;
  }
  .u-h-error-300:hover {
    color: #df2f36 !important;
  }
  .u-h-error-400:hover {
    color: #b2262b !important;
  }
  .u-h-error-500:hover {
    color: #7d1b1e !important;
  }
  .u-h-text-primary-100:hover {
    color: #2f3748 !important;
  }
  .u-h-text-primary-200:hover {
    color: #242b39 !important;
  }
  .u-h-text-secondary-100:hover {
    color: #656c85 !important;
  }
  .u-h-text-secondary-200:hover {
    color: #516173 !important;
  }
  .u-d-b {
    display: block !important;
  }
  .u-d-i {
    display: inline !important;
  }
  .u-d-ib {
    display: inline-block !important;
  }
  .u-d-fx {
    display: flex !important;
  }
  .u-d-ifx {
    display: inline-flex !important;
  }
  .u-d-c {
    display: contents !important;
  }
  .u-d-n {
    display: none !important;
  }
  .u-cur-d {
    cursor: default !important;
  }
  .u-cur-gr {
    cursor: grab !important;
  }
  .u-cur-grg {
    cursor: grabbing !important;
  }
  .u-cur-p {
    cursor: pointer !important;
  }
  .u-cur-m {
    cursor: move !important;
  }
  .u-cur-na {
    cursor: not-allowed !important;
  }
  .u-cur-w {
    cursor: wait !important;
  }
  .u-cur-nr {
    cursor: n-resize !important;
  }
  .u-cur-er {
    cursor: e-resize !important;
  }
  .u-cur-sr {
    cursor: s-resize !important;
  }
  .u-cur-wr {
    cursor: w-resize !important;
  }
  .u-cur-ner {
    cursor: ne-resize !important;
  }
  .u-cur-nwr {
    cursor: nw-resize !important;
  }
  .u-cur-ser {
    cursor: se-resize !important;
  }
  .u-cur-swr {
    cursor: sw-resize !important;
  }
  .u-cl-l {
    clear: left !important;
  }
  .u-cl-r {
    clear: right !important;
  }
  .u-cl-b {
    clear: both !important;
  }
  .u-cl-n {
    clear: none !important;
  }
  .u-fl-l {
    float: left !important;
  }
  .u-fl-r {
    float: right !important;
  }
  .u-fl-n {
    float: none !important;
  }
  .u-op-0 {
    opacity: 0 !important;
  }
  .u-op-25 {
    opacity: 0.25 !important;
  }
  .u-op-50 {
    opacity: 0.5 !important;
  }
  .u-op-75 {
    opacity: 0.75 !important;
  }
  .u-op-100 {
    opacity: 1 !important;
  }
  .u-ov-auto {
    overflow: auto !important;
  }
  .u-ov-h {
    overflow: hidden !important;
  }
  .u-pe-auto {
    pointer-events: auto !important;
  }
  .u-pe-n {
    pointer-events: none !important;
  }
  .u-us-auto {
    user-select: auto !important;
  }
  .u-us-n {
    user-select: none !important;
  }
  .u-us-t {
    user-select: text !important;
  }
  .u-us-a {
    user-select: all !important;
  }
  .u-va-bl {
    vertical-align: baseline !important;
  }
  .u-va-t {
    vertical-align: top !important;
  }
  .u-va-m {
    vertical-align: middle !important;
  }
  .u-va-b {
    vertical-align: bottom !important;
  }
  .u-v-v {
    visibility: visible !important;
  }
  .u-v-h {
    visibility: hidden !important;
  }
  .u-zx-0 {
    z-index: 0 !important;
  }
  .u-zx-1 {
    z-index: 1 !important;
  }
  .u-zx-2 {
    z-index: 2 !important;
  }
  .u-zx-3 {
    z-index: 3 !important;
  }
  .u-zx-4 {
    z-index: 4 !important;
  }
  .u-zx-5 {
    z-index: 5 !important;
  }
  .u-pos-s {
    position: static !important;
  }
  .u-pos-r {
    position: relative !important;
  }
  .u-pos-a {
    position: absolute !important;
  }
  .u-pos-f {
    position: fixed !important;
  }
  .u-w-25 {
    width: 25% !important;
  }
  .u-w-33 {
    width: 33.3333% !important;
  }
  .u-w-50 {
    width: 50% !important;
  }
  .u-w-66 {
    width: 66.6667% !important;
  }
  .u-w-75 {
    width: 75% !important;
  }
  .u-w-100 {
    width: 100% !important;
  }
  .u-w-f8 {
    width: 0.5rem !important;
  }
  .u-w-f12 {
    width: 0.75rem !important;
  }
  .u-w-f16 {
    width: 1rem !important;
  }
  .u-w-f24 {
    width: 1.5rem !important;
  }
  .u-w-f32 {
    width: 2rem !important;
  }
  .u-w-f40 {
    width: 2.5rem !important;
  }
  .u-w-f48 {
    width: 3rem !important;
  }
  .u-w-f56 {
    width: 3.5rem !important;
  }
  .u-w-f64 {
    width: 4rem !important;
  }
  .u-w-f72 {
    width: 4.5rem !important;
  }
  .u-w-f80 {
    width: 5rem !important;
  }
  .u-w-f96 {
    width: 6rem !important;
  }
  .u-w-f112 {
    width: 7rem !important;
  }
  .u-w-0 {
    width: 0 !important;
  }
  .u-w-auto {
    width: auto !important;
  }
  .u-wmin-25 {
    min-width: 25% !important;
  }
  .u-wmin-33 {
    min-width: 33.3333% !important;
  }
  .u-wmin-50 {
    min-width: 50% !important;
  }
  .u-wmin-66 {
    min-width: 66.6667% !important;
  }
  .u-wmin-75 {
    min-width: 75% !important;
  }
  .u-wmin-100 {
    min-width: 100% !important;
  }
  .u-wmin-f8 {
    min-width: 0.5rem !important;
  }
  .u-wmin-f12 {
    min-width: 0.75rem !important;
  }
  .u-wmin-f16 {
    min-width: 1rem !important;
  }
  .u-wmin-f24 {
    min-width: 1.5rem !important;
  }
  .u-wmin-f32 {
    min-width: 2rem !important;
  }
  .u-wmin-f40 {
    min-width: 2.5rem !important;
  }
  .u-wmin-f48 {
    min-width: 3rem !important;
  }
  .u-wmin-f56 {
    min-width: 3.5rem !important;
  }
  .u-wmin-f64 {
    min-width: 4rem !important;
  }
  .u-wmin-f72 {
    min-width: 4.5rem !important;
  }
  .u-wmin-f80 {
    min-width: 5rem !important;
  }
  .u-wmin-f96 {
    min-width: 6rem !important;
  }
  .u-wmin-f112 {
    min-width: 7rem !important;
  }
  .u-wmin-0 {
    min-width: 0 !important;
  }
  .u-wmin-auto {
    min-width: auto !important;
  }
  .u-h-25 {
    height: 25% !important;
  }
  .u-h-50 {
    height: 50% !important;
  }
  .u-h-75 {
    height: 75% !important;
  }
  .u-h-100 {
    height: 100% !important;
  }
  .u-h-f8 {
    height: 0.5rem !important;
  }
  .u-h-f12 {
    height: 0.75rem !important;
  }
  .u-h-f16 {
    height: 1rem !important;
  }
  .u-h-f24 {
    height: 1.5rem !important;
  }
  .u-h-f32 {
    height: 2rem !important;
  }
  .u-h-f40 {
    height: 2.5rem !important;
  }
  .u-h-f48 {
    height: 3rem !important;
  }
  .u-h-f56 {
    height: 3.5rem !important;
  }
  .u-h-f64 {
    height: 4rem !important;
  }
  .u-h-f72 {
    height: 4.5rem !important;
  }
  .u-h-f80 {
    height: 5rem !important;
  }
  .u-h-f96 {
    height: 6rem !important;
  }
  .u-h-f112 {
    height: 7rem !important;
  }
  .u-h-0 {
    height: 0 !important;
  }
  .u-h-auto {
    height: auto !important;
  }
  .u-hmin-25 {
    min-height: 25% !important;
  }
  .u-hmin-50 {
    min-height: 50% !important;
  }
  .u-hmin-75 {
    min-height: 75% !important;
  }
  .u-hmin-100 {
    min-height: 100% !important;
  }
  .u-hmin-f8 {
    min-height: 0.5rem !important;
  }
  .u-hmin-f12 {
    min-height: 0.75rem !important;
  }
  .u-hmin-f16 {
    min-height: 1rem !important;
  }
  .u-hmin-f24 {
    min-height: 1.5rem !important;
  }
  .u-hmin-f32 {
    min-height: 2rem !important;
  }
  .u-hmin-f40 {
    min-height: 2.5rem !important;
  }
  .u-hmin-f48 {
    min-height: 3rem !important;
  }
  .u-hmin-f56 {
    min-height: 3.5rem !important;
  }
  .u-hmin-f64 {
    min-height: 4rem !important;
  }
  .u-hmin-f72 {
    min-height: 4.5rem !important;
  }
  .u-hmin-f80 {
    min-height: 5rem !important;
  }
  .u-hmin-f96 {
    min-height: 6rem !important;
  }
  .u-hmin-f112 {
    min-height: 7rem !important;
  }
  .u-hmin-0 {
    min-height: 0 !important;
  }
  .u-hmax-25 {
    max-height: 25% !important;
  }
  .u-hmax-50 {
    max-height: 50% !important;
  }
  .u-hmax-75 {
    max-height: 75% !important;
  }
  .u-hmax-100 {
    max-height: 100% !important;
  }
  .u-hmax-f8 {
    max-height: 0.5rem !important;
  }
  .u-hmax-f12 {
    max-height: 0.75rem !important;
  }
  .u-hmax-f16 {
    max-height: 1rem !important;
  }
  .u-hmax-f24 {
    max-height: 1.5rem !important;
  }
  .u-hmax-f32 {
    max-height: 2rem !important;
  }
  .u-hmax-f40 {
    max-height: 2.5rem !important;
  }
  .u-hmax-f48 {
    max-height: 3rem !important;
  }
  .u-hmax-f56 {
    max-height: 3.5rem !important;
  }
  .u-hmax-f64 {
    max-height: 4rem !important;
  }
  .u-hmax-f72 {
    max-height: 4.5rem !important;
  }
  .u-hmax-f80 {
    max-height: 5rem !important;
  }
  .u-hmax-f96 {
    max-height: 6rem !important;
  }
  .u-hmax-f112 {
    max-height: 7rem !important;
  }
  .u-hmax-0 {
    max-height: 0 !important;
  }
  .u-hmax-auto {
    max-height: auto !important;
  }
  .u-top-1 {
    top: 0.125rem !important;
  }
  .u-top-2 {
    top: 0.25rem !important;
  }
  .u-top-3 {
    top: 0.5rem !important;
  }
  .u-top-4 {
    top: 0.75rem !important;
  }
  .u-top-5 {
    top: 1rem !important;
  }
  .u-top-n1 {
    top: -0.125rem !important;
  }
  .u-top-n2 {
    top: -0.25rem !important;
  }
  .u-top-n3 {
    top: -0.5rem !important;
  }
  .u-top-n4 {
    top: -0.75rem !important;
  }
  .u-top-n5 {
    top: -1rem !important;
  }
  .u-top-0 {
    top: 0 !important;
  }
  .u-top-100 {
    top: 100% !important;
  }
  .u-top-auto {
    top: auto !important;
  }
  .u-right-1 {
    right: 0.125rem !important;
  }
  .u-right-2 {
    right: 0.25rem !important;
  }
  .u-right-3 {
    right: 0.5rem !important;
  }
  .u-right-4 {
    right: 0.75rem !important;
  }
  .u-right-5 {
    right: 1rem !important;
  }
  .u-right-n1 {
    right: -0.125rem !important;
  }
  .u-right-n2 {
    right: -0.25rem !important;
  }
  .u-right-n3 {
    right: -0.5rem !important;
  }
  .u-right-n4 {
    right: -0.75rem !important;
  }
  .u-right-n5 {
    right: -1rem !important;
  }
  .u-right-0 {
    right: 0 !important;
  }
  .u-right-100 {
    right: 100% !important;
  }
  .u-right-auto {
    right: auto !important;
  }
  .u-bottom-1 {
    bottom: 0.125rem !important;
  }
  .u-bottom-2 {
    bottom: 0.25rem !important;
  }
  .u-bottom-3 {
    bottom: 0.5rem !important;
  }
  .u-bottom-4 {
    bottom: 0.75rem !important;
  }
  .u-bottom-5 {
    bottom: 1rem !important;
  }
  .u-bottom-n1 {
    bottom: -0.125rem !important;
  }
  .u-bottom-n2 {
    bottom: -0.25rem !important;
  }
  .u-bottom-n3 {
    bottom: -0.5rem !important;
  }
  .u-bottom-n4 {
    bottom: -0.75rem !important;
  }
  .u-bottom-n5 {
    bottom: -1rem !important;
  }
  .u-bottom-0 {
    bottom: 0 !important;
  }
  .u-bottom-100 {
    bottom: 100% !important;
  }
  .u-bottom-auto {
    bottom: auto !important;
  }
  .u-left-1 {
    left: 0.125rem !important;
  }
  .u-left-2 {
    left: 0.25rem !important;
  }
  .u-left-3 {
    left: 0.5rem !important;
  }
  .u-left-4 {
    left: 0.75rem !important;
  }
  .u-left-5 {
    left: 1rem !important;
  }
  .u-left-n1 {
    left: -0.125rem !important;
  }
  .u-left-n2 {
    left: -0.25rem !important;
  }
  .u-left-n3 {
    left: -0.5rem !important;
  }
  .u-left-n4 {
    left: -0.75rem !important;
  }
  .u-left-n5 {
    left: -1rem !important;
  }
  .u-left-0 {
    left: 0 !important;
  }
  .u-left-100 {
    left: 100% !important;
  }
  .u-left-auto {
    left: auto !important;
  }
  .u-b {
    border: 1px solid #edf0f4 !important;
  }
  .u-b-0 {
    border: 0 !important;
  }
  .u-b-t {
    border-top: 1px solid #edf0f4 !important;
  }
  .u-b-t-0 {
    border-top: 0 !important;
  }
  .u-b-r {
    border-right: 1px solid #edf0f4 !important;
  }
  .u-b-r-0 {
    border-right: 0 !important;
  }
  .u-b-b {
    border-bottom: 1px solid #edf0f4 !important;
  }
  .u-b-b-0 {
    border-bottom: 0 !important;
  }
  .u-b-l {
    border-left: 1px solid #edf0f4 !important;
  }
  .u-b-l-0 {
    border-left: 0 !important;
  }
  .u-b-1 {
    border-width: 1px !important;
  }
  .u-b-2 {
    border-width: 2px !important;
  }
  .u-b-solid {
    border-style: solid !important;
  }
  .u-b-dotted {
    border-style: dotted !important;
  }
  .u-b-dashed {
    border-style: dashed !important;
  }
  .u-b-primary-100 {
    border-color: var(--pf-color-primary-100, var(--__pf__color-primary-100, #f9f9ff)) !important;
  }
  .u-b-primary-200 {
    border-color: var(--pf-color-primary-200, var(--__pf__color-primary-200, #dbdeff)) !important;
  }
  .u-b-primary-300 {
    border-color: var(--pf-color-primary-300, var(--__pf__color-primary-300, #b8bfff)) !important;
  }
  .u-b-primary-400 {
    border-color: var(--pf-color-primary-400, var(--__pf__color-primary-400, #99a3ff)) !important;
  }
  .u-b-primary-500 {
    border-color: var(--pf-color-primary-500, var(--__pf__color-primary-500, #6360ff)) !important;
  }
  .u-b-primary-600 {
    border-color: var(--pf-color-primary-600, var(--__pf__color-primary-600, #473deb)) !important;
  }
  .u-b-primary-700 {
    border-color: var(--pf-color-primary-700, var(--__pf__color-primary-700, #3e35cf)) !important;
  }
  .u-b-primary-800 {
    border-color: var(--pf-color-primary-800, var(--__pf__color-primary-800, #342cb0)) !important;
  }
  .u-b-gray-100 {
    border-color: #fff !important;
  }
  .u-b-gray-200 {
    border-color: #fafafb !important;
  }
  .u-b-gray-300 {
    border-color: #f5f7f9 !important;
  }
  .u-b-gray-400 {
    border-color: #edf0f4 !important;
  }
  .u-b-gray-500 {
    border-color: #e3e8ed !important;
  }
  .u-b-gray-600 {
    border-color: #d8dee5 !important;
  }
  .u-b-gray-700 {
    border-color: #c5ced8 !important;
  }
  .u-b-gray-800 {
    border-color: #b3becb !important;
  }
  .u-b-gray-900 {
    border-color: #9ea8b7 !important;
  }
  .u-b-gray-1000 {
    border-color: #8893a7 !important;
  }
  .u-b-gray-1100 {
    border-color: #656c85 !important;
  }
  .u-b-gray-1200 {
    border-color: #516173 !important;
  }
  .u-b-gray-1300 {
    border-color: #2f3748 !important;
  }
  .u-b-gray-1400 {
    border-color: #242b39 !important;
  }
  .u-b-info-100 {
    border-color: #e8faff !important;
  }
  .u-b-info-200 {
    border-color: #06adef !important;
  }
  .u-b-info-300 {
    border-color: #077fae !important;
  }
  .u-b-info-400 {
    border-color: #06668b !important;
  }
  .u-b-info-500 {
    border-color: #044761 !important;
  }
  .u-b-success-100 {
    border-color: #eeffe6 !important;
  }
  .u-b-success-200 {
    border-color: #00ce69 !important;
  }
  .u-b-success-300 {
    border-color: #0c874b !important;
  }
  .u-b-success-400 {
    border-color: #0a6c3c !important;
  }
  .u-b-success-500 {
    border-color: #074c2a !important;
  }
  .u-b-warning-100 {
    border-color: #fffbe5 !important;
  }
  .u-b-warning-200 {
    border-color: #f7981c !important;
  }
  .u-b-warning-300 {
    border-color: #ad6507 !important;
  }
  .u-b-warning-400 {
    border-color: #8a5106 !important;
  }
  .u-b-warning-500 {
    border-color: #613904 !important;
  }
  .u-b-error-100 {
    border-color: #fff0f0 !important;
  }
  .u-b-error-200 {
    border-color: #f8787c !important;
  }
  .u-b-error-300 {
    border-color: #df2f36 !important;
  }
  .u-b-error-400 {
    border-color: #b2262b !important;
  }
  .u-b-error-500 {
    border-color: #7d1b1e !important;
  }
  .u-br-1 {
    border-radius: 3px !important;
  }
  .u-br-2 {
    border-radius: 4px !important;
  }
  .u-br-3 {
    border-radius: 6px !important;
  }
  .u-br-4 {
    border-radius: 8px !important;
  }
  .u-br-5 {
    border-radius: 12px !important;
  }
  .u-br-6 {
    border-radius: 16px !important;
  }
  .u-br-0 {
    border-radius: 0 !important;
  }
  .u-br-100 {
    border-radius: 100% !important;
  }
  .u-fx-auto {
    flex: 1 1 auto !important;
  }
  .u-fx-none {
    flex: none !important;
  }
  .u-fx-row {
    flex-direction: row !important;
  }
  .u-fx-column {
    flex-direction: column !important;
  }
  .u-fx-row-reverse {
    flex-direction: row-reverse !important;
  }
  .u-fx-column-reverse {
    flex-direction: column-reverse !important;
  }
  .u-fx-grow-0 {
    flex-grow: 0 !important;
  }
  .u-fx-grow {
    flex-grow: 1 !important;
  }
  .u-fx-shrink-0 {
    flex-shrink: 0 !important;
  }
  .u-fx-shrink {
    flex-shrink: 1 !important;
  }
  .u-fx-wrap {
    flex-wrap: wrap !important;
  }
  .u-fx-nowrap {
    flex-wrap: nowrap !important;
  }
  .u-fx-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .u-justify-start {
    justify-content: flex-start !important;
  }
  .u-justify-end {
    justify-content: flex-end !important;
  }
  .u-justify-center {
    justify-content: center !important;
  }
  .u-justify-between {
    justify-content: space-between !important;
  }
  .u-justify-around {
    justify-content: space-around !important;
  }
  .u-justify-evenly {
    justify-content: space-evenly !important;
  }
  .u-align-items-start {
    align-items: flex-start !important;
  }
  .u-align-items-end {
    align-items: flex-end !important;
  }
  .u-align-items-center {
    align-items: center !important;
  }
  .u-align-items-baseline {
    align-items: baseline !important;
  }
  .u-align-items-stretch {
    align-items: stretch !important;
  }
  .u-align-content-start {
    align-content: flex-start !important;
  }
  .u-align-content-end {
    align-content: flex-end !important;
  }
  .u-align-content-center {
    align-content: center !important;
  }
  .u-align-content-between {
    align-content: space-between !important;
  }
  .u-align-content-around {
    align-content: space-around !important;
  }
  .u-align-content-stretch {
    align-content: stretch !important;
  }
  .u-align-self-auto {
    align-self: auto !important;
  }
  .u-align-self-start {
    align-self: flex-start !important;
  }
  .u-align-self-end {
    align-self: flex-end !important;
  }
  .u-align-self-center {
    align-self: center !important;
  }
  .u-align-self-baseline {
    align-self: baseline !important;
  }
  .u-align-self-stretch {
    align-self: stretch !important;
  }
  .u-order-first {
    order: -1 !important;
  }
  .u-order-0 {
    order: 0 !important;
  }
  .u-order-1 {
    order: 1 !important;
  }
  .u-order-2 {
    order: 2 !important;
  }
  .u-order-3 {
    order: 3 !important;
  }
  .u-order-last {
    order: 4 !important;
  }
  .u-gap-0\.5 {
    gap: 0.125rem !important;
  }
  .u-gap-1 {
    gap: 0.25rem !important;
  }
  .u-gap-1\.5 {
    gap: 0.375rem !important;
  }
  .u-gap-2 {
    gap: 0.5rem !important;
  }
  .u-gap-3 {
    gap: 0.75rem !important;
  }
  .u-gap-4 {
    gap: 1rem !important;
  }
  .u-gap-5 {
    gap: 1.25rem !important;
  }
  .u-gap-6 {
    gap: 1.5rem !important;
  }
  .u-gap-8 {
    gap: 2rem !important;
  }
  .u-gap-10 {
    gap: 2.5rem !important;
  }
  .u-gap-12 {
    gap: 3rem !important;
  }
  .u-gap-14 {
    gap: 3.5rem !important;
  }
  .u-gap-16 {
    gap: 4rem !important;
  }
  .u-gap-20 {
    gap: 5rem !important;
  }
  .u-gap-24 {
    gap: 6rem !important;
  }
  .u-gap-28 {
    gap: 7rem !important;
  }
  .u-gap-0 {
    gap: 0 !important;
  }
  .u-gap-x-0\.5 {
    column-gap: 0.125rem !important;
  }
  .u-gap-x-1 {
    column-gap: 0.25rem !important;
  }
  .u-gap-x-1\.5 {
    column-gap: 0.375rem !important;
  }
  .u-gap-x-2 {
    column-gap: 0.5rem !important;
  }
  .u-gap-x-3 {
    column-gap: 0.75rem !important;
  }
  .u-gap-x-4 {
    column-gap: 1rem !important;
  }
  .u-gap-x-5 {
    column-gap: 1.25rem !important;
  }
  .u-gap-x-6 {
    column-gap: 1.5rem !important;
  }
  .u-gap-x-8 {
    column-gap: 2rem !important;
  }
  .u-gap-x-10 {
    column-gap: 2.5rem !important;
  }
  .u-gap-x-12 {
    column-gap: 3rem !important;
  }
  .u-gap-x-14 {
    column-gap: 3.5rem !important;
  }
  .u-gap-x-16 {
    column-gap: 4rem !important;
  }
  .u-gap-x-20 {
    column-gap: 5rem !important;
  }
  .u-gap-x-24 {
    column-gap: 6rem !important;
  }
  .u-gap-x-28 {
    column-gap: 7rem !important;
  }
  .u-gap-x-0 {
    column-gap: 0 !important;
  }
  .u-gap-y-0\.5 {
    row-gap: 0.125rem !important;
  }
  .u-gap-y-1 {
    row-gap: 0.25rem !important;
  }
  .u-gap-y-1\.5 {
    row-gap: 0.375rem !important;
  }
  .u-gap-y-2 {
    row-gap: 0.5rem !important;
  }
  .u-gap-y-3 {
    row-gap: 0.75rem !important;
  }
  .u-gap-y-4 {
    row-gap: 1rem !important;
  }
  .u-gap-y-5 {
    row-gap: 1.25rem !important;
  }
  .u-gap-y-6 {
    row-gap: 1.5rem !important;
  }
  .u-gap-y-8 {
    row-gap: 2rem !important;
  }
  .u-gap-y-10 {
    row-gap: 2.5rem !important;
  }
  .u-gap-y-12 {
    row-gap: 3rem !important;
  }
  .u-gap-y-14 {
    row-gap: 3.5rem !important;
  }
  .u-gap-y-16 {
    row-gap: 4rem !important;
  }
  .u-gap-y-20 {
    row-gap: 5rem !important;
  }
  .u-gap-y-24 {
    row-gap: 6rem !important;
  }
  .u-gap-y-28 {
    row-gap: 7rem !important;
  }
  .u-gap-y-0 {
    row-gap: 0 !important;
  }
  .u-of-contain {
    object-fit: contain !important;
  }
  .u-of-cover {
    object-fit: cover !important;
  }
  .u-of-fill {
    object-fit: fill !important;
  }
  .u-of-n {
    object-fit: none !important;
  }
  .u-of-scale-down {
    object-fit: scale-down !important;
  }
  .u-m-0\.5 {
    margin: 0.125rem !important;
  }
  .u-m-1 {
    margin: 0.25rem !important;
  }
  .u-m-1\.5 {
    margin: 0.375rem !important;
  }
  .u-m-2 {
    margin: 0.5rem !important;
  }
  .u-m-3 {
    margin: 0.75rem !important;
  }
  .u-m-4 {
    margin: 1rem !important;
  }
  .u-m-5 {
    margin: 1.25rem !important;
  }
  .u-m-6 {
    margin: 1.5rem !important;
  }
  .u-m-8 {
    margin: 2rem !important;
  }
  .u-m-10 {
    margin: 2.5rem !important;
  }
  .u-m-12 {
    margin: 3rem !important;
  }
  .u-m-14 {
    margin: 3.5rem !important;
  }
  .u-m-16 {
    margin: 4rem !important;
  }
  .u-m-20 {
    margin: 5rem !important;
  }
  .u-m-24 {
    margin: 6rem !important;
  }
  .u-m-28 {
    margin: 7rem !important;
  }
  .u-m-n0\.5 {
    margin: -0.125rem !important;
  }
  .u-m-n1 {
    margin: -0.25rem !important;
  }
  .u-m-n1\.5 {
    margin: -0.375rem !important;
  }
  .u-m-n2 {
    margin: -0.5rem !important;
  }
  .u-m-n3 {
    margin: -0.75rem !important;
  }
  .u-m-n4 {
    margin: -1rem !important;
  }
  .u-m-n5 {
    margin: -1.25rem !important;
  }
  .u-m-n6 {
    margin: -1.5rem !important;
  }
  .u-m-n8 {
    margin: -2rem !important;
  }
  .u-m-n10 {
    margin: -2.5rem !important;
  }
  .u-m-n12 {
    margin: -3rem !important;
  }
  .u-m-n14 {
    margin: -3.5rem !important;
  }
  .u-m-n16 {
    margin: -4rem !important;
  }
  .u-m-n20 {
    margin: -5rem !important;
  }
  .u-m-n24 {
    margin: -6rem !important;
  }
  .u-m-n28 {
    margin: -7rem !important;
  }
  .u-m-0 {
    margin: 0 !important;
  }
  .u-m-auto {
    margin: auto !important;
  }
  .u-mx-0\.5 {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
  }
  .u-mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .u-mx-1\.5 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .u-mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .u-mx-3 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .u-mx-4 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .u-mx-5 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .u-mx-6 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .u-mx-8 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .u-mx-10 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .u-mx-12 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .u-mx-14 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .u-mx-16 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .u-mx-20 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .u-mx-24 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .u-mx-28 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .u-mx-n0\.5 {
    margin-right: -0.125rem !important;
    margin-left: -0.125rem !important;
  }
  .u-mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .u-mx-n1\.5 {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .u-mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .u-mx-n3 {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .u-mx-n4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .u-mx-n5 {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .u-mx-n6 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .u-mx-n8 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .u-mx-n10 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .u-mx-n12 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .u-mx-n14 {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .u-mx-n16 {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .u-mx-n20 {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .u-mx-n24 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .u-mx-n28 {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .u-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .u-my-0\.5 {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .u-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .u-my-1\.5 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .u-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .u-my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .u-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .u-my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-24 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-28 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-n0\.5 {
    margin-top: -0.125rem !important;
    margin-bottom: -0.125rem !important;
  }
  .u-my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .u-my-n1\.5 {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .u-my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .u-my-n3 {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .u-my-n4 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .u-my-n5 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .u-my-n6 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .u-my-n8 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .u-my-n10 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .u-my-n12 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .u-my-n14 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .u-my-n16 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .u-my-n20 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .u-my-n24 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .u-my-n28 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mt-0\.5 {
    margin-top: 0.125rem !important;
  }
  .u-mt-1 {
    margin-top: 0.25rem !important;
  }
  .u-mt-1\.5 {
    margin-top: 0.375rem !important;
  }
  .u-mt-2 {
    margin-top: 0.5rem !important;
  }
  .u-mt-3 {
    margin-top: 0.75rem !important;
  }
  .u-mt-4 {
    margin-top: 1rem !important;
  }
  .u-mt-5 {
    margin-top: 1.25rem !important;
  }
  .u-mt-6 {
    margin-top: 1.5rem !important;
  }
  .u-mt-8 {
    margin-top: 2rem !important;
  }
  .u-mt-10 {
    margin-top: 2.5rem !important;
  }
  .u-mt-12 {
    margin-top: 3rem !important;
  }
  .u-mt-14 {
    margin-top: 3.5rem !important;
  }
  .u-mt-16 {
    margin-top: 4rem !important;
  }
  .u-mt-20 {
    margin-top: 5rem !important;
  }
  .u-mt-24 {
    margin-top: 6rem !important;
  }
  .u-mt-28 {
    margin-top: 7rem !important;
  }
  .u-mt-n0\.5 {
    margin-top: -0.125rem !important;
  }
  .u-mt-n1 {
    margin-top: -0.25rem !important;
  }
  .u-mt-n1\.5 {
    margin-top: -0.375rem !important;
  }
  .u-mt-n2 {
    margin-top: -0.5rem !important;
  }
  .u-mt-n3 {
    margin-top: -0.75rem !important;
  }
  .u-mt-n4 {
    margin-top: -1rem !important;
  }
  .u-mt-n5 {
    margin-top: -1.25rem !important;
  }
  .u-mt-n6 {
    margin-top: -1.5rem !important;
  }
  .u-mt-n8 {
    margin-top: -2rem !important;
  }
  .u-mt-n10 {
    margin-top: -2.5rem !important;
  }
  .u-mt-n12 {
    margin-top: -3rem !important;
  }
  .u-mt-n14 {
    margin-top: -3.5rem !important;
  }
  .u-mt-n16 {
    margin-top: -4rem !important;
  }
  .u-mt-n20 {
    margin-top: -5rem !important;
  }
  .u-mt-n24 {
    margin-top: -6rem !important;
  }
  .u-mt-n28 {
    margin-top: -7rem !important;
  }
  .u-mt-0 {
    margin-top: 0 !important;
  }
  .u-mt-auto {
    margin-top: auto !important;
  }
  .u-mr-0\.5 {
    margin-right: 0.125rem !important;
  }
  .u-mr-1 {
    margin-right: 0.25rem !important;
  }
  .u-mr-1\.5 {
    margin-right: 0.375rem !important;
  }
  .u-mr-2 {
    margin-right: 0.5rem !important;
  }
  .u-mr-3 {
    margin-right: 0.75rem !important;
  }
  .u-mr-4 {
    margin-right: 1rem !important;
  }
  .u-mr-5 {
    margin-right: 1.25rem !important;
  }
  .u-mr-6 {
    margin-right: 1.5rem !important;
  }
  .u-mr-8 {
    margin-right: 2rem !important;
  }
  .u-mr-10 {
    margin-right: 2.5rem !important;
  }
  .u-mr-12 {
    margin-right: 3rem !important;
  }
  .u-mr-14 {
    margin-right: 3.5rem !important;
  }
  .u-mr-16 {
    margin-right: 4rem !important;
  }
  .u-mr-20 {
    margin-right: 5rem !important;
  }
  .u-mr-24 {
    margin-right: 6rem !important;
  }
  .u-mr-28 {
    margin-right: 7rem !important;
  }
  .u-mr-n0\.5 {
    margin-right: -0.125rem !important;
  }
  .u-mr-n1 {
    margin-right: -0.25rem !important;
  }
  .u-mr-n1\.5 {
    margin-right: -0.375rem !important;
  }
  .u-mr-n2 {
    margin-right: -0.5rem !important;
  }
  .u-mr-n3 {
    margin-right: -0.75rem !important;
  }
  .u-mr-n4 {
    margin-right: -1rem !important;
  }
  .u-mr-n5 {
    margin-right: -1.25rem !important;
  }
  .u-mr-n6 {
    margin-right: -1.5rem !important;
  }
  .u-mr-n8 {
    margin-right: -2rem !important;
  }
  .u-mr-n10 {
    margin-right: -2.5rem !important;
  }
  .u-mr-n12 {
    margin-right: -3rem !important;
  }
  .u-mr-n14 {
    margin-right: -3.5rem !important;
  }
  .u-mr-n16 {
    margin-right: -4rem !important;
  }
  .u-mr-n20 {
    margin-right: -5rem !important;
  }
  .u-mr-n24 {
    margin-right: -6rem !important;
  }
  .u-mr-n28 {
    margin-right: -7rem !important;
  }
  .u-mr-0 {
    margin-right: 0 !important;
  }
  .u-mr-auto {
    margin-right: auto !important;
  }
  .u-mb-0\.5 {
    margin-bottom: 0.125rem !important;
  }
  .u-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .u-mb-1\.5 {
    margin-bottom: 0.375rem !important;
  }
  .u-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .u-mb-4 {
    margin-bottom: 1rem !important;
  }
  .u-mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .u-mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-8 {
    margin-bottom: 2rem !important;
  }
  .u-mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-12 {
    margin-bottom: 3rem !important;
  }
  .u-mb-14 {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-16 {
    margin-bottom: 4rem !important;
  }
  .u-mb-20 {
    margin-bottom: 5rem !important;
  }
  .u-mb-24 {
    margin-bottom: 6rem !important;
  }
  .u-mb-28 {
    margin-bottom: 7rem !important;
  }
  .u-mb-n0\.5 {
    margin-bottom: -0.125rem !important;
  }
  .u-mb-n1 {
    margin-bottom: -0.25rem !important;
  }
  .u-mb-n1\.5 {
    margin-bottom: -0.375rem !important;
  }
  .u-mb-n2 {
    margin-bottom: -0.5rem !important;
  }
  .u-mb-n3 {
    margin-bottom: -0.75rem !important;
  }
  .u-mb-n4 {
    margin-bottom: -1rem !important;
  }
  .u-mb-n5 {
    margin-bottom: -1.25rem !important;
  }
  .u-mb-n6 {
    margin-bottom: -1.5rem !important;
  }
  .u-mb-n8 {
    margin-bottom: -2rem !important;
  }
  .u-mb-n10 {
    margin-bottom: -2.5rem !important;
  }
  .u-mb-n12 {
    margin-bottom: -3rem !important;
  }
  .u-mb-n14 {
    margin-bottom: -3.5rem !important;
  }
  .u-mb-n16 {
    margin-bottom: -4rem !important;
  }
  .u-mb-n20 {
    margin-bottom: -5rem !important;
  }
  .u-mb-n24 {
    margin-bottom: -6rem !important;
  }
  .u-mb-n28 {
    margin-bottom: -7rem !important;
  }
  .u-mb-0 {
    margin-bottom: 0 !important;
  }
  .u-mb-auto {
    margin-bottom: auto !important;
  }
  .u-ml-0\.5 {
    margin-left: 0.125rem !important;
  }
  .u-ml-1 {
    margin-left: 0.25rem !important;
  }
  .u-ml-1\.5 {
    margin-left: 0.375rem !important;
  }
  .u-ml-2 {
    margin-left: 0.5rem !important;
  }
  .u-ml-3 {
    margin-left: 0.75rem !important;
  }
  .u-ml-4 {
    margin-left: 1rem !important;
  }
  .u-ml-5 {
    margin-left: 1.25rem !important;
  }
  .u-ml-6 {
    margin-left: 1.5rem !important;
  }
  .u-ml-8 {
    margin-left: 2rem !important;
  }
  .u-ml-10 {
    margin-left: 2.5rem !important;
  }
  .u-ml-12 {
    margin-left: 3rem !important;
  }
  .u-ml-14 {
    margin-left: 3.5rem !important;
  }
  .u-ml-16 {
    margin-left: 4rem !important;
  }
  .u-ml-20 {
    margin-left: 5rem !important;
  }
  .u-ml-24 {
    margin-left: 6rem !important;
  }
  .u-ml-28 {
    margin-left: 7rem !important;
  }
  .u-ml-n0\.5 {
    margin-left: -0.125rem !important;
  }
  .u-ml-n1 {
    margin-left: -0.25rem !important;
  }
  .u-ml-n1\.5 {
    margin-left: -0.375rem !important;
  }
  .u-ml-n2 {
    margin-left: -0.5rem !important;
  }
  .u-ml-n3 {
    margin-left: -0.75rem !important;
  }
  .u-ml-n4 {
    margin-left: -1rem !important;
  }
  .u-ml-n5 {
    margin-left: -1.25rem !important;
  }
  .u-ml-n6 {
    margin-left: -1.5rem !important;
  }
  .u-ml-n8 {
    margin-left: -2rem !important;
  }
  .u-ml-n10 {
    margin-left: -2.5rem !important;
  }
  .u-ml-n12 {
    margin-left: -3rem !important;
  }
  .u-ml-n14 {
    margin-left: -3.5rem !important;
  }
  .u-ml-n16 {
    margin-left: -4rem !important;
  }
  .u-ml-n20 {
    margin-left: -5rem !important;
  }
  .u-ml-n24 {
    margin-left: -6rem !important;
  }
  .u-ml-n28 {
    margin-left: -7rem !important;
  }
  .u-ml-0 {
    margin-left: 0 !important;
  }
  .u-ml-auto {
    margin-left: auto !important;
  }
  .u-p-0\.5 {
    padding: 0.125rem !important;
  }
  .u-p-1 {
    padding: 0.25rem !important;
  }
  .u-p-1\.5 {
    padding: 0.375rem !important;
  }
  .u-p-2 {
    padding: 0.5rem !important;
  }
  .u-p-3 {
    padding: 0.75rem !important;
  }
  .u-p-4 {
    padding: 1rem !important;
  }
  .u-p-5 {
    padding: 1.25rem !important;
  }
  .u-p-6 {
    padding: 1.5rem !important;
  }
  .u-p-8 {
    padding: 2rem !important;
  }
  .u-p-10 {
    padding: 2.5rem !important;
  }
  .u-p-12 {
    padding: 3rem !important;
  }
  .u-p-14 {
    padding: 3.5rem !important;
  }
  .u-p-16 {
    padding: 4rem !important;
  }
  .u-p-20 {
    padding: 5rem !important;
  }
  .u-p-24 {
    padding: 6rem !important;
  }
  .u-p-28 {
    padding: 7rem !important;
  }
  .u-p-0 {
    padding: 0 !important;
  }
  .u-px-0\.5 {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
  }
  .u-px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .u-px-1\.5 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .u-px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .u-px-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .u-px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .u-px-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .u-px-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .u-px-8 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .u-px-10 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .u-px-12 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .u-px-14 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .u-px-16 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .u-px-20 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .u-px-24 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .u-px-28 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .u-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-py-0\.5 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .u-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .u-py-1\.5 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .u-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .u-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .u-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .u-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .u-py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .u-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .u-py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .u-py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .u-py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .u-py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .u-py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .u-py-24 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .u-py-28 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-pt-0\.5 {
    padding-top: 0.125rem !important;
  }
  .u-pt-1 {
    padding-top: 0.25rem !important;
  }
  .u-pt-1\.5 {
    padding-top: 0.375rem !important;
  }
  .u-pt-2 {
    padding-top: 0.5rem !important;
  }
  .u-pt-3 {
    padding-top: 0.75rem !important;
  }
  .u-pt-4 {
    padding-top: 1rem !important;
  }
  .u-pt-5 {
    padding-top: 1.25rem !important;
  }
  .u-pt-6 {
    padding-top: 1.5rem !important;
  }
  .u-pt-8 {
    padding-top: 2rem !important;
  }
  .u-pt-10 {
    padding-top: 2.5rem !important;
  }
  .u-pt-12 {
    padding-top: 3rem !important;
  }
  .u-pt-14 {
    padding-top: 3.5rem !important;
  }
  .u-pt-16 {
    padding-top: 4rem !important;
  }
  .u-pt-20 {
    padding-top: 5rem !important;
  }
  .u-pt-24 {
    padding-top: 6rem !important;
  }
  .u-pt-28 {
    padding-top: 7rem !important;
  }
  .u-pt-0 {
    padding-top: 0 !important;
  }
  .u-pr-0\.5 {
    padding-right: 0.125rem !important;
  }
  .u-pr-1 {
    padding-right: 0.25rem !important;
  }
  .u-pr-1\.5 {
    padding-right: 0.375rem !important;
  }
  .u-pr-2 {
    padding-right: 0.5rem !important;
  }
  .u-pr-3 {
    padding-right: 0.75rem !important;
  }
  .u-pr-4 {
    padding-right: 1rem !important;
  }
  .u-pr-5 {
    padding-right: 1.25rem !important;
  }
  .u-pr-6 {
    padding-right: 1.5rem !important;
  }
  .u-pr-8 {
    padding-right: 2rem !important;
  }
  .u-pr-10 {
    padding-right: 2.5rem !important;
  }
  .u-pr-12 {
    padding-right: 3rem !important;
  }
  .u-pr-14 {
    padding-right: 3.5rem !important;
  }
  .u-pr-16 {
    padding-right: 4rem !important;
  }
  .u-pr-20 {
    padding-right: 5rem !important;
  }
  .u-pr-24 {
    padding-right: 6rem !important;
  }
  .u-pr-28 {
    padding-right: 7rem !important;
  }
  .u-pr-0 {
    padding-right: 0 !important;
  }
  .u-pb-0\.5 {
    padding-bottom: 0.125rem !important;
  }
  .u-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .u-pb-1\.5 {
    padding-bottom: 0.375rem !important;
  }
  .u-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .u-pb-4 {
    padding-bottom: 1rem !important;
  }
  .u-pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .u-pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-8 {
    padding-bottom: 2rem !important;
  }
  .u-pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-12 {
    padding-bottom: 3rem !important;
  }
  .u-pb-14 {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-16 {
    padding-bottom: 4rem !important;
  }
  .u-pb-20 {
    padding-bottom: 5rem !important;
  }
  .u-pb-24 {
    padding-bottom: 6rem !important;
  }
  .u-pb-28 {
    padding-bottom: 7rem !important;
  }
  .u-pb-0 {
    padding-bottom: 0 !important;
  }
  .u-pl-0\.5 {
    padding-left: 0.125rem !important;
  }
  .u-pl-1 {
    padding-left: 0.25rem !important;
  }
  .u-pl-1\.5 {
    padding-left: 0.375rem !important;
  }
  .u-pl-2 {
    padding-left: 0.5rem !important;
  }
  .u-pl-3 {
    padding-left: 0.75rem !important;
  }
  .u-pl-4 {
    padding-left: 1rem !important;
  }
  .u-pl-5 {
    padding-left: 1.25rem !important;
  }
  .u-pl-6 {
    padding-left: 1.5rem !important;
  }
  .u-pl-8 {
    padding-left: 2rem !important;
  }
  .u-pl-10 {
    padding-left: 2.5rem !important;
  }
  .u-pl-12 {
    padding-left: 3rem !important;
  }
  .u-pl-14 {
    padding-left: 3.5rem !important;
  }
  .u-pl-16 {
    padding-left: 4rem !important;
  }
  .u-pl-20 {
    padding-left: 5rem !important;
  }
  .u-pl-24 {
    padding-left: 6rem !important;
  }
  .u-pl-28 {
    padding-left: 7rem !important;
  }
  .u-pl-0 {
    padding-left: 0 !important;
  }
  .u-ff-primary {
    font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif) !important;
  }
  .u-ff-monospace {
    font-family: "Lucida Console", monaco, monospace !important;
  }
  .u-fs-1 {
    font-size: 0.625rem !important;
  }
  .u-fs-2 {
    font-size: 0.75rem !important;
  }
  .u-fs-3 {
    font-size: 0.8125rem !important;
  }
  .u-fs-4 {
    font-size: 0.875rem !important;
  }
  .u-fs-5 {
    font-size: 1rem !important;
  }
  .u-fs-6 {
    font-size: 1.125rem !important;
  }
  .u-fs-7 {
    font-size: 1.25rem !important;
  }
  .u-fs-8 {
    font-size: 1.5rem !important;
  }
  .u-fs-9 {
    font-size: 2rem !important;
  }
  .u-fs-10 {
    font-size: 2.5rem !important;
  }
  .u-fs-11 {
    font-size: 3rem !important;
  }
  .u-fw-regular {
    font-weight: 400 !important;
  }
  .u-fw-medium {
    font-weight: 500 !important;
  }
  .u-fw-bold {
    font-weight: 600 !important;
  }
  .u-lh-1 {
    line-height: 1.14 !important;
  }
  .u-lh-2 {
    line-height: 1.2 !important;
  }
  .u-lh-3 {
    line-height: 1.25 !important;
  }
  .u-lh-4 {
    line-height: 1.33 !important;
  }
  .u-lh-5 {
    line-height: 1.4 !important;
  }
  .u-lh-6 {
    line-height: 1.5 !important;
  }
  .u-lh-7 {
    line-height: 1.5714 !important;
  }
  .u-lh-8 {
    line-height: 1.71 !important;
  }
  .u-lh-9 {
    line-height: 1.77 !important;
  }
  .u-lh-0 {
    line-height: 0 !important;
  }
  .u-ls-1 {
    letter-spacing: normal !important;
  }
  .u-ls-2 {
    letter-spacing: 0.02em !important;
  }
  .u-ls-3 {
    letter-spacing: 0.06em !important;
  }
  .u-ta-l {
    text-align: left !important;
  }
  .u-ta-c {
    text-align: center !important;
  }
  .u-ta-r {
    text-align: right !important;
  }
  .u-td-u {
    text-decoration: underline !important;
  }
  .u-td-lt {
    text-decoration: line-through !important;
  }
  .u-wb-w {
    word-break: break-word !important;
  }
}
@media (min-width: 36em) {
  .u-d-b\@sm {
    display: block !important;
  }
  .u-d-i\@sm {
    display: inline !important;
  }
  .u-d-ib\@sm {
    display: inline-block !important;
  }
  .u-d-fx\@sm {
    display: flex !important;
  }
  .u-d-ifx\@sm {
    display: inline-flex !important;
  }
  .u-d-c\@sm {
    display: contents !important;
  }
  .u-d-n\@sm {
    display: none !important;
  }
  .u-v-v\@sm {
    visibility: visible !important;
  }
  .u-v-h\@sm {
    visibility: hidden !important;
  }
  .u-w-25\@sm {
    width: 25% !important;
  }
  .u-w-33\@sm {
    width: 33.3333% !important;
  }
  .u-w-50\@sm {
    width: 50% !important;
  }
  .u-w-66\@sm {
    width: 66.6667% !important;
  }
  .u-w-75\@sm {
    width: 75% !important;
  }
  .u-w-100\@sm {
    width: 100% !important;
  }
  .u-w-f8\@sm {
    width: 0.5rem !important;
  }
  .u-w-f12\@sm {
    width: 0.75rem !important;
  }
  .u-w-f16\@sm {
    width: 1rem !important;
  }
  .u-w-f24\@sm {
    width: 1.5rem !important;
  }
  .u-w-f32\@sm {
    width: 2rem !important;
  }
  .u-w-f40\@sm {
    width: 2.5rem !important;
  }
  .u-w-f48\@sm {
    width: 3rem !important;
  }
  .u-w-f56\@sm {
    width: 3.5rem !important;
  }
  .u-w-f64\@sm {
    width: 4rem !important;
  }
  .u-w-f72\@sm {
    width: 4.5rem !important;
  }
  .u-w-f80\@sm {
    width: 5rem !important;
  }
  .u-w-f96\@sm {
    width: 6rem !important;
  }
  .u-w-f112\@sm {
    width: 7rem !important;
  }
  .u-w-0\@sm {
    width: 0 !important;
  }
  .u-w-auto\@sm {
    width: auto !important;
  }
  .u-wmin-25\@sm {
    min-width: 25% !important;
  }
  .u-wmin-33\@sm {
    min-width: 33.3333% !important;
  }
  .u-wmin-50\@sm {
    min-width: 50% !important;
  }
  .u-wmin-66\@sm {
    min-width: 66.6667% !important;
  }
  .u-wmin-75\@sm {
    min-width: 75% !important;
  }
  .u-wmin-100\@sm {
    min-width: 100% !important;
  }
  .u-wmin-f8\@sm {
    min-width: 0.5rem !important;
  }
  .u-wmin-f12\@sm {
    min-width: 0.75rem !important;
  }
  .u-wmin-f16\@sm {
    min-width: 1rem !important;
  }
  .u-wmin-f24\@sm {
    min-width: 1.5rem !important;
  }
  .u-wmin-f32\@sm {
    min-width: 2rem !important;
  }
  .u-wmin-f40\@sm {
    min-width: 2.5rem !important;
  }
  .u-wmin-f48\@sm {
    min-width: 3rem !important;
  }
  .u-wmin-f56\@sm {
    min-width: 3.5rem !important;
  }
  .u-wmin-f64\@sm {
    min-width: 4rem !important;
  }
  .u-wmin-f72\@sm {
    min-width: 4.5rem !important;
  }
  .u-wmin-f80\@sm {
    min-width: 5rem !important;
  }
  .u-wmin-f96\@sm {
    min-width: 6rem !important;
  }
  .u-wmin-f112\@sm {
    min-width: 7rem !important;
  }
  .u-wmin-0\@sm {
    min-width: 0 !important;
  }
  .u-wmin-auto\@sm {
    min-width: auto !important;
  }
  .u-h-25\@sm {
    height: 25% !important;
  }
  .u-h-50\@sm {
    height: 50% !important;
  }
  .u-h-75\@sm {
    height: 75% !important;
  }
  .u-h-100\@sm {
    height: 100% !important;
  }
  .u-h-f8\@sm {
    height: 0.5rem !important;
  }
  .u-h-f12\@sm {
    height: 0.75rem !important;
  }
  .u-h-f16\@sm {
    height: 1rem !important;
  }
  .u-h-f24\@sm {
    height: 1.5rem !important;
  }
  .u-h-f32\@sm {
    height: 2rem !important;
  }
  .u-h-f40\@sm {
    height: 2.5rem !important;
  }
  .u-h-f48\@sm {
    height: 3rem !important;
  }
  .u-h-f56\@sm {
    height: 3.5rem !important;
  }
  .u-h-f64\@sm {
    height: 4rem !important;
  }
  .u-h-f72\@sm {
    height: 4.5rem !important;
  }
  .u-h-f80\@sm {
    height: 5rem !important;
  }
  .u-h-f96\@sm {
    height: 6rem !important;
  }
  .u-h-f112\@sm {
    height: 7rem !important;
  }
  .u-h-0\@sm {
    height: 0 !important;
  }
  .u-h-auto\@sm {
    height: auto !important;
  }
  .u-hmin-25\@sm {
    min-height: 25% !important;
  }
  .u-hmin-50\@sm {
    min-height: 50% !important;
  }
  .u-hmin-75\@sm {
    min-height: 75% !important;
  }
  .u-hmin-100\@sm {
    min-height: 100% !important;
  }
  .u-hmin-f8\@sm {
    min-height: 0.5rem !important;
  }
  .u-hmin-f12\@sm {
    min-height: 0.75rem !important;
  }
  .u-hmin-f16\@sm {
    min-height: 1rem !important;
  }
  .u-hmin-f24\@sm {
    min-height: 1.5rem !important;
  }
  .u-hmin-f32\@sm {
    min-height: 2rem !important;
  }
  .u-hmin-f40\@sm {
    min-height: 2.5rem !important;
  }
  .u-hmin-f48\@sm {
    min-height: 3rem !important;
  }
  .u-hmin-f56\@sm {
    min-height: 3.5rem !important;
  }
  .u-hmin-f64\@sm {
    min-height: 4rem !important;
  }
  .u-hmin-f72\@sm {
    min-height: 4.5rem !important;
  }
  .u-hmin-f80\@sm {
    min-height: 5rem !important;
  }
  .u-hmin-f96\@sm {
    min-height: 6rem !important;
  }
  .u-hmin-f112\@sm {
    min-height: 7rem !important;
  }
  .u-hmin-0\@sm {
    min-height: 0 !important;
  }
  .u-hmax-25\@sm {
    max-height: 25% !important;
  }
  .u-hmax-50\@sm {
    max-height: 50% !important;
  }
  .u-hmax-75\@sm {
    max-height: 75% !important;
  }
  .u-hmax-100\@sm {
    max-height: 100% !important;
  }
  .u-hmax-f8\@sm {
    max-height: 0.5rem !important;
  }
  .u-hmax-f12\@sm {
    max-height: 0.75rem !important;
  }
  .u-hmax-f16\@sm {
    max-height: 1rem !important;
  }
  .u-hmax-f24\@sm {
    max-height: 1.5rem !important;
  }
  .u-hmax-f32\@sm {
    max-height: 2rem !important;
  }
  .u-hmax-f40\@sm {
    max-height: 2.5rem !important;
  }
  .u-hmax-f48\@sm {
    max-height: 3rem !important;
  }
  .u-hmax-f56\@sm {
    max-height: 3.5rem !important;
  }
  .u-hmax-f64\@sm {
    max-height: 4rem !important;
  }
  .u-hmax-f72\@sm {
    max-height: 4.5rem !important;
  }
  .u-hmax-f80\@sm {
    max-height: 5rem !important;
  }
  .u-hmax-f96\@sm {
    max-height: 6rem !important;
  }
  .u-hmax-f112\@sm {
    max-height: 7rem !important;
  }
  .u-hmax-0\@sm {
    max-height: 0 !important;
  }
  .u-hmax-auto\@sm {
    max-height: auto !important;
  }
  .u-fx-auto\@sm {
    flex: 1 1 auto !important;
  }
  .u-fx-none\@sm {
    flex: none !important;
  }
  .u-fx-row\@sm {
    flex-direction: row !important;
  }
  .u-fx-column\@sm {
    flex-direction: column !important;
  }
  .u-fx-row-reverse\@sm {
    flex-direction: row-reverse !important;
  }
  .u-fx-column-reverse\@sm {
    flex-direction: column-reverse !important;
  }
  .u-fx-grow-0\@sm {
    flex-grow: 0 !important;
  }
  .u-fx-grow\@sm {
    flex-grow: 1 !important;
  }
  .u-fx-shrink-0\@sm {
    flex-shrink: 0 !important;
  }
  .u-fx-shrink\@sm {
    flex-shrink: 1 !important;
  }
  .u-fx-wrap\@sm {
    flex-wrap: wrap !important;
  }
  .u-fx-nowrap\@sm {
    flex-wrap: nowrap !important;
  }
  .u-fx-wrap-reverse\@sm {
    flex-wrap: wrap-reverse !important;
  }
  .u-justify-start\@sm {
    justify-content: flex-start !important;
  }
  .u-justify-end\@sm {
    justify-content: flex-end !important;
  }
  .u-justify-center\@sm {
    justify-content: center !important;
  }
  .u-justify-between\@sm {
    justify-content: space-between !important;
  }
  .u-justify-around\@sm {
    justify-content: space-around !important;
  }
  .u-justify-evenly\@sm {
    justify-content: space-evenly !important;
  }
  .u-align-items-start\@sm {
    align-items: flex-start !important;
  }
  .u-align-items-end\@sm {
    align-items: flex-end !important;
  }
  .u-align-items-center\@sm {
    align-items: center !important;
  }
  .u-align-items-baseline\@sm {
    align-items: baseline !important;
  }
  .u-align-items-stretch\@sm {
    align-items: stretch !important;
  }
  .u-align-content-start\@sm {
    align-content: flex-start !important;
  }
  .u-align-content-end\@sm {
    align-content: flex-end !important;
  }
  .u-align-content-center\@sm {
    align-content: center !important;
  }
  .u-align-content-between\@sm {
    align-content: space-between !important;
  }
  .u-align-content-around\@sm {
    align-content: space-around !important;
  }
  .u-align-content-stretch\@sm {
    align-content: stretch !important;
  }
  .u-align-self-auto\@sm {
    align-self: auto !important;
  }
  .u-align-self-start\@sm {
    align-self: flex-start !important;
  }
  .u-align-self-end\@sm {
    align-self: flex-end !important;
  }
  .u-align-self-center\@sm {
    align-self: center !important;
  }
  .u-align-self-baseline\@sm {
    align-self: baseline !important;
  }
  .u-align-self-stretch\@sm {
    align-self: stretch !important;
  }
  .u-order-first\@sm {
    order: -1 !important;
  }
  .u-order-0\@sm {
    order: 0 !important;
  }
  .u-order-1\@sm {
    order: 1 !important;
  }
  .u-order-2\@sm {
    order: 2 !important;
  }
  .u-order-3\@sm {
    order: 3 !important;
  }
  .u-order-last\@sm {
    order: 4 !important;
  }
  .u-gap-0\.5\@sm {
    gap: 0.125rem !important;
  }
  .u-gap-1\@sm {
    gap: 0.25rem !important;
  }
  .u-gap-1\.5\@sm {
    gap: 0.375rem !important;
  }
  .u-gap-2\@sm {
    gap: 0.5rem !important;
  }
  .u-gap-3\@sm {
    gap: 0.75rem !important;
  }
  .u-gap-4\@sm {
    gap: 1rem !important;
  }
  .u-gap-5\@sm {
    gap: 1.25rem !important;
  }
  .u-gap-6\@sm {
    gap: 1.5rem !important;
  }
  .u-gap-8\@sm {
    gap: 2rem !important;
  }
  .u-gap-10\@sm {
    gap: 2.5rem !important;
  }
  .u-gap-12\@sm {
    gap: 3rem !important;
  }
  .u-gap-14\@sm {
    gap: 3.5rem !important;
  }
  .u-gap-16\@sm {
    gap: 4rem !important;
  }
  .u-gap-20\@sm {
    gap: 5rem !important;
  }
  .u-gap-24\@sm {
    gap: 6rem !important;
  }
  .u-gap-28\@sm {
    gap: 7rem !important;
  }
  .u-gap-0\@sm {
    gap: 0 !important;
  }
  .u-gap-x-0\.5\@sm {
    column-gap: 0.125rem !important;
  }
  .u-gap-x-1\@sm {
    column-gap: 0.25rem !important;
  }
  .u-gap-x-1\.5\@sm {
    column-gap: 0.375rem !important;
  }
  .u-gap-x-2\@sm {
    column-gap: 0.5rem !important;
  }
  .u-gap-x-3\@sm {
    column-gap: 0.75rem !important;
  }
  .u-gap-x-4\@sm {
    column-gap: 1rem !important;
  }
  .u-gap-x-5\@sm {
    column-gap: 1.25rem !important;
  }
  .u-gap-x-6\@sm {
    column-gap: 1.5rem !important;
  }
  .u-gap-x-8\@sm {
    column-gap: 2rem !important;
  }
  .u-gap-x-10\@sm {
    column-gap: 2.5rem !important;
  }
  .u-gap-x-12\@sm {
    column-gap: 3rem !important;
  }
  .u-gap-x-14\@sm {
    column-gap: 3.5rem !important;
  }
  .u-gap-x-16\@sm {
    column-gap: 4rem !important;
  }
  .u-gap-x-20\@sm {
    column-gap: 5rem !important;
  }
  .u-gap-x-24\@sm {
    column-gap: 6rem !important;
  }
  .u-gap-x-28\@sm {
    column-gap: 7rem !important;
  }
  .u-gap-x-0\@sm {
    column-gap: 0 !important;
  }
  .u-gap-y-0\.5\@sm {
    row-gap: 0.125rem !important;
  }
  .u-gap-y-1\@sm {
    row-gap: 0.25rem !important;
  }
  .u-gap-y-1\.5\@sm {
    row-gap: 0.375rem !important;
  }
  .u-gap-y-2\@sm {
    row-gap: 0.5rem !important;
  }
  .u-gap-y-3\@sm {
    row-gap: 0.75rem !important;
  }
  .u-gap-y-4\@sm {
    row-gap: 1rem !important;
  }
  .u-gap-y-5\@sm {
    row-gap: 1.25rem !important;
  }
  .u-gap-y-6\@sm {
    row-gap: 1.5rem !important;
  }
  .u-gap-y-8\@sm {
    row-gap: 2rem !important;
  }
  .u-gap-y-10\@sm {
    row-gap: 2.5rem !important;
  }
  .u-gap-y-12\@sm {
    row-gap: 3rem !important;
  }
  .u-gap-y-14\@sm {
    row-gap: 3.5rem !important;
  }
  .u-gap-y-16\@sm {
    row-gap: 4rem !important;
  }
  .u-gap-y-20\@sm {
    row-gap: 5rem !important;
  }
  .u-gap-y-24\@sm {
    row-gap: 6rem !important;
  }
  .u-gap-y-28\@sm {
    row-gap: 7rem !important;
  }
  .u-gap-y-0\@sm {
    row-gap: 0 !important;
  }
  .u-m-0\.5\@sm {
    margin: 0.125rem !important;
  }
  .u-m-1\@sm {
    margin: 0.25rem !important;
  }
  .u-m-1\.5\@sm {
    margin: 0.375rem !important;
  }
  .u-m-2\@sm {
    margin: 0.5rem !important;
  }
  .u-m-3\@sm {
    margin: 0.75rem !important;
  }
  .u-m-4\@sm {
    margin: 1rem !important;
  }
  .u-m-5\@sm {
    margin: 1.25rem !important;
  }
  .u-m-6\@sm {
    margin: 1.5rem !important;
  }
  .u-m-8\@sm {
    margin: 2rem !important;
  }
  .u-m-10\@sm {
    margin: 2.5rem !important;
  }
  .u-m-12\@sm {
    margin: 3rem !important;
  }
  .u-m-14\@sm {
    margin: 3.5rem !important;
  }
  .u-m-16\@sm {
    margin: 4rem !important;
  }
  .u-m-20\@sm {
    margin: 5rem !important;
  }
  .u-m-24\@sm {
    margin: 6rem !important;
  }
  .u-m-28\@sm {
    margin: 7rem !important;
  }
  .u-m-n0\.5\@sm {
    margin: -0.125rem !important;
  }
  .u-m-n1\@sm {
    margin: -0.25rem !important;
  }
  .u-m-n1\.5\@sm {
    margin: -0.375rem !important;
  }
  .u-m-n2\@sm {
    margin: -0.5rem !important;
  }
  .u-m-n3\@sm {
    margin: -0.75rem !important;
  }
  .u-m-n4\@sm {
    margin: -1rem !important;
  }
  .u-m-n5\@sm {
    margin: -1.25rem !important;
  }
  .u-m-n6\@sm {
    margin: -1.5rem !important;
  }
  .u-m-n8\@sm {
    margin: -2rem !important;
  }
  .u-m-n10\@sm {
    margin: -2.5rem !important;
  }
  .u-m-n12\@sm {
    margin: -3rem !important;
  }
  .u-m-n14\@sm {
    margin: -3.5rem !important;
  }
  .u-m-n16\@sm {
    margin: -4rem !important;
  }
  .u-m-n20\@sm {
    margin: -5rem !important;
  }
  .u-m-n24\@sm {
    margin: -6rem !important;
  }
  .u-m-n28\@sm {
    margin: -7rem !important;
  }
  .u-m-0\@sm {
    margin: 0 !important;
  }
  .u-m-auto\@sm {
    margin: auto !important;
  }
  .u-mx-0\.5\@sm {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
  }
  .u-mx-1\@sm {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .u-mx-1\.5\@sm {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .u-mx-2\@sm {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .u-mx-3\@sm {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .u-mx-4\@sm {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .u-mx-5\@sm {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .u-mx-6\@sm {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .u-mx-8\@sm {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .u-mx-10\@sm {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .u-mx-12\@sm {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .u-mx-14\@sm {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .u-mx-16\@sm {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .u-mx-20\@sm {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .u-mx-24\@sm {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .u-mx-28\@sm {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .u-mx-n0\.5\@sm {
    margin-right: -0.125rem !important;
    margin-left: -0.125rem !important;
  }
  .u-mx-n1\@sm {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .u-mx-n1\.5\@sm {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .u-mx-n2\@sm {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .u-mx-n3\@sm {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .u-mx-n4\@sm {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .u-mx-n5\@sm {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .u-mx-n6\@sm {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .u-mx-n8\@sm {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .u-mx-n10\@sm {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .u-mx-n12\@sm {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .u-mx-n14\@sm {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .u-mx-n16\@sm {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .u-mx-n20\@sm {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .u-mx-n24\@sm {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .u-mx-n28\@sm {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .u-mx-0\@sm {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-mx-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .u-my-0\.5\@sm {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .u-my-1\@sm {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .u-my-1\.5\@sm {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .u-my-2\@sm {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .u-my-3\@sm {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .u-my-4\@sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-5\@sm {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .u-my-6\@sm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-8\@sm {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-10\@sm {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-12\@sm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-14\@sm {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-16\@sm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-20\@sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-24\@sm {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-28\@sm {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-n0\.5\@sm {
    margin-top: -0.125rem !important;
    margin-bottom: -0.125rem !important;
  }
  .u-my-n1\@sm {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .u-my-n1\.5\@sm {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .u-my-n2\@sm {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .u-my-n3\@sm {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .u-my-n4\@sm {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .u-my-n5\@sm {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .u-my-n6\@sm {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .u-my-n8\@sm {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .u-my-n10\@sm {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .u-my-n12\@sm {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .u-my-n14\@sm {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .u-my-n16\@sm {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .u-my-n20\@sm {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .u-my-n24\@sm {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .u-my-n28\@sm {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .u-my-0\@sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-my-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mt-0\.5\@sm {
    margin-top: 0.125rem !important;
  }
  .u-mt-1\@sm {
    margin-top: 0.25rem !important;
  }
  .u-mt-1\.5\@sm {
    margin-top: 0.375rem !important;
  }
  .u-mt-2\@sm {
    margin-top: 0.5rem !important;
  }
  .u-mt-3\@sm {
    margin-top: 0.75rem !important;
  }
  .u-mt-4\@sm {
    margin-top: 1rem !important;
  }
  .u-mt-5\@sm {
    margin-top: 1.25rem !important;
  }
  .u-mt-6\@sm {
    margin-top: 1.5rem !important;
  }
  .u-mt-8\@sm {
    margin-top: 2rem !important;
  }
  .u-mt-10\@sm {
    margin-top: 2.5rem !important;
  }
  .u-mt-12\@sm {
    margin-top: 3rem !important;
  }
  .u-mt-14\@sm {
    margin-top: 3.5rem !important;
  }
  .u-mt-16\@sm {
    margin-top: 4rem !important;
  }
  .u-mt-20\@sm {
    margin-top: 5rem !important;
  }
  .u-mt-24\@sm {
    margin-top: 6rem !important;
  }
  .u-mt-28\@sm {
    margin-top: 7rem !important;
  }
  .u-mt-n0\.5\@sm {
    margin-top: -0.125rem !important;
  }
  .u-mt-n1\@sm {
    margin-top: -0.25rem !important;
  }
  .u-mt-n1\.5\@sm {
    margin-top: -0.375rem !important;
  }
  .u-mt-n2\@sm {
    margin-top: -0.5rem !important;
  }
  .u-mt-n3\@sm {
    margin-top: -0.75rem !important;
  }
  .u-mt-n4\@sm {
    margin-top: -1rem !important;
  }
  .u-mt-n5\@sm {
    margin-top: -1.25rem !important;
  }
  .u-mt-n6\@sm {
    margin-top: -1.5rem !important;
  }
  .u-mt-n8\@sm {
    margin-top: -2rem !important;
  }
  .u-mt-n10\@sm {
    margin-top: -2.5rem !important;
  }
  .u-mt-n12\@sm {
    margin-top: -3rem !important;
  }
  .u-mt-n14\@sm {
    margin-top: -3.5rem !important;
  }
  .u-mt-n16\@sm {
    margin-top: -4rem !important;
  }
  .u-mt-n20\@sm {
    margin-top: -5rem !important;
  }
  .u-mt-n24\@sm {
    margin-top: -6rem !important;
  }
  .u-mt-n28\@sm {
    margin-top: -7rem !important;
  }
  .u-mt-0\@sm {
    margin-top: 0 !important;
  }
  .u-mt-auto\@sm {
    margin-top: auto !important;
  }
  .u-mr-0\.5\@sm {
    margin-right: 0.125rem !important;
  }
  .u-mr-1\@sm {
    margin-right: 0.25rem !important;
  }
  .u-mr-1\.5\@sm {
    margin-right: 0.375rem !important;
  }
  .u-mr-2\@sm {
    margin-right: 0.5rem !important;
  }
  .u-mr-3\@sm {
    margin-right: 0.75rem !important;
  }
  .u-mr-4\@sm {
    margin-right: 1rem !important;
  }
  .u-mr-5\@sm {
    margin-right: 1.25rem !important;
  }
  .u-mr-6\@sm {
    margin-right: 1.5rem !important;
  }
  .u-mr-8\@sm {
    margin-right: 2rem !important;
  }
  .u-mr-10\@sm {
    margin-right: 2.5rem !important;
  }
  .u-mr-12\@sm {
    margin-right: 3rem !important;
  }
  .u-mr-14\@sm {
    margin-right: 3.5rem !important;
  }
  .u-mr-16\@sm {
    margin-right: 4rem !important;
  }
  .u-mr-20\@sm {
    margin-right: 5rem !important;
  }
  .u-mr-24\@sm {
    margin-right: 6rem !important;
  }
  .u-mr-28\@sm {
    margin-right: 7rem !important;
  }
  .u-mr-n0\.5\@sm {
    margin-right: -0.125rem !important;
  }
  .u-mr-n1\@sm {
    margin-right: -0.25rem !important;
  }
  .u-mr-n1\.5\@sm {
    margin-right: -0.375rem !important;
  }
  .u-mr-n2\@sm {
    margin-right: -0.5rem !important;
  }
  .u-mr-n3\@sm {
    margin-right: -0.75rem !important;
  }
  .u-mr-n4\@sm {
    margin-right: -1rem !important;
  }
  .u-mr-n5\@sm {
    margin-right: -1.25rem !important;
  }
  .u-mr-n6\@sm {
    margin-right: -1.5rem !important;
  }
  .u-mr-n8\@sm {
    margin-right: -2rem !important;
  }
  .u-mr-n10\@sm {
    margin-right: -2.5rem !important;
  }
  .u-mr-n12\@sm {
    margin-right: -3rem !important;
  }
  .u-mr-n14\@sm {
    margin-right: -3.5rem !important;
  }
  .u-mr-n16\@sm {
    margin-right: -4rem !important;
  }
  .u-mr-n20\@sm {
    margin-right: -5rem !important;
  }
  .u-mr-n24\@sm {
    margin-right: -6rem !important;
  }
  .u-mr-n28\@sm {
    margin-right: -7rem !important;
  }
  .u-mr-0\@sm {
    margin-right: 0 !important;
  }
  .u-mr-auto\@sm {
    margin-right: auto !important;
  }
  .u-mb-0\.5\@sm {
    margin-bottom: 0.125rem !important;
  }
  .u-mb-1\@sm {
    margin-bottom: 0.25rem !important;
  }
  .u-mb-1\.5\@sm {
    margin-bottom: 0.375rem !important;
  }
  .u-mb-2\@sm {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-3\@sm {
    margin-bottom: 0.75rem !important;
  }
  .u-mb-4\@sm {
    margin-bottom: 1rem !important;
  }
  .u-mb-5\@sm {
    margin-bottom: 1.25rem !important;
  }
  .u-mb-6\@sm {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-8\@sm {
    margin-bottom: 2rem !important;
  }
  .u-mb-10\@sm {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-12\@sm {
    margin-bottom: 3rem !important;
  }
  .u-mb-14\@sm {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-16\@sm {
    margin-bottom: 4rem !important;
  }
  .u-mb-20\@sm {
    margin-bottom: 5rem !important;
  }
  .u-mb-24\@sm {
    margin-bottom: 6rem !important;
  }
  .u-mb-28\@sm {
    margin-bottom: 7rem !important;
  }
  .u-mb-n0\.5\@sm {
    margin-bottom: -0.125rem !important;
  }
  .u-mb-n1\@sm {
    margin-bottom: -0.25rem !important;
  }
  .u-mb-n1\.5\@sm {
    margin-bottom: -0.375rem !important;
  }
  .u-mb-n2\@sm {
    margin-bottom: -0.5rem !important;
  }
  .u-mb-n3\@sm {
    margin-bottom: -0.75rem !important;
  }
  .u-mb-n4\@sm {
    margin-bottom: -1rem !important;
  }
  .u-mb-n5\@sm {
    margin-bottom: -1.25rem !important;
  }
  .u-mb-n6\@sm {
    margin-bottom: -1.5rem !important;
  }
  .u-mb-n8\@sm {
    margin-bottom: -2rem !important;
  }
  .u-mb-n10\@sm {
    margin-bottom: -2.5rem !important;
  }
  .u-mb-n12\@sm {
    margin-bottom: -3rem !important;
  }
  .u-mb-n14\@sm {
    margin-bottom: -3.5rem !important;
  }
  .u-mb-n16\@sm {
    margin-bottom: -4rem !important;
  }
  .u-mb-n20\@sm {
    margin-bottom: -5rem !important;
  }
  .u-mb-n24\@sm {
    margin-bottom: -6rem !important;
  }
  .u-mb-n28\@sm {
    margin-bottom: -7rem !important;
  }
  .u-mb-0\@sm {
    margin-bottom: 0 !important;
  }
  .u-mb-auto\@sm {
    margin-bottom: auto !important;
  }
  .u-ml-0\.5\@sm {
    margin-left: 0.125rem !important;
  }
  .u-ml-1\@sm {
    margin-left: 0.25rem !important;
  }
  .u-ml-1\.5\@sm {
    margin-left: 0.375rem !important;
  }
  .u-ml-2\@sm {
    margin-left: 0.5rem !important;
  }
  .u-ml-3\@sm {
    margin-left: 0.75rem !important;
  }
  .u-ml-4\@sm {
    margin-left: 1rem !important;
  }
  .u-ml-5\@sm {
    margin-left: 1.25rem !important;
  }
  .u-ml-6\@sm {
    margin-left: 1.5rem !important;
  }
  .u-ml-8\@sm {
    margin-left: 2rem !important;
  }
  .u-ml-10\@sm {
    margin-left: 2.5rem !important;
  }
  .u-ml-12\@sm {
    margin-left: 3rem !important;
  }
  .u-ml-14\@sm {
    margin-left: 3.5rem !important;
  }
  .u-ml-16\@sm {
    margin-left: 4rem !important;
  }
  .u-ml-20\@sm {
    margin-left: 5rem !important;
  }
  .u-ml-24\@sm {
    margin-left: 6rem !important;
  }
  .u-ml-28\@sm {
    margin-left: 7rem !important;
  }
  .u-ml-n0\.5\@sm {
    margin-left: -0.125rem !important;
  }
  .u-ml-n1\@sm {
    margin-left: -0.25rem !important;
  }
  .u-ml-n1\.5\@sm {
    margin-left: -0.375rem !important;
  }
  .u-ml-n2\@sm {
    margin-left: -0.5rem !important;
  }
  .u-ml-n3\@sm {
    margin-left: -0.75rem !important;
  }
  .u-ml-n4\@sm {
    margin-left: -1rem !important;
  }
  .u-ml-n5\@sm {
    margin-left: -1.25rem !important;
  }
  .u-ml-n6\@sm {
    margin-left: -1.5rem !important;
  }
  .u-ml-n8\@sm {
    margin-left: -2rem !important;
  }
  .u-ml-n10\@sm {
    margin-left: -2.5rem !important;
  }
  .u-ml-n12\@sm {
    margin-left: -3rem !important;
  }
  .u-ml-n14\@sm {
    margin-left: -3.5rem !important;
  }
  .u-ml-n16\@sm {
    margin-left: -4rem !important;
  }
  .u-ml-n20\@sm {
    margin-left: -5rem !important;
  }
  .u-ml-n24\@sm {
    margin-left: -6rem !important;
  }
  .u-ml-n28\@sm {
    margin-left: -7rem !important;
  }
  .u-ml-0\@sm {
    margin-left: 0 !important;
  }
  .u-ml-auto\@sm {
    margin-left: auto !important;
  }
  .u-p-0\.5\@sm {
    padding: 0.125rem !important;
  }
  .u-p-1\@sm {
    padding: 0.25rem !important;
  }
  .u-p-1\.5\@sm {
    padding: 0.375rem !important;
  }
  .u-p-2\@sm {
    padding: 0.5rem !important;
  }
  .u-p-3\@sm {
    padding: 0.75rem !important;
  }
  .u-p-4\@sm {
    padding: 1rem !important;
  }
  .u-p-5\@sm {
    padding: 1.25rem !important;
  }
  .u-p-6\@sm {
    padding: 1.5rem !important;
  }
  .u-p-8\@sm {
    padding: 2rem !important;
  }
  .u-p-10\@sm {
    padding: 2.5rem !important;
  }
  .u-p-12\@sm {
    padding: 3rem !important;
  }
  .u-p-14\@sm {
    padding: 3.5rem !important;
  }
  .u-p-16\@sm {
    padding: 4rem !important;
  }
  .u-p-20\@sm {
    padding: 5rem !important;
  }
  .u-p-24\@sm {
    padding: 6rem !important;
  }
  .u-p-28\@sm {
    padding: 7rem !important;
  }
  .u-p-0\@sm {
    padding: 0 !important;
  }
  .u-px-0\.5\@sm {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
  }
  .u-px-1\@sm {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .u-px-1\.5\@sm {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .u-px-2\@sm {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .u-px-3\@sm {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .u-px-4\@sm {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .u-px-5\@sm {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .u-px-6\@sm {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .u-px-8\@sm {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .u-px-10\@sm {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .u-px-12\@sm {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .u-px-14\@sm {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .u-px-16\@sm {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .u-px-20\@sm {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .u-px-24\@sm {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .u-px-28\@sm {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .u-px-0\@sm {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-py-0\.5\@sm {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .u-py-1\@sm {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .u-py-1\.5\@sm {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .u-py-2\@sm {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .u-py-3\@sm {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .u-py-4\@sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .u-py-5\@sm {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .u-py-6\@sm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .u-py-8\@sm {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .u-py-10\@sm {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .u-py-12\@sm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .u-py-14\@sm {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .u-py-16\@sm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .u-py-20\@sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .u-py-24\@sm {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .u-py-28\@sm {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .u-py-0\@sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-pt-0\.5\@sm {
    padding-top: 0.125rem !important;
  }
  .u-pt-1\@sm {
    padding-top: 0.25rem !important;
  }
  .u-pt-1\.5\@sm {
    padding-top: 0.375rem !important;
  }
  .u-pt-2\@sm {
    padding-top: 0.5rem !important;
  }
  .u-pt-3\@sm {
    padding-top: 0.75rem !important;
  }
  .u-pt-4\@sm {
    padding-top: 1rem !important;
  }
  .u-pt-5\@sm {
    padding-top: 1.25rem !important;
  }
  .u-pt-6\@sm {
    padding-top: 1.5rem !important;
  }
  .u-pt-8\@sm {
    padding-top: 2rem !important;
  }
  .u-pt-10\@sm {
    padding-top: 2.5rem !important;
  }
  .u-pt-12\@sm {
    padding-top: 3rem !important;
  }
  .u-pt-14\@sm {
    padding-top: 3.5rem !important;
  }
  .u-pt-16\@sm {
    padding-top: 4rem !important;
  }
  .u-pt-20\@sm {
    padding-top: 5rem !important;
  }
  .u-pt-24\@sm {
    padding-top: 6rem !important;
  }
  .u-pt-28\@sm {
    padding-top: 7rem !important;
  }
  .u-pt-0\@sm {
    padding-top: 0 !important;
  }
  .u-pr-0\.5\@sm {
    padding-right: 0.125rem !important;
  }
  .u-pr-1\@sm {
    padding-right: 0.25rem !important;
  }
  .u-pr-1\.5\@sm {
    padding-right: 0.375rem !important;
  }
  .u-pr-2\@sm {
    padding-right: 0.5rem !important;
  }
  .u-pr-3\@sm {
    padding-right: 0.75rem !important;
  }
  .u-pr-4\@sm {
    padding-right: 1rem !important;
  }
  .u-pr-5\@sm {
    padding-right: 1.25rem !important;
  }
  .u-pr-6\@sm {
    padding-right: 1.5rem !important;
  }
  .u-pr-8\@sm {
    padding-right: 2rem !important;
  }
  .u-pr-10\@sm {
    padding-right: 2.5rem !important;
  }
  .u-pr-12\@sm {
    padding-right: 3rem !important;
  }
  .u-pr-14\@sm {
    padding-right: 3.5rem !important;
  }
  .u-pr-16\@sm {
    padding-right: 4rem !important;
  }
  .u-pr-20\@sm {
    padding-right: 5rem !important;
  }
  .u-pr-24\@sm {
    padding-right: 6rem !important;
  }
  .u-pr-28\@sm {
    padding-right: 7rem !important;
  }
  .u-pr-0\@sm {
    padding-right: 0 !important;
  }
  .u-pb-0\.5\@sm {
    padding-bottom: 0.125rem !important;
  }
  .u-pb-1\@sm {
    padding-bottom: 0.25rem !important;
  }
  .u-pb-1\.5\@sm {
    padding-bottom: 0.375rem !important;
  }
  .u-pb-2\@sm {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-3\@sm {
    padding-bottom: 0.75rem !important;
  }
  .u-pb-4\@sm {
    padding-bottom: 1rem !important;
  }
  .u-pb-5\@sm {
    padding-bottom: 1.25rem !important;
  }
  .u-pb-6\@sm {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-8\@sm {
    padding-bottom: 2rem !important;
  }
  .u-pb-10\@sm {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-12\@sm {
    padding-bottom: 3rem !important;
  }
  .u-pb-14\@sm {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-16\@sm {
    padding-bottom: 4rem !important;
  }
  .u-pb-20\@sm {
    padding-bottom: 5rem !important;
  }
  .u-pb-24\@sm {
    padding-bottom: 6rem !important;
  }
  .u-pb-28\@sm {
    padding-bottom: 7rem !important;
  }
  .u-pb-0\@sm {
    padding-bottom: 0 !important;
  }
  .u-pl-0\.5\@sm {
    padding-left: 0.125rem !important;
  }
  .u-pl-1\@sm {
    padding-left: 0.25rem !important;
  }
  .u-pl-1\.5\@sm {
    padding-left: 0.375rem !important;
  }
  .u-pl-2\@sm {
    padding-left: 0.5rem !important;
  }
  .u-pl-3\@sm {
    padding-left: 0.75rem !important;
  }
  .u-pl-4\@sm {
    padding-left: 1rem !important;
  }
  .u-pl-5\@sm {
    padding-left: 1.25rem !important;
  }
  .u-pl-6\@sm {
    padding-left: 1.5rem !important;
  }
  .u-pl-8\@sm {
    padding-left: 2rem !important;
  }
  .u-pl-10\@sm {
    padding-left: 2.5rem !important;
  }
  .u-pl-12\@sm {
    padding-left: 3rem !important;
  }
  .u-pl-14\@sm {
    padding-left: 3.5rem !important;
  }
  .u-pl-16\@sm {
    padding-left: 4rem !important;
  }
  .u-pl-20\@sm {
    padding-left: 5rem !important;
  }
  .u-pl-24\@sm {
    padding-left: 6rem !important;
  }
  .u-pl-28\@sm {
    padding-left: 7rem !important;
  }
  .u-pl-0\@sm {
    padding-left: 0 !important;
  }
  .u-ta-l\@sm {
    text-align: left !important;
  }
  .u-ta-c\@sm {
    text-align: center !important;
  }
  .u-ta-r\@sm {
    text-align: right !important;
  }
}
@media (min-width: 48em) {
  .u-d-b\@md {
    display: block !important;
  }
  .u-d-i\@md {
    display: inline !important;
  }
  .u-d-ib\@md {
    display: inline-block !important;
  }
  .u-d-fx\@md {
    display: flex !important;
  }
  .u-d-ifx\@md {
    display: inline-flex !important;
  }
  .u-d-c\@md {
    display: contents !important;
  }
  .u-d-n\@md {
    display: none !important;
  }
  .u-v-v\@md {
    visibility: visible !important;
  }
  .u-v-h\@md {
    visibility: hidden !important;
  }
  .u-w-25\@md {
    width: 25% !important;
  }
  .u-w-33\@md {
    width: 33.3333% !important;
  }
  .u-w-50\@md {
    width: 50% !important;
  }
  .u-w-66\@md {
    width: 66.6667% !important;
  }
  .u-w-75\@md {
    width: 75% !important;
  }
  .u-w-100\@md {
    width: 100% !important;
  }
  .u-w-f8\@md {
    width: 0.5rem !important;
  }
  .u-w-f12\@md {
    width: 0.75rem !important;
  }
  .u-w-f16\@md {
    width: 1rem !important;
  }
  .u-w-f24\@md {
    width: 1.5rem !important;
  }
  .u-w-f32\@md {
    width: 2rem !important;
  }
  .u-w-f40\@md {
    width: 2.5rem !important;
  }
  .u-w-f48\@md {
    width: 3rem !important;
  }
  .u-w-f56\@md {
    width: 3.5rem !important;
  }
  .u-w-f64\@md {
    width: 4rem !important;
  }
  .u-w-f72\@md {
    width: 4.5rem !important;
  }
  .u-w-f80\@md {
    width: 5rem !important;
  }
  .u-w-f96\@md {
    width: 6rem !important;
  }
  .u-w-f112\@md {
    width: 7rem !important;
  }
  .u-w-0\@md {
    width: 0 !important;
  }
  .u-w-auto\@md {
    width: auto !important;
  }
  .u-wmin-25\@md {
    min-width: 25% !important;
  }
  .u-wmin-33\@md {
    min-width: 33.3333% !important;
  }
  .u-wmin-50\@md {
    min-width: 50% !important;
  }
  .u-wmin-66\@md {
    min-width: 66.6667% !important;
  }
  .u-wmin-75\@md {
    min-width: 75% !important;
  }
  .u-wmin-100\@md {
    min-width: 100% !important;
  }
  .u-wmin-f8\@md {
    min-width: 0.5rem !important;
  }
  .u-wmin-f12\@md {
    min-width: 0.75rem !important;
  }
  .u-wmin-f16\@md {
    min-width: 1rem !important;
  }
  .u-wmin-f24\@md {
    min-width: 1.5rem !important;
  }
  .u-wmin-f32\@md {
    min-width: 2rem !important;
  }
  .u-wmin-f40\@md {
    min-width: 2.5rem !important;
  }
  .u-wmin-f48\@md {
    min-width: 3rem !important;
  }
  .u-wmin-f56\@md {
    min-width: 3.5rem !important;
  }
  .u-wmin-f64\@md {
    min-width: 4rem !important;
  }
  .u-wmin-f72\@md {
    min-width: 4.5rem !important;
  }
  .u-wmin-f80\@md {
    min-width: 5rem !important;
  }
  .u-wmin-f96\@md {
    min-width: 6rem !important;
  }
  .u-wmin-f112\@md {
    min-width: 7rem !important;
  }
  .u-wmin-0\@md {
    min-width: 0 !important;
  }
  .u-wmin-auto\@md {
    min-width: auto !important;
  }
  .u-h-25\@md {
    height: 25% !important;
  }
  .u-h-50\@md {
    height: 50% !important;
  }
  .u-h-75\@md {
    height: 75% !important;
  }
  .u-h-100\@md {
    height: 100% !important;
  }
  .u-h-f8\@md {
    height: 0.5rem !important;
  }
  .u-h-f12\@md {
    height: 0.75rem !important;
  }
  .u-h-f16\@md {
    height: 1rem !important;
  }
  .u-h-f24\@md {
    height: 1.5rem !important;
  }
  .u-h-f32\@md {
    height: 2rem !important;
  }
  .u-h-f40\@md {
    height: 2.5rem !important;
  }
  .u-h-f48\@md {
    height: 3rem !important;
  }
  .u-h-f56\@md {
    height: 3.5rem !important;
  }
  .u-h-f64\@md {
    height: 4rem !important;
  }
  .u-h-f72\@md {
    height: 4.5rem !important;
  }
  .u-h-f80\@md {
    height: 5rem !important;
  }
  .u-h-f96\@md {
    height: 6rem !important;
  }
  .u-h-f112\@md {
    height: 7rem !important;
  }
  .u-h-0\@md {
    height: 0 !important;
  }
  .u-h-auto\@md {
    height: auto !important;
  }
  .u-hmin-25\@md {
    min-height: 25% !important;
  }
  .u-hmin-50\@md {
    min-height: 50% !important;
  }
  .u-hmin-75\@md {
    min-height: 75% !important;
  }
  .u-hmin-100\@md {
    min-height: 100% !important;
  }
  .u-hmin-f8\@md {
    min-height: 0.5rem !important;
  }
  .u-hmin-f12\@md {
    min-height: 0.75rem !important;
  }
  .u-hmin-f16\@md {
    min-height: 1rem !important;
  }
  .u-hmin-f24\@md {
    min-height: 1.5rem !important;
  }
  .u-hmin-f32\@md {
    min-height: 2rem !important;
  }
  .u-hmin-f40\@md {
    min-height: 2.5rem !important;
  }
  .u-hmin-f48\@md {
    min-height: 3rem !important;
  }
  .u-hmin-f56\@md {
    min-height: 3.5rem !important;
  }
  .u-hmin-f64\@md {
    min-height: 4rem !important;
  }
  .u-hmin-f72\@md {
    min-height: 4.5rem !important;
  }
  .u-hmin-f80\@md {
    min-height: 5rem !important;
  }
  .u-hmin-f96\@md {
    min-height: 6rem !important;
  }
  .u-hmin-f112\@md {
    min-height: 7rem !important;
  }
  .u-hmin-0\@md {
    min-height: 0 !important;
  }
  .u-hmax-25\@md {
    max-height: 25% !important;
  }
  .u-hmax-50\@md {
    max-height: 50% !important;
  }
  .u-hmax-75\@md {
    max-height: 75% !important;
  }
  .u-hmax-100\@md {
    max-height: 100% !important;
  }
  .u-hmax-f8\@md {
    max-height: 0.5rem !important;
  }
  .u-hmax-f12\@md {
    max-height: 0.75rem !important;
  }
  .u-hmax-f16\@md {
    max-height: 1rem !important;
  }
  .u-hmax-f24\@md {
    max-height: 1.5rem !important;
  }
  .u-hmax-f32\@md {
    max-height: 2rem !important;
  }
  .u-hmax-f40\@md {
    max-height: 2.5rem !important;
  }
  .u-hmax-f48\@md {
    max-height: 3rem !important;
  }
  .u-hmax-f56\@md {
    max-height: 3.5rem !important;
  }
  .u-hmax-f64\@md {
    max-height: 4rem !important;
  }
  .u-hmax-f72\@md {
    max-height: 4.5rem !important;
  }
  .u-hmax-f80\@md {
    max-height: 5rem !important;
  }
  .u-hmax-f96\@md {
    max-height: 6rem !important;
  }
  .u-hmax-f112\@md {
    max-height: 7rem !important;
  }
  .u-hmax-0\@md {
    max-height: 0 !important;
  }
  .u-hmax-auto\@md {
    max-height: auto !important;
  }
  .u-fx-auto\@md {
    flex: 1 1 auto !important;
  }
  .u-fx-none\@md {
    flex: none !important;
  }
  .u-fx-row\@md {
    flex-direction: row !important;
  }
  .u-fx-column\@md {
    flex-direction: column !important;
  }
  .u-fx-row-reverse\@md {
    flex-direction: row-reverse !important;
  }
  .u-fx-column-reverse\@md {
    flex-direction: column-reverse !important;
  }
  .u-fx-grow-0\@md {
    flex-grow: 0 !important;
  }
  .u-fx-grow\@md {
    flex-grow: 1 !important;
  }
  .u-fx-shrink-0\@md {
    flex-shrink: 0 !important;
  }
  .u-fx-shrink\@md {
    flex-shrink: 1 !important;
  }
  .u-fx-wrap\@md {
    flex-wrap: wrap !important;
  }
  .u-fx-nowrap\@md {
    flex-wrap: nowrap !important;
  }
  .u-fx-wrap-reverse\@md {
    flex-wrap: wrap-reverse !important;
  }
  .u-justify-start\@md {
    justify-content: flex-start !important;
  }
  .u-justify-end\@md {
    justify-content: flex-end !important;
  }
  .u-justify-center\@md {
    justify-content: center !important;
  }
  .u-justify-between\@md {
    justify-content: space-between !important;
  }
  .u-justify-around\@md {
    justify-content: space-around !important;
  }
  .u-justify-evenly\@md {
    justify-content: space-evenly !important;
  }
  .u-align-items-start\@md {
    align-items: flex-start !important;
  }
  .u-align-items-end\@md {
    align-items: flex-end !important;
  }
  .u-align-items-center\@md {
    align-items: center !important;
  }
  .u-align-items-baseline\@md {
    align-items: baseline !important;
  }
  .u-align-items-stretch\@md {
    align-items: stretch !important;
  }
  .u-align-content-start\@md {
    align-content: flex-start !important;
  }
  .u-align-content-end\@md {
    align-content: flex-end !important;
  }
  .u-align-content-center\@md {
    align-content: center !important;
  }
  .u-align-content-between\@md {
    align-content: space-between !important;
  }
  .u-align-content-around\@md {
    align-content: space-around !important;
  }
  .u-align-content-stretch\@md {
    align-content: stretch !important;
  }
  .u-align-self-auto\@md {
    align-self: auto !important;
  }
  .u-align-self-start\@md {
    align-self: flex-start !important;
  }
  .u-align-self-end\@md {
    align-self: flex-end !important;
  }
  .u-align-self-center\@md {
    align-self: center !important;
  }
  .u-align-self-baseline\@md {
    align-self: baseline !important;
  }
  .u-align-self-stretch\@md {
    align-self: stretch !important;
  }
  .u-order-first\@md {
    order: -1 !important;
  }
  .u-order-0\@md {
    order: 0 !important;
  }
  .u-order-1\@md {
    order: 1 !important;
  }
  .u-order-2\@md {
    order: 2 !important;
  }
  .u-order-3\@md {
    order: 3 !important;
  }
  .u-order-last\@md {
    order: 4 !important;
  }
  .u-gap-0\.5\@md {
    gap: 0.125rem !important;
  }
  .u-gap-1\@md {
    gap: 0.25rem !important;
  }
  .u-gap-1\.5\@md {
    gap: 0.375rem !important;
  }
  .u-gap-2\@md {
    gap: 0.5rem !important;
  }
  .u-gap-3\@md {
    gap: 0.75rem !important;
  }
  .u-gap-4\@md {
    gap: 1rem !important;
  }
  .u-gap-5\@md {
    gap: 1.25rem !important;
  }
  .u-gap-6\@md {
    gap: 1.5rem !important;
  }
  .u-gap-8\@md {
    gap: 2rem !important;
  }
  .u-gap-10\@md {
    gap: 2.5rem !important;
  }
  .u-gap-12\@md {
    gap: 3rem !important;
  }
  .u-gap-14\@md {
    gap: 3.5rem !important;
  }
  .u-gap-16\@md {
    gap: 4rem !important;
  }
  .u-gap-20\@md {
    gap: 5rem !important;
  }
  .u-gap-24\@md {
    gap: 6rem !important;
  }
  .u-gap-28\@md {
    gap: 7rem !important;
  }
  .u-gap-0\@md {
    gap: 0 !important;
  }
  .u-gap-x-0\.5\@md {
    column-gap: 0.125rem !important;
  }
  .u-gap-x-1\@md {
    column-gap: 0.25rem !important;
  }
  .u-gap-x-1\.5\@md {
    column-gap: 0.375rem !important;
  }
  .u-gap-x-2\@md {
    column-gap: 0.5rem !important;
  }
  .u-gap-x-3\@md {
    column-gap: 0.75rem !important;
  }
  .u-gap-x-4\@md {
    column-gap: 1rem !important;
  }
  .u-gap-x-5\@md {
    column-gap: 1.25rem !important;
  }
  .u-gap-x-6\@md {
    column-gap: 1.5rem !important;
  }
  .u-gap-x-8\@md {
    column-gap: 2rem !important;
  }
  .u-gap-x-10\@md {
    column-gap: 2.5rem !important;
  }
  .u-gap-x-12\@md {
    column-gap: 3rem !important;
  }
  .u-gap-x-14\@md {
    column-gap: 3.5rem !important;
  }
  .u-gap-x-16\@md {
    column-gap: 4rem !important;
  }
  .u-gap-x-20\@md {
    column-gap: 5rem !important;
  }
  .u-gap-x-24\@md {
    column-gap: 6rem !important;
  }
  .u-gap-x-28\@md {
    column-gap: 7rem !important;
  }
  .u-gap-x-0\@md {
    column-gap: 0 !important;
  }
  .u-gap-y-0\.5\@md {
    row-gap: 0.125rem !important;
  }
  .u-gap-y-1\@md {
    row-gap: 0.25rem !important;
  }
  .u-gap-y-1\.5\@md {
    row-gap: 0.375rem !important;
  }
  .u-gap-y-2\@md {
    row-gap: 0.5rem !important;
  }
  .u-gap-y-3\@md {
    row-gap: 0.75rem !important;
  }
  .u-gap-y-4\@md {
    row-gap: 1rem !important;
  }
  .u-gap-y-5\@md {
    row-gap: 1.25rem !important;
  }
  .u-gap-y-6\@md {
    row-gap: 1.5rem !important;
  }
  .u-gap-y-8\@md {
    row-gap: 2rem !important;
  }
  .u-gap-y-10\@md {
    row-gap: 2.5rem !important;
  }
  .u-gap-y-12\@md {
    row-gap: 3rem !important;
  }
  .u-gap-y-14\@md {
    row-gap: 3.5rem !important;
  }
  .u-gap-y-16\@md {
    row-gap: 4rem !important;
  }
  .u-gap-y-20\@md {
    row-gap: 5rem !important;
  }
  .u-gap-y-24\@md {
    row-gap: 6rem !important;
  }
  .u-gap-y-28\@md {
    row-gap: 7rem !important;
  }
  .u-gap-y-0\@md {
    row-gap: 0 !important;
  }
  .u-m-0\.5\@md {
    margin: 0.125rem !important;
  }
  .u-m-1\@md {
    margin: 0.25rem !important;
  }
  .u-m-1\.5\@md {
    margin: 0.375rem !important;
  }
  .u-m-2\@md {
    margin: 0.5rem !important;
  }
  .u-m-3\@md {
    margin: 0.75rem !important;
  }
  .u-m-4\@md {
    margin: 1rem !important;
  }
  .u-m-5\@md {
    margin: 1.25rem !important;
  }
  .u-m-6\@md {
    margin: 1.5rem !important;
  }
  .u-m-8\@md {
    margin: 2rem !important;
  }
  .u-m-10\@md {
    margin: 2.5rem !important;
  }
  .u-m-12\@md {
    margin: 3rem !important;
  }
  .u-m-14\@md {
    margin: 3.5rem !important;
  }
  .u-m-16\@md {
    margin: 4rem !important;
  }
  .u-m-20\@md {
    margin: 5rem !important;
  }
  .u-m-24\@md {
    margin: 6rem !important;
  }
  .u-m-28\@md {
    margin: 7rem !important;
  }
  .u-m-n0\.5\@md {
    margin: -0.125rem !important;
  }
  .u-m-n1\@md {
    margin: -0.25rem !important;
  }
  .u-m-n1\.5\@md {
    margin: -0.375rem !important;
  }
  .u-m-n2\@md {
    margin: -0.5rem !important;
  }
  .u-m-n3\@md {
    margin: -0.75rem !important;
  }
  .u-m-n4\@md {
    margin: -1rem !important;
  }
  .u-m-n5\@md {
    margin: -1.25rem !important;
  }
  .u-m-n6\@md {
    margin: -1.5rem !important;
  }
  .u-m-n8\@md {
    margin: -2rem !important;
  }
  .u-m-n10\@md {
    margin: -2.5rem !important;
  }
  .u-m-n12\@md {
    margin: -3rem !important;
  }
  .u-m-n14\@md {
    margin: -3.5rem !important;
  }
  .u-m-n16\@md {
    margin: -4rem !important;
  }
  .u-m-n20\@md {
    margin: -5rem !important;
  }
  .u-m-n24\@md {
    margin: -6rem !important;
  }
  .u-m-n28\@md {
    margin: -7rem !important;
  }
  .u-m-0\@md {
    margin: 0 !important;
  }
  .u-m-auto\@md {
    margin: auto !important;
  }
  .u-mx-0\.5\@md {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
  }
  .u-mx-1\@md {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .u-mx-1\.5\@md {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .u-mx-2\@md {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .u-mx-3\@md {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .u-mx-4\@md {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .u-mx-5\@md {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .u-mx-6\@md {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .u-mx-8\@md {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .u-mx-10\@md {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .u-mx-12\@md {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .u-mx-14\@md {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .u-mx-16\@md {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .u-mx-20\@md {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .u-mx-24\@md {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .u-mx-28\@md {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .u-mx-n0\.5\@md {
    margin-right: -0.125rem !important;
    margin-left: -0.125rem !important;
  }
  .u-mx-n1\@md {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .u-mx-n1\.5\@md {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .u-mx-n2\@md {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .u-mx-n3\@md {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .u-mx-n4\@md {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .u-mx-n5\@md {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .u-mx-n6\@md {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .u-mx-n8\@md {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .u-mx-n10\@md {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .u-mx-n12\@md {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .u-mx-n14\@md {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .u-mx-n16\@md {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .u-mx-n20\@md {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .u-mx-n24\@md {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .u-mx-n28\@md {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .u-mx-0\@md {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-mx-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .u-my-0\.5\@md {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .u-my-1\@md {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .u-my-1\.5\@md {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .u-my-2\@md {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .u-my-3\@md {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .u-my-4\@md {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-5\@md {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .u-my-6\@md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-8\@md {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-10\@md {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-12\@md {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-14\@md {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-16\@md {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-20\@md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-24\@md {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-28\@md {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-n0\.5\@md {
    margin-top: -0.125rem !important;
    margin-bottom: -0.125rem !important;
  }
  .u-my-n1\@md {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .u-my-n1\.5\@md {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .u-my-n2\@md {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .u-my-n3\@md {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .u-my-n4\@md {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .u-my-n5\@md {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .u-my-n6\@md {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .u-my-n8\@md {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .u-my-n10\@md {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .u-my-n12\@md {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .u-my-n14\@md {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .u-my-n16\@md {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .u-my-n20\@md {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .u-my-n24\@md {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .u-my-n28\@md {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .u-my-0\@md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-my-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mt-0\.5\@md {
    margin-top: 0.125rem !important;
  }
  .u-mt-1\@md {
    margin-top: 0.25rem !important;
  }
  .u-mt-1\.5\@md {
    margin-top: 0.375rem !important;
  }
  .u-mt-2\@md {
    margin-top: 0.5rem !important;
  }
  .u-mt-3\@md {
    margin-top: 0.75rem !important;
  }
  .u-mt-4\@md {
    margin-top: 1rem !important;
  }
  .u-mt-5\@md {
    margin-top: 1.25rem !important;
  }
  .u-mt-6\@md {
    margin-top: 1.5rem !important;
  }
  .u-mt-8\@md {
    margin-top: 2rem !important;
  }
  .u-mt-10\@md {
    margin-top: 2.5rem !important;
  }
  .u-mt-12\@md {
    margin-top: 3rem !important;
  }
  .u-mt-14\@md {
    margin-top: 3.5rem !important;
  }
  .u-mt-16\@md {
    margin-top: 4rem !important;
  }
  .u-mt-20\@md {
    margin-top: 5rem !important;
  }
  .u-mt-24\@md {
    margin-top: 6rem !important;
  }
  .u-mt-28\@md {
    margin-top: 7rem !important;
  }
  .u-mt-n0\.5\@md {
    margin-top: -0.125rem !important;
  }
  .u-mt-n1\@md {
    margin-top: -0.25rem !important;
  }
  .u-mt-n1\.5\@md {
    margin-top: -0.375rem !important;
  }
  .u-mt-n2\@md {
    margin-top: -0.5rem !important;
  }
  .u-mt-n3\@md {
    margin-top: -0.75rem !important;
  }
  .u-mt-n4\@md {
    margin-top: -1rem !important;
  }
  .u-mt-n5\@md {
    margin-top: -1.25rem !important;
  }
  .u-mt-n6\@md {
    margin-top: -1.5rem !important;
  }
  .u-mt-n8\@md {
    margin-top: -2rem !important;
  }
  .u-mt-n10\@md {
    margin-top: -2.5rem !important;
  }
  .u-mt-n12\@md {
    margin-top: -3rem !important;
  }
  .u-mt-n14\@md {
    margin-top: -3.5rem !important;
  }
  .u-mt-n16\@md {
    margin-top: -4rem !important;
  }
  .u-mt-n20\@md {
    margin-top: -5rem !important;
  }
  .u-mt-n24\@md {
    margin-top: -6rem !important;
  }
  .u-mt-n28\@md {
    margin-top: -7rem !important;
  }
  .u-mt-0\@md {
    margin-top: 0 !important;
  }
  .u-mt-auto\@md {
    margin-top: auto !important;
  }
  .u-mr-0\.5\@md {
    margin-right: 0.125rem !important;
  }
  .u-mr-1\@md {
    margin-right: 0.25rem !important;
  }
  .u-mr-1\.5\@md {
    margin-right: 0.375rem !important;
  }
  .u-mr-2\@md {
    margin-right: 0.5rem !important;
  }
  .u-mr-3\@md {
    margin-right: 0.75rem !important;
  }
  .u-mr-4\@md {
    margin-right: 1rem !important;
  }
  .u-mr-5\@md {
    margin-right: 1.25rem !important;
  }
  .u-mr-6\@md {
    margin-right: 1.5rem !important;
  }
  .u-mr-8\@md {
    margin-right: 2rem !important;
  }
  .u-mr-10\@md {
    margin-right: 2.5rem !important;
  }
  .u-mr-12\@md {
    margin-right: 3rem !important;
  }
  .u-mr-14\@md {
    margin-right: 3.5rem !important;
  }
  .u-mr-16\@md {
    margin-right: 4rem !important;
  }
  .u-mr-20\@md {
    margin-right: 5rem !important;
  }
  .u-mr-24\@md {
    margin-right: 6rem !important;
  }
  .u-mr-28\@md {
    margin-right: 7rem !important;
  }
  .u-mr-n0\.5\@md {
    margin-right: -0.125rem !important;
  }
  .u-mr-n1\@md {
    margin-right: -0.25rem !important;
  }
  .u-mr-n1\.5\@md {
    margin-right: -0.375rem !important;
  }
  .u-mr-n2\@md {
    margin-right: -0.5rem !important;
  }
  .u-mr-n3\@md {
    margin-right: -0.75rem !important;
  }
  .u-mr-n4\@md {
    margin-right: -1rem !important;
  }
  .u-mr-n5\@md {
    margin-right: -1.25rem !important;
  }
  .u-mr-n6\@md {
    margin-right: -1.5rem !important;
  }
  .u-mr-n8\@md {
    margin-right: -2rem !important;
  }
  .u-mr-n10\@md {
    margin-right: -2.5rem !important;
  }
  .u-mr-n12\@md {
    margin-right: -3rem !important;
  }
  .u-mr-n14\@md {
    margin-right: -3.5rem !important;
  }
  .u-mr-n16\@md {
    margin-right: -4rem !important;
  }
  .u-mr-n20\@md {
    margin-right: -5rem !important;
  }
  .u-mr-n24\@md {
    margin-right: -6rem !important;
  }
  .u-mr-n28\@md {
    margin-right: -7rem !important;
  }
  .u-mr-0\@md {
    margin-right: 0 !important;
  }
  .u-mr-auto\@md {
    margin-right: auto !important;
  }
  .u-mb-0\.5\@md {
    margin-bottom: 0.125rem !important;
  }
  .u-mb-1\@md {
    margin-bottom: 0.25rem !important;
  }
  .u-mb-1\.5\@md {
    margin-bottom: 0.375rem !important;
  }
  .u-mb-2\@md {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-3\@md {
    margin-bottom: 0.75rem !important;
  }
  .u-mb-4\@md {
    margin-bottom: 1rem !important;
  }
  .u-mb-5\@md {
    margin-bottom: 1.25rem !important;
  }
  .u-mb-6\@md {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-8\@md {
    margin-bottom: 2rem !important;
  }
  .u-mb-10\@md {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-12\@md {
    margin-bottom: 3rem !important;
  }
  .u-mb-14\@md {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-16\@md {
    margin-bottom: 4rem !important;
  }
  .u-mb-20\@md {
    margin-bottom: 5rem !important;
  }
  .u-mb-24\@md {
    margin-bottom: 6rem !important;
  }
  .u-mb-28\@md {
    margin-bottom: 7rem !important;
  }
  .u-mb-n0\.5\@md {
    margin-bottom: -0.125rem !important;
  }
  .u-mb-n1\@md {
    margin-bottom: -0.25rem !important;
  }
  .u-mb-n1\.5\@md {
    margin-bottom: -0.375rem !important;
  }
  .u-mb-n2\@md {
    margin-bottom: -0.5rem !important;
  }
  .u-mb-n3\@md {
    margin-bottom: -0.75rem !important;
  }
  .u-mb-n4\@md {
    margin-bottom: -1rem !important;
  }
  .u-mb-n5\@md {
    margin-bottom: -1.25rem !important;
  }
  .u-mb-n6\@md {
    margin-bottom: -1.5rem !important;
  }
  .u-mb-n8\@md {
    margin-bottom: -2rem !important;
  }
  .u-mb-n10\@md {
    margin-bottom: -2.5rem !important;
  }
  .u-mb-n12\@md {
    margin-bottom: -3rem !important;
  }
  .u-mb-n14\@md {
    margin-bottom: -3.5rem !important;
  }
  .u-mb-n16\@md {
    margin-bottom: -4rem !important;
  }
  .u-mb-n20\@md {
    margin-bottom: -5rem !important;
  }
  .u-mb-n24\@md {
    margin-bottom: -6rem !important;
  }
  .u-mb-n28\@md {
    margin-bottom: -7rem !important;
  }
  .u-mb-0\@md {
    margin-bottom: 0 !important;
  }
  .u-mb-auto\@md {
    margin-bottom: auto !important;
  }
  .u-ml-0\.5\@md {
    margin-left: 0.125rem !important;
  }
  .u-ml-1\@md {
    margin-left: 0.25rem !important;
  }
  .u-ml-1\.5\@md {
    margin-left: 0.375rem !important;
  }
  .u-ml-2\@md {
    margin-left: 0.5rem !important;
  }
  .u-ml-3\@md {
    margin-left: 0.75rem !important;
  }
  .u-ml-4\@md {
    margin-left: 1rem !important;
  }
  .u-ml-5\@md {
    margin-left: 1.25rem !important;
  }
  .u-ml-6\@md {
    margin-left: 1.5rem !important;
  }
  .u-ml-8\@md {
    margin-left: 2rem !important;
  }
  .u-ml-10\@md {
    margin-left: 2.5rem !important;
  }
  .u-ml-12\@md {
    margin-left: 3rem !important;
  }
  .u-ml-14\@md {
    margin-left: 3.5rem !important;
  }
  .u-ml-16\@md {
    margin-left: 4rem !important;
  }
  .u-ml-20\@md {
    margin-left: 5rem !important;
  }
  .u-ml-24\@md {
    margin-left: 6rem !important;
  }
  .u-ml-28\@md {
    margin-left: 7rem !important;
  }
  .u-ml-n0\.5\@md {
    margin-left: -0.125rem !important;
  }
  .u-ml-n1\@md {
    margin-left: -0.25rem !important;
  }
  .u-ml-n1\.5\@md {
    margin-left: -0.375rem !important;
  }
  .u-ml-n2\@md {
    margin-left: -0.5rem !important;
  }
  .u-ml-n3\@md {
    margin-left: -0.75rem !important;
  }
  .u-ml-n4\@md {
    margin-left: -1rem !important;
  }
  .u-ml-n5\@md {
    margin-left: -1.25rem !important;
  }
  .u-ml-n6\@md {
    margin-left: -1.5rem !important;
  }
  .u-ml-n8\@md {
    margin-left: -2rem !important;
  }
  .u-ml-n10\@md {
    margin-left: -2.5rem !important;
  }
  .u-ml-n12\@md {
    margin-left: -3rem !important;
  }
  .u-ml-n14\@md {
    margin-left: -3.5rem !important;
  }
  .u-ml-n16\@md {
    margin-left: -4rem !important;
  }
  .u-ml-n20\@md {
    margin-left: -5rem !important;
  }
  .u-ml-n24\@md {
    margin-left: -6rem !important;
  }
  .u-ml-n28\@md {
    margin-left: -7rem !important;
  }
  .u-ml-0\@md {
    margin-left: 0 !important;
  }
  .u-ml-auto\@md {
    margin-left: auto !important;
  }
  .u-p-0\.5\@md {
    padding: 0.125rem !important;
  }
  .u-p-1\@md {
    padding: 0.25rem !important;
  }
  .u-p-1\.5\@md {
    padding: 0.375rem !important;
  }
  .u-p-2\@md {
    padding: 0.5rem !important;
  }
  .u-p-3\@md {
    padding: 0.75rem !important;
  }
  .u-p-4\@md {
    padding: 1rem !important;
  }
  .u-p-5\@md {
    padding: 1.25rem !important;
  }
  .u-p-6\@md {
    padding: 1.5rem !important;
  }
  .u-p-8\@md {
    padding: 2rem !important;
  }
  .u-p-10\@md {
    padding: 2.5rem !important;
  }
  .u-p-12\@md {
    padding: 3rem !important;
  }
  .u-p-14\@md {
    padding: 3.5rem !important;
  }
  .u-p-16\@md {
    padding: 4rem !important;
  }
  .u-p-20\@md {
    padding: 5rem !important;
  }
  .u-p-24\@md {
    padding: 6rem !important;
  }
  .u-p-28\@md {
    padding: 7rem !important;
  }
  .u-p-0\@md {
    padding: 0 !important;
  }
  .u-px-0\.5\@md {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
  }
  .u-px-1\@md {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .u-px-1\.5\@md {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .u-px-2\@md {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .u-px-3\@md {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .u-px-4\@md {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .u-px-5\@md {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .u-px-6\@md {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .u-px-8\@md {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .u-px-10\@md {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .u-px-12\@md {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .u-px-14\@md {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .u-px-16\@md {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .u-px-20\@md {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .u-px-24\@md {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .u-px-28\@md {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .u-px-0\@md {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-py-0\.5\@md {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .u-py-1\@md {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .u-py-1\.5\@md {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .u-py-2\@md {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .u-py-3\@md {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .u-py-4\@md {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .u-py-5\@md {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .u-py-6\@md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .u-py-8\@md {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .u-py-10\@md {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .u-py-12\@md {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .u-py-14\@md {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .u-py-16\@md {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .u-py-20\@md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .u-py-24\@md {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .u-py-28\@md {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .u-py-0\@md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-pt-0\.5\@md {
    padding-top: 0.125rem !important;
  }
  .u-pt-1\@md {
    padding-top: 0.25rem !important;
  }
  .u-pt-1\.5\@md {
    padding-top: 0.375rem !important;
  }
  .u-pt-2\@md {
    padding-top: 0.5rem !important;
  }
  .u-pt-3\@md {
    padding-top: 0.75rem !important;
  }
  .u-pt-4\@md {
    padding-top: 1rem !important;
  }
  .u-pt-5\@md {
    padding-top: 1.25rem !important;
  }
  .u-pt-6\@md {
    padding-top: 1.5rem !important;
  }
  .u-pt-8\@md {
    padding-top: 2rem !important;
  }
  .u-pt-10\@md {
    padding-top: 2.5rem !important;
  }
  .u-pt-12\@md {
    padding-top: 3rem !important;
  }
  .u-pt-14\@md {
    padding-top: 3.5rem !important;
  }
  .u-pt-16\@md {
    padding-top: 4rem !important;
  }
  .u-pt-20\@md {
    padding-top: 5rem !important;
  }
  .u-pt-24\@md {
    padding-top: 6rem !important;
  }
  .u-pt-28\@md {
    padding-top: 7rem !important;
  }
  .u-pt-0\@md {
    padding-top: 0 !important;
  }
  .u-pr-0\.5\@md {
    padding-right: 0.125rem !important;
  }
  .u-pr-1\@md {
    padding-right: 0.25rem !important;
  }
  .u-pr-1\.5\@md {
    padding-right: 0.375rem !important;
  }
  .u-pr-2\@md {
    padding-right: 0.5rem !important;
  }
  .u-pr-3\@md {
    padding-right: 0.75rem !important;
  }
  .u-pr-4\@md {
    padding-right: 1rem !important;
  }
  .u-pr-5\@md {
    padding-right: 1.25rem !important;
  }
  .u-pr-6\@md {
    padding-right: 1.5rem !important;
  }
  .u-pr-8\@md {
    padding-right: 2rem !important;
  }
  .u-pr-10\@md {
    padding-right: 2.5rem !important;
  }
  .u-pr-12\@md {
    padding-right: 3rem !important;
  }
  .u-pr-14\@md {
    padding-right: 3.5rem !important;
  }
  .u-pr-16\@md {
    padding-right: 4rem !important;
  }
  .u-pr-20\@md {
    padding-right: 5rem !important;
  }
  .u-pr-24\@md {
    padding-right: 6rem !important;
  }
  .u-pr-28\@md {
    padding-right: 7rem !important;
  }
  .u-pr-0\@md {
    padding-right: 0 !important;
  }
  .u-pb-0\.5\@md {
    padding-bottom: 0.125rem !important;
  }
  .u-pb-1\@md {
    padding-bottom: 0.25rem !important;
  }
  .u-pb-1\.5\@md {
    padding-bottom: 0.375rem !important;
  }
  .u-pb-2\@md {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-3\@md {
    padding-bottom: 0.75rem !important;
  }
  .u-pb-4\@md {
    padding-bottom: 1rem !important;
  }
  .u-pb-5\@md {
    padding-bottom: 1.25rem !important;
  }
  .u-pb-6\@md {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-8\@md {
    padding-bottom: 2rem !important;
  }
  .u-pb-10\@md {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-12\@md {
    padding-bottom: 3rem !important;
  }
  .u-pb-14\@md {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-16\@md {
    padding-bottom: 4rem !important;
  }
  .u-pb-20\@md {
    padding-bottom: 5rem !important;
  }
  .u-pb-24\@md {
    padding-bottom: 6rem !important;
  }
  .u-pb-28\@md {
    padding-bottom: 7rem !important;
  }
  .u-pb-0\@md {
    padding-bottom: 0 !important;
  }
  .u-pl-0\.5\@md {
    padding-left: 0.125rem !important;
  }
  .u-pl-1\@md {
    padding-left: 0.25rem !important;
  }
  .u-pl-1\.5\@md {
    padding-left: 0.375rem !important;
  }
  .u-pl-2\@md {
    padding-left: 0.5rem !important;
  }
  .u-pl-3\@md {
    padding-left: 0.75rem !important;
  }
  .u-pl-4\@md {
    padding-left: 1rem !important;
  }
  .u-pl-5\@md {
    padding-left: 1.25rem !important;
  }
  .u-pl-6\@md {
    padding-left: 1.5rem !important;
  }
  .u-pl-8\@md {
    padding-left: 2rem !important;
  }
  .u-pl-10\@md {
    padding-left: 2.5rem !important;
  }
  .u-pl-12\@md {
    padding-left: 3rem !important;
  }
  .u-pl-14\@md {
    padding-left: 3.5rem !important;
  }
  .u-pl-16\@md {
    padding-left: 4rem !important;
  }
  .u-pl-20\@md {
    padding-left: 5rem !important;
  }
  .u-pl-24\@md {
    padding-left: 6rem !important;
  }
  .u-pl-28\@md {
    padding-left: 7rem !important;
  }
  .u-pl-0\@md {
    padding-left: 0 !important;
  }
  .u-ta-l\@md {
    text-align: left !important;
  }
  .u-ta-c\@md {
    text-align: center !important;
  }
  .u-ta-r\@md {
    text-align: right !important;
  }
}
@media (min-width: 62em) {
  .u-d-b\@lg {
    display: block !important;
  }
  .u-d-i\@lg {
    display: inline !important;
  }
  .u-d-ib\@lg {
    display: inline-block !important;
  }
  .u-d-fx\@lg {
    display: flex !important;
  }
  .u-d-ifx\@lg {
    display: inline-flex !important;
  }
  .u-d-c\@lg {
    display: contents !important;
  }
  .u-d-n\@lg {
    display: none !important;
  }
  .u-v-v\@lg {
    visibility: visible !important;
  }
  .u-v-h\@lg {
    visibility: hidden !important;
  }
  .u-w-25\@lg {
    width: 25% !important;
  }
  .u-w-33\@lg {
    width: 33.3333% !important;
  }
  .u-w-50\@lg {
    width: 50% !important;
  }
  .u-w-66\@lg {
    width: 66.6667% !important;
  }
  .u-w-75\@lg {
    width: 75% !important;
  }
  .u-w-100\@lg {
    width: 100% !important;
  }
  .u-w-f8\@lg {
    width: 0.5rem !important;
  }
  .u-w-f12\@lg {
    width: 0.75rem !important;
  }
  .u-w-f16\@lg {
    width: 1rem !important;
  }
  .u-w-f24\@lg {
    width: 1.5rem !important;
  }
  .u-w-f32\@lg {
    width: 2rem !important;
  }
  .u-w-f40\@lg {
    width: 2.5rem !important;
  }
  .u-w-f48\@lg {
    width: 3rem !important;
  }
  .u-w-f56\@lg {
    width: 3.5rem !important;
  }
  .u-w-f64\@lg {
    width: 4rem !important;
  }
  .u-w-f72\@lg {
    width: 4.5rem !important;
  }
  .u-w-f80\@lg {
    width: 5rem !important;
  }
  .u-w-f96\@lg {
    width: 6rem !important;
  }
  .u-w-f112\@lg {
    width: 7rem !important;
  }
  .u-w-0\@lg {
    width: 0 !important;
  }
  .u-w-auto\@lg {
    width: auto !important;
  }
  .u-wmin-25\@lg {
    min-width: 25% !important;
  }
  .u-wmin-33\@lg {
    min-width: 33.3333% !important;
  }
  .u-wmin-50\@lg {
    min-width: 50% !important;
  }
  .u-wmin-66\@lg {
    min-width: 66.6667% !important;
  }
  .u-wmin-75\@lg {
    min-width: 75% !important;
  }
  .u-wmin-100\@lg {
    min-width: 100% !important;
  }
  .u-wmin-f8\@lg {
    min-width: 0.5rem !important;
  }
  .u-wmin-f12\@lg {
    min-width: 0.75rem !important;
  }
  .u-wmin-f16\@lg {
    min-width: 1rem !important;
  }
  .u-wmin-f24\@lg {
    min-width: 1.5rem !important;
  }
  .u-wmin-f32\@lg {
    min-width: 2rem !important;
  }
  .u-wmin-f40\@lg {
    min-width: 2.5rem !important;
  }
  .u-wmin-f48\@lg {
    min-width: 3rem !important;
  }
  .u-wmin-f56\@lg {
    min-width: 3.5rem !important;
  }
  .u-wmin-f64\@lg {
    min-width: 4rem !important;
  }
  .u-wmin-f72\@lg {
    min-width: 4.5rem !important;
  }
  .u-wmin-f80\@lg {
    min-width: 5rem !important;
  }
  .u-wmin-f96\@lg {
    min-width: 6rem !important;
  }
  .u-wmin-f112\@lg {
    min-width: 7rem !important;
  }
  .u-wmin-0\@lg {
    min-width: 0 !important;
  }
  .u-wmin-auto\@lg {
    min-width: auto !important;
  }
  .u-h-25\@lg {
    height: 25% !important;
  }
  .u-h-50\@lg {
    height: 50% !important;
  }
  .u-h-75\@lg {
    height: 75% !important;
  }
  .u-h-100\@lg {
    height: 100% !important;
  }
  .u-h-f8\@lg {
    height: 0.5rem !important;
  }
  .u-h-f12\@lg {
    height: 0.75rem !important;
  }
  .u-h-f16\@lg {
    height: 1rem !important;
  }
  .u-h-f24\@lg {
    height: 1.5rem !important;
  }
  .u-h-f32\@lg {
    height: 2rem !important;
  }
  .u-h-f40\@lg {
    height: 2.5rem !important;
  }
  .u-h-f48\@lg {
    height: 3rem !important;
  }
  .u-h-f56\@lg {
    height: 3.5rem !important;
  }
  .u-h-f64\@lg {
    height: 4rem !important;
  }
  .u-h-f72\@lg {
    height: 4.5rem !important;
  }
  .u-h-f80\@lg {
    height: 5rem !important;
  }
  .u-h-f96\@lg {
    height: 6rem !important;
  }
  .u-h-f112\@lg {
    height: 7rem !important;
  }
  .u-h-0\@lg {
    height: 0 !important;
  }
  .u-h-auto\@lg {
    height: auto !important;
  }
  .u-hmin-25\@lg {
    min-height: 25% !important;
  }
  .u-hmin-50\@lg {
    min-height: 50% !important;
  }
  .u-hmin-75\@lg {
    min-height: 75% !important;
  }
  .u-hmin-100\@lg {
    min-height: 100% !important;
  }
  .u-hmin-f8\@lg {
    min-height: 0.5rem !important;
  }
  .u-hmin-f12\@lg {
    min-height: 0.75rem !important;
  }
  .u-hmin-f16\@lg {
    min-height: 1rem !important;
  }
  .u-hmin-f24\@lg {
    min-height: 1.5rem !important;
  }
  .u-hmin-f32\@lg {
    min-height: 2rem !important;
  }
  .u-hmin-f40\@lg {
    min-height: 2.5rem !important;
  }
  .u-hmin-f48\@lg {
    min-height: 3rem !important;
  }
  .u-hmin-f56\@lg {
    min-height: 3.5rem !important;
  }
  .u-hmin-f64\@lg {
    min-height: 4rem !important;
  }
  .u-hmin-f72\@lg {
    min-height: 4.5rem !important;
  }
  .u-hmin-f80\@lg {
    min-height: 5rem !important;
  }
  .u-hmin-f96\@lg {
    min-height: 6rem !important;
  }
  .u-hmin-f112\@lg {
    min-height: 7rem !important;
  }
  .u-hmin-0\@lg {
    min-height: 0 !important;
  }
  .u-hmax-25\@lg {
    max-height: 25% !important;
  }
  .u-hmax-50\@lg {
    max-height: 50% !important;
  }
  .u-hmax-75\@lg {
    max-height: 75% !important;
  }
  .u-hmax-100\@lg {
    max-height: 100% !important;
  }
  .u-hmax-f8\@lg {
    max-height: 0.5rem !important;
  }
  .u-hmax-f12\@lg {
    max-height: 0.75rem !important;
  }
  .u-hmax-f16\@lg {
    max-height: 1rem !important;
  }
  .u-hmax-f24\@lg {
    max-height: 1.5rem !important;
  }
  .u-hmax-f32\@lg {
    max-height: 2rem !important;
  }
  .u-hmax-f40\@lg {
    max-height: 2.5rem !important;
  }
  .u-hmax-f48\@lg {
    max-height: 3rem !important;
  }
  .u-hmax-f56\@lg {
    max-height: 3.5rem !important;
  }
  .u-hmax-f64\@lg {
    max-height: 4rem !important;
  }
  .u-hmax-f72\@lg {
    max-height: 4.5rem !important;
  }
  .u-hmax-f80\@lg {
    max-height: 5rem !important;
  }
  .u-hmax-f96\@lg {
    max-height: 6rem !important;
  }
  .u-hmax-f112\@lg {
    max-height: 7rem !important;
  }
  .u-hmax-0\@lg {
    max-height: 0 !important;
  }
  .u-hmax-auto\@lg {
    max-height: auto !important;
  }
  .u-fx-auto\@lg {
    flex: 1 1 auto !important;
  }
  .u-fx-none\@lg {
    flex: none !important;
  }
  .u-fx-row\@lg {
    flex-direction: row !important;
  }
  .u-fx-column\@lg {
    flex-direction: column !important;
  }
  .u-fx-row-reverse\@lg {
    flex-direction: row-reverse !important;
  }
  .u-fx-column-reverse\@lg {
    flex-direction: column-reverse !important;
  }
  .u-fx-grow-0\@lg {
    flex-grow: 0 !important;
  }
  .u-fx-grow\@lg {
    flex-grow: 1 !important;
  }
  .u-fx-shrink-0\@lg {
    flex-shrink: 0 !important;
  }
  .u-fx-shrink\@lg {
    flex-shrink: 1 !important;
  }
  .u-fx-wrap\@lg {
    flex-wrap: wrap !important;
  }
  .u-fx-nowrap\@lg {
    flex-wrap: nowrap !important;
  }
  .u-fx-wrap-reverse\@lg {
    flex-wrap: wrap-reverse !important;
  }
  .u-justify-start\@lg {
    justify-content: flex-start !important;
  }
  .u-justify-end\@lg {
    justify-content: flex-end !important;
  }
  .u-justify-center\@lg {
    justify-content: center !important;
  }
  .u-justify-between\@lg {
    justify-content: space-between !important;
  }
  .u-justify-around\@lg {
    justify-content: space-around !important;
  }
  .u-justify-evenly\@lg {
    justify-content: space-evenly !important;
  }
  .u-align-items-start\@lg {
    align-items: flex-start !important;
  }
  .u-align-items-end\@lg {
    align-items: flex-end !important;
  }
  .u-align-items-center\@lg {
    align-items: center !important;
  }
  .u-align-items-baseline\@lg {
    align-items: baseline !important;
  }
  .u-align-items-stretch\@lg {
    align-items: stretch !important;
  }
  .u-align-content-start\@lg {
    align-content: flex-start !important;
  }
  .u-align-content-end\@lg {
    align-content: flex-end !important;
  }
  .u-align-content-center\@lg {
    align-content: center !important;
  }
  .u-align-content-between\@lg {
    align-content: space-between !important;
  }
  .u-align-content-around\@lg {
    align-content: space-around !important;
  }
  .u-align-content-stretch\@lg {
    align-content: stretch !important;
  }
  .u-align-self-auto\@lg {
    align-self: auto !important;
  }
  .u-align-self-start\@lg {
    align-self: flex-start !important;
  }
  .u-align-self-end\@lg {
    align-self: flex-end !important;
  }
  .u-align-self-center\@lg {
    align-self: center !important;
  }
  .u-align-self-baseline\@lg {
    align-self: baseline !important;
  }
  .u-align-self-stretch\@lg {
    align-self: stretch !important;
  }
  .u-order-first\@lg {
    order: -1 !important;
  }
  .u-order-0\@lg {
    order: 0 !important;
  }
  .u-order-1\@lg {
    order: 1 !important;
  }
  .u-order-2\@lg {
    order: 2 !important;
  }
  .u-order-3\@lg {
    order: 3 !important;
  }
  .u-order-last\@lg {
    order: 4 !important;
  }
  .u-gap-0\.5\@lg {
    gap: 0.125rem !important;
  }
  .u-gap-1\@lg {
    gap: 0.25rem !important;
  }
  .u-gap-1\.5\@lg {
    gap: 0.375rem !important;
  }
  .u-gap-2\@lg {
    gap: 0.5rem !important;
  }
  .u-gap-3\@lg {
    gap: 0.75rem !important;
  }
  .u-gap-4\@lg {
    gap: 1rem !important;
  }
  .u-gap-5\@lg {
    gap: 1.25rem !important;
  }
  .u-gap-6\@lg {
    gap: 1.5rem !important;
  }
  .u-gap-8\@lg {
    gap: 2rem !important;
  }
  .u-gap-10\@lg {
    gap: 2.5rem !important;
  }
  .u-gap-12\@lg {
    gap: 3rem !important;
  }
  .u-gap-14\@lg {
    gap: 3.5rem !important;
  }
  .u-gap-16\@lg {
    gap: 4rem !important;
  }
  .u-gap-20\@lg {
    gap: 5rem !important;
  }
  .u-gap-24\@lg {
    gap: 6rem !important;
  }
  .u-gap-28\@lg {
    gap: 7rem !important;
  }
  .u-gap-0\@lg {
    gap: 0 !important;
  }
  .u-gap-x-0\.5\@lg {
    column-gap: 0.125rem !important;
  }
  .u-gap-x-1\@lg {
    column-gap: 0.25rem !important;
  }
  .u-gap-x-1\.5\@lg {
    column-gap: 0.375rem !important;
  }
  .u-gap-x-2\@lg {
    column-gap: 0.5rem !important;
  }
  .u-gap-x-3\@lg {
    column-gap: 0.75rem !important;
  }
  .u-gap-x-4\@lg {
    column-gap: 1rem !important;
  }
  .u-gap-x-5\@lg {
    column-gap: 1.25rem !important;
  }
  .u-gap-x-6\@lg {
    column-gap: 1.5rem !important;
  }
  .u-gap-x-8\@lg {
    column-gap: 2rem !important;
  }
  .u-gap-x-10\@lg {
    column-gap: 2.5rem !important;
  }
  .u-gap-x-12\@lg {
    column-gap: 3rem !important;
  }
  .u-gap-x-14\@lg {
    column-gap: 3.5rem !important;
  }
  .u-gap-x-16\@lg {
    column-gap: 4rem !important;
  }
  .u-gap-x-20\@lg {
    column-gap: 5rem !important;
  }
  .u-gap-x-24\@lg {
    column-gap: 6rem !important;
  }
  .u-gap-x-28\@lg {
    column-gap: 7rem !important;
  }
  .u-gap-x-0\@lg {
    column-gap: 0 !important;
  }
  .u-gap-y-0\.5\@lg {
    row-gap: 0.125rem !important;
  }
  .u-gap-y-1\@lg {
    row-gap: 0.25rem !important;
  }
  .u-gap-y-1\.5\@lg {
    row-gap: 0.375rem !important;
  }
  .u-gap-y-2\@lg {
    row-gap: 0.5rem !important;
  }
  .u-gap-y-3\@lg {
    row-gap: 0.75rem !important;
  }
  .u-gap-y-4\@lg {
    row-gap: 1rem !important;
  }
  .u-gap-y-5\@lg {
    row-gap: 1.25rem !important;
  }
  .u-gap-y-6\@lg {
    row-gap: 1.5rem !important;
  }
  .u-gap-y-8\@lg {
    row-gap: 2rem !important;
  }
  .u-gap-y-10\@lg {
    row-gap: 2.5rem !important;
  }
  .u-gap-y-12\@lg {
    row-gap: 3rem !important;
  }
  .u-gap-y-14\@lg {
    row-gap: 3.5rem !important;
  }
  .u-gap-y-16\@lg {
    row-gap: 4rem !important;
  }
  .u-gap-y-20\@lg {
    row-gap: 5rem !important;
  }
  .u-gap-y-24\@lg {
    row-gap: 6rem !important;
  }
  .u-gap-y-28\@lg {
    row-gap: 7rem !important;
  }
  .u-gap-y-0\@lg {
    row-gap: 0 !important;
  }
  .u-m-0\.5\@lg {
    margin: 0.125rem !important;
  }
  .u-m-1\@lg {
    margin: 0.25rem !important;
  }
  .u-m-1\.5\@lg {
    margin: 0.375rem !important;
  }
  .u-m-2\@lg {
    margin: 0.5rem !important;
  }
  .u-m-3\@lg {
    margin: 0.75rem !important;
  }
  .u-m-4\@lg {
    margin: 1rem !important;
  }
  .u-m-5\@lg {
    margin: 1.25rem !important;
  }
  .u-m-6\@lg {
    margin: 1.5rem !important;
  }
  .u-m-8\@lg {
    margin: 2rem !important;
  }
  .u-m-10\@lg {
    margin: 2.5rem !important;
  }
  .u-m-12\@lg {
    margin: 3rem !important;
  }
  .u-m-14\@lg {
    margin: 3.5rem !important;
  }
  .u-m-16\@lg {
    margin: 4rem !important;
  }
  .u-m-20\@lg {
    margin: 5rem !important;
  }
  .u-m-24\@lg {
    margin: 6rem !important;
  }
  .u-m-28\@lg {
    margin: 7rem !important;
  }
  .u-m-n0\.5\@lg {
    margin: -0.125rem !important;
  }
  .u-m-n1\@lg {
    margin: -0.25rem !important;
  }
  .u-m-n1\.5\@lg {
    margin: -0.375rem !important;
  }
  .u-m-n2\@lg {
    margin: -0.5rem !important;
  }
  .u-m-n3\@lg {
    margin: -0.75rem !important;
  }
  .u-m-n4\@lg {
    margin: -1rem !important;
  }
  .u-m-n5\@lg {
    margin: -1.25rem !important;
  }
  .u-m-n6\@lg {
    margin: -1.5rem !important;
  }
  .u-m-n8\@lg {
    margin: -2rem !important;
  }
  .u-m-n10\@lg {
    margin: -2.5rem !important;
  }
  .u-m-n12\@lg {
    margin: -3rem !important;
  }
  .u-m-n14\@lg {
    margin: -3.5rem !important;
  }
  .u-m-n16\@lg {
    margin: -4rem !important;
  }
  .u-m-n20\@lg {
    margin: -5rem !important;
  }
  .u-m-n24\@lg {
    margin: -6rem !important;
  }
  .u-m-n28\@lg {
    margin: -7rem !important;
  }
  .u-m-0\@lg {
    margin: 0 !important;
  }
  .u-m-auto\@lg {
    margin: auto !important;
  }
  .u-mx-0\.5\@lg {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
  }
  .u-mx-1\@lg {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .u-mx-1\.5\@lg {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .u-mx-2\@lg {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .u-mx-3\@lg {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .u-mx-4\@lg {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .u-mx-5\@lg {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .u-mx-6\@lg {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .u-mx-8\@lg {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .u-mx-10\@lg {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .u-mx-12\@lg {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .u-mx-14\@lg {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .u-mx-16\@lg {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .u-mx-20\@lg {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .u-mx-24\@lg {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .u-mx-28\@lg {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .u-mx-n0\.5\@lg {
    margin-right: -0.125rem !important;
    margin-left: -0.125rem !important;
  }
  .u-mx-n1\@lg {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .u-mx-n1\.5\@lg {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .u-mx-n2\@lg {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .u-mx-n3\@lg {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .u-mx-n4\@lg {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .u-mx-n5\@lg {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .u-mx-n6\@lg {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .u-mx-n8\@lg {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .u-mx-n10\@lg {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .u-mx-n12\@lg {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .u-mx-n14\@lg {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .u-mx-n16\@lg {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .u-mx-n20\@lg {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .u-mx-n24\@lg {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .u-mx-n28\@lg {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .u-mx-0\@lg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-mx-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .u-my-0\.5\@lg {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .u-my-1\@lg {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .u-my-1\.5\@lg {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .u-my-2\@lg {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .u-my-3\@lg {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .u-my-4\@lg {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-5\@lg {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .u-my-6\@lg {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-8\@lg {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-10\@lg {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-12\@lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-14\@lg {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-16\@lg {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-20\@lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-24\@lg {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-28\@lg {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-n0\.5\@lg {
    margin-top: -0.125rem !important;
    margin-bottom: -0.125rem !important;
  }
  .u-my-n1\@lg {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .u-my-n1\.5\@lg {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .u-my-n2\@lg {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .u-my-n3\@lg {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .u-my-n4\@lg {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .u-my-n5\@lg {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .u-my-n6\@lg {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .u-my-n8\@lg {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .u-my-n10\@lg {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .u-my-n12\@lg {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .u-my-n14\@lg {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .u-my-n16\@lg {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .u-my-n20\@lg {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .u-my-n24\@lg {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .u-my-n28\@lg {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .u-my-0\@lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-my-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mt-0\.5\@lg {
    margin-top: 0.125rem !important;
  }
  .u-mt-1\@lg {
    margin-top: 0.25rem !important;
  }
  .u-mt-1\.5\@lg {
    margin-top: 0.375rem !important;
  }
  .u-mt-2\@lg {
    margin-top: 0.5rem !important;
  }
  .u-mt-3\@lg {
    margin-top: 0.75rem !important;
  }
  .u-mt-4\@lg {
    margin-top: 1rem !important;
  }
  .u-mt-5\@lg {
    margin-top: 1.25rem !important;
  }
  .u-mt-6\@lg {
    margin-top: 1.5rem !important;
  }
  .u-mt-8\@lg {
    margin-top: 2rem !important;
  }
  .u-mt-10\@lg {
    margin-top: 2.5rem !important;
  }
  .u-mt-12\@lg {
    margin-top: 3rem !important;
  }
  .u-mt-14\@lg {
    margin-top: 3.5rem !important;
  }
  .u-mt-16\@lg {
    margin-top: 4rem !important;
  }
  .u-mt-20\@lg {
    margin-top: 5rem !important;
  }
  .u-mt-24\@lg {
    margin-top: 6rem !important;
  }
  .u-mt-28\@lg {
    margin-top: 7rem !important;
  }
  .u-mt-n0\.5\@lg {
    margin-top: -0.125rem !important;
  }
  .u-mt-n1\@lg {
    margin-top: -0.25rem !important;
  }
  .u-mt-n1\.5\@lg {
    margin-top: -0.375rem !important;
  }
  .u-mt-n2\@lg {
    margin-top: -0.5rem !important;
  }
  .u-mt-n3\@lg {
    margin-top: -0.75rem !important;
  }
  .u-mt-n4\@lg {
    margin-top: -1rem !important;
  }
  .u-mt-n5\@lg {
    margin-top: -1.25rem !important;
  }
  .u-mt-n6\@lg {
    margin-top: -1.5rem !important;
  }
  .u-mt-n8\@lg {
    margin-top: -2rem !important;
  }
  .u-mt-n10\@lg {
    margin-top: -2.5rem !important;
  }
  .u-mt-n12\@lg {
    margin-top: -3rem !important;
  }
  .u-mt-n14\@lg {
    margin-top: -3.5rem !important;
  }
  .u-mt-n16\@lg {
    margin-top: -4rem !important;
  }
  .u-mt-n20\@lg {
    margin-top: -5rem !important;
  }
  .u-mt-n24\@lg {
    margin-top: -6rem !important;
  }
  .u-mt-n28\@lg {
    margin-top: -7rem !important;
  }
  .u-mt-0\@lg {
    margin-top: 0 !important;
  }
  .u-mt-auto\@lg {
    margin-top: auto !important;
  }
  .u-mr-0\.5\@lg {
    margin-right: 0.125rem !important;
  }
  .u-mr-1\@lg {
    margin-right: 0.25rem !important;
  }
  .u-mr-1\.5\@lg {
    margin-right: 0.375rem !important;
  }
  .u-mr-2\@lg {
    margin-right: 0.5rem !important;
  }
  .u-mr-3\@lg {
    margin-right: 0.75rem !important;
  }
  .u-mr-4\@lg {
    margin-right: 1rem !important;
  }
  .u-mr-5\@lg {
    margin-right: 1.25rem !important;
  }
  .u-mr-6\@lg {
    margin-right: 1.5rem !important;
  }
  .u-mr-8\@lg {
    margin-right: 2rem !important;
  }
  .u-mr-10\@lg {
    margin-right: 2.5rem !important;
  }
  .u-mr-12\@lg {
    margin-right: 3rem !important;
  }
  .u-mr-14\@lg {
    margin-right: 3.5rem !important;
  }
  .u-mr-16\@lg {
    margin-right: 4rem !important;
  }
  .u-mr-20\@lg {
    margin-right: 5rem !important;
  }
  .u-mr-24\@lg {
    margin-right: 6rem !important;
  }
  .u-mr-28\@lg {
    margin-right: 7rem !important;
  }
  .u-mr-n0\.5\@lg {
    margin-right: -0.125rem !important;
  }
  .u-mr-n1\@lg {
    margin-right: -0.25rem !important;
  }
  .u-mr-n1\.5\@lg {
    margin-right: -0.375rem !important;
  }
  .u-mr-n2\@lg {
    margin-right: -0.5rem !important;
  }
  .u-mr-n3\@lg {
    margin-right: -0.75rem !important;
  }
  .u-mr-n4\@lg {
    margin-right: -1rem !important;
  }
  .u-mr-n5\@lg {
    margin-right: -1.25rem !important;
  }
  .u-mr-n6\@lg {
    margin-right: -1.5rem !important;
  }
  .u-mr-n8\@lg {
    margin-right: -2rem !important;
  }
  .u-mr-n10\@lg {
    margin-right: -2.5rem !important;
  }
  .u-mr-n12\@lg {
    margin-right: -3rem !important;
  }
  .u-mr-n14\@lg {
    margin-right: -3.5rem !important;
  }
  .u-mr-n16\@lg {
    margin-right: -4rem !important;
  }
  .u-mr-n20\@lg {
    margin-right: -5rem !important;
  }
  .u-mr-n24\@lg {
    margin-right: -6rem !important;
  }
  .u-mr-n28\@lg {
    margin-right: -7rem !important;
  }
  .u-mr-0\@lg {
    margin-right: 0 !important;
  }
  .u-mr-auto\@lg {
    margin-right: auto !important;
  }
  .u-mb-0\.5\@lg {
    margin-bottom: 0.125rem !important;
  }
  .u-mb-1\@lg {
    margin-bottom: 0.25rem !important;
  }
  .u-mb-1\.5\@lg {
    margin-bottom: 0.375rem !important;
  }
  .u-mb-2\@lg {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-3\@lg {
    margin-bottom: 0.75rem !important;
  }
  .u-mb-4\@lg {
    margin-bottom: 1rem !important;
  }
  .u-mb-5\@lg {
    margin-bottom: 1.25rem !important;
  }
  .u-mb-6\@lg {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-8\@lg {
    margin-bottom: 2rem !important;
  }
  .u-mb-10\@lg {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-12\@lg {
    margin-bottom: 3rem !important;
  }
  .u-mb-14\@lg {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-16\@lg {
    margin-bottom: 4rem !important;
  }
  .u-mb-20\@lg {
    margin-bottom: 5rem !important;
  }
  .u-mb-24\@lg {
    margin-bottom: 6rem !important;
  }
  .u-mb-28\@lg {
    margin-bottom: 7rem !important;
  }
  .u-mb-n0\.5\@lg {
    margin-bottom: -0.125rem !important;
  }
  .u-mb-n1\@lg {
    margin-bottom: -0.25rem !important;
  }
  .u-mb-n1\.5\@lg {
    margin-bottom: -0.375rem !important;
  }
  .u-mb-n2\@lg {
    margin-bottom: -0.5rem !important;
  }
  .u-mb-n3\@lg {
    margin-bottom: -0.75rem !important;
  }
  .u-mb-n4\@lg {
    margin-bottom: -1rem !important;
  }
  .u-mb-n5\@lg {
    margin-bottom: -1.25rem !important;
  }
  .u-mb-n6\@lg {
    margin-bottom: -1.5rem !important;
  }
  .u-mb-n8\@lg {
    margin-bottom: -2rem !important;
  }
  .u-mb-n10\@lg {
    margin-bottom: -2.5rem !important;
  }
  .u-mb-n12\@lg {
    margin-bottom: -3rem !important;
  }
  .u-mb-n14\@lg {
    margin-bottom: -3.5rem !important;
  }
  .u-mb-n16\@lg {
    margin-bottom: -4rem !important;
  }
  .u-mb-n20\@lg {
    margin-bottom: -5rem !important;
  }
  .u-mb-n24\@lg {
    margin-bottom: -6rem !important;
  }
  .u-mb-n28\@lg {
    margin-bottom: -7rem !important;
  }
  .u-mb-0\@lg {
    margin-bottom: 0 !important;
  }
  .u-mb-auto\@lg {
    margin-bottom: auto !important;
  }
  .u-ml-0\.5\@lg {
    margin-left: 0.125rem !important;
  }
  .u-ml-1\@lg {
    margin-left: 0.25rem !important;
  }
  .u-ml-1\.5\@lg {
    margin-left: 0.375rem !important;
  }
  .u-ml-2\@lg {
    margin-left: 0.5rem !important;
  }
  .u-ml-3\@lg {
    margin-left: 0.75rem !important;
  }
  .u-ml-4\@lg {
    margin-left: 1rem !important;
  }
  .u-ml-5\@lg {
    margin-left: 1.25rem !important;
  }
  .u-ml-6\@lg {
    margin-left: 1.5rem !important;
  }
  .u-ml-8\@lg {
    margin-left: 2rem !important;
  }
  .u-ml-10\@lg {
    margin-left: 2.5rem !important;
  }
  .u-ml-12\@lg {
    margin-left: 3rem !important;
  }
  .u-ml-14\@lg {
    margin-left: 3.5rem !important;
  }
  .u-ml-16\@lg {
    margin-left: 4rem !important;
  }
  .u-ml-20\@lg {
    margin-left: 5rem !important;
  }
  .u-ml-24\@lg {
    margin-left: 6rem !important;
  }
  .u-ml-28\@lg {
    margin-left: 7rem !important;
  }
  .u-ml-n0\.5\@lg {
    margin-left: -0.125rem !important;
  }
  .u-ml-n1\@lg {
    margin-left: -0.25rem !important;
  }
  .u-ml-n1\.5\@lg {
    margin-left: -0.375rem !important;
  }
  .u-ml-n2\@lg {
    margin-left: -0.5rem !important;
  }
  .u-ml-n3\@lg {
    margin-left: -0.75rem !important;
  }
  .u-ml-n4\@lg {
    margin-left: -1rem !important;
  }
  .u-ml-n5\@lg {
    margin-left: -1.25rem !important;
  }
  .u-ml-n6\@lg {
    margin-left: -1.5rem !important;
  }
  .u-ml-n8\@lg {
    margin-left: -2rem !important;
  }
  .u-ml-n10\@lg {
    margin-left: -2.5rem !important;
  }
  .u-ml-n12\@lg {
    margin-left: -3rem !important;
  }
  .u-ml-n14\@lg {
    margin-left: -3.5rem !important;
  }
  .u-ml-n16\@lg {
    margin-left: -4rem !important;
  }
  .u-ml-n20\@lg {
    margin-left: -5rem !important;
  }
  .u-ml-n24\@lg {
    margin-left: -6rem !important;
  }
  .u-ml-n28\@lg {
    margin-left: -7rem !important;
  }
  .u-ml-0\@lg {
    margin-left: 0 !important;
  }
  .u-ml-auto\@lg {
    margin-left: auto !important;
  }
  .u-p-0\.5\@lg {
    padding: 0.125rem !important;
  }
  .u-p-1\@lg {
    padding: 0.25rem !important;
  }
  .u-p-1\.5\@lg {
    padding: 0.375rem !important;
  }
  .u-p-2\@lg {
    padding: 0.5rem !important;
  }
  .u-p-3\@lg {
    padding: 0.75rem !important;
  }
  .u-p-4\@lg {
    padding: 1rem !important;
  }
  .u-p-5\@lg {
    padding: 1.25rem !important;
  }
  .u-p-6\@lg {
    padding: 1.5rem !important;
  }
  .u-p-8\@lg {
    padding: 2rem !important;
  }
  .u-p-10\@lg {
    padding: 2.5rem !important;
  }
  .u-p-12\@lg {
    padding: 3rem !important;
  }
  .u-p-14\@lg {
    padding: 3.5rem !important;
  }
  .u-p-16\@lg {
    padding: 4rem !important;
  }
  .u-p-20\@lg {
    padding: 5rem !important;
  }
  .u-p-24\@lg {
    padding: 6rem !important;
  }
  .u-p-28\@lg {
    padding: 7rem !important;
  }
  .u-p-0\@lg {
    padding: 0 !important;
  }
  .u-px-0\.5\@lg {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
  }
  .u-px-1\@lg {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .u-px-1\.5\@lg {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .u-px-2\@lg {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .u-px-3\@lg {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .u-px-4\@lg {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .u-px-5\@lg {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .u-px-6\@lg {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .u-px-8\@lg {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .u-px-10\@lg {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .u-px-12\@lg {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .u-px-14\@lg {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .u-px-16\@lg {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .u-px-20\@lg {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .u-px-24\@lg {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .u-px-28\@lg {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .u-px-0\@lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-py-0\.5\@lg {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .u-py-1\@lg {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .u-py-1\.5\@lg {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .u-py-2\@lg {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .u-py-3\@lg {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .u-py-4\@lg {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .u-py-5\@lg {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .u-py-6\@lg {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .u-py-8\@lg {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .u-py-10\@lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .u-py-12\@lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .u-py-14\@lg {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .u-py-16\@lg {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .u-py-20\@lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .u-py-24\@lg {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .u-py-28\@lg {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .u-py-0\@lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-pt-0\.5\@lg {
    padding-top: 0.125rem !important;
  }
  .u-pt-1\@lg {
    padding-top: 0.25rem !important;
  }
  .u-pt-1\.5\@lg {
    padding-top: 0.375rem !important;
  }
  .u-pt-2\@lg {
    padding-top: 0.5rem !important;
  }
  .u-pt-3\@lg {
    padding-top: 0.75rem !important;
  }
  .u-pt-4\@lg {
    padding-top: 1rem !important;
  }
  .u-pt-5\@lg {
    padding-top: 1.25rem !important;
  }
  .u-pt-6\@lg {
    padding-top: 1.5rem !important;
  }
  .u-pt-8\@lg {
    padding-top: 2rem !important;
  }
  .u-pt-10\@lg {
    padding-top: 2.5rem !important;
  }
  .u-pt-12\@lg {
    padding-top: 3rem !important;
  }
  .u-pt-14\@lg {
    padding-top: 3.5rem !important;
  }
  .u-pt-16\@lg {
    padding-top: 4rem !important;
  }
  .u-pt-20\@lg {
    padding-top: 5rem !important;
  }
  .u-pt-24\@lg {
    padding-top: 6rem !important;
  }
  .u-pt-28\@lg {
    padding-top: 7rem !important;
  }
  .u-pt-0\@lg {
    padding-top: 0 !important;
  }
  .u-pr-0\.5\@lg {
    padding-right: 0.125rem !important;
  }
  .u-pr-1\@lg {
    padding-right: 0.25rem !important;
  }
  .u-pr-1\.5\@lg {
    padding-right: 0.375rem !important;
  }
  .u-pr-2\@lg {
    padding-right: 0.5rem !important;
  }
  .u-pr-3\@lg {
    padding-right: 0.75rem !important;
  }
  .u-pr-4\@lg {
    padding-right: 1rem !important;
  }
  .u-pr-5\@lg {
    padding-right: 1.25rem !important;
  }
  .u-pr-6\@lg {
    padding-right: 1.5rem !important;
  }
  .u-pr-8\@lg {
    padding-right: 2rem !important;
  }
  .u-pr-10\@lg {
    padding-right: 2.5rem !important;
  }
  .u-pr-12\@lg {
    padding-right: 3rem !important;
  }
  .u-pr-14\@lg {
    padding-right: 3.5rem !important;
  }
  .u-pr-16\@lg {
    padding-right: 4rem !important;
  }
  .u-pr-20\@lg {
    padding-right: 5rem !important;
  }
  .u-pr-24\@lg {
    padding-right: 6rem !important;
  }
  .u-pr-28\@lg {
    padding-right: 7rem !important;
  }
  .u-pr-0\@lg {
    padding-right: 0 !important;
  }
  .u-pb-0\.5\@lg {
    padding-bottom: 0.125rem !important;
  }
  .u-pb-1\@lg {
    padding-bottom: 0.25rem !important;
  }
  .u-pb-1\.5\@lg {
    padding-bottom: 0.375rem !important;
  }
  .u-pb-2\@lg {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-3\@lg {
    padding-bottom: 0.75rem !important;
  }
  .u-pb-4\@lg {
    padding-bottom: 1rem !important;
  }
  .u-pb-5\@lg {
    padding-bottom: 1.25rem !important;
  }
  .u-pb-6\@lg {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-8\@lg {
    padding-bottom: 2rem !important;
  }
  .u-pb-10\@lg {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-12\@lg {
    padding-bottom: 3rem !important;
  }
  .u-pb-14\@lg {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-16\@lg {
    padding-bottom: 4rem !important;
  }
  .u-pb-20\@lg {
    padding-bottom: 5rem !important;
  }
  .u-pb-24\@lg {
    padding-bottom: 6rem !important;
  }
  .u-pb-28\@lg {
    padding-bottom: 7rem !important;
  }
  .u-pb-0\@lg {
    padding-bottom: 0 !important;
  }
  .u-pl-0\.5\@lg {
    padding-left: 0.125rem !important;
  }
  .u-pl-1\@lg {
    padding-left: 0.25rem !important;
  }
  .u-pl-1\.5\@lg {
    padding-left: 0.375rem !important;
  }
  .u-pl-2\@lg {
    padding-left: 0.5rem !important;
  }
  .u-pl-3\@lg {
    padding-left: 0.75rem !important;
  }
  .u-pl-4\@lg {
    padding-left: 1rem !important;
  }
  .u-pl-5\@lg {
    padding-left: 1.25rem !important;
  }
  .u-pl-6\@lg {
    padding-left: 1.5rem !important;
  }
  .u-pl-8\@lg {
    padding-left: 2rem !important;
  }
  .u-pl-10\@lg {
    padding-left: 2.5rem !important;
  }
  .u-pl-12\@lg {
    padding-left: 3rem !important;
  }
  .u-pl-14\@lg {
    padding-left: 3.5rem !important;
  }
  .u-pl-16\@lg {
    padding-left: 4rem !important;
  }
  .u-pl-20\@lg {
    padding-left: 5rem !important;
  }
  .u-pl-24\@lg {
    padding-left: 6rem !important;
  }
  .u-pl-28\@lg {
    padding-left: 7rem !important;
  }
  .u-pl-0\@lg {
    padding-left: 0 !important;
  }
  .u-ta-l\@lg {
    text-align: left !important;
  }
  .u-ta-c\@lg {
    text-align: center !important;
  }
  .u-ta-r\@lg {
    text-align: right !important;
  }
}
@media (min-width: 75em) {
  .u-d-b\@xl {
    display: block !important;
  }
  .u-d-i\@xl {
    display: inline !important;
  }
  .u-d-ib\@xl {
    display: inline-block !important;
  }
  .u-d-fx\@xl {
    display: flex !important;
  }
  .u-d-ifx\@xl {
    display: inline-flex !important;
  }
  .u-d-c\@xl {
    display: contents !important;
  }
  .u-d-n\@xl {
    display: none !important;
  }
  .u-v-v\@xl {
    visibility: visible !important;
  }
  .u-v-h\@xl {
    visibility: hidden !important;
  }
  .u-w-25\@xl {
    width: 25% !important;
  }
  .u-w-33\@xl {
    width: 33.3333% !important;
  }
  .u-w-50\@xl {
    width: 50% !important;
  }
  .u-w-66\@xl {
    width: 66.6667% !important;
  }
  .u-w-75\@xl {
    width: 75% !important;
  }
  .u-w-100\@xl {
    width: 100% !important;
  }
  .u-w-f8\@xl {
    width: 0.5rem !important;
  }
  .u-w-f12\@xl {
    width: 0.75rem !important;
  }
  .u-w-f16\@xl {
    width: 1rem !important;
  }
  .u-w-f24\@xl {
    width: 1.5rem !important;
  }
  .u-w-f32\@xl {
    width: 2rem !important;
  }
  .u-w-f40\@xl {
    width: 2.5rem !important;
  }
  .u-w-f48\@xl {
    width: 3rem !important;
  }
  .u-w-f56\@xl {
    width: 3.5rem !important;
  }
  .u-w-f64\@xl {
    width: 4rem !important;
  }
  .u-w-f72\@xl {
    width: 4.5rem !important;
  }
  .u-w-f80\@xl {
    width: 5rem !important;
  }
  .u-w-f96\@xl {
    width: 6rem !important;
  }
  .u-w-f112\@xl {
    width: 7rem !important;
  }
  .u-w-0\@xl {
    width: 0 !important;
  }
  .u-w-auto\@xl {
    width: auto !important;
  }
  .u-wmin-25\@xl {
    min-width: 25% !important;
  }
  .u-wmin-33\@xl {
    min-width: 33.3333% !important;
  }
  .u-wmin-50\@xl {
    min-width: 50% !important;
  }
  .u-wmin-66\@xl {
    min-width: 66.6667% !important;
  }
  .u-wmin-75\@xl {
    min-width: 75% !important;
  }
  .u-wmin-100\@xl {
    min-width: 100% !important;
  }
  .u-wmin-f8\@xl {
    min-width: 0.5rem !important;
  }
  .u-wmin-f12\@xl {
    min-width: 0.75rem !important;
  }
  .u-wmin-f16\@xl {
    min-width: 1rem !important;
  }
  .u-wmin-f24\@xl {
    min-width: 1.5rem !important;
  }
  .u-wmin-f32\@xl {
    min-width: 2rem !important;
  }
  .u-wmin-f40\@xl {
    min-width: 2.5rem !important;
  }
  .u-wmin-f48\@xl {
    min-width: 3rem !important;
  }
  .u-wmin-f56\@xl {
    min-width: 3.5rem !important;
  }
  .u-wmin-f64\@xl {
    min-width: 4rem !important;
  }
  .u-wmin-f72\@xl {
    min-width: 4.5rem !important;
  }
  .u-wmin-f80\@xl {
    min-width: 5rem !important;
  }
  .u-wmin-f96\@xl {
    min-width: 6rem !important;
  }
  .u-wmin-f112\@xl {
    min-width: 7rem !important;
  }
  .u-wmin-0\@xl {
    min-width: 0 !important;
  }
  .u-wmin-auto\@xl {
    min-width: auto !important;
  }
  .u-h-25\@xl {
    height: 25% !important;
  }
  .u-h-50\@xl {
    height: 50% !important;
  }
  .u-h-75\@xl {
    height: 75% !important;
  }
  .u-h-100\@xl {
    height: 100% !important;
  }
  .u-h-f8\@xl {
    height: 0.5rem !important;
  }
  .u-h-f12\@xl {
    height: 0.75rem !important;
  }
  .u-h-f16\@xl {
    height: 1rem !important;
  }
  .u-h-f24\@xl {
    height: 1.5rem !important;
  }
  .u-h-f32\@xl {
    height: 2rem !important;
  }
  .u-h-f40\@xl {
    height: 2.5rem !important;
  }
  .u-h-f48\@xl {
    height: 3rem !important;
  }
  .u-h-f56\@xl {
    height: 3.5rem !important;
  }
  .u-h-f64\@xl {
    height: 4rem !important;
  }
  .u-h-f72\@xl {
    height: 4.5rem !important;
  }
  .u-h-f80\@xl {
    height: 5rem !important;
  }
  .u-h-f96\@xl {
    height: 6rem !important;
  }
  .u-h-f112\@xl {
    height: 7rem !important;
  }
  .u-h-0\@xl {
    height: 0 !important;
  }
  .u-h-auto\@xl {
    height: auto !important;
  }
  .u-hmin-25\@xl {
    min-height: 25% !important;
  }
  .u-hmin-50\@xl {
    min-height: 50% !important;
  }
  .u-hmin-75\@xl {
    min-height: 75% !important;
  }
  .u-hmin-100\@xl {
    min-height: 100% !important;
  }
  .u-hmin-f8\@xl {
    min-height: 0.5rem !important;
  }
  .u-hmin-f12\@xl {
    min-height: 0.75rem !important;
  }
  .u-hmin-f16\@xl {
    min-height: 1rem !important;
  }
  .u-hmin-f24\@xl {
    min-height: 1.5rem !important;
  }
  .u-hmin-f32\@xl {
    min-height: 2rem !important;
  }
  .u-hmin-f40\@xl {
    min-height: 2.5rem !important;
  }
  .u-hmin-f48\@xl {
    min-height: 3rem !important;
  }
  .u-hmin-f56\@xl {
    min-height: 3.5rem !important;
  }
  .u-hmin-f64\@xl {
    min-height: 4rem !important;
  }
  .u-hmin-f72\@xl {
    min-height: 4.5rem !important;
  }
  .u-hmin-f80\@xl {
    min-height: 5rem !important;
  }
  .u-hmin-f96\@xl {
    min-height: 6rem !important;
  }
  .u-hmin-f112\@xl {
    min-height: 7rem !important;
  }
  .u-hmin-0\@xl {
    min-height: 0 !important;
  }
  .u-hmax-25\@xl {
    max-height: 25% !important;
  }
  .u-hmax-50\@xl {
    max-height: 50% !important;
  }
  .u-hmax-75\@xl {
    max-height: 75% !important;
  }
  .u-hmax-100\@xl {
    max-height: 100% !important;
  }
  .u-hmax-f8\@xl {
    max-height: 0.5rem !important;
  }
  .u-hmax-f12\@xl {
    max-height: 0.75rem !important;
  }
  .u-hmax-f16\@xl {
    max-height: 1rem !important;
  }
  .u-hmax-f24\@xl {
    max-height: 1.5rem !important;
  }
  .u-hmax-f32\@xl {
    max-height: 2rem !important;
  }
  .u-hmax-f40\@xl {
    max-height: 2.5rem !important;
  }
  .u-hmax-f48\@xl {
    max-height: 3rem !important;
  }
  .u-hmax-f56\@xl {
    max-height: 3.5rem !important;
  }
  .u-hmax-f64\@xl {
    max-height: 4rem !important;
  }
  .u-hmax-f72\@xl {
    max-height: 4.5rem !important;
  }
  .u-hmax-f80\@xl {
    max-height: 5rem !important;
  }
  .u-hmax-f96\@xl {
    max-height: 6rem !important;
  }
  .u-hmax-f112\@xl {
    max-height: 7rem !important;
  }
  .u-hmax-0\@xl {
    max-height: 0 !important;
  }
  .u-hmax-auto\@xl {
    max-height: auto !important;
  }
  .u-fx-auto\@xl {
    flex: 1 1 auto !important;
  }
  .u-fx-none\@xl {
    flex: none !important;
  }
  .u-fx-row\@xl {
    flex-direction: row !important;
  }
  .u-fx-column\@xl {
    flex-direction: column !important;
  }
  .u-fx-row-reverse\@xl {
    flex-direction: row-reverse !important;
  }
  .u-fx-column-reverse\@xl {
    flex-direction: column-reverse !important;
  }
  .u-fx-grow-0\@xl {
    flex-grow: 0 !important;
  }
  .u-fx-grow\@xl {
    flex-grow: 1 !important;
  }
  .u-fx-shrink-0\@xl {
    flex-shrink: 0 !important;
  }
  .u-fx-shrink\@xl {
    flex-shrink: 1 !important;
  }
  .u-fx-wrap\@xl {
    flex-wrap: wrap !important;
  }
  .u-fx-nowrap\@xl {
    flex-wrap: nowrap !important;
  }
  .u-fx-wrap-reverse\@xl {
    flex-wrap: wrap-reverse !important;
  }
  .u-justify-start\@xl {
    justify-content: flex-start !important;
  }
  .u-justify-end\@xl {
    justify-content: flex-end !important;
  }
  .u-justify-center\@xl {
    justify-content: center !important;
  }
  .u-justify-between\@xl {
    justify-content: space-between !important;
  }
  .u-justify-around\@xl {
    justify-content: space-around !important;
  }
  .u-justify-evenly\@xl {
    justify-content: space-evenly !important;
  }
  .u-align-items-start\@xl {
    align-items: flex-start !important;
  }
  .u-align-items-end\@xl {
    align-items: flex-end !important;
  }
  .u-align-items-center\@xl {
    align-items: center !important;
  }
  .u-align-items-baseline\@xl {
    align-items: baseline !important;
  }
  .u-align-items-stretch\@xl {
    align-items: stretch !important;
  }
  .u-align-content-start\@xl {
    align-content: flex-start !important;
  }
  .u-align-content-end\@xl {
    align-content: flex-end !important;
  }
  .u-align-content-center\@xl {
    align-content: center !important;
  }
  .u-align-content-between\@xl {
    align-content: space-between !important;
  }
  .u-align-content-around\@xl {
    align-content: space-around !important;
  }
  .u-align-content-stretch\@xl {
    align-content: stretch !important;
  }
  .u-align-self-auto\@xl {
    align-self: auto !important;
  }
  .u-align-self-start\@xl {
    align-self: flex-start !important;
  }
  .u-align-self-end\@xl {
    align-self: flex-end !important;
  }
  .u-align-self-center\@xl {
    align-self: center !important;
  }
  .u-align-self-baseline\@xl {
    align-self: baseline !important;
  }
  .u-align-self-stretch\@xl {
    align-self: stretch !important;
  }
  .u-order-first\@xl {
    order: -1 !important;
  }
  .u-order-0\@xl {
    order: 0 !important;
  }
  .u-order-1\@xl {
    order: 1 !important;
  }
  .u-order-2\@xl {
    order: 2 !important;
  }
  .u-order-3\@xl {
    order: 3 !important;
  }
  .u-order-last\@xl {
    order: 4 !important;
  }
  .u-gap-0\.5\@xl {
    gap: 0.125rem !important;
  }
  .u-gap-1\@xl {
    gap: 0.25rem !important;
  }
  .u-gap-1\.5\@xl {
    gap: 0.375rem !important;
  }
  .u-gap-2\@xl {
    gap: 0.5rem !important;
  }
  .u-gap-3\@xl {
    gap: 0.75rem !important;
  }
  .u-gap-4\@xl {
    gap: 1rem !important;
  }
  .u-gap-5\@xl {
    gap: 1.25rem !important;
  }
  .u-gap-6\@xl {
    gap: 1.5rem !important;
  }
  .u-gap-8\@xl {
    gap: 2rem !important;
  }
  .u-gap-10\@xl {
    gap: 2.5rem !important;
  }
  .u-gap-12\@xl {
    gap: 3rem !important;
  }
  .u-gap-14\@xl {
    gap: 3.5rem !important;
  }
  .u-gap-16\@xl {
    gap: 4rem !important;
  }
  .u-gap-20\@xl {
    gap: 5rem !important;
  }
  .u-gap-24\@xl {
    gap: 6rem !important;
  }
  .u-gap-28\@xl {
    gap: 7rem !important;
  }
  .u-gap-0\@xl {
    gap: 0 !important;
  }
  .u-gap-x-0\.5\@xl {
    column-gap: 0.125rem !important;
  }
  .u-gap-x-1\@xl {
    column-gap: 0.25rem !important;
  }
  .u-gap-x-1\.5\@xl {
    column-gap: 0.375rem !important;
  }
  .u-gap-x-2\@xl {
    column-gap: 0.5rem !important;
  }
  .u-gap-x-3\@xl {
    column-gap: 0.75rem !important;
  }
  .u-gap-x-4\@xl {
    column-gap: 1rem !important;
  }
  .u-gap-x-5\@xl {
    column-gap: 1.25rem !important;
  }
  .u-gap-x-6\@xl {
    column-gap: 1.5rem !important;
  }
  .u-gap-x-8\@xl {
    column-gap: 2rem !important;
  }
  .u-gap-x-10\@xl {
    column-gap: 2.5rem !important;
  }
  .u-gap-x-12\@xl {
    column-gap: 3rem !important;
  }
  .u-gap-x-14\@xl {
    column-gap: 3.5rem !important;
  }
  .u-gap-x-16\@xl {
    column-gap: 4rem !important;
  }
  .u-gap-x-20\@xl {
    column-gap: 5rem !important;
  }
  .u-gap-x-24\@xl {
    column-gap: 6rem !important;
  }
  .u-gap-x-28\@xl {
    column-gap: 7rem !important;
  }
  .u-gap-x-0\@xl {
    column-gap: 0 !important;
  }
  .u-gap-y-0\.5\@xl {
    row-gap: 0.125rem !important;
  }
  .u-gap-y-1\@xl {
    row-gap: 0.25rem !important;
  }
  .u-gap-y-1\.5\@xl {
    row-gap: 0.375rem !important;
  }
  .u-gap-y-2\@xl {
    row-gap: 0.5rem !important;
  }
  .u-gap-y-3\@xl {
    row-gap: 0.75rem !important;
  }
  .u-gap-y-4\@xl {
    row-gap: 1rem !important;
  }
  .u-gap-y-5\@xl {
    row-gap: 1.25rem !important;
  }
  .u-gap-y-6\@xl {
    row-gap: 1.5rem !important;
  }
  .u-gap-y-8\@xl {
    row-gap: 2rem !important;
  }
  .u-gap-y-10\@xl {
    row-gap: 2.5rem !important;
  }
  .u-gap-y-12\@xl {
    row-gap: 3rem !important;
  }
  .u-gap-y-14\@xl {
    row-gap: 3.5rem !important;
  }
  .u-gap-y-16\@xl {
    row-gap: 4rem !important;
  }
  .u-gap-y-20\@xl {
    row-gap: 5rem !important;
  }
  .u-gap-y-24\@xl {
    row-gap: 6rem !important;
  }
  .u-gap-y-28\@xl {
    row-gap: 7rem !important;
  }
  .u-gap-y-0\@xl {
    row-gap: 0 !important;
  }
  .u-m-0\.5\@xl {
    margin: 0.125rem !important;
  }
  .u-m-1\@xl {
    margin: 0.25rem !important;
  }
  .u-m-1\.5\@xl {
    margin: 0.375rem !important;
  }
  .u-m-2\@xl {
    margin: 0.5rem !important;
  }
  .u-m-3\@xl {
    margin: 0.75rem !important;
  }
  .u-m-4\@xl {
    margin: 1rem !important;
  }
  .u-m-5\@xl {
    margin: 1.25rem !important;
  }
  .u-m-6\@xl {
    margin: 1.5rem !important;
  }
  .u-m-8\@xl {
    margin: 2rem !important;
  }
  .u-m-10\@xl {
    margin: 2.5rem !important;
  }
  .u-m-12\@xl {
    margin: 3rem !important;
  }
  .u-m-14\@xl {
    margin: 3.5rem !important;
  }
  .u-m-16\@xl {
    margin: 4rem !important;
  }
  .u-m-20\@xl {
    margin: 5rem !important;
  }
  .u-m-24\@xl {
    margin: 6rem !important;
  }
  .u-m-28\@xl {
    margin: 7rem !important;
  }
  .u-m-n0\.5\@xl {
    margin: -0.125rem !important;
  }
  .u-m-n1\@xl {
    margin: -0.25rem !important;
  }
  .u-m-n1\.5\@xl {
    margin: -0.375rem !important;
  }
  .u-m-n2\@xl {
    margin: -0.5rem !important;
  }
  .u-m-n3\@xl {
    margin: -0.75rem !important;
  }
  .u-m-n4\@xl {
    margin: -1rem !important;
  }
  .u-m-n5\@xl {
    margin: -1.25rem !important;
  }
  .u-m-n6\@xl {
    margin: -1.5rem !important;
  }
  .u-m-n8\@xl {
    margin: -2rem !important;
  }
  .u-m-n10\@xl {
    margin: -2.5rem !important;
  }
  .u-m-n12\@xl {
    margin: -3rem !important;
  }
  .u-m-n14\@xl {
    margin: -3.5rem !important;
  }
  .u-m-n16\@xl {
    margin: -4rem !important;
  }
  .u-m-n20\@xl {
    margin: -5rem !important;
  }
  .u-m-n24\@xl {
    margin: -6rem !important;
  }
  .u-m-n28\@xl {
    margin: -7rem !important;
  }
  .u-m-0\@xl {
    margin: 0 !important;
  }
  .u-m-auto\@xl {
    margin: auto !important;
  }
  .u-mx-0\.5\@xl {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
  }
  .u-mx-1\@xl {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .u-mx-1\.5\@xl {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .u-mx-2\@xl {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .u-mx-3\@xl {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .u-mx-4\@xl {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .u-mx-5\@xl {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .u-mx-6\@xl {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .u-mx-8\@xl {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .u-mx-10\@xl {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .u-mx-12\@xl {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .u-mx-14\@xl {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .u-mx-16\@xl {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .u-mx-20\@xl {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .u-mx-24\@xl {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .u-mx-28\@xl {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .u-mx-n0\.5\@xl {
    margin-right: -0.125rem !important;
    margin-left: -0.125rem !important;
  }
  .u-mx-n1\@xl {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .u-mx-n1\.5\@xl {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .u-mx-n2\@xl {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .u-mx-n3\@xl {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .u-mx-n4\@xl {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .u-mx-n5\@xl {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .u-mx-n6\@xl {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .u-mx-n8\@xl {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .u-mx-n10\@xl {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .u-mx-n12\@xl {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .u-mx-n14\@xl {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .u-mx-n16\@xl {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .u-mx-n20\@xl {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .u-mx-n24\@xl {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .u-mx-n28\@xl {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .u-mx-0\@xl {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-mx-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .u-my-0\.5\@xl {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .u-my-1\@xl {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .u-my-1\.5\@xl {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .u-my-2\@xl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .u-my-3\@xl {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .u-my-4\@xl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-5\@xl {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .u-my-6\@xl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-8\@xl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-10\@xl {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-12\@xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-14\@xl {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-16\@xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-20\@xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-24\@xl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-28\@xl {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-n0\.5\@xl {
    margin-top: -0.125rem !important;
    margin-bottom: -0.125rem !important;
  }
  .u-my-n1\@xl {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .u-my-n1\.5\@xl {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .u-my-n2\@xl {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .u-my-n3\@xl {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .u-my-n4\@xl {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .u-my-n5\@xl {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .u-my-n6\@xl {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .u-my-n8\@xl {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .u-my-n10\@xl {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .u-my-n12\@xl {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .u-my-n14\@xl {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .u-my-n16\@xl {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .u-my-n20\@xl {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .u-my-n24\@xl {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .u-my-n28\@xl {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .u-my-0\@xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-my-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mt-0\.5\@xl {
    margin-top: 0.125rem !important;
  }
  .u-mt-1\@xl {
    margin-top: 0.25rem !important;
  }
  .u-mt-1\.5\@xl {
    margin-top: 0.375rem !important;
  }
  .u-mt-2\@xl {
    margin-top: 0.5rem !important;
  }
  .u-mt-3\@xl {
    margin-top: 0.75rem !important;
  }
  .u-mt-4\@xl {
    margin-top: 1rem !important;
  }
  .u-mt-5\@xl {
    margin-top: 1.25rem !important;
  }
  .u-mt-6\@xl {
    margin-top: 1.5rem !important;
  }
  .u-mt-8\@xl {
    margin-top: 2rem !important;
  }
  .u-mt-10\@xl {
    margin-top: 2.5rem !important;
  }
  .u-mt-12\@xl {
    margin-top: 3rem !important;
  }
  .u-mt-14\@xl {
    margin-top: 3.5rem !important;
  }
  .u-mt-16\@xl {
    margin-top: 4rem !important;
  }
  .u-mt-20\@xl {
    margin-top: 5rem !important;
  }
  .u-mt-24\@xl {
    margin-top: 6rem !important;
  }
  .u-mt-28\@xl {
    margin-top: 7rem !important;
  }
  .u-mt-n0\.5\@xl {
    margin-top: -0.125rem !important;
  }
  .u-mt-n1\@xl {
    margin-top: -0.25rem !important;
  }
  .u-mt-n1\.5\@xl {
    margin-top: -0.375rem !important;
  }
  .u-mt-n2\@xl {
    margin-top: -0.5rem !important;
  }
  .u-mt-n3\@xl {
    margin-top: -0.75rem !important;
  }
  .u-mt-n4\@xl {
    margin-top: -1rem !important;
  }
  .u-mt-n5\@xl {
    margin-top: -1.25rem !important;
  }
  .u-mt-n6\@xl {
    margin-top: -1.5rem !important;
  }
  .u-mt-n8\@xl {
    margin-top: -2rem !important;
  }
  .u-mt-n10\@xl {
    margin-top: -2.5rem !important;
  }
  .u-mt-n12\@xl {
    margin-top: -3rem !important;
  }
  .u-mt-n14\@xl {
    margin-top: -3.5rem !important;
  }
  .u-mt-n16\@xl {
    margin-top: -4rem !important;
  }
  .u-mt-n20\@xl {
    margin-top: -5rem !important;
  }
  .u-mt-n24\@xl {
    margin-top: -6rem !important;
  }
  .u-mt-n28\@xl {
    margin-top: -7rem !important;
  }
  .u-mt-0\@xl {
    margin-top: 0 !important;
  }
  .u-mt-auto\@xl {
    margin-top: auto !important;
  }
  .u-mr-0\.5\@xl {
    margin-right: 0.125rem !important;
  }
  .u-mr-1\@xl {
    margin-right: 0.25rem !important;
  }
  .u-mr-1\.5\@xl {
    margin-right: 0.375rem !important;
  }
  .u-mr-2\@xl {
    margin-right: 0.5rem !important;
  }
  .u-mr-3\@xl {
    margin-right: 0.75rem !important;
  }
  .u-mr-4\@xl {
    margin-right: 1rem !important;
  }
  .u-mr-5\@xl {
    margin-right: 1.25rem !important;
  }
  .u-mr-6\@xl {
    margin-right: 1.5rem !important;
  }
  .u-mr-8\@xl {
    margin-right: 2rem !important;
  }
  .u-mr-10\@xl {
    margin-right: 2.5rem !important;
  }
  .u-mr-12\@xl {
    margin-right: 3rem !important;
  }
  .u-mr-14\@xl {
    margin-right: 3.5rem !important;
  }
  .u-mr-16\@xl {
    margin-right: 4rem !important;
  }
  .u-mr-20\@xl {
    margin-right: 5rem !important;
  }
  .u-mr-24\@xl {
    margin-right: 6rem !important;
  }
  .u-mr-28\@xl {
    margin-right: 7rem !important;
  }
  .u-mr-n0\.5\@xl {
    margin-right: -0.125rem !important;
  }
  .u-mr-n1\@xl {
    margin-right: -0.25rem !important;
  }
  .u-mr-n1\.5\@xl {
    margin-right: -0.375rem !important;
  }
  .u-mr-n2\@xl {
    margin-right: -0.5rem !important;
  }
  .u-mr-n3\@xl {
    margin-right: -0.75rem !important;
  }
  .u-mr-n4\@xl {
    margin-right: -1rem !important;
  }
  .u-mr-n5\@xl {
    margin-right: -1.25rem !important;
  }
  .u-mr-n6\@xl {
    margin-right: -1.5rem !important;
  }
  .u-mr-n8\@xl {
    margin-right: -2rem !important;
  }
  .u-mr-n10\@xl {
    margin-right: -2.5rem !important;
  }
  .u-mr-n12\@xl {
    margin-right: -3rem !important;
  }
  .u-mr-n14\@xl {
    margin-right: -3.5rem !important;
  }
  .u-mr-n16\@xl {
    margin-right: -4rem !important;
  }
  .u-mr-n20\@xl {
    margin-right: -5rem !important;
  }
  .u-mr-n24\@xl {
    margin-right: -6rem !important;
  }
  .u-mr-n28\@xl {
    margin-right: -7rem !important;
  }
  .u-mr-0\@xl {
    margin-right: 0 !important;
  }
  .u-mr-auto\@xl {
    margin-right: auto !important;
  }
  .u-mb-0\.5\@xl {
    margin-bottom: 0.125rem !important;
  }
  .u-mb-1\@xl {
    margin-bottom: 0.25rem !important;
  }
  .u-mb-1\.5\@xl {
    margin-bottom: 0.375rem !important;
  }
  .u-mb-2\@xl {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-3\@xl {
    margin-bottom: 0.75rem !important;
  }
  .u-mb-4\@xl {
    margin-bottom: 1rem !important;
  }
  .u-mb-5\@xl {
    margin-bottom: 1.25rem !important;
  }
  .u-mb-6\@xl {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-8\@xl {
    margin-bottom: 2rem !important;
  }
  .u-mb-10\@xl {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-12\@xl {
    margin-bottom: 3rem !important;
  }
  .u-mb-14\@xl {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-16\@xl {
    margin-bottom: 4rem !important;
  }
  .u-mb-20\@xl {
    margin-bottom: 5rem !important;
  }
  .u-mb-24\@xl {
    margin-bottom: 6rem !important;
  }
  .u-mb-28\@xl {
    margin-bottom: 7rem !important;
  }
  .u-mb-n0\.5\@xl {
    margin-bottom: -0.125rem !important;
  }
  .u-mb-n1\@xl {
    margin-bottom: -0.25rem !important;
  }
  .u-mb-n1\.5\@xl {
    margin-bottom: -0.375rem !important;
  }
  .u-mb-n2\@xl {
    margin-bottom: -0.5rem !important;
  }
  .u-mb-n3\@xl {
    margin-bottom: -0.75rem !important;
  }
  .u-mb-n4\@xl {
    margin-bottom: -1rem !important;
  }
  .u-mb-n5\@xl {
    margin-bottom: -1.25rem !important;
  }
  .u-mb-n6\@xl {
    margin-bottom: -1.5rem !important;
  }
  .u-mb-n8\@xl {
    margin-bottom: -2rem !important;
  }
  .u-mb-n10\@xl {
    margin-bottom: -2.5rem !important;
  }
  .u-mb-n12\@xl {
    margin-bottom: -3rem !important;
  }
  .u-mb-n14\@xl {
    margin-bottom: -3.5rem !important;
  }
  .u-mb-n16\@xl {
    margin-bottom: -4rem !important;
  }
  .u-mb-n20\@xl {
    margin-bottom: -5rem !important;
  }
  .u-mb-n24\@xl {
    margin-bottom: -6rem !important;
  }
  .u-mb-n28\@xl {
    margin-bottom: -7rem !important;
  }
  .u-mb-0\@xl {
    margin-bottom: 0 !important;
  }
  .u-mb-auto\@xl {
    margin-bottom: auto !important;
  }
  .u-ml-0\.5\@xl {
    margin-left: 0.125rem !important;
  }
  .u-ml-1\@xl {
    margin-left: 0.25rem !important;
  }
  .u-ml-1\.5\@xl {
    margin-left: 0.375rem !important;
  }
  .u-ml-2\@xl {
    margin-left: 0.5rem !important;
  }
  .u-ml-3\@xl {
    margin-left: 0.75rem !important;
  }
  .u-ml-4\@xl {
    margin-left: 1rem !important;
  }
  .u-ml-5\@xl {
    margin-left: 1.25rem !important;
  }
  .u-ml-6\@xl {
    margin-left: 1.5rem !important;
  }
  .u-ml-8\@xl {
    margin-left: 2rem !important;
  }
  .u-ml-10\@xl {
    margin-left: 2.5rem !important;
  }
  .u-ml-12\@xl {
    margin-left: 3rem !important;
  }
  .u-ml-14\@xl {
    margin-left: 3.5rem !important;
  }
  .u-ml-16\@xl {
    margin-left: 4rem !important;
  }
  .u-ml-20\@xl {
    margin-left: 5rem !important;
  }
  .u-ml-24\@xl {
    margin-left: 6rem !important;
  }
  .u-ml-28\@xl {
    margin-left: 7rem !important;
  }
  .u-ml-n0\.5\@xl {
    margin-left: -0.125rem !important;
  }
  .u-ml-n1\@xl {
    margin-left: -0.25rem !important;
  }
  .u-ml-n1\.5\@xl {
    margin-left: -0.375rem !important;
  }
  .u-ml-n2\@xl {
    margin-left: -0.5rem !important;
  }
  .u-ml-n3\@xl {
    margin-left: -0.75rem !important;
  }
  .u-ml-n4\@xl {
    margin-left: -1rem !important;
  }
  .u-ml-n5\@xl {
    margin-left: -1.25rem !important;
  }
  .u-ml-n6\@xl {
    margin-left: -1.5rem !important;
  }
  .u-ml-n8\@xl {
    margin-left: -2rem !important;
  }
  .u-ml-n10\@xl {
    margin-left: -2.5rem !important;
  }
  .u-ml-n12\@xl {
    margin-left: -3rem !important;
  }
  .u-ml-n14\@xl {
    margin-left: -3.5rem !important;
  }
  .u-ml-n16\@xl {
    margin-left: -4rem !important;
  }
  .u-ml-n20\@xl {
    margin-left: -5rem !important;
  }
  .u-ml-n24\@xl {
    margin-left: -6rem !important;
  }
  .u-ml-n28\@xl {
    margin-left: -7rem !important;
  }
  .u-ml-0\@xl {
    margin-left: 0 !important;
  }
  .u-ml-auto\@xl {
    margin-left: auto !important;
  }
  .u-p-0\.5\@xl {
    padding: 0.125rem !important;
  }
  .u-p-1\@xl {
    padding: 0.25rem !important;
  }
  .u-p-1\.5\@xl {
    padding: 0.375rem !important;
  }
  .u-p-2\@xl {
    padding: 0.5rem !important;
  }
  .u-p-3\@xl {
    padding: 0.75rem !important;
  }
  .u-p-4\@xl {
    padding: 1rem !important;
  }
  .u-p-5\@xl {
    padding: 1.25rem !important;
  }
  .u-p-6\@xl {
    padding: 1.5rem !important;
  }
  .u-p-8\@xl {
    padding: 2rem !important;
  }
  .u-p-10\@xl {
    padding: 2.5rem !important;
  }
  .u-p-12\@xl {
    padding: 3rem !important;
  }
  .u-p-14\@xl {
    padding: 3.5rem !important;
  }
  .u-p-16\@xl {
    padding: 4rem !important;
  }
  .u-p-20\@xl {
    padding: 5rem !important;
  }
  .u-p-24\@xl {
    padding: 6rem !important;
  }
  .u-p-28\@xl {
    padding: 7rem !important;
  }
  .u-p-0\@xl {
    padding: 0 !important;
  }
  .u-px-0\.5\@xl {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
  }
  .u-px-1\@xl {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .u-px-1\.5\@xl {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .u-px-2\@xl {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .u-px-3\@xl {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .u-px-4\@xl {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .u-px-5\@xl {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .u-px-6\@xl {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .u-px-8\@xl {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .u-px-10\@xl {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .u-px-12\@xl {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .u-px-14\@xl {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .u-px-16\@xl {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .u-px-20\@xl {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .u-px-24\@xl {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .u-px-28\@xl {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .u-px-0\@xl {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-py-0\.5\@xl {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .u-py-1\@xl {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .u-py-1\.5\@xl {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .u-py-2\@xl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .u-py-3\@xl {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .u-py-4\@xl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .u-py-5\@xl {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .u-py-6\@xl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .u-py-8\@xl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .u-py-10\@xl {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .u-py-12\@xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .u-py-14\@xl {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .u-py-16\@xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .u-py-20\@xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .u-py-24\@xl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .u-py-28\@xl {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .u-py-0\@xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-pt-0\.5\@xl {
    padding-top: 0.125rem !important;
  }
  .u-pt-1\@xl {
    padding-top: 0.25rem !important;
  }
  .u-pt-1\.5\@xl {
    padding-top: 0.375rem !important;
  }
  .u-pt-2\@xl {
    padding-top: 0.5rem !important;
  }
  .u-pt-3\@xl {
    padding-top: 0.75rem !important;
  }
  .u-pt-4\@xl {
    padding-top: 1rem !important;
  }
  .u-pt-5\@xl {
    padding-top: 1.25rem !important;
  }
  .u-pt-6\@xl {
    padding-top: 1.5rem !important;
  }
  .u-pt-8\@xl {
    padding-top: 2rem !important;
  }
  .u-pt-10\@xl {
    padding-top: 2.5rem !important;
  }
  .u-pt-12\@xl {
    padding-top: 3rem !important;
  }
  .u-pt-14\@xl {
    padding-top: 3.5rem !important;
  }
  .u-pt-16\@xl {
    padding-top: 4rem !important;
  }
  .u-pt-20\@xl {
    padding-top: 5rem !important;
  }
  .u-pt-24\@xl {
    padding-top: 6rem !important;
  }
  .u-pt-28\@xl {
    padding-top: 7rem !important;
  }
  .u-pt-0\@xl {
    padding-top: 0 !important;
  }
  .u-pr-0\.5\@xl {
    padding-right: 0.125rem !important;
  }
  .u-pr-1\@xl {
    padding-right: 0.25rem !important;
  }
  .u-pr-1\.5\@xl {
    padding-right: 0.375rem !important;
  }
  .u-pr-2\@xl {
    padding-right: 0.5rem !important;
  }
  .u-pr-3\@xl {
    padding-right: 0.75rem !important;
  }
  .u-pr-4\@xl {
    padding-right: 1rem !important;
  }
  .u-pr-5\@xl {
    padding-right: 1.25rem !important;
  }
  .u-pr-6\@xl {
    padding-right: 1.5rem !important;
  }
  .u-pr-8\@xl {
    padding-right: 2rem !important;
  }
  .u-pr-10\@xl {
    padding-right: 2.5rem !important;
  }
  .u-pr-12\@xl {
    padding-right: 3rem !important;
  }
  .u-pr-14\@xl {
    padding-right: 3.5rem !important;
  }
  .u-pr-16\@xl {
    padding-right: 4rem !important;
  }
  .u-pr-20\@xl {
    padding-right: 5rem !important;
  }
  .u-pr-24\@xl {
    padding-right: 6rem !important;
  }
  .u-pr-28\@xl {
    padding-right: 7rem !important;
  }
  .u-pr-0\@xl {
    padding-right: 0 !important;
  }
  .u-pb-0\.5\@xl {
    padding-bottom: 0.125rem !important;
  }
  .u-pb-1\@xl {
    padding-bottom: 0.25rem !important;
  }
  .u-pb-1\.5\@xl {
    padding-bottom: 0.375rem !important;
  }
  .u-pb-2\@xl {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-3\@xl {
    padding-bottom: 0.75rem !important;
  }
  .u-pb-4\@xl {
    padding-bottom: 1rem !important;
  }
  .u-pb-5\@xl {
    padding-bottom: 1.25rem !important;
  }
  .u-pb-6\@xl {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-8\@xl {
    padding-bottom: 2rem !important;
  }
  .u-pb-10\@xl {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-12\@xl {
    padding-bottom: 3rem !important;
  }
  .u-pb-14\@xl {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-16\@xl {
    padding-bottom: 4rem !important;
  }
  .u-pb-20\@xl {
    padding-bottom: 5rem !important;
  }
  .u-pb-24\@xl {
    padding-bottom: 6rem !important;
  }
  .u-pb-28\@xl {
    padding-bottom: 7rem !important;
  }
  .u-pb-0\@xl {
    padding-bottom: 0 !important;
  }
  .u-pl-0\.5\@xl {
    padding-left: 0.125rem !important;
  }
  .u-pl-1\@xl {
    padding-left: 0.25rem !important;
  }
  .u-pl-1\.5\@xl {
    padding-left: 0.375rem !important;
  }
  .u-pl-2\@xl {
    padding-left: 0.5rem !important;
  }
  .u-pl-3\@xl {
    padding-left: 0.75rem !important;
  }
  .u-pl-4\@xl {
    padding-left: 1rem !important;
  }
  .u-pl-5\@xl {
    padding-left: 1.25rem !important;
  }
  .u-pl-6\@xl {
    padding-left: 1.5rem !important;
  }
  .u-pl-8\@xl {
    padding-left: 2rem !important;
  }
  .u-pl-10\@xl {
    padding-left: 2.5rem !important;
  }
  .u-pl-12\@xl {
    padding-left: 3rem !important;
  }
  .u-pl-14\@xl {
    padding-left: 3.5rem !important;
  }
  .u-pl-16\@xl {
    padding-left: 4rem !important;
  }
  .u-pl-20\@xl {
    padding-left: 5rem !important;
  }
  .u-pl-24\@xl {
    padding-left: 6rem !important;
  }
  .u-pl-28\@xl {
    padding-left: 7rem !important;
  }
  .u-pl-0\@xl {
    padding-left: 0 !important;
  }
  .u-ta-l\@xl {
    text-align: left !important;
  }
  .u-ta-c\@xl {
    text-align: center !important;
  }
  .u-ta-r\@xl {
    text-align: right !important;
  }
}
@media (min-width: 87.5em) {
  .u-d-b\@xxl {
    display: block !important;
  }
  .u-d-i\@xxl {
    display: inline !important;
  }
  .u-d-ib\@xxl {
    display: inline-block !important;
  }
  .u-d-fx\@xxl {
    display: flex !important;
  }
  .u-d-ifx\@xxl {
    display: inline-flex !important;
  }
  .u-d-c\@xxl {
    display: contents !important;
  }
  .u-d-n\@xxl {
    display: none !important;
  }
  .u-v-v\@xxl {
    visibility: visible !important;
  }
  .u-v-h\@xxl {
    visibility: hidden !important;
  }
  .u-w-25\@xxl {
    width: 25% !important;
  }
  .u-w-33\@xxl {
    width: 33.3333% !important;
  }
  .u-w-50\@xxl {
    width: 50% !important;
  }
  .u-w-66\@xxl {
    width: 66.6667% !important;
  }
  .u-w-75\@xxl {
    width: 75% !important;
  }
  .u-w-100\@xxl {
    width: 100% !important;
  }
  .u-w-f8\@xxl {
    width: 0.5rem !important;
  }
  .u-w-f12\@xxl {
    width: 0.75rem !important;
  }
  .u-w-f16\@xxl {
    width: 1rem !important;
  }
  .u-w-f24\@xxl {
    width: 1.5rem !important;
  }
  .u-w-f32\@xxl {
    width: 2rem !important;
  }
  .u-w-f40\@xxl {
    width: 2.5rem !important;
  }
  .u-w-f48\@xxl {
    width: 3rem !important;
  }
  .u-w-f56\@xxl {
    width: 3.5rem !important;
  }
  .u-w-f64\@xxl {
    width: 4rem !important;
  }
  .u-w-f72\@xxl {
    width: 4.5rem !important;
  }
  .u-w-f80\@xxl {
    width: 5rem !important;
  }
  .u-w-f96\@xxl {
    width: 6rem !important;
  }
  .u-w-f112\@xxl {
    width: 7rem !important;
  }
  .u-w-0\@xxl {
    width: 0 !important;
  }
  .u-w-auto\@xxl {
    width: auto !important;
  }
  .u-wmin-25\@xxl {
    min-width: 25% !important;
  }
  .u-wmin-33\@xxl {
    min-width: 33.3333% !important;
  }
  .u-wmin-50\@xxl {
    min-width: 50% !important;
  }
  .u-wmin-66\@xxl {
    min-width: 66.6667% !important;
  }
  .u-wmin-75\@xxl {
    min-width: 75% !important;
  }
  .u-wmin-100\@xxl {
    min-width: 100% !important;
  }
  .u-wmin-f8\@xxl {
    min-width: 0.5rem !important;
  }
  .u-wmin-f12\@xxl {
    min-width: 0.75rem !important;
  }
  .u-wmin-f16\@xxl {
    min-width: 1rem !important;
  }
  .u-wmin-f24\@xxl {
    min-width: 1.5rem !important;
  }
  .u-wmin-f32\@xxl {
    min-width: 2rem !important;
  }
  .u-wmin-f40\@xxl {
    min-width: 2.5rem !important;
  }
  .u-wmin-f48\@xxl {
    min-width: 3rem !important;
  }
  .u-wmin-f56\@xxl {
    min-width: 3.5rem !important;
  }
  .u-wmin-f64\@xxl {
    min-width: 4rem !important;
  }
  .u-wmin-f72\@xxl {
    min-width: 4.5rem !important;
  }
  .u-wmin-f80\@xxl {
    min-width: 5rem !important;
  }
  .u-wmin-f96\@xxl {
    min-width: 6rem !important;
  }
  .u-wmin-f112\@xxl {
    min-width: 7rem !important;
  }
  .u-wmin-0\@xxl {
    min-width: 0 !important;
  }
  .u-wmin-auto\@xxl {
    min-width: auto !important;
  }
  .u-h-25\@xxl {
    height: 25% !important;
  }
  .u-h-50\@xxl {
    height: 50% !important;
  }
  .u-h-75\@xxl {
    height: 75% !important;
  }
  .u-h-100\@xxl {
    height: 100% !important;
  }
  .u-h-f8\@xxl {
    height: 0.5rem !important;
  }
  .u-h-f12\@xxl {
    height: 0.75rem !important;
  }
  .u-h-f16\@xxl {
    height: 1rem !important;
  }
  .u-h-f24\@xxl {
    height: 1.5rem !important;
  }
  .u-h-f32\@xxl {
    height: 2rem !important;
  }
  .u-h-f40\@xxl {
    height: 2.5rem !important;
  }
  .u-h-f48\@xxl {
    height: 3rem !important;
  }
  .u-h-f56\@xxl {
    height: 3.5rem !important;
  }
  .u-h-f64\@xxl {
    height: 4rem !important;
  }
  .u-h-f72\@xxl {
    height: 4.5rem !important;
  }
  .u-h-f80\@xxl {
    height: 5rem !important;
  }
  .u-h-f96\@xxl {
    height: 6rem !important;
  }
  .u-h-f112\@xxl {
    height: 7rem !important;
  }
  .u-h-0\@xxl {
    height: 0 !important;
  }
  .u-h-auto\@xxl {
    height: auto !important;
  }
  .u-hmin-25\@xxl {
    min-height: 25% !important;
  }
  .u-hmin-50\@xxl {
    min-height: 50% !important;
  }
  .u-hmin-75\@xxl {
    min-height: 75% !important;
  }
  .u-hmin-100\@xxl {
    min-height: 100% !important;
  }
  .u-hmin-f8\@xxl {
    min-height: 0.5rem !important;
  }
  .u-hmin-f12\@xxl {
    min-height: 0.75rem !important;
  }
  .u-hmin-f16\@xxl {
    min-height: 1rem !important;
  }
  .u-hmin-f24\@xxl {
    min-height: 1.5rem !important;
  }
  .u-hmin-f32\@xxl {
    min-height: 2rem !important;
  }
  .u-hmin-f40\@xxl {
    min-height: 2.5rem !important;
  }
  .u-hmin-f48\@xxl {
    min-height: 3rem !important;
  }
  .u-hmin-f56\@xxl {
    min-height: 3.5rem !important;
  }
  .u-hmin-f64\@xxl {
    min-height: 4rem !important;
  }
  .u-hmin-f72\@xxl {
    min-height: 4.5rem !important;
  }
  .u-hmin-f80\@xxl {
    min-height: 5rem !important;
  }
  .u-hmin-f96\@xxl {
    min-height: 6rem !important;
  }
  .u-hmin-f112\@xxl {
    min-height: 7rem !important;
  }
  .u-hmin-0\@xxl {
    min-height: 0 !important;
  }
  .u-hmax-25\@xxl {
    max-height: 25% !important;
  }
  .u-hmax-50\@xxl {
    max-height: 50% !important;
  }
  .u-hmax-75\@xxl {
    max-height: 75% !important;
  }
  .u-hmax-100\@xxl {
    max-height: 100% !important;
  }
  .u-hmax-f8\@xxl {
    max-height: 0.5rem !important;
  }
  .u-hmax-f12\@xxl {
    max-height: 0.75rem !important;
  }
  .u-hmax-f16\@xxl {
    max-height: 1rem !important;
  }
  .u-hmax-f24\@xxl {
    max-height: 1.5rem !important;
  }
  .u-hmax-f32\@xxl {
    max-height: 2rem !important;
  }
  .u-hmax-f40\@xxl {
    max-height: 2.5rem !important;
  }
  .u-hmax-f48\@xxl {
    max-height: 3rem !important;
  }
  .u-hmax-f56\@xxl {
    max-height: 3.5rem !important;
  }
  .u-hmax-f64\@xxl {
    max-height: 4rem !important;
  }
  .u-hmax-f72\@xxl {
    max-height: 4.5rem !important;
  }
  .u-hmax-f80\@xxl {
    max-height: 5rem !important;
  }
  .u-hmax-f96\@xxl {
    max-height: 6rem !important;
  }
  .u-hmax-f112\@xxl {
    max-height: 7rem !important;
  }
  .u-hmax-0\@xxl {
    max-height: 0 !important;
  }
  .u-hmax-auto\@xxl {
    max-height: auto !important;
  }
  .u-fx-auto\@xxl {
    flex: 1 1 auto !important;
  }
  .u-fx-none\@xxl {
    flex: none !important;
  }
  .u-fx-row\@xxl {
    flex-direction: row !important;
  }
  .u-fx-column\@xxl {
    flex-direction: column !important;
  }
  .u-fx-row-reverse\@xxl {
    flex-direction: row-reverse !important;
  }
  .u-fx-column-reverse\@xxl {
    flex-direction: column-reverse !important;
  }
  .u-fx-grow-0\@xxl {
    flex-grow: 0 !important;
  }
  .u-fx-grow\@xxl {
    flex-grow: 1 !important;
  }
  .u-fx-shrink-0\@xxl {
    flex-shrink: 0 !important;
  }
  .u-fx-shrink\@xxl {
    flex-shrink: 1 !important;
  }
  .u-fx-wrap\@xxl {
    flex-wrap: wrap !important;
  }
  .u-fx-nowrap\@xxl {
    flex-wrap: nowrap !important;
  }
  .u-fx-wrap-reverse\@xxl {
    flex-wrap: wrap-reverse !important;
  }
  .u-justify-start\@xxl {
    justify-content: flex-start !important;
  }
  .u-justify-end\@xxl {
    justify-content: flex-end !important;
  }
  .u-justify-center\@xxl {
    justify-content: center !important;
  }
  .u-justify-between\@xxl {
    justify-content: space-between !important;
  }
  .u-justify-around\@xxl {
    justify-content: space-around !important;
  }
  .u-justify-evenly\@xxl {
    justify-content: space-evenly !important;
  }
  .u-align-items-start\@xxl {
    align-items: flex-start !important;
  }
  .u-align-items-end\@xxl {
    align-items: flex-end !important;
  }
  .u-align-items-center\@xxl {
    align-items: center !important;
  }
  .u-align-items-baseline\@xxl {
    align-items: baseline !important;
  }
  .u-align-items-stretch\@xxl {
    align-items: stretch !important;
  }
  .u-align-content-start\@xxl {
    align-content: flex-start !important;
  }
  .u-align-content-end\@xxl {
    align-content: flex-end !important;
  }
  .u-align-content-center\@xxl {
    align-content: center !important;
  }
  .u-align-content-between\@xxl {
    align-content: space-between !important;
  }
  .u-align-content-around\@xxl {
    align-content: space-around !important;
  }
  .u-align-content-stretch\@xxl {
    align-content: stretch !important;
  }
  .u-align-self-auto\@xxl {
    align-self: auto !important;
  }
  .u-align-self-start\@xxl {
    align-self: flex-start !important;
  }
  .u-align-self-end\@xxl {
    align-self: flex-end !important;
  }
  .u-align-self-center\@xxl {
    align-self: center !important;
  }
  .u-align-self-baseline\@xxl {
    align-self: baseline !important;
  }
  .u-align-self-stretch\@xxl {
    align-self: stretch !important;
  }
  .u-order-first\@xxl {
    order: -1 !important;
  }
  .u-order-0\@xxl {
    order: 0 !important;
  }
  .u-order-1\@xxl {
    order: 1 !important;
  }
  .u-order-2\@xxl {
    order: 2 !important;
  }
  .u-order-3\@xxl {
    order: 3 !important;
  }
  .u-order-last\@xxl {
    order: 4 !important;
  }
  .u-gap-0\.5\@xxl {
    gap: 0.125rem !important;
  }
  .u-gap-1\@xxl {
    gap: 0.25rem !important;
  }
  .u-gap-1\.5\@xxl {
    gap: 0.375rem !important;
  }
  .u-gap-2\@xxl {
    gap: 0.5rem !important;
  }
  .u-gap-3\@xxl {
    gap: 0.75rem !important;
  }
  .u-gap-4\@xxl {
    gap: 1rem !important;
  }
  .u-gap-5\@xxl {
    gap: 1.25rem !important;
  }
  .u-gap-6\@xxl {
    gap: 1.5rem !important;
  }
  .u-gap-8\@xxl {
    gap: 2rem !important;
  }
  .u-gap-10\@xxl {
    gap: 2.5rem !important;
  }
  .u-gap-12\@xxl {
    gap: 3rem !important;
  }
  .u-gap-14\@xxl {
    gap: 3.5rem !important;
  }
  .u-gap-16\@xxl {
    gap: 4rem !important;
  }
  .u-gap-20\@xxl {
    gap: 5rem !important;
  }
  .u-gap-24\@xxl {
    gap: 6rem !important;
  }
  .u-gap-28\@xxl {
    gap: 7rem !important;
  }
  .u-gap-0\@xxl {
    gap: 0 !important;
  }
  .u-gap-x-0\.5\@xxl {
    column-gap: 0.125rem !important;
  }
  .u-gap-x-1\@xxl {
    column-gap: 0.25rem !important;
  }
  .u-gap-x-1\.5\@xxl {
    column-gap: 0.375rem !important;
  }
  .u-gap-x-2\@xxl {
    column-gap: 0.5rem !important;
  }
  .u-gap-x-3\@xxl {
    column-gap: 0.75rem !important;
  }
  .u-gap-x-4\@xxl {
    column-gap: 1rem !important;
  }
  .u-gap-x-5\@xxl {
    column-gap: 1.25rem !important;
  }
  .u-gap-x-6\@xxl {
    column-gap: 1.5rem !important;
  }
  .u-gap-x-8\@xxl {
    column-gap: 2rem !important;
  }
  .u-gap-x-10\@xxl {
    column-gap: 2.5rem !important;
  }
  .u-gap-x-12\@xxl {
    column-gap: 3rem !important;
  }
  .u-gap-x-14\@xxl {
    column-gap: 3.5rem !important;
  }
  .u-gap-x-16\@xxl {
    column-gap: 4rem !important;
  }
  .u-gap-x-20\@xxl {
    column-gap: 5rem !important;
  }
  .u-gap-x-24\@xxl {
    column-gap: 6rem !important;
  }
  .u-gap-x-28\@xxl {
    column-gap: 7rem !important;
  }
  .u-gap-x-0\@xxl {
    column-gap: 0 !important;
  }
  .u-gap-y-0\.5\@xxl {
    row-gap: 0.125rem !important;
  }
  .u-gap-y-1\@xxl {
    row-gap: 0.25rem !important;
  }
  .u-gap-y-1\.5\@xxl {
    row-gap: 0.375rem !important;
  }
  .u-gap-y-2\@xxl {
    row-gap: 0.5rem !important;
  }
  .u-gap-y-3\@xxl {
    row-gap: 0.75rem !important;
  }
  .u-gap-y-4\@xxl {
    row-gap: 1rem !important;
  }
  .u-gap-y-5\@xxl {
    row-gap: 1.25rem !important;
  }
  .u-gap-y-6\@xxl {
    row-gap: 1.5rem !important;
  }
  .u-gap-y-8\@xxl {
    row-gap: 2rem !important;
  }
  .u-gap-y-10\@xxl {
    row-gap: 2.5rem !important;
  }
  .u-gap-y-12\@xxl {
    row-gap: 3rem !important;
  }
  .u-gap-y-14\@xxl {
    row-gap: 3.5rem !important;
  }
  .u-gap-y-16\@xxl {
    row-gap: 4rem !important;
  }
  .u-gap-y-20\@xxl {
    row-gap: 5rem !important;
  }
  .u-gap-y-24\@xxl {
    row-gap: 6rem !important;
  }
  .u-gap-y-28\@xxl {
    row-gap: 7rem !important;
  }
  .u-gap-y-0\@xxl {
    row-gap: 0 !important;
  }
  .u-m-0\.5\@xxl {
    margin: 0.125rem !important;
  }
  .u-m-1\@xxl {
    margin: 0.25rem !important;
  }
  .u-m-1\.5\@xxl {
    margin: 0.375rem !important;
  }
  .u-m-2\@xxl {
    margin: 0.5rem !important;
  }
  .u-m-3\@xxl {
    margin: 0.75rem !important;
  }
  .u-m-4\@xxl {
    margin: 1rem !important;
  }
  .u-m-5\@xxl {
    margin: 1.25rem !important;
  }
  .u-m-6\@xxl {
    margin: 1.5rem !important;
  }
  .u-m-8\@xxl {
    margin: 2rem !important;
  }
  .u-m-10\@xxl {
    margin: 2.5rem !important;
  }
  .u-m-12\@xxl {
    margin: 3rem !important;
  }
  .u-m-14\@xxl {
    margin: 3.5rem !important;
  }
  .u-m-16\@xxl {
    margin: 4rem !important;
  }
  .u-m-20\@xxl {
    margin: 5rem !important;
  }
  .u-m-24\@xxl {
    margin: 6rem !important;
  }
  .u-m-28\@xxl {
    margin: 7rem !important;
  }
  .u-m-n0\.5\@xxl {
    margin: -0.125rem !important;
  }
  .u-m-n1\@xxl {
    margin: -0.25rem !important;
  }
  .u-m-n1\.5\@xxl {
    margin: -0.375rem !important;
  }
  .u-m-n2\@xxl {
    margin: -0.5rem !important;
  }
  .u-m-n3\@xxl {
    margin: -0.75rem !important;
  }
  .u-m-n4\@xxl {
    margin: -1rem !important;
  }
  .u-m-n5\@xxl {
    margin: -1.25rem !important;
  }
  .u-m-n6\@xxl {
    margin: -1.5rem !important;
  }
  .u-m-n8\@xxl {
    margin: -2rem !important;
  }
  .u-m-n10\@xxl {
    margin: -2.5rem !important;
  }
  .u-m-n12\@xxl {
    margin: -3rem !important;
  }
  .u-m-n14\@xxl {
    margin: -3.5rem !important;
  }
  .u-m-n16\@xxl {
    margin: -4rem !important;
  }
  .u-m-n20\@xxl {
    margin: -5rem !important;
  }
  .u-m-n24\@xxl {
    margin: -6rem !important;
  }
  .u-m-n28\@xxl {
    margin: -7rem !important;
  }
  .u-m-0\@xxl {
    margin: 0 !important;
  }
  .u-m-auto\@xxl {
    margin: auto !important;
  }
  .u-mx-0\.5\@xxl {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
  }
  .u-mx-1\@xxl {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .u-mx-1\.5\@xxl {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .u-mx-2\@xxl {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .u-mx-3\@xxl {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .u-mx-4\@xxl {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .u-mx-5\@xxl {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .u-mx-6\@xxl {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .u-mx-8\@xxl {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .u-mx-10\@xxl {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .u-mx-12\@xxl {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .u-mx-14\@xxl {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
  }
  .u-mx-16\@xxl {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .u-mx-20\@xxl {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
  }
  .u-mx-24\@xxl {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .u-mx-28\@xxl {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
  }
  .u-mx-n0\.5\@xxl {
    margin-right: -0.125rem !important;
    margin-left: -0.125rem !important;
  }
  .u-mx-n1\@xxl {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .u-mx-n1\.5\@xxl {
    margin-right: -0.375rem !important;
    margin-left: -0.375rem !important;
  }
  .u-mx-n2\@xxl {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .u-mx-n3\@xxl {
    margin-right: -0.75rem !important;
    margin-left: -0.75rem !important;
  }
  .u-mx-n4\@xxl {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .u-mx-n5\@xxl {
    margin-right: -1.25rem !important;
    margin-left: -1.25rem !important;
  }
  .u-mx-n6\@xxl {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .u-mx-n8\@xxl {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .u-mx-n10\@xxl {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .u-mx-n12\@xxl {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  .u-mx-n14\@xxl {
    margin-right: -3.5rem !important;
    margin-left: -3.5rem !important;
  }
  .u-mx-n16\@xxl {
    margin-right: -4rem !important;
    margin-left: -4rem !important;
  }
  .u-mx-n20\@xxl {
    margin-right: -5rem !important;
    margin-left: -5rem !important;
  }
  .u-mx-n24\@xxl {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
  }
  .u-mx-n28\@xxl {
    margin-right: -7rem !important;
    margin-left: -7rem !important;
  }
  .u-mx-0\@xxl {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .u-mx-auto\@xxl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .u-my-0\.5\@xxl {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .u-my-1\@xxl {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .u-my-1\.5\@xxl {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .u-my-2\@xxl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .u-my-3\@xxl {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .u-my-4\@xxl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-5\@xxl {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .u-my-6\@xxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-8\@xxl {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-10\@xxl {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-12\@xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-14\@xxl {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-16\@xxl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-20\@xxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-24\@xxl {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-28\@xxl {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-n0\.5\@xxl {
    margin-top: -0.125rem !important;
    margin-bottom: -0.125rem !important;
  }
  .u-my-n1\@xxl {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .u-my-n1\.5\@xxl {
    margin-top: -0.375rem !important;
    margin-bottom: -0.375rem !important;
  }
  .u-my-n2\@xxl {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .u-my-n3\@xxl {
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }
  .u-my-n4\@xxl {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .u-my-n5\@xxl {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }
  .u-my-n6\@xxl {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .u-my-n8\@xxl {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .u-my-n10\@xxl {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .u-my-n12\@xxl {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .u-my-n14\@xxl {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .u-my-n16\@xxl {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .u-my-n20\@xxl {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .u-my-n24\@xxl {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .u-my-n28\@xxl {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .u-my-0\@xxl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-my-auto\@xxl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-mt-0\.5\@xxl {
    margin-top: 0.125rem !important;
  }
  .u-mt-1\@xxl {
    margin-top: 0.25rem !important;
  }
  .u-mt-1\.5\@xxl {
    margin-top: 0.375rem !important;
  }
  .u-mt-2\@xxl {
    margin-top: 0.5rem !important;
  }
  .u-mt-3\@xxl {
    margin-top: 0.75rem !important;
  }
  .u-mt-4\@xxl {
    margin-top: 1rem !important;
  }
  .u-mt-5\@xxl {
    margin-top: 1.25rem !important;
  }
  .u-mt-6\@xxl {
    margin-top: 1.5rem !important;
  }
  .u-mt-8\@xxl {
    margin-top: 2rem !important;
  }
  .u-mt-10\@xxl {
    margin-top: 2.5rem !important;
  }
  .u-mt-12\@xxl {
    margin-top: 3rem !important;
  }
  .u-mt-14\@xxl {
    margin-top: 3.5rem !important;
  }
  .u-mt-16\@xxl {
    margin-top: 4rem !important;
  }
  .u-mt-20\@xxl {
    margin-top: 5rem !important;
  }
  .u-mt-24\@xxl {
    margin-top: 6rem !important;
  }
  .u-mt-28\@xxl {
    margin-top: 7rem !important;
  }
  .u-mt-n0\.5\@xxl {
    margin-top: -0.125rem !important;
  }
  .u-mt-n1\@xxl {
    margin-top: -0.25rem !important;
  }
  .u-mt-n1\.5\@xxl {
    margin-top: -0.375rem !important;
  }
  .u-mt-n2\@xxl {
    margin-top: -0.5rem !important;
  }
  .u-mt-n3\@xxl {
    margin-top: -0.75rem !important;
  }
  .u-mt-n4\@xxl {
    margin-top: -1rem !important;
  }
  .u-mt-n5\@xxl {
    margin-top: -1.25rem !important;
  }
  .u-mt-n6\@xxl {
    margin-top: -1.5rem !important;
  }
  .u-mt-n8\@xxl {
    margin-top: -2rem !important;
  }
  .u-mt-n10\@xxl {
    margin-top: -2.5rem !important;
  }
  .u-mt-n12\@xxl {
    margin-top: -3rem !important;
  }
  .u-mt-n14\@xxl {
    margin-top: -3.5rem !important;
  }
  .u-mt-n16\@xxl {
    margin-top: -4rem !important;
  }
  .u-mt-n20\@xxl {
    margin-top: -5rem !important;
  }
  .u-mt-n24\@xxl {
    margin-top: -6rem !important;
  }
  .u-mt-n28\@xxl {
    margin-top: -7rem !important;
  }
  .u-mt-0\@xxl {
    margin-top: 0 !important;
  }
  .u-mt-auto\@xxl {
    margin-top: auto !important;
  }
  .u-mr-0\.5\@xxl {
    margin-right: 0.125rem !important;
  }
  .u-mr-1\@xxl {
    margin-right: 0.25rem !important;
  }
  .u-mr-1\.5\@xxl {
    margin-right: 0.375rem !important;
  }
  .u-mr-2\@xxl {
    margin-right: 0.5rem !important;
  }
  .u-mr-3\@xxl {
    margin-right: 0.75rem !important;
  }
  .u-mr-4\@xxl {
    margin-right: 1rem !important;
  }
  .u-mr-5\@xxl {
    margin-right: 1.25rem !important;
  }
  .u-mr-6\@xxl {
    margin-right: 1.5rem !important;
  }
  .u-mr-8\@xxl {
    margin-right: 2rem !important;
  }
  .u-mr-10\@xxl {
    margin-right: 2.5rem !important;
  }
  .u-mr-12\@xxl {
    margin-right: 3rem !important;
  }
  .u-mr-14\@xxl {
    margin-right: 3.5rem !important;
  }
  .u-mr-16\@xxl {
    margin-right: 4rem !important;
  }
  .u-mr-20\@xxl {
    margin-right: 5rem !important;
  }
  .u-mr-24\@xxl {
    margin-right: 6rem !important;
  }
  .u-mr-28\@xxl {
    margin-right: 7rem !important;
  }
  .u-mr-n0\.5\@xxl {
    margin-right: -0.125rem !important;
  }
  .u-mr-n1\@xxl {
    margin-right: -0.25rem !important;
  }
  .u-mr-n1\.5\@xxl {
    margin-right: -0.375rem !important;
  }
  .u-mr-n2\@xxl {
    margin-right: -0.5rem !important;
  }
  .u-mr-n3\@xxl {
    margin-right: -0.75rem !important;
  }
  .u-mr-n4\@xxl {
    margin-right: -1rem !important;
  }
  .u-mr-n5\@xxl {
    margin-right: -1.25rem !important;
  }
  .u-mr-n6\@xxl {
    margin-right: -1.5rem !important;
  }
  .u-mr-n8\@xxl {
    margin-right: -2rem !important;
  }
  .u-mr-n10\@xxl {
    margin-right: -2.5rem !important;
  }
  .u-mr-n12\@xxl {
    margin-right: -3rem !important;
  }
  .u-mr-n14\@xxl {
    margin-right: -3.5rem !important;
  }
  .u-mr-n16\@xxl {
    margin-right: -4rem !important;
  }
  .u-mr-n20\@xxl {
    margin-right: -5rem !important;
  }
  .u-mr-n24\@xxl {
    margin-right: -6rem !important;
  }
  .u-mr-n28\@xxl {
    margin-right: -7rem !important;
  }
  .u-mr-0\@xxl {
    margin-right: 0 !important;
  }
  .u-mr-auto\@xxl {
    margin-right: auto !important;
  }
  .u-mb-0\.5\@xxl {
    margin-bottom: 0.125rem !important;
  }
  .u-mb-1\@xxl {
    margin-bottom: 0.25rem !important;
  }
  .u-mb-1\.5\@xxl {
    margin-bottom: 0.375rem !important;
  }
  .u-mb-2\@xxl {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-3\@xxl {
    margin-bottom: 0.75rem !important;
  }
  .u-mb-4\@xxl {
    margin-bottom: 1rem !important;
  }
  .u-mb-5\@xxl {
    margin-bottom: 1.25rem !important;
  }
  .u-mb-6\@xxl {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-8\@xxl {
    margin-bottom: 2rem !important;
  }
  .u-mb-10\@xxl {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-12\@xxl {
    margin-bottom: 3rem !important;
  }
  .u-mb-14\@xxl {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-16\@xxl {
    margin-bottom: 4rem !important;
  }
  .u-mb-20\@xxl {
    margin-bottom: 5rem !important;
  }
  .u-mb-24\@xxl {
    margin-bottom: 6rem !important;
  }
  .u-mb-28\@xxl {
    margin-bottom: 7rem !important;
  }
  .u-mb-n0\.5\@xxl {
    margin-bottom: -0.125rem !important;
  }
  .u-mb-n1\@xxl {
    margin-bottom: -0.25rem !important;
  }
  .u-mb-n1\.5\@xxl {
    margin-bottom: -0.375rem !important;
  }
  .u-mb-n2\@xxl {
    margin-bottom: -0.5rem !important;
  }
  .u-mb-n3\@xxl {
    margin-bottom: -0.75rem !important;
  }
  .u-mb-n4\@xxl {
    margin-bottom: -1rem !important;
  }
  .u-mb-n5\@xxl {
    margin-bottom: -1.25rem !important;
  }
  .u-mb-n6\@xxl {
    margin-bottom: -1.5rem !important;
  }
  .u-mb-n8\@xxl {
    margin-bottom: -2rem !important;
  }
  .u-mb-n10\@xxl {
    margin-bottom: -2.5rem !important;
  }
  .u-mb-n12\@xxl {
    margin-bottom: -3rem !important;
  }
  .u-mb-n14\@xxl {
    margin-bottom: -3.5rem !important;
  }
  .u-mb-n16\@xxl {
    margin-bottom: -4rem !important;
  }
  .u-mb-n20\@xxl {
    margin-bottom: -5rem !important;
  }
  .u-mb-n24\@xxl {
    margin-bottom: -6rem !important;
  }
  .u-mb-n28\@xxl {
    margin-bottom: -7rem !important;
  }
  .u-mb-0\@xxl {
    margin-bottom: 0 !important;
  }
  .u-mb-auto\@xxl {
    margin-bottom: auto !important;
  }
  .u-ml-0\.5\@xxl {
    margin-left: 0.125rem !important;
  }
  .u-ml-1\@xxl {
    margin-left: 0.25rem !important;
  }
  .u-ml-1\.5\@xxl {
    margin-left: 0.375rem !important;
  }
  .u-ml-2\@xxl {
    margin-left: 0.5rem !important;
  }
  .u-ml-3\@xxl {
    margin-left: 0.75rem !important;
  }
  .u-ml-4\@xxl {
    margin-left: 1rem !important;
  }
  .u-ml-5\@xxl {
    margin-left: 1.25rem !important;
  }
  .u-ml-6\@xxl {
    margin-left: 1.5rem !important;
  }
  .u-ml-8\@xxl {
    margin-left: 2rem !important;
  }
  .u-ml-10\@xxl {
    margin-left: 2.5rem !important;
  }
  .u-ml-12\@xxl {
    margin-left: 3rem !important;
  }
  .u-ml-14\@xxl {
    margin-left: 3.5rem !important;
  }
  .u-ml-16\@xxl {
    margin-left: 4rem !important;
  }
  .u-ml-20\@xxl {
    margin-left: 5rem !important;
  }
  .u-ml-24\@xxl {
    margin-left: 6rem !important;
  }
  .u-ml-28\@xxl {
    margin-left: 7rem !important;
  }
  .u-ml-n0\.5\@xxl {
    margin-left: -0.125rem !important;
  }
  .u-ml-n1\@xxl {
    margin-left: -0.25rem !important;
  }
  .u-ml-n1\.5\@xxl {
    margin-left: -0.375rem !important;
  }
  .u-ml-n2\@xxl {
    margin-left: -0.5rem !important;
  }
  .u-ml-n3\@xxl {
    margin-left: -0.75rem !important;
  }
  .u-ml-n4\@xxl {
    margin-left: -1rem !important;
  }
  .u-ml-n5\@xxl {
    margin-left: -1.25rem !important;
  }
  .u-ml-n6\@xxl {
    margin-left: -1.5rem !important;
  }
  .u-ml-n8\@xxl {
    margin-left: -2rem !important;
  }
  .u-ml-n10\@xxl {
    margin-left: -2.5rem !important;
  }
  .u-ml-n12\@xxl {
    margin-left: -3rem !important;
  }
  .u-ml-n14\@xxl {
    margin-left: -3.5rem !important;
  }
  .u-ml-n16\@xxl {
    margin-left: -4rem !important;
  }
  .u-ml-n20\@xxl {
    margin-left: -5rem !important;
  }
  .u-ml-n24\@xxl {
    margin-left: -6rem !important;
  }
  .u-ml-n28\@xxl {
    margin-left: -7rem !important;
  }
  .u-ml-0\@xxl {
    margin-left: 0 !important;
  }
  .u-ml-auto\@xxl {
    margin-left: auto !important;
  }
  .u-p-0\.5\@xxl {
    padding: 0.125rem !important;
  }
  .u-p-1\@xxl {
    padding: 0.25rem !important;
  }
  .u-p-1\.5\@xxl {
    padding: 0.375rem !important;
  }
  .u-p-2\@xxl {
    padding: 0.5rem !important;
  }
  .u-p-3\@xxl {
    padding: 0.75rem !important;
  }
  .u-p-4\@xxl {
    padding: 1rem !important;
  }
  .u-p-5\@xxl {
    padding: 1.25rem !important;
  }
  .u-p-6\@xxl {
    padding: 1.5rem !important;
  }
  .u-p-8\@xxl {
    padding: 2rem !important;
  }
  .u-p-10\@xxl {
    padding: 2.5rem !important;
  }
  .u-p-12\@xxl {
    padding: 3rem !important;
  }
  .u-p-14\@xxl {
    padding: 3.5rem !important;
  }
  .u-p-16\@xxl {
    padding: 4rem !important;
  }
  .u-p-20\@xxl {
    padding: 5rem !important;
  }
  .u-p-24\@xxl {
    padding: 6rem !important;
  }
  .u-p-28\@xxl {
    padding: 7rem !important;
  }
  .u-p-0\@xxl {
    padding: 0 !important;
  }
  .u-px-0\.5\@xxl {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
  }
  .u-px-1\@xxl {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .u-px-1\.5\@xxl {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .u-px-2\@xxl {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .u-px-3\@xxl {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .u-px-4\@xxl {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .u-px-5\@xxl {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .u-px-6\@xxl {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .u-px-8\@xxl {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .u-px-10\@xxl {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .u-px-12\@xxl {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .u-px-14\@xxl {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
  }
  .u-px-16\@xxl {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .u-px-20\@xxl {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  .u-px-24\@xxl {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .u-px-28\@xxl {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
  }
  .u-px-0\@xxl {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .u-py-0\.5\@xxl {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .u-py-1\@xxl {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .u-py-1\.5\@xxl {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .u-py-2\@xxl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .u-py-3\@xxl {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .u-py-4\@xxl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .u-py-5\@xxl {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .u-py-6\@xxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .u-py-8\@xxl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .u-py-10\@xxl {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .u-py-12\@xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .u-py-14\@xxl {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .u-py-16\@xxl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .u-py-20\@xxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .u-py-24\@xxl {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .u-py-28\@xxl {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .u-py-0\@xxl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-pt-0\.5\@xxl {
    padding-top: 0.125rem !important;
  }
  .u-pt-1\@xxl {
    padding-top: 0.25rem !important;
  }
  .u-pt-1\.5\@xxl {
    padding-top: 0.375rem !important;
  }
  .u-pt-2\@xxl {
    padding-top: 0.5rem !important;
  }
  .u-pt-3\@xxl {
    padding-top: 0.75rem !important;
  }
  .u-pt-4\@xxl {
    padding-top: 1rem !important;
  }
  .u-pt-5\@xxl {
    padding-top: 1.25rem !important;
  }
  .u-pt-6\@xxl {
    padding-top: 1.5rem !important;
  }
  .u-pt-8\@xxl {
    padding-top: 2rem !important;
  }
  .u-pt-10\@xxl {
    padding-top: 2.5rem !important;
  }
  .u-pt-12\@xxl {
    padding-top: 3rem !important;
  }
  .u-pt-14\@xxl {
    padding-top: 3.5rem !important;
  }
  .u-pt-16\@xxl {
    padding-top: 4rem !important;
  }
  .u-pt-20\@xxl {
    padding-top: 5rem !important;
  }
  .u-pt-24\@xxl {
    padding-top: 6rem !important;
  }
  .u-pt-28\@xxl {
    padding-top: 7rem !important;
  }
  .u-pt-0\@xxl {
    padding-top: 0 !important;
  }
  .u-pr-0\.5\@xxl {
    padding-right: 0.125rem !important;
  }
  .u-pr-1\@xxl {
    padding-right: 0.25rem !important;
  }
  .u-pr-1\.5\@xxl {
    padding-right: 0.375rem !important;
  }
  .u-pr-2\@xxl {
    padding-right: 0.5rem !important;
  }
  .u-pr-3\@xxl {
    padding-right: 0.75rem !important;
  }
  .u-pr-4\@xxl {
    padding-right: 1rem !important;
  }
  .u-pr-5\@xxl {
    padding-right: 1.25rem !important;
  }
  .u-pr-6\@xxl {
    padding-right: 1.5rem !important;
  }
  .u-pr-8\@xxl {
    padding-right: 2rem !important;
  }
  .u-pr-10\@xxl {
    padding-right: 2.5rem !important;
  }
  .u-pr-12\@xxl {
    padding-right: 3rem !important;
  }
  .u-pr-14\@xxl {
    padding-right: 3.5rem !important;
  }
  .u-pr-16\@xxl {
    padding-right: 4rem !important;
  }
  .u-pr-20\@xxl {
    padding-right: 5rem !important;
  }
  .u-pr-24\@xxl {
    padding-right: 6rem !important;
  }
  .u-pr-28\@xxl {
    padding-right: 7rem !important;
  }
  .u-pr-0\@xxl {
    padding-right: 0 !important;
  }
  .u-pb-0\.5\@xxl {
    padding-bottom: 0.125rem !important;
  }
  .u-pb-1\@xxl {
    padding-bottom: 0.25rem !important;
  }
  .u-pb-1\.5\@xxl {
    padding-bottom: 0.375rem !important;
  }
  .u-pb-2\@xxl {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-3\@xxl {
    padding-bottom: 0.75rem !important;
  }
  .u-pb-4\@xxl {
    padding-bottom: 1rem !important;
  }
  .u-pb-5\@xxl {
    padding-bottom: 1.25rem !important;
  }
  .u-pb-6\@xxl {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-8\@xxl {
    padding-bottom: 2rem !important;
  }
  .u-pb-10\@xxl {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-12\@xxl {
    padding-bottom: 3rem !important;
  }
  .u-pb-14\@xxl {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-16\@xxl {
    padding-bottom: 4rem !important;
  }
  .u-pb-20\@xxl {
    padding-bottom: 5rem !important;
  }
  .u-pb-24\@xxl {
    padding-bottom: 6rem !important;
  }
  .u-pb-28\@xxl {
    padding-bottom: 7rem !important;
  }
  .u-pb-0\@xxl {
    padding-bottom: 0 !important;
  }
  .u-pl-0\.5\@xxl {
    padding-left: 0.125rem !important;
  }
  .u-pl-1\@xxl {
    padding-left: 0.25rem !important;
  }
  .u-pl-1\.5\@xxl {
    padding-left: 0.375rem !important;
  }
  .u-pl-2\@xxl {
    padding-left: 0.5rem !important;
  }
  .u-pl-3\@xxl {
    padding-left: 0.75rem !important;
  }
  .u-pl-4\@xxl {
    padding-left: 1rem !important;
  }
  .u-pl-5\@xxl {
    padding-left: 1.25rem !important;
  }
  .u-pl-6\@xxl {
    padding-left: 1.5rem !important;
  }
  .u-pl-8\@xxl {
    padding-left: 2rem !important;
  }
  .u-pl-10\@xxl {
    padding-left: 2.5rem !important;
  }
  .u-pl-12\@xxl {
    padding-left: 3rem !important;
  }
  .u-pl-14\@xxl {
    padding-left: 3.5rem !important;
  }
  .u-pl-16\@xxl {
    padding-left: 4rem !important;
  }
  .u-pl-20\@xxl {
    padding-left: 5rem !important;
  }
  .u-pl-24\@xxl {
    padding-left: 6rem !important;
  }
  .u-pl-28\@xxl {
    padding-left: 7rem !important;
  }
  .u-pl-0\@xxl {
    padding-left: 0 !important;
  }
  .u-ta-l\@xxl {
    text-align: left !important;
  }
  .u-ta-c\@xxl {
    text-align: center !important;
  }
  .u-ta-r\@xxl {
    text-align: right !important;
  }
}
.u-abs-center {
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;
}

.u-abs-center-x {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.u-abs-center-y {
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}

.u-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.u-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #b3becb;
}

.u-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.u-scrollbar {
  scrollbar-color: #b3becb transparent;
  scrollbar-width: thin;
}

.u-mat-body {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-body-medium {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-body-semibold {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-body-small {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-body-small-medium {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-body-small-semibold {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-lead {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-lead-medium {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-lead-semibold {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-label {
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.2;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-label-medium {
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.2;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-note {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2f3748;
}

.u-mat-note-lower {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.5714;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: 0.02em;
  text-transform: none;
  color: #2f3748;
}

.u-mat-action {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.14;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-action-medium {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.14;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-3xl {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-2xl {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-xl {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-l {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-m {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-s {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-xs {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-mat-h-2xs {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.4;
  font-family: var(--pf-font-family-primary, Inter var, Inter, sans-serif);
  letter-spacing: normal;
  text-transform: none;
  color: #2f3748;
}

.u-list-unstyled {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.u-vt {
  writing-mode: tb-rl;
  transform: rotate(-180deg);
}

.u-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-line-clamp {
  --pf-line-clamp: 2;
  -webkit-line-clamp: var(--pf-line-clamp, 2);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.u-vhide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.u-vhide-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/********************************************
TYPO
********************************************/
/********************************************
TYPOGRAPHY - DESCRIPTION
********************************************/
.t-pf-desc {
  font-size: 0.875rem;
  line-height: 1.5714;
  color: #656c85;
  margin-bottom: 1.5rem;
}

/********************************************
VARIABLES
********************************************/
/********************************************
VARIABLES - SASS
********************************************/
/********************************************
OBJECTS - .o-pf-
********************************************/
/********************************************
LAYOUT - L-PF
********************************************/
/********************************************
LAYOUT - L-PF
********************************************/
.o-pf-image {
  height: 100%;
  width: 100%;
  position: absolute;
}
.o-pf-image > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

/********************************************
LAYOUT - .l-pf-
********************************************/
/********************************************
LAYOUT - L-PF
********************************************/
/********************************************
LAYOUT - L-PF
********************************************/
.l-pf__wrapper {
  display: flex;
}
.l-pf__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #ffffff;
  min-height: 100vh;
  padding: 1.5rem;
  max-height: fit-content;
  position: relative;
  overflow-y: auto;
}
@media screen and (min-width: 768px) {
  .l-pf__content {
    width: 50%;
  }
}
@media screen and (min-width: 1600px) {
  .l-pf__content {
    width: 50%;
    padding: 2.5rem;
  }
}
.l-pf__banner {
  position: relative;
  display: none;
  width: 100%;
  overflow: hidden;
  background: #fafafb;
}
@media screen and (min-width: 768px) {
  .l-pf__banner {
    display: block;
    width: 50%;
  }
}
@media screen and (min-width: 1600px) {
  .l-pf__banner {
    width: 50%;
  }
}
@media screen and (min-width: 1920px) {
  .l-pf__banner {
    width: 50%;
  }
}
.l-pf__footer {
  display: flex;
  position: relative;
  bottom: 0;
  width: calc(100% - 5rem);
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 1600px) {
  .l-pf__footer {
    flex-direction: row;
    bottom: 2.5rem;
    position: absolute;
  }
}
.l-pf__custom-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1600px) {
  .l-pf__custom-links {
    flex-direction: row;
    align-items: flex-start;
  }
}
.l-pf__links-divider {
  display: none;
}
@media screen and (min-width: 1600px) {
  .l-pf__links-divider {
    display: flex;
    align-self: center;
  }
}
.l-pf__footer-link {
  text-decoration: underline;
  padding: 0.25rem;
}
.l-pf__footer-link:hover {
  text-decoration: none;
}
.l-pf__footer-link:nth-last-child(-n+1) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1600px) {
  .l-pf__footer-link {
    padding: 0.75rem;
  }
  .l-pf__footer-link:nth-last-child(-n+1) {
    margin-bottom: 0;
  }
}
.l-pf__link-button {
  text-decoration: underline;
}
.l-pf__link-button:hover {
  text-decoration: none;
}
.l-pf__validation-li {
  color: #656c85;
}
.l-pf__validation-li > #check-icon {
  display: none;
}
.l-pf__validation-li.is-valid {
  color: #0c874b;
}
.l-pf__validation-li.is-valid > #check-icon {
  display: block;
}
.l-pf__validation-li.is-valid > #cross-icon {
  display: none;
}
.l-pf__infobox a {
  text-decoration: underline;
}
.l-pf__infobox a:hover {
  text-decoration: none;
}

/********************************************
LAYOUT - CONTAINER
********************************************/
.l-pf__container {
  width: 100%;
  margin: 0 auto;
  max-width: 25rem;
}
.l-pf__container--s {
  max-width: 17.5rem;
}
.l-pf__container--m {
  max-width: 20rem;
}
.l-pf__container--l {
  max-width: 35rem;
}

.c-tag__remove svg {
  justify-self: center;
}

.c-form-control.is-invalid .c-select__selected {
  border-color: #df2f36;
}

.c-form-control.is-invalid .c-select__selected:hover {
  border-color: #df2f36;
}

.custom-native-select {
  color: #8893a7 !important;
}
.custom-native-select option {
  color: #2f3748 !important;
}
.custom-native-select:has(option:checked:not([value=""])) {
  color: #2f3748 !important;
}

/********************************************
COMPONENTS - .c-pf-
********************************************/
/********************************************
FORM
********************************************/
/********************************************
LAYOUT - L-PF
********************************************/
.c-pf-form {
  width: 100%;
  padding-top: 100px;
  margin: auto 0;
}
.c-pf-form__divider {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-pf-form__divider:before {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  background: #c5ced8;
}
.c-pf-form__divider > span {
  position: absolute;
  background: #ffffff;
  padding: 0 1rem;
}

/********************************************
FORM
********************************************/
/********************************************
LAYOUT - L-PF
********************************************/
.c-pf-logo {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
}
.c-pf-logo--top-left {
  left: 2.5rem;
  right: auto;
}
.c-pf-logo--top-center {
  left: 50%;
  transform: translateX(-50%);
}
.c-pf-logo--small {
  max-width: 120px;
  max-height: 48px;
}
.c-pf-logo--medium {
  max-width: 160px;
  max-height: 60px;
}
.c-pf-logo--large {
  max-width: 200px;
  max-height: 80px;
}

/********************************************
COOKIE BTN
********************************************/
.c-pf-cookie {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
@media screen and (min-width: 1600px) {
  .c-pf-cookie {
    bottom: 6.25rem;
  }
}
.c-pf-cookie .c-tooltip {
  position: absolute;
  right: calc(100% + 1rem);
  width: max-content;
  display: none;
}
.c-pf-cookie:hover .c-tooltip, .c-pf-cookie:focus-visible .c-tooltip, .c-pf-cookie.is-active .c-tooltip {
  display: block;
}

/********************************************
ANIMATIONS - .a-pf-
********************************************/
/********************************************
ANIMATIONS - ZOOM
********************************************/
.a-pf-zoom {
  animation-name: zoom-in;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-duration: 25s;
}

@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.3);
  }
}
/********************************************
ANIMATIONS - GENERAL TRANSITION
********************************************/
.a-pf-transition {
  transition: all 1000ms cubic-bezier(0.37, 0.34, 0.46, 1.17);
}

/********************************************
ANIMATIONS - FADEIN
********************************************/
.a-pf-fadeIn {
  opacity: 0;
  transition: opacity 1000ms cubic-bezier(0.37, 0.34, 0.46, 1.17);
}
.a-pf-fadeIn.is-animate {
  opacity: 1;
}

/********************************************
ANIMATIONS - SLIDEUP
********************************************/
.a-pf-slideUp {
  opacity: 0;
  transition: all 600ms cubic-bezier(0.37, 0.34, 0.46, 1.17);
  transform: translateY(40px);
}
.a-pf-slideUp.is-animate {
  opacity: 1;
  transform: translateY(0px);
}