/* these fonts are all from google, they're open source.  */
/* Rubik-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: local('Rubik Light'), local('Rubik-Light'),
    url(Rubik-Light.woff2) format('woff2'),
    /* Super Modern Browsers */ url(Rubik-Light.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-Light.ttf) format('truetype'); /* Safari, Android, iOS */
}

/* Rubik-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: local('Rubik Light Italic'), local('Rubik-LightItalic'),
    url(Rubik-LightItalic.woff2) format('woff2'),
    /* Super Modern Browsers */ url(Rubik-LightItalic.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-LightItalic.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* Rubik-Regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local('Rubik'), local('Rubik-Regular'),
    url(Rubik-Regular.woff2) format('woff2'),
    /* Super Modern Browsers*/ url(Rubik-Regular.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-Regular.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* Rubik-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: local('Rubik Italic'), local('Rubik-Italic'),
    url(Rubik-Italic.woff2) format('woff2'),
    /* Super Modern Browsers */ url(Rubik-Italic.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-Italic.ttf) format('truetype'); /* Safari, Android, iOS */
}

/* Rubik-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local('Rubik Medium'), local('Rubik-Medium'),
    url(Rubik-Medium.woff2) format('woff2'),
    /* Super Modern Browsers */ url(Rubik-Medium.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-Medium.ttf) format('truetype'); /* Safari, Android, iOS */
}

/* Rubik-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: local('Rubik Medium Italic'), local('Rubik-MediumItalic'),
    url(Rubik-MediumItalic.woff2) format('woff2'),
    /* Super Modern Browsers */ url(Rubik-MediumItalic.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-MediumItalic.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* Rubik-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: local('Rubik SemiBold'), local('Rubik-SemiBold'),
    url(Rubik-SemiBold.woff2) format('woff2'),
    /* Super Modern Browsers */ url(Rubik-SemiBold.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-SemiBold.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* Rubik-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  src: local('Rubik SemiBold Italic'), local('Rubik-SemiBoldItalic'),
    url(Rubik-SemiBoldItalic.woff2) format('woff2'),
    /* Super Modern Browsers */ url(Rubik-SemiBoldItalic.woff)
      format('woff'),
    /* Modern Browsers */ url(Rubik-SemiBoldItalic.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* roboto-mono-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'),
    url(RobotoMono-Regular.woff2) format('woff2'),
    /* Super Modern Browsers */ url(RobotoMono-Regular.woff)
      format('woff'),
    /* Modern Browsers */ url(RobotoMono-Regular.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url(OpenSans-Regular.woff2) format('woff2'),
    /* Super Modern Browsers */ url(OpenSans-Regular.woff)
      format('woff'),
    /* Modern Browsers */ url(OpenSans-Regular.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url(OpenSans-Italic.woff2) format('woff2'),
    /* Super Modern Browsers */ url(OpenSans-Italic.woff)
      format('woff'),
    /* Modern Browsers */ url(OpenSans-Italic.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url(OpenSans-Bold.woff2) format('woff2'),
    /* Super Modern Browsers */ url(OpenSans-Bold.woff)
      format('woff'),
    /* Modern Browsers */ url(OpenSans-Bold.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url(OpenSans-BoldItalic.woff2) format('woff2'),
    /* Super Modern Browsers */ url(OpenSans-BoldItalic.woff)
      format('woff'),
    /* Modern Browsers */ url(OpenSans-BoldItalic.ttf)
      format('truetype'); /* Safari, Android, iOS */
}

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

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

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

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

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

ul {
  list-style: none;
}
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dd,
dl {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
#app.embed-site {
  height: 100vh;
  max-width: 100%;
  background-color: white;
}
#app.embed-site > div {
  max-width: inherit;
}
div[data-carina-theme] {
  height: 100%;
}
div[data-carina-theme] > div {
  max-width: inherit;
}
.visually-hidden-sr-accessible {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  white-space: 'nowrap';
  padding: 0;
  position: absolute;
}
#ccpa-modal.focus-visible,
#room-description-modal.focus-visible,
#filter-modal.focus-visible,
#download-pdf-modal.focus-visible {
  transition-timing-function: cubic-bezier(0, 0, 0.4, 0.9);
  transition-duration: 200ms;
  transition-property: unset;
}
.custom-focus-primary:focus-visible {
  outline-color: var(--carina-border-color-primary-focus);
  border-radius: 4px;
}
[data-carina-theme='whitelabel'] {
  --rfi-form-short-width: 152px;
  --carina-custom-ghost-button-color: var(--carina-colors-primary-seed);
  --carina-custom-ghost-button-background-color: var(--carina-colors-transparent);
  --carina-custom-ghost-button-color-hover: var(--carina-colors-primary-70);
  --carina-custom-ghost-button-background-color-hover: var(--carina-colors-primary-5);
  --carina-custom-ghost-button-color-active: var(--carina-colors-primary-70);
  --carina-custom-ghost-button-background-color-active: var(--carina-colors-primary-20);
  --carina-custom-lined-button-color: var(--carina-colors-primary-seed);
  --carina-custom-lined-button-background-color: var(--carina-colors-transparent);
  --carina-custom-lined-button-color-hover: var(--carina-colors-grayscale-0);
  --carina-custom-lined-button-background-color-hover: var(--carina-colors-primary-seed);
  --carina-custom-lined-button-color-active: var(--carina-colors-grayscale-0);
  --carina-custom-lined-button-background-color-active: var(--carina-colors-primary-70);
  --carina-custom-lined-button-border-color-active: var(--carina-colors-primary-70);
  --carina-custom-filled-button-color: var(--carina-colors-grayscale-0);
  --carina-custom-filled-button-background-color: var(--carina-colors-primary-seed);
  --carina-custom-filled-button-background-color-hover: var(--carina-colors-primary-70);
  --carina-custom-filled-button-background-color-active: var(--carina-colors-primary-80);
}

/* Customized tailwind directives omitting base layer so it doesn't interfere with our existing CSS reset */
.\!container {
    width: 100% !important
}
.container {
    width: 100%
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important
    }
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important
    }
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important
    }
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important
    }
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important
    }
    .container {
        max-width: 1536px
    }
}
.\!container {
    width: 100% !important
}
.container {
    width: 100%
}
.carina-advanced-transition--loop-indefinitely {
    animation-iteration-count: infinite
}
.carina-advanced-transition--linear {
    animation-timing-function: var(--carina-transition-timing-function-linear)
}
.carina-advanced-transition--productive-ease-in-out {
    animation-timing-function: var(
    --carina-transition-timing-function-productive-ease-in-out
  )
}
.carina-advanced-transition--productive-ease-in {
    animation-timing-function: var(
    --carina-transition-timing-function-productive-ease-in
  )
}
.carina-advanced-transition--productive-ease-out {
    animation-timing-function: var(
    --carina-transition-timing-function-productive-ease-out
  )
}
.carina-advanced-transition--expressive-ease-in-out {
    animation-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in-out
  )
}
.carina-advanced-transition--expressive-ease-in {
    animation-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in
  )
}
.carina-advanced-transition--expressive-ease-out {
    animation-timing-function: var(
    --carina-transition-timing-function-expressive-ease-out
  )
}
.carina-advanced-transition--50 {
    animation-duration: var(--carina-transition-duration-50)
}
.carina-advanced-transition--100 {
    animation-duration: var(--carina-transition-duration-100)
}
.carina-advanced-transition--200 {
    animation-duration: var(--carina-transition-duration-200)
}
.carina-advanced-transition--300 {
    animation-duration: var(--carina-transition-duration-300)
}
.carina-advanced-transition--400 {
    animation-duration: var(--carina-transition-duration-400)
}
.carina-advanced-transition--550 {
    animation-duration: var(--carina-transition-duration-550)
}
.carina-advanced-transition--700 {
    animation-duration: var(--carina-transition-duration-700)
}
.carina-advanced-transition--800 {
    animation-duration: var(--carina-transition-duration-800)
}
.carina-advanced-transition--1200 {
    animation-duration: var(--carina-transition-duration-1200)
}
.carina-transition--appear-start,
.carina-transition--enter-start,
.carina-transition--exit-start {
    transition-property: none
}
.carina-transition--linear {
    transition-timing-function: var(--carina-transition-timing-function-linear)
}
.carina-transition--productive-ease-in-out {
    transition-timing-function: var(
    --carina-transition-timing-function-productive-ease-in-out
  )
}
.carina-transition--productive-ease-in {
    transition-timing-function: var(
    --carina-transition-timing-function-productive-ease-in
  )
}
.carina-transition--productive-ease-out {
    transition-timing-function: var(
    --carina-transition-timing-function-productive-ease-out
  )
}
.carina-transition--expressive-ease-in-out {
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in-out
  )
}
.carina-transition--expressive-ease-in {
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in
  )
}
.carina-transition--expressive-ease-out {
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-out
  )
}
.carina-transition--appear-50,
.carina-transition--enter-50,
.carina-transition--exit-50 {
    transition-duration: var(--carina-transition-duration-50)
}
.carina-transition--appear-100,
.carina-transition--enter-100,
.carina-transition--exit-100 {
    transition-duration: var(--carina-transition-duration-100)
}
.carina-transition--appear-200,
.carina-transition--enter-200,
.carina-transition--exit-200 {
    transition-duration: var(--carina-transition-duration-200)
}
.carina-transition--appear-300,
.carina-transition--enter-300,
.carina-transition--exit-300 {
    transition-duration: var(--carina-transition-duration-300)
}
.carina-transition--appear-400,
.carina-transition--enter-400,
.carina-transition--exit-400 {
    transition-duration: var(--carina-transition-duration-400)
}
.carina-transition--appear-550,
.carina-transition--enter-550,
.carina-transition--exit-550 {
    transition-duration: var(--carina-transition-duration-550)
}
.carina-transition--appear-700,
.carina-transition--enter-700,
.carina-transition--exit-700 {
    transition-duration: var(--carina-transition-duration-700)
}
.carina-transition--appear-800,
.carina-transition--enter-800,
.carina-transition--exit-800 {
    transition-duration: var(--carina-transition-duration-800)
}
.carina-transition--appear-1200,
.carina-transition--enter-1200,
.carina-transition--exit-1200 {
    transition-duration: var(--carina-transition-duration-1200)
}
.carina-transition {
    --carina-transition-opacity: 1;
    --carina-transition-scale: 1;
    --carina-transition-scale-x: var(--carina-transition-scale);
    --carina-transition-scale-y: var(--carina-transition-scale);
    --carina-transition-translate-x: 0;
    --carina-transition-translate-y: 0;
    --carina-transition-rotate: 0;
    --carina-transition-skew-x: 0;
    --carina-transition-skew-y: 0;
    transform: translate(
      var(--carina-transition-translate-x),
      var(--carina-transition-translate-y)
    )
    rotate(var(--carina-transition-rotate))
    skewX(var(--carina-transition-skew-x))
    skewY(var(--carina-transition-skew-y))
    scaleX(var(--carina-transition-scale-x))
    scaleY(var(--carina-transition-scale-y));
    opacity: var(--carina-transition-opacity)
}
.carina-transition--fade-in {
    --carina-transition-opacity: 1
}
.carina-transition--fade-out {
    --carina-transition-opacity: 0
}
.carina-accordion-section--open,
.carina-accordion-section__collapse.carina-transition--exit-active .carina-accordion-section,
.carina-accordion-section__collapse.carina-transition--exit-start .carina-accordion-section {
    visibility: visible
}
.carina-accordion-section__collapse.carina-transition--exit-done {
    max-height: 0;
    overflow: hidden
}
.carina-accordion-section__collapse.carina-transition--enter-done,
.carina-accordion-section__collapse.carina-transition--appear-done {
    transform: none
}
.carina-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: var(--carina-spacing-1);
    padding-bottom: 0;
    padding-left: var(--carina-spacing-1);
    border: var(--carina-border-width-1) solid transparent;
    border-radius: var(--carina-border-radius-xl);
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    font-family: inherit;
    line-height: inherit;
    cursor: pointer;
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-out
  );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: background-color, color, border-color, box-shadow
}
.carina-button:focus-visible {
    outline: none;
    box-shadow: var(--carina-ring-base)
}
.carina-button:active:not(.carina-button--disabled) {
    transform: scale(var(--carina-scale-shrink))
}
.carina-button--disabled {
    transform: none;
    cursor: default;
    opacity: var(--carina-opacity-40)
}
.carina-button--disabled .carina-button__icon-start,
.carina-button--disabled .carina-button__icon-end {
    transform: none
}
.carina-button--brand.carina-button--filled,
.carina-button--primary.carina-button--filled {
    color: var(--carina-text-color-on-primary);
    background-color: var(--carina-background-color-primary)
}
.carina-button--brand.carina-button--filled:hover:not(.carina-button--disabled), .carina-button--primary.carina-button--filled:hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-primary-hover)
}
.carina-button--brand.carina-button--filled:active:not(.carina-button--disabled),
  .carina-button--brand.carina-button--filled.carina-button--active:not(.carina-button--disabled),
  .carina-button--primary.carina-button--filled:active:not(.carina-button--disabled),
  .carina-button--primary.carina-button--filled.carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-primary-active)
}
.carina-button--brand.carina-button--lined,
.carina-button--primary.carina-button--lined {
    border-color: var(--carina-border-color-primary);
    border-width: var(--carina-border-width-1);
    color: var(--carina-text-color-primary);
    background-color: var(--carina-colors-transparent)
}
.carina-button--brand.carina-button--lined:hover:not(.carina-button--disabled), .carina-button--primary.carina-button--lined:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-on-primary);
    background-color: var(--carina-background-color-primary)
}
.carina-button--brand.carina-button--lined:active:not(.carina-button--disabled),
  .carina-button--brand.carina-button--lined.carina-button--active:not(.carina-button--disabled),
  .carina-button--primary.carina-button--lined:active:not(.carina-button--disabled),
  .carina-button--primary.carina-button--lined.carina-button--active:not(.carina-button--disabled) {
    border-color: var(--carina-background-color-primary-hover);
    color: var(--carina-text-color-on-primary);
    background-color: var(--carina-background-color-primary-hover)
}
.carina-button--brand.carina-button--ghost,
.carina-button--primary.carina-button--ghost {
    color: var(--carina-text-color-primary);
    background-color: var(--carina-colors-transparent)
}
.carina-button--brand.carina-button--ghost:hover:not(.carina-button--disabled), .carina-button--primary.carina-button--ghost:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-hover)
}
.carina-button--brand.carina-button--ghost:active:not(.carina-button--disabled),
  .carina-button--brand.carina-button--ghost.carina-button--active:not(.carina-button--disabled),
  .carina-button--primary.carina-button--ghost:active:not(.carina-button--disabled),
  .carina-button--primary.carina-button--ghost.carina-button--active:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active);
    outline: none
}
.carina-button--secondary.carina-button--filled {
    color: var(--carina-text-color-on-secondary);
    background-color: var(--carina-background-color-secondary)
}
.carina-button--secondary.carina-button--filled:hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-secondary-hover)
}
.carina-button--secondary.carina-button--filled:active:not(.carina-button--disabled),
  .carina-button--secondary.carina-button--filled.carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-secondary-active)
}
.carina-button--secondary.carina-button--lined {
    border-color: var(--carina-border-color-secondary);
    border-width: var(--carina-border-width-1);
    color: var(--carina-text-color-secondary);
    background-color: var(--carina-colors-transparent)
}
.carina-button--secondary.carina-button--lined:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-on-secondary);
    background-color: var(--carina-background-color-secondary)
}
.carina-button--secondary.carina-button--lined:active:not(.carina-button--disabled),
  .carina-button--secondary.carina-button--lined.carina-button--active:not(.carina-button--disabled) {
    border-color: var(--carina-background-color-secondary-hover);
    color: var(--carina-text-color-on-secondary);
    background-color: var(--carina-background-color-secondary-hover)
}
.carina-button--secondary.carina-button--ghost {
    color: var(--carina-text-color-secondary);
    background-color: var(--carina-colors-transparent)
}
.carina-button--secondary.carina-button--ghost:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-hover)
}
.carina-button--secondary.carina-button--ghost:active:not(.carina-button--disabled),
  .carina-button--secondary.carina-button--ghost.carina-button--active:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active);
    outline: none
}
.carina-button--tertiary.carina-button--filled {
    color: var(--carina-text-color-on-tertiary);
    background-color: var(--carina-background-color-tertiary)
}
.carina-button--tertiary.carina-button--filled:hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-tertiary-hover)
}
.carina-button--tertiary.carina-button--filled:active:not(.carina-button--disabled),
  .carina-button--tertiary.carina-button--filled.carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-tertiary-active)
}
.carina-button--tertiary.carina-button--lined {
    border-color: var(--carina-border-color-tertiary);
    border-width: var(--carina-border-width-1);
    color: var(--carina-text-color-tertiary);
    background-color: var(--carina-colors-transparent)
}
.carina-button--tertiary.carina-button--lined:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-on-tertiary);
    background-color: var(--carina-background-color-tertiary)
}
.carina-button--tertiary.carina-button--lined:active:not(.carina-button--disabled),
  .carina-button--tertiary.carina-button--lined.carina-button--active:not(.carina-button--disabled) {
    border-color: var(--carina-background-color-tertiary-hover);
    color: var(--carina-text-color-on-tertiary);
    background-color: var(--carina-background-color-tertiary-hover)
}
.carina-button--tertiary.carina-button--ghost {
    color: var(--carina-text-color-tertiary);
    background-color: var(--carina-colors-transparent)
}
.carina-button--tertiary.carina-button--ghost:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-hover)
}
.carina-button--tertiary.carina-button--ghost:active:not(.carina-button--disabled),
  .carina-button--tertiary.carina-button--ghost.carina-button--active:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active);
    outline: none
}
.carina-button--neutral-inverse:focus-visible {
    outline: var(--carina-border-color-soft) var(--carina-border-width-1);
    box-shadow: var(--carina-ring-white)
}
.carina-button--neutral-inverse.carina-button--filled:not(.carina-button--elevated) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-neutral-inverse)
}
.carina-button--neutral-inverse.carina-button--filled:not(.carina-button--elevated):hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-inverse-hover)
}
.carina-button--neutral-inverse.carina-button--filled:not(.carina-button--elevated):active:not(.carina-button--disabled),
  .carina-button--neutral-inverse.carina-button--filled:not(.carina-button--elevated).carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-inverse-active)
}
.carina-button--neutral-inverse.carina-button--lined:not(.carina-button--elevated) {
    border-color: var(--carina-border-color-inverse);
    border-width: var(--carina-border-width-1);
    color: var(--carina-text-color-base-inverse);
    background-color: var(--carina-colors-transparent)
}
.carina-button--neutral-inverse.carina-button--lined:not(.carina-button--elevated):hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-hover)
}
.carina-button--neutral-inverse.carina-button--lined:not(.carina-button--elevated):active:not(.carina-button--disabled),
  .carina-button--neutral-inverse.carina-button--lined:not(.carina-button--elevated).carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-active)
}
.carina-button--neutral-inverse.carina-button--ghost {
    color: var(--carina-text-color-base-inverse);
    background-color: var(--carina-colors-transparent)
}
.carina-button--neutral-inverse.carina-button--ghost:hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-hover)
}
.carina-button--neutral-inverse.carina-button--ghost:active:not(.carina-button--disabled),
  .carina-button--neutral-inverse.carina-button--ghost.carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-active)
}
.carina-button--neutral:focus-visible {
    outline: var(--carina-border-color-hard) var(--carina-border-width-1);
    box-shadow: var(--carina-ring-black)
}
.carina-button--neutral.carina-button--filled:not(.carina-button--elevated),
.carina-button--neutral.carina-button--lined:not(.carina-button--elevated) {
    border-color: var(--carina-border-color-hard);
    border-width: var(--carina-border-width-1);
    color: var(--carina-text-color-base);
    background-color: var(--carina-colors-transparent)
}
.carina-button--neutral.carina-button--filled:not(.carina-button--elevated):hover:not(.carina-button--disabled), .carina-button--neutral.carina-button--lined:not(.carina-button--elevated):hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-hover)
}
.carina-button--neutral.carina-button--filled:not(.carina-button--elevated):active:not(.carina-button--disabled),
  .carina-button--neutral.carina-button--filled:not(.carina-button--elevated).carina-button--active:not(.carina-button--disabled),
  .carina-button--neutral.carina-button--lined:not(.carina-button--elevated):active:not(.carina-button--disabled),
  .carina-button--neutral.carina-button--lined:not(.carina-button--elevated).carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-neutral-active)
}
.carina-button--neutral.carina-button--ghost {
    color: var(--carina-text-color-base);
    background-color: var(--carina-colors-transparent)
}
.carina-button--neutral.carina-button--ghost:hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-surface-hover)
}
.carina-button--neutral.carina-button--ghost:active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-surface-selected)
}
.carina-button--neutral.carina-button--ghost.carina-button--active:not(.carina-button--disabled) {
    color: var(--carina-text-color-on-neutral);
    background-color: var(--carina-background-color-neutral)
}
.carina-button--menu {
    border-radius: var(--carina-border-radius-full);
    color: var(--carina-text-color-soft);
    background-color: var(--carina-colors-transparent)
}
.carina-button--menu:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-hover)
}
.carina-button--menu:active:not(.carina-button--disabled),
  .carina-button--menu.carina-button--active:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active)
}
.carina-button--danger:focus-visible {
    box-shadow: var(--carina-ring-danger)
}
.carina-button--danger.carina-button--filled:not(.carina-button--elevated) {
    border-color: var(--carina-border-color-danger);
    color: var(--carina-text-color-on-danger);
    background-color: var(--carina-background-color-danger)
}
.carina-button--danger.carina-button--filled:not(.carina-button--elevated):hover:not(.carina-button--disabled) {
    border-color: var(--carina-background-color-danger-hover);
    background-color: var(--carina-background-color-danger-hover)
}
.carina-button--danger.carina-button--filled:not(.carina-button--elevated):active:not(.carina-button--disabled),
  .carina-button--danger.carina-button--filled:not(.carina-button--elevated).carina-button--active:not(.carina-button--disabled) {
    border-color: var(--carina-background-color-danger-active);
    background-color: var(--carina-background-color-danger-active)
}
.carina-button--danger.carina-button--filled.carina-button--disabled {
    border-color: transparent;
    color: var(--carina-text-color-on-danger);
    background-color: var(--carina-background-color-neutral)
}
.carina-button--danger.carina-button--lined:not(.carina-button--elevated) {
    border-color: var(--carina-border-color-danger);
    border-width: var(--carina-border-width-1);
    color: var(--carina-text-color-danger);
    background-color: var(--carina-colors-transparent)
}
.carina-button--danger.carina-button--lined:not(.carina-button--elevated):hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-on-danger);
    background-color: var(--carina-background-color-danger)
}
.carina-button--danger.carina-button--lined:not(.carina-button--elevated):active:not(.carina-button--disabled),
  .carina-button--danger.carina-button--lined:not(.carina-button--elevated).carina-button--active:not(.carina-button--disabled) {
    border-color: var(--carina-background-color-danger-hover);
    color: var(--carina-text-color-on-danger);
    background-color: var(--carina-background-color-danger-hover)
}
.carina-button--danger.carina-button--lined.carina-button--disabled {
    border-color: var(--carina-border-color-base);
    color: var(--carina-text-color-base);
    background-color: var(--carina-colors-transparent)
}
.carina-button--danger.carina-button--ghost {
    color: var(--carina-text-color-danger);
    background-color: var(--carina-colors-transparent);
    outline: none
}
.carina-button--danger.carina-button--ghost:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale)
}
.carina-button--danger.carina-button--ghost:active:not(.carina-button--disabled),
  .carina-button--danger.carina-button--ghost.carina-button--active:not(.carina-button--disabled) {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale-hover)
}
.carina-button--danger.carina-button--ghost.carina-button--disabled {
    color: var(--carina-text-color-base);
    background-color: var(--carina-colors-transparent)
}
.carina-button--sm {
    min-width: 80px;
    min-height: 36px;
    padding-right: var(--carina-spacing-4);
    padding-left: var(--carina-spacing-4);
    font-size: var(--carina-font-size-body-sm)
}
.carina-button--md {
    min-width: 96px;
    min-height: 40px;
    padding-right: var(--carina-spacing-6);
    padding-left: var(--carina-spacing-6);
    font-size: var(--carina-font-size-body-md)
}
.carina-button--lg {
    min-width: 112px;
    min-height: 44px;
    padding-right: var(--carina-spacing-6);
    padding-left: var(--carina-spacing-6);
    font-size: var(--carina-font-size-body-md)
}
.carina-button--pill {
    border-radius: var(--carina-border-radius-full)
}
.carina-button--block {
    width: 100%
}
.carina-button.carina-button--elevated {
    color: var(--carina-text-color-on-primary);
    background-color: var(--carina-background-color-primary)
}
.carina-button.carina-button--elevated:hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-primary-hover);
    box-shadow: var(--carina-box-shadow-2xl);
    transform: scale(var(--carina-scale-grow))
}
.carina-button.carina-button--elevated:active:not(.carina-button--disabled),
  .carina-button.carina-button--elevated.carina-button--active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-primary-active);
    transform: none
}
.carina-button--icon-only,
.carina-button--icons-only {
    min-width: 0;
    margin: 0;
    padding: var(--carina-spacing-1)
}
.carina-button--icons-only {
    justify-content: space-evenly
}
.carina-button--icon-only.carina-button--sm {
    width: var(--carina-spacing-9);
    height: var(--carina-spacing-9)
}
.carina-button--icon-only.carina-button--md {
    width: var(--carina-spacing-10);
    height: var(--carina-spacing-10)
}
.carina-button--icon-only.carina-button--lg {
    width: var(--carina-spacing-11);
    height: var(--carina-spacing-11)
}
.carina-button--icons-only.carina-button--sm {
    width: var(--carina-spacing-15);
    height: var(--carina-spacing-9)
}
.carina-button--icons-only.carina-button--md {
    width: var(--carina-spacing-16);
    height: var(--carina-spacing-10)
}
.carina-button--icons-only.carina-button--lg {
    width: var(--carina-spacing-17);
    height: var(--carina-spacing-11)
}
.carina-button--icons-only.carina-button--fab {
    width: var(--carina-spacing-20);
    height: var(--carina-spacing-16)
}
.carina-button--icon-only.carina-button--fab,
.carina-button--icons-only.carina-button--fab {
    padding: var(--carina-spacing-3);
    border-radius: var(--carina-border-radius-full);
    color: var(--carina-text-color-on-primary);
    background-color: var(--carina-background-color-primary);
    box-shadow: var(--carina-box-shadow-2xl)
}
.carina-button--icon-only.carina-button--fab:hover:not(.carina-button--disabled), .carina-button--icons-only.carina-button--fab:hover:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-primary-hover)
}
.carina-button--icon-only.carina-button--fab:active:not(.carina-button--disabled), .carina-button--icons-only.carina-button--fab:active:not(.carina-button--disabled) {
    background-color: var(--carina-background-color-primary-active)
}
.carina-button--icon-only.carina-button--fab:focus-visible:not(.carina-button--disabled), .carina-button--icons-only.carina-button--fab:focus-visible:not(.carina-button--disabled) {
    outline: var(--carina-border-color-primary-focus) auto
      var(--carina-border-width-2)
}
.carina-button--icon-only.carina-button--fab svg, .carina-button--icons-only.carina-button--fab svg {
    width: var(--carina-spacing-7);
    height: var(--carina-spacing-7)
}
.carina-button__icon-start,
.carina-button__icon-end {
    display: flex;
    align-items: center;
    margin: 0;
    padding-inline-end: 0;
    padding-inline-start: 0
}
.carina-button__icon-start {
    margin-inline-end: var(--carina-spacing-2);
    margin-inline-start: 0
}
.carina-button__icon-end {
    margin-inline-end: 0;
    margin-inline-start: var(--carina-spacing-2)
}
.carina-button--icon-only .carina-button__icon-start,
.carina-button--icons-only .carina-button__icon-start,
.carina-button--icon-only .carina-button__icon-end,
.carina-button--icons-only .carina-button__icon-end {
    margin: 0;
    margin-inline: 0
}
.carina-alerts {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}
.carina-alerts--fixed {
    position: fixed;
    top: var(--carina-spacing-6);
    right: var(--carina-spacing-6);
    left: var(--carina-spacing-6);
    z-index: var(--carina-z-index-alert);
    align-items: center;
    width: calc(100% - var(--carina-spacing-12));
    pointer-events: none
}
.carina-alerts__container {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%
}
.carina-alerts__collapse {
    width: 100%;
    transition-timing-function: var(
    --carina-transition-timing-function-productive-ease-out
  )
}
.carina-alerts__collapse-container {
    padding-bottom: var(--carina-spacing-3)
}
.carina-alerts__collapse-container--last {
    padding-bottom: var(--carina-spacing-0)
}
.carina-alerts--page .carina-alerts__collapse {
    transition-duration: var(--carina-transition-duration-200)
}
.carina-alerts--user .carina-alerts__collapse {
    transition-duration: var(--carina-transition-duration-400)
}
.carina-alerts__collapse.carina-transition--out {
    --carina-transition-opacity: var(--carina-opacity-0)
}
.carina-alerts__collapse.carina-transition--appear-active {
    height: auto;
    overflow: visible
}
.carina-app-alert {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 50px;
    padding-right: var(--carina-spacing-3);
    padding-left: var(--carina-spacing-3);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    line-height: var(--carina-line-height-tight);
    box-shadow: none;
    pointer-events: auto
}
.carina-app-alert--info {
    color: var(--carina-text-color-on-info);
    border-color: var(--carina-background-color-info);
    background-color: var(--carina-background-color-info)
}
.carina-app-alert--warning {
    color: var(--carina-text-color-on-warning);
    border-color: var(--carina-background-color-warning);
    background-color: var(--carina-background-color-warning)
}
.carina-app-alert--danger {
    color: var(--carina-text-color-on-danger);
    border-color: var(--carina-background-color-danger);
    background-color: var(--carina-background-color-danger)
}
.carina-app-alert--success {
    color: var(--carina-text-color-on-success);
    border-color: var(--carina-background-color-success);
    background-color: var(--carina-background-color-success)
}
.carina-app-alert__action-container {
    display: flex;
    flex-grow: 2;
    align-items: center;
    justify-content: center
}
.carina-app-alert__action-container .carina-app-alert__action {
    margin-top: var(--carina-spacing-2);
    margin-bottom: var(--carina-spacing-2);
    font-weight: var(--carina-font-weight-body);
    background-color: transparent
}
.carina-app-alert__action-container .carina-app-alert__action a {
    border-color: transparent;
    border-style: solid;
    border-width: var(--carina-border-width-4);
    text-decoration: underline;
    background-color: transparent;
    transition-timing-function: var(
        --carina-transition-timing-function-expressive-ease-in-out
      );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow
}
.carina-app-alert__action-container .carina-app-alert__action a:focus-visible {
    outline: var(--carina-border-width-2) solid
          var(--carina-colors-transparent);
    box-shadow: var(--carina-ring-black)
}
.carina-app-alert__action-container .carina-app-alert__action.carina-app-alert__action--info a {
    color: var(--carina-text-color-on-info)
}
.carina-app-alert__action-container .carina-app-alert__action.carina-app-alert__action--success a {
    color: var(--carina-text-color-on-success)
}
.carina-app-alert__action-container .carina-app-alert__action.carina-app-alert__action--danger a {
    color: var(--carina-text-color-on-danger)
}
.carina-app-alert__action-container .carina-app-alert__action.carina-app-alert__action--warning a {
    color: var(--carina-text-color-on-warning)
}
.carina-app-alert__action--dismissible {
    margin-inline-end: 0
}
.carina-app-alert__content-container {
    display: flex;
    flex-wrap: nowrap
}
.carina-app-alert__content {
    margin-top: var(--carina-spacing-4);
    margin-inline-start: var(--carina-spacing-3);
    margin-bottom: var(--carina-spacing-4);
    margin-inline-end: var(--carina-spacing-4);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none
}
.carina-app-alert .carina-app-alert__dismiss-container {
    display: flex;
    align-items: center;
    align-self: flex-start;
    height: 36px;
    margin: auto;
    cursor: pointer
}
[dir='rtl'] .carina-app-alert .carina-app-alert__dismiss-container {
    margin-right: var(--carina-spacing-4);
    margin-left: 0
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button span {
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: var(--carina-border-radius-full)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button {
    width: 36px;
    height: 36px;
    min-height: 0;
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-color: transparent;
    border-style: solid;
    border-width: var(--carina-border-width-2);
    border-radius: var(--carina-border-radius-full);
    background-color: transparent;
    transition-timing-function: var(--carina-transition-duration-100);
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button:focus-visible {
    box-shadow: var(--carina-ring-black)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--info {
    color: var(--carina-text-color-on-info)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--info:hover {
    background-color: var(--carina-background-color-info-hover)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--info:active {
    background-color: var(--carina-background-color-info-active)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--danger {
    color: var(--carina-text-color-on-info)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--danger:hover {
    background-color: var(--carina-background-color-danger-hover)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--danger:active {
    background-color: var(--carina-background-color-danger-active)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--success {
    color: var(--carina-text-color-on-info)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--success:hover {
    background-color: var(--carina-background-color-success-hover)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--success:active {
    background-color: var(--carina-background-color-success-active)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--warning {
    color: var(--carina-text-color-on-info)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--warning:hover {
    background-color: var(--carina-background-color-warning-hover)
}
.carina-app-alert .carina-app-alert__dismiss-container .carina-app-alert__dismiss-button--warning:active {
    background-color: var(--carina-background-color-warning-active)
}
.carina-app-alert__icon {
    align-self: flex-start;
    height: 24px;
    margin-top: var(--carina-spacing-3);
    margin-bottom: var(--carina-spacing-3);
    background-color: transparent
}
.carina-app-alert__icon--info {
    color: var(--carina-text-color-on-info)
}
.carina-app-alert__icon--warning {
    color: var(--carina-text-color-on-warning)
}
.carina-app-alert__icon--danger {
    color: var(--carina-text-color-on-danger)
}
.carina-app-alert__icon--success {
    color: var(--carina-text-color-on-success)
}
.carina-page-alert {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 50px;
    padding-right: var(--carina-spacing-3);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    border-radius: 10px;
    line-height: var(--carina-line-height-tight);
    box-shadow: none;
    pointer-events: auto
}
[dir='rtl'] .carina-page-alert {
    padding-left: var(--carina-spacing-4)
}
.carina-page-alert--info {
    border-color: var(--carina-border-color-info);
    color: var(--carina-text-color-on-info-pale);
    background-color: var(--carina-background-color-info-pale)
}
.carina-page-alert--warning {
    border-color: var(--carina-border-color-warning);
    color: var(--carina-text-color-on-warning-pale);
    background-color: var(--carina-background-color-warning-pale)
}
.carina-page-alert--danger {
    border-color: var(--carina-border-color-danger);
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale)
}
.carina-page-alert--success {
    border-color: var(--carina-border-color-success);
    color: var(--carina-text-color-on-success-pale);
    background-color: var(--carina-background-color-success-pale)
}
.carina-page-alert__title {
    margin-bottom: var(--carina-spacing-2);
    font-weight: var(--carina-font-weight-display)
}
.carina-page-alert__action-container {
    display: flex;
    align-items: flex-start;
    width: 100%
}
.carina-page-alert__action-container--bottom {
    flex-wrap: wrap
}
.carina-page-alert__action {
    margin-top: var(--carina-spacing-4);
    margin-inline-end: var(--carina-spacing-4);
    margin-bottom: var(--carina-spacing-4);
    margin-inline-start: auto;
    font-weight: var(--carina-font-weight-display);
    font-size: var(--carina-font-size-body-sm)
}
.carina-page-alert__action a {
    padding: var(--carina-spacing-0-5);
    text-decoration: underline
}
.carina-page-alert__action a:focus-visible {
    outline: var(--carina-border-width-2) solid
        var(--carina-colors-transparent);
    box-shadow: var(--carina-ring-black)
}
.carina-page-alert__action--bottom {
    flex: 0 0 100%;
    margin-top: 0;
    margin-bottom: var(--carina-spacing-4)
}
.carina-page-alert__action.carina-page-alert__action--info a {
    color: var(--carina-text-color-on-info-pale)
}
.carina-page-alert__action.carina-page-alert__action--info a:hover {
    color: var(--carina-text-color-on-info-pale)
}
.carina-page-alert__action.carina-page-alert__action--info a:active {
    color: var(--carina-text-color-on-info-pale)
}
.carina-page-alert__action.carina-page-alert__action--success a {
    color: var(--carina-text-color-on-success-pale)
}
.carina-page-alert__action.carina-page-alert__action--success a:hover {
    color: var(--carina-text-color-on-success-pale)
}
.carina-page-alert__action.carina-page-alert__action--success a:active {
    color: var(--carina-text-color-on-success-pale)
}
.carina-page-alert__action.carina-page-alert__action--danger a {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-page-alert__action.carina-page-alert__action--danger a:hover {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-page-alert__action.carina-page-alert__action--danger a:active {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-page-alert__action.carina-page-alert__action--warning a {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-page-alert__action.carina-page-alert__action--warning a:hover {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-page-alert__action.carina-page-alert__action--warning a:active {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-page-alert__action--dismissible {
    margin-inline-end: 0
}
.carina-page-alert__action--dismissible a,
  .carina-page-alert__action--dismissible button {
    border-color: transparent
}
.carina-page-alert__content-container {
    margin-top: var(--carina-spacing-4);
    margin-inline-end: var(--carina-spacing-6);
    margin-bottom: var(--carina-spacing-4);
    margin-inline-start: 0;
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none
}
.carina-page-alert__content-container--bottom {
    margin-bottom: var(--carina-spacing-3)
}
.carina-page-alert .carina-page-alert__dismiss-container {
    align-self: flex-start;
    height: 36px;
    margin-top: var(--carina-spacing-1-5);
    margin-right: 0;
    margin-left: var(--carina-spacing-0-5);
    cursor: pointer
}
[dir='rtl'] .carina-page-alert .carina-page-alert__dismiss-container {
    margin-right: var(--carina-spacing-2);
    margin-left: 0
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-height: 0;
    padding: 0;
    border-radius: var(--carina-border-radius-full);
    transition-timing-function: var(--carina-transition-duration-100);
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button span {
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: var(--carina-border-radius-full)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button:focus-visible {
    box-shadow: var(--carina-ring-black)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--info {
    color: var(--carina-text-color-on-info-pale)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--info:hover {
    color: var(--carina-text-color-on-info-pale);
    background-color: var(--carina-background-color-info-pale-hover)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--info:active {
    color: var(--carina-text-color-on-info-pale);
    background-color: var(--carina-background-color-info-pale-active)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--danger {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--danger:hover {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale-hover)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--danger:active {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale-active)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--success {
    color: var(--carina-text-color-on-success-pale)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--success:hover {
    color: var(--carina-text-color-on-success-pale);
    background-color: var(--carina-background-color-success-pale-hover)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--success:active {
    color: var(--carina-text-color-on-success-pale);
    background-color: var(--carina-background-color-success-pale-active)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--warning {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--warning:hover {
    color: var(--carina-text-color-on-warning-pale);
    background-color: var(--carina-background-color-warning-pale-hover)
}
.carina-page-alert .carina-page-alert__dismiss-container .carina-page-alert__dismiss-button--warning:active {
    color: var(--carina-text-color-on-warning-pale);
    background-color: var(--carina-background-color-warning-pale-active)
}
.carina-page-alert__icon {
    display: flex;
    align-items: center;
    align-self: flex-start;
    padding-top: var(--carina-spacing-3);
    padding-inline-start: var(--carina-spacing-4);
    padding-bottom: var(--carina-spacing-3);
    padding-inline-end: var(--carina-spacing-3);
    border-radius: 10px
}
.carina-page-alert__icon--info {
    color: var(--carina-text-color-on-info-pale-soft)
}
.carina-page-alert__icon--warning {
    color: var(--carina-text-color-on-warning-pale-soft)
}
.carina-page-alert__icon--danger {
    color: var(--carina-text-color-on-danger-pale-soft)
}
.carina-page-alert__icon--success {
    color: var(--carina-text-color-on-success-pale-soft)
}
.carina-user-alert {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 560px;
    min-height: 50px;
    border-style: solid;
    border-width: var(--carina-border-width-1);
    border-radius: 10px;
    line-height: var(--carina-line-height-body-sm);
    box-shadow: var(--carina-box-shadow-lg);
    pointer-events: auto
}
.carina-user-alert--info {
    border-color: var(--carina-border-color-info);
    color: var(--carina-text-color-on-info-pale);
    background-color: var(--carina-background-color-info-pale)
}
.carina-user-alert--warning {
    border-color: var(--carina-border-color-warning);
    color: var(--carina-text-color-on-warning-pale);
    background-color: var(--carina-background-color-warning-pale)
}
.carina-user-alert--danger {
    border-color: var(--carina-border-color-danger);
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale)
}
.carina-user-alert--success {
    border-color: var(--carina-border-color-success);
    color: var(--carina-text-color-on-success-pale);
    background-color: var(--carina-background-color-success-pale)
}
.carina-user-alert--fixed {
    position: fixed;
    top: 20px;
    left: 50%;
    z-index: var(--carina-z-index-alert);
    width: calc(100% - 40px);
    transform: translateX(-50%)
}
.carina-user-alert__title {
    margin-bottom: var(--carina-spacing-2);
    font-weight: var(--carina-font-weight-display)
}
.carina-user-alert__action-container {
    display: flex;
    align-items: flex-start;
    width: 100%
}
.carina-user-alert__action {
    margin-top: var(--carina-spacing-5);
    margin-inline-end: var(--carina-spacing-5);
    margin-bottom: var(--carina-spacing-5);
    margin-inline-start: auto;
    font-weight: var(--carina-font-weight-display);
    font-size: var(--carina-font-size-body-sm);
    max-height: 20px
}
.carina-user-alert__action a {
    padding: var(--carina-spacing-0-5);
    text-decoration: underline
}
.carina-user-alert__action a:focus-visible {
    outline: var(--carina-border-width-2) solid
        var(--carina-colors-transparent);
    box-shadow: var(--carina-ring-black)
}
.carina-user-alert__action button {
    margin-top: calc(-1 * var(--carina-spacing-2));
    margin-bottom: calc(-1 * var(--carina-spacing-2));
    font-weight: var(--carina-font-weight-body)
}
.carina-user-alert__action.carina-user-alert__action--info a {
    color: var(--carina-text-color-on-info-pale)
}
.carina-user-alert__action.carina-user-alert__action--info a:hover {
    color: var(--carina-text-color-on-info-pale)
}
.carina-user-alert__action.carina-user-alert__action--info a:active {
    color: var(--carina-text-color-on-info-pale)
}
.carina-user-alert__action.carina-user-alert__action--success a {
    color: var(--carina-text-color-on-success-pale)
}
.carina-user-alert__action.carina-user-alert__action--success a:hover {
    color: var(--carina-text-color-on-success-pale)
}
.carina-user-alert__action.carina-user-alert__action--success a:active {
    color: var(--carina-text-color-on-success-pale)
}
.carina-user-alert__action.carina-user-alert__action--danger a {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-user-alert__action.carina-user-alert__action--danger a:hover {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-user-alert__action.carina-user-alert__action--danger a:active {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-user-alert__action.carina-user-alert__action--warning a {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-user-alert__action.carina-user-alert__action--warning a:hover {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-user-alert__action.carina-user-alert__action--warning a:active {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-user-alert__action--dismissible {
    margin-inline-end: 0
}
.carina-user-alert__action--dismissible a,
  .carina-user-alert__action--dismissible button {
    border-color: transparent;
    border-style: solid;
    border-width: var(--carina-border-width-4)
}
.carina-user-alert__content-container {
    margin-top: var(--carina-spacing-5);
    margin-inline-end: var(--carina-spacing-2);
    margin-bottom: var(--carina-spacing-5);
    margin-inline-start: 0;
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none
}
.carina-user-alert .carina-user-alert__dismiss-container {
    align-self: flex-start;
    height: 36px;
    margin-top: var(--carina-spacing-3);
    margin-bottom: var(--carina-spacing-3);
    margin-right: var(--carina-spacing-3);
    margin-left: var(--carina-spacing-2);
    cursor: pointer
}
[dir='rtl'] .carina-user-alert .carina-user-alert__dismiss-container {
    margin-right: var(--carina-spacing-2);
    margin-left: 0
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border-radius: var(--carina-border-radius-full);
    cursor: pointer;
    transition-timing-function: var(
      --carina-transition-timing-function-expressive-ease-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: color, box-shadow
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button span {
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: var(--carina-border-radius-full)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button:focus-visible {
    box-shadow: var(--carina-ring-black)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--info {
    color: var(--carina-text-color-on-info-pale)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--info:hover {
    color: var(--carina-text-color-on-info-pale);
    background-color: var(--carina-background-color-info-pale-hover)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--info:active {
    color: var(--carina-text-color-on-info-pale);
    background-color: var(--carina-background-color-info-pale-active)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--danger {
    color: var(--carina-text-color-on-danger-pale)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--danger:hover {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale-hover)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--danger:active {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale-active)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--success {
    color: var(--carina-text-color-on-success-pale)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--success:hover {
    color: var(--carina-text-color-on-success-pale);
    background-color: var(--carina-background-color-success-pale-hover)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--success:active {
    color: var(--carina-text-color-on-success-pale);
    background-color: var(--carina-background-color-success-pale-active)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--warning {
    color: var(--carina-text-color-on-warning-pale)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--warning:hover {
    color: var(--carina-text-color-on-warning-pale);
    background-color: var(--carina-background-color-warning-pale-hover)
}
.carina-user-alert .carina-user-alert__dismiss-container .carina-user-alert__dismiss-button--warning:active {
    color: var(--carina-text-color-on-warning-pale);
    background-color: var(--carina-background-color-warning-pale-active)
}
.carina-user-alert__icon {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    padding-top: calc(var(--carina-spacing-4) + var(--carina-spacing-0-5));
    padding-inline-end: var(--carina-spacing-4);
    padding-bottom: calc(var(--carina-spacing-4) + var(--carina-spacing-0-5));
    padding-inline-start: var(--carina-spacing-3)
}
.carina-user-alert__icon--info {
    color: var(--carina-text-color-on-info-pale-soft)
}
.carina-user-alert__icon--warning {
    color: var(--carina-text-color-on-warning-pale-soft)
}
.carina-user-alert__icon--danger {
    color: var(--carina-text-color-on-danger-pale-soft)
}
.carina-user-alert__icon--success {
    color: var(--carina-text-color-on-success-pale-soft)
}
.carina-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: var(--carina-spacing-5);
    height: var(--carina-spacing-5);
    padding: 0 var(--carina-spacing-1-5);
    border-radius: var(--carina-border-radius-full);
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-normal)
}
.carina-badge__indicator {
    display: inline-block;
    width: var(--carina-spacing-2-5);
    height: var(--carina-spacing-2-5);
    border-radius: var(--carina-border-radius-full);
    transform: translateY(-4px)
}
.carina-badge--danger {
    color: var(--carina-text-color-on-danger);
    background-color: var(--carina-background-color-danger)
}
.carina-badge--tertiary {
    color: var(--carina-text-color-on-tertiary);
    background-color: var(--carina-background-color-tertiary)
}
@keyframes carina-bounce {
    0%,
  50%,
  100% {
        transform: translateY(0)
    }
    25%,
  75% {
        transform: translateY(var(--carina-bounce-distance))
    }
}
.carina-text-link {
    box-sizing: border-box;
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    color: var(--carina-text-color-primary);
    font-weight: var(--carina-font-weight-body);
    font-size: inherit;
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-transform: none;
    text-decoration: underline;
    text-indent: 0;
    text-shadow: none;
    background: none;
    outline: 0;
    cursor: pointer;
    transition-timing-function: var(
    --carina-transition-timing-function-productive-ease-in-out
  );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: outline;
    appearance: none
}
.carina-text-link svg {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-inline-end: var(--carina-spacing-1);
    vertical-align: middle
}
.carina-text-link:hover {
    color: var(--carina-text-color-primary-hover)
}
.carina-text-link:focus {
    outline-width: var(--carina-border-width-2);
    outline-style: solid;
    outline-color: var(--carina-border-color-primary-focus)
}
.carina-text-link:active {
    color: var(--carina-text-color-primary-active)
}
.carina-text-link--block {
    top: 0;
    display: inline-flex
}
.carina-text-link--bold {
    font-weight: var(--carina-font-weight-display)
}
.carina-text-link--sm {
    font-size: var(--carina-font-size-body-2xs)
}
.carina-text-link--md {
    font-size: var(--carina-font-size-body-sm)
}
.carina-text-link--lg {
    font-size: var(--carina-font-size-body-md)
}
.carina-text-link--neutral {
    color: var(--carina-text-color-base)
}
.carina-text-link--neutral:hover {
    color: var(--carina-text-color-base)
}
.carina-text-link--neutral:active {
    color: var(--carina-text-color-base)
}
.carina-text-link--neutral:visited {
    color: var(--carina-text-color-primary-visited)
}
.carina-text-link--brand,
.carina-text-link--interactive {
    color: var(--carina-text-color-primary)
}
.carina-text-link--brand:hover, .carina-text-link--interactive:hover {
    color: var(--carina-text-color-primary-hover)
}
.carina-text-link--brand:active, .carina-text-link--interactive:active {
    color: var(--carina-text-color-primary-active)
}
.carina-text-link--brand:visited, .carina-text-link--interactive:visited {
    color: var(--carina-text-color-primary-visited)
}
.carina-text-link--warning {
    color: var(--carina-text-color-warning)
}
.carina-text-link--warning:hover {
    color: var(--carina-text-color-warning-hover)
}
.carina-text-link--warning:active {
    color: var(--carina-text-color-warning-active)
}
.carina-text-link--warning:visited {
    color: var(--carina-text-color-warning-visited)
}
.carina-text-link--danger {
    color: var(--carina-text-color-danger)
}
.carina-text-link--danger:hover {
    color: var(--carina-text-color-danger-hover)
}
.carina-text-link--danger:active {
    color: var(--carina-text-color-danger-active)
}
.carina-text-link--danger:visited {
    color: var(--carina-text-color-danger-visited)
}
.carina-text-link--accent {
    color: var(--carina-text-color-secondary)
}
.carina-text-link--accent:hover {
    color: var(--carina-text-color-secondary-hover)
}
.carina-text-link--accent:active {
    color: var(--carina-text-color-secondary-active)
}
.carina-text-link--accent:visited {
    color: var(--carina-text-color-secondary-visited)
}
.carina-text-link--tertiary {
    color: var(--carina-text-color-tertiary)
}
.carina-text-link--tertiary:hover {
    color: var(--carina-text-color-tertiary-hover)
}
.carina-text-link--tertiary:active {
    color: var(--carina-text-color-tertiary-active)
}
.carina-text-link--tertiary:visited {
    color: var(--carina-text-color-tertiary-visited)
}
.carina-text-link--success {
    color: var(--carina-text-color-success)
}
.carina-text-link--success:hover {
    color: var(--carina-text-color-success-hover)
}
.carina-text-link--success:active {
    color: var(--carina-text-color-success-active)
}
.carina-text-link--success:visited {
    color: var(--carina-text-color-success-visited)
}
.carina-text-link--icon-sm svg {
    width: var(--carina-icon-xs);
    height: var(--carina-icon-xs)
}
.carina-text-link--icon-md svg {
    width: var(--carina-icon-md);
    height: var(--carina-icon-md)
}
.carina-text-link--icon-lg svg {
    width: var(--carina-icon-lg);
    height: var(--carina-icon-lg)
}
.carina-text-link.carina-text-link--icon-end {
    text-align: right
}
.carina-text-link.carina-text-link--icon-end svg {
    margin-inline-end: 0;
    margin-inline-start: var(--carina-spacing-1)
}
.carina-text-link--disabled {
    color: var(--carina-text-color-disabled);
    text-decoration: none;
    cursor: not-allowed
}
.carina-text-link--disabled[aria-disabled]:focus {
    outline-color: var(--carina-text-color-disabled)
}
.carina-text-link--disabled:hover,
  .carina-text-link--disabled:focus,
  .carina-text-link--disabled:active {
    color: var(--carina-text-color-disabled);
    text-decoration: none;
    cursor: not-allowed
}
.carina-popper {
    border-radius: var(--carina-border-radius-md);
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    background-color: var(--carina-background-color-popper)
}
.carina-popper__container {
    z-index: var(--carina-z-index-popper)
}
.carina-popper--shadow {
    box-shadow: var(--carina-box-shadow-lg)
}
.carina-popper__arrow::before {
    position: absolute;
    top: 0;
    left: 0;
    border: solid;
    border-color: var(--carina-background-color-popper)
    var(--carina-background-color-popper) transparent transparent;
    border-width: var(--carina-border-width-4);
    transform: rotate(var(--carina-rotate-negative-45)) translate(-50%, -50%);
    transform-origin: 0 0;
    content: ''
}
.carina-popper__arrow--top {
    bottom: 0
}
.carina-popper__arrow--top::before {
    border-color: transparent transparent var(--carina-background-color-popper)
      var(--carina-background-color-popper)
}
.carina-popper__arrow--end {
    left: 0
}
.carina-popper__arrow--end::before {
    border-color: var(--carina-background-color-popper) transparent transparent
      var(--carina-background-color-popper)
}
.carina-popper__arrow--bottom {
    top: 0
}
.carina-popper__arrow--bottom::before {
    border-color: var(--carina-background-color-popper)
      var(--carina-background-color-popper) transparent transparent
}
.carina-popper__arrow--start {
    right: 0
}
.carina-popper__arrow--start::before {
    border-color: transparent var(--carina-background-color-popper)
      var(--carina-background-color-popper) transparent
}
.carina-popper__arrow--top.carina-popper__arrow--shadow::before {
    box-shadow: -6px 6px 6px 0 rgb(0 0 0 / 4%)
}
.carina-popper__arrow--end.carina-popper__arrow--shadow::before {
    box-shadow: -6px -6px 6px 0 rgb(0 0 0 / 4%)
}
.carina-popper__arrow--bottom.carina-popper__arrow--shadow::before {
    box-shadow: 6px -6px 6px 0 rgb(0 0 0 / 4%)
}
.carina-popper__arrow--start.carina-popper__arrow--shadow::before {
    box-shadow: 6px 6px 6px 0 rgb(0 0 0 / 4%)
}
.carina-popper__arrow--medium::before {
    border-width: 7px
}
.carina-popper__arrow--large::before {
    border-width: 11px
}
.carina-popper__backup-arrow {
    position: absolute;
    visibility: hidden
}
.carina-popper__transition {
    transform: translate(
    var(--carina-transition-translate-x),
    var(--carina-transition-translate-y)
  );
    transition-delay: var(--carina-transition-delay-50)
}
.carina-popper__transition.carina-transition--out {
    --carina-transition-opacity: 0
}
.carina-popper__transition--disabled {
    --carina-transition-opacity: 0;
    transition-property: none
}
.carina-visually-hidden-element {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.carina-visually-hidden-element--focus:focus,
    .carina-visually-hidden-element--focus:active {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}
.carina-tooltip__popper {
    max-width: 282px;
    padding: var(--carina-spacing-2);
    color: var(--carina-text-color-base-inverse);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-2xs);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-body-3xs);
    box-shadow: var(--carina-box-shadow-lg);
    pointer-events: none;
    word-break: break-word
}
.carina-tooltip__container {
    --carina-background-color-popper: var(
    --carina-background-color-surface-inverse
  )
}
.carina-tooltip__arrow::before {
    border-color: var(--carina-background-color-popper)
}
.carina-magazine {
    position: absolute;
    z-index: calc(
    var(--carina-z-index-current) + var(--carina-z-index-popper-diff)
  );
    display: block;
    box-sizing: border-box;
    width: max-content;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-2) var(--carina-spacing-0);
    border-radius: var(--carina-border-radius-md);
    overflow: auto;
    text-align: left;
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-popper);
    outline: none;
    box-shadow: var(--carina-box-shadow-lg)
}
[dir='rtl'] .carina-magazine {
    text-align: right
}
.carina-magazine-option__label-row {
    display: flex;
    justify-content: space-between;
    width: 100%
}
.carina-magazine-option__label-row svg {
    margin: auto
}
.carina-magazine-option__label-container {
    display: flex;
    align-items: flex-start
}
.carina-magazine-option__label-check {
    display: flex;
    align-items: center
}
.carina-magazine-option__label-check-icon {
    color: var(--carina-text-color-base)
}
.carina-magazine-option__list-item {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.carina-magazine-option__line-break {
    width: 100%;
    margin-top: var(--carina-spacing-2);
    margin-bottom: var(--carina-spacing-2);
    border-top: var(--carina-border-width-1) solid var(--carina-border-color-soft)
}
.carina-magazine-option__tooltip-container {
    z-index: calc(var(--carina-z-index-popper) + var(--carina-z-index-10))
}
.carina-magazine-option {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: border-box;
    margin: var(--carina-spacing-0) var(--carina-spacing-2);
    padding: var(--carina-spacing-2);
    border: var(--carina-border-width-0);
    border-radius: var(--carina-border-radius-md);
    color: var(--carina-text-color-base);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    text-indent: var(--carina-spacing-0);
    text-shadow: none;
    outline: var(--carina-spacing-0);
    cursor: pointer;
    appearance: none;
    word-break: break-word
}
[dir='rtl'] .carina-magazine-option {
    text-align: right
}
.carina-magazine-option:-moz-focus-inner {
    border: var(--carina-border-width-0)
}
.carina-magazine-option:focus-visible.carina-magazine-option--focused:not(.carina-magazine-option--selected):not(
      .carina-magazine-option--disabled
    ):not(.carina-magazine-option--heading):not(.carina-magazine-option--destructive):not(
      .carina-magazine-option__secondary-label-container
    ) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-hover);
    box-shadow: var(--carina-ring-black) inset
}
.carina-magazine-option:focus-visible.carina-magazine-option--focused:not(.carina-magazine-option--selected):not(
      .carina-magazine-option--disabled
    ):not(.carina-magazine-option--heading):not(.carina-magazine-option--destructive):not(
      .carina-magazine-option__secondary-label-container
    ) li {
    color: var(--carina-text-color-base)
}
.carina-magazine-option li {
    color: var(--carina-text-color-base)
}
.carina-magazine-option div span {
    color: var(--carina-text-color-base)
}
.carina-magazine-option:hover:not(.carina-magazine-option--selected):not(.carina-magazine-option--disabled):not(
      .carina-magazine-option--destructive
    ):not(.carina-magazine-option--heading):not(.carina-magazine-option__secondary-label-container) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-hover)
}
.carina-magazine-option:hover:not(.carina-magazine-option--selected):not(.carina-magazine-option--disabled):not(
      .carina-magazine-option--destructive
    ):not(.carina-magazine-option--heading):not(.carina-magazine-option__secondary-label-container) li {
    color: var(--carina-text-color-base);
    outline: none
}
.carina-magazine-option:hover:not(.carina-magazine-option--selected):not(.carina-magazine-option--disabled):not(
      .carina-magazine-option--destructive
    ):not(.carina-magazine-option--heading):not(.carina-magazine-option__secondary-label-container) div span {
    color: var(--carina-text-color-base)
}
.carina-magazine-option:active {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active)
}
.carina-magazine-option.carina-magazine-option--heading {
    min-height: 20px;
    margin-top: var(--carina-spacing-2-5);
    margin-bottom: var(--carina-spacing-1-5);
    padding-top: var(--carina-spacing-0);
    padding-bottom: var(--carina-spacing-0);
    border-top: var(--carina-border-width-1) solid var(--carina-border-color-soft);
    border-radius: var(--carina-border-radius-none);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-display);
    font-size: var(--carina-font-size-body-2xs);
    text-transform: uppercase;
    cursor: default
}
.carina-magazine-option.carina-magazine-option--heading[role='separator']:not(:first-of-type) {
    width: 100%;
    height: 100%;
    margin-top: var(--carina-spacing-3);
    margin-inline: var(--carina-spacing-0);
    padding: var(--carina-spacing-2-5) var(--carina-spacing-4)
      var(--carina-spacing-0)
}
.carina-magazine-option--heading:hover,
  .carina-magazine-option--heading:focus,
  .carina-magazine-option--heading:active,
  .carina-magazine-option--disabled:hover,
  .carina-magazine-option--disabled:focus,
  .carina-magazine-option--disabled:active {
    background-color: unset
}
.carina-magazine-option__secondary-label-container {
    padding-inline-start: var(--carina-spacing-0)
}
.carina-magazine-option__secondary-label-container li {
    float: left;
    margin-top: var(--carina-spacing-2);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-2xs);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-normal);
    list-style: none;
    list-style-type: disc;
    margin-inline-start: var(--carina-spacing-2)
}
.carina-magazine-option__secondary-label-container li::before {
    margin-inline-end: var(--carina-spacing-2);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-2xs);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-normal);
    vertical-align: middle;
    content: '\00b7'
}
.carina-magazine-option__secondary-label-container li:first-of-type {
    margin-inline-start: var(--carina-spacing-0)
}
.carina-magazine-option__secondary-label-container li:first-of-type::before {
    content: none
}
[dir='rtl'] .carina-magazine-option__secondary-label-container li {
    float: right
}
.carina-magazine-option.carina-magazine-option--selected {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-selected)
}
.carina-magazine-option.carina-magazine-option--selected:focus-visible {
    box-shadow: var(--carina-ring-black) inset
}
.carina-magazine-option.carina-magazine-option--focused:not(.carina-magazine-option--heading):not(.carina-magazine-option--disabled):not(
    .carina-magazine-option--destructive
  ):not(.carina-magazine-option--selected) li {
    color: var(--carina-text-color-base);
    outline: none
}
.carina-magazine-option.carina-magazine-option--focused:not(.carina-magazine-option--heading):not(.carina-magazine-option--disabled):not(
    .carina-magazine-option--destructive
  ):not(.carina-magazine-option--selected) div span {
    color: var(--carina-text-color-base)
}
.carina-magazine-option.carina-magazine-option--focused:not(.carina-magazine-option--heading):not(.carina-magazine-option--disabled):not(
    .carina-magazine-option--destructive
  ):not(.carina-magazine-option--selected):focus-visible {
    box-shadow: var(--carina-ring-black) inset
}
.carina-magazine-option--destructive {
    color: var(--carina-text-color-danger)
}
.carina-magazine-option--destructive:focus-visible.carina-magazine-option--focused {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale)
}
.carina-magazine-option--destructive:focus-visible {
    box-shadow: var(--carina-ring-danger) inset
}
.carina-magazine-option--destructive:focus,
  .carina-magazine-option--destructive:hover {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale)
}
.carina-magazine-option--destructive:active {
    color: var(--carina-text-color-on-danger-pale);
    background-color: var(--carina-background-color-danger-pale-hover)
}
.carina-magazine-option--disabled {
    color: var(--carina-text-color-disabled);
    cursor: not-allowed;
    opacity: var(--carina-opacity-50)
}
.carina-magazine-option--disabled:hover,
  .carina-magazine-option--disabled:focus {
    background-color: var(--carina-background-color-surface)
}
.carina-magazine-option.carina-magazine-option--first-option {
    border-top: var(--carina-border-width-0)
}
.carina-magazine-option--selected:not(.carina-magazine-option--focused) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active)
}
.carina-menu__magazine {
    position: relative;
    width: max-content;
    min-width: 176px;
    max-width: 18rem;
    padding: var(--carina-spacing-2) var(--carina-spacing-0)
}
.carina-button-group {
    display: flex
}
.carina-button-group__item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    height: 40px;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-2) var(--carina-spacing-4);
    border: var(--carina-border-width-1) solid var(--carina-border-color-soft);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-md);
    font-family: var(--carina-font-family-primary);
    background-color: var(--carina-background-color-surface);
    cursor: pointer;
    transition: all var(--carina-transition-duration-100)
    var(--carina-transition-timing-function-productive-ease-in-out);
    margin-inline-start: calc(-1 * var(--carina-spacing-px))
}
.carina-button-group__item svg {
    transition: all var(--carina-transition-duration-100)
      var(--carina-transition-timing-function-productive-ease-in-out)
}
.carina-button-group__item:focus-visible {
    outline: var(--carina-border-width-2) solid var(--carina-colors-transparent);
    box-shadow: var(--carina-ring-base);
    z-index: calc(var(--carina-z-index-current) + 2)
}
.carina-button-group__item--small {
    min-width: 96px;
    height: 32px;
    font-size: var(--carina-font-size-body-sm)
}
.carina-button-group__item--large {
    min-width: 128px;
    height: 44px
}
.carina-button-group__item--disabled {
    cursor: default;
    opacity: var(--carina-opacity-40)
}
.carina-button-group__item:not(.carina-button-group__item--disabled):not(.carina-button-group__item--selected):not(
    .carina-button-group__item:active
  ):hover {
    color: var(--carina-text-color-base);
    background: var(--carina-background-color-surface-hover)
}
.carina-button-group__item:active:not(.carina-button-group__item--disabled),
.carina-button-group__item--selected,
.carina-button-group__item--selected:focus,
.carina-button-group__item--selected:hover {
    color: var(--carina-text-color-on-primary);
    background: var(--carina-background-color-primary);
    cursor: default
}
.carina-button-group__item--selected {
    border: var(--carina-border-width-1) solid
    var(--carina-border-color-primary-focus);
    z-index: calc(var(--carina-z-index-current) + 1)
}
.carina-button-group__item--first {
    margin-inline-start: var(--carina-spacing-0);
    border-start-start-radius: var(--carina-spacing-2-5);
    border-end-start-radius: var(--carina-spacing-2-5)
}
.carina-button-group__item--last {
    border-start-end-radius: var(--carina-spacing-2-5);
    border-end-end-radius: var(--carina-spacing-2-5)
}
.carina-button-group__item--auto-width,
.carina-button-group__item--icon-only {
    min-width: unset
}
.carina-button-group__item--icon-only {
    padding: var(--carina-spacing-2)
}
.carina-button-group__item-icon {
    display: flex;
    align-content: center;
    justify-content: center
}
.carina-button-group__item-icon--start {
    padding-inline-end: var(--carina-spacing-2)
}
.carina-button-group__item-icon--end {
    padding-inline-start: var(--carina-spacing-2)
}
.carina-button-group__item-icon--icon-only {
    padding: var(--carina-spacing-0)
}
.carina-card__body {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 0
}
.carina-card__body--horizontal {
    flex: 1 0 50%
}
.carina-card__body--vertical {
    flex: 1 0 40%;
    min-height: calc(var(--card-height, 500px) * 0.4)
}
.carina-card__container {
    display: flex;
    width: var(--card-width, 500px);
    max-height: var(--card-height, 500px);
    border-radius: var(--carina-border-radius-xl);
    overflow: hidden;
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    font-family: var(--carina-font-family-primary);
    direction: ltr;
    background-color: var(--carina-background-color-surface)
}
[dir='rtl'] .carina-card__container {
    direction: rtl
}
.carina-card__container--border {
    border-color: var(--carina-border-color-soft);
    border-style: solid;
    border-width: var(--carina-border-width-1)
}
.carina-card__container--horizontal {
    flex-direction: row
}
[dir='rtl'] .carina-card__container--horizontal {
    direction: rtl
}
.carina-card__container--horizontal.carina-card__container--responsive {
    width: 100%
}
.carina-card__container--vertical {
    flex-wrap: wrap
}
.carina-card__container--vertical.carina-card__container--responsive {
    width: 100%;
    height: 100%
}
.carina-card__container--vertical.carina-card__container--fixed-width {
    height: 100%
}
.carina-card__container--shadow-none {
    box-shadow: var(--carina-box-shadow-none)
}
.carina-card__container--shadow-md {
    box-shadow: var(--carina-box-shadow-md)
}
.carina-card__container--shadow-lg {
    box-shadow: var(--carina-box-shadow-lg)
}
.carina-card__container--shadow-xl {
    box-shadow: var(--carina-box-shadow-xl)
}
.carina-card__container--shadow-2xl {
    box-shadow: var(--carina-box-shadow-2xl)
}
.carina-card__endcap {
    display: flex
}
.carina-card__endcap--header {
    align-items: center;
    justify-content: center
}
.carina-card__endcap--header.carina-card__endcap--horizontal {
    flex: 0 0 20%
}
.carina-card__endcap--header.carina-card__endcap--vertical {
    width: 100%;
    min-height: calc(var(--card-height, 500px) * 0.4)
}
.carina-card__endcap--footer.carina-card__endcap--horizontal {
    align-items: flex-start;
    justify-content: center
}
.carina-card__endcap--footer.carina-card__endcap--vertical {
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    min-height: 10%
}
.carina-card__image {
    position: relative;
    padding: 0;
    overflow: hidden
}
.carina-card__image--full {
    width: 100%;
    height: 100%
}
.carina-card__image--padded {
    width: 80%;
    height: 80%
}
.carina-card__image-canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%)
}
.carina-carousel {
    display: flex;
    flex-direction: column-reverse;
    box-sizing: border-box;
    width: 100%;
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-2xs);
    font-family: var(--carina-font-family-primary)
}
.carina-carousel--show-overhang {
    padding: var(--carina-spacing-0)
    calc(var(--carina-spacing-4) + (0.5 * var(--carina-spacing-1)))
}
.carina-carousel__container {
    position: relative;
    padding: var(--carina-spacing-0) 0.4rem
}
.carina-carousel__container--inset-controls {
    padding: var(--carina-spacing-0)
}
.carina-carousel--lg-dots {
    --carina-carousel-dot-size: 16px;
    --carina-carousel-dot-padding: 24px
}
.carina-carousel--md-dots {
    --carina-carousel-dot-size: 12px;
    --carina-carousel-dot-padding: 20px
}
.carina-carousel__control {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    padding: var(--carina-spacing-0-5);
    border: 0;
    border-radius: var(--carina-border-radius-full);
    color: var(--carina-text-color-soft);
    line-height: 36px;
    text-align: center;
    background: var(--carina-background-color-surface);
    box-shadow: color-mix(
  in srgb,
  #000 calc(var(--carina-opacity-25) * 100%),
  transparent
) 0 var(--carina-spacing-1)
  var(--carina-spacing-2) calc(-1 * var(--carina-spacing-1));
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    cursor: pointer;
    opacity: var(--carina-opacity-0);
    transition: transform var(--carina-transition-delay-100)
      var(--carina-transition-timing-function-productive-ease-in-out),
    box-shadow var(--carina-transition-delay-100)
      var(--carina-transition-timing-function-productive-ease-in-out)
}
.carina-carousel__control:focus {
    outline: none
}
.carina-carousel__control:focus-visible {
    outline: var(--carina-border-color-primary-focus) auto 1px
}
.carina-carousel__control:active {
    transform: translateY(-50%) scale(1.03)
}
.carina-carousel__control--previous {
    inset-inline-start: 0
}
[dir='rtl'] .carina-carousel__control--previous {
    box-shadow: color-mix(
  in srgb,
  #000 calc(var(--carina-opacity-25) * 100%),
  transparent
) 0 calc(-1 * var(--carina-spacing-1))
  var(--carina-spacing-2) calc(-1 * var(--carina-spacing-1));
    transform: rotate(180deg) translateY(50%);
    transform-origin: 50% 50%
}
.carina-carousel__control--next {
    inset-inline-end: 0
}
[dir='rtl'] .carina-carousel__control--next {
    box-shadow: color-mix(
  in srgb,
  #000 calc(var(--carina-opacity-25) * 100%),
  transparent
) 0 calc(-1 * var(--carina-spacing-1))
  var(--carina-spacing-2) calc(-1 * var(--carina-spacing-1));
    transform: rotate(180deg) translateY(50%);
    transform-origin: 50% 50%
}
.carina-carousel__control--inset {
    width: 24px;
    height: 24px
}
.carina-carousel__control--previous.carina-carousel__control--inset {
    inset-inline-start: calc(var(--carina-spacing-1))
}
.carina-carousel__control--next.carina-carousel__control--inset {
    inset-inline-end: calc(var(--carina-spacing-1))
}
.carina-carousel__dot {
    position: absolute;
    width: var(--carina-carousel-dot-size);
    height: var(--carina-carousel-dot-size);
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    border: 0;
    border-radius: var(--carina-border-radius-full);
    text-decoration: none;
    background: var(--carina-background-color-neutral);
    transform-origin: 50% 50%;
    cursor: pointer;
    transition: transform var(--carina-transition-duration-400)
      var(--carina-transition-timing-function-productive-ease-in-out),
    opacity var(--carina-transition-duration-400)
      var(--carina-transition-timing-function-productive-ease-in-out),
    box-shadow var(--carina-transition-duration-100)
      var(--carina-transition-timing-function-productive-ease-in-out)
}
.carina-carousel__dot--active {
    background: var(--carina-background-color-surface-inverse);
    cursor: default
}
.carina-carousel__dot--hidden {
    opacity: var(--carina-opacity-0)
}
.carina-carousel__dots {
    position: relative;
    margin: var(--carina-spacing-4) auto 0;
    background: var(--carina-background-color-surface);
    padding: var(--carina-spacing-2);
    border-radius: var(--carina-border-radius-2xl);
    width: calc(
    var(--carina-carousel-dot-padding) * var(--carina-carousel-visible-dots) +
      16px
  );
    height: calc(var(--carina-carousel-dot-size) + 2 * var(--carina-spacing-2));
    box-sizing: border-box;
    display: flex;
    justify-content: center
}
.carina-carousel__dots:focus-visible {
    box-shadow: inset var(--carina-ring-base);
    outline: none
}
.carina-carousel__dots--hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}
.carina-carousel__dots--1 {
    --carina-carousel-visible-dots: 1
}
.carina-carousel__dots--2 {
    --carina-carousel-visible-dots: 2
}
.carina-carousel__dots--3 {
    --carina-carousel-visible-dots: 3
}
.carina-carousel__dots--4 {
    --carina-carousel-visible-dots: 4
}
.carina-carousel__dots--5 {
    --carina-carousel-visible-dots: 5
}
.carina-carousel__numbers {
    position: absolute;
    top: var(--carina-spacing-4);
    inset-inline-start: var(--carina-spacing-8);
    padding: calc(2 * var(--carina-spacing-px)) var(--carina-spacing-2);
    border-radius: calc(
    var(--carina-border-radius-sm) + var(--carina-border-radius-lg)
  );
    color: var(--carina-text-color-base-inverse);
    background: color-mix(
    in srgb,
    var(--carina-background-color-surface-inverse)
      calc(var(--carina-opacity-80) * 100%),
    transparent
  );
    pointer-events: none
}
.carina-carousel__numbers--inset {
    top: var(--carina-spacing-2);
    inset-inline-start: var(--carina-spacing-2)
}
.carina-carousel__slide {
    flex: 0 0 100%;
    box-sizing: border-box;
    padding: var(--carina-spacing-0) calc(6 * var(--carina-spacing-px));
    overflow: hidden
}
.carina-carousel__slide > * {
    border-radius: var(--carina-border-radius-xl)
}
.carina-carousel__slide > * > img {
    border-radius: var(--carina-border-radius-xl)
}
.carina-carousel__slide--inset {
    padding: var(--carina-spacing-0)
}
.carina-carousel__slide--hidden {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}
.carina-carousel__slide--1-cols {
    flex-basis: calc(100% / 1);
    width: calc(100% / 1);
    max-width: calc(100% / 1)
}
.carina-carousel__slide--2-cols {
    flex-basis: calc(100% / 2);
    width: calc(100% / 2);
    max-width: calc(100% / 2)
}
.carina-carousel__slide--3-cols {
    flex-basis: calc(100% / 3);
    width: calc(100% / 3);
    max-width: calc(100% / 3)
}
.carina-carousel__slide--4-cols {
    flex-basis: calc(100% / 4);
    width: calc(100% / 4);
    max-width: calc(100% / 4)
}
.carina-carousel__slide--5-cols {
    flex-basis: calc(100% / 5);
    width: calc(100% / 5);
    max-width: calc(100% / 5)
}
.carina-carousel__slide--6-cols {
    flex-basis: calc(100% / 6);
    width: calc(100% / 6);
    max-width: calc(100% / 6)
}
.carina-carousel__slide--7-cols {
    flex-basis: calc(100% / 7);
    width: calc(100% / 7);
    max-width: calc(100% / 7)
}
.carina-carousel__slide--8-cols {
    flex-basis: calc(100% / 8);
    width: calc(100% / 8);
    max-width: calc(100% / 8)
}
.carina-carousel__slide--9-cols {
    flex-basis: calc(100% / 9);
    width: calc(100% / 9);
    max-width: calc(100% / 9)
}
.carina-carousel__slide--10-cols {
    flex-basis: calc(100% / 10);
    width: calc(100% / 10);
    max-width: calc(100% / 10)
}
.carina-carousel__slide--11-cols {
    flex-basis: calc(100% / 11);
    width: calc(100% / 11);
    max-width: calc(100% / 11)
}
.carina-carousel__slide--12-cols {
    flex-basis: calc(100% / 12);
    width: calc(100% / 12);
    max-width: calc(100% / 12)
}
.carina-carousel__slider-wrapper {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}
.carina-carousel__slider-wrapper--show-overhang {
    padding: var(--carina-spacing-0) calc(50 * var(--carina-spacing-px))
}
.carina-carousel__slider {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    list-style: none;
    transition-timing-function: var(
    --carina-transition-timing-function-productive-ease-in-out
  );
    transition-duration: var(--carina-transition-duration-400);
    transition-property: transform
}
.carina-carousel__slider--touching {
    transition-duration: calc(0 * var(--carina-transition-duration-50))
}
.carina-checkbox {
    position: absolute;
    margin: var(--carina-spacing-0);
    cursor: pointer;
    opacity: var(--carina-opacity-0)
}
.carina-checkbox:focus-visible + div {
    border-color: var(--carina-border-color-primary-focus);
    box-shadow: var(--carina-ring-base)
}
.carina-checkbox--error:focus-visible + div {
    border-color: var(--carina-border-color-danger-focus);
    box-shadow: var(--carina-ring-danger)
}
.carina-checkbox__box {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    width: var(--carina-spacing-4);
    height: var(--carina-spacing-4);
    box-sizing: border-box;
    margin-right: var(--carina-spacing-2);
    border-color: var(--carina-border-color-base);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    border-radius: var(--carina-border-radius-sm);
    background-color: var(--carina-colors-transparent);
    transition-timing-function: var(
    --carina-transition-timing-function-productive-ease-in-out
  );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color, box-shadow
}
[dir='rtl'] .carina-checkbox__box {
    margin-right: var(--carina-spacing-0);
    margin-left: var(--carina-spacing-2)
}
.carina-checkbox__box--read-only {
    color: var(--carina-text-color-base);
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface-alt);
    -webkit-user-select: text;
    user-select: text
}
.carina-checkbox__box--read-only:focus {
    border-color: var(--carina-border-color-primary-focus)
}
.carina-checkbox__box--read-only:hover {
    cursor: not-allowed
}
.carina-checkbox__box--checked {
    border-color: var(--carina-border-color-primary);
    background-color: var(--carina-background-color-primary)
}
.carina-checkbox__box--error {
    border-color: var(--carina-border-color-danger)
}
.carina-checkbox__box--checked.carina-checkbox__box--error {
    background-color: var(--carina-background-color-danger)
}
.carina-checkbox__box--disabled,
.carina-checkbox__box--disabled.carina-checkbox__box--error {
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-neutral-inactive);
    cursor: not-allowed
}
.carina-checkbox__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--carina-spacing-4);
    height: var(--carina-spacing-4);
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    pointer-events: none;
    fill: var(--carina-text-color-on-primary)
}
.carina-checkbox__box--error.carina-checkbox__icon {
    fill: var(--carina-text-color-on-danger)
}
.carina-checkbox__icon--disabled {
    fill: var(--carina-text-color-disabled)
}
.carina-checkbox__indeterminate-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--carina-spacing-4);
    height: var(--carina-spacing-4);
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    fill: var(--carina-text-color-on-primary)
}
.carina-checkbox__indeterminate-icon--disabled {
    fill: var(--carina-text-color-disabled)
}
.carina-checkbox__label {
    display: flex;
    align-items: center;
    min-height: var(--carina-spacing-4);
    padding: var(--carina-spacing-2) var(--carina-spacing-0);
    padding-right: var(--carina-spacing-4);
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-tight);
    text-indent: 0;
    text-shadow: none;
    cursor: pointer
}
[dir='rtl'] .carina-checkbox__label {
    padding-right: var(--carina-spacing-0);
    padding-left: var(--carina-spacing-4)
}
.carina-checkbox__label--disabled {
    color: var(--carina-text-color-disabled);
    cursor: not-allowed
}
.carina-label {
    position: relative;
    display: block;
    margin: var(--carina-spacing-0) var(--carina-spacing-0)
    var(--carina-spacing-1);
    padding: var(--carina-spacing-0);
    color: var(--carina-text-color-soft);
    font-size: var(--carina-font-size-body-sm);
    vertical-align: top
}
.carina-label,
.carina-label__abbr {
    font-weight: var(--carina-font-weight-body);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none
}
.carina-label--hidden {
    position: absolute;
    width: var(--carina-spacing-px);
    height: var(--carina-spacing-px);
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}
.carina-label--underline,
.carina-label--outline {
    overflow: hidden;
    left: var(--carina-spacing-0)
}
.carina-label--underline,
.carina-label--outline,
.carina-label--grid {
    position: absolute;
    max-width: calc(100% - var(--carina-spacing-8));
    font-size: var(--carina-font-size-body-md);
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: top var(--carina-transition-duration-100) ease
      calc(0 * var(--carina-transition-duration-100)),
    font-size var(--carina-transition-duration-100) ease
      calc(0 * var(--carina-transition-duration-100)),
    padding-left var(--carina-transition-duration-100) ease
      calc(0 * var(--carina-transition-duration-100));
    padding-inline-start: var(--carina-spacing-4)
}
[dir='rtl'] .carina-label--underline, [dir='rtl'] .carina-label--outline, [dir='rtl'] .carina-label--grid {
    right: var(--carina-spacing-0);
    left: unset;
    transition: top var(--carina-transition-duration-100) ease
        calc(0 * var(--carina-transition-duration-100)),
      font-size var(--carina-transition-duration-100) ease
        calc(0 * var(--carina-transition-duration-100)),
      padding-right var(--carina-transition-duration-100) ease
        calc(0 * var(--carina-transition-duration-100))
}
.carina-label--grid {
    top: var(--carina-spacing-0-5);
    padding-inline-start: var(--carina-spacing-2)
}
.carina-label--outline,
.carina-label--underline {
    top: calc(var(--carina-spacing-2-5) - var(--carina-spacing-px))
}
.carina-label--animated {
    font-size: var(--carina-font-size-body-sm)
}
.carina-label--animated.carina-label--underline,
.carina-label--animated.carina-label--outline {
    top: calc(-1 * var(--carina-spacing-2-5))
}
.carina-label--icon.carina-label--underline,
.carina-label--icon.carina-label--outline {
    padding-inline-start: var(--carina-spacing-11)
}
.carina-label--icon.carina-label--required.carina-label--underline,
.carina-label--icon.carina-label--required.carina-label--outline {
    padding-inline-start: calc(
    var(--carina-spacing-12) + var(--carina-spacing-1)
  )
}
.carina-label--end-icon.carina-label--underline,
.carina-label--end-icon.carina-label--outline {
    max-width: calc(100% - var(--carina-spacing-8) - var(--carina-spacing-5))
}
.carina-label--disabled {
    color: var(--carina-text-color-disabled)
}
.carina-label__abbr {
    position: absolute;
    inset-inline-start: calc(-1 * var(--carina-spacing-2-5));
    color: var(--carina-text-color-danger);
    font-size: var(--carina-font-size-body-xl);
    text-decoration: none;
    top: calc(-1 * var(--carina-spacing-0-5));
    transition: left var(--carina-transition-duration-100) ease
    calc(0 * var(--carina-transition-duration-100))
}
[dir='rtl'] .carina-label__abbr {
    transition: right var(--carina-transition-duration-100) ease
      calc(0 * var(--carina-transition-duration-100))
}
.carina-label__abbr--grid {
    line-height: var(--carina-line-height-none);
    left: calc(-1 * var(--carina-spacing-2))
}
.carina-label__abbr--underline,
.carina-label__abbr--outline {
    inset-inline-start: var(--carina-spacing-2);
    font-size: var(--carina-font-size-body-sm)
}
.carina-label__abbr--icon.carina-label__abbr--underline,
.carina-label__abbr--icon.carina-label__abbr--outline {
    inset-inline-start: var(--carina-spacing-11)
}
.carina-helper-text {
    display: block;
    margin: var(--carina-spacing-1) var(--carina-spacing-0)
    var(--carina-spacing-0) var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-xs);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: top
}
.carina-helper-text > svg {
    position: relative;
    top: -1px;
    display: inline;
    vertical-align: middle;
    margin-inline-end: var(--carina-spacing-1)
}
.carina-helper-text--error {
    color: var(--carina-text-color-danger)
}
.carina-checkbox-group {
    clear: both;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--carina-text-color-base);
    text-align: left;
    list-style-type: none;
    outline: 0
}
[dir='rtl'] .carina-checkbox-group {
    text-align: right
}
.carina-checkbox-group--horizontal > label {
    display: inline-flex;
    padding-right: var(--carina-spacing-6)
}
[dir='rtl'] .carina-checkbox-group--horizontal > label {
    padding-right: var(--carina-spacing-0);
    padding-left: var(--carina-spacing-6)
}
.carina-checkbox-group__container {
    display: inline-block
}
.carina-input-fieldset {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    border-color: var(--carina-border-color-base);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    border-radius: var(--carina-border-radius-md);
    overflow: hidden;
    background: transparent;
    pointer-events: none
}
.carina-input-fieldset--default.carina-input-fieldset--label {
    bottom: 0
}
.carina-input-fieldset--grid {
    top: 0;
    inset-inline-start: 0;
    border-style: dashed;
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
    var(--carina-border-width-1) var(--carina-border-width-0);
    border-radius: var(--carina-border-radius-none)
}
.carina-input-fieldset--outline {
    top: calc(-1 * var(--carina-spacing-2-5))
}
.carina-input-fieldset--underline {
    top: calc(-1 * var(--carina-spacing-2-5));
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
    var(--carina-border-width-1) var(--carina-border-width-0);
    border-radius: var(--carina-border-radius-none)
}
.carina-input-fieldset--error {
    border-color: var(--carina-border-color-danger)
}
.carina-input-fieldset--disabled {
    border-color: var(--carina-border-color-soft)
}
.carina-input-fieldset__legend {
    display: block;
    width: 0;
    height: 19.5px;
    padding: 0;
    margin: var(--carina-spacing-0) var(--carina-spacing-3);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: 19.5px;
    letter-spacing: normal;
    visibility: hidden;
    transition-duration: var(--carina-animation-duration-100);
    transition-property: width
}
.carina-input-fieldset--default .carina-input-fieldset__legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.carina-input-fieldset__legend--animated {
    width: unset;
    padding: var(--carina-spacing-0) var(--carina-spacing-1)
}
.carina-input-fieldset__legend--animated:empty {
    padding: var(--carina-spacing-0)
}
.carina-input-fieldset__legend--animated.carina-input-fieldset__legend--hiddenlabel {
    width: 0;
    padding: var(--carina-spacing-0)
}
.carina-input-fieldset__legend--required {
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0)
}
.carina-input-fieldset__legend--animated.carina-input-fieldset__legend--required.carina-input-fieldset__legend--label {
    margin: var(--carina-spacing-0) var(--carina-spacing-1);
    padding: var(--carina-spacing-0) var(--carina-spacing-1)
    var(--carina-spacing-0) var(--carina-spacing-3)
}
[dir='rtl'] .carina-input-fieldset__legend--animated.carina-input-fieldset__legend--required.carina-input-fieldset__legend--label {
    padding: var(--carina-spacing-0) var(--carina-spacing-3)
      var(--carina-spacing-0) var(--carina-spacing-1)
}
@keyframes carina-loading-icon--circle {
    0% {
        transform: rotateZ(var(--carina-rotate-0))
    }
    66% {
        transform: rotateZ(220deg)
    }
    100% {
        transform: rotateZ(var(--carina-rotate-360))
    }
}
@keyframes carina-loading-icon--tail-chase-xs {
    0% {
        stroke-dashoffset: 26;
        transform: rotateZ(var(--carina-rotate-0))
    }
    50% {
        stroke-dashoffset: 6;
        transform: rotateZ(var(--carina-rotate-45))
    }
    100% {
        stroke-dashoffset: 26;
        transform: rotateZ(var(--carina-rotate-360))
    }
}
@keyframes carina-loading-icon--tail-chase-sm {
    0% {
        stroke-dashoffset: 32;
        transform: rotateZ(var(--carina-rotate-0))
    }
    50% {
        stroke-dashoffset: 5;
        transform: rotateZ(var(--carina-rotate-45))
    }
    100% {
        stroke-dashoffset: 32;
        transform: rotateZ(var(--carina-rotate-360))
    }
}
@keyframes carina-loading-icon--tail-chase-md {
    0% {
        stroke-dashoffset: 40;
        transform: rotateZ(var(--carina-rotate-0))
    }
    50% {
        stroke-dashoffset: 3;
        transform: rotateZ(var(--carina-rotate-45))
    }
    100% {
        stroke-dashoffset: 40;
        transform: rotateZ(var(--carina-rotate-360))
    }
}
@keyframes carina-loading-icon--tail-chase-lg {
    0% {
        stroke-dashoffset: 48;
        transform: rotateZ(var(--carina-rotate-0))
    }
    50% {
        stroke-dashoffset: 2;
        transform: rotateZ(var(--carina-rotate-45))
    }
    100% {
        stroke-dashoffset: 48;
        transform: rotateZ(var(--carina-rotate-360))
    }
}
.carina-loading-icon {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: visible;
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-xl);
    font-family: var(--carina-font-family-primary);
    transform-origin: 50% 50%
}
.carina-loading-icon__circle {
    margin-bottom: var(--carina-spacing-0-5);
    overflow: visible;
    transform-origin: 50% 50%;
    animation: carina-loading-icon--circle 3770ms linear infinite;
    fill: transparent;
    stroke: var(--carina-background-color-neutral-inactive);
    stroke-dasharray: 400;
    stroke-linecap: round;
    stroke-width: 2px
}
.carina-loading-icon__circle--xs {
    width: var(--carina-icon-xs);
    height: var(--carina-icon-xs)
}
.carina-loading-icon__circle--sm {
    width: var(--carina-icon-sm);
    height: var(--carina-icon-sm)
}
.carina-loading-icon__circle--md {
    width: var(--carina-icon-md);
    height: var(--carina-icon-md)
}
.carina-loading-icon__circle--lg {
    width: var(--carina-icon-lg);
    height: var(--carina-icon-lg)
}
.carina-loading-icon__tail-chaser {
    transform-origin: 50% 50%;
    fill: transparent;
    stroke-linecap: round;
    stroke-width: 2px
}
.carina-loading-icon__tail-chaser--xs {
    animation: carina-loading-icon--tail-chase-xs 2450ms linear infinite;
    stroke-dasharray: 33
}
.carina-loading-icon__tail-chaser--sm {
    animation: carina-loading-icon--tail-chase-sm 2450ms linear infinite;
    stroke-dasharray: 40
}
.carina-loading-icon__tail-chaser--md {
    animation: carina-loading-icon--tail-chase-md 2450ms linear infinite;
    stroke-dasharray: 50
}
.carina-loading-icon__tail-chaser--lg {
    animation: carina-loading-icon--tail-chase-lg 2450ms linear infinite;
    stroke-dasharray: 66
}
.carina-loading-icon__gradient-color-1 {
    stop-color: var(--carina-background-color-tertiary)
}
.carina-loading-icon__gradient-color-2 {
    stop-color: var(--carina-background-color-primary)
}
.carina-loading-icon__gradient-color-3 {
    stop-color: var(--carina-background-color-secondary)
}
.carina-loading-icon__rail {
    stroke: var(--carina-background-color-neutral-inactive)
}
.carina-combobox {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    font-size: var(--carina-font-size-body-md);
    line-height: var(--carina-line-height-normal);
    cursor: text
}
.carina-combobox__input {
    display: flex;
    align-items: flex-start;
    min-height: 40px;
    border-radius: var(--carina-border-radius-md);
    color: var(--carina-text-color-base);
    background-color: transparent
}
.carina-combobox__input--outline,
.carina-combobox__input--underline {
    min-height: 42px
}
.carina-combobox__input--grid,
.carina-combobox__input--outline,
.carina-combobox__input--underline {
    background-color: transparent
}
.carina-combobox__input__element {
    flex: 1 0 auto;
    width: 80px;
    height: 24px;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    border: var(--carina-border-width-0) none;
    color: var(--carina-text-color-base);
    font-size: var(--carina-font-size-body-md);
    font-family: var(--carina-font-family-primary);
    background: var(--carina-colors-transparent);
    outline: none
}
.carina-combobox__input__element::placeholder {
    color: var(--carina-text-color-soft)
}
.carina-combobox__input__multiselect {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: var(--carina-spacing-2);
    padding-inline-end: var(--carina-spacing-px);
    column-gap: var(--carina-spacing-2);
    padding-bottom: var(--carina-spacing-2);
    padding-inline-start: var(--carina-spacing-4)
}
.carina-combobox__input__multiselect__option {
    height: 24px
}
.carina-combobox__input__multiselect__option__tag {
    display: flex;
    align-items: center
}
.carina-combobox__input__multiselect__option__input {
    display: flex;
    flex: 1 0 auto;
    width: 80px;
    padding-inline-end: var(--carina-spacing-3);
    padding-inline-start: var(--carina-spacing-0)
}
.carina-combobox__input__multiselect__option__placeholder {
    position: relative;
    top: 1px;
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    width: 80px;
    padding-inline-end: var(--carina-spacing-3);
    overflow: hidden;
    color: var(--carina-text-color-soft);
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}
.carina-combobox__input__button-group {
    display: flex;
    align-items: center;
    padding-top: var(--carina-spacing-0-5);
    padding-inline-start: var(--carina-spacing-2);
    padding-inline-end: var(--carina-spacing-2)
}
.carina-combobox__input__button-group--grid {
    transform: translateY(var(--carina-spacing-1-5))
}
.carina-combobox__input__button-group--outline,
.carina-combobox__input__button-group--underline {
    padding-top: calc(var(--carina-spacing-0-5) + var(--carina-spacing-px))
}
.carina-combobox--grid .carina-combobox__input__button-group__item > .carina-button--icon-only {
    padding: var(--carina-spacing-0);
    min-height: unset;
    width: 24px;
    height: 24px;
    margin-inline-end: var(--carina-spacing-2)
}
.carina-combobox__input--read-only {
    color: var(--carina-text-color-base);
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface-alt);
    -webkit-user-select: text;
    user-select: text
}
.carina-combobox__input--read-only:focus {
    border-color: var(--carina-border-color-primary-focus)
}
.carina-combobox__input--read-only:hover {
    cursor: not-allowed
}
.carina-combobox__input--read-only .carina-button {
    -webkit-user-select: text;
    user-select: text
}
.carina-combobox__input--read-only .carina-button:hover {
    cursor: not-allowed;
    background-color: var(--carina-colors-transparent)
}
.carina-combobox__input--read-only .carina-combobox__input__element {
    -webkit-user-select: none;
    user-select: none
}
.carina-combobox__input--read-only .carina-combobox__input__element:hover {
    cursor: not-allowed
}
.carina-combobox--grid > .carina-combobox__input--read-only,
.carina-combobox--underline > .carina-combobox__input--read-only {
    border-radius: var(--carina-border-radius-none)
}
.carina-combobox__input__loader {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-inline-end: var(--carina-spacing-0-5);
    margin-inline-start: var(--carina-spacing-0-5)
}
.carina-combobox__virtualized__list__option {
    margin-inline-start: var(--carina-spacing-2);
    margin-inline-end: var(--carina-spacing-2);
    width: calc(100% - 16px)
}
.carina-combobox--focus .carina-combobox__input__element,
  .carina-combobox--focus .carina-combobox__input__multiselect__option__input {
    flex: 1 0 auto;
    width: 80px
}
.carina-combobox--focus .carina-input-fieldset {
    border-color: var(--carina-border-color-primary-focus);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    outline: 0;
    box-shadow: var(--carina-ring-base);
    transition-timing-function: var(
      --carina-transition-timing-function-expressive-ease-in-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color, box-shadow
}
.carina-combobox--empty .carina-combobox__input__element,
  .carina-combobox--empty .carina-combobox__input__multiselect__option__input {
    flex: 0 0 auto;
    width: var(--carina-spacing-px)
}
.carina-combobox--error {}
.carina-combobox--disabled {
    border-color: var(--carina-border-color-soft);
    color: var(--carina-text-color-disabled);
    cursor: default
}
.carina-combobox--disabled .carina-combobox__input__element {
    color: var(--carina-text-color-disabled);
    -webkit-text-fill-color: var(--carina-text-color-disabled);
    cursor: default
}
.carina-combobox--disabled .carina-combobox__input__button-group__item button {
    cursor: default
}
.carina-combobox--disabled .carina-combobox__input__button {
    color: var(--carina-text-color-disabled);
    cursor: default
}
.carina-combobox--disabled .carina-combobox__input__button svg,
  .carina-combobox--disabled .carina-combobox__input__button svg path,
  .carina-combobox--disabled .carina-combobox__input__button svg group {
    fill: currentcolor
}
.carina-combobox--disabled .carina-combobox__input__multiselect__option__placeholder {
    color: color-mix(
      in srgb,
      var(--carina-text-color-disabled) calc(var(--carina-opacity-40) * 100%),
      transparent
    )
}
.carina-combobox__input__multiselect__option:not(
    .carina-combobox__input__multiselect__option__input
  ):not(.carina-combobox__input__multiselect__option__placeholder)
  + .carina-combobox__input__multiselect__option__input,
.carina-combobox__input__multiselect__option:not(
    .carina-combobox__input__multiselect__option__input
  ):not(.carina-combobox__input__multiselect__option__placeholder)
  + .carina-combobox__input__multiselect__option__placeholder {
    padding-inline-start: var(--carina-spacing-0-5);
    padding-inline-end: var(--carina-spacing-0-5)
}
.carina-combobox--grid.carina-combobox--focus fieldset {
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
        var(--carina-border-width-2) var(--carina-border-width-0);
    box-shadow: none
}
.carina-combobox--grid .carina-combobox__input__multiselect {
    padding-top: var(--carina-spacing-0);
    padding-bottom: var(--carina-spacing-0);
    padding-inline-start: var(--carina-spacing-1)
}
.carina-combobox--grid .carina-combobox__input__multiselect__option {
    padding-top: var(--carina-spacing-0);
    padding-bottom: var(--carina-spacing-0)
}
.carina-combobox--grid .carina-combobox__input {
    min-height: 24px;
    align-items: flex-end
}
.carina-combobox--grid .carina-combobox__input__button-group {
    padding-top: var(--carina-spacing-0);
    padding-inline-end: var(--carina-spacing-0);
    padding-bottom: var(--carina-spacing-0)
}
.carina-combobox--outline.carina-combobox--focus fieldset {
    border-width: var(--carina-border-width-2);
    box-shadow: none
}
.carina-combobox--underline.carina-combobox--focus fieldset {
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
        var(--carina-border-width-2) var(--carina-border-width-0);
    box-shadow: none
}
.carina-combobox__popover {
    color: var(--carina-text-color-base);
    font-size: var(--carina-font-size-body-sm)
}
.carina-combobox__popover * {
    box-sizing: border-box
}
.carina-combobox__popover .carina-combobox__scrollview {
    padding: var(--carina-spacing-2);
    overflow-y: auto
}
.carina-combobox__popover .carina-combobox__list__option__text {
    display: flex;
    justify-content: space-between;
    width: 100%
}
.carina-combobox__popover .carina-combobox__list__option__check-container {
    display: flex;
    align-items: center;
    visibility: hidden
}
.carina-combobox__popover .carina-combobox__list__option__check-icon {
    color: var(--carina-text-color-base)
}
.carina-combobox__popover .carina-combobox__list {
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    line-height: var(--carina-line-height-tight);
    list-style-type: none
}
.carina-combobox__popover .carina-combobox__list__subtext {
    color: var(--carina-text-color-soft);
    font-size: var(--carina-font-size-body-sm)
}
.carina-combobox__popover .carina-combobox__list__option {
    margin-top: var(--carina-spacing-0);
    margin-bottom: var(--carina-spacing-0);
    line-height: var(--carina-line-height-normal);
    padding: var(--carina-spacing-2);
    font-size: var(--carina-font-size-body-sm);
    border-radius: var(--carina-border-radius-md);
    color: var(--carina-text-color-base);
    transition-timing-function: var(
        --carina-transition-timing-function-expressive-ease-in-out
      );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow
}
.carina-combobox__popover .carina-combobox__list__option:hover {
    background-color: var(--carina-background-color-surface-hover);
    cursor: pointer
}
.carina-combobox__popover .carina-combobox__list__option:active {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active)
}
.carina-combobox__popover .carina-combobox__list__option--selected,
      .carina-combobox__popover .carina-combobox__list__option--selected:hover,
      .carina-combobox__popover .carina-combobox__list__option--selected --focus {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-selected)
}
.carina-combobox__popover .carina-combobox__list__option--selected .carina-combobox__list__subtext, .carina-combobox__popover .carina-combobox__list__option--selected:hover .carina-combobox__list__subtext, .carina-combobox__popover .carina-combobox__list__option--selected --focus .carina-combobox__list__subtext {
    color: var(--carina-text-color-base)
}
.carina-combobox__popover .carina-combobox__list__option--selected .carina-combobox__list__option__check-icon, .carina-combobox__popover .carina-combobox__list__option--selected:hover .carina-combobox__list__option__check-icon, .carina-combobox__popover .carina-combobox__list__option--selected --focus .carina-combobox__list__option__check-icon {
    visibility: visible
}
.carina-combobox__popover .carina-combobox__list__option--focus:not(.carina-combobox__popover .carina-combobox__list__option--selected) {
    background-color: var(--carina-background-color-surface-hover)
}
.carina-combobox__popover .carina-combobox__list__option--disabled {
    color: var(--carina-text-color-disabled);
    background-color: var(--carina-background-color-surface)
}
.carina-combobox__popover .carina-combobox__list__option--disabled.carina-combobox__popover .carina-combobox__list__option:hover {
    background-color: var(--carina-background-color-surface)
}
.carina-combobox__popover .carina-combobox__list__option--disabled > .carina-combobox__list__subtext {
    color: var(--carina-text-color-disabled)
}
.carina-combobox__popover .carina-combobox__list__option--disabled:hover {
    cursor: default
}
.carina-combobox__popover .carina-combobox__list__option__create {
    color: var(--carina-text-color-primary)
}
.carina-combobox__popover .carina-combobox__list__heading {
    margin-top: var(--carina-spacing-1);
    margin-bottom: var(--carina-spacing-0-5);
    padding-top: var(--carina-spacing-1);
    padding-inline-start: var(--carina-spacing-2);
    padding-bottom: var(--carina-spacing-1);
    padding-inline-end: var(--carina-spacing-2);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-2xs);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-tight);
    text-transform: uppercase
}
.carina-combobox__popover .carina-combobox__list__divider {
    margin-top: var(--carina-spacing-1);
    margin-bottom: var(--carina-spacing-1);
    border: var(--carina-border-width-0) none;
    border-top: var(--carina-border-width-1) solid;
    border-top-color: var(--carina-border-color-soft)
}
.carina-combobox__popover .carina-combobox__list--empty {
    padding-top: var(--carina-spacing-2);
    padding-inline-end: var(--carina-spacing-4);
    padding-bottom: var(--carina-spacing-2);
    padding-inline-start: var(--carina-spacing-4);
    color: var(--carina-text-color-soft);
    font-size: var(--carina-font-size-body-sm);
    font-style: italic
}
.carina-combobox > .carina-comboboxinput-input-fieldset {
    height: calc(var(--carina-combobox-fieldset-height) + 10px)
}
.carina-comboboxinput-input-fieldset.carina-comboboxinput-input-fieldset--default {
    height: var(--carina-combobox-fieldset-height);
    bottom: 0px
}
.carina-comboboxinput-input-fieldset.carina-comboboxinput-input-fieldset--grid {
    height: 24px;
    top: unset;
    bottom: 0
}
.carina-comboboxinput-input-fieldset--default.carina-comboboxinput-input-fieldset--label {
    top: 15px
}
.carina-scrim {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--carina-z-index-scrim);
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: var(--carina-background-color-scrim);
    backdrop-filter: blur(4px)
}
.carina-dropdown {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-weight: var(--carina-font-weight-body);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-align: start;
    text-transform: none;
    text-indent: 0;
    text-shadow: none
}
.carina-dropdown:focus-within > .carina-input-fieldset,
  .carina-dropdown.focus-in-portal > .carina-input-fieldset {
    border-color: var(--carina-border-color-primary-focus);
    border-style: solid
}
.carina-dropdown--default:focus-within > .carina-input-fieldset,
  .carina-dropdown--default.focus-in-portal > .carina-input-fieldset {
    border-width: 1px;
    box-shadow: var(--carina-ring-base);
    transition-timing-function: var(
      --carina-transition-timing-function-productive-ease-in-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color
}
.carina-dropdown--grid {
    height: 24px
}
.carina-dropdown--grid:focus-within > .carina-input-fieldset,
  .carina-dropdown--grid.focus-in-portal > .carina-input-fieldset {
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
      var(--carina-border-width-2)
}
.carina-dropdown--outline:focus-within > .carina-input-fieldset,
  .carina-dropdown--outline.focus-in-portal > .carina-input-fieldset {
    border-width: var(--carina-border-width-2)
}
.carina-dropdown--underline:focus-within > .carina-input-fieldset,
  .carina-dropdown--underline.focus-in-portal > .carina-input-fieldset {
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
      var(--carina-border-width-2)
}
.carina-dropdown--error:focus-within > .carina-input-fieldset,
  .carina-dropdown--error.focus-in-portal > .carina-input-fieldset {
    border-color: var(--carina-border-color-danger-focus)
}
.carina-dropdown--default.carina-dropdown--open:focus-within > .carina-input-fieldset,
  .carina-dropdown--default.carina-dropdown--open.focus-in-portal > .carina-input-fieldset {
    border-style: solid;
    border-width: var(--carina-border-width-1);
    box-shadow: var(--carina-ring-base);
    transition-timing-function: var(
      --carina-transition-timing-function-productive-ease-in-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color
}
.carina-dropdown--default.carina-dropdown--error:focus-within > .carina-input-fieldset,
  .carina-dropdown--default.carina-dropdown--error.focus-in-portal > .carina-input-fieldset {
    box-shadow: var(--carina-ring-danger)
}
.carina-dropdown__button {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-2) var(--carina-spacing-4);
    border: 0;
    border-radius: var(--carina-border-radius-md);
    color: var(--carina-text-color-base);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-md);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-align: start;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    outline: 0;
    cursor: pointer;
    appearance: none
}
.carina-dropdown__button:focus,
  .carina-dropdown__button:active {
    outline: 0
}
.carina-dropdown__button:focus-visible {
    outline: var(--carina-border-width-2) solid var(--carina-colors-transparent)
}
.carina-dropdown__button ::-moz-focus-inner {
    border: 0
}
.carina-dropdown__button.carina-dropdown__button--read-only {
    color: var(--carina-text-color-base);
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface-alt);
    -webkit-user-select: text;
    user-select: text
}
.carina-dropdown__button.carina-dropdown__button--read-only:focus {
    border-color: var(--carina-border-color-primary-focus)
}
.carina-dropdown__button.carina-dropdown__button--read-only:hover {
    cursor: not-allowed
}
.carina-dropdown__button--default {
    height: 40px;
    background-color: transparent
}
.carina-dropdown__button--grid {
    padding: var(--carina-spacing-0);
    border-radius: var(--carina-border-radius-none);
    background-color: transparent
}
.carina-dropdown__button--outline {
    margin-top: var(--carina-spacing-2-5);
    background-color: transparent
}
.carina-dropdown__button--underline {
    margin-top: var(--carina-spacing-2-5);
    border-radius: var(--carina-border-radius-none);
    background-color: transparent
}
.carina-dropdown__button--disabled {
    color: var(--carina-text-color-disabled);
    pointer-events: none
}
.carina-dropdown__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--carina-spacing-6);
    height: var(--carina-spacing-6);
    color: var(--carina-text-color-soft);
    pointer-events: none
}
.carina-dropdown__placeholder {
    overflow: hidden;
    color: var(--carina-text-color-soft);
    white-space: nowrap;
    text-align: start;
    text-overflow: ellipsis
}
.carina-dropdown__placeholder--disabled {
    color: color-mix(
    in srgb,
    var(--carina-text-color-soft) calc(var(--carina-opacity-40) * 100%),
    transparent
  );
    pointer-events: none
}
.carina-dropdown__text--grid {
    padding-inline-start: var(--carina-spacing-1)
}
.carina-dropdown__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.carina-dropdown__text--disabled {
    color: var(--carina-text-color-disabled)
}
.carina-dropdown--default > .carina-input-fieldset {
    height: 40px;
    bottom: 0px
}
.carina-dropdown--default .carina-dropdown__label {
    height: 20px
}
.carina-dropdown--outline > .carina-input-fieldset, .carina-dropdown--underline > .carina-input-fieldset {
    height: calc(100% + var(--carina-spacing-2-5))
}
.carina-dropdown--grid > .carina-input-fieldset {
    height: 100%
}
.carina-dropdown__magazine {
    position: static;
    width: 100%;
    max-height: 192px;
    padding: var(--carina-spacing-2) var(--carina-spacing-0);
    box-shadow: none
}
.carina-textbox-icon {
    position: absolute;
    bottom: 8.5px;
    display: block;
    width: var(--carina-icon-md);
    height: var(--carina-icon-md);
    color: var(--carina-text-color-soft)
}
.carina-textbox-icon svg {
    display: block;
    vertical-align: middle
}
.carina-textbox-icon--readonly:hover {
    cursor: not-allowed
}
.carina-textbox-icon--small {
    bottom: var(--carina-spacing-1-5)
}
.carina-textbox-icon--grid {
    bottom: var(--carina-spacing-1);
    width: var(--carina-icon-xs);
    height: var(--carina-icon-xs)
}
.carina-textbox-icon--start {
    inset-inline-start: var(--carina-spacing-4)
}
.carina-textbox-icon--start.carina-textbox-icon--grid {
    inset-inline-start: var(--carina-spacing-1)
}
.carina-textbox-icon--end {
    inset-inline-end: var(--carina-spacing-4)
}
.carina-textbox-icon--end.carina-textbox-icon--grid {
    inset-inline-end: var(--carina-spacing-1)
}
.carina-textbox__container {
    position: relative;
    box-sizing: border-box;
    width: 100%
}
.carina-textbox__container:focus-within > fieldset {
    border-color: var(--carina-border-color-primary-focus);
    border-style: solid;
    border-width: var(--carina-border-width-2);
    transition-timing-function: var(
      --carina-transition-timing-function-expressive-ease-in-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color
}
.carina-textbox__container--default:focus-within > fieldset {
    border-color: var(--carina-border-color-primary-focus);
    outline: 0;
    box-shadow: var(--carina-ring-base)
}
.carina-textbox__container--underline {
    border-radius: var(--carina-border-radius-md) var(--carina-border-radius-md) 0
    0;
    background-color: transparent
}
.carina-textbox__container--underline:focus-within > fieldset {
    border-width: 0 0 var(--carina-border-width-2)
}
.carina-textbox__container--grid {
    border-radius: var(--carina-border-radius-md) var(--carina-border-radius-md) 0
    0;
    background-color: transparent
}
.carina-textbox__container--grid:focus-within > fieldset {
    border-width: 0 0 var(--carina-border-width-2)
}
.carina-textbox__container--outline {
    margin-top: var(--carina-spacing-2-5);
    background-color: transparent
}
.carina-textbox__container--error {
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in-out
  );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color
}
.carina-textbox__input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 0 var(--carina-spacing-4);
    border: 0;
    border-radius: var(--carina-border-radius-md);
    color: var(--carina-text-color-base);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-md);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-align: start;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: middle;
    appearance: none
}
.carina-textbox__input::placeholder {
    color: var(--carina-text-color-soft)
}
.carina-textbox__input:focus {
    outline: 0
}
.carina-textbox__input:-ms-clear {
    display: none
}
.carina-textbox__input:disabled {
    border-color: var(--carina-border-color-soft);
    color: var(--carina-text-color-disabled);
    pointer-events: none
}
.carina-textbox__input:disabled::placeholder {
    color: color-mix(
        in srgb,
        var(--carina-text-color-disabled) calc(var(--carina-opacity-40) * 100%),
        transparent
      );
    opacity: var(--carina-opacity-40)
}
.carina-textbox__input--grid {
    height: 24px;
    padding-inline-start: var(--carina-spacing-1);
    padding-inline-end: var(--carina-spacing-1);
    border-radius: var(--carina-border-radius-none);
    background-color: transparent
}
.carina-textbox__input--underline,
.carina-textbox__input--outline {
    height: 42px
}
.carina-textbox__input--default {
    height: 40px;
    margin: 0;
    background-color: transparent
}
.carina-textbox__input--default.carina-textbox__input--small {
    height: 36px;
    padding: 0 var(--carina-spacing-3);
    font-size: var(--carina-font-size-xs)
}
.carina-textbox__input--underline {
    border-radius: var(--carina-border-radius-none);
    background-color: transparent
}
.carina-textbox__input--outline {
    margin: var(--carina-spacing-2-5) 0 0;
    background-color: transparent
}
.carina-textbox__input--default.carina-textbox__input--icon-end {
    padding-inline-end: calc(var(--carina-spacing-10) + var(--carina-spacing-1))
}
.carina-textbox__input--default.carina-textbox__input--icon-start {
    padding-inline-start: calc(
    var(--carina-spacing-10) + var(--carina-spacing-1)
  )
}
.carina-textbox__input--underline.carina-textbox__input--icon-end {
    padding-inline-end: calc(var(--carina-spacing-10) + var(--carina-spacing-1))
}
.carina-textbox__input--underline.carina-textbox__input--icon-end:required {
    padding-inline-end: calc(var(--carina-spacing-9) + var(--carina-spacing-2))
}
.carina-textbox__input--underline.carina-textbox__input--icon-start {
    padding-inline-start: calc(
    var(--carina-spacing-12) + var(--carina-spacing-1)
  )
}
.carina-textbox__input--grid.carina-textbox__input--icon-end {
    padding-inline-end: var(--carina-spacing-6)
}
.carina-textbox__input--grid.carina-textbox__input--icon-start {
    padding-inline-start: var(--carina-spacing-6)
}
.carina-textbox__input--outline.carina-textbox__input--icon-end {
    padding-inline-end: calc(var(--carina-spacing-10) + var(--carina-spacing-1))
}
.carina-textbox__input--outline.carina-textbox__input--icon-start {
    padding-inline-start: calc(
    var(--carina-spacing-10) + var(--carina-spacing-2)
  )
}
.carina-textbox__input.carina-textbox__input--read-only {
    color: var(--carina-text-color-base);
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface-alt);
    -webkit-user-select: text;
    user-select: text
}
.carina-textbox__input.carina-textbox__input--read-only:focus {
    border-color: var(--carina-border-color-primary-focus)
}
.carina-textbox__input.carina-textbox__input--read-only:hover {
    cursor: not-allowed
}
.carina-textbox__container--default > .carina-input-fieldset {
    height: 40px;
    bottom: 0px
}
.carina-textbox__container--grid > .carina-input-fieldset {
    height: 100%
}
.carina-textbox__container--outline > .carina-input-fieldset,
.carina-textbox__container--underline > .carina-input-fieldset {
    height: calc(100% + var(--carina-spacing-2-5))
}
.carina-date-picker-modal__buttons {
    display: inline-flex;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: var(--carina-spacing-4);
    padding-inline-end: var(--carina-spacing-4)
}
.carina-date-picker-modal__buttons button:first-of-type {
    margin-inline-end: var(--carina-spacing-4)
}
.carina-date-picker-popper {
    background-color: var(--carina-background-color-popper);
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    box-shadow: var(--carina-box-shadow-lg)
}
.carina-date-picker-toggle-button {
    position: absolute;
    inset-inline-end: var(--carina-spacing-0);
    top: 50%;
    transform: translate(var(--carina-spacing-1-5), -50%)
}
.carina-date-picker-toggle-button .carina-button--disabled {
    color: var(--carina-text-color-soft);
    opacity: unset
}
.carina-date-picker-toggle-button.carina-date-picker-toggle-button--outline,
.carina-date-picker-toggle-button.carina-date-picker-toggle-button--underline {
    transform: translate(
    var(--carina-spacing-1-5),
    calc(-50% - var(--carina-spacing-px))
  )
}
.carina-textbox-icon--grid > .carina-date-picker-toggle-button {
    transform: translateY(-50%)
}
.carina-textbox-icon--readonly > .carina-date-picker-toggle-button > .carina-button--disabled {
    color: var(--carina-text-color-soft);
    opacity: unset
}
.carina-day-picker__nav-button-left {
    position: absolute;
    left: 0
}
.carina-day-picker__nav-button-right {
    position: absolute;
    right: 0
}
.carina-day-picker {
    --rdp-cell-size: 40px;
    --rdp-accent-color: var(--carina-background-color-primary);
    --rdp-background-color: transparent;
    --rdp-accent-color-dark: var(--carina-background-color-primary);
    --rdp-background-color-dark: transparent;
    --rdp-outline: none;
    --rdp-outline-selected: none;
    padding: var(--carina-spacing-4);
    color: var(--carina-text-color-base);
    font-family: var(--carina-font-family-primary)
}
.carina-day-picker__vhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.carina-day-picker__button-reset {
    position: relative;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    background: none;
    outline: none;
    cursor: default;
    appearance: none
}
.carina-day-picker__button {
    border: 2px solid transparent
}
.carina-day-picker__button[aria-disabled='true'] {
    opacity: 0.25;
    pointer-events: none
}
.carina-day-picker__button:not([aria-disabled='true'], .carina-day-picker__day--disabled) {
    cursor: pointer
}
.carina-day-picker__button:hover:not([aria-disabled='true'], .carina-day-picker__day--disabled) {
    border: var(--carina-border-width-2) solid
    var(--carina-border-color-primary-focus);
    border-radius: var(--carina-border-radius-xl)
}
.carina-day-picker__months {
    display: flex
}
.carina-day-picker__month {
    margin: 0 1rem
}
.carina-day-picker__month .carina-day-picker__caption-start {
    margin-left: 0
}
.carina-day-picker__month .carina-day-picker__caption-end {
    margin-right: 0
}
.carina-day-picker__table {
    max-width: calc(var(--rdp-cell-size) * 7);
    margin: 0;
    border-collapse: collapse
}
.carina-day-picker__with-week-number .carina-day-picker__table {
    max-width: calc(var(--rdp-cell-size) * 8);
    border-collapse: collapse
}
.carina-day-picker__caption {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: left
}
.carina-day-picker__multiple-months .carina-day-picker__caption {
    position: relative;
    display: block;
    text-align: center
}
.carina-day-picker__caption-dropdowns {
    position: relative;
    display: inline-flex;
    gap: var(--carina-spacing-2);
    width: 100%
}
.carina-day-picker__caption-label {
    position: relative;
    z-index: calc(var(--carina-z-index-current, 1) + 10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 0.25rem;
    border: 0;
    border: 2px solid transparent;
    color: var(--carina-text-color-heading, var(--carina-text-color-base));
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-lg);
    line-height: var(--carina-line-height-display-sm);
    font-family: inherit;
    white-space: nowrap
}
.carina-day-picker__nav {
    white-space: nowrap
}
.carina-day-picker__multiple-months .carina-day-picker__caption-start .carina-day-picker__nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}
.carina-day-picker__multiple-months .carina-day-picker__caption-end .carina-day-picker__nav {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}
.carina-day-picker__nav-button {
    display: none
}
.carina-day-picker__dropdown-year,
.carina-day-picker__dropdown-month {
    position: relative;
    display: inline-flex;
    align-items: center
}
.carina-day-picker__dropdown-month {
    flex-grow: 1
}
.carina-day-picker__dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: calc(var(--carina-z-index-current, 1) + 20);
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: transparent;
    cursor: inherit;
    opacity: 0;
    appearance: none
}
.carina-day-picker__dropdown:focus-visible:not([disabled]) + .carina-day-picker__caption-label {
    outline: none;
    box-shadow: var(--carina-ring-base)
}
.carina-day-picker__dropdown[disabled] {
    color: unset;
    opacity: unset
}
.carina-day-picker__dropdown:focus:not([disabled]) + .carina-day-picker__caption-label,
.carina-day-picker__dropdown:active:not([disabled]) + .carina-day-picker__caption-label {
    border-radius: 6px;
    background-color: var(--rdp-background-color)
}
.carina-day-picker__dropdown-icon {
    margin: 0 0 0 5px
}
.carina-day-picker__head {
    border: 0
}
.carina-day-picker__head-row,
.carina-day-picker__row {
    height: 100%
}
tbody tr.carina-day-picker__row {
    border-bottom: 0
}
.carina-day-picker__head-cell {
    height: 100%;
    height: var(--rdp-cell-size);
    padding: 0;
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-sm);
    text-align: center;
    text-transform: none;
    vertical-align: middle
}
.carina-day-picker__tbody {
    border: 0
}
.carina-day-picker__tfoot {
    margin: 0.5rem
}
.carina-day-picker__cell {
    width: var(--rdp-cell-size);
    height: 100%;
    height: var(--rdp-cell-size);
    padding: 0;
    position: relative;
    text-align: center
}
.carina-day-picker__week-number {
    font-size: var(--carina-font-size-body-2xs)
}
.carina-day-picker__week-number,
.carina-day-picker__day {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: var(--rdp-cell-size);
    max-width: var(--rdp-cell-size);
    height: var(--rdp-cell-size);
    margin: 0;
    padding: 1px;
    border: 2px solid transparent;
    border-radius: var(--carina-border-radius-xl);
    overflow: hidden
}
.carina-day-picker__week-number:focus-visible, .carina-day-picker__day:focus-visible {
    outline-width: 3px;
    outline-style: solid;
    outline-color: var(--carina-text-color-on-primary);
    outline-offset: -6px
}
.carina-day-picker__week-number:not(.carina-day-picker__week-number--selected):focus-visible, .carina-day-picker__day:not(.carina-day-picker__day--selected):focus-visible {
    outline-width: 0px;
    border-color: var(--carina-border-color-primary-focus)
}
.carina-day-picker__week-number--selected:focus-visible, .carina-day-picker__day--selected:focus-visible {
    outline-color: var(--carina-text-color-on-primary)
}
.carina-day-picker__day--today {
    position: relative
}
.carina-day-picker__day--today:not(.carina-day-picker__day--outside) {
    font-weight: var(--carina-font-weight-display)
}
.carina-day-picker__cell:has(.carina-day-picker__day--today)::after {
    position: absolute;
    top: 75%;
    left: 30%;
    width: 40%;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--carina-border-color-secondary-focus);
    border-radius: var(--carina-border-radius-full);
    content: '';
    pointer-events: none
}
.carina-day-picker__cell:has(.carina-day-picker__day--selected.carina-day-picker__day--today)::after {
    border-bottom-color: var(--carina-text-color-on-primary)
}
.carina-day-picker__cell:has(.carina-day-picker__day--range-middle.carina-day-picker__day--selected.carina-day-picker__day--today)::after {
    border-bottom-color: var(--carina-text-color-on-primary-pale-soft)
}
.carina-day-picker__day--selected {
    border-radius: var(--carina-border-radius-xl);
    border-width: var(--carina-border-width-1);
    border-style: solid;
    border-color: var(--carina-border-color-primary-focus)
}
.carina-day-picker__day--selected,
.carina-day-picker__day--selected:focus,
.carina-day-picker__day--selected:active,
.carina-day-picker__day--selected:hover:not(.carina-day-picker__day--range-middle) {
    border: 1px solid var(--carina-border-color-primary-focus);
    color: var(--carina-text-color-on-primary);
    background-color: var(--rdp-accent-color)
}
.carina-day-picker__day--disabled {
    color: var(--carina-text-color-disabled)
}
.carina-day-picker__day--selected.carina-day-picker__day--disabled {
    color: var(--carina-text-color-on-primary);
    opacity: var(--carina-opacity-40)
}
.carina-day-picker__day--range-start:not(.carina-day-picker__day--range-end) {
    border-start-end-radius: var(--carina-border-radius-none);
    border-end-end-radius: var(--carina-border-radius-none)
}
.carina-day-picker__day--range-start:not(.carina-day-picker__day--range-end):hover {
    border-start-end-radius: var(--carina-border-radius-none);
    border-end-end-radius: var(--carina-border-radius-none)
}
.carina-day-picker__day--range-end:not(.carina-day-picker__day--range-start) {
    border-start-start-radius: var(--carina-border-radius-none);
    border-end-start-radius: var(--carina-border-radius-none)
}
.carina-day-picker__day--range-end:not(.carina-day-picker__day--range-start):hover {
    border-start-start-radius: var(--carina-border-radius-none);
    border-end-start-radius: var(--carina-border-radius-none)
}
.carina-day-picker__day--range-middle.carina-day-picker__day--selected {
    border-radius: var(--carina-border-radius-none);
    color: var(--carina-text-color-on-primary-pale);
    background-color: var(--carina-background-color-primary-pale);
    border-color: var(--carina-colors-transparent)
}
.carina-day-picker__day--range-middle.carina-day-picker__day--selected:hover {
    border-radius: var(--carina-border-radius-none);
    border-color: var(--carina-border-color-primary-focus)
}
.carina-day-picker__day--range-middle.carina-day-picker__day--selected:focus-visible {
    outline-width: var(--carina-border-width-2);
    outline-color: var(--carina-border-color-hard);
    outline-offset: calc(-1 * var(--carina-border-width-2))
}
.carina-day-picker__day--range-middle.carina-day-picker__day--selected.carina-day-picker__day--disabled {
    opacity: var(--carina-opacity-40)
}
.carina-date-range-picker {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    margin-inline: var(--carina-spacing-0);
    padding-block: var(--carina-spacing-0);
    padding-inline: var(--carina-spacing-0);
    min-inline-size: var(--carina-spacing-0)
}
.carina-date-range-picker--outline input {
    margin-top: var(--carina-spacing-0)
}
.carina-date-range-picker--all-labels.carina-date-range-picker--outline {
    margin-top: 29.5px
}
.carina-date-range-picker--all-labels.carina-date-range-picker--outline legend {
    top: -29.5px
}
.carina-date-range-picker--all-labels.carina-date-range-picker--underline {
    margin-top: 29.5px
}
.carina-date-range-picker--all-labels.carina-date-range-picker--underline legend {
    top: -29.5px
}
.carina-date-range-picker--only-top-label.carina-date-range-picker--outline {
    margin-top: 10px
}
.carina-date-range-picker__textbox-wrapper {
    display: flex;
    align-items: flex-end
}
.carina-date-range-picker__separator {
    display: flex;
    color: var(--carina-text-color-base);
    align-items: center;
    align-self: flex-end;
    padding-right: var(--carina-spacing-2);
    padding-left: var(--carina-spacing-2)
}
.carina-date-range-picker__separator--default {
    height: 40px
}
.carina-date-range-picker__separator--outline {
    height: 42px;
    margin-top: 10px
}
.carina-date-range-picker__separator--underline {
    height: 42px
}
.carina-date-range-picker__separator--grid {
    height: 24px
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.flex {
    display: flex
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.carina-multi-select .carina-popper {
    border-radius: var(--carina-border-radius-xl)
}
.carina-container {
    box-sizing: border-box;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}
.carina-container--normal {
    container-type: normal
}
.carina-container--size {
    container-type: size
}
.carina-container--inline-size {
    container-type: inline-size
}
.carina-container--sm {
    max-width: var(--carina-breakpoint-sm)
}
.carina-container--md {
    max-width: var(--carina-breakpoint-md)
}
.carina-container--lg {
    max-width: var(--carina-breakpoint-lg)
}
.carina-container--xl {
    max-width: var(--carina-breakpoint-xl)
}
.carina-container--2xl {
    max-width: var(--carina-breakpoint-2xl)
}
.carina-row {
    --carina-row-gutter-x: var(--carina-spacing-4);
    --carina-row-gutter-y: var(--carina-spacing-0);
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--carina-row-gutter-y) * -1);
    margin-inline-start: calc(var(--carina-row-gutter-x) * -0.5);
    margin-inline-end: calc(var(--carina-row-gutter-x) * -0.5)
}
.carina-row > * {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-top: var(--carina-row-gutter-y);
    padding-right: calc(var(--carina-row-gutter-x) * 0.5);
    padding-left: calc(var(--carina-row-gutter-x) * 0.5)
}
.carina-column {
    flex: 1 0 0%
}
.carina-row--cols-auto > * {
    flex: 0 0 auto;
    width: auto
}
.carina-row--cols-1 > * {
    flex: 0 0 auto;
    width: calc(100% / 1)
}
.carina-row--cols-2 > * {
    flex: 0 0 auto;
    width: calc(100% / 2)
}
.carina-row--cols-3 > * {
    flex: 0 0 auto;
    width: calc(100% / 3)
}
.carina-row--cols-4 > * {
    flex: 0 0 auto;
    width: calc(100% / 4)
}
.carina-row--cols-5 > * {
    flex: 0 0 auto;
    width: calc(100% / 5)
}
.carina-row--cols-6 > * {
    flex: 0 0 auto;
    width: calc(100% / 6)
}
.carina-row--gutter-x-compact {
    --carina-row-gutter-x: var(--carina-spacing-4)
}
.carina-row--gutter-y-compact {
    --carina-row-gutter-y: var(--carina-spacing-4)
}
.carina-row--gutter-x-default {
    --carina-row-gutter-x: var(--carina-spacing-6)
}
.carina-row--gutter-y-default {
    --carina-row-gutter-y: var(--carina-spacing-6)
}
.carina-row--gutter-x-roomy {
    --carina-row-gutter-x: var(--carina-spacing-8)
}
.carina-row--gutter-y-roomy {
    --carina-row-gutter-y: var(--carina-spacing-8)
}
.carina-row--gutter-x-0 {
    --carina-row-gutter-x: var(--carina-spacing-0)
}
.carina-row--gutter-y-0 {
    --carina-row-gutter-y: var(--carina-spacing-0)
}
.carina-row--gutter-x-2 {
    --carina-row-gutter-x: var(--carina-spacing-2)
}
.carina-row--gutter-y-2 {
    --carina-row-gutter-y: var(--carina-spacing-2)
}
.carina-row--gutter-x-4 {
    --carina-row-gutter-x: var(--carina-spacing-4)
}
.carina-row--gutter-y-4 {
    --carina-row-gutter-y: var(--carina-spacing-4)
}
.carina-row--gutter-x-6 {
    --carina-row-gutter-x: var(--carina-spacing-6)
}
.carina-row--gutter-y-6 {
    --carina-row-gutter-y: var(--carina-spacing-6)
}
.carina-row--gutter-x-8 {
    --carina-row-gutter-x: var(--carina-spacing-8)
}
.carina-row--gutter-y-8 {
    --carina-row-gutter-y: var(--carina-spacing-8)
}
.carina-row--gutter-x-10 {
    --carina-row-gutter-x: var(--carina-spacing-10)
}
.carina-row--gutter-y-10 {
    --carina-row-gutter-y: var(--carina-spacing-10)
}
.carina-column--fill {
    flex: 1 0 0%;
    width: 0
}
.carina-column--auto {
    flex: 0 0 auto;
    width: auto
}
.carina-column--span-1 {
    flex: 0 0 auto;
    width: calc(100% * 1 / 12)
}
.carina-column--span-2 {
    flex: 0 0 auto;
    width: calc(100% * 2 / 12)
}
.carina-column--span-3 {
    flex: 0 0 auto;
    width: calc(100% * 3 / 12)
}
.carina-column--span-4 {
    flex: 0 0 auto;
    width: calc(100% * 4 / 12)
}
.carina-column--span-5 {
    flex: 0 0 auto;
    width: calc(100% * 5 / 12)
}
.carina-column--span-6 {
    flex: 0 0 auto;
    width: calc(100% * 6 / 12)
}
.carina-column--span-7 {
    flex: 0 0 auto;
    width: calc(100% * 7 / 12)
}
.carina-column--span-8 {
    flex: 0 0 auto;
    width: calc(100% * 8 / 12)
}
.carina-column--span-9 {
    flex: 0 0 auto;
    width: calc(100% * 9 / 12)
}
.carina-column--span-10 {
    flex: 0 0 auto;
    width: calc(100% * 10 / 12)
}
.carina-column--span-11 {
    flex: 0 0 auto;
    width: calc(100% * 11 / 12)
}
.carina-column--span-12 {
    flex: 0 0 auto;
    width: calc(100% * 12 / 12)
}
.carina-column--offset-1 {
    margin-right: 0;
    margin-left: calc(100% * 1 / 12)
}
[dir='rtl'] .carina-column--offset-1 {
    margin-right: calc(100% * 1 / 12);
    margin-left: 0
}
.carina-column--offset-2 {
    margin-right: 0;
    margin-left: calc(100% * 2 / 12)
}
[dir='rtl'] .carina-column--offset-2 {
    margin-right: calc(100% * 2 / 12);
    margin-left: 0
}
.carina-column--offset-3 {
    margin-right: 0;
    margin-left: calc(100% * 3 / 12)
}
[dir='rtl'] .carina-column--offset-3 {
    margin-right: calc(100% * 3 / 12);
    margin-left: 0
}
.carina-column--offset-4 {
    margin-right: 0;
    margin-left: calc(100% * 4 / 12)
}
[dir='rtl'] .carina-column--offset-4 {
    margin-right: calc(100% * 4 / 12);
    margin-left: 0
}
.carina-column--offset-5 {
    margin-right: 0;
    margin-left: calc(100% * 5 / 12)
}
[dir='rtl'] .carina-column--offset-5 {
    margin-right: calc(100% * 5 / 12);
    margin-left: 0
}
.carina-column--offset-6 {
    margin-right: 0;
    margin-left: calc(100% * 6 / 12)
}
[dir='rtl'] .carina-column--offset-6 {
    margin-right: calc(100% * 6 / 12);
    margin-left: 0
}
.carina-column--offset-7 {
    margin-right: 0;
    margin-left: calc(100% * 7 / 12)
}
[dir='rtl'] .carina-column--offset-7 {
    margin-right: calc(100% * 7 / 12);
    margin-left: 0
}
.carina-column--offset-8 {
    margin-right: 0;
    margin-left: calc(100% * 8 / 12)
}
[dir='rtl'] .carina-column--offset-8 {
    margin-right: calc(100% * 8 / 12);
    margin-left: 0
}
.carina-column--offset-9 {
    margin-right: 0;
    margin-left: calc(100% * 9 / 12)
}
[dir='rtl'] .carina-column--offset-9 {
    margin-right: calc(100% * 9 / 12);
    margin-left: 0
}
.carina-column--offset-10 {
    margin-right: 0;
    margin-left: calc(100% * 10 / 12)
}
[dir='rtl'] .carina-column--offset-10 {
    margin-right: calc(100% * 10 / 12);
    margin-left: 0
}
.carina-column--offset-11 {
    margin-right: 0;
    margin-left: calc(100% * 11 / 12)
}
[dir='rtl'] .carina-column--offset-11 {
    margin-right: calc(100% * 11 / 12);
    margin-left: 0
}
.carina-search-bar.carina-textbox__container .carina-input-fieldset {
    border-radius: var(--carina-border-radius-full)
}
.carina-search-bar.carina-textbox__container:focus-within > .carina-input-fieldset {
    border-color: var(--carina-border-color-primary-focus);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    box-shadow: none
}
.carina-search-bar.carina-textbox__container:focus-within > .carina-input-fieldset.carina-input-fieldset--disabled {
    border-color: var(--carina-border-color-soft)
}
.carina-search-bar .carina-textbox-icon {
    bottom: 14px;
    inset-inline-end: var(--carina-spacing-2)
}
.carina-search-bar > .carina-textbox__input {
    border-radius: var(--carina-border-radius-full);
    padding-inline-end: 84px;
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in-out
  );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow
}
.carina-search-bar > .carina-textbox__input:focus-visible {
    border-color: var(--carina-border-color-primary-focus);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    outline: none;
    box-shadow: var(--carina-ring-base);
    transition-timing-function: var(
      --carina-transition-timing-function-expressive-ease-in-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color
}
.carina-search-bar > .carina-textbox__input:disabled {
    color: color-mix(
      in srgb,
      var(--carina-text-color-soft) calc(var(--carina-opacity-40) * 100%),
      transparent
    )
}
.carina-search-bar .carina-button {
    display: flex;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    border-radius: var(--carina-border-radius-full);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-md);
    text-decoration: none
}
.carina-search-bar .carina-button:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-base)
}
.carina-search-bar .carina-button:focus {
    outline: none;
    box-shadow: 0 0 0 var(--carina-border-width-2)
      var(--carina-border-color-base)
}
.carina-single-dimension-filters__scroll-arrow > .carina-button.carina-button--icon-only {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    border: 0;
    color: var(--carina-text-color-soft)
}
.carina-single-dimension-filters__scroll-arrow > .carina-button.carina-button--icon-only:focus {
    border-radius: var(--carina-border-radius-sm);
    box-shadow: var(--carina-ring-base)
}
.carina-single-dimension-filters__scroll-arrow > .carina-button.carina-button--icon-only:hover:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-hover)
}
.carina-single-dimension-filters__scroll-arrow > .carina-button.carina-button--icon-only:active:not(.carina-button--disabled) {
    color: var(--carina-text-color-base);
    background-color: var(--carina-background-color-surface-active)
}
.carina-form-element {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0) var(--carina-spacing-0)
    var(--carina-spacing-4) var(--carina-spacing-0);
    vertical-align: top;
    appearance: none
}
.carina-form-element__form-label {
    position: relative
}
.carina-form-element__form-label--visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.carina-form-element__form-label-container {
    display: block;
    margin-bottom: var(--carina-spacing-1);
    padding: var(--carina-spacing-0);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    vertical-align: top
}
.carina-form-element__form-label-required-indicator-container {
    position: absolute;
    inset-inline-start: -11px;
    top: -2px;
    color: var(--carina-text-color-danger);
    font-size: var(--carina-font-size-body-xl);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none
}
.carina-form-element__form-message {
    display: block;
    margin: var(--carina-spacing-1) var(--carina-spacing-0)
    var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-xs);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: normal;
    text-transform: none;
    text-indent: var(--carina-spacing-0);
    text-shadow: none;
    vertical-align: top
}
.carina-form-element__form-message-error-icon-container {
    position: relative;
    vertical-align: middle;
    padding-inline: 0 calc(var(--carina-spacing-px) * 5)
}
.carina-form-element__form-message-error-icon-container svg {
    display: inline-block;
    vertical-align: text-bottom
}
.carina-form-element__form-message.carina-form-element__form-message--info {
    color: var(--carina-text-color-soft)
}
.carina-form-element__form-message.carina-form-element__form-message--error {
    color: var(--carina-text-color-danger)
}
.carina-formlayout {
    position: relative;
    width: 100%
}
.carina-formsection {
    display: flex;
    flex-direction: column
}
.carina-formsection__content {
    flex: 1 0 0%;
    padding-top: var(--carina-spacing-4);
    padding-bottom: var(--carina-spacing-4)
}
.carina-formsection__content--stack {
    flex: 1 0 auto
}
.carina-formsection__header {
    color: var(--carina-text-color-heading, var(--carina-text-color-base));
    font-weight: var(--carina-font-weight-body);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    direction: ltr;
    letter-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none
}
[dir='rtl'] .carina-formsection__header {
    direction: rtl
}
.carina-formsection__header h3 {
    margin: calc(var(--carina-spacing-5) + var(--carina-spacing-px)) 0;
    color: var(--carina-text-color-heading, var(--carina-text-color-base));
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-display-2xs);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-tight)
}
.carina-formsection__header--stack {
    color: var(--carina-text-color-heading, var(--carina-text-color-base));
    direction: ltr
}
[dir='rtl'] .carina-formsection__header--stack {
    direction: rtl
}
.carina-numeric-selector {
    display: flex;
    flex-direction: row
}
.carina-numeric-selector input {
    text-align: center
}
[dir='rtl'] .carina-numeric-selector input {
    text-align: center
}
.carina-numeric-selector__textbox {
    padding: 0 var(--carina-spacing-1);
    width: 56px;
    box-sizing: border-box;
    border: 0;
    font-size: 100%;
    font-family: inherit
}
.carina-numeric-selector__textbox input {
    padding: 0
}
.carina-numeric-selector .carina-input-fieldset--default {
    top: 0px;
    bottom: unset
}
.carina-numeric-selector--grid input {
    --moz-appearance: textfield;
    padding: 0;
    text-align: center
}
.carina-numeric-selector--grid button {
    width: var(--carina-spacing-6);
    height: var(--carina-spacing-6)
}
.carina-numeric-selector--underline input {
    --moz-appearance: textfield;
    text-align: center
}
.carina-numeric-selector--outline {
    height: calc(40px + 2 * var(--carina-border-width-1))
}
.carina-numeric-selector--outline input {
    --moz-appearance: textfield;
    text-align: center
}
.carina-numeric-selector__buttons {
    width: 40px;
    height: 40px
}
.carina-numeric-selector__buttons > button {
    color: var(--carina-text-color-soft)
}
.carina-numeric-selector__buttons .carina-button {
    color: var(--carina-text-color-soft)
}
.carina-numeric-selector__buttons.carina-numeric-selector__buttons--grid {
    width: var(--carina-spacing-6);
    height: var(--carina-spacing-6)
}
.carina-numeric-selector__buttons.carina-numeric-selector__buttons--grid button {
    width: var(--carina-spacing-6);
    height: var(--carina-spacing-6)
}
.carina-numeric-selector__buttons.carina-numeric-selector__buttons--grid .carina-button {
    min-height: unset
}
.carina-numeric-selector__textbox.carina-numeric-selector__textbox--underline,
.carina-numeric-selector__textbox.carina-numeric-selector__textbox--outline {
    position: relative;
    top: calc(-1 * var(--carina-spacing-2-5));
    height: calc(40px + 2 * var(--carina-border-width-1))
}
.carina-numeric-selector__buttons.carina-numeric-selector__buttons--underline,
.carina-numeric-selector__buttons.carina-numeric-selector__buttons--outline {
    margin: var(--carina-border-width-1)
}
.carina-numeric-selector__text {
    align-self: center;
    margin: var(--carina-border-width-1) 0;
    padding: 0 var(--carina-spacing-1)
}
.carina-radiogroup__button {
    position: relative;
    display: inherit;
    padding: var(--carina-spacing-2) 0;
    outline: none
}
.carina-radiogroup__button--inline {
    display: inline-block
}
.carina-radiogroup__button-input {
    position: absolute;
    left: -9999px
}
[dir='rtl'] .carina-radiogroup__button-input {
    right: -9999px;
    left: unset
}
.carina-radiogroup__button-label {
    position: relative;
    display: inline-block;
    margin-inline-start: var(--carina-spacing-4);
    padding-inline-start: var(--carina-spacing-2);
    font-size: var(--carina-font-size-body-sm)
}
.carina-radiogroup__button-label::before {
    position: absolute;
    top: 0;
    left: calc(-1 * var(--carina-spacing-4));
    display: block;
    box-sizing: border-box;
    width: var(--carina-spacing-4);
    height: var(--carina-spacing-4);
    padding-inline-start: var(--carina-spacing-2);
    border-color: var(--carina-border-color-base);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    border-radius: var(--carina-border-radius-xl);
    color: var(--carina-text-color-base);
    font-size: var(--carina-font-size-body-md);
    background-color: transparent;
    cursor: pointer;
    transition-timing-function: var(
      --carina-transition-timing-function-expressive-ease-in-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow;
    content: ''
}
[dir='rtl'] .carina-radiogroup__button-label::before {
    right: calc(-1 * var(--carina-spacing-4));
    left: auto
}
.carina-radiogroup__button-label.carina-radiogroup__button-label--read-only:not(.carina-radiogroup__button-label--checked):not(
    .carina-radiogroup__button-label--disabled
  )::before {
    color: var(--carina-text-color-base);
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface-alt);
    -webkit-user-select: text;
    user-select: text;
    cursor: not-allowed
}
.carina-radiogroup__button-label.carina-radiogroup__button-label--read-only:not(.carina-radiogroup__button-label--checked):not(
    .carina-radiogroup__button-label--disabled
  )::before:focus {
    border-color: var(--carina-border-color-primary-focus)
}
.carina-radiogroup__button-label--error::before {
    border-color: var(--carina-border-color-danger);
    border-style: solid;
    border-width: var(--carina-border-width-1)
}
.carina-radiogroup__button-label--inline {
    padding-inline-end: var(--carina-spacing-4)
}
.carina-radiogroup__button-label--checked::before {
    border-color: var(--carina-border-color-primary);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    background: var(--carina-background-color-primary)
}
.carina-radiogroup__button-label--checked::after {
    position: absolute;
    top: 0.3125rem;
    left: -0.6875rem;
    display: block;
    box-sizing: border-box;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: var(--carina-border-radius-xl);
    font-size: var(--carina-spacing-4);
    background: var(--carina-text-color-on-primary);
    cursor: pointer;
    content: ''
}
[dir='rtl'] .carina-radiogroup__button-label--checked::after {
    right: -0.6875rem;
    left: auto
}
.carina-radiogroup__button-label--checked.carina-radiogroup__button-label--error::before {
    border-color: var(--carina-border-color-danger);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    background-color: var(--carina-background-color-danger)
}
.carina-radiogroup__button-label--focused::before {
    box-shadow: var(--carina-ring-base)
}
.carina-radiogroup__button-label--focused.carina-radiogroup__button-label--checked::before {
    border-color: var(--carina-border-color-primary);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    background: var(--carina-background-color-primary);
    box-shadow: var(--carina-ring-base)
}
.carina-radiogroup__button-label--focused.carina-radiogroup__button-label--checked::after {
    position: absolute;
    top: 0.3125rem;
    left: -0.6875rem;
    display: block;
    box-sizing: border-box;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: var(--carina-border-radius-xl);
    font-size: var(--carina-spacing-4);
    background: var(--carina-text-color-on-primary);
    cursor: pointer;
    content: ''
}
[dir='rtl'] .carina-radiogroup__button-label--focused.carina-radiogroup__button-label--checked::after {
    right: -0.6875rem;
    left: auto
}
.carina-radiogroup__button-label--focused.carina-radiogroup__button-label--checked.carina-radiogroup__button-label--error::before {
    border-color: var(--carina-border-color-danger);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    background: var(--carina-background-color-danger);
    box-shadow: 0 0 0 var(--carina-border-width-2)
      var(--carina-border-color-danger-focus)
}
.carina-radiogroup__button-label--focused.carina-radiogroup__button-label--error::before {
    box-shadow: 0 0 0 var(--carina-border-width-2)
      var(--carina-border-color-danger-focus)
}
.carina-radiogroup__button-label--disabled {
    color: var(--carina-text-color-disabled);
    cursor: not-allowed
}
.carina-radiogroup__button-label--disabled::before {
    border-width: 0;
    color: var(--carina-text-color-disabled);
    background-color: var(--carina-background-color-neutral-inactive);
    cursor: not-allowed
}
.carina-radiogroup__button-label--disabled.carina-radiogroup__button-label--checked::before {
    border-color: var(--carina-border-color-soft);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    background-color: var(--carina-background-color-neutral-inactive)
}
.carina-radiogroup {
    display: block;
    clear: both;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--carina-text-color-base);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-sm);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-tight);
    direction: ltr;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    list-style-type: none;
    outline: 0
}
[dir='rtl'] .carina-radiogroup {
    direction: rtl;
    text-align: right
}
.carina-switch {
    display: inline-block
}
.carina-switch__track {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 40px;
    height: 24px;
    border-color: var(--carina-border-color-base);
    border-style: solid;
    border-width: var(--carina-border-width-2);
    border-radius: var(--carina-border-radius-full);
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: background-color var(--carina-transition-duration-400),
    box-shadow var(--carina-transition-timing-function-expressive-ease-in-out)
      var(--carina-transition-duration-100);
    appearance: none
}
.carina-switch__track:focus {
    box-shadow: 0 0 0 2px var(--carina-border-color-primary-focus)
}
.carina-switch__thumb {
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    width: 14px;
    height: 14px;
    border-radius: var(--carina-border-radius-xl);
    background-color: var(--carina-background-color-neutral);
    transform: translateX(0);
    transition: transform var(--carina-transition-duration-200)
    var(--carina-transition-timing-function-productive-ease-in)
}
.carina-switch__track.carina-switch__track--read-only {
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface-alt);
    -webkit-user-select: none;
    user-select: none
}
.carina-switch__track.carina-switch__track--read-only:hover {
    cursor: not-allowed
}
.carina-switch__thumb.carina-switch__thumb--read-only {
    background-color: var(--carina-border-color-soft);
    -webkit-user-select: none;
    user-select: none
}
.carina-switch__thumb.carina-switch__thumb--read-only:hover {
    cursor: not-allowed
}
.carina-switch--on .carina-switch__track {
    border: 0;
    background-color: var(--carina-text-color-primary)
}
.carina-switch--on .carina-switch__thumb {
    top: 2px;
    inset-inline-start: -2px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: var(--carina-spacing-0-5);
    color: var(--carina-text-color-primary);
    background-color: var(--carina-background-color-surface);
    transform: translateX(100%)
}
[dir='rtl'] .carina-switch--on .carina-switch__thumb {
    transform: translateX(-100%)
}
.carina-switch--disabled .carina-switch__track {
    cursor: not-allowed;
    opacity: var(--carina-opacity-40)
}
.carina-switch--disabled .carina-switch--on .carina-switch__track {
    background-color: var(--carina-text-color-primary);
    cursor: not-allowed;
    opacity: var(--carina-opacity-40)
}
.carina-textarea-icon {
    position: absolute;
    bottom: var(--carina-spacing-4);
    padding: var(--carina-spacing-0-5)
}
.carina-textarea-icon svg {
    display: block;
    vertical-align: middle
}
.carina-textarea-icon--start {
    inset-inline-start: var(--carina-spacing-4)
}
.carina-textarea-icon--start.carina-textarea-icon--grid {
    inset-inline-start: var(--carina-spacing-1)
}
.carina-textarea-icon--end {
    inset-inline-end: var(--carina-spacing-4)
}
.carina-textarea {
    position: relative;
    box-sizing: border-box;
    width: 100%
}
.carina-textarea:focus-within > fieldset {
    border-color: var(--carina-border-color-primary-focus);
    border-style: solid;
    transition-timing-function: var(
      --carina-transition-timing-function-productive-ease-in-out
    );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: border-color
}
.carina-textarea.carina-textarea--default:focus-within > fieldset {
    border-width: var(--carina-border-width-1);
    box-shadow: var(--carina-ring-base)
}
.carina-textarea.carina-textarea--default .carina-input-fieldset:not(.carina-input-fieldset--hiddenlabel) {
    bottom: 3px
}
@supports (height: -moz-available) {
    .carina-textarea.carina-textarea--default .carina-input-fieldset:not(.carina-input-fieldset--hiddenlabel) {
        bottom: unset;
        top: calc(var(--carina-textarea-label-height) + 4px)
    }
}
.carina-textarea.carina-textarea--default .carina-input-fieldset--hiddenlabel {
    top: 0px
}
.carina-textarea--grid {
    margin-top: var(--carina-spacing-0)
}
.carina-textarea--grid:focus-within > fieldset {
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
      var(--carina-border-width-2)
}
.carina-textarea--outline {
    margin-top: 10px
}
.carina-textarea--outline:focus-within > fieldset {
    border-width: var(--carina-border-width-2)
}
.carina-textarea--underline {
    margin-top: 10px
}
.carina-textarea--underline:focus-within > fieldset {
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
      var(--carina-border-width-2)
}
.carina-textarea--error {
    border-color: var(--carina-border-color-danger)
}
.carina-textarea--error:focus-within > fieldset {
    border-color: var(--carina-border-color-danger-focus)
}
.carina-textarea__textarea {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: var(--carina-spacing-0) var(--carina-spacing-0)
    calc(-1 * var(--carina-spacing-1)) var(--carina-spacing-0);
    padding: var(--carina-spacing-2) var(--carina-spacing-4)
    var(--carina-spacing-2) var(--carina-spacing-4);
    border-color: transparent;
    border-radius: var(--carina-border-radius-md);
    border-style: solid;
    border-width: var(--carina-border-width-0) var(--carina-spacing-0-5)
    var(--carina-spacing-0-5) var(--carina-spacing-0-5);
    overflow: auto;
    color: var(--carina-text-color-base);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-md);
    font-family: var(--carina-font-family-primary);
    font-style: normal;
    line-height: var(--carina-line-height-normal);
    letter-spacing: 0;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    background-color: transparent;
    appearance: none;
    resize: vertical
}
.carina-textarea__textarea::placeholder {
    color: var(--carina-text-color-soft)
}
[dir='rtl'] .carina-textarea__textarea {
    direction: rtl;
    text-align: right
}
.carina-textarea__textarea:focus {
    outline: 0
}
.carina-textarea__textarea:focus-visible {
    outline: var(--carina-border-width-2) solid var(--carina-colors-transparent)
}
.carina-textarea__textarea:disabled {
    border-color: transparent;
    color: var(--carina-text-color-disabled);
    pointer-events: none
}
.carina-textarea__textarea:disabled::placeholder {
    color: color-mix(
        in srgb,
        var(--carina-text-color-soft) calc(var(--carina-opacity-40) * 100%),
        transparent
      )
}
.carina-textarea__textarea svg {
    vertical-align: middle
}
.carina-textarea__textarea.carina-textarea__textarea--read-only {
    color: var(--carina-text-color-base);
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface-alt);
    -webkit-user-select: text;
    user-select: text
}
.carina-textarea__textarea.carina-textarea__textarea--read-only:hover {
    cursor: not-allowed
}
.carina-textarea__textarea.carina-textarea__input--icon-end {
    padding-inline-end: calc(var(--carina-textarea-icon-width) + 16px)
}
.carina-textarea__textarea.carina-textarea__input--icon-start {
    padding-inline-start: calc(var(--carina-textarea-icon-width) + 16px)
}
.carina-textarea__textarea--fixed-size {
    resize: none
}
.carina-textarea__textarea--s.carina-textarea__textarea--default {
    min-height: 4rem
}
.carina-textarea__textarea--m.carina-textarea__textarea--default {
    min-height: 6rem
}
.carina-textarea__textarea--l.carina-textarea__textarea--default {
    min-height: 8rem
}
.carina-textarea__textarea--xl.carina-textarea__textarea--default {
    min-height: 16rem
}
.carina-textarea__textarea--s {
    min-height: 3.5rem
}
.carina-textarea__textarea--m {
    min-height: 5.5rem
}
.carina-textarea__textarea--l {
    min-height: 7.5rem
}
.carina-textarea__textarea--xl {
    min-height: 15.5rem
}
.carina-textarea__textarea--grid {
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0) var(--carina-spacing-0-5)
    var(--carina-spacing-0) var(--carina-spacing-1);
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
    var(--carina-spacing-0-5) var(--carina-border-width-0);
    border-radius: var(--carina-border-radius-none);
    background-color: transparent
}
.carina-textarea__textarea--grid.carina-textarea__textarea--s {
    min-height: 0
}
.carina-textarea__textarea--grid.carina-textarea__textarea--m {
    min-height: 0
}
.carina-textarea__textarea--grid.carina-textarea__textarea--l {
    min-height: 0
}
.carina-textarea__textarea--grid.carina-textarea__textarea--xl {
    min-height: 0
}
.carina-textarea__textarea--outline {
    margin-top: var(--carina-spacing-2);
    padding: var(--carina-spacing-0-5)
    calc(var(--carina-spacing-4) - var(--carina-border-width-2))
    calc(var(--carina-spacing-2) - var(--carina-spacing-0-5))
    calc(var(--carina-spacing-4) - var(--carina-border-width-2));
    background-color: transparent
}
.carina-textarea__textarea--underline {
    margin-top: var(--carina-spacing-2);
    padding: var(--carina-spacing-0-5) var(--carina-spacing-4)
    calc(var(--carina-spacing-2) - var(--carina-spacing-0-5))
    var(--carina-spacing-4);
    border-width: var(--carina-border-width-0) var(--carina-border-width-0)
    var(--carina-spacing-0-5) var(--carina-border-width-0);
    border-radius: var(--carina-border-radius-none);
    background-color: transparent
}
.carina-time-range-picker__label--hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.carina-time-range-picker__outer-container {
    box-sizing: border-box;
    width: 100%;
    margin-inline: var(--carina-spacing-0);
    padding-block: var(--carina-spacing-0);
    padding-inline: var(--carina-spacing-0);
    min-inline-size: var(--carina-spacing-0);
    border: 0
}
.carina-time-range-picker__outer-container input {
    margin-top: var(--carina-spacing-0)
}
.carina-time-range-picker--outline .carina-time-range-picker__outer-container.carina-time-range-picker__outer-container--all {
    margin-top: 29.5px
}
.carina-time-range-picker--outline .carina-time-range-picker__outer-container.carina-time-range-picker__label--only-top,
.carina-time-range-picker--underline .carina-time-range-picker__outer-container.carina-time-range-picker__label--only-top {
    margin-top: 10px
}
.carina-time-range-picker--underline .carina-time-range-picker__outer-container.carina-time-range-picker__outer-container--all {
    margin-top: 39.5px
}
.carina-time-range-picker__inner-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end
}
.carina-time-range-picker__separator {
    color: var(--carina-text-color-base);
    display: flex;
    align-items: center;
    align-self: flex-end;
    height: 40px;
    padding-right: var(--carina-spacing-2);
    padding-left: var(--carina-spacing-2)
}
.carina-time-range-picker--outline,
.carina-time-range-picker--underline {
    position: relative
}
.carina-time-range-picker--outline .carina-time-range-picker__label.carina-time-range-picker__label--all {
    top: -29.5px
}
.carina-time-range-picker--outline .carina-time-range-picker__separator {
    height: 42px;
    margin-top: 10px
}
.carina-time-range-picker--underline .carina-time-range-picker__label.carina-time-range-picker__label--all {
    top: -39.5px
}
.carina-time-range-picker--underline .carina-time-range-picker__label--only-top {
    top: -10px
}
.carina-time-range-picker--underline .carina-time-range-picker__separator {
    height: 42px
}
.carina-array-field__button-container {
    margin-bottom: var(--carina-spacing-6)
}
.carina-forms__read-only-text {
    width: 100%;
    padding-top: var(--carina-spacing-1);
    padding-bottom: var(--carina-spacing-0-5);
    color: var(--carina-text-color-soft);
    font-size: var(--carina-font-size-body-md);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-normal);
    white-space: pre-wrap;
    word-wrap: break-word
}
.carina-forms__read-only-text__no-entry {
    color: var(--carina-text-color-soft);
    -webkit-user-select: none;
    user-select: none
}
@keyframes carina-loading-spinner--circle {
    0% {
        transform: rotateZ(var(--carina-rotate-0))
    }
    66% {
        transform: rotateZ(220deg)
    }
    100% {
        transform: rotateZ(var(--carina-rotate-360))
    }
}
@keyframes carina-loading-spinner--tail-chase-md {
    0% {
        stroke-dashoffset: 100;
        transform: rotateZ(var(--carina-rotate-0))
    }
    50% {
        stroke-dashoffset: 0;
        transform: rotateZ(var(--carina-rotate-45))
    }
    100% {
        stroke-dashoffset: 100;
        transform: rotateZ(var(--carina-rotate-360))
    }
}
@keyframes carina-loading-spinner--tail-chase-lg {
    0% {
        stroke-dashoffset: 240;
        transform: rotateZ(var(--carina-rotate-0))
    }
    50% {
        stroke-dashoffset: 0;
        transform: rotateZ(var(--carina-rotate-45))
    }
    100% {
        stroke-dashoffset: 240;
        transform: rotateZ(var(--carina-rotate-360))
    }
}
.carina-loading-spinner {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--carina-spacing-8);
    overflow: visible;
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-lg);
    font-family: var(--carina-font-family-primary);
    transform-origin: 50% 50%
}
.carina-loading-spinner--textinline {
    flex-direction: row;
    margin-right: var(--carina-spacing-2);
    margin-bottom: var(--carina-spacing-8)
}
.carina-loading-spinner__circle {
    width: 78px;
    height: 78px;
    margin: 33px;
    overflow: visible;
    transform-origin: 50% 50%;
    animation: carina-loading-spinner--circle 3773ms linear infinite;
    fill: transparent;
    stroke: var(--carina-background-color-neutral-inactive);
    stroke-linecap: round;
    stroke-width: 6px;
    stroke-dasharray: 600
}
.carina-loading-spinner__circle--lg {
    stroke-dasharray: 900;
    width: 178px;
    height: 178px
}
.carina-loading-spinner__tail-chaser {
    transform-origin: 50% 50%;
    animation: carina-loading-spinner--tail-chase-md 2450ms linear infinite;
    stroke-dasharray: 175;
    stroke-width: 6px;
    fill: transparent
}
.carina-loading-spinner__tail-chaser--lg {
    transform-origin: 50% 50%;
    animation: carina-loading-spinner--tail-chase-lg 2450ms linear infinite;
    stroke-dasharray: 400;
    stroke-width: 6px;
    fill: transparent
}
.carina-loading-spinner__text {
    position: relative;
    justify-content: center;
    height: auto;
    margin: 0;
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-lg);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-display-2xs);
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word
}
.carina-loading-spinner__text--textinline {
    display: inline-block;
    margin-left: var(--carina-spacing-2)
}
.carina-loading-spinner__gradient-color-1 {
    stop-color: var(--carina-background-color-secondary)
}
.carina-loading-spinner__gradient-color-2 {
    stop-color: var(--carina-background-color-primary)
}
.carina-loading-spinner__gradient-color-3 {
    stop-color: var(--carina-background-color-tertiary)
}
.carina-modal {
    --carina-z-index-current: var(--carina-z-index-modal);
    --carina-z-index-popper: calc(
    var(--carina-z-index-modal) + var(--carina-z-index-popper-diff)
  );
    --carina-z-index-scrim: calc(
    var(--carina-z-index-modal) + var(--carina-z-index-scrim-diff)
  );
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--carina-z-index-modal);
    display: flex;
    align-items: center;
    justify-content: center
}
.carina-modal--fullscreen {
    --carina-z-index-current: var(--carina-z-index-fullscreen-modal);
    --carina-z-index-popper: calc(
      var(--carina-z-index-fullscreen-modal) + var(--carina-z-index-popper-diff)
    );
    --carina-z-index-scrim: calc(
      var(--carina-z-index-fullscreen-modal) + var(--carina-z-index-scrim-diff)
    )
}
.carina-modal--fluid {
    --carina-z-index-current: var(--carina-z-index-fullscreen-modal);
    --carina-z-index-popper: calc(
      var(--carina-z-index-fullscreen-modal) + var(--carina-z-index-popper-diff)
    );
    --carina-z-index-scrim: calc(
      var(--carina-z-index-fullscreen-modal) + var(--carina-z-index-scrim-diff)
    )
}
.carina-modal__dialog {
    z-index: var(--carina-z-index-modal);
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    overflow: hidden;
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    background-color: var(--carina-background-color-surface-alt);
    outline: none;
    box-shadow: var(--carina-box-shadow-2xl)
}
.carina-modal__dialog--center {
    max-width: calc(100% - 16px);
    max-height: 100%;
    border-radius: var(--carina-border-radius-xl)
}
.carina-modal__dialog--sm {
    width: 420px
}
.carina-modal__dialog--md {
    width: 560px
}
.carina-modal__dialog--lg {
    width: 800px
}
.carina-modal__dialog--xl {
    width: 1240px
}
.carina-modal__dialog--fluid {
    z-index: var(--carina-z-index-modal);
    width: 100%;
    height: 100%
}
.carina-modal__dialog--fullscreen {
    z-index: var(--carina-z-index-fullscreen-modal);
    width: 100%;
    height: 100%
}
.carina-modal__dialog--side {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 480px;
    max-width: 100%
}
.carina-modal__dialog--start {
    left: 0
}
[dir='rtl'] .carina-modal__dialog--start {
    right: 0;
    left: auto
}
.carina-modal__dialog--end {
    right: 0
}
[dir='rtl'] .carina-modal__dialog--end {
    right: auto;
    left: 0
}
.carina-modal__dialog--bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%;
    border-top-left-radius: var(--carina-border-radius-xl);
    border-top-right-radius: var(--carina-border-radius-xl)
}
.carina-modal__scrim {
    width: 100%;
    height: 100%;
    transition-property: opacity
}
.carina-modal__content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    overflow: hidden
}
.carina-modal__dialog--productive,
.carina-modal__scrim--productive,
.carina-modal__content--productive {
    transition-duration: var(--carina-transition-duration-200)
}
.carina-modal__dialog--expressive,
.carina-modal__scrim--expressive,
.carina-modal__content--expressive {
    transition-duration: var(--carina-transition-duration-400)
}
.carina-modal__dialog.carina-transition--out {
    --carina-transition-opacity: 0
}
.carina-modal__content.carina-transition--enter-done,
.carina-modal__content.carina-transition--appear-done,
.carina-modal__dialog.carina-transition--enter-done,
.carina-modal__dialog.carina-transition--appear-done {
    transform: none
}
.carina-modal__scrim.carina-transition--out {
    --carina-transition-opacity: 0
}
.carina-modal__content--productive {
    transition-delay: var(--carina-transition-delay-200)
}
.carina-modal__content--expressive {
    transition-delay: var(--carina-transition-delay-400)
}
.carina-modal__content.carina-transition--out {
    --carina-transition-opacity: 0
}
.carina-panel--productive .carina-panel__outer-container,
  .carina-panel--productive .carina-panel__scrim,
  .carina-transition--out .carina-panel__outer-container,
  .carina-transition--out .carina-panel__scrim {
    transition-duration: var(--carina-transition-duration-200)
}
.carina-panel--productive.carina-panel--scrim.carina-transition--in .carina-panel__outer-container,
.carina-panel--productive .carina-panel__content-container,
.carina-panel--expressive.carina-transition--out .carina-panel__content-container {
    transition-delay: var(--carina-transition-delay-200)
}
.carina-panel--expressive.carina-panel--scrim.carina-transition--in .carina-panel__outer-container,
.carina-panel--expressive.carina-transition--in .carina-panel__content-container,
.carina-panel--productive.carina-panel--scrim.carina-transition--in .carina-panel__content-container {
    transition-delay: var(--carina-transition-delay-400)
}
.carina-panel--expressive.carina-panel--scrim.carina-transition--in .carina-panel__content-container {
    transition-delay: var(--carina-transition-delay-800)
}
.carina-panel.carina-transition--enter-done,
.carina-panel.carina-transition--appear-done {
    transform: none
}
.carina-panel.carina-transition--enter-done .carina-panel__outer-container, .carina-panel.carina-transition--appear-done .carina-panel__outer-container {
    transform: none
}
.carina-panel.carina-transition--enter-done .carina-panel__content-container, .carina-panel.carina-transition--appear-done .carina-panel__content-container {
    transform: none
}
.carina-scroll-view-with-bars {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    width: 100%;
    max-width: inherit;
    height: 100%;
    max-height: inherit;
    overflow: hidden
}
.carina-scroll-view-with-bars__header {
    flex-grow: 0;
    flex-shrink: 0;
    overflow: visible;
    transition: box-shadow var(--carina-transition-duration-200)
    var(--carina-transition-timing-function-productive-ease-in-out)
}
.carina-scroll-view-with-bars__header--shadow {
    z-index: calc(var(--carina-z-index-current) + 1);
    box-shadow: var(--carina-box-shadow-lg)
}
.carina-scroll-view-with-bars__footer {
    flex-grow: 0;
    flex-shrink: 0;
    overflow: visible;
    transition: box-shadow var(--carina-transition-duration-200)
    var(--carina-transition-timing-function-productive-ease-in-out)
}
.carina-scroll-view-with-bars__footer--shadow {
    z-index: calc(var(--carina-z-index-current) + 1);
    box-shadow: var(--carina-box-shadow-reverse-lg)
}
.carina-scroll-view-with-bars__scroll-view {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto
}
.carina-popper:has(> .carina-navigation-next__object-navigation-menu) {
    border-start-end-radius: var(--carina-border-radius-xl);
    border-end-end-radius: var(--carina-border-radius-xl)
}
.carina-navigation-object-sidebar-container-scroll .carina-scroll-view-with-bars__footer {
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-2);
    padding-inline-end: var(--carina-spacing-3)
}
.carina-navigation-object-sidebar-container-scroll .carina-scroll-view-with-bars__scroll-view {
    position: static
}
.carina-popper:has(> .carina-navigation-next__solution-navigation-menu) {
    border-start-end-radius: var(--carina-border-radius-xl);
    border-end-end-radius: var(--carina-border-radius-xl)
}
.carina-navigation-next__solution-sidebar-container-scroll .carina-scroll-view-with-bars__scroll-view {
    position: static;
    scrollbar-color: var(--carina-border-color-primary)
      var(--carina-background-color-surface);
    scrollbar-width: thin
}
.carina-navigation-next__solution-sidebar-container-scroll .carina-scroll-view-with-bars__header--shadow {
    box-shadow: var(--carina-box-shadow-xl)
}
.carina-navigation-next__solution-sidebar-container-scroll .carina-scroll-view-with-bars__footer > div:first-child {
    margin-top: var(--carina-spacing-5)
}
.carina-navigation-next__solution-sidebar-container-scroll .carina-scroll-view-with-bars__footer--shadow {
    box-shadow: var(--carina-box-shadow-reverse-xl)
}
.carina-navigation-next__solution-sidebar-dropdown .carina-collapse--vertical {
    display: none
}
.carina-navigation-next__solution-sidebar-dropdown .carina-collapse__wrapper {
    width: 100%
}
.carina-navigation__app-switcher .carina-button--brand {
    background-color: var(--carina-background-color-primary)
}
.carina-navigation__app-switcher .carina-button--brand:focus-visible {
    outline: var(--carina-border-color-soft) var(--carina-border-width-1);
    box-shadow: var(--carina-ring-white)
}
.carina-navigation__search-button-wrapper .carina-button--icon-only.carina-button--m {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.5rem;
    min-height: 0;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0);
    background-color: transparent
}
.carina-navigation__search-button-wrapper .carina-button--icon-only.carina-button--m:hover {
    background-color: var(--carina-background-color-surface-hover)
}
.carina-navigation__search-button-wrapper .carina-button--icon-only.carina-button--m:active {
    background-color: var(--carina-background-color-surface-active);
    transform: var(scale(var(--carina-scale-shrink)))
}
.carina-navigation__search-button-wrapper .carina-button--icon-only.carina-button--m:focus-visible {
    outline: var(--carina-border-width-2) solid var(--carina-colors-transparent);
    box-shadow: var(--carina-ring-black)
}
.carina-navigation__search-button-wrapper .carina-button--icon-only.carina-button--m:disabled,
  .carina-navigation__search-button-wrapper .carina-button--icon-only.carina-button--m:disabled:hover,
  .carina-navigation__search-button-wrapper .carina-button--icon-only.carina-button--m:disabled:active {
    cursor: default;
    opacity: var(--carina-opacity-40)
}
.carina-navigation__search-container .carina-textbox-icon {
    position: absolute;
    top: 50%;
    inset-inline-start: var(--carina-spacing-2-5);
    transform: translateY(-50%)
}
.carina-navigation__search-container .carina-textbox__container .carina-input-fieldset {
    height: 36px
}
.carina-navigation__search-container .carina-textbox__input {
    height: 36px;
    border-radius: var(--carina-border-radius-sm);
    font-size: var(--carina-font-size-sm);
    padding-inline-end: var(--carina-spacing-16)
}
.carina-navigation__search-container .carina-button__icon,
.carina-navigation__search-container .carina-textbox-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--carina-text-color-base)
}
@keyframes carina-navigation__side-navigation--outer-container-in {
    from {
        width: 0;
        opacity: var(--carina-opacity-0)
    }
    to {
        width: 320px;
        opacity: var(--carina-opacity-100)
    }
}
@keyframes carina-navigation__side-navigation--outer-container-out {
    from {
        width: 320px;
        opacity: var(--carina-opacity-100)
    }
    to {
        width: 0;
        opacity: var(--carina-opacity-0)
    }
}
@keyframes carina-navigation__side-navigation--outer-container-in-small {
    from {
        width: 0;
        opacity: var(--carina-opacity-0)
    }
    to {
        width: 100vw;
        opacity: var(--carina-opacity-100)
    }
}
@keyframes carina-navigation__side-navigation--outer-container-out-small {
    from {
        width: 100vw;
        opacity: var(--carina-opacity-100)
    }
    to {
        width: 0;
        opacity: var(--carina-opacity-0)
    }
}
@keyframes carina-navigation__side-navigation--outer-container-in-fade {
    from {
        opacity: var(--carina-opacity-0)
    }
    to {
        opacity: var(--carina-opacity-100)
    }
}
@keyframes carina-navigation__side-navigation--outer-container-out-fade {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes carina-navigation__top-navigation--outer-container-in {
    from {
        opacity: 0
    }
    to {
        opacity: var(--carina-opacity-80)
    }
}
@keyframes carina-progress-bar--outer-container-in {
    0% {
        left: 0;
        width: 30%;
        background-position-x: 0%
    }
    50% {
        left: 70%;
        width: 30%;
        background-position-x: 100%
    }
    100% {
        left: 0;
        width: 30%;
        background-position-x: 0%
    }
}
@keyframes carina-progress-bar--determinate-animation {
    0% {
        background: var(
      --carina-progress-bar-background,
      var(
        --carina-progress-bar-background-stop-1,
        var(--carina-background-color-tertiary)
      )
    )
    }
    50% {
        background: var(
      --carina-progress-bar-background,
      var(
        --carina-progress-bar-background-stop-2,
        var(--carina-background-color-primary)
      )
    )
    }
    100% {
        background: var(
      --carina-progress-bar-background,
      var(
        --carina-progress-bar-background-stop-3,
        var(--carina-background-color-secondary)
      )
    )
    }
}
.carina-progress-bar {
    position: relative;
    justify-content: center;
    width: 100%;
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-body-lg);
    font-family: var(--carina-font-family-primary);
    text-align: center
}
.carina-progress-bar__bar-container {
    position: relative;
    width: 100%;
    height: 5px;
    margin: var(--carina-spacing-6) auto;
    border-radius: var(--carina-border-radius-full);
    overflow: visible;
    background: var(--carina-background-color-neutral-inactive)
}
.carina-progress-bar__bar-progress-bar {
    position: relative;
    display: block;
    height: 5px;
    border-radius: var(--carina-border-radius-full);
    background-size: 100% 5px;
    opacity: var(--carina-opacity-100);
    transition: clip-path var(--carina-transition-duration-300) linear,
    width var(--carina-transition-duration-300) linear, background 2000ms linear,
    left 2000ms linear, background-image 2000ms linear,
    background-color 2000ms linear, opacity 2000ms linear
}
.carina-progress-bar__determinate {
    background-image: linear-gradient(
    to right,
    var(
      --carina-progress-bar-background,
      var(
        --carina-progress-bar-background-stop-1,
        var(--carina-background-color-tertiary)
      )
    ),
    var(
      --carina-progress-bar-background,
      var(
        --carina-progress-bar-background-stop-2,
        var(--carina-background-color-primary)
      )
    ),
    var(
      --carina-progress-bar-background,
      var(
        --carina-progress-bar-background-stop-3,
        var(--carina-background-color-secondary)
      )
    )
  );
    clip-path: inset(
    0% var(--carina-progress-bar-percentage-remaining) 0% 0% round 6px
  )
}
.carina-progress-bar__indeterminate {
    background-image: linear-gradient(
    to right,
    var(--carina-background-color-secondary),
    var(--carina-background-color-tertiary),
    var(--carina-background-color-primary)
  );
    background-size: 333%;
    animation: carina-progress-bar--outer-container-in 3500ms ease-in-out infinite
}
@keyframes carina-pulse {
    0%,
  50%,
  100% {
        opacity: 1
    }
    25%,
  75% {
        opacity: var(--carina-pulse-opacity)
    }
}
@keyframes carina-shake {
    0%,
  100% {
        transform: translateX(0)
    }
    20%,
  60% {
        transform: translateX(calc(-1 * var(--carina-shake-distance)))
    }
    40%,
  80% {
        transform: translateX(var(--carina-shake-distance))
    }
}
@keyframes carina-skeleton--pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
    100% {
        opacity: 1
    }
}
@keyframes carina-skeleton--shimmer {
    60%,
  100% {
        transform: translateX(100%) skewX(173deg)
    }
}
.carina-tan-table [data-carina-tan-table-expand-button] span.carina-button__icon-start {
    transition: transform var(--carina-transition-duration-200)
      var(--carina-transition-timing-function-expressive-ease-in)
      var(--carina-transition-duration-100)
}
.carina-tan-table [data-carina-tan-table-expand-button][data-expanded='false']
    span.carina-button__icon-start {
    transform: rotate(0deg)
}
.carina-tan-table [data-carina-tan-table-expand-button][data-expanded='true']
    span.carina-button__icon-start {
    transform: rotate(-180deg)
}
[dir='rtl'] .carina-tan-table [data-carina-tan-table-expand-button][data-expanded='true']
    span.carina-button__icon-start {
    transform: rotate(180deg)
}
.carina-tan-table-reorder-handle.carina-button--disabled {
    cursor: not-allowed
}
.carina-tabs__wrapper {
    position: relative;
    display: inline-flex;
    flex: 1 0 0%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    box-sizing: border-box;
    min-width: 100%;
    max-width: 100%;
    overflow: auto;
    white-space: nowrap;
    vertical-align: middle;
    table-layout: fixed;
    background-color: transparent;
    scrollbar-width: none
}
.carina-tabs__wrapper::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent
}
.carina-tabs {
    position: relative;
    display: table;
    flex: 1 1 0%;
    align-content: start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    border-bottom: var(--carina-border-width-1) solid
    var(--carina-border-color-soft);
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    table-layout: fixed
}
.carina-tabs__arrow-right,
.carina-tabs__arrow-left {
    position: absolute;
    min-width: 40px;
    max-width: 100%;
    max-height: 72px;
    font-size: var(--carina-font-size-body-md);
    background-color: var(--carina-background-color-surface);
    color: var(--carina-text-color-soft);
    min-height: 48px;
    border-bottom-style: solid;
    border-bottom-width: var(--carina-border-width-1);
    border-color: var(--carina-border-color-soft);
    cursor: pointer
}
.carina-tabs__arrow-right:focus, .carina-tabs__arrow-left:focus {
    outline: none
}
.carina-tabs__arrow-right:hover, .carina-tabs__arrow-left:hover {
    background-color: var(--carina-background-color-surface-hover);
    color: var(--carina-text-color-base)
}
.carina-tabs__arrow-right:active, .carina-tabs__arrow-left:active {
    background-color: var(--carina-background-color-surface-selected)
}
.carina-tabs__arrow-right svg, .carina-tabs__arrow-left svg {
    display: unset
}
.carina-tabs__arrow-right {
    right: 0;
    border-inline-end: var(--carina-border-width-1) solid
    var(--carina-border-color-soft);
    min-height: 48px;
    border-bottom-style: solid;
    border-bottom-width: var(--carina-border-width-1);
    border-color: var(--carina-border-color-soft)
}
.carina-tabs__arrow-left {
    left: 0;
    margin-inline-start: 0;
    border-inline-start: var(--carina-border-width-1) solid
    var(--carina-border-color-soft);
    min-height: 48px;
    border-bottom-style: solid;
    border-bottom-width: var(--carina-border-width-1);
    border-color: var(--carina-border-color-soft)
}
[data-scroll-position='0'] .carina-tabs__arrow-left {
    display: none;
    visibility: hidden
}
[data-scroll-position='0'] .carina-tabs__arrow-right {
    display: none;
    visibility: hidden
}
[data-scroll-position='1'] .carina-tabs__arrow-left {
    display: none;
    visibility: hidden
}
[data-scroll-position='1'] .carina-tabs__arrow-right {
    display: unset;
    visibility: unset
}
[data-scroll-position='2'] .carina-tabs__arrow-left {
    display: unset;
    visibility: unset
}
[data-scroll-position='2'] .carina-tabs__arrow-right {
    display: none;
    visibility: hidden
}
[data-scroll-position='3'] .carina-tabs__arrow-left {
    display: unset;
    visibility: unset
}
[data-scroll-position='3'] .carina-tabs__arrow-right {
    display: unset;
    visibility: unset
}
[dir='rtl'] [data-scroll-position='2'] .carina-tabs__arrow-left {
    display: none;
    visibility: hidden
}
[dir='rtl'] [data-scroll-position='2'] .carina-tabs__arrow-right {
    display: unset;
    visibility: unset
}
[dir='rtl'] [data-scroll-position='1'] .carina-tabs__arrow-left {
    display: unset;
    visibility: unset
}
[dir='rtl'] [data-scroll-position='1'] .carina-tabs__arrow-right {
    display: none;
    visibility: hidden
}
.carina-tabs.carina-tabs--bottomless,
.carina-tabs.carina-tabs--secondary {
    border-bottom-width: 0
}
.carina-tabs__list {
    display: flex;
    gap: var(--carina-spacing-0-5);
    padding: var(--carina-spacing-0) var(--carina-spacing-0-5)
}
.carina-tabs__tab {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 5rem;
    min-height: 47px;
    margin: 0 auto;
    padding-top: 1px;
    padding-right: var(--carina-spacing-4);
    padding-left: var(--carina-spacing-4);
    border: 0;
    border-radius: var(--carina-border-radius-md);
    background: transparent;
    color: var(--carina-text-color-soft);
    font-family: inherit;
    line-height: inherit;
    font-size: var(--carina-font-size-body-md);
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in-out
  );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow;
    cursor: pointer
}
.carina-tabs__tab::after {
    content: ''
}
.carina-tabs__tab .carina-tabs__tab::-moz-focus-inner {
    padding: 0;
    border: 0;
    outline: none
}
.carina-tabs__tab:focus-visible {
    outline: var(--carina-border-width-2) solid var(--carina-colors-transparent);
    box-shadow: inset var(--carina-ring-base)
}
.carina-tabs__tab:hover {
    color: var(--carina-text-color-base);
    vertical-align: middle
}
.carina-tabs__tab:hover::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--carina-border-width-4);
    border-top-left-radius: var(--carina-border-radius-md);
    border-top-right-radius: var(--carina-border-radius-md);
    background-color: var(--carina-border-color-soft)
}
.carina-tabs__tab--selected {
    color: var(--carina-text-color-base);
    cursor: auto
}
.carina-tabs__tab--selected::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--carina-border-width-4);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    content: ''
}
.carina-tabs__tab--pri.carina-tabs__tab--selected::after {
    background-color: var(--carina-border-color-primary-focus)
}
.carina-tabs__tab--sec.carina-tabs__tab--selected::after {
    background-color: var(--carina-border-color-secondary-focus)
}
.carina-tabs__tab--ter.carina-tabs__tab--selected::after {
    background-color: var(--carina-border-color-tertiary-focus)
}
.carina-tabs__tab--secondary {
    border: var(--carina-border-width-1) solid var(--carina-colors-transparent)
}
.carina-tabs__tab--secondary::after {
    content: none
}
.carina-tabs__tab--secondary:hover {
    background-color: var(--carina-background-color-surface-hover)
}
.carina-tabs__tab--secondary.carina-tabs__tab--selected,
.carina-tabs__tab--secondary:active {
    border-width: var(--carina-border-width-1);
    border-style: solid;
    border-color: var(--carina-border-color-primary-focus)
}
.carina-tabs__tab--pri.carina-tabs__tab--secondary.carina-tabs__tab--selected, .carina-tabs__tab--pri.carina-tabs__tab--secondary:active {
    color: var(--carina-text-color-on-primary);
    background-color: var(--carina-background-color-primary);
    border-color: var(--carina-border-color-primary-focus)
}
.carina-tabs__tab--sec.carina-tabs__tab--secondary.carina-tabs__tab--selected, .carina-tabs__tab--sec.carina-tabs__tab--secondary:active {
    color: var(--carina-text-color-on-secondary);
    background-color: var(--carina-background-color-secondary);
    border-color: var(--carina-border-color-secondary-focus)
}
.carina-tabs__tab--ter.carina-tabs__tab--secondary.carina-tabs__tab--selected, .carina-tabs__tab--ter.carina-tabs__tab--secondary:active {
    color: var(--carina-text-color-on-tertiary-);
    background-color: var(--carina-background-color-tertiary);
    border-color: var(--carina-border-color-tertiary-focus)
}
.carina-templates-body {
    display: flex;
    flex-shrink: 1;
    height: 100%;
    overflow-y: auto
}
.carina-templates-default-actions {
    flex-shrink: 0
}
.carina-templates-content-area {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--carina-background-color-surface);
    color: var(--carina-text-color-body, var(--carina-text-color-base))
}
.carina-templates-content-container {
    box-sizing: border-box;
    max-width: 1920px;
    margin: var(--carina-spacing-4);
    padding: var(--carina-spacing-6);
    border: var(--carina-border-width-1) solid var(--carina-border-color-soft);
    border-radius: var(--carina-border-radius-sm);
    overflow: auto;
    font-weight: var(--carina-font-weight-body);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-normal);
    background-color: var(--carina-background-color-surface);
    color: var(--carina-text-color-body, var(--carina-text-color-base))
}
.carina-templates-dock {
    flex-shrink: 0
}
.carina-template-header {
    flex-shrink: 1;
    width: 100%
}
.carina-template-hero-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: var(--carina-spacing-6) var(--carina-spacing-6)
    var(--carina-spacing-0);
    border-bottom: var(--carina-spacing-px) solid var(--carina-border-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-family: var(--carina-font-family-primary);
    background-color: var(--carina-background-color-surface);
    color: var(--carina-text-color-body, var(--carina-text-color-base))
}
.carina-template-hero-header header {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    width: 100%;
    margin: var(--carina-spacing-4) var(--carina-spacing-0)
      var(--carina-spacing-8) var(--carina-spacing-0)
}
.carina-template-hero-header__title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    flex: 1 0 auto;
    margin: var(--carina-spacing-0);
    overflow: hidden;
    -webkit-line-clamp: 2
}
.carina-template-hero-header__logo {
    display: flex;
    margin: var(--carina-spacing-0);
    margin-inline-end: calc(var(--carina-spacing-8) + var(--carina-spacing-1))
}
.carina-template-hero-header__content-block {
    flex: 1 1 0%;
    margin: var(--carina-spacing-0);
    padding: var(--carina-spacing-0)
}
.carina-template-hero-header__content-wrapper {
    display: flex;
    flex: 1
}
.carina-template-illustration {
    max-height: 100vh;
    padding: var(--carina-spacing-6) var(--carina-spacing-10)
}
.carina-template-illustration__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding-top: var(--carina-spacing-8);
    font-weight: var(--carina-font-weight-body);
    font-family: var(--carina-font-family-primary)
}
.carina-template-illustration__illustration-container {
    max-width: 100%;
    margin: var(--carina-spacing-0) auto;
    text-align: center
}
.carina-template-illustration__illustration-container svg {
    width: auto;
    height: auto;
    margin: auto
}
.carina-template-illustration__image {
    width: 70%;
    max-width: 375px
}
.carina-template-illustration__wrapper--compact,
.carina-template-illustration__illustration-container--compact {
    margin-bottom: 26px
}
.carina-template-illustration__error {
    margin: var(--carina-spacing-4) auto var(--carina-spacing-8);
    color: var(--carina-text-color-danger);
    font-size: var(--carina-font-size-sm);
    font-family: var(--carina-font-family-primary);
    text-align: center
}
.carina-template-illustration__error-details {
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-xs);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-tight);
    text-align: center
}
.carina-template-illustration__error-details-heading {
    margin-top: var(--carina-spacing-12);
    margin-bottom: var(--carina-spacing-4)
}
.carina-template-illustration__error-details-date-heading {
    margin-top: var(--carina-spacing-4)
}
.carina-template-illustration__header-wrapper {
    display: block;
    max-width: 375px;
    margin: 0 auto var(--carina-spacing-4);
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-2xl);
    line-height: var(--carina-line-height-9);
    font-family: var(--carina-font-family-primary);
    text-align: center
}
.carina-template-illustration__body-wrapper {
    display: block;
    max-width: 375px;
    margin: var(--carina-spacing-4) auto var(--carina-spacing-8);
    color: var(--carina-text-color-soft);
    font-weight: var(--carina-font-weight-body);
    font-size: var(--carina-font-size-md);
    font-family: var(--carina-font-family-primary);
    text-align: center
}
.carina-templates-main {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    width: 100%
}
.carina-templates-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex
}
.carina-templates-scroll-view {
    flex-grow: 1;
    overflow-y: auto;
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    background: var(--carina-background-color-surface-alt)
}
.carina-templates-template-action-bar {
    flex-shrink: 0
}
.carina-templates-template-actions {
    display: flex;
    flex: 0 0 30%;
    align-items: center;
    max-height: 48px
}
.carina-templates-template-actions button {
    margin: var(--carina-spacing-2)
}
.carina-templates-template-actions__small {
    position: relative;
    right: 0;
    min-height: 100%
}
.carina-templates-template-actions--stacked {
    flex-direction: column-reverse
}
.carina-templates-template-actions--position-flex-end {
    justify-content: flex-end
}
.carina-templates-template-actions--position-flex-start {
    justify-content: flex-start
}
.carina-templates-template-actions--position-center {
    justify-content: center
}
.carina-templates-template-panel {
    flex-shrink: 0;
    height: 100%
}
.carina-tile {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: var(--carina-tile-padding, var(--carina-spacing-6));
    border-color: var(--carina-border-color-soft);
    border-style: solid;
    border-width: var(--carina-border-width-1);
    border-radius: var(--carina-border-radius-xl);
    color: var(--carina-text-color-body, var(--carina-text-color-base));
    font-weight: var(--carina-font-weight-body);
    font-family: var(--carina-font-family-primary);
    line-height: var(--carina-line-height-normal);
    background-color: var(--carina-background-color-surface);
    cursor: default;
    transition-timing-function: var(
    --carina-transition-timing-function-expressive-ease-in-out
  );
    transition-duration: var(--carina-transition-duration-100);
    transition-property: box-shadow, border-color;
    pointer-events: none
}
.carina-tile--interactive {
    cursor: pointer;
    border-color: var(--carina-border-color-base);
    pointer-events: auto
}
.carina-tile--interactive:hover {
    border-color: var(--carina-border-color-primary-focus)
}
.carina-tile--interactive:focus-visible {
    border-color: var(--carina-border-color-primary-focus);
    outline: none;
    box-shadow: var(--carina-ring-base)
}
.carina-tile--selected:not(.carina-tile--error):not(.carina-tile--disabled),
  .carina-tile--selected:not(.carina-tile--error):not(.carina-tile--disabled):hover {
    border-color: var(--carina-border-color-primary);
    box-shadow: 0 0 0 1px var(--carina-border-color-primary)
}
.carina-tile--selected:not(.carina-tile--error):not(.carina-tile--disabled):focus-visible {
    border-color: var(--carina-border-color-primary-focus);
    outline: none;
    box-shadow: 0 0 0 1px var(--carina-border-color-primary-focus),
      0 0 0 3px var(--carina-border-color-primary-focus)
}
.carina-tile--error {
    box-shadow: none
}
.carina-tile--error,
  .carina-tile--error:hover,
  .carina-tile--error:focus {
    border-color: var(--carina-border-color-danger)
}
.carina-tile--error:focus-visible {
    outline: none;
    box-shadow: var(--carina-ring-danger)
}
.carina-tile--disabled {
    border-color: var(--carina-border-color-soft);
    background-color: var(--carina-background-color-surface);
    box-shadow: none;
    cursor: default
}
.carina-tile--disabled:hover {
    border-color: var(--carina-border-color-soft)
}
.carina-tile--disabled:focus,
  .carina-tile--disabled:focus-visible {
    border-color: var(--carina-border-color-soft);
    outline: none
}
.carina-tile__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}
.carina-tile__arrange-icon {
    position: absolute;
    top: var(--carina-tile-padding, var(--carina-spacing-6));
    left: var(--carina-tile-padding, var(--carina-spacing-6));
    background-color: var(--carina-background-color-surface);
    cursor: pointer
}
.carina-tile__selected-icon {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--carina-border-radius-full);
    color: var(--carina-text-color-on-primary);
    background-color: var(--carina-background-color-primary);
    box-shadow: 0 4px 20px -4px var(--carina-border-color-primary-focus)
}
.carina-tile__selected-icon--top-start {
    top: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    );
    left: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    )
}
[dir='rtl'] .carina-tile__selected-icon--top-start {
    right: var(
        --carina-tile-selected-indicator-offset,
        var(--carina-tile-padding, var(--carina-spacing-6))
      );
    left: auto
}
.carina-tile__selected-icon--top-end {
    top: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    );
    right: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    )
}
[dir='rtl'] .carina-tile__selected-icon--top-end {
    right: auto;
    left: var(
        --carina-tile-selected-indicator-offset,
        var(--carina-tile-padding, var(--carina-spacing-6))
      )
}
.carina-tile__selected-icon--bottom-start {
    bottom: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    );
    left: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    )
}
[dir='rtl'] .carina-tile__selected-icon--bottom-start {
    right: var(
        --carina-tile-selected-indicator-offset,
        var(--carina-tile-padding, var(--carina-spacing-6))
      );
    left: auto
}
.carina-tile__selected-icon--bottom-end {
    right: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    );
    bottom: var(
      --carina-tile-selected-indicator-offset,
      var(--carina-tile-padding, var(--carina-spacing-6))
    )
}
[dir='rtl'] .carina-tile__selected-icon--bottom-end {
    right: auto;
    left: var(
        --carina-tile-selected-indicator-offset,
        var(--carina-tile-padding, var(--carina-spacing-6))
      )
}
.carina-tile__body {
    flex: 1 1 auto;
    min-height: 75%;
    padding: inherit
}
.carina-tile__footer {
    flex: 1 1 auto;
    padding: inherit
}
.visible {
    visibility: visible
}
.collapse {
    visibility: collapse
}
.static {
    position: static
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.-left-2 {
    left: calc(var(--carina-spacing-2) * -1)
}
.-left-5 {
    left: calc(var(--carina-spacing-5) * -1)
}
.-left-px {
    left: calc(var(--carina-spacing-px) * -1)
}
.-top-6 {
    top: calc(var(--carina-spacing-6) * -1)
}
.start-0 {
    inset-inline-start: var(--carina-spacing-0)
}
.top-0 {
    top: var(--carina-spacing-0)
}
.z-\[9999\] {
    z-index: 9999
}
.z-\[calc\(var\(--carina-z-index-current\)\+1\)\] {
    z-index: calc(var(--carina-z-index-current) + 1)
}
.-me-px {
    margin-inline-end: calc(var(--carina-spacing-px) * -1)
}
.ms-0 {
    margin-inline-start: var(--carina-spacing-0)
}
.ms-3 {
    margin-inline-start: var(--carina-spacing-3)
}
.mt-6 {
    margin-top: var(--carina-spacing-6)
}
.inline {
    display: inline
}
.table {
    display: table
}
.contents {
    display: contents
}
.list-item {
    display: list-item
}
.h-0 {
    height: var(--carina-spacing-0)
}
.h-\[16px\] {
    height: 16px
}
.h-\[24px\] {
    height: 24px
}
.h-\[36px\] {
    height: 36px
}
.h-\[40px\] {
    height: 40px
}
.h-full {
    height: 100%
}
.min-h-\[36px\] {
    min-height: 36px
}
.w-\[16px\] {
    width: 16px
}
.w-\[36px\] {
    width: 36px
}
.w-full {
    width: 100%
}
.min-w-0 {
    min-width: var(--carina-spacing-0)
}
.min-w-\[160px\] {
    min-width: 160px
}
.max-w-\[230px\] {
    max-width: 230px
}
.max-w-\[calc\(100\%_-_85px\)\] {
    max-width: calc(100% - 85px)
}
.max-w-full {
    max-width: 100%
}
.grow {
    flex-grow: 1
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-none {
    transform: none
}
@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}
.cursor-not-allowed {
    cursor: not-allowed
}
.select-text {
    -webkit-user-select: text;
    user-select: text
}
.resize {
    resize: both
}
.items-center {
    align-items: center
}
.overflow-hidden {
    overflow: hidden
}
.overflow-visible {
    overflow: visible
}
.overflow-x-hidden {
    overflow-x: hidden
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-ellipsis {
    text-overflow: ellipsis
}
.whitespace-nowrap {
    white-space: nowrap
}
.rounded-md {
    border-radius: var(--carina-border-radius-md)
}
.rounded-none {
    border-radius: var(--carina-border-radius-none)
}
.rounded-e-md {
    border-start-end-radius: var(--carina-border-radius-md);
    border-end-end-radius: var(--carina-border-radius-md)
}
.rounded-e-none {
    border-start-end-radius: var(--carina-border-radius-none);
    border-end-end-radius: var(--carina-border-radius-none)
}
.rounded-s-md {
    border-start-start-radius: var(--carina-border-radius-md);
    border-end-start-radius: var(--carina-border-radius-md)
}
.rounded-s-none {
    border-start-start-radius: var(--carina-border-radius-none);
    border-end-start-radius: var(--carina-border-radius-none)
}
.rounded-ss-md {
    border-start-start-radius: var(--carina-border-radius-md)
}
.border {
    border-width: var(--carina-border-width-1)
}
.border-0 {
    border-width: var(--carina-border-width-0)
}
.border-b {
    border-bottom-width: var(--carina-border-width-1)
}
.border-b-0 {
    border-bottom-width: var(--carina-border-width-0)
}
.border-e-0 {
    border-inline-end-width: var(--carina-border-width-0)
}
.border-solid {
    border-style: solid
}
.border-dashed {
    border-style: dashed
}
.border-\[transparent\] {
    border-color: transparent
}
.border-base {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-base) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.border-danger {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-danger) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.border-soft {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.border-y-soft {
    --tw-border-opacity: 1;
    border-top-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent);
    border-bottom-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.border-e-soft {
    --tw-border-opacity: 1;
    border-inline-end-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.border-s-\[transparent\] {
    border-inline-start-color: transparent
}
.bg-\[transparent\] {
    background-color: transparent
}
.bg-surface {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--carina-background-color-surface) calc(var(--tw-bg-opacity, 1) * 100%), transparent)
}
.bg-surface-alt {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--carina-background-color-surface-alt) calc(var(--tw-bg-opacity, 1) * 100%), transparent)
}
.p-0 {
    padding: var(--carina-spacing-0)
}
.p-2 {
    padding: var(--carina-spacing-2)
}
.px-0 {
    padding-left: var(--carina-spacing-0);
    padding-right: var(--carina-spacing-0)
}
.px-1 {
    padding-left: var(--carina-spacing-1);
    padding-right: var(--carina-spacing-1)
}
.pb-0 {
    padding-bottom: var(--carina-spacing-0)
}
.pb-1 {
    padding-bottom: var(--carina-spacing-1)
}
.pe-1 {
    padding-inline-end: var(--carina-spacing-1)
}
.pe-4 {
    padding-inline-end: var(--carina-spacing-4)
}
.ps-0 {
    padding-inline-start: var(--carina-spacing-0)
}
.ps-1 {
    padding-inline-start: var(--carina-spacing-1)
}
.ps-2 {
    padding-inline-start: var(--carina-spacing-2)
}
.ps-4 {
    padding-inline-start: var(--carina-spacing-4)
}
.text-base {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--carina-text-color-base) calc(var(--tw-text-opacity, 1) * 100%), transparent)
}
.text-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--carina-text-color-disabled) calc(var(--tw-text-opacity, 1) * 100%), transparent)
}
.underline {
    text-decoration-line: underline
}
.opacity-100 {
    opacity: var(--carina-opacity-100)
}
.outline {
    outline-style: solid
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--carina-ring-width-2) + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter
}
.transition-none {
    transition-property: none
}
.peer:focus-visible ~ .peer-focus-visible\:-left-\[2px\] {
    left: -2px
}
.peer:focus-visible ~ .peer-focus-visible\:-top-\[2px\] {
    top: -2px
}
.peer:focus-visible ~ .peer-focus-visible\:z-\[calc\(var\(--carina-z-index-current\)\+1\)\] {
    z-index: calc(var(--carina-z-index-current) + 1)
}
.peer:focus-visible ~ .peer-focus-visible\:h-\[calc\(100\%\+4px\)\] {
    height: calc(100% + 4px)
}
.peer:focus-visible ~ .peer-focus-visible\:w-\[calc\(100\%\+4px\)\] {
    width: calc(100% + 4px)
}
.peer:focus-visible ~ .peer-focus-visible\:border-0 {
    border-width: var(--carina-border-width-0)
}
.peer:focus-visible ~ .peer-focus-visible\:border-2 {
    border-width: var(--carina-border-width-2)
}
.peer:focus-visible ~ .peer-focus-visible\:border-b-0 {
    border-bottom-width: var(--carina-border-width-0)
}
.peer:focus-visible ~ .peer-focus-visible\:border-b-2 {
    border-bottom-width: var(--carina-border-width-2)
}
.peer:focus-visible ~ .peer-focus-visible\:border-solid {
    border-style: solid
}
.peer:focus-visible ~ .peer-focus-visible\:border-\[var\(--carina-border-color-danger-focus\)\] {
    border-color: var(--carina-border-color-danger-focus)
}
.peer:focus-visible ~ .peer-focus-visible\:border-danger {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-danger) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.peer:focus-visible ~ .peer-focus-visible\:border-primary {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-primary) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.peer\/decrement:focus-visible ~ .peer-focus-visible\/decrement\:border-s-\[transparent\] {
    border-inline-start-color: transparent
}
.peer:focus-visible ~ .peer-focus-visible\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--carina-ring-width-0) + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.peer:focus-visible ~ .peer-focus-visible\:ring-danger {
    --tw-ring-color: var(--carina-ring-color-danger)
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important
    }
    .container {
        max-width: 640px
    }
    .carina-container--fixed {
        max-width: var(--carina-breakpoint-sm)
    }
    .carina-formsection.carina-formsection--stack-breakpoint-sm {
        flex-direction: row;
        border-bottom-color: var(--carina-border-color-base);
        border-bottom-width: var(--carina-border-width-1);
        border-bottom-style: solid
    }
    .carina-formsection.carina-formsection--stack-breakpoint-sm:last-child {
        border-color: transparent
    }
    .carina-formsection--stack.carina-formsection--stack-breakpoint-sm {
        flex-direction: column
    }
    .carina-formsection__content--stack-breakpoint-sm {
        padding-left: var(--carina-spacing-6)
    }
    [dir='rtl'] .carina-formsection__content--stack-breakpoint-sm {
        padding-right: var(--carina-spacing-6);
        padding-left: 0
    }
    .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-sm {
        padding-left: 0
    }
    [dir='rtl'] .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-sm {
        padding-right: 0
    }
    .carina-formsection__header.carina-formsection__header--stack-breakpoint-sm {
        width: 200px
    }
    .carina-formsection__header--stack.carina-formsection__header--stack-breakpoint-sm {
        width: unset
    }
    .carina-modal--fluid {
        --carina-z-index-current: var(--carina-z-index-modal);
        --carina-z-index-popper: calc(
        var(--carina-z-index-modal) + var(--carina-z-index-popper-diff)
      );
        --carina-z-index-scrim: calc(
        var(--carina-z-index-modal) + var(--carina-z-index-scrim-diff)
      )
    }
    .carina-modal__dialog--fluid {
        min-width: 512px;
        width: 80vw
    }
    .carina-template-illustration__wrapper svg,
  .carina-template-illustration__illustration-container svg {
        width: 375px;
        height: 375px
    }
    .carina-template-illustration__wrapper--compact,
  .carina-template-illustration__illustration-container--compact {
        margin-bottom: 32px
    }
    .carina-template-illustration__wrapper--compact svg, .carina-template-illustration__illustration-container--compact svg {
        width: 250px;
        height: 250px
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important
    }
    .container {
        max-width: 768px
    }
    .carina-container--fixed {
        max-width: var(--carina-breakpoint-md)
    }
    .carina-formsection.carina-formsection--stack-breakpoint-md {
        flex-direction: row;
        border-bottom-color: var(--carina-border-color-base);
        border-bottom-width: var(--carina-border-width-1);
        border-bottom-style: solid
    }
    .carina-formsection.carina-formsection--stack-breakpoint-md:last-child {
        border-color: transparent
    }
    .carina-formsection--stack.carina-formsection--stack-breakpoint-md {
        flex-direction: column
    }
    .carina-formsection__content--stack-breakpoint-md {
        padding-left: var(--carina-spacing-6)
    }
    [dir='rtl'] .carina-formsection__content--stack-breakpoint-md {
        padding-right: var(--carina-spacing-6);
        padding-left: 0
    }
    .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-md {
        padding-left: 0
    }
    [dir='rtl'] .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-md {
        padding-right: 0
    }
    .carina-formsection__header.carina-formsection__header--stack-breakpoint-md {
        width: 200px
    }
    .carina-formsection__header--stack.carina-formsection__header--stack-breakpoint-md {
        width: unset
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important
    }
    .container {
        max-width: 1024px
    }
    .carina-container--fixed {
        max-width: var(--carina-breakpoint-lg)
    }
    .carina-row {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .carina-formsection.carina-formsection--stack-breakpoint-lg {
        flex-direction: row;
        border-bottom-color: var(--carina-border-color-base);
        border-bottom-width: var(--carina-border-width-1);
        border-bottom-style: solid
    }
    .carina-formsection.carina-formsection--stack-breakpoint-lg:last-child {
        border-color: transparent
    }
    .carina-formsection--stack.carina-formsection--stack-breakpoint-lg {
        flex-direction: column
    }
    .carina-formsection__content--stack-breakpoint-lg {
        padding-left: var(--carina-spacing-6)
    }
    [dir='rtl'] .carina-formsection__content--stack-breakpoint-lg {
        padding-right: var(--carina-spacing-6);
        padding-left: 0
    }
    .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-lg {
        padding-right: 0;
        padding-left: 0
    }
    .carina-formsection__header.carina-formsection__header--stack-breakpoint-lg {
        width: 200px
    }
    .carina-formsection__header--stack.carina-formsection__header--stack-breakpoint-lg {
        width: unset
    }
    .carina-panel--inline.carina-panel--start {
        border-inline-end-width: var(--carina-border-width-1)
    }
    .carina-panel--inline.carina-panel--end {
        border-inline-start-width: var(--carina-border-width-1)
    }
    .carina-panel--inline .carina-panel__outer-container {
        position: static;
        height: 100%;
        box-shadow: none
    }
    .carina-panel--productive.carina-panel--inline.carina-panel--scrim .carina-panel__outer-container, .carina-panel--expressive.carina-panel--inline.carina-panel--scrim .carina-panel__outer-container {
        transition-delay: 0ms
    }
    .carina-panel__scrim--inline {
        display: none
    }
    .carina-panel--productive .carina-panel__content-container,
  .carina-panel--expressive.carina-transition--out .carina-panel__content-container {
        transition-delay: 0ms
    }
    .carina-panel--productive.carina-transition--in .carina-panel__content-container,
  .carina-panel--productive.carina-panel--scrim.carina-transition--in .carina-panel__content-container {
        transition-delay: var(--carina-transition-delay-200)
    }
    .carina-panel--expressive.carina-transition--in .carina-panel__content-container,
  .carina-panel--expressive.carina-panel--scrim.carina-transition--in .carina-panel__content-container {
        transition-delay: var(--carina-transition-delay-400)
    }
    @media not (prefers-reduced-motion) {
        .carina-panel--inline.carina-transition--out .carina-panel__outer-container,
    [dir='rtl'] .carina-panel--inline.carina-transition--out .carina-panel__outer-container {
            --carina-transition-translate-x: 0
        }
        .carina-panel--inline.carina-transition--out .carina-panel__outer-container {
            --carina-collapse-size: 0px
        }
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important
    }
    .container {
        max-width: 1280px
    }
    .carina-container--fixed {
        max-width: var(--carina-breakpoint-xl)
    }
    .carina-formsection.carina-formsection--stack-breakpoint-xl {
        flex-direction: row;
        border-bottom-color: var(--carina-border-color-base);
        border-bottom-width: var(--carina-border-width-1);
        border-bottom-style: solid
    }
    .carina-formsection.carina-formsection--stack-breakpoint-xl:last-child {
        border-color: transparent
    }
    .carina-formsection--stack.carina-formsection--stack-breakpoint-xl {
        flex-direction: column
    }
    .carina-formsection__content--stack-breakpoint-xl {
        padding-left: var(--carina-spacing-6)
    }
    [dir='rtl'] .carina-formsection__content--stack-breakpoint-xl {
        padding-right: var(--carina-spacing-6);
        padding-left: 0
    }
    .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-xl {
        padding-left: 0
    }
    [dir='rtl'] .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-xl {
        padding-right: 0
    }
    .carina-formsection__header.carina-formsection__header--stack-breakpoint-xl {
        width: 200px
    }
    .carina-formsection__header--stack.carina-formsection__header--stack-breakpoint-xl {
        width: unset
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important
    }
    .container {
        max-width: 1536px
    }
    .carina-container--fixed {
        max-width: var(--carina-breakpoint-2xl)
    }
    .carina-formsection.carina-formsection--stack-breakpoint-2xl {
        flex-direction: row;
        border-bottom-color: var(--carina-border-color-base);
        border-bottom-width: var(--carina-border-width-1);
        border-bottom-style: solid
    }
    .carina-formsection.carina-formsection--stack-breakpoint-2xl:last-child {
        border-color: transparent
    }
    .carina-formsection--stack.carina-formsection--stack-breakpoint-2xl {
        flex-direction: column
    }
    .carina-formsection__content--stack-breakpoint-2xl {
        padding-left: var(--carina-spacing-6)
    }
    [dir='rtl'] .carina-formsection__content--stack-breakpoint-2xl {
        padding-right: var(--carina-spacing-6);
        padding-left: 0
    }
    .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-2xl {
        padding-left: 0
    }
    [dir='rtl'] .carina-formsection__content--stack.carina-formsection__content--stack-breakpoint-2xl {
        padding-right: 0
    }
    .carina-formsection__header.carina-formsection__header--stack-breakpoint-2xl {
        width: 200px
    }
    .carina-formsection__header--stack.carina-formsection__header--stack-breakpoint-2xl {
        width: unset
    }
}
@media not (prefers-reduced-motion) {
    .carina-transition--scale-in {
        --carina-transition-scale: 1
    }
    .carina-transition--scale-out {
        --carina-transition-scale: 0
    }
    .carina-transition--slide-up-in,
  .carina-transition--slide-left-in,
  .carina-transition--slide-right-in,
  .carina-transition--slide-down-in {
        --carina-transition-translate-x: 0;
        --carina-transition-translate-y: 0
    }
    .carina-transition--slide-up-out {
        --carina-transition-translate-y: 100%
    }
    .carina-transition--slide-right-out {
        --carina-transition-translate-x: -100%
    }
    .carina-transition--slide-down-out {
        --carina-transition-translate-y: -100%
    }
    .carina-transition--slide-left-out {
        --carina-transition-translate-x: 100%
    }
    .carina-collapse {
        --carina-collapse-size: auto
    }
    .carina-collapse.carina-transition--enter-active:not(.carina-collapse--disabled),
    .carina-collapse.carina-transition--appear-active:not(.carina-collapse--disabled),
    .carina-collapse.carina-transition--exit-active:not(.carina-collapse--disabled),
    .carina-collapse.carina-transition--exit-done:not(.carina-collapse--disabled) {
        overflow: hidden
    }
    .carina-collapse.carina-transition--enter-done:not(.carina-collapse--disabled),
    .carina-collapse.carina-transition--appear-done:not(.carina-collapse--disabled) {
        overflow: visible
    }
    .carina-collapse--horizontal {
        width: var(--carina-collapse-size)
    }
    .carina-collapse--vertical {
        height: var(--carina-collapse-size)
    }
    .carina-collapse--horizontal.carina-transition--out:not(.carina-collapse--disabled) {
        --carina-collapse-size: 0
    }
    .carina-collapse--vertical.carina-transition--out:not(.carina-collapse--disabled) {
        --carina-collapse-size: 0
    }
    .carina-alerts__collapse.carina-transition--appear-start {
        --carina-transition-translate-y: -100%
    }
    .carina-alerts__collapse.carina-transition--exit-done {
        position: absolute
    }
    .carina-popper__transition--slide-top.carina-transition--out,
  .carina-popper__transition--slide-top.carina-popper__transition--disabled {
        --carina-transition-translate-y: var(--carina-spacing-1)
    }
    .carina-popper__transition--slide-bottom.carina-transition--out,
  .carina-popper__transition--slide-bottom.carina-popper__transition--disabled {
        --carina-transition-translate-y: calc(-1 * var(--carina-spacing-1))
    }
    .carina-popper__transition--slide-left.carina-transition--out,
  .carina-popper__transition--slide-left.carina-popper__transition--disabled {
        --carina-transition-translate-x: var(--carina-spacing-1)
    }
    .carina-popper__transition--slide-right.carina-transition--out,
  .carina-popper__transition--slide-right.carina-popper__transition--disabled {
        --carina-transition-translate-x: calc(-1 * var(--carina-spacing-1))
    }
    [dir='rtl'] .carina-popper__transition--slide-left.carina-transition--out,
  [dir='rtl'] .carina-popper__transition--slide-left.carina-popper__transition--disabled {
        --carina-transition-translate-x: var(--carina-spacing-1)
    }
    [dir='rtl'] .carina-popper__transition--slide-right.carina-transition--out,
  [dir='rtl'] .carina-popper__transition--slide-right.carina-popper__transition--disabled {
        --carina-transition-translate-x: calc(-1 * var(--carina-spacing-1))
    }
    [dir='rtl'] .carina-modal__dialog--start.carina-transition--out,
  .carina-modal__dialog--end.carina-transition--out {
        --carina-transition-translate-x: 100%
    }
    [dir='rtl'] .carina-modal__dialog--end.carina-transition--out,
  .carina-modal__dialog--start.carina-transition--out {
        --carina-transition-translate-x: -100%
    }
    .carina-modal__dialog--bottom.carina-transition--out {
        --carina-transition-translate-y: 100%
    }
    .carina-modal__dialog--center.carina-transition--out,
  .carina-modal__dialog--fullscreen.carina-transition--out {
        --carina-transition-scale-x: 0.5;
        --carina-transition-scale-y: 0.5
    }
    .carina-modal__dialog--center.carina-transition--exit-active,
  .carina-modal__dialog--fullscreen.carina-transition--exit-active {
        --carina-transition-scale-x: 1;
        --carina-transition-scale-y: 1
    }
    .carina-transition--out .carina-panel__outer-container {
        --carina-transition-translate-x: 100%;
        box-shadow: none
    }
    [dir='rtl'] .carina-transition--out .carina-panel__outer-container,
  .carina-panel--start.carina-transition--out .carina-panel__outer-container {
        --carina-transition-translate-x: -100%
    }
    [dir='rtl'] .carina-panel--start.carina-transition--out .carina-panel__outer-container {
        --carina-transition-translate-x: 100%
    }
}
@media (prefers-reduced-motion) {
    .carina-transition {
        transition-timing-function: var(--carina-transition-timing-function-linear);
        transition-duration: var(--carina-transition-duration-reduced-motion)
    }
    .carina-alerts--page .carina-alerts__collapse,
  .carina-alerts--user .carina-alerts__collapse {
        transition-timing-function: var(--carina-transition-timing-function-linear);
        transition-duration: var(--carina-transition-duration-reduced-motion)
    }
    .carina-carousel__dot {
        transition-property: none
    }
    .carina-carousel__slider {
        transition-duration: calc(0 * var(--carina-transition-duration-50))
    }
    .carina-modal__content--productive {
        transition-delay: 0ms
    }
    .carina-modal__content--expressive {
        transition-delay: 0ms
    }
}
@container (min-width: 640px) {
    .\@carina-container--fixed {
        max-width: var(--carina-breakpoint-sm)
    }
}
@media (hover) {
    .carina-carousel__control {}
    div:hover > .carina-carousel__control,
    .carina-carousel__control:focus {
        opacity: var(--carina-opacity-100)
    }
}
@media (max-width: 639.98px) {
    .carina-day-picker__months {
        flex-direction: column
    }
    .carina-formsection__content--stack-breakpoint-sm {
        flex: 1 0 auto
    }
    .carina-template-illustration__header-wrapper {
        font-size: var(--carina-font-size-xl)
    }
    .carina-template-illustration__body-wrapper {
        max-width: 100%;
        font-size: var(--carina-font-size-sm)
    }
}
@container (min-width: 768px) {
    .\@carina-container--fixed {
        max-width: var(--carina-breakpoint-md)
    }
}
@container (min-width: 1024px) {
    .\@carina-container--fixed {
        max-width: var(--carina-breakpoint-lg)
    }
}
@container (min-width: 1280px) {
    .\@carina-container--fixed {
        max-width: var(--carina-breakpoint-xl)
    }
}
@container (min-width: 1536px) {
    .\@carina-container--fixed {
        max-width: var(--carina-breakpoint-2xl)
    }
}
@media (max-width: 767.98px) {
    .carina-formsection__content--stack-breakpoint-md {
        flex: 1 0 auto
    }
    .carina-template-hero-header header {
        margin: var(--carina-spacing-4) var(--carina-spacing-0)
        var(--carina-spacing-0) var(--carina-spacing-0)
    }
    .carina-template-hero-header__logo {
        align-self: center;
        margin-inline-end: var(--carina-spacing-0)
    }
    .carina-template-hero-header__content-block {
        margin: var(--carina-spacing-4) var(--carina-spacing-0)
      var(--carina-spacing-8) var(--carina-spacing-0)
    }
    .carina-template-hero-header__content-wrapper {
        flex-direction: column;
        align-items: flex-start
    }
}
@media (max-width: 1023.98px) {
    .carina-formsection__content--stack-breakpoint-lg {
        flex: 1 0 auto
    }
    .carina-template-hero-header__action-wrapper {
        position: absolute;
        top: -33px;
        right: 0
    }
    [dir='rtl'] .carina-template-hero-header__action-wrapper {
        right: unset;
        left: 0
    }
}
@media (max-width: 1279.98px) {
    .carina-formsection__content--stack-breakpoint-xl {
        flex: 1 0 auto
    }
}
@media (max-width: 1535.98px) {
    .carina-formsection__content--stack-breakpoint-2xl {
        flex: 1 0 auto
    }
}
@media (max-width: 560px) {
    .carina-modal__dialog--md {
        height: 100%;
        border-radius: 0
    }
}
@media (max-width: 800px) {
    .carina-modal__dialog--lg {
        height: 100%;
        border-radius: 0
    }
}
@media (max-width: 1240px) {
    .carina-modal__dialog--xl {
        height: 100%;
        border-radius: 0
    }
}
@container (min-width: 16.5rem) {
    .carina-navigation-next__solution-sidebar-dropdown {
        padding: var(--carina-spacing-0) var(--carina-spacing-1)
      var(--carina-spacing-0) var(--carina-spacing-0);
        width: calc(100% - 2 * var(--carina-spacing-3))
    }
    .carina-navigation-next__solution-sidebar-dropdown .carina-collapse--vertical {
        display: flex
    }
}
.visible {
    visibility: visible !important
}
.collapse {
    visibility: collapse !important
}
.static {
    position: static !important
}
.fixed {
    position: fixed !important
}
.absolute {
    position: absolute !important
}
.relative {
    position: relative !important
}
.inset-0 {
    inset: var(--carina-spacing-0) !important
}
.-left-2 {
    left: calc(var(--carina-spacing-2) * -1) !important
}
.-left-5 {
    left: calc(var(--carina-spacing-5) * -1) !important
}
.-left-px {
    left: calc(var(--carina-spacing-px) * -1) !important
}
.-top-6 {
    top: calc(var(--carina-spacing-6) * -1) !important
}
.bottom-\[-8px\] {
    bottom: -8px !important
}
.right-\[-8px\] {
    right: -8px !important
}
.right-\[28px\] {
    right: 28px !important
}
.right-\[8px\] {
    right: 8px !important
}
.start-0 {
    inset-inline-start: var(--carina-spacing-0) !important
}
.top-0 {
    top: var(--carina-spacing-0) !important
}
.top-\[-8px\] {
    top: -8px !important
}
.top-\[8px\] {
    top: 8px !important
}
.z-\[9999\] {
    z-index: 9999 !important
}
.z-\[calc\(var\(--carina-z-index-current\)\+1\)\] {
    z-index: calc(var(--carina-z-index-current) + 1) !important
}
.z-panel {
    z-index: var(--carina-z-index-panel) !important
}
.m-0 {
    margin: var(--carina-spacing-0) !important
}
.m-4 {
    margin: var(--carina-spacing-4) !important
}
.mx-\[-4px\] {
    margin-left: -4px !important;
    margin-right: -4px !important
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}
.my-\[-4px\] {
    margin-top: -4px !important;
    margin-bottom: -4px !important
}
.-me-px {
    margin-inline-end: calc(var(--carina-spacing-px) * -1) !important
}
.mb-0 {
    margin-bottom: var(--carina-spacing-0) !important
}
.mb-\[16px\] {
    margin-bottom: 16px !important
}
.mb-\[8px\] {
    margin-bottom: 8px !important
}
.ml-\[-4px\] {
    margin-left: -4px !important
}
.ml-\[-8px\] {
    margin-left: -8px !important
}
.ml-\[0\.5em\] {
    margin-left: 0.5em !important
}
.ml-\[2px\] {
    margin-left: 2px !important
}
.mr-\[16px\] {
    margin-right: 16px !important
}
.ms-0 {
    margin-inline-start: var(--carina-spacing-0) !important
}
.ms-3 {
    margin-inline-start: var(--carina-spacing-3) !important
}
.mt-0 {
    margin-top: var(--carina-spacing-0) !important
}
.mt-6 {
    margin-top: var(--carina-spacing-6) !important
}
.mt-\[-4px\] {
    margin-top: -4px !important
}
.mt-\[16px\] {
    margin-top: 16px !important
}
.mt-\[32px\] {
    margin-top: 32px !important
}
.mt-\[78px\] {
    margin-top: 78px !important
}
.box-border {
    box-sizing: border-box !important
}
.box-content {
    box-sizing: content-box !important
}
.block {
    display: block !important
}
.inline-block {
    display: inline-block !important
}
.inline {
    display: inline !important
}
.flex {
    display: flex !important
}
.inline-flex {
    display: inline-flex !important
}
.table {
    display: table !important
}
.grid {
    display: grid !important
}
.contents {
    display: contents !important
}
.list-item {
    display: list-item !important
}
.hidden {
    display: none !important
}
.size-\[180px\] {
    width: 180px !important;
    height: 180px !important
}
.size-full {
    width: 100% !important;
    height: 100% !important
}
.h-0 {
    height: var(--carina-spacing-0) !important
}
.h-\[110\.4px\] {
    height: 110.4px !important
}
.h-\[119\.6px\] {
    height: 119.6px !important
}
.h-\[124px\] {
    height: 124px !important
}
.h-\[138px\] {
    height: 138px !important
}
.h-\[140\.4px\] {
    height: 140.4px !important
}
.h-\[142px\] {
    height: 142px !important
}
.h-\[168px\] {
    height: 168px !important
}
.h-\[16px\] {
    height: 16px !important
}
.h-\[18px\] {
    height: 18px !important
}
.h-\[208px\] {
    height: 208px !important
}
.h-\[216px\] {
    height: 216px !important
}
.h-\[24px\] {
    height: 24px !important
}
.h-\[32px\] {
    height: 32px !important
}
.h-\[36px\] {
    height: 36px !important
}
.h-\[40px\] {
    height: 40px !important
}
.h-\[444px\] {
    height: 444px !important
}
.h-\[765px\] {
    height: 765px !important
}
.h-\[80px\] {
    height: 80px !important
}
.h-\[94\.8px\] {
    height: 94.8px !important
}
.h-\[var\(--carina-icon-lg\)\] {
    height: var(--carina-icon-lg) !important
}
.h-\[var\(--carina-icon-md\)\] {
    height: var(--carina-icon-md) !important
}
.h-auto {
    height: auto !important
}
.h-full {
    height: 100% !important
}
.max-h-\[184px\] {
    max-height: 184px !important
}
.max-h-\[189\.6px\] {
    max-height: 189.6px !important
}
.max-h-\[220\.8px\] {
    max-height: 220.8px !important
}
.max-h-\[240px\] {
    max-height: 240px !important
}
.max-h-\[249\.6px\] {
    max-height: 249.6px !important
}
.max-h-\[259\.2px\] {
    max-height: 259.2px !important
}
.max-h-\[264px\] {
    max-height: 264px !important
}
.max-h-\[280px\] {
    max-height: 280px !important
}
.max-h-\[352px\] {
    max-height: 352px !important
}
.max-h-\[360px\] {
    max-height: 360px !important
}
.max-h-\[370px\] {
    max-height: 370px !important
}
.max-h-\[378px\] {
    max-height: 378px !important
}
.max-h-\[386px\] {
    max-height: 386px !important
}
.max-h-\[394px\] {
    max-height: 394px !important
}
.max-h-\[48px\] {
    max-height: 48px !important
}
.max-h-\[600px\] {
    max-height: 600px !important
}
.max-h-\[64px\] {
    max-height: 64px !important
}
.max-h-\[96px\] {
    max-height: 96px !important
}
.max-h-\[calc\(5\.5\*58px\+16px\)\] {
    max-height: calc(5.5 * 58px + 16px) !important
}
.max-h-\[calc\(8\.5\*37px\+16px\)\] {
    max-height: calc(8.5 * 37px + 16px) !important
}
.max-h-\[inherit\] {
    max-height: inherit !important
}
.min-h-\[158px\] {
    min-height: 158px !important
}
.min-h-\[184px\] {
    min-height: 184px !important
}
.min-h-\[208px\] {
    min-height: 208px !important
}
.min-h-\[216px\] {
    min-height: 216px !important
}
.min-h-\[240px\] {
    min-height: 240px !important
}
.min-h-\[264px\] {
    min-height: 264px !important
}
.min-h-\[280px\] {
    min-height: 280px !important
}
.min-h-\[32px\] {
    min-height: 32px !important
}
.min-h-\[36px\] {
    min-height: 36px !important
}
.min-h-\[370px\] {
    min-height: 370px !important
}
.min-h-\[378px\] {
    min-height: 378px !important
}
.min-h-\[386px\] {
    min-height: 386px !important
}
.min-h-\[394px\] {
    min-height: 394px !important
}
.min-h-\[48px\] {
    min-height: 48px !important
}
.min-h-\[63\.2px\] {
    min-height: 63.2px !important
}
.min-h-\[64\.4px\] {
    min-height: 64.4px !important
}
.min-h-\[64px\] {
    min-height: 64px !important
}
.min-h-\[70px\] {
    min-height: 70px !important
}
.min-h-\[73\.6px\] {
    min-height: 73.6px !important
}
.min-h-\[75\.6px\] {
    min-height: 75.6px !important
}
.min-h-\[80px\] {
    min-height: 80px !important
}
.w-1\/2 {
    width: 50% !important
}
.w-4\/5 {
    width: 80% !important
}
.w-\[110px\] {
    width: 110px !important
}
.w-\[16px\] {
    width: 16px !important
}
.w-\[180px\] {
    width: 180px !important
}
.w-\[1px\] {
    width: 1px !important
}
.w-\[204px\] {
    width: 204px !important
}
.w-\[24px\] {
    width: 24px !important
}
.w-\[250px\] {
    width: 250px !important
}
.w-\[300px\] {
    width: 300px !important
}
.w-\[32px\] {
    width: 32px !important
}
.w-\[336px\] {
    width: 336px !important
}
.w-\[36px\] {
    width: 36px !important
}
.w-\[392px\] {
    width: 392px !important
}
.w-\[40\%\] {
    width: 40% !important
}
.w-\[40px\] {
    width: 40px !important
}
.w-\[50\%\] {
    width: 50% !important
}
.w-\[60\%\] {
    width: 60% !important
}
.w-\[80px\] {
    width: 80px !important
}
.w-\[90\%\] {
    width: 90% !important
}
.w-\[calc\(\(100\%-24px\)\/2\)\] {
    width: calc((100% - 24px) / 2) !important
}
.w-\[fit-content\] {
    width: -moz-fit-content !important;
    width: fit-content !important
}
.w-\[var\(--rfi-form-short-width\)\] {
    width: var(--rfi-form-short-width) !important
}
.w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}
.w-full {
    width: 100% !important
}
.w-min {
    width: min-content !important
}
.min-w-0 {
    min-width: var(--carina-spacing-0) !important
}
.min-w-\[104px\] {
    min-width: 104px !important
}
.min-w-\[112px\] {
    min-width: 112px !important
}
.min-w-\[116px\] {
    min-width: 116px !important
}
.min-w-\[150px\] {
    min-width: 150px !important
}
.min-w-\[160px\] {
    min-width: 160px !important
}
.min-w-\[168px\] {
    min-width: 168px !important
}
.min-w-\[200px\] {
    min-width: 200px !important
}
.min-w-\[400px\] {
    min-width: 400px !important
}
.min-w-\[500px\] {
    min-width: 500px !important
}
.min-w-\[56px\] {
    min-width: 56px !important
}
.min-w-\[72px\] {
    min-width: 72px !important
}
.min-w-\[7rem\] {
    min-width: 7rem !important
}
.max-w-\[1240px\] {
    max-width: 1240px !important
}
.max-w-\[150px\] {
    max-width: 150px !important
}
.max-w-\[160px\] {
    max-width: 160px !important
}
.max-w-\[192px\] {
    max-width: 192px !important
}
.max-w-\[208px\] {
    max-width: 208px !important
}
.max-w-\[212px\] {
    max-width: 212px !important
}
.max-w-\[230px\] {
    max-width: 230px !important
}
.max-w-\[288px\] {
    max-width: 288px !important
}
.max-w-\[80\%\] {
    max-width: 80% !important
}
.max-w-\[calc\(100\%_-_85px\)\] {
    max-width: calc(100% - 85px) !important
}
.max-w-full {
    max-width: 100% !important
}
.flex-1 {
    flex: 1 1 0% !important
}
.flex-grow {
    flex-grow: 1 !important
}
.grow {
    flex-grow: 1 !important
}
.grow-\[1\] {
    flex-grow: 1 !important
}
.grow-\[4\] {
    flex-grow: 4 !important
}
.basis-0 {
    flex-basis: var(--carina-spacing-0) !important
}
.basis-\[116px\] {
    flex-basis: 116px !important
}
.basis-\[168px\] {
    flex-basis: 168px !important
}
.basis-\[fit-content\] {
    flex-basis: fit-content !important
}
.basis-\[min-content\] {
    flex-basis: min-content !important
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.transform-none {
    transform: none !important
}
.cursor-not-allowed {
    cursor: not-allowed !important
}
.cursor-pointer {
    cursor: pointer !important
}
.select-text {
    -webkit-user-select: text !important;
            user-select: text !important
}
.resize {
    resize: both !important
}
.list-\[unset\] {
    list-style-type: unset !important
}
.flex-row {
    flex-direction: row !important
}
.flex-col {
    flex-direction: column !important
}
.flex-wrap {
    flex-wrap: wrap !important
}
.content-center {
    align-content: center !important
}
.items-start {
    align-items: flex-start !important
}
.items-end {
    align-items: flex-end !important
}
.items-center {
    align-items: center !important
}
.items-baseline {
    align-items: baseline !important
}
.justify-end {
    justify-content: flex-end !important
}
.justify-center {
    justify-content: center !important
}
.justify-between {
    justify-content: space-between !important
}
.justify-around {
    justify-content: space-around !important
}
.gap-2 {
    gap: var(--carina-spacing-2) !important
}
.gap-3 {
    gap: var(--carina-spacing-3) !important
}
.gap-6 {
    gap: var(--carina-spacing-6) !important
}
.gap-\[10px\] {
    gap: 10px !important
}
.gap-\[128px\] {
    gap: 128px !important
}
.gap-\[12px\] {
    gap: 12px !important
}
.gap-\[16px\] {
    gap: 16px !important
}
.gap-\[24px\] {
    gap: 24px !important
}
.gap-\[2px\] {
    gap: 2px !important
}
.gap-\[32px\] {
    gap: 32px !important
}
.gap-\[4px\] {
    gap: 4px !important
}
.gap-\[8px\] {
    gap: 8px !important
}
.gap-x-\[16px\] {
    column-gap: 16px !important
}
.gap-x-\[24px\] {
    column-gap: 24px !important
}
.gap-x-\[4px\] {
    column-gap: 4px !important
}
.gap-x-\[8px\] {
    column-gap: 8px !important
}
.gap-y-\[12px\] {
    row-gap: 12px !important
}
.gap-y-\[8px\] {
    row-gap: 8px !important
}
.self-auto {
    align-self: auto !important
}
.self-end {
    align-self: flex-end !important
}
.self-center {
    align-self: center !important
}
.overflow-hidden {
    overflow: hidden !important
}
.overflow-visible {
    overflow: visible !important
}
.overflow-x-hidden {
    overflow-x: hidden !important
}
.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}
.text-ellipsis {
    text-overflow: ellipsis !important
}
.whitespace-normal {
    white-space: normal !important
}
.whitespace-nowrap {
    white-space: nowrap !important
}
.whitespace-pre-wrap {
    white-space: pre-wrap !important
}
.break-words {
    overflow-wrap: break-word !important
}
.rounded-\[5px\] {
    border-radius: 5px !important
}
.rounded-md {
    border-radius: var(--carina-border-radius-md) !important
}
.rounded-none {
    border-radius: var(--carina-border-radius-none) !important
}
.rounded-e-md {
    border-start-end-radius: var(--carina-border-radius-md) !important;
    border-end-end-radius: var(--carina-border-radius-md) !important
}
.rounded-e-none {
    border-start-end-radius: var(--carina-border-radius-none) !important;
    border-end-end-radius: var(--carina-border-radius-none) !important
}
.rounded-s-md {
    border-start-start-radius: var(--carina-border-radius-md) !important;
    border-end-start-radius: var(--carina-border-radius-md) !important
}
.rounded-s-none {
    border-start-start-radius: var(--carina-border-radius-none) !important;
    border-end-start-radius: var(--carina-border-radius-none) !important
}
.rounded-ss-md {
    border-start-start-radius: var(--carina-border-radius-md) !important
}
.border {
    border-width: var(--carina-border-width-1) !important
}
.border-0 {
    border-width: var(--carina-border-width-0) !important
}
.border-1 {
    border-width: var(--carina-border-width-1) !important
}
.border-x-0 {
    border-left-width: var(--carina-border-width-0) !important;
    border-right-width: var(--carina-border-width-0) !important
}
.border-x-\[0px\] {
    border-left-width: 0px !important;
    border-right-width: 0px !important
}
.border-y-0 {
    border-top-width: var(--carina-border-width-0) !important;
    border-bottom-width: var(--carina-border-width-0) !important
}
.border-b {
    border-bottom-width: var(--carina-border-width-1) !important
}
.border-b-0 {
    border-bottom-width: var(--carina-border-width-0) !important
}
.border-b-\[0px\] {
    border-bottom-width: 0px !important
}
.border-b-\[1px\] {
    border-bottom-width: 1px !important
}
.border-e-0 {
    border-inline-end-width: var(--carina-border-width-0) !important
}
.border-l-\[1px\] {
    border-left-width: 1px !important
}
.border-r-0 {
    border-right-width: var(--carina-border-width-0) !important
}
.border-t-0 {
    border-top-width: var(--carina-border-width-0) !important
}
.border-t-1 {
    border-top-width: var(--carina-border-width-1) !important
}
.border-t-\[0px\] {
    border-top-width: 0px !important
}
.border-t-\[1px\] {
    border-top-width: 1px !important
}
.border-solid {
    border-style: solid !important
}
.border-dashed {
    border-style: dashed !important
}
.border-none {
    border-style: none !important
}
.border-\[\#DBDEE0\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(219 222 224 / var(--tw-border-opacity, 1)) !important
}
.border-\[transparent\] {
    border-color: transparent !important
}
.border-\[var\(--carina-border-color-soft\)\] {
    border-color: var(--carina-border-color-soft) !important
}
.border-base {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-base) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.border-danger {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-danger) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.border-primary {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-primary) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.border-soft {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.border-y-soft {
    --tw-border-opacity: 1 !important;
    border-top-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important;
    border-bottom-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.border-e-soft {
    --tw-border-opacity: 1 !important;
    border-inline-end-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.border-s-\[transparent\] {
    border-inline-start-color: transparent !important
}
.border-t-soft {
    --tw-border-opacity: 1 !important;
    border-top-color: color-mix(in srgb, var(--carina-border-color-soft) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.bg-\[transparent\] {
    background-color: transparent !important
}
.bg-\[unset\] {
    background-color: unset !important
}
.bg-\[var\(--carina-border-color-soft\)\] {
    background-color: var(--carina-border-color-soft) !important
}
.bg-\[var\(--carina-custom-filled-button-background-color\)\] {
    background-color: var(--carina-custom-filled-button-background-color) !important
}
.bg-popper {
    --tw-bg-opacity: 1 !important;
    background-color: color-mix(in srgb, var(--carina-background-color-popper) calc(var(--tw-bg-opacity, 1) * 100%), transparent) !important
}
.bg-surface {
    --tw-bg-opacity: 1 !important;
    background-color: color-mix(in srgb, var(--carina-background-color-surface) calc(var(--tw-bg-opacity, 1) * 100%), transparent) !important
}
.bg-surface-alt {
    --tw-bg-opacity: 1 !important;
    background-color: color-mix(in srgb, var(--carina-background-color-surface-alt) calc(var(--tw-bg-opacity, 1) * 100%), transparent) !important
}
.object-contain {
    object-fit: contain !important
}
.object-cover {
    object-fit: cover !important
}
.p-0 {
    padding: var(--carina-spacing-0) !important
}
.p-2 {
    padding: var(--carina-spacing-2) !important
}
.p-3 {
    padding: var(--carina-spacing-3) !important
}
.p-\[10px\] {
    padding: 10px !important
}
.p-\[12px\] {
    padding: 12px !important
}
.p-\[16px\] {
    padding: 16px !important
}
.p-\[4px\] {
    padding: 4px !important
}
.p-\[8px\] {
    padding: 8px !important
}
.px-0 {
    padding-left: var(--carina-spacing-0) !important;
    padding-right: var(--carina-spacing-0) !important
}
.px-1 {
    padding-left: var(--carina-spacing-1) !important;
    padding-right: var(--carina-spacing-1) !important
}
.px-\[12px\] {
    padding-left: 12px !important;
    padding-right: 12px !important
}
.px-\[16px\] {
    padding-left: 16px !important;
    padding-right: 16px !important
}
.px-\[24px\] {
    padding-left: 24px !important;
    padding-right: 24px !important
}
.px-\[30px\] {
    padding-left: 30px !important;
    padding-right: 30px !important
}
.px-\[32px\] {
    padding-left: 32px !important;
    padding-right: 32px !important
}
.px-\[43px\] {
    padding-left: 43px !important;
    padding-right: 43px !important
}
.px-\[4px\] {
    padding-left: 4px !important;
    padding-right: 4px !important
}
.px-\[8px\] {
    padding-left: 8px !important;
    padding-right: 8px !important
}
.py-0 {
    padding-top: var(--carina-spacing-0) !important;
    padding-bottom: var(--carina-spacing-0) !important
}
.py-\[12px\] {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}
.py-\[16px\] {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}
.py-\[24px\] {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}
.py-\[8px\] {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}
.pb-0 {
    padding-bottom: var(--carina-spacing-0) !important
}
.pb-1 {
    padding-bottom: var(--carina-spacing-1) !important
}
.pb-3 {
    padding-bottom: var(--carina-spacing-3) !important
}
.pb-\[0px\] {
    padding-bottom: 0px !important
}
.pb-\[12px\] {
    padding-bottom: 12px !important
}
.pb-\[16px\] {
    padding-bottom: 16px !important
}
.pb-\[24px\] {
    padding-bottom: 24px !important
}
.pb-\[32px\] {
    padding-bottom: 32px !important
}
.pb-\[48px\] {
    padding-bottom: 48px !important
}
.pb-\[4px\] {
    padding-bottom: 4px !important
}
.pb-\[8px\] {
    padding-bottom: 8px !important
}
.pe-1 {
    padding-inline-end: var(--carina-spacing-1) !important
}
.pe-4 {
    padding-inline-end: var(--carina-spacing-4) !important
}
.pl-\[12px\] {
    padding-left: 12px !important
}
.pl-\[16px\] {
    padding-left: 16px !important
}
.pl-\[24px\] {
    padding-left: 24px !important
}
.pl-\[2px\] {
    padding-left: 2px !important
}
.pl-\[32px\] {
    padding-left: 32px !important
}
.pl-\[4px\] {
    padding-left: 4px !important
}
.pr-0 {
    padding-right: var(--carina-spacing-0) !important
}
.pr-\[12px\] {
    padding-right: 12px !important
}
.pr-\[16px\] {
    padding-right: 16px !important
}
.pr-\[24px\] {
    padding-right: 24px !important
}
.pr-\[32px\] {
    padding-right: 32px !important
}
.pr-\[8px\] {
    padding-right: 8px !important
}
.ps-0 {
    padding-inline-start: var(--carina-spacing-0) !important
}
.ps-1 {
    padding-inline-start: var(--carina-spacing-1) !important
}
.ps-2 {
    padding-inline-start: var(--carina-spacing-2) !important
}
.ps-4 {
    padding-inline-start: var(--carina-spacing-4) !important
}
.pt-0 {
    padding-top: var(--carina-spacing-0) !important
}
.pt-2 {
    padding-top: var(--carina-spacing-2) !important
}
.pt-6 {
    padding-top: var(--carina-spacing-6) !important
}
.pt-\[0px\] {
    padding-top: 0px !important
}
.pt-\[12px\] {
    padding-top: 12px !important
}
.pt-\[16px\] {
    padding-top: 16px !important
}
.pt-\[20px\] {
    padding-top: 20px !important
}
.pt-\[24px\] {
    padding-top: 24px !important
}
.pt-\[32px\] {
    padding-top: 32px !important
}
.pt-\[78px\] {
    padding-top: 78px !important
}
.pt-\[8px\] {
    padding-top: 8px !important
}
.text-center {
    text-align: center !important
}
.text-start {
    text-align: start !important
}
.text-2xl {
    font-size: var(--carina-font-size-2xl) !important;
    line-height: var(--carina-line-height-6) !important
}
.text-2xs {
    font-size: var(--carina-font-size-2xs) !important;
    line-height: var(--carina-line-height-2) !important
}
.text-\[30px\] {
    font-size: 30px !important
}
.text-\[length\:inherit\] {
    font-size: inherit !important
}
.text-\[length\:var\(--carina-font-size-2xl\)\] {
    font-size: var(--carina-font-size-2xl) !important
}
.text-\[length\:var\(--carina-font-size-2xs\)\] {
    font-size: var(--carina-font-size-2xs) !important
}
.text-\[length\:var\(--carina-font-size-body-md\)\] {
    font-size: var(--carina-font-size-body-md) !important
}
.text-\[length\:var\(--carina-font-size-header-4\)\] {
    font-size: var(--carina-font-size-header-4) !important
}
.text-\[length\:var\(--carina-font-size-header-5\)\] {
    font-size: var(--carina-font-size-header-5) !important
}
.text-\[length\:var\(--carina-font-size-lg\)\] {
    font-size: var(--carina-font-size-lg) !important
}
.text-\[length\:var\(--carina-font-size-sm\)\] {
    font-size: var(--carina-font-size-sm) !important
}
.text-\[length\:var\(--carina-font-size-xl\)\] {
    font-size: var(--carina-font-size-xl) !important
}
.text-\[length\:var\(--carina-font-size-xs\)\] {
    font-size: var(--carina-font-size-xs) !important
}
.text-body-md {
    font-size: var(--carina-font-size-body-md) !important;
    line-height: var(--carina-line-height-body-md) !important
}
.text-body-sm {
    font-size: var(--carina-font-size-body-sm) !important;
    line-height: var(--carina-line-height-body-sm) !important
}
.text-body-xl {
    font-size: var(--carina-font-size-body-xl) !important;
    line-height: var(--carina-line-height-body-xl) !important
}
.text-body-xs {
    font-size: var(--carina-font-size-body-xs) !important;
    line-height: var(--carina-line-height-body-xs) !important
}
.text-display-xs {
    font-size: var(--carina-font-size-display-xs) !important;
    line-height: var(--carina-line-height-display-xs) !important
}
.text-header-4 {
    font-size: var(--carina-font-size-header-4) !important;
    line-height: var(--carina-line-height-header-4) !important;
    font-weight: var(--carina-font-weight-display) !important
}
.text-header-5 {
    font-size: var(--carina-font-size-header-5) !important;
    line-height: var(--carina-line-height-header-5) !important;
    font-weight: var(--carina-font-weight-display) !important
}
.text-header-6 {
    font-size: var(--carina-font-size-header-6) !important;
    line-height: var(--carina-line-height-header-6) !important;
    font-weight: var(--carina-font-weight-display) !important
}
.text-lg {
    font-size: var(--carina-font-size-lg) !important;
    line-height: var(--carina-line-height-4) !important
}
.text-m-display-md {
    font-size: var(--carina-font-size-m-display-md) !important;
    line-height: var(--carina-line-height-m-display-md) !important
}
.text-m-header-4 {
    font-size: var(--carina-font-size-m-header-4) !important;
    line-height: var(--carina-line-height-m-header-4) !important;
    font-weight: var(--carina-font-weight-body) !important
}
.text-m-header-5 {
    font-size: var(--carina-font-size-m-header-5) !important;
    line-height: var(--carina-line-height-m-header-5) !important;
    font-weight: var(--carina-font-weight-body) !important
}
.text-m-header-6 {
    font-size: var(--carina-font-size-m-header-6) !important;
    line-height: var(--carina-line-height-m-header-6) !important;
    font-weight: var(--carina-font-weight-body) !important
}
.text-md {
    font-size: var(--carina-font-size-md) !important;
    line-height: var(--carina-line-height-3) !important
}
.text-sm {
    font-size: var(--carina-font-size-sm) !important;
    line-height: var(--carina-line-height-3) !important
}
.text-xl {
    font-size: var(--carina-font-size-xl) !important;
    line-height: var(--carina-line-height-5) !important
}
.text-xs {
    font-size: var(--carina-font-size-xs) !important;
    line-height: var(--carina-line-height-3) !important
}
.font-bold {
    font-weight: var(--carina-font-weight-bold) !important
}
.font-light {
    font-weight: var(--carina-font-weight-light) !important
}
.font-medium {
    font-weight: var(--carina-font-weight-medium) !important
}
.font-normal {
    font-weight: var(--carina-font-weight-normal) !important
}
.uppercase {
    text-transform: uppercase !important
}
.leading-\[15px\] {
    line-height: 15px !important
}
.leading-\[inherit\] {
    line-height: inherit !important
}
.leading-none {
    line-height: var(--carina-line-height-none) !important
}
.leading-normal {
    line-height: var(--carina-line-height-normal) !important
}
.leading-tight {
    line-height: var(--carina-line-height-tight) !important
}
.text-\[--carina-colors-neutral-seed\] {
    color: var(--carina-colors-neutral-seed) !important
}
.text-\[--carina-text-color-primary\] {
    color: var(--carina-text-color-primary) !important
}
.text-\[var\(--carina-colors-neutral-seed\)\] {
    color: var(--carina-colors-neutral-seed) !important
}
.text-\[var\(--carina-colors-primary-seed\)\] {
    color: var(--carina-colors-primary-seed) !important
}
.text-\[var\(--carina-custom-filled-button-color\)\] {
    color: var(--carina-custom-filled-button-color) !important
}
.text-\[var\(--carina-custom-ghost-button-color\)\] {
    color: var(--carina-custom-ghost-button-color) !important
}
.text-\[var\(--carina-custom-lined-button-color\)\] {
    color: var(--carina-custom-lined-button-color) !important
}
.text-base {
    --tw-text-opacity: 1 !important;
    color: color-mix(in srgb, var(--carina-text-color-base) calc(var(--tw-text-opacity, 1) * 100%), transparent) !important
}
.text-disabled {
    --tw-text-opacity: 1 !important;
    color: color-mix(in srgb, var(--carina-text-color-disabled) calc(var(--tw-text-opacity, 1) * 100%), transparent) !important
}
.text-soft {
    --tw-text-opacity: 1 !important;
    color: color-mix(in srgb, var(--carina-text-color-soft) calc(var(--tw-text-opacity, 1) * 100%), transparent) !important
}
.underline {
    text-decoration-line: underline !important
}
.no-underline {
    text-decoration-line: none !important
}
.opacity-100 {
    opacity: var(--carina-opacity-100) !important
}
.shadow-\[0_0_12px_2px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
    --tw-shadow: 0 0 12px 2px rgba(0,0,0,0.1) !important;
    --tw-shadow-colored: 0 0 12px 2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-md {
    --tw-shadow: var(--carina-box-shadow-md) !important;
    --tw-shadow-colored: var(--carina-box-shadow-md) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.shadow-reverse-md {
    --tw-shadow: var(--carina-box-shadow-reverse-md) !important;
    --tw-shadow-colored: var(--carina-box-shadow-reverse-md) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.outline {
    outline-style: solid !important
}
.outline-offset-0 {
    outline-offset: 0px !important
}
.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--carina-ring-width-2) + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important
}
.transition-none {
    transition-property: none !important
}
.\[--carina-tile-padding\:0\] {
    --carina-tile-padding: 0 !important
}
.\[--carina-tile-selected-indicator-offset\:4px\] {
    --carina-tile-selected-indicator-offset: 4px !important
}
.focus-visible\:z-\[calc\(var\(--carina-z-index-current\)\+1\)\]:focus-visible {
    z-index: calc(var(--carina-z-index-current) + 1)
}
.focus-visible\:rounded-e-none:focus-visible {
    border-start-end-radius: var(--carina-border-radius-none);
    border-end-end-radius: var(--carina-border-radius-none)
}
.focus-visible\:border-0:focus-visible {
    border-width: var(--carina-border-width-0)
}
.focus-visible\:border-base:focus-visible {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-base) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.focus-visible\:border-danger:focus-visible {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-danger) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.focus-visible\:outline:focus-visible {
    outline-style: solid
}
.focus-visible\:ring:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--carina-ring-width-2) + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.peer:focus-visible ~ .peer-focus-visible\:z-\[calc\(var\(--carina-z-index-current\)\+1\)\] {
    z-index: calc(var(--carina-z-index-current) + 1)
}
.peer:focus-visible ~ .peer-focus-visible\:border-0 {
    border-width: var(--carina-border-width-0)
}
.peer:focus-visible ~ .peer-focus-visible\:border-solid {
    border-style: solid
}
.peer:focus-visible ~ .peer-focus-visible\:border-danger {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--carina-border-color-danger) calc(var(--tw-border-opacity, 1) * 100%), transparent)
}
.peer\/decrement:focus-visible ~ .peer-focus-visible\/decrement\:border-s-\[transparent\] {
    border-inline-start-color: transparent
}
@container (min-width: 640px) {
    .\@sm\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .\@sm\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .\@sm\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .\@sm\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .\@sm\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .\@sm\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .\@sm\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .\@sm\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@sm\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@sm\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@sm\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@sm\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@sm\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@sm\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .\@sm\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .\@sm\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .\@sm\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .\@sm\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@sm\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@sm\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@sm\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@sm\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@sm\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@sm\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .\@sm\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .\@sm\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .\@sm\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .\@sm\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .\@sm\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .\@sm\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .\@sm\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .\@sm\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .\@sm\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .\@sm\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .\@sm\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .\@sm\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .\@sm\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .\@sm\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .\@sm\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .\@sm\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .\@sm\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .\@sm\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .\@sm\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@sm\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@sm\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@sm\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@sm\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@sm\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@sm\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .\@sm\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .\@sm\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .\@sm\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .\@sm\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@sm\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@sm\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@sm\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@sm\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@sm\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@sm\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .\@sm\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@container (min-width: 768px) {
    .\@md\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .\@md\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .\@md\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .\@md\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .\@md\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .\@md\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .\@md\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .\@md\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@md\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@md\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@md\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@md\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@md\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@md\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .\@md\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .\@md\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .\@md\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .\@md\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@md\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@md\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@md\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@md\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@md\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@md\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .\@md\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .\@md\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .\@md\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .\@md\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .\@md\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .\@md\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .\@md\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .\@md\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .\@md\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .\@md\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .\@md\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .\@md\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .\@md\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .\@md\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .\@md\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .\@md\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .\@md\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .\@md\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .\@md\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@md\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@md\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@md\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@md\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@md\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@md\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .\@md\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .\@md\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .\@md\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .\@md\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@md\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@md\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@md\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@md\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@md\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@md\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .\@md\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@container (min-width: 1024px) {
    .\@lg\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .\@lg\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .\@lg\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .\@lg\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .\@lg\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .\@lg\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .\@lg\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .\@lg\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@lg\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@lg\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@lg\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@lg\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@lg\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@lg\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .\@lg\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .\@lg\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .\@lg\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .\@lg\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@lg\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@lg\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@lg\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@lg\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@lg\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@lg\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .\@lg\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .\@lg\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .\@lg\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .\@lg\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .\@lg\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .\@lg\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .\@lg\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .\@lg\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .\@lg\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .\@lg\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .\@lg\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .\@lg\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .\@lg\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .\@lg\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .\@lg\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .\@lg\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .\@lg\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .\@lg\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .\@lg\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@lg\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@lg\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@lg\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@lg\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@lg\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@lg\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .\@lg\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .\@lg\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .\@lg\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .\@lg\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@lg\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@lg\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@lg\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@lg\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@lg\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@lg\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .\@lg\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@container (min-width: 1280px) {
    .\@xl\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .\@xl\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .\@xl\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .\@xl\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .\@xl\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .\@xl\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .\@xl\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .\@xl\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@xl\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@xl\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@xl\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@xl\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@xl\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@xl\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .\@xl\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .\@xl\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .\@xl\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .\@xl\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@xl\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@xl\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@xl\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@xl\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@xl\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@xl\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .\@xl\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .\@xl\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .\@xl\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .\@xl\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .\@xl\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .\@xl\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .\@xl\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .\@xl\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .\@xl\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .\@xl\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .\@xl\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .\@xl\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .\@xl\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .\@xl\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .\@xl\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .\@xl\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .\@xl\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .\@xl\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .\@xl\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@xl\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@xl\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@xl\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@xl\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@xl\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@xl\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .\@xl\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .\@xl\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .\@xl\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .\@xl\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@xl\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@xl\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@xl\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@xl\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@xl\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@xl\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .\@xl\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@container (min-width: 1536px) {
    .\@2xl\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .\@2xl\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .\@2xl\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .\@2xl\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .\@2xl\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .\@2xl\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .\@2xl\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .\@2xl\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@2xl\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@2xl\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@2xl\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@2xl\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@2xl\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@2xl\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .\@2xl\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .\@2xl\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .\@2xl\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .\@2xl\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\@2xl\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\@2xl\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\@2xl\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\@2xl\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\@2xl\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\@2xl\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .\@2xl\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .\@2xl\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .\@2xl\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .\@2xl\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .\@2xl\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .\@2xl\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .\@2xl\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .\@2xl\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .\@2xl\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .\@2xl\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .\@2xl\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .\@2xl\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .\@2xl\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .\@2xl\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .\@2xl\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .\@2xl\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .\@2xl\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .\@2xl\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .\@2xl\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@2xl\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@2xl\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@2xl\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@2xl\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@2xl\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@2xl\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .\@2xl\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .\@2xl\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .\@2xl\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .\@2xl\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\@2xl\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\@2xl\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\@2xl\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\@2xl\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\@2xl\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\@2xl\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .\@2xl\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@media (min-width: 640px) {
    .sm\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .sm\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .sm\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .sm\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .sm\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .sm\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .sm\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .sm\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .sm\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .sm\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .sm\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .sm\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .sm\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .sm\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .sm\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .sm\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .sm\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .sm\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .sm\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .sm\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .sm\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .sm\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .sm\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .sm\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .sm\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .sm\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .sm\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .sm\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .sm\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .sm\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .sm\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .sm\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .sm\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .sm\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .sm\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .sm\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .sm\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .sm\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .sm\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .sm\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .sm\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .sm\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .sm\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .sm\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .sm\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .sm\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .sm\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .sm\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .sm\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .sm\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .sm\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .sm\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .sm\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .sm\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .sm\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .sm\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .sm\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .sm\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .sm\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .sm\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@media (min-width: 768px) {
    .md\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .md\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .md\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .md\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .md\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .md\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .md\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .md\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .md\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .md\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .md\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .md\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .md\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .md\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .md\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .md\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .md\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .md\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .md\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .md\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .md\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .md\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .md\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .md\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .md\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .md\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .md\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .md\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .md\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .md\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .md\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .md\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .md\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .md\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .md\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .md\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .md\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .md\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .md\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .md\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .md\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .md\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .md\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .md\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .md\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .md\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .md\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .md\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .md\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .md\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .md\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .md\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .md\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .md\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .md\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .md\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .md\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .md\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .md\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .md\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@media (min-width: 1024px) {
    .lg\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .lg\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .lg\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .lg\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .lg\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .lg\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .lg\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .lg\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .lg\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .lg\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .lg\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .lg\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .lg\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .lg\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .lg\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .lg\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .lg\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .lg\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .lg\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .lg\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .lg\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .lg\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .lg\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .lg\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .lg\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .lg\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .lg\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .lg\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .lg\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .lg\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .lg\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .lg\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .lg\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .lg\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .lg\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .lg\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .lg\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .lg\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .lg\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .lg\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .lg\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .lg\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .lg\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .lg\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .lg\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .lg\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .lg\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .lg\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .lg\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .lg\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .lg\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .lg\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .lg\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .lg\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .lg\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .lg\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .lg\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .lg\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .lg\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .lg\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@media (min-width: 1280px) {
    .xl\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .xl\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .xl\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .xl\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .xl\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .xl\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .xl\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .xl\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .xl\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .xl\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .xl\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .xl\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .xl\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .xl\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .xl\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .xl\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .xl\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .xl\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .xl\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .xl\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .xl\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .xl\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .xl\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .xl\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .xl\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .xl\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .xl\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .xl\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .xl\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .xl\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .xl\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .xl\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .xl\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .xl\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .xl\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .xl\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .xl\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .xl\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .xl\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .xl\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .xl\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .xl\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .xl\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .xl\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .xl\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .xl\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .xl\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .xl\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .xl\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .xl\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .xl\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .xl\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .xl\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .xl\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .xl\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .xl\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .xl\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .xl\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .xl\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .xl\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
@media (min-width: 1536px) {
    .\32xl\:carina-row--cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }
    .\32xl\:carina-row--cols-1 > * {
        flex: 0 0 auto;
        width: calc(100% / 1)
    }
    .\32xl\:carina-row--cols-2 > * {
        flex: 0 0 auto;
        width: calc(100% / 2)
    }
    .\32xl\:carina-row--cols-3 > * {
        flex: 0 0 auto;
        width: calc(100% / 3)
    }
    .\32xl\:carina-row--cols-4 > * {
        flex: 0 0 auto;
        width: calc(100% / 4)
    }
    .\32xl\:carina-row--cols-5 > * {
        flex: 0 0 auto;
        width: calc(100% / 5)
    }
    .\32xl\:carina-row--cols-6 > * {
        flex: 0 0 auto;
        width: calc(100% / 6)
    }
    .\32xl\:carina-row--gutter-x-compact {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\32xl\:carina-row--gutter-y-compact {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\32xl\:carina-row--gutter-x-default {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\32xl\:carina-row--gutter-y-default {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\32xl\:carina-row--gutter-x-roomy {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\32xl\:carina-row--gutter-y-roomy {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\32xl\:carina-row--gutter-x-0 {
        --carina-row-gutter-x: var(--carina-spacing-0)
    }
    .\32xl\:carina-row--gutter-y-0 {
        --carina-row-gutter-y: var(--carina-spacing-0)
    }
    .\32xl\:carina-row--gutter-x-2 {
        --carina-row-gutter-x: var(--carina-spacing-2)
    }
    .\32xl\:carina-row--gutter-y-2 {
        --carina-row-gutter-y: var(--carina-spacing-2)
    }
    .\32xl\:carina-row--gutter-x-4 {
        --carina-row-gutter-x: var(--carina-spacing-4)
    }
    .\32xl\:carina-row--gutter-y-4 {
        --carina-row-gutter-y: var(--carina-spacing-4)
    }
    .\32xl\:carina-row--gutter-x-6 {
        --carina-row-gutter-x: var(--carina-spacing-6)
    }
    .\32xl\:carina-row--gutter-y-6 {
        --carina-row-gutter-y: var(--carina-spacing-6)
    }
    .\32xl\:carina-row--gutter-x-8 {
        --carina-row-gutter-x: var(--carina-spacing-8)
    }
    .\32xl\:carina-row--gutter-y-8 {
        --carina-row-gutter-y: var(--carina-spacing-8)
    }
    .\32xl\:carina-row--gutter-x-10 {
        --carina-row-gutter-x: var(--carina-spacing-10)
    }
    .\32xl\:carina-row--gutter-y-10 {
        --carina-row-gutter-y: var(--carina-spacing-10)
    }
    .\32xl\:carina-column--fill {
        flex: 1 0 0%;
        width: 0
    }
    .\32xl\:carina-column--auto {
        flex: 0 0 auto;
        width: auto
    }
    .\32xl\:carina-column--span-1 {
        flex: 0 0 auto;
        width: calc(100% * 1 / 12)
    }
    .\32xl\:carina-column--span-2 {
        flex: 0 0 auto;
        width: calc(100% * 2 / 12)
    }
    .\32xl\:carina-column--span-3 {
        flex: 0 0 auto;
        width: calc(100% * 3 / 12)
    }
    .\32xl\:carina-column--span-4 {
        flex: 0 0 auto;
        width: calc(100% * 4 / 12)
    }
    .\32xl\:carina-column--span-5 {
        flex: 0 0 auto;
        width: calc(100% * 5 / 12)
    }
    .\32xl\:carina-column--span-6 {
        flex: 0 0 auto;
        width: calc(100% * 6 / 12)
    }
    .\32xl\:carina-column--span-7 {
        flex: 0 0 auto;
        width: calc(100% * 7 / 12)
    }
    .\32xl\:carina-column--span-8 {
        flex: 0 0 auto;
        width: calc(100% * 8 / 12)
    }
    .\32xl\:carina-column--span-9 {
        flex: 0 0 auto;
        width: calc(100% * 9 / 12)
    }
    .\32xl\:carina-column--span-10 {
        flex: 0 0 auto;
        width: calc(100% * 10 / 12)
    }
    .\32xl\:carina-column--span-11 {
        flex: 0 0 auto;
        width: calc(100% * 11 / 12)
    }
    .\32xl\:carina-column--span-12 {
        flex: 0 0 auto;
        width: calc(100% * 12 / 12)
    }
    .\32xl\:carina-column--offset-1 {
        margin-right: 0;
        margin-left: calc(100% * 1 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-1 {
        margin-right: calc(100% * 1 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-2 {
        margin-right: 0;
        margin-left: calc(100% * 2 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-2 {
        margin-right: calc(100% * 2 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-3 {
        margin-right: 0;
        margin-left: calc(100% * 3 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-3 {
        margin-right: calc(100% * 3 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-4 {
        margin-right: 0;
        margin-left: calc(100% * 4 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-4 {
        margin-right: calc(100% * 4 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-5 {
        margin-right: 0;
        margin-left: calc(100% * 5 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-5 {
        margin-right: calc(100% * 5 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-6 {
        margin-right: 0;
        margin-left: calc(100% * 6 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-6 {
        margin-right: calc(100% * 6 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-7 {
        margin-right: 0;
        margin-left: calc(100% * 7 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-7 {
        margin-right: calc(100% * 7 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-8 {
        margin-right: 0;
        margin-left: calc(100% * 8 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-8 {
        margin-right: calc(100% * 8 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-9 {
        margin-right: 0;
        margin-left: calc(100% * 9 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-9 {
        margin-right: calc(100% * 9 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-10 {
        margin-right: 0;
        margin-left: calc(100% * 10 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-10 {
        margin-right: calc(100% * 10 / 12);
        margin-left: 0
    }
    .\32xl\:carina-column--offset-11 {
        margin-right: 0;
        margin-left: calc(100% * 11 / 12)
    }
    [dir='rtl'] .\32xl\:carina-column--offset-11 {
        margin-right: calc(100% * 11 / 12);
        margin-left: 0
    }
    @media (min-width: 1024px) {
        .\32xl\:carina-row--gutter-x-compact {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\32xl\:carina-row--gutter-y-compact {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\32xl\:carina-row--gutter-x-default {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\32xl\:carina-row--gutter-y-default {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\32xl\:carina-row--gutter-x-roomy {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\32xl\:carina-row--gutter-y-roomy {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\32xl\:carina-row--gutter-x-0 {
            --carina-row-gutter-x: var(--carina-spacing-0)
        }
        .\32xl\:carina-row--gutter-y-0 {
            --carina-row-gutter-y: var(--carina-spacing-0)
        }
        .\32xl\:carina-row--gutter-x-2 {
            --carina-row-gutter-x: var(--carina-spacing-2)
        }
        .\32xl\:carina-row--gutter-y-2 {
            --carina-row-gutter-y: var(--carina-spacing-2)
        }
        .\32xl\:carina-row--gutter-x-4 {
            --carina-row-gutter-x: var(--carina-spacing-4)
        }
        .\32xl\:carina-row--gutter-y-4 {
            --carina-row-gutter-y: var(--carina-spacing-4)
        }
        .\32xl\:carina-row--gutter-x-6 {
            --carina-row-gutter-x: var(--carina-spacing-6)
        }
        .\32xl\:carina-row--gutter-y-6 {
            --carina-row-gutter-y: var(--carina-spacing-6)
        }
        .\32xl\:carina-row--gutter-x-8 {
            --carina-row-gutter-x: var(--carina-spacing-8)
        }
        .\32xl\:carina-row--gutter-y-8 {
            --carina-row-gutter-y: var(--carina-spacing-8)
        }
        .\32xl\:carina-row--gutter-x-10 {
            --carina-row-gutter-x: var(--carina-spacing-10)
        }
        .\32xl\:carina-row--gutter-y-10 {
            --carina-row-gutter-y: var(--carina-spacing-10)
        }
    }
}
.\[\&_p\.country-abbr\]\:hidden p.country-abbr {
    display: none
}
.\*\:min-w-\[208px\] > * {
    min-width: 208px !important
}
.\*\:flex-\[1_1_45\%\] > * {
    flex: 1 1 45% !important
}
.hover\:bg-\[var\(--carina-custom-filled-button-background-color-hover\)\]:hover {
    background-color: var(--carina-custom-filled-button-background-color-hover) !important
}
.hover\:bg-\[var\(--carina-custom-ghost-button-background-color-hover\)\]:hover {
    background-color: var(--carina-custom-ghost-button-background-color-hover) !important
}
.hover\:bg-\[var\(--carina-custom-lined-button-background-color-hover\)\]:hover {
    background-color: var(--carina-custom-lined-button-background-color-hover) !important
}
.hover\:text-\[var\(--carina-custom-ghost-button-color-hover\)\]:hover {
    color: var(--carina-custom-ghost-button-color-hover) !important
}
.hover\:text-\[var\(--carina-custom-lined-button-color-hover\)\]:hover {
    color: var(--carina-custom-lined-button-color-hover) !important
}
.focus-visible\:z-\[calc\(var\(--carina-z-index-current\)\+1\)\]:focus-visible {
    z-index: calc(var(--carina-z-index-current) + 1) !important
}
.focus-visible\:rounded-\[4px\]:focus-visible {
    border-radius: 4px !important
}
.focus-visible\:rounded-sm:focus-visible {
    border-radius: var(--carina-border-radius-sm) !important
}
.focus-visible\:rounded-xl:focus-visible {
    border-radius: var(--carina-border-radius-xl) !important
}
.focus-visible\:rounded-e-none:focus-visible {
    border-start-end-radius: var(--carina-border-radius-none) !important;
    border-end-end-radius: var(--carina-border-radius-none) !important
}
.focus-visible\:border-0:focus-visible {
    border-width: var(--carina-border-width-0) !important
}
.focus-visible\:border-e:focus-visible {
    border-inline-end-width: var(--carina-border-width-1) !important
}
.focus-visible\:border-base:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-base) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.focus-visible\:border-danger:focus-visible {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-danger) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.focus-visible\:shadow-\[0_0_0_2px_var\(--carina-border-color-primary-focus\)\]:focus-visible {
    --tw-shadow: 0 0 0 2px var(--carina-border-color-primary-focus) !important;
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.focus-visible\:outline:focus-visible {
    outline-style: solid !important
}
.focus-visible\:outline-0:focus-visible {
    outline-width: 0px !important
}
.focus-visible\:outline-2:focus-visible {
    outline-width: 2px !important
}
.focus-visible\:outline-\[var\(--carina-border-color-danger-focus\)\]:focus-visible {
    outline-color: var(--carina-border-color-danger-focus) !important
}
.focus-visible\:outline-\[var\(--carina-border-color-primary-focus\)\]:focus-visible {
    outline-color: var(--carina-border-color-primary-focus) !important
}
.focus-visible\:outline-\[var\(--carina-ring-black\)\]:focus-visible {
    outline-color: var(--carina-ring-black) !important
}
.focus-visible\:outline-transparent:focus-visible {
    outline-color: color-mix(in srgb, var(--carina-colors-transparent) calc(1 * 100%), transparent) !important
}
.focus-visible\:ring:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--carina-ring-width-2) + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.focus-visible\:ring-danger:focus-visible {
    --tw-ring-color: var(--carina-ring-color-danger) !important
}
.active\:border-\[var\(--carina-custom-lined-button-border-color-active\)\]:active {
    border-color: var(--carina-custom-lined-button-border-color-active) !important
}
.active\:bg-\[var\(--carina-custom-filled-button-background-color-active\)\]:active {
    background-color: var(--carina-custom-filled-button-background-color-active) !important
}
.active\:bg-\[var\(--carina-custom-ghost-button-background-color-active\)\]:active {
    background-color: var(--carina-custom-ghost-button-background-color-active) !important
}
.active\:bg-\[var\(--carina-custom-lined-button-background-color-active\)\]:active {
    background-color: var(--carina-custom-lined-button-background-color-active) !important
}
.active\:text-\[var\(--carina-custom-ghost-button-color-active\)\]:active {
    color: var(--carina-custom-ghost-button-color-active) !important
}
.active\:text-\[var\(--carina-custom-lined-button-color-active\)\]:active {
    color: var(--carina-custom-lined-button-color-active) !important
}
.peer:focus-visible ~ .peer-focus-visible\:-left-\[2px\] {
    left: -2px !important
}
.peer:focus-visible ~ .peer-focus-visible\:-top-\[2px\] {
    top: -2px !important
}
.peer:focus-visible ~ .peer-focus-visible\:z-\[calc\(var\(--carina-z-index-current\)\+1\)\] {
    z-index: calc(var(--carina-z-index-current) + 1) !important
}
.peer:focus-visible ~ .peer-focus-visible\:h-\[calc\(100\%\+4px\)\] {
    height: calc(100% + 4px) !important
}
.peer:focus-visible ~ .peer-focus-visible\:w-\[calc\(100\%\+4px\)\] {
    width: calc(100% + 4px) !important
}
.peer:focus-visible ~ .peer-focus-visible\:border-0 {
    border-width: var(--carina-border-width-0) !important
}
.peer:focus-visible ~ .peer-focus-visible\:border-2 {
    border-width: var(--carina-border-width-2) !important
}
.peer:focus-visible ~ .peer-focus-visible\:border-b-2 {
    border-bottom-width: var(--carina-border-width-2) !important
}
.peer:focus-visible ~ .peer-focus-visible\:border-solid {
    border-style: solid !important
}
.peer:focus-visible ~ .peer-focus-visible\:border-\[var\(--carina-border-color-danger-focus\)\] {
    border-color: var(--carina-border-color-danger-focus) !important
}
.peer:focus-visible ~ .peer-focus-visible\:border-danger {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-danger) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.peer:focus-visible ~ .peer-focus-visible\:border-primary {
    --tw-border-opacity: 1 !important;
    border-color: color-mix(in srgb, var(--carina-border-color-primary) calc(var(--tw-border-opacity, 1) * 100%), transparent) !important
}
.peer\/decrement:focus-visible ~ .peer-focus-visible\/decrement\:border-s-\[transparent\] {
    border-inline-start-color: transparent !important
}
.peer:focus-visible ~ .peer-focus-visible\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--carina-ring-width-0) + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.peer:focus-visible ~ .peer-focus-visible\:ring-danger {
    --tw-ring-color: var(--carina-ring-color-danger) !important
}
.has-\[\+\:focus-visible\]\:border-e-\[transparent\]:has(+:focus-visible) {
    border-inline-end-color: transparent !important
}
@media (min-width: 768px) {
    .md\:size-\[260px\] {
        width: 260px !important;
        height: 260px !important
    }
}
@media (min-width: 1024px) {
    .lg\:size-\[264px\] {
        width: 264px !important;
        height: 264px !important
    }
}
.\[\&\>p\]\:text-md>p {
    font-size: var(--carina-font-size-md) !important;
    line-height: var(--carina-line-height-3) !important
}
.\[\&_p\.country-abbr\]\:hidden p.country-abbr {
    display: none !important
}
.group:hover .group-hover\:\[\&_p\.country-code\]\:text-\[var\(--carina-colors-neutral-80\)\] p.country-code {
    color: var(--carina-colors-neutral-80) !important
}
.group:focus .group-focus\:\[\&_p\.country-code\]\:text-\[var\(--carina-colors-neutral-80\)\] p.country-code {
    color: var(--carina-colors-neutral-80) !important
}

@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-regular.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-regular.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: italic;
  font-weight: 400;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-italic.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-italic.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: italic;
  font-weight: 600;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600-italic.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600-italic.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-regular.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-regular.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: italic;
  font-weight: 400;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-italic.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-italic.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: italic;
  font-weight: 600;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600-italic.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Rubik-latin-600-italic.woff')
      format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.cvent-assets.com/@cvent/fonts/assets/Roboto-Mono-latin-regular.woff2')
      format('woff2'),
    url('https://www.cvent-assets.com/@cvent/fonts/assets/Roboto-Mono-latin-regular.woff')
      format('woff');
}

.carina {
  --carina-border-radius-none: 0px;
  --carina-border-radius-xs: 0.125rem;
  --carina-border-radius-sm: 0.25rem;
  --carina-border-radius-md: 0.375rem;
  --carina-border-radius-lg: 0.5rem;
  --carina-border-radius-xl: 0.625rem;
  --carina-border-radius-2xl: 1rem;
  --carina-border-radius-3xl: 1.5rem;
  --carina-border-radius-full: 9999px;
  --carina-border-width-0: 0px;
  --carina-border-width-1: 1px;
  --carina-border-width-2: 2px;
  --carina-border-width-4: 4px;
  --carina-border-width-8: 8px;
  --carina-box-shadow-none: 0 0 #0000;
  --carina-box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --carina-box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 0 6px -2px rgb(0 0 0 / 0.1);
  --carina-box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.12), 0 0 10px -4px rgb(0 0 0 / 0.1);
  --carina-box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.14), 0 2px 12px -6px rgb(0 0 0 / 0.12);
  --carina-box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --carina-box-shadow-reverse-sm: 0 -1px 2px 0 rgb(0 0 0 / 0.05);
  --carina-box-shadow-reverse-md: 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 0 6px -2px rgb(0 0 0 / 0.1);
  --carina-box-shadow-reverse-lg: 0 -10px 15px -3px rgb(0 0 0 / 0.12), 0 0 10px -4px rgb(0 0 0 / 0.1);
  --carina-box-shadow-reverse-xl: 0 -20px 25px -5px rgb(0 0 0 / 0.14), 0 -2px 12px -6px rgb(0 0 0 / 0.12);
  --carina-box-shadow-reverse-2xl: 0 -25px 50px -12px rgb(0 0 0 / 0.25);
  --carina-breakpoint-sm: 640px;
  --carina-breakpoint-md: 768px;
  --carina-breakpoint-lg: 1024px;
  --carina-breakpoint-xl: 1280px;
  --carina-breakpoint-2xl: 1536px;
  --carina-icon-xs: 1rem;
  --carina-icon-sm: 1.25rem;
  --carina-icon-md: 1.5rem;
  --carina-icon-lg: 2rem;
  --carina-opacity-0: 0;
  --carina-opacity-5: 0.05;
  --carina-opacity-10: 0.1;
  --carina-opacity-20: 0.2;
  --carina-opacity-25: 0.25;
  --carina-opacity-30: 0.3;
  --carina-opacity-40: 0.4;
  --carina-opacity-50: 0.5;
  --carina-opacity-60: 0.6;
  --carina-opacity-70: 0.7;
  --carina-opacity-75: 0.75;
  --carina-opacity-80: 0.8;
  --carina-opacity-90: 0.9;
  --carina-opacity-95: 0.95;
  --carina-opacity-100: 1;
  --carina-ring-width-0: var(--carina-border-width-0);
  --carina-ring-width-1: var(--carina-border-width-1);
  --carina-ring-width-2: var(--carina-border-width-2);
  --carina-ring-width-4: var(--carina-border-width-4);
  --carina-ring-width-8: var(--carina-border-width-8);
  --carina-rotate-0: 0deg;
  --carina-rotate-1: 1deg;
  --carina-rotate-2: 2deg;
  --carina-rotate-3: 3deg;
  --carina-rotate-6: 6deg;
  --carina-rotate-12: 12deg;
  --carina-rotate-45: 45deg;
  --carina-rotate-90: 90deg;
  --carina-rotate-180: 180deg;
  --carina-rotate-270: 270deg;
  --carina-rotate-360: 360deg;
  --carina-rotate-negative-1: -1deg;
  --carina-rotate-negative-2: -2deg;
  --carina-rotate-negative-3: -3deg;
  --carina-rotate-negative-6: -6deg;
  --carina-rotate-negative-12: -12deg;
  --carina-rotate-negative-45: -45deg;
  --carina-rotate-negative-90: -90deg;
  --carina-rotate-negative-180: -180deg;
  --carina-rotate-negative-270: -270deg;
  --carina-rotate-negative-360: -360deg;
  --carina-scale-0: 0;
  --carina-scale-50: .50;
  --carina-scale-75: .75;
  --carina-scale-90: .90;
  --carina-scale-95: .95;
  --carina-scale-100: 1;
  --carina-scale-105: 1.05;
  --carina-scale-110: 1.1;
  --carina-scale-125: 1.25;
  --carina-scale-150: 1.5;
  --carina-scale-shrink: var(--carina-scale-95);
  --carina-scale-grow: var(--carina-scale-105);
  --carina-spacing-0: 0px;
  --carina-spacing-1: 0.25rem;
  --carina-spacing-2: 0.5rem;
  --carina-spacing-3: 0.75rem;
  --carina-spacing-4: 1rem;
  --carina-spacing-5: 1.25rem;
  --carina-spacing-6: 1.5rem;
  --carina-spacing-7: 1.75rem;
  --carina-spacing-8: 2rem;
  --carina-spacing-9: 2.25rem;
  --carina-spacing-10: 2.5rem;
  --carina-spacing-11: 2.75rem;
  --carina-spacing-12: 3rem;
  --carina-spacing-14: 3.5rem;
  --carina-spacing-16: 4rem;
  --carina-spacing-20: 5rem;
  --carina-spacing-24: 6rem;
  --carina-spacing-28: 7rem;
  --carina-spacing-32: 8rem;
  --carina-spacing-36: 9rem;
  --carina-spacing-40: 10rem;
  --carina-spacing-44: 11rem;
  --carina-spacing-48: 12rem;
  --carina-spacing-52: 13rem;
  --carina-spacing-56: 14rem;
  --carina-spacing-60: 15rem;
  --carina-spacing-64: 16rem;
  --carina-spacing-72: 18rem;
  --carina-spacing-80: 20rem;
  --carina-spacing-96: 24rem;
  --carina-spacing-px: 1px;
  --carina-spacing-0-5: 0.125rem;
  --carina-spacing-1-5: 0.375rem;
  --carina-spacing-2-5: 0.625rem;
  --carina-spacing-3-5: 0.875rem;
  --carina-transition-delay-50: 50ms;
  --carina-transition-delay-100: 100ms;
  --carina-transition-delay-200: 200ms;
  --carina-transition-delay-300: 300ms;
  --carina-transition-delay-400: 400ms;
  --carina-transition-delay-550: 550ms;
  --carina-transition-delay-700: 700ms;
  --carina-transition-delay-800: 800ms;
  --carina-transition-delay-1200: 1200ms;
  --carina-transition-delay-reduced-motion: 100ms;
  --carina-transition-duration-50: 50ms;
  --carina-transition-duration-100: 100ms;
  --carina-transition-duration-200: 200ms;
  --carina-transition-duration-300: 300ms;
  --carina-transition-duration-400: 400ms;
  --carina-transition-duration-550: 550ms;
  --carina-transition-duration-700: 700ms;
  --carina-transition-duration-800: 800ms;
  --carina-transition-duration-1200: 1200ms;
  --carina-transition-duration-reduced-motion: 100ms;
  --carina-transition-timing-function-expressive-ease-in: cubic-bezier(0.4, 0.14, 1, 1);
  --carina-transition-timing-function-expressive-ease-out: cubic-bezier(0, 0, 0.39, 1);
  --carina-transition-timing-function-expressive-ease-in-out: cubic-bezier(0.4, 0.15, 0.3, 1);
  --carina-transition-timing-function-productive-ease-in: cubic-bezier(0.2, 0, 1, 0.9);
  --carina-transition-timing-function-productive-ease-out: cubic-bezier(0, 0, 0.4, 0.9);
  --carina-transition-timing-function-productive-ease-in-out: cubic-bezier(0.2, 0, 0.4, 0.9);
  --carina-transition-timing-function-linear: cubic-bezier(0,0,1,1);
  --carina-z-index-0: 0;
  --carina-z-index-10: 10;
  --carina-z-index-20: 20;
  --carina-z-index-30: 30;
  --carina-z-index-40: 40;
  --carina-z-index-50: 50;
  --carina-z-index-auto: auto;
  --carina-z-index-current: 0;
  --carina-z-index-popper: 100;
  --carina-z-index-scrim: 300;
  --carina-z-index-panel: 400;
  --carina-z-index-fullscreen-modal: 800;
  --carina-z-index-modal: 1200;
  --carina-z-index-alert: 1600;
  --carina-z-index-popper-diff: 100;
  --carina-z-index-scrim-diff: -100;
  --carina-font-size-3xs: 10px;
  --carina-font-size-2xs: 12px;
  --carina-font-size-xs: 13px;
  --carina-font-size-sm: 14px;
  --carina-font-size-md: 16px;
  --carina-font-size-lg: 18px;
  --carina-font-size-xl: 21px;
  --carina-font-size-2xl: 24px;
  --carina-font-size-3xl: 28px;
  --carina-font-size-4xl: 32px;
  --carina-font-size-5xl: 36px;
  --carina-font-size-6xl: 40px;
  --carina-font-size-7xl: 48px;
  --carina-font-size-8xl: 56px;
  --carina-font-size-body-3xs: var(--carina-font-size-3xs);
  --carina-font-size-body-2xs: var(--carina-font-size-2xs);
  --carina-font-size-body-xs: var(--carina-font-size-xs);
  --carina-font-size-body-sm: var(--carina-font-size-sm);
  --carina-font-size-body-md: var(--carina-font-size-md);
  --carina-font-size-body-lg: var(--carina-font-size-lg);
  --carina-font-size-body-xl: var(--carina-font-size-xl);
  --carina-font-size-display-2xs: var(--carina-font-size-xl);
  --carina-font-size-display-xs: var(--carina-font-size-2xl);
  --carina-font-size-display-sm: var(--carina-font-size-3xl);
  --carina-font-size-display-md: var(--carina-font-size-4xl);
  --carina-font-size-display-lg: var(--carina-font-size-5xl);
  --carina-font-size-display-xl: var(--carina-font-size-6xl);
  --carina-font-size-display-2xl: var(--carina-font-size-7xl);
  --carina-font-size-display-3xl: var(--carina-font-size-8xl);
  --carina-font-size-header-6: var(--carina-font-size-lg);
  --carina-font-size-header-5: var(--carina-font-size-xl);
  --carina-font-size-header-4: var(--carina-font-size-2xl);
  --carina-font-size-header-3: var(--carina-font-size-3xl);
  --carina-font-size-header-2: var(--carina-font-size-4xl);
  --carina-font-size-header-1: var(--carina-font-size-5xl);
  --carina-font-size-m-display-2xs: var(--carina-font-size-xl);
  --carina-font-size-m-display-xs: var(--carina-font-size-xl);
  --carina-font-size-m-display-sm: var(--carina-font-size-xl);
  --carina-font-size-m-display-md: var(--carina-font-size-2xl);
  --carina-font-size-m-display-lg: var(--carina-font-size-3xl);
  --carina-font-size-m-display-xl: var(--carina-font-size-4xl);
  --carina-font-size-m-display-2xl: var(--carina-font-size-5xl);
  --carina-font-size-m-display-3xl: var(--carina-font-size-6xl);
  --carina-font-size-m-header-6: var(--carina-font-size-sm);
  --carina-font-size-m-header-5: var(--carina-font-size-md);
  --carina-font-size-m-header-4: var(--carina-font-size-lg);
  --carina-font-size-m-header-3: var(--carina-font-size-xl);
  --carina-font-size-m-header-2: var(--carina-font-size-2xl);
  --carina-font-size-m-header-1: var(--carina-font-size-3xl);
  --carina-font-weight-thin: 100;
  --carina-font-weight-extra-light: 200;
  --carina-font-weight-light: 300;
  --carina-font-weight-normal: 400;
  --carina-font-weight-medium: 500;
  --carina-font-weight-semi-bold: 600;
  --carina-font-weight-bold: 700;
  --carina-font-weight-extra-bold: 800;
  --carina-font-weight-black: 900;
  --carina-font-weight-body: var(--carina-font-weight-normal);
  --carina-font-weight-display: var(--carina-font-weight-semi-bold);
  --carina-line-height-1: 12px;
  --carina-line-height-2: 16px;
  --carina-line-height-3: 20px;
  --carina-line-height-4: 24px;
  --carina-line-height-5: 28px;
  --carina-line-height-6: 32px;
  --carina-line-height-7: 36px;
  --carina-line-height-8: 40px;
  --carina-line-height-9: 44px;
  --carina-line-height-10: 48px;
  --carina-line-height-11: 52px;
  --carina-line-height-12: 56px;
  --carina-line-height-13: 60px;
  --carina-line-height-14: 72px;
  --carina-line-height-none: 1;
  --carina-line-height-tight: 1.25;
  --carina-line-height-snug: 1.375;
  --carina-line-height-normal: 1.5;
  --carina-line-height-relaxed: 1.625;
  --carina-line-height-loose: 2;
  --carina-line-height-body-3xs: var(--carina-line-height-2);
  --carina-line-height-body-2xs: var(--carina-line-height-2);
  --carina-line-height-body-xs: var(--carina-line-height-3);
  --carina-line-height-body-sm: var(--carina-line-height-3);
  --carina-line-height-body-md: var(--carina-line-height-4);
  --carina-line-height-body-lg: var(--carina-line-height-4);
  --carina-line-height-body-xl: var(--carina-line-height-5);
  --carina-line-height-display-2xs: var(--carina-line-height-5);
  --carina-line-height-display-xs: var(--carina-line-height-6);
  --carina-line-height-display-sm: var(--carina-line-height-7);
  --carina-line-height-display-md: var(--carina-line-height-8);
  --carina-line-height-display-lg: var(--carina-line-height-10);
  --carina-line-height-display-xl: var(--carina-line-height-11);
  --carina-line-height-display-2xl: var(--carina-line-height-13);
  --carina-line-height-display-3xl: var(--carina-line-height-14);
  --carina-line-height-m-display-2xs: var(--carina-line-height-5);
  --carina-line-height-m-display-xs: var(--carina-line-height-5);
  --carina-line-height-m-display-sm: var(--carina-line-height-5);
  --carina-line-height-m-display-md: var(--carina-line-height-6);
  --carina-line-height-m-display-lg: var(--carina-line-height-7);
  --carina-line-height-m-display-xl: var(--carina-line-height-8);
  --carina-line-height-m-display-2xl: var(--carina-line-height-10);
  --carina-line-height-m-display-3xl: var(--carina-line-height-11);
  --carina-line-height-header-6: var(--carina-line-height-4);
  --carina-line-height-header-5: var(--carina-line-height-5);
  --carina-line-height-header-4: var(--carina-line-height-6);
  --carina-line-height-header-3: var(--carina-line-height-7);
  --carina-line-height-header-2: var(--carina-line-height-8);
  --carina-line-height-header-1: var(--carina-line-height-10);
  --carina-line-height-m-header-6: var(--carina-line-height-3);
  --carina-line-height-m-header-5: var(--carina-line-height-3);
  --carina-line-height-m-header-4: var(--carina-line-height-4);
  --carina-line-height-m-header-3: var(--carina-line-height-5);
  --carina-line-height-m-header-2: var(--carina-line-height-5);
  --carina-line-height-m-header-1: var(--carina-line-height-5);
  --carina-font-family-primary: Rubik, Helvetica, Arial;
  --carina-font-family-secondary: Rubik, Helvetica, Arial;
  --carina-font-family-mono: 'Roboto Mono', monospace;
  --carina-font-family-body: var(--carina-font-family-primary);
  --carina-font-family-display: var(--carina-font-family-secondary);
}

@media not all and (min-width: 640px) {
	.carina:not(:where([class~='not-carina-responsive-typography'])) {
		--carina-font-size-display-2xs: var(--carina-font-size-m-display-2xs);
		--carina-font-size-display-xs: var(--carina-font-size-m-display-xs);
		--carina-font-size-display-sm: var(--carina-font-size-m-display-sm);
		--carina-font-size-display-md: var(--carina-font-size-m-display-md);
		--carina-font-size-display-lg: var(--carina-font-size-m-display-lg);
		--carina-font-size-display-xl: var(--carina-font-size-m-display-xl);
		--carina-font-size-display-2xl: var(--carina-font-size-m-display-2xl);
		--carina-font-size-display-3xl: var(--carina-font-size-m-display-3xl);
		--carina-font-size-header-6: var(--carina-font-size-m-header-6);
		--carina-font-size-header-5: var(--carina-font-size-m-header-5);
		--carina-font-size-header-4: var(--carina-font-size-m-header-4);
		--carina-font-size-header-3: var(--carina-font-size-m-header-3);
		--carina-font-size-header-2: var(--carina-font-size-m-header-2);
		--carina-font-size-header-1: var(--carina-font-size-m-header-1);
		--carina-line-height-display-2xs: var(--carina-line-height-m-display-2xs);
		--carina-line-height-display-xs: var(--carina-line-height-m-display-xs);
		--carina-line-height-display-sm: var(--carina-line-height-m-display-sm);
		--carina-line-height-display-md: var(--carina-line-height-m-display-md);
		--carina-line-height-display-lg: var(--carina-line-height-m-display-lg);
		--carina-line-height-display-xl: var(--carina-line-height-m-display-xl);
		--carina-line-height-display-2xl: var(--carina-line-height-m-display-2xl);
		--carina-line-height-display-3xl: var(--carina-line-height-m-display-3xl);
		--carina-line-height-header-6: var(--carina-line-height-m-header-6);
		--carina-line-height-header-5: var(--carina-line-height-m-header-5);
		--carina-line-height-header-4: var(--carina-line-height-m-header-4);
		--carina-line-height-header-3: var(--carina-line-height-m-header-3);
		--carina-line-height-header-2: var(--carina-line-height-m-header-2);
		--carina-line-height-header-1: var(--carina-line-height-m-header-1);
	}
}

[data-carina-theme="white"] {
  --carina-colors-inherit: inherit;
  --carina-colors-current: currentColor;
  --carina-colors-transparent: transparent;
  --carina-colors-body-background: #efefef;
  --carina-colors-accessory-0-10: #fdd1f6;
  --carina-colors-accessory-0-20: #f1aef3;
  --carina-colors-accessory-0-30: #d490f1;
  --carina-colors-accessory-0-40: #b473e9;
  --carina-colors-accessory-0-50: #8457d9;
  --carina-colors-accessory-0-60: #4d31ba;
  --carina-colors-accessory-0-70: #1c1386;
  --carina-colors-accessory-1-10: #a6f6e0;
  --carina-colors-accessory-1-20: #64e4e8;
  --carina-colors-accessory-1-30: #2fc7f0;
  --carina-colors-accessory-1-40: #17a6f8;
  --carina-colors-accessory-1-50: #0781da;
  --carina-colors-accessory-1-60: #1c4eb4;
  --carina-colors-accessory-1-70: #192887;
  --carina-colors-accessory-2-10: #b7f4ac;
  --carina-colors-accessory-2-20: #77e9a1;
  --carina-colors-accessory-2-30: #07d7a8;
  --carina-colors-accessory-2-40: #05baa5;
  --carina-colors-accessory-2-50: #059a9a;
  --carina-colors-accessory-2-60: #047885;
  --carina-colors-accessory-2-70: #02516c;
  --carina-colors-accessory-3-10: #ffe982;
  --carina-colors-accessory-3-20: #ffcc66;
  --carina-colors-accessory-3-30: #ffab00;
  --carina-colors-accessory-3-40: #ff7830;
  --carina-colors-accessory-3-50: #df4e0f;
  --carina-colors-accessory-3-60: #b22205;
  --carina-colors-accessory-3-70: #790c03;
  --carina-colors-accessory-4-10: #ffcca1;
  --carina-colors-accessory-4-20: #ffb2a3;
  --carina-colors-accessory-4-30: #ff8888;
  --carina-colors-accessory-4-40: #f05887;
  --carina-colors-accessory-4-50: #c2386c;
  --carina-colors-accessory-4-60: #891150;
  --carina-colors-accessory-4-70: #5d074a;
  --carina-colors-body-seed: #242424;
  --carina-colors-danger-0: #FFFFFF;
  --carina-colors-danger-5: #ffebe8;
  --carina-colors-danger-10: #ffe0dd;
  --carina-colors-danger-20: #fecec9;
  --carina-colors-danger-30: #fbb2aa;
  --carina-colors-danger-40: #f6978e;
  --carina-colors-danger-50: #eb645c;
  --carina-colors-danger-60: #dc222a;
  --carina-colors-danger-70: #c30002;
  --carina-colors-danger-80: #a90000;
  --carina-colors-danger-90: #820000;
  --carina-colors-danger-95: #470000;
  --carina-colors-danger-100: #000000;
  --carina-colors-danger-seed: #D9021F;
  --carina-colors-grayscale-0: #FFFFFF;
  --carina-colors-grayscale-5: #f8f8f8;
  --carina-colors-grayscale-10: #eeeeee;
  --carina-colors-grayscale-20: #dfdfdf;
  --carina-colors-grayscale-30: #cbcbcb;
  --carina-colors-grayscale-40: #b7b7b7;
  --carina-colors-grayscale-50: #959595;
  --carina-colors-grayscale-60: #757575;
  --carina-colors-grayscale-70: #646464;
  --carina-colors-grayscale-80: #575757;
  --carina-colors-grayscale-90: #424242;
  --carina-colors-grayscale-95: #242424;
  --carina-colors-grayscale-100: #000000;
  --carina-colors-grayscale-seed: #777777;
  --carina-colors-heading-seed: #242424;
  --carina-colors-info-0: #FFFFFF;
  --carina-colors-info-5: #e9f1fe;
  --carina-colors-info-10: #dbe9fd;
  --carina-colors-info-20: #c3dafb;
  --carina-colors-info-30: #a5c7f8;
  --carina-colors-info-40: #86b3f4;
  --carina-colors-info-50: #5090eb;
  --carina-colors-info-60: #0e6de2;
  --carina-colors-info-70: #0059ce;
  --carina-colors-info-80: #0048bd;
  --carina-colors-info-90: #0030a4;
  --carina-colors-info-95: #000078;
  --carina-colors-info-100: #000000;
  --carina-colors-info-seed: #006AE1;
  --carina-colors-neutral-0: #FFFFFF;
  --carina-colors-neutral-5: #eff0f1;
  --carina-colors-neutral-10: #e5e7e9;
  --carina-colors-neutral-20: #d6d8db;
  --carina-colors-neutral-30: #c1c4c8;
  --carina-colors-neutral-40: #adb1b7;
  --carina-colors-neutral-50: #8a9097;
  --carina-colors-neutral-60: #6a727b;
  --carina-colors-neutral-70: #596069;
  --carina-colors-neutral-80: #4b525b;
  --carina-colors-neutral-90: #373e47;
  --carina-colors-neutral-95: #191f27;
  --carina-colors-neutral-100: #000000;
  --carina-colors-neutral-seed: #69717A;
  --carina-colors-primary-0: #FFFFFF;
  --carina-colors-primary-5: #e9f1fe;
  --carina-colors-primary-10: #dbe9fd;
  --carina-colors-primary-20: #c3dafb;
  --carina-colors-primary-30: #a5c7f8;
  --carina-colors-primary-40: #86b3f4;
  --carina-colors-primary-50: #5090eb;
  --carina-colors-primary-60: #0e6de2;
  --carina-colors-primary-70: #0059ce;
  --carina-colors-primary-80: #0048bd;
  --carina-colors-primary-90: #0030a4;
  --carina-colors-primary-95: #000078;
  --carina-colors-primary-100: #000000;
  --carina-colors-primary-seed: #006AE1;
  --carina-colors-secondary-0: #FFFFFF;
  --carina-colors-secondary-5: #e4f3ee;
  --carina-colors-secondary-10: #d6ece5;
  --carina-colors-secondary-20: #bce0d5;
  --carina-colors-secondary-30: #98cfbf;
  --carina-colors-secondary-40: #73bfaa;
  --carina-colors-secondary-50: #01a286;
  --carina-colors-secondary-60: #008066;
  --carina-colors-secondary-70: #006d54;
  --carina-colors-secondary-80: #005d46;
  --carina-colors-secondary-90: #004732;
  --carina-colors-secondary-95: #002413;
  --carina-colors-secondary-100: #000000;
  --carina-colors-secondary-seed: #00A286;
  --carina-colors-success-0: #FFFFFF;
  --carina-colors-success-5: #e9f3e8;
  --carina-colors-success-10: #dcecda;
  --carina-colors-success-20: #c7e0c4;
  --carina-colors-success-30: #a7cea3;
  --carina-colors-success-40: #89be84;
  --carina-colors-success-50: #51a04c;
  --carina-colors-success-60: #008400;
  --carina-colors-success-70: #007000;
  --carina-colors-success-80: #006000;
  --carina-colors-success-90: #004900;
  --carina-colors-success-95: #002500;
  --carina-colors-success-100: #000000;
  --carina-colors-success-seed: #008600;
  --carina-colors-surface-0: #FFFFFF;
  --carina-colors-surface-5: #f7f7f7;
  --carina-colors-surface-10: #efefef;
  --carina-colors-surface-20: #e0e0e0;
  --carina-colors-surface-30: #cbcbcb;
  --carina-colors-surface-40: #b7b7b7;
  --carina-colors-surface-50: #959595;
  --carina-colors-surface-60: #757575;
  --carina-colors-surface-70: #646464;
  --carina-colors-surface-80: #565656;
  --carina-colors-surface-90: #424242;
  --carina-colors-surface-95: #242424;
  --carina-colors-surface-100: #000000;
  --carina-colors-surface-seed: #FFFFFF;
  --carina-colors-surface-alt: #f7f7f7;
  --carina-colors-tertiary-0: #FFFFFF;
  --carina-colors-tertiary-5: #f1eefd;
  --carina-colors-tertiary-10: #e9e4fb;
  --carina-colors-tertiary-20: #dcd4f8;
  --carina-colors-tertiary-30: #cabdf3;
  --carina-colors-tertiary-40: #b9a6ee;
  --carina-colors-tertiary-50: #9c7ee4;
  --carina-colors-tertiary-60: #8456d8;
  --carina-colors-tertiary-70: #7243c4;
  --carina-colors-tertiary-80: #6533b4;
  --carina-colors-tertiary-90: #52179b;
  --carina-colors-tertiary-95: #280063;
  --carina-colors-tertiary-100: #000000;
  --carina-colors-tertiary-seed: #8457D9;
  --carina-colors-warning-0: #FFFFFF;
  --carina-colors-warning-5: #ffefc1;
  --carina-colors-warning-10: #ffe59c;
  --carina-colors-warning-20: #ffd554;
  --carina-colors-warning-30: #f1be00;
  --carina-colors-warning-40: #dcaa00;
  --carina-colors-warning-50: #b88700;
  --carina-colors-warning-60: #986700;
  --carina-colors-warning-70: #855500;
  --carina-colors-warning-80: #774700;
  --carina-colors-warning-90: #613100;
  --carina-colors-warning-95: #3e0e00;
  --carina-colors-warning-100: #000000;
  --carina-colors-warning-seed: #FFCC00;
  --carina-background-color-background: var(--carina-colors-surface-alt);
  --carina-background-color-danger: var(--carina-colors-danger-60);
  --carina-background-color-danger-active: var(--carina-colors-danger-80);
  --carina-background-color-danger-hover: var(--carina-colors-danger-70);
  --carina-background-color-danger-pale: var(--carina-colors-danger-10);
  --carina-background-color-danger-pale-active: var(--carina-colors-danger-30);
  --carina-background-color-danger-pale-hover: var(--carina-colors-danger-20);
  --carina-background-color-illustration-neutral-light: var(--carina-colors-grayscale-40);
  --carina-background-color-illustration-neutral-medium: var(--carina-colors-grayscale-60);
  --carina-background-color-illustration-neutral-strong: var(--carina-colors-grayscale-90);
  --carina-background-color-illustration-neutral-x-light: var(--carina-colors-grayscale-10);
  --carina-background-color-illustration-neutral-x-strong: var(--carina-colors-grayscale-100);
  --carina-background-color-illustration-neutral-zero: var(--carina-colors-grayscale-0);
  --carina-background-color-illustration-primary-light: var(--carina-colors-primary-40);
  --carina-background-color-illustration-primary-medium: var(--carina-colors-primary-60);
  --carina-background-color-illustration-primary-strong: var(--carina-colors-primary-90);
  --carina-background-color-illustration-primary-x-light: var(--carina-colors-primary-10);
  --carina-background-color-illustration-primary-x-strong: var(--carina-colors-primary-100);
  --carina-background-color-illustration-primary-zero: var(--carina-colors-primary-0);
  --carina-background-color-illustration-secondary-light: var(--carina-colors-secondary-40);
  --carina-background-color-illustration-secondary-medium: var(--carina-colors-secondary-60);
  --carina-background-color-illustration-secondary-strong: var(--carina-colors-secondary-90);
  --carina-background-color-illustration-secondary-x-light: var(--carina-colors-secondary-10);
  --carina-background-color-illustration-secondary-x-strong: var(--carina-colors-secondary-100);
  --carina-background-color-illustration-secondary-zero: var(--carina-colors-secondary-0);
  --carina-background-color-illustration-tertiary-light: var(--carina-colors-tertiary-40);
  --carina-background-color-illustration-tertiary-medium: var(--carina-colors-tertiary-60);
  --carina-background-color-illustration-tertiary-strong: var(--carina-colors-tertiary-90);
  --carina-background-color-illustration-tertiary-x-light: var(--carina-colors-tertiary-10);
  --carina-background-color-illustration-tertiary-x-strong: var(--carina-colors-tertiary-100);
  --carina-background-color-illustration-tertiary-zero: var(--carina-colors-tertiary-0);
  --carina-background-color-info: var(--carina-colors-info-60);
  --carina-background-color-info-active: var(--carina-colors-info-80);
  --carina-background-color-info-hover: var(--carina-colors-info-70);
  --carina-background-color-info-pale: var(--carina-colors-info-10);
  --carina-background-color-info-pale-active: var(--carina-colors-info-30);
  --carina-background-color-info-pale-hover: var(--carina-colors-info-20);
  --carina-background-color-neutral: var(--carina-colors-grayscale-60);
  --carina-background-color-neutral-active: color-mix(in srgb, var(--carina-colors-grayscale-100) calc(var(--carina-opacity-20) * 100%), transparent);
  --carina-background-color-neutral-hover: color-mix(in srgb, var(--carina-colors-grayscale-100) calc(var(--carina-opacity-10) * 100%), transparent);
  --carina-background-color-neutral-inactive: var(--carina-colors-grayscale-20);
  --carina-background-color-neutral-inverse: var(--carina-colors-grayscale-0);
  --carina-background-color-neutral-inverse-active: var(--carina-colors-grayscale-20);
  --carina-background-color-neutral-inverse-hover: var(--carina-colors-grayscale-10);
  --carina-background-color-popper: var(--carina-colors-surface-seed);
  --carina-background-color-primary: var(--carina-colors-primary-seed);
  --carina-background-color-primary-active: var(--carina-colors-primary-80);
  --carina-background-color-primary-hover: var(--carina-colors-primary-70);
  --carina-background-color-primary-pale: var(--carina-colors-primary-10);
  --carina-background-color-primary-pale-active: var(--carina-colors-primary-30);
  --carina-background-color-primary-pale-hover: var(--carina-colors-primary-20);
  --carina-background-color-scrim: color-mix(in srgb, var(--carina-colors-grayscale-10) calc(var(--carina-opacity-80) * 100%), transparent);
  --carina-background-color-scrim-inverse: color-mix(in srgb, var(--carina-colors-grayscale-95) calc(var(--carina-opacity-80) * 100%), transparent);
  --carina-background-color-secondary: var(--carina-colors-secondary-seed);
  --carina-background-color-secondary-active: var(--carina-colors-secondary-30);
  --carina-background-color-secondary-hover: var(--carina-colors-secondary-40);
  --carina-background-color-secondary-pale: var(--carina-colors-secondary-10);
  --carina-background-color-secondary-pale-active: var(--carina-colors-secondary-30);
  --carina-background-color-secondary-pale-hover: var(--carina-colors-secondary-20);
  --carina-background-color-success: var(--carina-colors-success-60);
  --carina-background-color-success-active: var(--carina-colors-success-80);
  --carina-background-color-success-hover: var(--carina-colors-success-70);
  --carina-background-color-success-pale: var(--carina-colors-success-10);
  --carina-background-color-success-pale-active: var(--carina-colors-success-30);
  --carina-background-color-success-pale-hover: var(--carina-colors-success-20);
  --carina-background-color-surface: var(--carina-colors-surface-seed);
  --carina-background-color-surface-active: var(--carina-colors-primary-20);
  --carina-background-color-surface-alt: var(--carina-colors-surface-alt);
  --carina-background-color-surface-hover: var(--carina-colors-surface-10);
  --carina-background-color-surface-inverse: var(--carina-colors-surface-80);
  --carina-background-color-surface-selected: var(--carina-colors-primary-20);
  --carina-background-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-background-color-tertiary-active: var(--carina-colors-tertiary-80);
  --carina-background-color-tertiary-hover: var(--carina-colors-tertiary-70);
  --carina-background-color-tertiary-pale: var(--carina-colors-tertiary-10);
  --carina-background-color-tertiary-pale-active: var(--carina-colors-tertiary-30);
  --carina-background-color-tertiary-pale-hover: var(--carina-colors-tertiary-20);
  --carina-background-color-warning: var(--carina-colors-warning-30);
  --carina-background-color-warning-active: var(--carina-colors-warning-50);
  --carina-background-color-warning-hover: var(--carina-colors-warning-40);
  --carina-background-color-warning-pale: var(--carina-colors-warning-5);
  --carina-background-color-warning-pale-active: var(--carina-colors-warning-20);
  --carina-background-color-warning-pale-hover: var(--carina-colors-warning-10);
  --carina-border-color-base: var(--carina-colors-grayscale-60);
  --carina-border-color-danger: var(--carina-colors-danger-60);
  --carina-border-color-danger-focus: var(--carina-colors-danger-50);
  --carina-border-color-hard: var(--carina-colors-grayscale-100);
  --carina-border-color-info: var(--carina-colors-info-60);
  --carina-border-color-inverse: var(--carina-colors-grayscale-0);
  --carina-border-color-primary: var(--carina-colors-primary-seed);
  --carina-border-color-primary-focus: var(--carina-colors-primary-seed);
  --carina-border-color-secondary: var(--carina-colors-secondary-seed);
  --carina-border-color-secondary-focus: var(--carina-colors-secondary-seed);
  --carina-border-color-soft: var(--carina-colors-grayscale-20);
  --carina-border-color-success: var(--carina-colors-success-60);
  --carina-border-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-border-color-tertiary-focus: var(--carina-colors-tertiary-seed);
  --carina-border-color-warning: var(--carina-colors-warning-60);
  --carina-text-color-base: var(--carina-colors-grayscale-95);
  --carina-text-color-base-inverse: var(--carina-colors-grayscale-0);
  --carina-text-color-body: var(--carina-colors-body-seed);
  --carina-text-color-danger: var(--carina-colors-danger-60);
  --carina-text-color-danger-active: var(--carina-colors-danger-80);
  --carina-text-color-danger-hover: var(--carina-colors-danger-70);
  --carina-text-color-danger-visited: var(--carina-colors-danger-80);
  --carina-text-color-disabled: var(--carina-colors-grayscale-40);
  --carina-text-color-disabled-inverse: var(--carina-colors-grayscale-50);
  --carina-text-color-heading: var(--carina-colors-heading-seed);
  --carina-text-color-info: var(--carina-colors-info-60);
  --carina-text-color-info-active: var(--carina-colors-info-80);
  --carina-text-color-info-hover: var(--carina-colors-info-70);
  --carina-text-color-info-visited: var(--carina-colors-info-80);
  --carina-text-color-on-danger: var(--carina-colors-grayscale-0);
  --carina-text-color-on-danger-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-danger-pale-soft: var(--carina-colors-danger-70);
  --carina-text-color-on-info: var(--carina-colors-grayscale-0);
  --carina-text-color-on-info-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-info-pale-soft: var(--carina-colors-info-70);
  --carina-text-color-on-neutral: var(--carina-colors-grayscale-0);
  --carina-text-color-on-primary: var(--carina-colors-grayscale-0);
  --carina-text-color-on-primary-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-primary-pale-soft: var(--carina-colors-primary-70);
  --carina-text-color-on-secondary: var(--carina-colors-grayscale-100);
  --carina-text-color-on-secondary-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-secondary-pale-soft: var(--carina-colors-secondary-70);
  --carina-text-color-on-success: var(--carina-colors-grayscale-0);
  --carina-text-color-on-success-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-success-pale-soft: var(--carina-colors-success-70);
  --carina-text-color-on-tertiary: var(--carina-colors-grayscale-0);
  --carina-text-color-on-tertiary-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-tertiary-pale-soft: var(--carina-colors-tertiary-70);
  --carina-text-color-on-warning: var(--carina-colors-grayscale-100);
  --carina-text-color-on-warning-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-warning-pale-soft: var(--carina-colors-warning-70);
  --carina-text-color-primary: var(--carina-colors-primary-seed);
  --carina-text-color-primary-active: var(--carina-colors-primary-80);
  --carina-text-color-primary-hover: var(--carina-colors-primary-70);
  --carina-text-color-primary-visited: var(--carina-colors-primary-80);
  --carina-text-color-secondary: var(--carina-colors-grayscale-95);
  --carina-text-color-secondary-active: var(--carina-colors-grayscale-95);
  --carina-text-color-secondary-hover: var(--carina-colors-grayscale-95);
  --carina-text-color-secondary-visited: var(--carina-colors-grayscale-95);
  --carina-text-color-soft: var(--carina-colors-surface-70);
  --carina-text-color-soft-inverse: var(--carina-colors-grayscale-30);
  --carina-text-color-success: var(--carina-colors-success-60);
  --carina-text-color-success-active: var(--carina-colors-success-80);
  --carina-text-color-success-hover: var(--carina-colors-success-70);
  --carina-text-color-success-visited: var(--carina-colors-success-80);
  --carina-text-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-text-color-tertiary-active: var(--carina-colors-tertiary-80);
  --carina-text-color-tertiary-hover: var(--carina-colors-tertiary-70);
  --carina-text-color-tertiary-visited: var(--carina-colors-tertiary-80);
  --carina-text-color-warning: var(--carina-colors-warning-60);
  --carina-text-color-warning-active: var(--carina-colors-warning-80);
  --carina-text-color-warning-hover: var(--carina-colors-warning-70);
  --carina-text-color-warning-visited: var(--carina-colors-warning-80);
  --carina-ring-base: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-primary-focus);
  --carina-ring-white: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-inverse);
  --carina-ring-black: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-hard);
  --carina-ring-danger: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-danger-focus);
  --carina-ring-color-base: var(--carina-border-color-primary-focus);
  --carina-ring-color-white: var(--carina-border-color-inverse);
  --carina-ring-color-black: var(--carina-border-color-hard);
  --carina-ring-color-danger: var(--carina-border-color-danger-focus);
}

[data-carina-theme="dark"] {
  --carina-colors-inherit: inherit;
  --carina-colors-current: currentColor;
  --carina-colors-transparent: transparent;
  --carina-colors-body-background: #efefef;
  --carina-colors-accessory-0-10: #1c1386;
  --carina-colors-accessory-0-20: #4d31ba;
  --carina-colors-accessory-0-30: #8457d9;
  --carina-colors-accessory-0-40: #b473e9;
  --carina-colors-accessory-0-50: #d490f1;
  --carina-colors-accessory-0-60: #f1aef3;
  --carina-colors-accessory-0-70: #fdd1f6;
  --carina-colors-accessory-1-10: #192887;
  --carina-colors-accessory-1-20: #1c4eb4;
  --carina-colors-accessory-1-30: #0781da;
  --carina-colors-accessory-1-40: #17a6f8;
  --carina-colors-accessory-1-50: #2fc7f0;
  --carina-colors-accessory-1-60: #64e4e8;
  --carina-colors-accessory-1-70: #a6f6e0;
  --carina-colors-accessory-2-10: #02516c;
  --carina-colors-accessory-2-20: #047885;
  --carina-colors-accessory-2-30: #059a9a;
  --carina-colors-accessory-2-40: #05baa5;
  --carina-colors-accessory-2-50: #07d7a8;
  --carina-colors-accessory-2-60: #77e9a1;
  --carina-colors-accessory-2-70: #b7f4ac;
  --carina-colors-accessory-3-10: #790c03;
  --carina-colors-accessory-3-20: #b22205;
  --carina-colors-accessory-3-30: #df4e0f;
  --carina-colors-accessory-3-40: #ff7830;
  --carina-colors-accessory-3-50: #ffab00;
  --carina-colors-accessory-3-60: #ffcc66;
  --carina-colors-accessory-3-70: #ffe982;
  --carina-colors-accessory-4-10: #5d074a;
  --carina-colors-accessory-4-20: #891150;
  --carina-colors-accessory-4-30: #c2386c;
  --carina-colors-accessory-4-40: #f05887;
  --carina-colors-accessory-4-50: #ff8888;
  --carina-colors-accessory-4-60: #ffb2a3;
  --carina-colors-accessory-4-70: #ffcca1;
  --carina-colors-body-seed: #F8F8F8;
  --carina-colors-danger-0: #000000;
  --carina-colors-danger-5: #910000;
  --carina-colors-danger-10: #9b0000;
  --carina-colors-danger-20: #ac0000;
  --carina-colors-danger-30: #c50005;
  --carina-colors-danger-40: #db1826;
  --carina-colors-danger-50: #e95f58;
  --carina-colors-danger-60: #f6938a;
  --carina-colors-danger-70: #fbb4ad;
  --carina-colors-danger-80: #fed1cb;
  --carina-colors-danger-90: #fffdfd;
  --carina-colors-danger-95: #ffffff;
  --carina-colors-danger-100: #FFFFFF;
  --carina-colors-danger-seed: #D9021F;
  --carina-colors-grayscale-0: #FFFFFF;
  --carina-colors-grayscale-5: #f8f8f8;
  --carina-colors-grayscale-10: #eeeeee;
  --carina-colors-grayscale-20: #dfdfdf;
  --carina-colors-grayscale-30: #cbcbcb;
  --carina-colors-grayscale-40: #b7b7b7;
  --carina-colors-grayscale-50: #959595;
  --carina-colors-grayscale-60: #757575;
  --carina-colors-grayscale-70: #646464;
  --carina-colors-grayscale-80: #575757;
  --carina-colors-grayscale-90: #424242;
  --carina-colors-grayscale-95: #242424;
  --carina-colors-grayscale-100: #000000;
  --carina-colors-grayscale-seed: #777777;
  --carina-colors-heading-seed: #F8F8F8;
  --carina-colors-info-0: #000000;
  --carina-colors-info-5: #003aae;
  --carina-colors-info-10: #0040b5;
  --carina-colors-info-20: #004bc0;
  --carina-colors-info-30: #005ad0;
  --carina-colors-info-40: #026ae1;
  --carina-colors-info-50: #4a8cea;
  --carina-colors-info-60: #82b0f3;
  --carina-colors-info-70: #a8c8f8;
  --carina-colors-info-80: #c8ddfb;
  --carina-colors-info-90: #fdfeff;
  --carina-colors-info-95: #ffffff;
  --carina-colors-info-100: #FFFFFF;
  --carina-colors-info-seed: #006AE1;
  --carina-colors-neutral-0: #000000;
  --carina-colors-neutral-5: #3f474f;
  --carina-colors-neutral-10: #444b54;
  --carina-colors-neutral-20: #4d555d;
  --carina-colors-neutral-30: #5a626b;
  --carina-colors-neutral-40: #687079;
  --carina-colors-neutral-50: #868d94;
  --carina-colors-neutral-60: #aaaeb4;
  --carina-colors-neutral-70: #c3c6ca;
  --carina-colors-neutral-80: #d9dbde;
  --carina-colors-neutral-90: #fdfefe;
  --carina-colors-neutral-95: #ffffff;
  --carina-colors-neutral-100: #FFFFFF;
  --carina-colors-neutral-seed: #69717A;
  --carina-colors-primary-0: #000000;
  --carina-colors-primary-5: #184584;
  --carina-colors-primary-10: #1d4a89;
  --carina-colors-primary-20: #265392;
  --carina-colors-primary-30: #3461a2;
  --carina-colors-primary-40: #426fb2;
  --carina-colors-primary-50: #5e8dd2;
  --carina-colors-primary-60: #7fb0f7;
  --carina-colors-primary-70: #a6c8fb;
  --carina-colors-primary-80: #c7ddfd;
  --carina-colors-primary-90: #fdfeff;
  --carina-colors-primary-95: #ffffff;
  --carina-colors-primary-100: #FFFFFF;
  --carina-colors-primary-seed: #7FB0F7;
  --carina-colors-secondary-0: #000000;
  --carina-colors-secondary-5: #00512e;
  --carina-colors-secondary-10: #005733;
  --carina-colors-secondary-20: #00603b;
  --carina-colors-secondary-30: #006f49;
  --carina-colors-secondary-40: #007f57;
  --carina-colors-secondary-50: #009f75;
  --carina-colors-secondary-60: #00c599;
  --carina-colors-secondary-70: #70d8b6;
  --carina-colors-secondary-80: #abe8d1;
  --carina-colors-secondary-90: #fdfefe;
  --carina-colors-secondary-95: #ffffff;
  --carina-colors-secondary-100: #FFFFFF;
  --carina-colors-secondary-seed: #00CA9D;
  --carina-colors-success-0: #000000;
  --carina-colors-success-5: #005200;
  --carina-colors-success-10: #005800;
  --carina-colors-success-20: #006200;
  --carina-colors-success-30: #007100;
  --carina-colors-success-40: #008100;
  --carina-colors-success-50: #4b9e46;
  --carina-colors-success-60: #84bc7f;
  --carina-colors-success-70: #a9d0a5;
  --carina-colors-success-80: #c9e2c7;
  --carina-colors-success-90: #fdfefd;
  --carina-colors-success-95: #ffffff;
  --carina-colors-success-100: #FFFFFF;
  --carina-colors-success-seed: #008600;
  --carina-colors-surface-0: #FFFFFF;
  --carina-colors-surface-5: #f7f7f8;
  --carina-colors-surface-10: #edeeee;
  --carina-colors-surface-20: #dedfe0;
  --carina-colors-surface-30: #cacbcd;
  --carina-colors-surface-40: #b5b7b9;
  --carina-colors-surface-50: #929598;
  --carina-colors-surface-60: #73767b;
  --carina-colors-surface-70: #616469;
  --carina-colors-surface-80: #52575c;
  --carina-colors-surface-90: #3e4248;
  --carina-colors-surface-95: #20252b;
  --carina-colors-surface-100: #000000;
  --carina-colors-surface-seed: #21262C;
  --carina-colors-surface-alt: #3e4248;
  --carina-colors-tertiary-0: #000000;
  --carina-colors-tertiary-5: #503a7a;
  --carina-colors-tertiary-10: #563f80;
  --carina-colors-tertiary-20: #5e4889;
  --carina-colors-tertiary-30: #6b5597;
  --carina-colors-tertiary-40: #7963a7;
  --carina-colors-tertiary-50: #9681c7;
  --carina-colors-tertiary-60: #b8a2eb;
  --carina-colors-tertiary-70: #cdbef3;
  --carina-colors-tertiary-80: #dfd6f8;
  --carina-colors-tertiary-90: #fefdff;
  --carina-colors-tertiary-95: #ffffff;
  --carina-colors-tertiary-100: #FFFFFF;
  --carina-colors-tertiary-seed: #B9A3EC;
  --carina-colors-warning-0: #000000;
  --carina-colors-warning-5: #6a3a00;
  --carina-colors-warning-10: #6f3f00;
  --carina-colors-warning-20: #794900;
  --carina-colors-warning-30: #875700;
  --carina-colors-warning-40: #966500;
  --carina-colors-warning-50: #b58300;
  --carina-colors-warning-60: #d9a700;
  --carina-colors-warning-70: #f2bf00;
  --carina-colors-warning-80: #ffd763;
  --carina-colors-warning-90: #fffef9;
  --carina-colors-warning-95: #ffffff;
  --carina-colors-warning-100: #FFFFFF;
  --carina-colors-warning-seed: #FFCC00;
  --carina-background-color-background: var(--carina-colors-surface-alt);
  --carina-background-color-danger: var(--carina-colors-danger-70);
  --carina-background-color-danger-active: var(--carina-colors-danger-50);
  --carina-background-color-danger-hover: var(--carina-colors-danger-60);
  --carina-background-color-danger-pale: var(--carina-colors-danger-5);
  --carina-background-color-danger-pale-active: var(--carina-colors-danger-20);
  --carina-background-color-danger-pale-hover: var(--carina-colors-danger-10);
  --carina-background-color-illustration-neutral-light: var(--carina-colors-grayscale-60);
  --carina-background-color-illustration-neutral-medium: var(--carina-colors-grayscale-40);
  --carina-background-color-illustration-neutral-strong: var(--carina-colors-grayscale-10);
  --carina-background-color-illustration-neutral-x-light: var(--carina-colors-grayscale-90);
  --carina-background-color-illustration-neutral-x-strong: var(--carina-colors-grayscale-0);
  --carina-background-color-illustration-neutral-zero: var(--carina-colors-grayscale-100);
  --carina-background-color-illustration-primary-light: var(--carina-colors-primary-50);
  --carina-background-color-illustration-primary-medium: var(--carina-colors-primary-60);
  --carina-background-color-illustration-primary-strong: var(--carina-colors-primary-80);
  --carina-background-color-illustration-primary-x-light: var(--carina-colors-primary-5);
  --carina-background-color-illustration-primary-x-strong: var(--carina-colors-primary-100);
  --carina-background-color-illustration-primary-zero: var(--carina-colors-primary-0);
  --carina-background-color-illustration-secondary-light: var(--carina-colors-secondary-60);
  --carina-background-color-illustration-secondary-medium: var(--carina-colors-secondary-70);
  --carina-background-color-illustration-secondary-strong: var(--carina-colors-secondary-80);
  --carina-background-color-illustration-secondary-x-light: var(--carina-colors-secondary-5);
  --carina-background-color-illustration-secondary-x-strong: var(--carina-colors-secondary-100);
  --carina-background-color-illustration-secondary-zero: var(--carina-colors-secondary-0);
  --carina-background-color-illustration-tertiary-light: var(--carina-colors-tertiary-50);
  --carina-background-color-illustration-tertiary-medium: var(--carina-colors-tertiary-60);
  --carina-background-color-illustration-tertiary-strong: var(--carina-colors-tertiary-80);
  --carina-background-color-illustration-tertiary-x-light: var(--carina-colors-tertiary-5);
  --carina-background-color-illustration-tertiary-x-strong: var(--carina-colors-tertiary-100);
  --carina-background-color-illustration-tertiary-zero: var(--carina-colors-tertiary-0);
  --carina-background-color-info: var(--carina-colors-info-70);
  --carina-background-color-info-active: var(--carina-colors-info-50);
  --carina-background-color-info-hover: var(--carina-colors-info-60);
  --carina-background-color-info-pale: var(--carina-colors-info-5);
  --carina-background-color-info-pale-active: var(--carina-colors-info-20);
  --carina-background-color-info-pale-hover: var(--carina-colors-info-10);
  --carina-background-color-neutral: color-mix(in srgb, var(--carina-colors-grayscale-0) calc(var(--carina-opacity-80) * 100%), transparent);
  --carina-background-color-neutral-active: color-mix(in srgb, var(--carina-colors-grayscale-0) calc(var(--carina-opacity-30) * 100%), transparent);
  --carina-background-color-neutral-hover: color-mix(in srgb, var(--carina-colors-grayscale-0) calc(var(--carina-opacity-20) * 100%), transparent);
  --carina-background-color-neutral-inactive: var(--carina-background-color-surface-hover);
  --carina-background-color-neutral-inverse: var(--carina-colors-grayscale-95);
  --carina-background-color-neutral-inverse-active: var(--carina-colors-grayscale-80);
  --carina-background-color-neutral-inverse-hover: var(--carina-colors-grayscale-90);
  --carina-background-color-popper: var(--carina-colors-surface-alt);
  --carina-background-color-primary: var(--carina-colors-primary-seed);
  --carina-background-color-primary-active: var(--carina-colors-primary-80);
  --carina-background-color-primary-hover: var(--carina-colors-primary-70);
  --carina-background-color-primary-pale: var(--carina-colors-primary-10);
  --carina-background-color-primary-pale-active: var(--carina-colors-primary-30);
  --carina-background-color-primary-pale-hover: var(--carina-colors-primary-20);
  --carina-background-color-scrim: color-mix(in srgb, var(--carina-colors-grayscale-95) calc(var(--carina-opacity-80) * 100%), transparent);
  --carina-background-color-scrim-inverse: color-mix(in srgb, var(--carina-colors-grayscale-10) calc(var(--carina-opacity-80) * 100%), transparent);
  --carina-background-color-secondary: var(--carina-colors-secondary-seed);
  --carina-background-color-secondary-active: var(--carina-colors-secondary-80);
  --carina-background-color-secondary-hover: var(--carina-colors-secondary-70);
  --carina-background-color-secondary-pale: var(--carina-colors-secondary-10);
  --carina-background-color-secondary-pale-active: var(--carina-colors-secondary-30);
  --carina-background-color-secondary-pale-hover: var(--carina-colors-secondary-20);
  --carina-background-color-success: var(--carina-colors-success-70);
  --carina-background-color-success-active: var(--carina-colors-success-50);
  --carina-background-color-success-hover: var(--carina-colors-success-60);
  --carina-background-color-success-pale: var(--carina-colors-success-5);
  --carina-background-color-success-pale-active: var(--carina-colors-success-20);
  --carina-background-color-success-pale-hover: var(--carina-colors-success-10);
  --carina-background-color-surface: var(--carina-colors-surface-seed);
  --carina-background-color-surface-active: var(--carina-colors-surface-70);
  --carina-background-color-surface-alt: var(--carina-colors-surface-alt);
  --carina-background-color-surface-hover: var(--carina-colors-surface-80);
  --carina-background-color-surface-inverse: var(--carina-colors-surface-20);
  --carina-background-color-surface-selected: var(--carina-colors-surface-70);
  --carina-background-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-background-color-tertiary-active: var(--carina-colors-tertiary-80);
  --carina-background-color-tertiary-hover: var(--carina-colors-tertiary-70);
  --carina-background-color-tertiary-pale: var(--carina-colors-tertiary-10);
  --carina-background-color-tertiary-pale-active: var(--carina-colors-tertiary-30);
  --carina-background-color-tertiary-pale-hover: var(--carina-colors-tertiary-20);
  --carina-background-color-warning: var(--carina-colors-warning-60);
  --carina-background-color-warning-active: var(--carina-colors-warning-80);
  --carina-background-color-warning-hover: var(--carina-colors-warning-70);
  --carina-background-color-warning-pale: var(--carina-colors-warning-5);
  --carina-background-color-warning-pale-active: var(--carina-colors-warning-20);
  --carina-background-color-warning-pale-hover: var(--carina-colors-warning-10);
  --carina-border-color-base: var(--carina-colors-surface-50);
  --carina-border-color-danger: var(--carina-colors-danger-70);
  --carina-border-color-danger-focus: var(--carina-colors-danger-50);
  --carina-border-color-hard: var(--carina-colors-grayscale-0);
  --carina-border-color-info: var(--carina-colors-info-70);
  --carina-border-color-inverse: var(--carina-colors-grayscale-95);
  --carina-border-color-primary: var(--carina-colors-primary-seed);
  --carina-border-color-primary-focus: var(--carina-colors-primary-seed);
  --carina-border-color-secondary: var(--carina-colors-secondary-seed);
  --carina-border-color-secondary-focus: var(--carina-colors-secondary-seed);
  --carina-border-color-soft: var(--carina-colors-surface-70);
  --carina-border-color-success: var(--carina-colors-success-70);
  --carina-border-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-border-color-tertiary-focus: var(--carina-colors-tertiary-seed);
  --carina-border-color-warning: var(--carina-colors-warning-60);
  --carina-text-color-base: var(--carina-colors-grayscale-5);
  --carina-text-color-base-inverse: var(--carina-colors-grayscale-100);
  --carina-text-color-body: var(--carina-colors-body-seed);
  --carina-text-color-danger: var(--carina-colors-danger-70);
  --carina-text-color-danger-active: var(--carina-colors-danger-90);
  --carina-text-color-danger-hover: var(--carina-colors-danger-80);
  --carina-text-color-danger-visited: var(--carina-colors-danger-90);
  --carina-text-color-disabled: var(--carina-colors-surface-60);
  --carina-text-color-disabled-inverse: var(--carina-colors-surface-50);
  --carina-text-color-heading: var(--carina-colors-heading-seed);
  --carina-text-color-info: var(--carina-colors-info-70);
  --carina-text-color-info-active: var(--carina-colors-info-90);
  --carina-text-color-info-hover: var(--carina-colors-info-80);
  --carina-text-color-info-visited: var(--carina-colors-info-90);
  --carina-text-color-on-danger: var(--carina-colors-grayscale-100);
  --carina-text-color-on-danger-pale: var(--carina-colors-grayscale-0);
  --carina-text-color-on-danger-pale-soft: var(--carina-colors-danger-70);
  --carina-text-color-on-info: var(--carina-colors-grayscale-100);
  --carina-text-color-on-info-pale: var(--carina-colors-grayscale-0);
  --carina-text-color-on-info-pale-soft: var(--carina-colors-info-70);
  --carina-text-color-on-neutral: var(--carina-colors-grayscale-100);
  --carina-text-color-on-primary: var(--carina-colors-grayscale-100);
  --carina-text-color-on-primary-pale: var(--carina-colors-grayscale-0);
  --carina-text-color-on-primary-pale-soft: var(--carina-colors-primary-70);
  --carina-text-color-on-secondary: var(--carina-colors-grayscale-100);
  --carina-text-color-on-secondary-pale: var(--carina-colors-grayscale-0);
  --carina-text-color-on-secondary-pale-soft: var(--carina-colors-secondary-70);
  --carina-text-color-on-success: var(--carina-colors-grayscale-100);
  --carina-text-color-on-success-pale: var(--carina-colors-grayscale-0);
  --carina-text-color-on-success-pale-soft: var(--carina-colors-success-70);
  --carina-text-color-on-tertiary: var(--carina-colors-grayscale-100);
  --carina-text-color-on-tertiary-pale: var(--carina-colors-grayscale-0);
  --carina-text-color-on-tertiary-pale-soft: var(--carina-colors-tertiary-70);
  --carina-text-color-on-warning: var(--carina-colors-grayscale-100);
  --carina-text-color-on-warning-pale: var(--carina-colors-grayscale-0);
  --carina-text-color-on-warning-pale-soft: var(--carina-colors-warning-70);
  --carina-text-color-primary: var(--carina-colors-primary-seed);
  --carina-text-color-primary-active: var(--carina-colors-primary-80);
  --carina-text-color-primary-hover: var(--carina-colors-primary-70);
  --carina-text-color-primary-visited: var(--carina-colors-primary-80);
  --carina-text-color-secondary: var(--carina-colors-secondary-seed);
  --carina-text-color-secondary-active: var(--carina-colors-secondary-80);
  --carina-text-color-secondary-hover: var(--carina-colors-secondary-70);
  --carina-text-color-secondary-visited: var(--carina-colors-secondary-80);
  --carina-text-color-soft: var(--carina-colors-surface-40);
  --carina-text-color-soft-inverse: var(--carina-colors-surface-80);
  --carina-text-color-success: var(--carina-colors-success-70);
  --carina-text-color-success-active: var(--carina-colors-success-90);
  --carina-text-color-success-hover: var(--carina-colors-success-80);
  --carina-text-color-success-visited: var(--carina-colors-success-90);
  --carina-text-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-text-color-tertiary-active: var(--carina-colors-tertiary-80);
  --carina-text-color-tertiary-hover: var(--carina-colors-tertiary-70);
  --carina-text-color-tertiary-visited: var(--carina-colors-tertiary-80);
  --carina-text-color-warning: var(--carina-colors-warning-60);
  --carina-text-color-warning-active: var(--carina-colors-warning-80);
  --carina-text-color-warning-hover: var(--carina-colors-warning-70);
  --carina-text-color-warning-visited: var(--carina-colors-warning-80);
  --carina-ring-base: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-primary-focus);
  --carina-ring-white: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-inverse);
  --carina-ring-black: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-hard);
  --carina-ring-danger: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-danger-focus);
  --carina-ring-color-base: var(--carina-border-color-primary-focus);
  --carina-ring-color-white: var(--carina-border-color-inverse);
  --carina-ring-color-black: var(--carina-border-color-hard);
  --carina-ring-color-danger: var(--carina-border-color-danger-focus);
}



/*# sourceMappingURL=9077.8251aae0d38472361014.css.map*/